@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{border:none;text-decoration:none; outline:none;}
body{font-size:12px;}
input,body{ font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.top{height:35px;background: #fafafa;border-bottom: 1px solid #eaeaea;width: 100%;min-width: 1200px;font-size: 12px;}
.top a:hover {text-decoration: none;color: #ff0036;}
.content{width:1200px;margin:0 auto;}
.top-login{float: left;line-height: 35px;color: #666;text-shadow: 0 1px 0 #fff;}
.top-login a{ color:#666;}
.top-login .fa-volume-up{margin-right: 5px;}
.top-menu{float: right;height: 35px;}
.top-menu i{margin-right: 3px; color:#666;}
.top-menu ul{display: inline-block;}
.top-menu li{float: left;padding: 0 12px;height: 35px;line-height: 35px;cursor:pointer;}
.top-menu li a{color: #6b6b6b;text-shadow: 0 1px 0 #fff;}
.top-menu li span{font-size: 14px;color: #ff0036;line-height: 36px;}
.top-menu li.top-side { position:relative;}
.top-show{ position:absolute;top: 35px; width:80px; left:0px;border: solid 1px #eaeaea;z-index: 96;border-top: none; background-color:#fff; display:none;}
.top-show a{ display:block; text-indent:12px; line-height:28px;}


.header{height: 106px;background: #fff;width: 100%;min-width: 1200px;overflow: hidden;}
.header .logo-box{float: left;width: 200px;margin-top: 28px;}
.header .logo-box img{ display:block; overflow:hidden;}
.header .header-adv{ position:absolute; left:202px; top:28px; overflow:hidden; height:50px; width:100px;}
.header .search{float: left;position: relative;margin-top: 22px;width: 500px;margin-left: 210px;}
.search .search-form{display: block;height: 40px;position: relative;overflow: hidden;}
.search-form .fa-search{position: absolute;left: 10px;top: 13px;}
.search-box{border: 2px solid #ff0036;float: left;height: 36px;line-height: 31px\9;width: 380px;outline: 0;padding: 0 5px 0 25px;}
.search-btn{background-color: #ff0036;border: 0;color: #fff;float: left;font-size: 16px;width: 80px;height: 40px;cursor: pointer;}
.search p{height: 32px;line-height:32px;color: #999;overflow: hidden;width: 535px;font-size: 13px;}
.search p a{margin-right:10px;color: #999;}
.search p a:hover{ color:#ff0036;}
.header-qrcode{float: right;width: 190px;margin-top: 7px;}

.header-cart{ width:130px; height:38px; border:solid 1px #eaeaea; float:right; margin:27px auto 0 5px; color:#666; text-indent:10px; line-height:38px;}
.header-cart b{ color:#f00;}
.header-cart a{ color:#666;}

.nav{ width:100%; min-width:1200px; height:38px; margin:0; padding:0; border-bottom:solid 1px #eaeaea;background: #fff;}
.nav-main{ width:1200px; height:38px; margin:0px auto; line-height:38px; position:relative;}
.nav-main .nav-logo{ width:200px; height:38px; line-height:38px; background-color:#ff0036; color:#fff; font-size:14px; text-align:center; float:left;}
.nav-main ul.nav-ul{ width:1000px; float:left; line-height:38px; height:38px;}
.nav-main ul.nav-ul li a{ width:110px; text-align:center; display:block; float:left; line-height:35px; font-size:14px; color:#666;  position:relative;}
.nav-main ul.nav-ul li a .nav-tag{ width:20px; height:14px; background:url('../images/nav-tag.png') no-repeat 0 0; position:absolute; right:10px; top:0px;}
.nav-main ul.nav-ul li a .tag-new{ background-position:-20px 0px;}
.nav-main ul.nav-ul li a .tag-fl{ background-position:-40px 0px;}
.nav-main ul.nav-ul li a.active,.nav-main ul.nav-ul li a:hover{ color:#ff0036;}
.nav-main ul.nav-ul li.active a{ color:#ff0036;}

.ui-ctag{ width:200px; height:440px; background-color:rgba(0,0,0,.5); position:absolute; left:0; top:38px;}
.ui-clist{ width:200px; height:430px; background-color:#fff; position:absolute; right:0; top:48px;}
.ui-clist .ui-clist-header{ height:42px; line-height:52px; width:92%; margin:0px auto; color:#333; font-size:15px; overflow:hidden;}
.ui-clist .ui-clist-header a{ float:right; color:#333; font-size:12px;}
.ui-clist ul{ width:92%; height:auto; margin:0px auto; overflow:hidden; padding:0;}
.ui-clist ul li{ height:35px; color:#666; line-height:35px; border-bottom:dotted 1px #eaeaea; overflow:hidden;}
.ui-clist ul li a{ color:#5e5e5e;}
.ui-clist ul li a:hover{ color:#ff0036;}
.ui-clist .ui-radv{ width:200px; height:200px; margin:0px auto; border-bottom:solid 1px #eaeaea;}
.ui-clist .ui-radv img{ width:200px; height:200px;}

.ui-ctag dl{ margin-top:3px;}
.ui-ctag dd{ margin:0; padding:0; width:auto; height:27px; line-height:27px; display:block;}
.ui-ctag dd a{ color:#fff; display:block; padding-left:27px;}
.ui-ctag dd a:hover{ background-color:#fff; color:#333;}

.container_pc{ background-color:#fff;}
.footer{background: #fff;position: relative;min-width:1200px; border-top:solid 1px #eaeaea}
.promise a{width: 220px;float: left;margin-top: 35px;margin-left: 20px;text-decoration: none; color:#333;}
.promise a:hover{ text-decoration:none;}
.promise dl{width: 220px;}
.promise dl dt{width: 52px;height: 52px;float: left; position:relative; top:-5px;}
.promise dl dd{margin-left: 60px;}
.promise dl dd h4{font-size: 16px;font-weight: normal;}
.promise dl dd p{color: #9c9c9c;font-size: 12px; line-height:30px;}
.footer .icon{background: url(../images/icon.png);}
.promise{height: 110px;}
.footer .icon.s1{background-position: 0 0;}
.footer .icon.s2{background-position: -248px 0;}
.footer .icon.s3{background-position: -486px 0;}
.footer .icon.s4{background-position: -720px 0;}
.footer .icon.s5{background-position: -980px 0;}
.footer-help{border-top: solid 1px #eee;height: 205px;}
.footer-help dl{float: left;height: 160px;width: 200px;padding-top: 30px;}
.footer-help dl dt{padding-left: 30px;font-size: 14px;}
.footer-help dl dd{padding-left: 30px;margin-top: 10px;}
.footer-help dl dd a{display: block;line-height: 30px;color: #9c9c9c;font-size: 12px;}
.footer-help dl dd a:hover{ color:#ff0036; text-decoration:underline;}
.footer-help dl .fa-weixin{color: #6fb74b;margin-right: 5px;}

.footer-link{display: inline-block;overflow:hidden; height:80px; position:relative; width:100%; background-color:#fff;}
.footer-link li{float:left;padding: 0 23px;}
.footer-link li a{line-height: 80px;color: #9c9c9c;}
.footer-link li a:hover{color: #ff7213; text-decoration:underline;}
.footer-link li:first-child{background: url(../images/link.png) no-repeat 0 center;padding-left: 25px;line-height: 80px;font-size: 16px;color: #000000;}
.more-link{ display:block; position:absolute; right:0; bottom:10px; color:#999;}

.footer-nav{border-top: solid 1px #efefef;height: 104px;min-width: 1200px;text-align: center;color: #9c9c9c;}
.footer-nav ul{display: inline-block;overflow: hidden;margin: 20px auto;}
.footer-nav ul li{display:inline-block;}
.footer-nav ul li a{padding: 0 30px;color: #9c9c9c;}
.footer-nav ul li:after{content: "|";color: #9c9c9c;}
.footer-nav ul li:last-child:after{content: "";}
.cantact a{ color:#9c9c9c;}
.cantact a:hover{ color:#ff0036; text-decoration:underline;}

.layui-layer-title{ border-bottom:solid 1px #eaeaea !important; background:#fff !important;}
.layui-layer-close{ font-size:12px !important; color:#f00 !important;}

.uibox{ width:18px;height:18px;vertical-align: middle!important;-webkit-appearance: none;border-radius: 0;position: relative;display: inline-block;vertical-align: middle!important;border: 0;background-position: 0 -84px;background-image: url('../images/ui-input.png');background-repeat: no-repeat; cursor:pointer;}
input.uibox[checked=checked],input.uibox:checked{background-position: 0 -56px; outline:none;}
input.uibox[disabled=disabled],input.uibox:disabled{background-position: 0 -28px; outline:none;cursor: not-allowed;}

.compro{ width:1198px; border:solid 1px #eaeaea; height:350px; margin:20px auto; overflow:hidden; box-sizing:border-box;}
.compro h1{ height:38px; line-height:38px; background-color:#fafafa; font-size:14px; font-weight:normal; text-indent:15px; color:#666; border-bottom:solid 1px #eaeaea;}
.compro dl{ width:210px; height:auto; float:left; margin:14px; display:block;}
.compro dl dt img{ width:210px; height:210px;}
.compro dl dd.com-pname{ height:48px; line-height:23px; overflow:hidden;}
.compro dl dd a{ color:#666;}
.compro dl dd a:hover{ color:#ff0036; text-decoration:underline;}
.compro dl dd.com-price{ font-size:14px; line-height:30px; color:#ff0036;}

::-webkit-scrollbar{width: 4px;}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb{background-color:#999;}

.modal-dialog{ box-shadow:none;}

.u-commap{ width:100%; height:42px; line-height:42px; color:#666; overflow:hidden; background-color:#f5f5f5; margin-bottom:15px;}
.u-commap a{ color:#666;}
.u-commap .u-mapmain{ width:1200px; height:42px; margin:0px auto; overflow:hidden;}
.u-commap .u-mapmain i{ margin:0 4px;}
.u-commap .u-mapmain a:hover{ color:#ff0036;}

.ui-fix-bar{ width:35px; height:100%; position:fixed; top:0; right:0; z-index:666; background-color:#000;}
.ui-fix-top{ width:35px; height:35px; background:url(../images/fix-top.png) no-repeat center center; cursor:pointer; position:absolute; bottom:0;}
.ui-fix-qrcode{ width:35px; height:35px; background:url(../images/qrcode.png) no-repeat center center; cursor:pointer; position:absolute; bottom:35px;}
.ui-fix-online{ width:35px; height:35px; background:url(../images/online.png) no-repeat center center; cursor:pointer; position:absolute; bottom:70px;}
.ui-fix-main{ width:35px; height:400px; position:absolute; top:50%; margin-top:-200px;}
.ui-fix-cart{ width:35px; height:100px; text-align:center; box-sizing:border-box; color:#fff; cursor:pointer; overflow:hidden;}
.ui-fix-cart img{ display:block; margin:9px auto 4px auto;}
.ui-fix-cart span{ width:20px; font-size:12px; text-align:center; height:auto; display:block; margin:0px auto;}
.ui-fix-line{ height:1px; width:60%; background:#444; margin:0px auto;}
.ui-fix-user{ width:35px; height:35px; background:url(../images/iuser.png) no-repeat center center; cursor:pointer; margin:5px auto 0px auto;}
.ui-fix-fav{ width:35px; height:35px; background:url(../images/fav.png) no-repeat center center; cursor:pointer; margin:5px auto;}
.ui-fix-his{ width:35px; height:35px; background:url(../images/his.png) no-repeat center center; cursor:pointer;margin:5px auto;}
.ui-fix-cart:hover,.ui-fix-online:hover,.ui-fix-qrcode:hover,.ui-fix-top:hover,.ui-fix-fav:hover,.ui-fix-his:hover,.ui-fix-user:hover{ background-color:#ff0036;}
.ui-fix-mark{ position:absolute; right:35px; background:#333; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; overflow:hidden; display:none;}
.ui-fix-qrcode .ui-fix-mark{ width:110px; height:110px; z-index:666; bottom:0px; border-radius:4px;}
.ui-fix-msg{ padding:0px 4px; background-color:#ff0036; color:#fff; border-radius:15px; position:absolute; right:2px; top:-5px; font-size:10px; display:none;}
.ui-fix-qrcode .ui-fix-mark img{ display:block; margin:10px auto;}
.ui-fix-zs{ color:#333; position:absolute; right:28px; font-size:28px; display:none;}

.ui-fix-adv{ width:55px; height:150px; position:absolute; top:0; right:0; overflow:hidden;}

.topadv{ width:100%; min-width:1200px; height:80px; overflow:hidden; cursor:pointer; position:relative;}
.topadv span.advclose{ width:15px; height:15px; background:rgba(0,0,0,.5); color:#fff; border-radius:3px; position:absolute; right:65px; top:10px; text-align:center;}