.category{background-color: #fff;}

/* 头部导航 */
.category .c_nav{height: .2rem; line-height: .2rem; padding: .1rem 0; border-bottom: .01rem solid #e1e1e1; text-align: center; color: #333; font-size: .14rem; position: relative; background-color: #fff;}
.category .c_nav .cn_left{width: .86rem; float: left; border-right: .01rem solid #e3e3e3;}
.category .c_nav .cn_right{/*margin-left: .87rem;*/ display: flex; display: -webkit-flex;}
.category .c_nav .cn_right > a{display: block; overflow: hidden; height: .2rem; width: 0; flex: 1; -webkit-flex: 1; cursor: pointer; position: relative;}
.category .c_nav .cn_right > a + a{border-left: .01rem solid #e3e3e3;}
.category .c_nav .cn_arrow{position: absolute; left: 50%; top: 0; width: .2rem; height: .2rem; margin-left: .18rem;}
.category .c_nav .cn_arrow.over_one{ position: relative; left: 0; display: inline-block; margin-left: 0; vertical-align: middle; margin-top: -.02rem;}
.category .c_nav .cn_arrow .desc{position: absolute; left: .05rem; top: .04rem; border-bottom-color: #c1c1c1;}
.category .c_nav .cn_arrow .asc{position: absolute; left: .05rem; bottom: .04rem; border-top-color: #c1c1c1;}
.category .c_nav .cn_prepared{display: none; position: absolute; width: 100%; background-color: #fff; border-bottom: .01rem solid #e1e1e1; z-index: 1; top: .41rem;}
.category .c_nav .cn_prepared > p{padding: .1rem .18rem 0 .18rem; text-align: left; line-height: .3rem;}
.category .c_nav .cn_prepared .cnp_list{padding: 0 .13rem .15rem .13rem; font-size: 0; text-align: left; color: #333;}
.category .c_nav .cn_prepared .cnp_list > li{margin: .06rem .05rem; display: inline-block; font-size: .14rem; text-align: center; padding: 0 .08rem; line-height: .32rem; min-width: .45rem; height: .32rem; border: .01rem solid #e6e6e6; background-color: #fff; cursor: pointer; border-radius: .03rem;}
.category .c_nav .cn_prepared .cnp_list > li.check{background-color: #e62129; border-color: #e62129; color: #fff;}
.category .c_nav .cn_prepared .cnp_footer{height: .5rem; border-top: .01rem solid #e1e1e1;}
.category .c_nav .cn_prepared .cnp_btn{display: block; line-height: .5rem; text-align: center; color: #e62129; font-size: .16rem;}

/* 分类列表容器 */
.category .c_content{height: calc(100vh - 1.26rem); overflow-y: auto; overflow-x: hidden;}

/* 分类列表->左侧二三级分类列表 */
.category .c_list{line-height: .46rem; width: .86rem; height: 100%; float: left; border-right: .01rem solid #e3e3e3; color: #5d5d5d; overflow: auto; -webkit-overflow-scrolling: touch;}
.category .c_list .cl_big{border-bottom: .01rem solid #e1e1e1;}
.category .c_list .cl_big .clb_head{position: relative; padding-left: .1rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.category .c_list .cl_big .clb_head:before{content: ""; display: inline-block; width: 0; height: 0; border-left: .04rem solid transparent; border-right: .04rem solid transparent; border-top: .08rem solid #5d5d5d; margin-right: .05rem;}
.category .c_list .cl_small{display: none;}
.category .c_list .cl_small li{padding-left: .15rem; border-top: .01rem solid #e1e1e1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.category .c_list .cl_small li:before{content: ""; display: inline-block; width: .05rem; height: .05rem; border-radius: 50%; background-color: #5d5d5d; margin-right: .08rem; vertical-align: middle; margin-top: -.02rem;}
.category .c_list .check{color: #e62129;}

/* 分类列表->右侧产品列表 */
.category .c_productlist{position: relative; background-color: #f5f5f5; height: 100%; margin-left: .87rem; overflow: auto; -webkit-overflow-scrolling: touch;}
.category .c_productlist .cp_info{position: relative;border-bottom: .01rem solid #e1e1e1;background-color: #fff;padding: .1rem .05rem;}
.category .c_productlist .cp_info > a{display: block;}
.category .c_productlist .cp_info .cpi_img{position: relative;width: .9rem;height: .9rem;margin-right: .05rem;float: left;margin-top: .02rem;}
.category .c_productlist .cp_info .cpi_img .icon_arrival{position: absolute;bottom: 0;width: 100%;line-height: .2rem;text-align: center;color: #fff;background-color: rgba(0, 0, 0, .6);font-style: inherit;}
.category .c_productlist .cp_info .cpi_img .spe_icon{position: absolute; top: 0; left: 0; width: .3rem; height: .32rem; background-image: url(/app/img/specail_label_icon.png); background-repeat: no-repeat; background-size: .3rem auto;}
.category .c_productlist .cp_info .cpi_img > img{display: block;width: 100%;height: 100%;}
.category .c_productlist .cp_info .cpi_menu{min-height: .92rem; margin-left: .95rem;color: #666;font-size: .12rem;line-height: .22rem;}
.category .c_productlist .cp_info .cpi_menu.stocke_top{padding-top: .08rem; height: 1.17rem;}
.category .c_productlist .cp_info .cpi_name{color: #333;font-size: .14rem;padding-right: .16rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.category .c_productlist .cp_info .cpi_unit, .category .c_productlist .cp_info .cpi_spec{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.category .c_productlist .cp_info .cpi_company{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.category .c_productlist .cp_info .cpi_label{font-size: 0;height: .16rem;overflow: hidden;padding: .05rem 0;}
.category .c_productlist .cp_info .cpi_label > li{padding: 0 .03rem; height: .14rem; line-height: .14rem; font-size: .12rem; display: inline-block; border: .01rem solid transparent;}
.category .c_productlist .cp_info .cpi_label > li + li{margin-left: .05rem;}
.category .c_productlist .cp_info .cpi_total{padding-top: .05rem;}
.category .c_productlist .cp_info .cpi_price{float: left;color: #f74142;font-size: .18rem;padding-right: .08rem;}
.category .c_productlist .cp_info .cpi_costprice{color: #999;}
.category .c_productlist .cp_info .cpi_fav{position: absolute; width: .4rem; height: .4rem; top: .05rem; right: 0;}
.category .c_productlist .cp_info .cpi_fav:after{content: "\E648"; font-family: IconFont; font-size: .24rem; text-align: center; color: #666; width: .24rem; height: .24rem; position: absolute; right: .05rem; top: .05rem;}
.category .c_productlist .cp_info .cpi_fav.check:after{content: "\E649"; color: #ffb922;}
.category .c_productlist .cp_info .cpi_cartbtn{position: absolute;width: .6rem;height: .7rem;top: .44rem;right: 0;}
.category .c_productlist .cp_info .cpi_cartbtn:after{content: "\E676"; font-family: IconFont; color: #e62129; font-size: .32rem; text-align: center; width: .3rem; height: .3rem; line-height: .3rem; position: absolute; right: .05rem; top: .3rem;}
/*.category .c_productlist .cp_info .cpi_cartbtn.notoperable_btn{pointer-events: none;}*/
.category .c_productlist .cp_info .cpi_cartbtn.notoperable_btn:after{color: #c7c7c7;}
.category .c_productlist .cp_info .cpi_cartbtn.untags:after{bottom: .24rem;}
.category .c_productlist .cp_application{color: #999;line-height: .18rem; overflow: hidden; max-height: .36rem; font-size: 12px;padding: .05rem .05rem 0 .05rem;}
.category .c_productlist .cp_hint{height: .6rem; line-height: .6rem; text-align: center; color: #999; background-color: #f5f5f5; font-size: .14rem;}
.category .c_productlist .cp_hint .cph_loading{display: inline-block; padding-left: .35rem; position: relative;}
.category .c_productlist .cp_hint .cph_loading:before{content: ""; position: absolute; left: 0; top: .2rem; width: .2rem; height: .2rem; background-image: url(/app/img/loading_icon.gif); background-repeat: no-repeat; background-size: .2rem;}
.category .c_productlist .cp_unproduct{text-align: center; color: #999; font-size: .14rem; padding-top: 1.2rem; margin-top: 1.1rem; background-image: url(/app/img/unproduct_icon.png); background-repeat: no-repeat; background-position: center top; background-size: 1.2rem;}
.category .c_productlist .cp_info .icon_stockeprice{margin-top: .05rem;}
.category .c_productlist .cp_info.type_stocke .cpi_img{margin-top: .1rem;}
.category .c_productlist .cp_info.type_stocke .cpi_cartbtn{top: .4rem;}
.category .c_productlist .cp_info.type_label .cpi_img{margin-top: .12rem;}
.category .c_productlist .cp_info.type_label .cpi_cartbtn{top: .65rem;}
.category .c_productlist .cp_info.type_stocke .cpi_total,
.category .c_productlist .cp_info.type_label .cpi_total{padding-top: 0}
.category .c_productlist .cp_info.type_label.type_stocke .cpi_img{margin-top: .24rem;}