.brand-list {margin-right: -0.2rem;}
.brand-item {padding: 0.4rem;margin-right: 0.2rem;margin-bottom: 0.2rem;background-color: #fff;}
.brand-list.col-3 .brand-item {width: calc(33.333333% - 20px);min-height: 3.5rem;}
.brand-list.col-4 .brand-item {width: calc(25% - 20px);}
.brand-thumbnail {height: 1.5rem;margin-bottom: 0.3rem;display: flex;align-items: center;justify-content: center;}
.brand-list.col-3 .brand-item h2 {font-size: 0.24rem;}
.brand-item h2 {text-align: center;margin-bottom: 0.2rem;}
.brand-item p {color: #757575;}
.brand-introduction-box {position: relative;}
.brand-introduction-box .logo-bg {position: absolute;right: 0.4rem;top: 0;width: 0.8rem;}
.brand-introduction-box .brand-logo-thumbnail {width: 6.6rem;}
.brand-introduction-box .brand-introduction {padding: 0.4rem;color: #757575;}
.brand-introduction-box .brand-introduction__title {font-size: 0.24rem;}
.year-swiper {position: relative;width: 8rem;padding: 0 1rem;margin: 0 auto;}
.last-year,
.next-year {cursor: pointer;position: absolute;top: 50%;display: flex;font-size: 0.3rem;color: #9E9E9E;transform: translateY(-50%);transform: -webkit-translateY(-50%);align-items: center;justify-content: center;}
.last-year {left: 0;}
.next-year {right: 0;}
.year-swiper .year-item {display: inline-block;text-align: center;width: 0.94rem;height: 0.4rem;line-height: 0.38rem;font-size: 0.24rem;color: #9E9E9E;border: 0.02rem solid transparent;}
.year-swiper .year-item.active,
.year-swiper .year-item:hover {color: #FFAF3E;border: 0.02rem solid #FFAF3E;}
.year-progress-list.col-4 {margin-right: -0.15rem;}
.year-progress-list.col-4 .year-progress-item {display: inline-block;width: calc(25% - 18px);min-height: 2.89rem;padding: 0.2rem;margin-right: 0.15rem;margin-bottom: 0.15rem;background-color: #fff;}
.year-progress-list .year-progress-item .year-progress-thumbnail {overflow: hidden;}
.year-progress-list .year-progress-item .year-progress-title {font-size: 0.16rem;height: 0.48rem;margin: 0.2rem 0 0.1rem;}