.banner-swiper{border-radius:12px;height:500px;margin-bottom:30px;overflow:hidden}.banner-swiper .hidden{opacity:0}.banner-swiper__container{height:100%;position:relative;width:100%}.banner-swiper .swiper{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:100%;overflow:hidden;width:100%}.banner-swiper .banner-link{display:block;height:100%;width:100%}.banner-swiper img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.banner-swiper .banner-link:hover img{transform:scale(1.05)}.banner-swiper__skeleton{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.banner-swiper .mask{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;height:100%;width:100%}.hidden~.banner-swiper__skeleton{display:flex}.banner-swiper :deep(.swiper-pagination-bullet){background:#fff;opacity:.6}.banner-swiper :deep(.swiper-pagination-bullet-active){background:#ff0a47;opacity:1}.banner-swiper :deep(.swiper-button-next),.banner-swiper :deep(.swiper-button-prev){align-items:center;background:#0000004d;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;transition:background .3s ease;width:40px}.banner-swiper :deep(.swiper-button-next):hover,.banner-swiper :deep(.swiper-button-prev):hover{background:#0009}.banner-swiper :deep(.swiper-button-next):after,.banner-swiper :deep(.swiper-button-prev):after{font-size:18px;font-weight:700}@media (max-width:768px){.banner-swiper{border-radius:0;height:300px}.banner-swiper :deep(.swiper-button-next),.banner-swiper :deep(.swiper-button-prev){display:none}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}