.tf-gradual-banner-widget{width:100%;border-radius:var(--main-radius,16px);overflow:hidden;box-shadow:var(--main-shadow);margin-bottom:0}.tf-gradual-banner-widget-wrap{margin-bottom:22px}.tf-gradual-banner-widget a{transition:none}.tf-gradual-banner-widget .gradual-show-swiper-box{position:relative;width:100%;height:var(--tfgb-h,479px);overflow:hidden;touch-action:pan-y;z-index:1}.tf-gradual-banner-widget .gradual-show-item-box{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;z-index:9}.tf-gradual-banner-widget .gradual-show-item-box .gradual-show-item,.tf-gradual-banner-widget .gradual-show-item-box .banner-item{width:100%;height:100%}.tf-gradual-banner-widget .gradual-show-item-box.cur-item{opacity:1;visibility:visible;z-index:12}.tf-gradual-banner-widget .banner-item{position:relative}.tf-gradual-banner-widget .banner-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.3) 62%,rgba(0,0,0,.72) 100%);pointer-events:none}.tf-gradual-banner-widget .banner-img-box{display:block;width:100%;height:100%;position:relative;background:#0f172a}.tf-gradual-banner-widget .cover{position:absolute;inset:0;width:100%;height:100%;z-index:0;transition:transform .5s ease}.tf-gradual-banner-widget:hover .gradual-show-item-box.cur-item .cover{transform:scale(1.03)}.tf-gradual-banner-widget .x-pagination-swiper{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:stretch;z-index:15;pointer-events:none}.tf-gradual-banner-widget .x-pagination-box{width:var(--tfgb-panel-w,282px);height:100%;opacity:.95;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.66) 24%,#000 52%,rgba(0,0,0,.66) 77%,rgba(0,0,0,0) 100%);pointer-events:auto;display:flex;flex-direction:column;justify-content:center;gap:0;padding-top:8px;padding-bottom:8px}.tf-gradual-banner-widget .x-pagination-item{width:100%}.tf-gradual-banner-widget .lewan-home-banner-box,.tf-gradual-banner-widget .banner-indicator-box{width:100%}.tf-gradual-banner-widget .banner-indicator{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;width:100%;padding:0 24px;text-decoration:none;color:#fff}.tf-gradual-banner-widget .banner-indicator.checked{background:url("https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01CQmUIk1QbItOiMUxR_!!2210123621994.png") no-repeat center center;background-size:100% 100%;height:97px}.tf-gradual-banner-widget .banner-indicator.checked .title{font-weight:700}.tf-gradual-banner-widget .banner-indicator.checked .subtitle,.tf-gradual-banner-widget .banner-indicator.checked .tips{display:inline-flex}.tf-gradual-banner-widget .banner-indicator.unchecked{height:48px}.tf-gradual-banner-widget .banner-indicator.unchecked .title{font-size:16px;line-height:19px;font-weight:400}.tf-gradual-banner-widget .banner-indicator.unchecked .subtitle,.tf-gradual-banner-widget .banner-indicator.unchecked .tips{display:none}.tf-gradual-banner-widget .banner-indicator .title{align-items:center;display:flex;color:#fff;font-size:20px;line-height:24px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.tf-gradual-banner-widget .banner-indicator .subtitle{color:#fff;margin-top:14px;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tf-gradual-banner-widget .banner-indicator .tips{align-items:center;justify-content:center;height:16px;line-height:16px;margin-right:5px;padding:0 4px;border-radius:4px;border:1px solid rgba(78,110,242,.3);color:#4e6ef2;background:rgba(78,110,242,.08);font-size:12px;box-sizing:border-box;flex-shrink:0}.tf-gradual-banner-widget .banner-indicator .tips.tips-redbg{border-color:rgba(255,138,138,.45);color:#ff9a9a;background:rgba(255,138,138,.12)}@media (max-width:991px){.tf-gradual-banner-widget{border-radius:12px}.tf-gradual-banner-widget .gradual-show-swiper-box{height:var(--tfgb-h-m,280px)}.tf-gradual-banner-widget .x-pagination-swiper{inset:auto 0 0 0;align-items:flex-end;justify-content:stretch}.tf-gradual-banner-widget .x-pagination-box{width:100%;height:auto;min-height:88px;padding:0 10px 10px;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.64) 62%,rgba(0,0,0,.82) 100%)}.tf-gradual-banner-widget .x-pagination-item{display:none}.tf-gradual-banner-widget .x-pagination-item.is-active{display:block}.tf-gradual-banner-widget .x-pagination-item .banner-indicator{height:auto;min-height:70px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.tf-gradual-banner-widget .x-pagination-item .banner-indicator.checked{background:url("https://fenwan.cdn.bcebos.com/webgame/static/lewangame/images/030cac042beb74bc1e24.png") no-repeat center center;background-size:100% 100%}.tf-gradual-banner-widget .x-pagination-item .banner-indicator .title{font-size:17px;line-height:22px}.tf-gradual-banner-widget .x-pagination-item .banner-indicator .subtitle{display:block;margin-top:8px;font-size:13px;line-height:17px}.tf-gradual-banner-widget .x-pagination-item .banner-indicator .tips{display:inline-flex}.tf-gradual-banner-widget .banner-item:after{background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(0,0,0,.38) 100%)}}.dark-theme .tf-gradual-banner-widget,.io-black-mode .tf-gradual-banner-widget,[data-theme=dark] .tf-gradual-banner-widget{box-shadow:0 8px 26px rgba(0,0,0,.42)}.dark-theme .tf-gradual-banner-widget .x-pagination-box,.io-black-mode .tf-gradual-banner-widget .x-pagination-box,[data-theme=dark] .tf-gradual-banner-widget .x-pagination-box{opacity:.96;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.74) 24%,#02060d 52%,rgba(0,0,0,.74) 77%,rgba(0,0,0,0) 100%)}.dark-theme .tf-gradual-banner-widget .x-pagination-item .banner-indicator,.io-black-mode .tf-gradual-banner-widget .x-pagination-item .banner-indicator,[data-theme=dark] .tf-gradual-banner-widget .x-pagination-item .banner-indicator{background:rgba(8,12,20,.42)}.dark-theme .tf-gradual-banner-widget .banner-indicator.checked,.io-black-mode .tf-gradual-banner-widget .banner-indicator.checked,[data-theme=dark] .tf-gradual-banner-widget .banner-indicator.checked{background-image:linear-gradient(rgba(8,12,20,.26),rgba(8,12,20,.26)),url("https://fenwan.cdn.bcebos.com/webgame/static/lewangame/images/030cac042beb74bc1e24.png");background-repeat:no-repeat,no-repeat;background-position:center center,center center;background-size:100% 100%,100% 100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}