.car-filter-wrap{
    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.1);
    border-radius: 9px; background: #fff; padding: 20px;
}
.filter-title{
    height: 28px; line-height: 28px;  font-size: 20px; font-weight: 600;
}
.car-filter-list{
    margin:20px -20px 0 -20px
}
.filter-options{
    display: flex;  border-top: 1px solid #E8E8E8;  padding: 10px 20px 10px 0;
}
.filter-options label{
    width: 120px; height: 36px; line-height: 36px; font-size: 14px; padding:0 15px 0 20px; margin-right: 20px; flex-shrink:0; text-align: right;
    color: #777777;
}
.filter-options .filter-list{
    display: flex; flex-wrap: wrap;
}
.filter-options .filter-list>a{
    padding: 4px 12px; height: 30px; line-height: 24px; display: inline-flex; border-radius: 16px; font-size: 14px; margin: 3px 0;
}
.filter-options .filter-list>a:hover{
    background-color: #BFF4E5;
}
.filter-options .filter-list>a+a{
    margin-left: 5px;
}
.filter-options .filter-list>a.on{
    background-color: var(--green); color: #fff;
}

.filter-list .brand-letter{
    display: flex; align-items: center;
}
.filter-list .brand-letter>a{
   min-width: 30px; height: 30px; border-radius: 16px; text-align: center; line-height:24px;padding:4px 12px;
}
.filter-list .brand-letter>a:not(:first-child){
    padding:4px 10px; text-align: center;
}
.filter-list .brand-letter>a.hover{
    background-color: #BFF4E5;
}
.filter-list .brand-letter>a.on{
    background-color: var(--green); color: #fff;
}
.brand-letter>a{
    margin: 0 5px;
}
.brand-list-wrap{
    width: 100%; background: #F5F5F5; border-radius: 10px; margin-top:10px;
}
.brand-list-wrap.no-margin{
    margin-top: 0;
}
.brand-list{
    padding:10px; display: flex; flex-wrap: wrap;
}
.brand-list>a{
    height: 40px; line-height: 40px; text-align: center; padding:0 10px; width: 10%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; border-radius: 20px;
}
.brand-list>a.on{
    color: var(--green); font-weight: 600;
}
.brand-list>a>img{
    height: 27px; vertical-align: middle; margin-right: 5px;
}
.filter-more-wrap{
    padding-top: 20px; border-top: 1px solid #E8E8E8;
}
.filter-more-button{
    height: 32px;  line-height: 32px; text-align: center; border: 1px solid #E8E8E8;
    border-radius: 16px; color: #777; display: inline-flex; padding:0 15px;
}
.filter-more-button:after{
    content: ''; width: 0; height: 0; margin-left: 8px; top: 12px; position: relative;
    border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #777;
}
.filter-more-button.more:after{
    border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #777;
    border-top: 0;
}
.car-result{
    display: flex; align-items: center; margin-top: 50px;
}
.result-info{
    font-size: 18px; font-weight: 400;
}
.result-info>.count{
    color: var(--green); font-weight: 600;
}
.car-list-container{
    margin-top: 15px;
}
.car-list-wrap{
    display: flex; margin:0 -6px; flex-wrap: wrap;
}
.car-list-wrap .product-item{
    margin:6px; width: calc(20% - 12px);
}
.car-loading{
    margin-top:30px; color: #777;
}