.game-select-popup[data-v-bd453fa1]{flex-direction:column;width:940px;max-width:940px;height:100%;padding:10px 24px;display:flex}.game-select-popup__tabs[data-v-bd453fa1]{align-items:center;margin-bottom:16px;display:flex}.game-select-popup__tabs .tab-item[data-v-bd453fa1]{cursor:pointer;-webkit-user-select:none;user-select:none;--un-text-opacity:1;color:rgb(102 102 102/var(--un-text-opacity));font-size:12px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.game-select-popup__tabs .tab-item.active[data-v-bd453fa1]{--un-text-opacity:1;color:rgb(0 164 255/var(--un-text-opacity));font-size:14px}.game-select-popup__tabs .tab-item[data-v-bd453fa1]:not(:last-child):after{content:"|";--un-text-opacity:1;color:rgb(229 229 229/var(--un-text-opacity));margin-left:8px;margin-right:8px;display:inline-block}.game-select-popup__letter-filter[data-v-bd453fa1]{--un-bg-opacity:1;background-color:rgb(245 246 250/var(--un-bg-opacity));border-radius:6px;margin-bottom:12px;padding:8px 10px}.game-select-popup__letter-filter .letter-list[data-v-bd453fa1]{flex-wrap:wrap;gap:6px 8px;display:flex}.game-select-popup__letter-filter .letter-list .letter-item[data-v-bd453fa1]{cursor:pointer;--un-text-opacity:1;color:rgb(102 102 102/var(--un-text-opacity));border-radius:4px;padding:3px 5px;font-size:12px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.game-select-popup__letter-filter .letter-list .letter-item[data-v-bd453fa1]:hover{--un-bg-opacity:1;background-color:rgb(232 243 255/var(--un-bg-opacity));color:var(--c-color-primary)}.game-select-popup__letter-filter .letter-list .letter-item.active[data-v-bd453fa1]{background-color:var(--c-color-primary);--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}.game-select-popup__search[data-v-bd453fa1]{margin-bottom:12px}.game-select-popup__list[data-v-bd453fa1]{flex:1;max-height:360px;overflow-y:auto}.game-select-popup__list .game-grid[data-v-bd453fa1]{grid-template-columns:repeat(10,minmax(0,1fr));gap:16px 12px;display:grid}.game-select-popup__list .game-grid .game-item[data-v-bd453fa1]{cursor:pointer;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.game-select-popup__loading[data-v-bd453fa1]{justify-content:center;padding-top:12px;padding-bottom:12px;display:flex}.game-select-popup__loading .loading-indicator[data-v-bd453fa1]{color:var(--c-color-primary);font-size:12px}.game-select-popup__loading .no-data[data-v-bd453fa1],.game-select-popup__loading .no-more[data-v-bd453fa1]{--un-text-opacity:1;color:rgb(153 153 153/var(--un-text-opacity));font-size:12px}.search-container-box[data-v-51cdce31]{--td-bg-color-specialcomponent:transparent;box-sizing:border-box;--un-border-opacity:1;border-width:2px;border-color:rgb(0 0 0/var(--un-border-opacity));--un-bg-opacity:.8;background-color:hsla(0, 0%, 100%, var(--un-bg-opacity));--td-comp-margin-s:15px;border-style:solid;border-radius:8px;width:100%;height:40px;padding:10px 100px 10px 15px;display:flex;position:relative}.search-container-box .game-select-trigger[data-v-51cdce31]{position:relative}.search-container-box__left[data-v-51cdce31]{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.search-container-box__left .select-game-text[data-v-51cdce31]{color:var(--c-text-title);font-family:PingFang SC;font-style:normal;font-weight:500;line-height:normal;font-size:14px!important}.search-container-box__left>svg[data-v-51cdce31]{fill:var(--c-text-placeholder)}.search-container-box__left:hover .select-game-text[data-v-51cdce31]{color:var(--c-text-link)}.search-container-box__left:hover>svg[data-v-51cdce31]{fill:var(--c-text-link)}.search-container-box__right[data-v-51cdce31]{--td-brand-color:transparent;--td-brand-color-focus:transparent;--td-brand-color-hover:transparent;--td-component-border:transparent;--td-bg-color-container-hover:transparent;flex:1;align-items:center;margin-left:17px;display:flex;position:relative}.search-container-box__right[data-v-51cdce31] .t-input__inner:placeholder-shown{color:var(--c-text-input-placeholder);font-family:PingFang SC;font-style:normal;font-weight:400;line-height:normal;font-size:14px!important}.search-container-box .search-btn[data-v-51cdce31]{z-index:1;cursor:pointer;--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity));color:#fff;border-radius:4px;justify-content:center;align-items:center;width:80px;font-family:PingFang SC;font-style:normal;font-weight:400;line-height:normal;display:flex;position:absolute;top:4px;bottom:4px;right:4px;font-size:14px!important}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-6036c545],.text-style[data-v-6036c545]{color:var(--c-text-placeholder);font-family:PingFang SC;font-style:normal;font-weight:400;line-height:normal;font-size:12px!important}.header-content[data-v-6036c545]{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:113px;padding-top:20px;padding-bottom:12px;display:flex}.header-content .header-content-main[data-v-6036c545]{align-items:center;display:flex}.header-content .header-content-main .search-container[data-v-6036c545]{flex-direction:column;width:750px;margin-left:40px;display:flex}.header-content .header-content-main .search-container .hot-search-container[data-v-6036c545]{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;min-height:24px;margin-top:11px;display:flex}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-6036c545]{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.header-content .header-content-main .search-container .hot-search-container .hot-search-item[data-v-6036c545]:hover,.header-content .header-content-main .search-container .hot-search-container .hot-search-item:hover>span[data-v-6036c545]{color:var(--c-text-link)}.header-content .header-content-main .search-container .hot-search-container-placeholder[data-v-6036c545]{min-height:24px;margin-top:11px}.header-content .bottom-container[data-v-6036c545]{align-items:center;column-gap:85px;width:100%;display:flex}.header-content .bottom-container-item[data-v-6036c545]{color:#000;cursor:pointer;font-family:PingFang SC;font-style:normal;font-weight:500;line-height:normal;font-size:16px!important}.header-content .bottom-container-item[data-v-6036c545]:hover{color:var(--c-text-link)}