.brands{clear: both;background: #F1F1F1;padding: 40px 0;}
.brands h2{margin-top: 0;line-height: normal;}
.brands h2 span{display: block;font-size: 16px;margin-top: 10px;}
.brands ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.brands ul li{width: calc((100%/4) - 20px);background: #fff;padding: 20px;box-sizing: border-box;text-align: center;margin: 0;}
.brands ul li:last-of-type{margin-right: 0px;}
.brands ul li img{display: block;height: 25px;margin: 0 auto;}
.brands ul li .brands-tit{font-size: 16px;font-weight: bold;margin: 10px 0 5px;}
.brands ul li .product-con{font-size: 14px;line-height: 20px;}
.brands ul li .price-box{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #b40026;}
.brands ul li .price-box .price{font-size: 22px;}
.brands ul li .buy-btn{padding: 7px 20px;background: #b40026;color: #fff;border-radius: 3px;display: inline-block;}

@media screen and (max-width:767px){
    .brands{padding: 10px 0 20px !important;}
    .brands h2{font-size: 18px;margin-top: 0;}
    .brands h2 span{font-size: 14px;margin-top: 5px;}
    .brands .mainW{width: 100%;padding: 0 10px;box-sizing: border-box;}
    .brands ul li{width: 49%;padding: 15px;margin: 0 0 10px;}
    .brands ul li:nth-of-type(2){margin-right: 0;}
    .brands ul li:nth-of-type(3){margin-bottom: 0;}
    .brands ul li:last-of-type{margin-bottom: 0;}
    .brands ul li .brands-tit{font-size: 14px;}
    .brands ul li .product-con{font-size: 12px;}
    .brands ul li .price-box{font-size: 12px;margin-bottom: 10px;}
    .brands ul li .price-box .price{font-size: 16px;}
    .brands ul li img{height: 20px;}
    .brands ul li .buy-btn{padding: 5px 15px;}
}

@media screen and (max-width:320px){
    .brands ul li{width: 100%;margin: 0 0 10px !important;}
}