body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body {font-size:12px; font-family:"microsoft yahei"; color:#323232;}
ol,ul,li {list-style:none;}
img {border:none;display: inline-block;vertical-align: middle;}
a {text-decoration:none; font-size:12px; color:#323232; /*transition:500ms all linear;*/}
a:hover{color:#c20e1a;}
td,th,caption { font-size:15px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:14px; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
img { border:none; vertical-align: middle;}
input, textarea, select, button { font-size:15px; }
table { border-collapse:collapse; }
html {overflow-y: scroll;font-size:12px;} 
input[type=submit]{cursor: pointer;}
@font-face {
	font-family:'thin';
	src: url(../fonts/lanting.ttf);
}
.nomarr{margin-right: 0 !important;}
.nb{width: 1200px;margin:0 auto;}
.btn{display: inline-block;vertical-align: middle;background:#C20E1A;color:#fff;}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;*zoom: 1;overflow: hidden;}
.bggrey{background:#f3f3f3;}
.bgw{background-color:#fff;}
.red{color:#d90101;}
.blue{color:#07a2db;}
.hide{display: none;}
.show{display: block;}
.header{background-color:#fff;}
.header .logo{float: left;padding-top:10px;}
.header .nav{float: left;}
.header .nav .nli{float: left;position: relative;width: 110px;text-align: center;}
.header .nav .nli.noon .main{color:#e4e4e4;}
.header .nav .norealative{position: static;}
.header .nav .nli .main{line-height: 100px;font-size: 14px;display: block;color:#323232;}
.header .nav-search{width: 800px;margin-left: 36px;float: left;}
.header .nav-search .navsonall{text-align: justify;padding:25px 0;}
.header .nav-search .navsonall .pronav{float: left;width: 410px;}
.header .nav-search .navsonall .pronav li{width: 205px;float: left;line-height: 36px;}
.header .nav-search .navson{display: none;position: absolute;width: 100%;left: 0;background-color:#f8f8f8;z-index: 99;}
.header .nav-search ol li{height: 36px;line-height: 36px;} 
.navsonall{width: 100%;background-color:#f8f8f8;}
.header .nav-search .search{position: relative;}
.header .nav-search .txt-search{display: none;position: absolute;left: 0;margin-right: 60px;width: 92%;height: 27px;height: 34px;margin-top:27px}
.header .nav-search .txt-search input[type=text]{width: 97%;height: 20px;outline: none;background:none;border:none;border-left: 1px solid #ccc;padding-left: 3%;margin-top:15px;}
.header .nav-search .btn-search{background:url(../images/btn_search.png) no-repeat center center;float: right;width: 60px;position: relative;}
.header .nav-search .btn-search input[type=submit],.header .nav-search .btn-search .mask-btn{height: 100px;display: block;width: 60px;border:none;background:none;cursor: pointer;}
.header .nav-search .btn-search input[type=submit]{display: none;vertical-align: middle;}
.header .head-right{width: 314px;float: right;margin-top:27px;}
.header .head-right .btn-shop{width: 160px;height: 46px;line-height: 46px;background-color:#c20e1a;text-align: center;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;transition: all 300ms linear;}
.header .head-right .btn-shop:hover{border-radius: 5px;}
.header .head-right .btn-shop a{color:#fff;display: block;}
.header .head-right .icon-cart{margin-right: 10px;margin-top:-5px;}
.header .app{position: relative;}
.header .app-code{line-height: 46px;width: 118px;text-align: center;}
.header .app-code .icon-app{margin-right: 10px;}
.header .app .codebox{display: none;position: absolute;z-index:99;padding:10px;background-color:#fff;width: 118px;height: 118px;overflow: hidden;}
.header .app .codebox img{width: 100%;}
.header .app:hover .codebox{display: block;}
.header .head-right .usercenter{position: relative;width: 24px;}
.header .head-right .logreg{line-height: 46px;height: 46px;}
.header .head-right .usercenter ul{position: absolute;z-index: 99;width: 100px;line-height: 36px;background-color:#fff;right: 0;text-align: center;display: none;}
.header .head-right .usercenter ul li{border-bottom:1px solid #f1f1f1;}
.header .head-right .usercenter ul a{display: block;}
.header .head-right .usercenter .icon-user{margin-left: 7px;}
.header .head-right .usercenter:hover ul{display: block;}
.icon{display: inline-block;vertical-align: middle;}
.icon-cart{background:url(../images/icon_head.png) no-repeat -19px 0;width: 18px;height: 18px;}
.icon-app{background: url(../images/icon_head.png) no-repeat -42px 0;width: 11px;height: 18px;}
.icon-user{background:url(../images/icon_head.png) no-repeat -56px 0;width: 17px;height: 19px;}
.icon-app-cen{background: url(../images/icon_phone_cen.png) no-repeat;width: 7px;height: 11px;}

.footer{background-color:#141414;color:#969696;padding:64px 0 48px;}
.footer .ftop{background:url(../images/logo_bot.png) no-repeat right;min-height: 90px;}
.footer a{color:#969696;}
.footer a:hover{color:#fff;}
.footer .fnav{overflow: hidden;clear: both;}
.footer .fnav li{float: left;margin-right: 50px;}
.footer .fnav a{font-size: 14px;}
.footer .ftel{margin:25px 0;}
.footer .ftel span{font-size: 30px;font-family: "thin";color:#fff;}
.footer .fcontact li{float: left;margin-right: 20px;position: relative;}
.footer .fcontact li a{background-image:url(../images/contact.png);background-repeat:  no-repeat;display: block;width: 34px;height: 34px;;}
.footer .fcontact li .codepic{position: absolute;bottom:55px;left: -44px;width: 128px;height: 128px;overflow: hidden;display: none;}
.footer .fcontact .wb a{background-position: 0 0;}
.footer .fcontact .wc a{background-position: -54px 0;}
.footer .fcontact .wc:hover .codepic{display: block;}
.footer .copyright{clear: both;margin-top:65px}

.float{position: fixed;right: 0;bottom:50px;width: 55px;z-index: 99;}
.float li{width: 55px;height: 55px;background:url(../images/icon_float.png) no-repeat #333;cursor: pointer;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;transition: all 400ms linear;}
.float li:hover{background-color:#c20e1a;}
.float .float_mess{border-bottom:1px solid #444;background-position: 12px 18px;}
.float .float_mess a{display: block;width: 55px;height: 55px;}
.float .float_totop{background-position: 12px -40px;}

.pages{text-align: center;overflow: hidden;clear: both;margin:20px 0;}
.pages .pagebox{display: inline-block;vertical-align: middle;}
.pages a{display: block;float: left;height: 42px;text-align:center;line-height: 42px;font-size: 14px;padding:0 20px;border: 1px solid #e8e8e8;margin: 0 5px;}
.pages a.current{color:#fff;background-color:#c21722;}
/* .pages a:last-child{border:none;} */
.pagesright{text-align: right;padding-top:34px;border-top:1px solid #e5e5e5;}
.pagesright a{display: inline-block;vertical-align: middle;width: 50px;height: 35px;line-height: 35px;text-align: center;background-color:#f5f5f5;color:#969696;margin:0 4px;}
.pagesright a.current{background-color:#c20e1a;coLord:#fff;}

/*login register*/
.main {overflow:hidden;}
.framecenter {overflow:hidden; width:1200px; margin:0 auto;}

.user_head {overflow:hidden; line-height:80px; border-bottom:1px solid #ebebeb; box-shadow:0 0 4px #ebebeb; background:#fff;}
.user_head .content {overflow:hidden; width:1300px; margin:0 auto;}
.user_head .content .logo {overflow:hidden; float:left; margin-top:10px;}
.user_head .content .logo img {display:block;}
.user_head .content .by {overflow:hidden; float:right; color:#716f6f;}
.user_head .content .by p {float:left; margin-right:15px;}
.user_head .content .by a {display:block; float:left; color:#6f6f6f;}
.user_head .content .by a:hover {color:#c21722;}

.user_content {overflow:hidden; width:1300px; margin:0 auto; padding:85px 0 110px; background:url(../images/login_register_bg.png) left center no-repeat;}
.user_content .login_register {float:right; padding:5px; margin-right:150px;}
.user_content .login_register .hz_login {overflow:hidden; margin-bottom:30px;}
.user_content .login_register .bt {font-size:18px; color:#787878; margin-bottom:20px;}
.user_content .login_register .hz_login a {display:block; float:left; width:50px; height:50px; border-radius:50px; margin-right:20px;}
.user_content .login_register .hz_login a:nth-last-child(1) {margin-right:0;}
.user_content .login_register .hz_login .qq {background:url(../images/login_qq.png) #07a2db center center no-repeat;}
.user_content .login_register .hz_login .wx {background:url(../images/login_wx.png) #52c335 center center no-repeat;}
.user_content .login_register .hz_login .wb {background:url(../images/login_wb.png) #e6162d center center no-repeat;}
.user_content .login_register .user_on {}
.user_content .login_register .user_on input {display:block; width:320px; line-height:50px; margin-bottom:20px; border:1px solid #dedede; text-indent:20px; transition:.5s all linear;}
.user_content .login_register .user_on input:focus {box-shadow:0 0 5px #dedede;}
.user_content .login_register .user_on button {width:322px; line-height:52px; background:#c21722; color:#fff; border:none; border-radius:5px; cursor:pointer; transition:.5s all linear;}
.user_content .login_register .user_on button:hover {box-shadow:0 0 5px #c21722;}
.user_content .login_register .user_on div {overflow:hidden; margin:20px auto;}
.user_content .login_register .user_on div .xx {width:auto; float:left; margin:2px 5px 0 0;}
.user_content .login_register .user_on div p {color:#787878;}
.user_content .login_register .user_on div a:nth-child(2) {float:right;}
.user_content .login_register .user_on div a span {color:#07a2db;}
.user_content .login_register .user_on .dx_div {overflow:initial; position:relative;}
.user_content .login_register .user_on .dx_div input {background:#f5f5f5; width:190px; padding-right:130px;}
.user_content .login_register .user_on .dx_div a {position:absolute; right:0; top:0; border-left:1px solid #dedede; background:#f5f5f5; line-height:50px; text-align:center; color:#979696; width:120px; font-size:14px; border:1px solid #dedede;}

.user_footer {overflow:hidden; text-align:center;}
.user_footer p {color:#959595;}
.user_footer p a {color:#959595; margin-left:15px;}
.user_footer p a:hover {color:#c21722;}


/*加减*/
.addreduce{position: relative;border:1px solid #e6e6e6;height: 30px;width: 110px;display: inline-block;vertical-align: middle;}
.addreduce a{position: absolute;top: 0;width: 30px;height: 30px;background:#fff;line-height: 30px;text-align: center;display: block;font-size: 24px;color:#999}
.addreduce .reduce{left: 0;}
.addreduce .add{right: 0;}
.addreduce .ranum{width: 46px;height: 30px;line-height: 30px;text-align: center;position: absolute;left: 32px;border:none;background:#eee;border-left: 1px solid #ccc;border-right: 1px solid #ccc;outline: none;}