.l-text{padding: .3rem  .3rem .2rem .3rem;}
.l-name{position: relative;z-index: 8;}
@media(min-width:901px) {
    .s-item.swiper-slide-active + .s-item .s-box{top: 2.6rem;}
    .s-item.swiper-slide-active + .s-item + .s-item + .s-item + .s-item .s-box{top: .15rem;}
}
@media(min-width:750px) {
    .q-item{width: 25%;}
    .q-item.active{width: 50%;} 
}
@media(max-width:750px) {
    .q-item{width: 50%;} 
}