.container .brands {
    width: 100%;
    margin: 0px auto;
    columns: 3;
    column-gap: 20px;
}

.container .brands .item {
    display: inline-block;
    width: 100%;
    break-inside: avoid;
    margin-bottom: 20px;
    padding: 20px 0px 16px 0px;
    background: #ffffff;
    border-radius: 6px;
}

.container .brands .item img {
    width: 30%;
    float: left;
}

.container .brands .item .l {
    position: absolute;
    border: none;
    border-top: 18px solid #ffa800;
    width: 5px;
    margin: 3px;
}

.container .brands .item .hr {
    border: none;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 16px;
}

.container .brands .item .brandCat {
    padding: 0px 16px 0px 16px;
}

.container .brands .item .brandCat span {
    margin-left: 15px;
    font-size: 18px;
    font-weight: bold;
}

.container .brands .item .brandList {
    padding: 0px 10px 0px 16px;
}

.container .brands .item .brandList img {
    width: 28.7%;
    padding: 5px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
}

.container .brands .item .brandList img:hover {
    border: 1px solid #ffa800;
}