/*产品分类页*/
.shop_list_nav{padding-top: 40px; position: relative;}
.shop_list_tab {width: 100%; overflow-x: auto; height: 40px;position: fixed; top: 50px; left: 0; width: 100%; line-height: 40px; background: #F6F6F9;}
.shop_list_tab::-webkit-scrollbar { width: 0px; height: 0;}
.shop_list_tab .swiper-slide{width: auto; font-size: 14px; padding: 0 15px; height: 40px; line-height: 40px;}
.shop_list_tab .swiper-slide.active{color: #e22425; background: #fff;}
.shop_list_tab_body{padding: 10px; background: #fff;}
.shop_list_tab_box{position: relative; line-height: 30px; margin-bottom: 10px; min-height: 30px;}
.shop_list_tab_title{font-size: 14px; color: #fff; background: #fb9409; width: 45px; text-align: center; height: 30px; line-height: 30px; border-radius:3px ; position: absolute; top: 0; left: 0;}
.shop_list_tab_box ul {margin-left: 60px; font-size: 14px; line-height: 30px; overflow: hidden; margin-right: 10px; height: 30px;transition: height 1s;-moz-transition: height 1s;	/* Firefox 4 */-webkit-transition: height 1s;	/* Safari 和 Chrome */-o-transition: height 1s;	/* Opera */}
.shop_list_tab_box ul.active{height:auto;}
.shop_list_tab_box ul li{float: left; margin-right: 12px;}
.shop_list_tab_box ul li.active{color: #e22425;}
.shop_list_tab_box i{position: absolute; top: 0; right: 0; font-size: 13px; cursor: pointer;transition: transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-o-transition: -o-transform 0.5s;}
.shop_list_tab_box i.active{transform: rotate(180deg);-ms-transform: rotate(180deg);/* IE 9 */-webkit-transform: rotate(180deg);	/* Safari and Chrome */-o-transform: rotate(180deg);/*Opera*/-moz-transform: rotate(180deg);/*Firefox */}
.shop_money{margin-left: 60px; overflow: hidden;}
.shop_money span{color: #999999; float: left; text-align: center;}
.shop_money input[type="number"]{background: #f0f0f0; width: 50px; text-align: left; height: 30px; line-height: 30px; border-radius:3px ; border: none; margin: 0; float: left; text-indent: 5px;}
.shop_money a{background: none; border: 1px solid #fb9409; color: #fb9409; height: 28px; border-radius:3px ; font-size: 14px; line-height: 28px; float: left; margin-left: 5px; display: block; width: 40%; margin-left: 5%; text-align: center;}
.shop_money input[type="submit"]{background: none; border: 1px solid #fb9409; color: #fb9409; height: 30px; border-radius:3px ; font-size: 14px; line-height: 30px; float: left; margin-left: 5px; display: block; width: 40%; margin-left: 5%; text-align: center;}
.shop_money input[type="reset"]{height: 30px; line-height: 30px; color: #333; font-size: 14px; background: none; border: 1px solid #e5e5e5; border-radius:3px ; float: right;}
.shop_money .shop_money_lf{width: 60%; float: left;}
.shop_money .shop_money_lf input[type="number"]{width: 45%;}
.shop_money .shop_money_lf span{width: 10%;}
.shop_money .shop_money_rg{width: 40%; float: left;}
.shop_money .shop_money_rg input{width: 45%; margin-left: 5%;}
.shop_list_cart{position: fixed; bottom: 50px; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.8); color: #fff; text-align: center; font-size: 16px; z-index: 150; overflow: hidden;}
.shop_list_cart div{float: left; width: 50%;}
.shop_list_cart_sub{background: #e22425;}
.shop_list_cart_sub i{margin-right: 5px;}
.shop_list_body{margin-top: 10px; padding:0px 0 55px; overflow: hidden;}
.shop_list_body .noOrder{margin: 0 auto;}
.shop_list_body ul li{overflow: hidden; background-color: #fff; padding-bottom: 10px; padding-top: 10px; position: relative;width:100%;padding-left:100px; padding-right:10px;min-height:80px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition:all .1s;-webkit-transition:all .1s;}
.shop_list_body ul li *{transition:all .1s;-webkit-transition:all .1s;}
.shop_list_body ul li .collectcl{position: absolute;left:-30px;width: 24px;height:80px;color: #999;line-height:80px;text-align: center;font-size: 18px;-webkit-appearance: none;margin: 0px;}
.shop_list_body ul li .collectcl:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e631";}
.shop_list_body ul li .collectcl:checked:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e632";color: #E22425;}		
.shop_list_box img{width: 80px; height: 80px;position:absolute;left:10px;top:10px;}
.shop_list_text h4{line-height:28px; font-size: 16px; height: 28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.shop_list_price{line-height:24px;min-height:24px;overflow: hidden;position: relative;}
.shop_list_price *{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.shop_list_price del{color: #999; font-size: 12px;width:30%;display:inline-block;float:right;text-align: right;}
.shop_list_price em{color: #FB952E;font-size: 12px;width:30%;display:inline-block;text-align: center;}
.shop_list_price font{color: #e22425;float:left; font-size: 16px;width:40%;display:inline-block;font-weight: 600;}
.shop_list_price font kbd{font-size: 12px;font-weight: 600;font-family: sans-serif;}
.shop_list_num{height: 30px; overflow: hidden; }
.shop_list_num .add,.shop_list_num .minus{width: 30px; height: 26px; text-align: center; line-height: 26px; border: 1px solid #fb9409; float: left; font-size: 18px; cursor: pointer; color: #666;}
.shop_list_num .add:active,.shop_list_num .minus:active{background: #f0f0f0;}
.shop_list_num input[type="number"]{float: left; width: 50px; height: 26px; line-height: 26px; border: 1px solid #fb9409; font-size: 16px; text-align: center; padding: 0; border-left:0 ; border-right:0 ;}
.shop_list_num span{color: #999; font-size: 13px; line-height: 28px; margin-left: 10px; height: 28px; overflow: hidden;}
.shop_list_num>div>i{font-size: 12px;}
.shop_list_body.active ul li{width: 47vw; margin: 0 1.5vw; float: left;padding: 45vw 3vw 0px;background-color: #FFF;margin-bottom:2vw;}
.shop_list_body.active ul li font{width:auto;}
.shop_list_body.active ul li em{width:100%;text-align: left;}
.shop_list_body.active ul li del{text-align: right;position: absolute;top: 0;right: 0;width: auto;background-color: #FFF;padding-left: 10px;}
.shop_list_body.active ul li:nth-child(2n){float: right;}
.shop_list_body.active .shop_list_box img{width: 40vw; height: 40vw; float: none;top:3vw;left:3vw;}
.shop_list_body.active .shop_list_text{padding-left: 0;}
.shop_list_body.active .shop_list_text h4{line-height: 20px; margin-bottom: 2px; margin-top: 3px; height: auto; overflow: inherit; white-space:inherit; text-overflow: inherit; height: 40px; overflow: hidden; font-size: 15px;}
.shop_list_body.active .shop_list_num{margin-left: 0; position: inherit; height: auto; margin-top: 3px;}
.shop_list_body.active span{clear: both; float: none; width: 100%; display: block; margin-left: 0;}
.shop_list_body.active ul li .collectcl{left:3vw;top:3vw;z-index:66;    width: 10vw;height: 10vw;line-height: 10vw;display:none;background-color:rgba(255,255,255,0.7);border-radius: 50%;}
.gocollect{position:fixed;z-index:98;right:10px;top:50%;width:34px;height:34px;line-height:34px;text-align:center;border-radius:40px;background-color:rgba(0,0,0,0.4);}
.gocollect i{font-size:18px;color:#FFF;}
.back_light{background-color:rgba(226,36,37,0.4);}
.shop_list_collect{position: fixed; bottom: 50px; left: 0; width: 100%; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; font-size: 16px; z-index: 80;display:none;}
.shop_list_collect div{float: left; width: 50%;text-align:center;}
.list_collect_sub{background: #e22425;}
.shop_list_body ul li.click_collect .collectcl{left:5px;} 
.shop_list_body ul li.click_collect{padding-left:120px} 
.shop_list_body ul li.click_collect img{left:30px;}
.shop_list_body.active ul li.click_collect{padding: 45vw 3vw 0px;}
.shop_list_body.active ul li.click_collect .collectcl{display:inline-block;left:3vw;}

/*产品列表页*/
.main_menu{background: #f0f0f0;}
.category-top .header-menu{position:fixed; left:0; top:0; right:0; z-index: 1;}
.menu-right{position:fixed; left:0;top:50px; bottom:0; overflow-y: scroll;}
.menu-right #loading{left:110px; top:67px;}
.menu-left{position: fixed; left:0; top:0; padding: 50px 0; bottom:0; background: #fff; height: 100%; -moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;-webkit-overflow-scrolling : touch;  }
.menu-left .swiper-container{height: 100%;}
.menu-left .swiper-slide {height: auto;}
.menu-left ul li{padding:13px 8px; box-sizing: border-box;  font-size:15px; width:86px; text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #fff; color: #333;}
.menu-left ul li.active{background:#f0f0f0; position:relative; border-right:1px solid #f0f0f0 ;}
.menu-left ul li.active:before{content: " "; position: absolute;display: block; width:2px; height:100%; background:#e22425; top:0; left:0;}
.menu-right{background:none; margin-left:10px; margin-top: 10px; right:0; bottom:0; left: 86px; margin-right: 10px; overflow-y: auto;}
.menu-right h5{font-size:16px; color:#333; margin-top:15px; margin-bottom:8px; line-height: 20px;}
.menu-right h5:first-child{margin-top:15px;}
.menu-right h5 span{float: right; color: #999; font-size: 14px;}
.menu-right h5 span i{font-size: 12px; float: right; line-height: 20px; margin-top: -1px;}
.menu-right .child_category{overflow: hidden; min-height: inherit; margin-bottom: 60px;}
.menu-right ul{overflow: hidden; min-height: inherit;}
.menu-right ul{background: #fff; padding: 5px 8px;}
.menu-right ul li{text-align: center;}
.menu-right ul li a{display:block; position: absolute; left:3px; top:7px; bottom:7px; right:3px;}
.menu-right ul li:nth-child(3n+1) a{left:0; right:7px;}
.menu-right ul li:nth-child(3n) a{right:0; left: 7px;}
.menu-right ul li span{display:block;height:26px; line-height: 26px; overflow: hidden; text-align: center; font-size:14px}
.menu-right ul li img{width:100%; height: auto;	}
.mune-no-img img{display:none}
.mune-no-img span{border:1px solid #efefef; color:#555; border-radius: 4px;}
.category-top .menu-right{position:fixed; left:0; top:0;}
.menu_right_title{background: #fff; text-align: center; padding: 5px; line-height: 50px; font-size: 16px; color: #e22425;}
.menu_right_title i{font-size: 18px; margin-left: 2px;}

#up_down{display: none;}
.shop_list_nav.active_bef{position: fixed; top: 50px; left: 0; width: 100%; z-index: 99; background: #f6f6f9; height: 0px; padding-bottom: 20px; overflow: hidden; box-shadow: 1px 0 6px #bfbfbf;}
.shop_list_nav.active_bef #up_down{display: block; position: absolute; bottom: 0; width: 100%; height: 20px; text-align: center; line-height: 20px; background: #fff; color: #e22425; cursor: pointer;}
.shop_list_nav.active_bef.active_aft{height: auto;}
.shop_list_nav.active_bef.active_aft #up_down{transform: rotate(180deg);-ms-transform: rotate(180deg);		/* IE 9 */-webkit-transform: rotate(180deg);	/* Safari and Chrome */-o-transform: rotate(180deg);		/* Opera */-moz-transform: rotate(180deg);		/* Firefox */}
.shop_list_body.active_bef{margin-top: 70px;}
#chang_type2{display: none;}
#box_three{position: absolute; top:40px; left: 0; width: 96%; font-size: 14px; padding: 10px 2%; background: #fff; z-index: 99; line-height: 28px; color: #666; display: none; overflow: hidden; border-bottom: 1px solid #eee;}
#box_three>div{font-size: 14px; color: #333;}
#box_three ul li{float: left; width: 33.3333%; text-align: left;}
#box_three ul li.active{color: #E22425;}
.box_three_bg{background: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none;}
.shop_list_tab_box ul li em{font-size: 12px; color: #999;}
/*品牌惠列表页*/
.mui-bar-nav~.mui-content.brand_content{padding: 0;}
.brand_content ul.mui-table-view .mui-indexed-list-group{background: #f0f0f0; border: none; color: #333; line-height: 25px;}
.brand_content .mui-table-view-divider:before{height: 0;}
.brand_content .mui-table-view-divider:after{height: 0;}
.brand_content .mui-indexed-list-bar a{color: #ff5600;}
.brand_content .mui-indexed-list-bar{background: #fff;}
.brand_content .mui-indexed-list-search{border: none; background: #fff; padding: 5px 0;}
.brand_content .mui-indexed-list-search input{background: #fff;}
.brand_content .mui-search .mui-placeholder{padding: 5px 0;}
.brand_content .mui-table-view-cell:after{left: 0; background-color:#f0f0f0 ;}
.brand_content ul.mui-table-view li {line-height: 50px; color: #333; font-size: 16px;}
.brand_content ul.mui-table-view li img{width: 50px; height: 50px; float: left; margin-right: 5px;}
.mui-search .mui-placeholder .mui-icon.mui-icon-search:before{content: '\e64a'; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px;   -moz-osx-font-smoothing: grayscale;}
.mui-search .mui-placeholder .mui-icon.mui-icon-search{margin-right: 2px;}
.mui-indexed-list-search.mui-input-row.mui-search.mui-active:before{content: '\e64a'; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px;   -moz-osx-font-smoothing: grayscale;}
/*品牌惠内容页*/
.brand_txt{position: relative;}
.brand_txt img{width: 100%;}
.brand_txt_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-image: linear-gradient(90deg,#FB9409 0,#E22425 100%); opacity: 0.2;}
.brand_img{height: 50px; position: absolute; bottom: 0; left: 10px; z-index: 10; overflow: hidden; color: #fff; width: 100%;}
.brand_img img{width: 50px; height: 50px; float: left; margin-right: 10px; background:#fff;}
.brand_img h4{font-size: 16px; margin-bottom: 5px;}
.brand_img p{font-size: 14px;}
/*采购车*/
.shopping_cart{margin:40px 0 50px;}
.shop_pile{width:100%;margin-bottom: 10px;background-color:#FFF;}
.shop_pile h5{border-bottom:1px solid #F0F0F0;line-height:40px;height:40px;width:94%;padding:0px 3%;}
.shop_pile ul{width:100%;margin-bottom:4px; padding:5px 0px;background-color: #FFF;}
.shop_pile ul li{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow: hidden;padding: 5px 10px 5px 110px;position: relative;display: inline-block;}
.shop_pile ul li .check{position: absolute;left: 0px;width: 30px;height:70px;color: #999;line-height:70px;text-align: center;font-size: 18px;-webkit-appearance: none; }
.shop_pile ul li .check:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e631";}
.shop_pile ul li .check:checked:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e632";color: #E22425;}
.shop_pile .list-img{width:60px;height: 60px;position: absolute;left: 36px;top: 10px;background-color: #F0F0F0; }
.shop_pile .shopgroup .hide{display: none;}
.shop_pile .shopgroup p{width: 100%;height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding-right:30px;}
.shop_pile .shopgroup p a.name{color: #333;font-size: 14px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.shop_pile .shopgroup p a.del{position: absolute;right: 0px;top: 0px;line-height: 30px;width: 30px;text-align: center;color: #999;}
.shop_pile .shopgroup h4{width: 100%;height: 30px;}
.shop_pile .shopgroup h4>*{display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.shop_pile .shopgroup h4 span{color: #E22425;font-size: 14px;font-weight: 600;line-height: 24px;width: 40%;float: left;}
.shop_pile .shopgroup h4 span.w100{width: 100%;}
.shop_pile .shopgroup h4 em{font-size: 18px;margin:0px 3px;}
.shop_pile .shopgroup h4 dfn{font-size: 12px;width: 30%;line-height: 24px;color: #FB952E;text-align:center;}
.shop_pile .shopgroup h4 del{float: right;line-height: 24px;font-size: 14px;width: 30%;text-align: right;}
.shop_pile .shopgroup h6{height:28px;}
.shop_pile .shopgroup h6 .operation{width: 102px;height: 26px;border:1px solid #FB9306;overflow: hidden;    float: left;}
.shop_pile .shopgroup h6 .operation *{line-height: 26px;}
.shop_pile .shopgroup h6 .operation i{width: 30px;text-align: center;display: inline-block;}
.shop_pile .shopgroup h6 .operation i.jian{float: left;}
.shop_pile .shopgroup h6 .operation i.jia{float: right;}
.shop_pile .shopgroup h6 .operation .setnumber{width:40px;height: 26px;text-align: center;border-left: 1px solid #FB9306;border-right: 1px solid #FB9306;}
.shop_pile .shopgroup h6 em{float: right;line-height: 28px;color: #666;width: calc(100% - 106px);display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: right;}
.total_prices{position:fixed;bottom:50px;left:0px;width:100%;height:50px;background-color:#FFF;border-top:1px solid #F1F1F1;}
.total_prices .w30{float:left;width:30%;}
.total_prices .w40{float:right;width:36%;text-align:right;padding-right:4%;height:50px;}
.total_prices .wj30{float:right;width:30%;background-color:#E22425;height:50px;}
.total_prices .w30 label{width:100%;display:inline-block;height: 50px;}
.total_prices .w30 span{font-size:16px;}
.total_prices .w30 .single{color: #999;line-height: 50px;font-size: 19px;-webkit-appearance: none;margin: 0px 6px;}
.total_prices .w30 .single:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e631";}
.total_prices .w30 .single:checked:after{font-family:"iconfont" !important; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e632";color: #E22425;}
.total_prices .w40 p{line-height:26px;font-size:14px;height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.total_prices .w40 em{font-size:14px;}
.total_prices .w40 span{color:#E22425;}
.total_prices .w40 span i{font-style: normal;font-weight:600;}
.total_prices .wj30 input{width:100%;height:100%;display:inline-block;line-height:50px;text-align:center;color:#FFF;font-size:16px;background-color: #E22425;border:none;}
.total_prices .backpale input{background-color: #FB9309;}
.shop_pile .details-img{width:80px;height: 80px;position: absolute;left: 10px;top: 10px;background-color: #F0F0F0; }
.favorite{height: 50px;line-height: 50px;width:100%;background-color: rgba(0,0,0,0.8);position: fixed;bottom: 50px;left: 0px;}
.favorite .fl{width: 50%;float: left;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #FFF;font-size: 14px;display: inline-block;}
.favorite .fr{background-color: #E22425;width: 50%;float: right;}
.favorite .fr a{width: 100%;float: right;text-align: center;font-size: 14px;display: inline-block;color: #FFF;}
/*PC端控制大小显示*/
@media screen and (min-width: 640px) {	
.total_prices{max-width: 640px;left: 50%;margin-left: -320px;}
.shop_list_body.active ul li{padding: 292px 10px 0px;width: 290px;margin: 0 15px;margin-bottom: 10px;}
.shop_list_body.active ul li.click_collect{padding: 292px 10px 0px;margin-bottom: 10px;}
.shop_list_body.active .shop_list_box img{width: 270px;height: 270px;top: 10px;left: 10px;}
.shop_list_body.active ul li .collectcl{background-color: rgba(245, 245, 245, 0.7);}
.shop_list_body.active ul li.click_collect .collectcl{left: 10px;top: 10px;}
}