/*swiper*/
.areaBody .swiper-container {
    width: 100%;
    z-index: 0;
}

.areaBody .swiper-button-prev,
.areaBody .swiper-button-next {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.45);
    border-width: 0;
    z-index: 2;
    padding: 12px;
    background-image: unset;
}

.areaBody .swiper-button-prev {
    left: 0;
}

.areaBody .swiper-button-next {
    right: 0;
}

    .areaBody .swiper-button-prev::after,
    .areaBody .swiper-button-next::after {
        position: absolute;
        width: 8px;
        height: 8px;
        content: "";
        display: block;
        border-top: 3px solid #fff;
        border-radius: 1.5px;
        border-left: 3px solid #fff;
        transform: rotate(-45deg);
        left: 12px;
        top: 12px;
    }

    .areaBody .swiper-button-next::after {
        transform: rotate(135deg);
    }

.themeArea .swiper-slide,
.themeBodyContent .swiper-slide {
    width: 50%;
}
/*直向平板 md*/
@media screen and (min-width: 768px) {
    .themeArea .swiper-slide,
    .themeBodyContent .swiper-slide {
        width: 33.3333333%;
    }
}


/*橫向平板 lg*/
@media screen and (min-width: 992px) {
    .themeArea .swiper-slide,
    .themeBodyContent .swiper-slide {
        width: 20%;
    }
}