.video-box{width:100vw;background:#ffffff;overflow:hidden !important;padding-bottom:40px;position:relative;}.video-box .box-swipe{width:100vw;height:28.125rem;position:relative;}.video-box .box-swipe .slide{width:18.75rem;height:28.125rem;border-radius:8px;overflow:hidden;position: relative;}.video-box .box-swipe .slide:before{content:"";width:100%;height:100%;position:absolute;background:rgba(217,217,217,0.5);top:0;left:0;z-index:9;}.video-box .box-swipe .slide.swiper-slide-active:before{background:none !important;}.video-box .box-swipe .slide.swiper-slide-active:after{content:"";position:absolute;left:0;top:0;width:100%;height:8.33vw;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);transform:matrix(1,0,0,-1,0,0);}.video-box .box-swipe .slide .video{width:100%;height:100%;object-fit:cover;position: absolute;top: 0;left: 0;}.video-box .swiper-pagination{position:absolute;bottom:0.8125rem !important;left:50% !important;transform:translateX(-50%);}.video-box .swiper-pagination .swiper-pagination-bullet{width:20px;height:2px;object-fit:contain;background-color:#e8e8e8;margin:0 4px !important;opacity:1;border-radius:0;}.video-box .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:2px;object-fit:contain;background:#9f9f9f;border-radius:0;}