.bottom-marketing-banner{z-index:9999;background-color:#0000;width:100%}.bottom-marketing-banner .wrapper{flex-direction:column;display:flex;position:relative}.bottom-marketing-banner .wrapper .img-btn,.bottom-marketing-banner .wrapper .img-btn>img{width:100%}.bottom-marketing-banner .wrapper .footer{background-color:#fff;padding:20px 0;display:flex}.bottom-marketing-banner .wrapper .footer .btn{flex-basis:50%;padding:2px 0}.bottom-marketing-banner .wrapper .footer .btn--today-not-see{color:#777;text-align:center;font-size:15px;font-weight:400;line-height:18px}.bottom-marketing-banner .wrapper .footer .btn--close{color:#000;text-align:center;font-size:15px;font-weight:700;line-height:18px}
.bottom-text-banner{pointer-events:auto;width:100%;max-width:420px;padding:10px 20px;display:flex}.bottom-text-banner .text-btn{flex-grow:1;align-items:center;gap:4px;display:flex}.bottom-text-banner .text-btn .text{font-size:16px}.bottom-text-banner .text-btn .icon{width:20px;height:20px}.bottom-text-banner .close-btn{color:#c2c2c2;width:20px;height:20px}.bottom-text-banner .close-btn>svg{width:100%;height:100%}@media (max-width:460px){.bottom-text-banner{max-width:100%}}
.floating-banner{background-color:#0000;width:100%;margin-bottom:16px;pointer-events:none!important;position:static!important}.floating-banner .wrapper{display:flex;position:relative}.floating-banner .wrapper .img{cursor:pointer;pointer-events:auto}.floating-banner .wrapper .close-btn{color:#fff;fill:#fff;opacity:.5;pointer-events:auto;width:32px;height:32px;padding:9px;position:absolute;top:0;right:0}.floating-banner .wrapper .close-btn>svg{width:100%;height:100%}.floating-banner--left .wrapper{justify-content:flex-start;margin-right:auto}
.discover-home-header-bg{pointer-events:none;z-index:1000;width:100%;height:44px;margin-bottom:-44px;position:sticky;top:0}.discover[data-scroll-direction=beforeHeader] .discover-home-header{z-index:1001}.discover[data-scroll-direction=down] .recommend{z-index:1000;transition:transform .3s ease-in;transform:translateY(-44px)}.discover[data-scroll-direction=down] .recommend .home-header .home-header-tabs .home-tab-tooltip{display:none}.discover[data-scroll-direction=up] .discover-home-header{z-index:1001;transition:transform .3s ease-in;top:0;transform:translateY(0)}.discover-home-header{z-index:1001;background-color:#0e1011;flex-direction:column;align-items:center;display:flex;position:sticky;top:0;transform:translateY(0)}.discover-home-header .home-header{justify-content:space-between;align-items:center;width:100%;height:44px;padding:8px 16px;display:flex;position:relative}.discover-home-header .home-header .home-header-icon{width:22px;height:22px}.discover-home-header .home-header .home-header-icon>a{width:100%;height:100%;display:block}.discover-home-header .home-header .home-header-icon .icon{cursor:pointer;fill:#eff0f4;width:100%;height:100%;position:relative}.discover-home-header .home-header .home-header-tabs{text-align:center;align-items:center;gap:20px;display:flex}.discover-home-header .home-header .home-header-tabs .tabs-item{color:#fff;cursor:pointer;opacity:.5;text-align:center;flex-grow:1;flex-shrink:0;justify-content:center;gap:4px;font-size:17px;font-weight:600;display:flex}.discover-home-header .home-header .home-header-tabs .tabs-item.selected{color:#eff0f4;cursor:default;opacity:1;font-weight:700}.discover-home-header .home-header .home-header-tabs .tabs-item .tabs-label{color:#fff;font-size:17px;font-weight:600}.discover-home-header .home-header .home-header-tabs .home-tab-tooltip{cursor:pointer;z-index:1001;background:#6456dc;border-radius:6px;min-width:231px;padding:8px 12px;position:absolute;top:44px;transform:translate(-40%)}.discover-home-header .home-header .home-header-tabs .home-tab-tooltip .tab-tooltip-inner{align-items:center;gap:4px;display:flex;position:relative}.discover-home-header .home-header .home-header-tabs .home-tab-tooltip .tab-tooltip-inner .tab-tooltip-arrow{width:9px;height:9px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.discover-home-header .home-header .home-header-tabs .home-tab-tooltip .tab-tooltip-icon{fill:#fff;width:24px;height:24px}.discover-home-header .home-header .home-header-tabs .home-tab-tooltip .tab-tooltip-text{color:#fff;white-space:nowrap;font-size:14px;font-weight:500}@keyframes slideDown{0%{transform:translateY(-44px)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-44px)}}
