.varyWidthCarouselCard{min-height:100vh;width:100%;position:relative;overflow:hidden;background-color:transparent}
.varyWidthCarouselCard .vary-width-carousel-card{height:100%;width:100%;position:relative}
.varyWidthCarouselCard .page-center-con{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}
.varyWidthCarouselCard .page-con-move{width:100%;height:100%;position:relative}
.varyWidthCarouselCard.varyWidthCarouselCard--scrollfade .page-con-move{opacity:var(--scrollfade-progress,0);transform:translate3d(0,calc((1 - var(--scrollfade-progress, 0)) * 100px),0);will-change:opacity,transform}
.varyWidthCarouselCard .swiper{padding-left:6.25vw;padding-right:6.25vw;box-sizing:border-box}
@media only screen and (max-width:768px){.varyWidthCarouselCard .swiper{padding-left:8vw;padding-right:8vw}
}
.varyWidthCarouselCard .swiper .swiper-slide{width:var(--desktop-width,auto)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .swiper .swiper-slide{width:var(--mobile-width,auto)}
}
.varyWidthCarouselCard .slide{position:relative;border-radius:1.0416666667vw;overflow:hidden;height:35.4166666667vw;width:var(--desktop-width,auto)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide{border-radius:3.2vw;height:149.3333333333vw;width:var(--mobile-width,auto)}
}
.varyWidthCarouselCard .slide.slide0{width:var(--desktop-width,35.9375vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide0{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide.slide1{width:var(--desktop-width,28.125vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide1{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide.slide2{width:var(--desktop-width,64.6875vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide2{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide picture{width:100%;height:100%;display:block;position:relative}
.varyWidthCarouselCard .slide .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;object-fit:cover;display:block}
.varyWidthCarouselCard .slide .txtlist{width:100%;height:10.8333333333vw;background:rgba(0,0,0,0.2);backdrop-filter:blur(40px);position:absolute;left:0;bottom:0;z-index:5;color:#fff;padding:1.4583333333vw 3.3854166667vw;box-sizing:border-box;display:flex;flex-direction:column}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist{height:34.6666666667vw;backdrop-filter:blur(10px);padding:3.7333333333vw 4.2666666667vw}
}
.varyWidthCarouselCard .slide .txtlist__title{font-size:1.4583333333vw;margin-bottom:.4166666667vw}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist__title{font-size:4.2666666667vw;margin-bottom:1.0666666667vw}
}
.varyWidthCarouselCard .slide .txtlist .t1{font-size:1.0416666667vw}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist .t1{font-size:3.7333333333vw}
}
.varyWidthCarouselCard .slide .txtlist .showpc{display:block}
.varyWidthCarouselCard .slide .txtlist .showm{display:none}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist .showpc{display:none}
.varyWidthCarouselCard .slide .txtlist .showm{display:block}
}
.varyWidthCarouselCard .left-right-wrap{position:absolute;width:6.7708333333vw;left:82.5vw;top:36.6666666667vw;display:flex;flex-direction:row;justify-content:space-between}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap{position:relative;width:25.6vw;left:37.3333333333vw;top:5.8666666667vw}
}
.varyWidthCarouselCard .left-right-wrap .btn-prev{width:2.9166666667vw;height:2.9166666667vw;background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-prev.png) no-repeat center center;background-size:contain;cursor:pointer}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap .btn-prev{width:10.6666666667vw;height:10.6666666667vw}
}
.varyWidthCarouselCard .left-right-wrap .btn-prev.disable{background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-prev-off.png) no-repeat center center;background-size:contain}
.varyWidthCarouselCard .left-right-wrap .btn-next{width:2.9166666667vw;height:2.9166666667vw;background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-next.png) no-repeat center center;background-size:contain;cursor:pointer}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap .btn-next{width:10.6666666667vw;height:10.6666666667vw}
}
.varyWidthCarouselCard .left-right-wrap .btn-next.disable{background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-next-off.png) no-repeat center center;background-size:contain}