.commodity-channel{padding-bottom:60px}
.content-box{background:#F0F0F9;padding:32px 0 40px}
.commodity-swiper{width:1190px;margin:0 auto;height:392px}
.commodity-swiper .swiper-container{width:1190px;height:392px}
.commodity-swiper .swiper-container img{display:block;width:100%;height:100%;border-radius:4px}
.commodity-swiper .pagination-swiper{height:8px;position:absolute;bottom:10px;width:100%;text-align:center;z-index:2}
.commodity-swiper .pagination-swiper span{width:8px;height:8px;background-color:#fff;opacity:.8;cursor:pointer;border-radius:8px;margin:0 4px;display:inline-block;vertical-align:top}
.commodity-swiper .pagination-swiper span.swiper-active-switch{width:32px;background:#fff;opacity:1}
.recommend-group{width:1190px;margin:32px auto 0}
.recommend-nav-list{font-size:0;margin:0 -5px}
.recommend-nav-item{display:inline-block;margin:0 5px;width:290px;height:80px;background:#fff;font-size:14px;border-radius:4px;padding:16px 20px;font-size:0}
.recommend-nav-item:nth-child(n+5){margin-top:10px}
.recommend-nav-item img{display:inline-block;vertical-align:middle;height:48px;width:48px;border-radius:48px;margin-right:12px}
.recommend-nav-item em{font-size:14px;display:inline-block;vertical-align:middle;font-weight:700}
.recommend-ad{width:1190px;height:120px;margin-top:20px}
.recommend-ad img{display:block;width:100%;height:100%;border-radius:4px}
.recommend-block{margin:32px 0 0 0;padding:32px 24px 24px 24px;background:#fff;border-radius:4px}
.recommend-block-tit{font-size:0;text-align:center}
.recommend-block-tit img{display:inline-block;vertical-align:middle}
.recommend-block-tit em{display:inline-block;vertical-align:middle;line-height:42px;font-size:30px;font-weight:700;margin:0 21px}
.recommend-block-tit p{margin:8px 0;font-size:16px;color:#999}
.recommend-list{font-size:0}
.recommend-list-item{display:inline-block;width:571px;height:194px;padding:24px;overflow:hidden;border-radius:4px}
.recommend-list-item:hover{background:#F7F7F7;cursor:pointer}
.recommend-list-item .img-item{float:left;width:218px;height:146px;border-radius:4px;margin-right:24px;-webkit-transition:all .25s;transition:all .25s}
.recommend-list-item .info-item{overflow:hidden;padding:12px 0}
.recommend-list-item .info-item .title-item{font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.recommend-list-item .info-item .price-item{position:relative;margin-top:24px;padding-top:10px;font-size:24px;color:#F55;line-height:33px;font-weight:700}
.recommend-list-item .info-item .price-item:before{content:'';position:absolute;top:0;left:0;width:19px;height:2px;border-radius:2px;background:#F55}
.commodity-group{width:1190px;margin:40px auto 0;background:#fff;padding:32px 36px 0;border-radius:4px}
.commodity-nav{font-size:0;text-align:center;padding:32px 0 24px}
.commodity-nav li{display:inline-block;cursor:pointer;padding:0 20px}
.commodity-nav span{position:relative;line-height:22px;padding-bottom:10px;font-size:14px;color:#666}
.commodity-nav li.on span{font-size:16px;color:#FFAB00;font-weight:700}
.commodity-nav li.on span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#FFAB00;border-radius:2px}
.hr-item{display:block;width:1093px;margin:0 auto}
.commodity-list{font-size:0;margin-top:32px}
.commodity-list:not(:first-child){display:none}
.commodity-item{padding:0 12px 48px;font-size:16px;display:inline-block;width:279px;cursor:pointer;vertical-align:top}
.commodity-item .commodity-img{width:256px;height:170px;display:block;border-radius:4px;overflow:hidden}
.commodity-item .commodity-img img{display:block;width:100%;height:100%;-webkit-transition:all .25s;transition:all .25s}
.commodity-item .commodity-intro{line-height:28px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.commodity-item .commodity-price{font-size:24px;color:#F55;line-height:33px;margin-top:8px;font-weight:700}
.commodity-item:hover .commodity-img img{-webkit-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05)}
.ad-list{height:100px;width:1190px;margin:40px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex}
.ad-list .ad-item{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}
.ad-list .ad-item:not(:first-child){margin-left:20px}
.ad-list .ad-item img{width:100%;height:100%;border-radius:4px}
.channel-ad{position:relative;width:1190px;height:880px;margin:auto}
.channel-ad img{position:absolute;top:0;left:-365px;height:100%}