.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper[data-v-306e8d5e]{height:100%;width:100%}.swiper-wrapper[data-v-306e8d5e]{transform:translateZ(0)!important}.swiper-slide[data-v-306e8d5e]{display:flex;font-size:18px;justify-content:center;width:282px!important}.banner-warp[data-v-306e8d5e]{flex-wrap:wrap;gap:16px;width:100%}.banner-warp .item[data-v-306e8d5e]{border-radius:20px;box-shadow:0 6px 12px #0c1f501a;transition:box-shadow .2s ease}.banner-warp .item[data-v-306e8d5e]:hover{box-shadow:0 16px 64px #0c1f501f}.banner-warp-java[data-v-306e8d5e] .item .top-row{height:137px}.switch-box[data-v-306e8d5e]{cursor:pointer;justify-content:center;padding-bottom:30px}.switch-box[data-v-306e8d5e],.switch-box .switch[data-v-306e8d5e]{align-items:center;display:flex;position:relative}.switch-box .switch[data-v-306e8d5e]{background:#fff;border-radius:100px;box-shadow:0 3px 7px #375bc11c;height:60px;justify-content:space-between;width:360px}.switch-box .switch .label[data-v-306e8d5e]{background:linear-gradient(75deg,#ff984e,#b85ce6);border-radius:3px;color:#fff;font-size:11px;font-weight:700;height:16px;line-height:16px;position:absolute;right:-8px;text-align:center;top:5px;width:40px;z-index:6}.switch-box .switch .bg[data-v-306e8d5e]{background:linear-gradient(75deg,#025af7,#00c0fa);border-radius:100px;height:48px;position:absolute;transition:transform .4s ease;width:110px}.switch-box .switch .left[data-v-306e8d5e]{transform:translate(8px)}.switch-box .switch .right[data-v-306e8d5e]{transform:translate(125px)}.switch-box .switch .item[data-v-306e8d5e]{border-radius:100px;color:#033;font-size:18px;font-weight:700;height:48px;line-height:50px;position:relative;text-align:center;width:120px;z-index:5}.switch-box .switch .active[data-v-306e8d5e]{color:#fff;transition:color .3s ease .1s}.rolling-tips[data-v-306e8d5e]{color:var(--xnj-primary);cursor:pointer;font-size:14px;margin-bottom:10px;padding:10px 0;text-align:center}@media (max-width:768px){.banner-warp[data-v-306e8d5e]{height:470px}.banner-warp[data-v-306e8d5e] .banner-item-warp{box-shadow:0 6px 12px #0c1f501a}}