@charset "utf-8";
/*
 * FOR:分类页面
 * ------------------------------
 */


/*清除浮动*/
.clearfix:after,.cate-list ul:after{content:'';display:block;height:0;clear:both;visibility:hidden;}


/* ------------------------------------------
 * 左侧栏
 * ------------------------------------------ */
.cate-side{width:6rem;position:absolute;left:0;top:3.13rem;bottom:3.13rem;background-color:#f6f6f6;z-index:1;box-shadow:-1px 0 rgba(0,0,0,.05) inset;}
.cate-tabs {width:100%;height:100%;overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
.cate-tabs ul li{height:3rem;line-height:3rem;text-align:center;font-size:.81rem;position:relative;}
.cate-tabs ul li a{display:block;}
.cate-tabs ul li.active a{background-color:#fff;color:#ff4448;}
.cate-tabs ul li.active a:before{content:'';display:inline-block;width:.2rem;height:1rem;background-image:-webkit-linear-gradient(top,#FF8050,#FF4347);background-image:linear-gradient(top,#FF8050,#FF4347);position:absolute;left:0;top:50%;margin-top:-.5rem;}

/* ------------------------------------------
 * 列表
 * ------------------------------------------ */
.cate-main{width:100%;padding:1rem 1rem 1rem 7rem;position:absolute;top:3.13rem;bottom:3.13rem;overflow:hidden;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cate-main .full-bn img{}
.cate-main .cate-list {overflow:hidden;}
.cate-main .cate-list ul{margin:0 -.5rem;}
.cate-main .cate-list li{width:33.3333%;height:7rem;text-align:center;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5rem;}
.cate-main .cate-list li .cate-item{display:block;}
.cate-main .cate-list li .cate-img,.cate-main .cate-list li .cate-img img{display:block;width:4.5rem;height:4.5rem;}
.cate-main .cate-list li .cate-img{margin:0 auto;}
.cate-main .cate-list li .cate-name{display:block;height:1.3rem;line-height:1.3em;overflow:hidden;padding-top:.5rem;font-size:.75rem;}
.body-loading{left:6rem;right:0;top:3.13rem;bottom:3.63rem;}
@media screen and (min-width:768px){
.cate-tabs ul::-webkit-scrollbar{width:4px; }      
.cate-tabs ul::-webkit-scrollbar-thumb{border-radius:10px; background:rgba(0,0,0,0.2); }   
}