

#bo_cate .btnSetting{top:-10px;left:-10px;}

.boCateContainer.area-pointer:before{z-index:2;}

.boCateContainer{position:relative;margin:0 auto;width:100%;--bo-cate-color:var(--mainColor);}
.boCateContainer:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.15);z-index:2;}
.boCateContainer .controler{position:absolute;top:0;right:0;z-index:9;height:100%;display:inline-flex;align-items:center;box-shadow:-4px 0 4px rgba(0,0,0,0.04);}
.boCateContainer .controler .prev,
.boCateContainer .controler .next{display:inline-flex;align-items:center;justify-content:center;width:34px;height:100%;background:#fff;border:1px solid #dbdbdb;cursor:pointer;}
.boCateContainer .controler .prev:hover,
.boCateContainer .controler .next:hover{background:#f8f8f8;}
.boCateContainer .controler .next{border-left:0;}
.boCateContainer .controler .prev:before{content:'\e918';font-family:'intaefont';font-size:10px;}
.boCateContainer .controler .next:before{content:'\e919';font-family:'intaefont';font-size:10px;}
.boCateContainer .boCateCon-inner{overflow:hidden;padding-right:64px;}
.boCateContainer .cate_ul{margin:0 auto;padding:0;display:flex;align-items:center;}
.boCateContainer .cate_ul li{position:relative;font-size:14px;padding:0 14px;height:40px;display:inline-flex;width:auto;border:1px solid #dbdbdb;border-bottom:0;background:rgba(255,255,255,0.8);}
.boCateContainer .cate_ul li:not(:first-child){border-left:0;}
.boCateContainer .cate_ul li.active{background:var(--bo-cate-color);color:#fff;border-color:rgba(0,0,0,0.2);}
.boCateContainer .cate_ul li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;}