.yxcp-container {
    width: 7.14rem;
    height: 2.82rem;
    background: linear-gradient(38deg, #FFF2E9 0%, rgba(255, 255, 255, 0.64) 35%, rgba(255, 247, 242, 0.81) 70%, rgba(255, 250, 226, 0.61) 100%);
    border-radius: 0.24rem;
    margin: 0.08rem auto 0;
}

.warp-1 .yxcp-container {
    background: linear-gradient(40deg, rgba(240, 245, 255, 0.82) 0%, rgba(255, 255, 255, 0.64) 35%, rgba(246, 255, 255, 0.65) 76%, rgba(226, 247, 255, 0.2) 100%);
}

.warp-2 .yxcp-container {
    background: linear-gradient(41deg, rgba(255, 255, 255, 0.79) 0%, rgba(255, 255, 255, 0.75) 37%, #FFF2DE 74%, rgba(255, 248, 226, 0.5) 100%);
}

.warp-3 .yxcp-container {
    background: linear-gradient(42deg, rgba(237, 231, 255, 0.55) 0%, rgba(255, 255, 255, 0.48) 18%, rgba(255, 254, 255, 0.78) 35%, rgba(255, 252, 254, 0.51) 67%, rgba(255, 238, 252, 0.67) 89%, rgba(255, 248, 226, 0.5) 100%);
}

.warp-4 .yxcp-container,
.warp-8 .yxcp-container {
    background: linear-gradient(145deg, rgba(84, 98, 160, 0.73) 0%, #1D1E37 100%), linear-gradient(333deg, #4854B4 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(152% 77% at -28% -3%, rgba(71, 87, 181, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
}

.yxcp-module-mySwiper-box {
    width: 6.9rem;
    /* height: 2.82rem; */
    overflow: hidden;
    /* margin-bottom: 0.14rem; */
    margin: 0.18rem auto 0.14rem auto;
}

.yxcp-module-mySwiper {
    width: 100%;
    /* height: 100%; */
    height: 2.5rem;
}

.module-yxcp {
    background: #F9DECD;
}

.warp-0 .module-yxcp {
    background: #F9DECD;
}

.warp-1 .module-yxcp {
    background: #DDEAFC;
}

.warp-2 .module-yxcp {
    background: #FFE4C2;
}

.warp-3 .module-yxcp {
    background: #E3DBF5;
}

.warp-4 .module-yxcp {
    background: #0A1134;
}

.warp-8 .module-yxcp {
    background: #0C081B;
}

.yxcp-module-mySwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: rgba(0, 0, 0, 0.1) !important; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.yxcp-module-mySwiper .swiper-slide .big {
    width: 3.42rem;
    height: 2.46rem;
    position: absolute;
    opacity: 0;
    border-radius: 0.12rem;
    overflow: hidden;
}

.yxcp-module-mySwiper .swiper-slide .small {
    width: 1.50rem;
    height: 2.2rem;
    border-radius: 0.12rem;
    overflow: hidden;
}

.yxcp-module-mySwiper .swiper-slide .small img {
    width: 100%;
    height: 100%;
}

.yxcp-module-mySwiper .swiper-slide-next .big {
    opacity: 1;
    /* background: green; */
}

.yxcp-module-mySwiper .swiper-slide-next .big img {
    width: 100%;
    height: 100%;
}

.yxcp-module-mySwiper .swiper-slide-next .small {
    opacity: 0;
}