.boCateContainer{position:relative;z-index:1;margin:0 auto;margin-bottom:20px;width:100%;--bo-cate-color:var(--mainColor);max-width:var(--boCate-max-width);--border-color:#dbdbdb;}


@media screen and (min-width:781px) {
	#bo_cate .btnSetting{top:-10px;left:-10px;}
	.boCateContainer.area-pointer:before{z-index:2;}

	.boCateContainer{margin-bottom:20px;}
	.boCateContainer .cate_ul{margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
	.boCateContainer .cate_ul li{position:relative;flex:1;font-size:15px;max-width:300px;height:52px;display:inline-flex;border:1px solid var(--border-color);box-shadow:0 5px 5px rgba(0,0,0,0.02);margin-right:-1px;margin-bottom:-1px;}
	.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;}

}
@media screen and (max-width:780px) {
	#bo_cate{background:#fff;width:100%;overflow:hidden;}
	.boCateContainer{position:relative;}
	.boCateContainer:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:var(--border-color);}
	.boCateContainer:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--border-color);}
	.boCateContainer .boCateCon-inner{position:relative;}
	.boCateContainer .cate_ul{margin:0 auto;padding:0;display:inline-flex;align-items:center;font-size:13px;}
	.boCateContainer .cate_ul.between > li{flex:1;}
	.boCateContainer .cate_ul li{position:relative;width:auto;display:inline-flex;align-items:center;padding:0 10px;min-width:80px;height:40px;border-left:1px solid var(--border-color);box-shadow:0 5px 5px rgba(0,0,0,0.02);}
	.boCateContainer .cate_ul li:last-child{border-right:1px solid var(--border-color);}
	.boCateContainer .cate_ul li.active{background:var(--bo-cate-color);color:#fff;border:0 !important;}
	.boCateContainer .cate_ul li.active + li{border-left:0 !important;}
	.boCateContainer .cate_ul li a{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}

	#header .boCateContainer:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.1);}
	#header .boCateContainer .cate_ul li{border-top:0;}
}