.module-ai {
    background: #F9DECD;
}

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

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

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

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

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

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

.ai-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 .ai-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 .ai-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 .ai-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 .ai-container,.warp-8 .ai-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%);
}

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

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

.ai-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;
}

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

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

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

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

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

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