.BannerWrap{padding-top:18px;width:871px;margin-left:30px}.banner-slider{position:relative;width:100%}.banner-viewport{border-radius:10px;box-shadow:0 10px 22px rgb(0 0 0 / .38);position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}@supports (aspect-ratio:16 / 9){.banner-viewport{padding-top:0;aspect-ratio:16 / 9}}.banner-viewport::before,.banner-viewport::after{content:"";position:absolute;inset:0;pointer-events:none}.banner-viewport::before{background:linear-gradient(to bottom,rgb(0 0 0 / .14) 0%,#fff0 22%,#fff0 78%,rgb(0 0 0 / .14) 100%)}.banner-viewport::after{background:radial-gradient(ellipse at 50% 50%,#fff0 58%,rgb(0 0 0 / .28) 100%)}.banner-track{position:absolute;inset:0;display:flex;height:100%;will-change:transform;transition:transform .5s ease}.banner-slide{flex:0 0 100%;height:100%}.banner-slide>a,.banner-slide>img{display:block;width:100%;height:100%}.banner-slide img{width:100%;height:100%;object-fit:cover}.banner-prev,.banner-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:rgb(0 0 0 / .15);color:#fff;font-size:22px;cursor:pointer;z-index:5}.banner-prev{left:8px}.banner-next{right:8px}.banner-prev:hover,.banner-next:hover{background:rgb(0 0 0 / .25)}.banner-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;display:flex;gap:6px;z-index:5}.banner-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#908987;opacity:.55;cursor:pointer}.banner-dots button[aria-current="true"]{background:#fff;opacity:1}