.brands .cate-l .cate-i{position:relative;display:inline-block;font-size:15px;line-height:50px;color:#333;font-weight:500;margin:0 24px;cursor:pointer;width: 90px;text-align: center;}
.brands .cate-l .cate-i:after{display:inline-block;width:20px;height:2px;position:absolute;bottom:0;left:50%;margin-left:-10px;background:#008bff}
.brands .cate-l .cate-i.active,.brands .cate-l .cate-i:hover{color:#008bff}
.brands .cate-l .cate-i.active:after,.brands .cate-l .cate-i:hover:after{content:""}
.brands .cate-filter-wrap{color:#999;margin:24px 0}
.brands .cate-filter-wrap .cate-filter{cursor:pointer;margin-left:20px;color:#999}
.brands .cate-filter-wrap .cate-filter.active{color:#ff6f3d}
.brands .cate-filter-wrap .cate-filter .a-icon{margin-right:5px}
.brands .brand-wrap{padding:30px 0;width:100%;vertical-align:middle;display:inline-block}
.brands .brand-wrap .brand-item{cursor:pointer;width:220px;height:288px;margin-right:20px;margin-bottom:20px;float:left;align-items:center;transition:all .3s;padding:0 6px 20px;text-align:center;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,.1);}
.brands .brand-wrap .brand-item .brand-img-wrap{display:flex;align-items:center;justify-content:center;height:200px}
.brands .brand-wrap .brand-item .brand-img-wrap .brand-img{max-width:180px;max-height:180px}
.brands .brand-wrap .brand-item .brand-name{line-height:26px;font-weight:500}
.brands .brand-wrap .brand-item .brand-des{font-size:12px;color:#999}
.brands .brand-wrap .brand-item:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translate3d(0,-2px,0)}
.brands .brand-wrap .brand-item:hover .brand-name{color:#008bff}
/*.brands .brand-wrap .brand-item:nth-child(5n){margin-right:0}*/
@media screen and (max-width: 1200px) {
    .brands .brand-wrap .brand-item:nth-child(5n+1){margin-left:20px}
}

.breadcrumb{padding:24px 0}
.breadcrumb .ant-breadcrumb a:hover{color:#008bff}