@font-face {
    font-family: 'iconfont';
    src: url('../iconfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal
}
.firstcategory{ padding:20px 10px; background:#fff; border: 1px solid #eee;}
.firstcategory dl{ width:20%; float:left; text-align:center; border-left:1px solid #eee; padding:0 10px; height:152px;}
.firstcategory dl.col4{ width:25%;}
.firstcategory dl.col3{ width:33.333%;}
.firstcategory dl.n1{ border:0;}
.firstcategory dt{ line-height:1em; margin-bottom:0.5em; font-weight:700; font-size:15px;}
.firstcategory dd a,.firstcategory dd i{ background:#fff; line-height:2.3em; margin:5px 2.5%; float:left; border:1px solid #eee; background: #fafafa; float:left; width:45%; color:#777; padding:0 5px; font-size: 14px;}
.firstcategory dd a:hover{ color:#ff8200; border:1px solid #ffd8b0; background:#fff7f0;}
.firstcategory dd .col2{ width:95%;}

.huibestbrand{ overflow:hidden; margin-bottom:15px;}
.huibestbrand dt{ border-bottom:1px solid #ddd; padding:5px 0 0 0;color:#999; margin-bottom:0px;color:#fb3434;}
.huibestbrand dt i{ font-weight:bold; font-size:22px; line-height:2em;color:#fb3434;}
.huibestbrand dt span{ color:#fb3434; padding:0 20px; font-size:14px;}
.huibestbrand dt .nav{ color:#999; font-size:14px; display: inline-block; margin-top:1em;}
.huibestbrand dt .nav a{border-left:1px solid #ccc;line-height: 1em;display: inline-block;padding:0 10px;color:#666;}
.huibestbrand dt .nav a:first-child{ border-left:0;}
.huibestbrand dt .nav a.active{ color:#f36;}
.huibestbrand dt .nav a:hover{ color:#f60;}

.secondlist .ttl{ text-align:center; background:url(/public/images/web/ttlbg.jpg) left repeat-x; margin:0 0 10px 0; padding:10px 0;}
.secondlist .ttl span{ display:inline-block; background: #f4f4f4; padding:0 20px; font-size:24px;}
.secondlist .ttl span img{ margin-top:-6px;}
.secondlist .menulist{ background:#fff;}
.secondlist .menulist li{ display:inline-block; line-height:1em; padding:20px 40px; position:relative; cursor:pointer;}
.secondlist .menulist li:hover{ color:rgb(255,0,119);}
.secondlist .menulist li:after{content:""; width:0; height:1em; border-right:1px solid #ddd; position:absolute; right:0; top:20px;}
.secondlist .menulist li.last:after{ display:none;}
.secondlist .menulist li.active i{ position:absolute; left:0; bottom:0; height:3px; width:100%; background:rgb(255,0,119);}
.secondlist .menulist li.active i:after{ content:""; position:absolute; left:50%; bottom:0; border-width:0 7px 7px 7px; margin-left:-7px; border-style:solid; border-color: transparent transparent rgb(255,0,119) transparent;}
.secondlist .contlist{ width:920px; float:left; margin-top: 10px; margin-bottom: 60px;}
.secondlist .contlist .cont{ height:542px; margin-top: 10px;}
.secondlist .contlist .cont.dn{ display:none;}
.secondlist .contlist .cont a.item{ float:left; width:20%; padding:10px; font-size:14px; line-height:1.5em; background: #fff; -webkit-transition: all .2s linear; transition: all .2s linear;}
.secondlist .contlist .cont a:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.secondlist .contlist .cont a.item .title{ margin:5px 0; height:2.6em; line-height:1.3em;}
.secondlist .contlist .cont a.item .price{ color:#f46;}
.secondlist .contlist .wditem .item{ width:50%; padding:0 10px; float:left; background:#fff;}
.secondlist .contlist .wditem .item dt{ padding:10px 0; border-bottom:1px solid #eee;}
.secondlist .contlist .wditem .item dd{ height:191px;}
.secondlist .contlist .cont.wditem .item dd a.item{ width:25%;}
.secondlist .articlelist{ width:300px; float:right; text-align:center; margin-top: 10px; text-align: left;}
.secondlist .articlelist a.item{ display:block; border-bottom:1px solid #eee; line-height:2.6em; position:relative; background: #fff; padding: 0 10px;}
.secondlist .articlelist a.item:nth-child(1){ padding: 0;}
.secondlist .articlelist a.item .dhidden::before{content:"·"; display:inline; padding:0 5px;}
.secondlist .articlelist a.item .name{ bottom:0; left:0; position:absolute; width:100%; line-height:2.5em; background:rgba(0,0,0,.5); color:#fff; padding:0 10px;}
.secondlist .more-box {text-align: center;}
.secondlist a.more{ display:inline-block; margin:20px auto 0 auto; border:1px solid #ddd; background-color: #fff; padding:5px 20px; border-radius:2em; font-size: 14px;}

.bottombox{ padding:20px 0 0 0;}
.bottombox .articlelist{ width: 790px; float: left;}
.bottombox .articlelist .item{ display:block; position:relative; padding:0 20px 0 270px; height:180px; font-size:14px; background: #fff; margin:0 0 10px 0;}
.bottombox .articlelist .item img{ position:absolute; left:-1px; top:-1px;}
.bottombox .articlelist .item .name{ font-size:18px; font-weight:bold; line-height:3em;}
.bottombox .articlelist .item .desc{ color:#999; line-height:1.5em;}
.bottombox .articlelist .item .more{ color:#999; text-align:right; line-height:1.5em; padding: 10px;}
.bottombox .articlelist .item:hover .more{ color:#f60;}
.bottombox .webshoplist{ width: 420px; float: right; background: #fff;}
.bottombox .webshoplist dt{ background:#fff; line-height:2em; padding:10px 20px; border-bottom:1px solid #eee;}
.bottombox .webshoplist .scrollbox{ height:280px; margin:15px 15px 20px 15px; overflow:hidden;}
.bottombox .webshoplist .item{ border-bottom:1px solid #eee; padding:10px 0;}
.bottombox .webshoplist .item .img{ float:left;}
.bottombox .webshoplist .item .img img{ border:1px solid #eee;}
.bottombox .webshoplist .item .name{ line-height:36px; float:left; width:240px; padding:0 10px;}
.bottombox .webshoplist .item .desc{ height:3em; line-height:1.5em; color:#999; font-size:14px;}

.articlelist{ overflow:hidden; margin-bottom:15px;}
.articlelist dt{border-bottom:1px solid #ddd; padding:10px 0 0 0; margin-bottom:15px;padding:16px 0; line-height:18px; background: #fff; position:relative;}
.articlelist dt i{ font-weight:bold; font-size:22px; line-height:2em;}
.articlelist dt span{ color:#999; padding:0 20px; font-size:18px; border-left:4px solid #9F85CF; padding:0 15px; line-height: 18px; display: inline-block; font-weight: 700;color:#fb3434}
.articlelist dt em{ color:#999; font-size:14px;}
.articlelist dt.s1 span{ border-left:5px solid #fb3434;}
.articlelist dt .more{ color:#666; font-size:14px; float:right; margin-right:1.5em;}
.articlelist dt .more:hover{ color:#f60}

.articlelist dd.leftartlist{ width: 860px; float: left; background:#fff; padding:10px;}
.articlelist dd.leftartlist a.item{ width:31.333%; margin:0 1%; float:left; padding:10px 4px;}
.articlelist dd.leftartlist a.item .name{ width:90%; margin:0 auto; line-height:2.5em; font-size:18px; font-weight:700; padding-top:5px;}
.articlelist dd.leftartlist a.item .desc{ width:90%; margin:0 auto; font-size:14px; line-height:1.5em; color:#999; padding:6px 0 0 0;}
.articlelist dd.rightartlist{ width: 350px; height:300px; float: right; background:#fff; padding: 4px 15px; font-size: 14px;}
.articlelist dd.rightartlist a.item{ line-height:2.9em; border-bottom:1px solid #eee;}
.articlelist dd.rightartlist a::before{ content: "\e6a6";margin: 0 5px 0 0;font-size: 14px;color: #333;font-family: iconfont;display: inline-block;vertical-align: top;}

.huibestbrand dd.brandlist{ margin:0; padding-top: 10px;}
.huibestbrand dd.brandlist a.logo{ display:block; float:left; margin: 0 1px 1px 0; width:122px; position:relative;}
.huibestbrand dd.brandlist a.logo img{ width:100%; height:53px;}
.huibestbrand dd.brandlist a.logo .bname{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; padding:0 10px; line-height:53px; color:#fff; background:rgba(0,0,0,.6); display:none;}
.huibestbrand dd.brandlist a.logo:hover .bname{ display:block;}

.webshoplist dt{ padding:16px 0; line-height:18px; background: #fff; position:relative;}
.webshoplist dt span{font-size:18px; border-left:4px solid #ee6600; padding:0 15px; line-height: 18px; display: inline-block; font-weight: 700;color:#fb3434}
.webshoplist dt em{ font-size:14px; color:#999;}
.webshoplist dt.s4 span{ border-left:4px solid #dd4400;}
.webshoplist dt .more{ color:#666; font-size:14px; float:right; margin-right:1.5em;}
.webshoplist dt .more:hover{ color:#f60}

.productlist dt{ padding:16px 0; line-height:18px; background: #fff; position:relative; margin-bottom: 10px;}
.productlist dt span{ font-size:18px; border-left:4px solid #9F85CF; padding:0 15px; line-height: 18px; display: inline-block; font-weight: 700;color:#fb3434}
.productlist dt em{ font-size:14px; color:#999;}
.productlist .col4{ margin-bottom: 10px;}
.productlist dt.s2 span{ border-left:4px solid #FF7700;}
.productlist dt .more{ color:#666; font-size:14px; float:right; margin-right:1.5em;}
.productlist dt .more:hover{ color:#f60}
.productlist dt .rbrand{ float:right; margin-right:20px;}
.productlist dt .rbrand a{ padding:0 10px; display:inline-block; border-right:1px solid #eee; line-height: 1em; font-size: 14px;}
.productlist dt .rbrand a:last-child{ border-right:0;}
.productlist li{ width:294px; float:left; margin:10px 18px 10px 0; background: #fff; text-align:left; -webkit-transition: all .2s linear; transition: all .2s linear;}
.productlist li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.productlist .col5 li{ width:234px; margin:10px 15px 10px 0;}
.productlist li.s0{ margin-right:0;}
.productlist li .dhidden2{ padding:0px 20px; margin-bottom:10px; line-height:1.5em; text-align:justify;}
.productlist li .price{ padding:5px 0;  margin:0 20px; position:relative; color:#f36;}
.productlist .col5 li .price{ padding:5px 0;}
.productlist li .buy{ margin:0 20px; padding:10px 0; height:50px; border-top:1px solid #eee; position:relative;}
.productlist .col5 li .buy{ margin:0 10px;}
.productlist li .buy a{ display:inline-block;}
.productlist li .buy a.buybtn{ display:inline-block; float:right; padding:2px 10px; background:#f36; color:#fff; border-radius:3px; height: 25px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.productlist li .buy a.buybtn:hover{background:#f90;}
.productlist li .cuxiao{ padding-right:10px; display:inline-block; border:1px solid #F33; color:#F33; border-radius:2px;}
.productlist li .cuxiao span{ color:#fff; margin-right:10px; padding:2px; display:inline-block; background:#F33;}
.productlist li .shop{ margin:0 0 0 25px; line-height:25px;}
.productlist li i{ position:absolute; left:0; top:50%; margin-top:-12px; width:18px; height:18px; background:#F39; color:#fff; text-align: center; border-radius:4px; font-size:12px;}
.productlist li em{ position:absolute; right:0; top:50%; margin-top:-12px; width:18px; height:18px; background:url(/public/images/web/tmall.png) no-repeat; background-size:contain;}
.productlist li em.w3{ background:url(/public/images/web/jd_icon.png) no-repeat;}

.webshoplist dt{ padding:16px 0; line-height:18px; background: #fff; position:relative;}
.webshoplist dt span{ font-size:18px; border-left:4px solid #ee6600; padding:0 15px; line-height: 18px; display: inline-block; font-weight: 700;color:#fb3434}
.webshoplist dt em{ font-size:14px; color:#999;}
.webshoplist dt.s4 span{ border-left:4px solid #dd4400;}
.webshoplist dt .more{ color:#666; font-size:14px; float:right; margin-right:1.5em;}
.webshoplist dt .more:hover{ color:#f60}
.webshoplist .col4{ padding:5px 0;}
.webshoplist .col4 li{ width: 23.8%; margin: 10px 1.6% 10px 0; padding:20px 0 10px 15px; float:left; background: #fff; position:relative;}
.webshoplist .col4 li:hover{ background:#f9f9f9;}
.webshoplist .col4 li .pic{ display:block; width:200px; text-align:center;}
.webshoplist .col4 li .pic img{ width:160px; margin:0 auto;}
.webshoplist .col4 li .dhidden{ line-height:3em; width:200px; text-align:center; }
.webshoplist .col4 li .biaoqian{ font-size:14px; text-align:center; border-top:1px solid #eee; line-height:1.8em; width:215px; padding-top:8px; height:34px;}
.webshoplist .col4 li .goto{ position:absolute; right:0; top:20px; padding:28px 15px; width:50px; border-left:1px solid #eee; color:#ff5b5b;}
.webshoplist .col4 li .goto:hover{ color:#f60;}
.webshoplist .col4 li.s0{ margin:10px 0 10px 0;}
.webshoplist .col3{ padding:5px 0;}
.webshoplist .col3 li{ width:32%; margin:10px 0; padding:20px; float:left; background: #fff; position:relative;}
.webshoplist .col3 li.s2{ margin:10px 2%;}
.webshoplist .col3 li .img{ float:left; border:1px solid #eee;}
.webshoplist .col3 li .name{float:left; padding-left:10px; width:192px;}
.webshoplist .col3 li .name.nobq{ width:245px;}
.webshoplist .col3 li .biaoqian{position:absolute;right: 20px;top: 25px;font-size: 14px;line-height: 24px;border: 1px solid #ea1b1b;color: #ea1b1b;padding: 0 5px;}
.webshoplist .col3 li .dhidden{ display:inline-block; padding-left: 25px; margin-left:10px; background-size: 19px; background-position: left center; background-repeat: no-repeat;}
.webshoplist .col3 li .desc{ padding:10px 0 0 0; border-top:1px solid #eee; margin:10px 0 0 0; font-size:14px; line-height:1.5em; color:#666}
.webshoplist .col3 .shop-link {display: inline-block;float: right; padding: 2px 10px;background: #f36;  margin-top: 5px; vertical-align: middle; color: #fff; border-radius: 3px;}
.webshoplist .web-shop-type {margin-left: 5px; color: #A1A1A0; font-size: 12px; display: inline-block; padding: 0 5px}

.rank {position: absolute; left: 0px; top: 35px; width: 21px; height: 19px; background-position: center; background-size: contain; background-repeat: no-repeat}
.rank1 {background-image:url(/public/images/web/rank1.png)}
.rank2 {background-image:url(/public/images/web/rank2.png)}
.rank3 {background-image:url(/public/images/web/rank3.png)}
.rank4 {background-image:url(/public/images/web/rank4.png)}
.rank5 {background-image:url(/public/images/web/rank5.png)}
.rank6 {background-image:url(/public/images/web/rank6.png)}
.rank7 {background-image:url(/public/images/web/rank7.png)}
.rank8 {background-image:url(/public/images/web/rank8.png)}
.rank9 {background-image:url(/public/images/web/rank9.png)}
.rank10 {background-image:url(/public/images/web/rank10.png)}

.brand-box {background-color: white; height: auto}
.brand-box .cont{display: none}
.brand-box .active {display: block}
.fl{float: left}
.fr{float: right}
.brand-list {background-color: white; display: inline-block; width: 456px; padding: 0 20px;box-sizing: border-box }
.brand-list .brand-item {position: relative; padding: 30px 10px 30px 30px; border-bottom: 1px solid #DDDDDD;  box-sizing:border-box; overflow: hidden}
.brand-list .brand-item:last-child {border-bottom: 0}
.brand-list .brand-item .brand-info {display: flex; }
.brand-list .brand-item .brand-info .cover-img {width: 100px; height: 43px; border: 1px solid #DDDDDD; background-repeat: no-repeat; background-size: contain; background-position: center;}
.brand-list .brand-item .brand-info .brand-name {flex: 1; margin-left: 11px;}
.brand-list .brand-item .brand-info .brand-name .name {float: left; display: inline-block; font-weight: bold; font-size: 18px; max-width: 165px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.brand-list .brand-item .brand-info .brand-name .address {float: left; display: inline-block; font-size: 14px; color: #333333; margin-left: 5px; margin-top: 2px}
.brand-list .brand-item .brand-info .brand-name .star-box {margin-top: 2px; clear: both}
.brand-list .brand-item .brand-info .brand-name .star-box .star{width:100px; display: inline-block; vertical-align: middle;height: 20px; margin-top: -2px; background-size: 13px; background: url("/public/images/web/star2.png") left center repeat-x;}
.brand-list .brand-item .brand-info .brand-name .star-box .star i{ display:inline-block; height: 20px; background: url("/public/images/web/star.png") left center repeat-x;}
.brand-list .brand-item .brand-info .brand-name .star-box .grade {font-size: 14px; color: #333333; margin-left: 5px;}

.brand-shop {margin-top: 11px;}
.brand-shop .brand-shop-item {display: inline-block; margin-bottom: 10px;  font-size: 14px; color: #999999; border: 1px solid #DDDDDD; border-radius: 4px; height: 30px; padding: 5px; margin-right: 5px; max-width:32%;}
.brand-shop .brand-shop-item img {width: 19px; height: 19px; vertical-align: top}
.brand-shop .shop-name {display: inline-block; width: 105px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 25px; background-size: 19px; background-position: left center; background-repeat: no-repeat;}
.brand-shop .brand-shop-item:last-child {margin-right: 0}

.shop-type-icon {display: inline-block;  vertical-align: middle; width: 19px; height: 19px; background-size: 19px; background-position:center; background-repeat: no-repeat;}
.shop-type-jd {background-image: url("/public/images/web/jd-mall-icon.png")}
.shop-type-tmall {background-image: url("/public/images/web/tmall.png")}
.shop-type-taobao {background-image: url("/public/images/web/taobao-icon.png")}

.foot_cate2{width: 1230px;margin: 0 auto;height: 240px;}
.foot_cate2 dt{margin: 10px 0;}
.foot_cate2 dt span{float: right;}
.foot_cate2 dd{background: #fff;width: 33.33%;float: left;border: 1px solid #f4f4f4;height: 80px;}
.foot_cate2 dd img{float: left;width: 20%;padding: 5px;}
.foot_cate2 dd div{float: left;}
.foot_cate2 dd a{margin: 0 8px;line-height: 28px;}