@charset "utf-8";
/**
* 移动端
*/
li{list-style:none;}
/* 首页右侧导航 */
#advertising,#sideNav{display:none!important;}
/* 轮播 */
#swiper-container{width:100%;height:48vw;overflow:hidden;position:relative}
#swiper-container .swiper-wrapper{position:relative;height:100%;z-index:0}
#swiper-container .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
#swiper-container .swiper-wrapper img{width:auto;height:48vw;display:block}
#swiper-container .swiper-button-prev,#swiper-container .swiper-button-next{display:none}
#swiper-container .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
#swiper-container .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
#swiper-container .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
#swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
/* 首页导航 */
.mNavBox{width:100%;margin:0 auto 4vw auto;padding:2.2vw 0;position:relative;background:#FFF}
.mNavBox ul{width:100vw;margin:0 auto}
.mNavBox .first{width:25vw;margin:0;transition:height .5s ease}
.mNavBox .first .nav{display:block;padding:2.2vw 0;text-align:center;color:#4A4F58;font-size:3.4vw;line-height:6.4vw;white-space:nowrap}
.mNavBox .first .nav span{display:inline-block;border-bottom:1px solid transparent}
.mNavBox .first .nav:before{display:block;width:10.8vw;height:10.8vw;margin:0 auto}
.mNavBox .first:nth-of-type(1) .nav:before{background-position:-43vw -27vw}
.mNavBox .first:nth-of-type(2) .nav:before{background-position:-54vw -27vw}
.mNavBox .first:nth-of-type(3) .nav:before{background-position:-64vw -27vw}
.mNavBox .first:nth-of-type(4) .nav:before{background-position:-75vw -27vw}
.mNavBox .first:nth-of-type(5) .nav:before{background-position:-85vw -27vw}
.mNavBox .first:nth-of-type(6) .nav:before{background-position:-12vw -27vw}
.mNavBox .first:nth-of-type(7) .nav:before{background-position:-22vw -27vw}
.mNavBox .first:nth-of-type(8) .nav:before{background-position:-32.5vw -27vw}
.mNavBox .first.on .nav{color:#E15621}
.mNavBox .first.on .nav span{border-color:#E15621}
.mNavBox .first.on .nav:before{border-radius:5.4vw;background-color:#FFE6DC}
.mNavBox .navItem{display:none;width:100vw;position:absolute;left:0;background:#F5F5F5}
.mNavBox .navItem .second{display:block;text-align:center;width:25vw;padding:3.2vw 0;color:#999FAB;font-size:3.2vw;line-height:6.4vw;white-space:nowrap}
.mNavBox .navItem .second img{display:block;margin:0 auto;width:6.4vw;height:6.4vw}
/* 推荐专区 */
#recommendBox{width: calc(100% + 2.6vw);height:171vw;margin-top:-1.3vw;margin-left: -1.3vw;overflow:hidden;position:relative;}
#recommendBox .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:2.6vw;left:0}
#recommendBox .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
#recommendBox .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#E15616;border-radius:.3vw}
#recommendBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}

/* 首页楼层 */
.floorTit{width:93.4vw;margin:0 auto;padding:1.6vw 0 2.6vw 0;position:relative}
.floorTit h2,.floorTit h3{font-weight:bold;color:#2D3036;font-size:3.7vw;line-height:5.2vw}
.floorTit h5{font-weight:normal;color:#999FAB;font-size:3.1vw;line-height:4.6vw;}
.floorTit a.more{position:absolute;right:0;top:2.6vw;height:4.6vw;line-height:4.6vw;text-decoration: underline;font-size:3vw;}
.floorTit a.more:after{margin-left:4px;content:'\276F'}
.floorCon{width:94vw;margin:0 auto;}
/*.floorCon a{display:block;width:100%;height:100%}*/
.floorList{width:96vw;margin-left:-1.3vw;}
.floorList>li{position:relative;margin:0 1.3vw 2.6vw 1.3vw;width:29.4vw;height:39.2vw;background:#FFF}
.floorList>li:nth-of-type(1),.floorList>li:nth-of-type(2){width:45.4vw;height:55.2vw}
.floorList>li img{width:100%;height:auto}
.floorList>li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:4vw;padding:2.9vw 1vw;text-align:center;background:rgba(255,255,255,.6);font-size:3vw;color:#93979F}
/* 商品专题 */
#goodsTopic{width:100%;height:37.8vw;overflow:hidden;position:relative}
#goodsTopic .swiper-wrapper{position:relative;height:100%;z-index:0}
#goodsTopic .swiper-wrapper .swiper-slide{position:relative;zoom:1;vertical-align:middle;width:100%;overflow:hidden;text-align:center;background:#fff;}
#goodsTopic .swiper-wrapper img{width:auto;height:37.8vw;display:block}
#goodsTopic .swiper-button-prev,#goodsTopic .swiper-button-next{display:none}
#goodsTopic .swiper-pagination{width:100%;height:2.6vw;z-index:1;text-align:center;font-size:0;position:absolute;bottom:1.5vw;left:0}
#goodsTopic .swiper-pagination .swiper-pagination-bullet{display:block;width:2vw;border-width:1vw 1px;border-color:transparent;cursor:pointer;background:none;font-size:0;opacity:.2}
#goodsTopic .swiper-pagination .swiper-pagination-bullet:before{content:"";display:block;width:100%;height:.6vw;background:#FFF;border-radius:.3vw}
#goodsTopic .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3.8vw;opacity:1}
/* 小专题 */
.smallTopic{overflow:hidden;padding-top:2.6vw}
.smallTopic ul{width:96vw;margin-left:-1.3vw}
.smallTopic li{position:relative;margin:0 1.3vw 2.6vw 1.3vw;width:45.4vw;height:45.4vw;background:#FFF}
.smallTopic li img{display:block;height:100%;width:100%}
.smallTopic li p{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;line-height:5vw;padding:1.8vw 1vw;text-align:center;background:rgba(255,255,255,.6);color:#4A4F58;font-size:3.4vw}
/* 优质供应商 */
.supplierList ul{width:96vw;margin-left:-1.3vw}
.supplierList ul li{width:21.4vw;height:26.6vw;background:#fff;position:relative;margin:0 1.3vw 2.2vw 1.3vw;overflow:hidden}
.supplierList ul li:first-child{display:none;}
.supplierList ul li a{display:block;width:100%;height:100%}
.supplierList ul li img{width:100%;height:21.4vw;}
.supplierList li p{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;line-height:5.2vw;text-align:center;background:rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:2.6vw;color:#93979F}

