.swiper-container {

    width: 100%;

    height: 300px;

    margin-left: auto;

    margin-right: auto;

}





.swiper-slide {

    background-size: cover;

    background-position: center;

}



.introswiper {

    height: 80%;

    width: 100%;

}



.desc-banner {

    position: relative;

    bottom: -0.5rem;

    height: 1.8rem;

    font-size: 0.48rem;

    padding-left: 0.3rem;

    color: #5e43b9;

}



.introswiperson {

    width: 100%;

    height: 2rem;

    box-sizing: border-box;

    padding: 10px 0;

}



.introswiperson .swiper-slide {

    width: 15%;

    height: 100%;

    opacity: 0.4;

}



.introswiperson .swiper-slide img {

    width: 100%;

    height: 100%;

}



.introswiperson .swiper-slide-active {

    opacity: 1;

}



@media (min-width: 992px) {

    .desc-banner {

        position: relative;

        bottom: -0.5rem;

        height: 1.8rem;

        font-size: 0.48rem;

        padding-left: 0.3rem;

        color: #5e43b9;

    }

}