@charset "UTF-8";
.ui-pagination {
    font-size: .2rem;
    display: flex;
    align-items: center
}

.ui-pagination__items {
    flex: 1;
    display: flex
}

.ui-pagination__item,
.ui-pagination__page-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .1rem
}

.ui-pagination__button {
    flex: 1;
    box-sizing: border-box;
    color: var(--skin__lead);
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    text-align: center;
    height: .5rem
}

.ui-pagination__button>button {
    width: .5rem;
    height: .5rem;
    margin: 0 auto;
    border: var(--lobby__px) solid var(--skin__border);
    background: var(--skin__bg_2);
    border-radius: .1rem
}

.ui-pagination__icon {
    color: var(--skin__primary)
}

.ui-pagination__icon--disabled {
    color: var(--skin__neutral_2)
}

.ui-pagination__item {
    flex: 1;
    box-sizing: border-box;
    color: var(--skin__lead);
    background: var(--skin__bg_2);
    cursor: pointer;
    user-select: none;
    border: var(--lobby__px) solid var(--skin__border);
    margin: 0 .075rem;
    font-weight: 400;
    min-width: .5rem;
    height: .5rem
}

.ui-pagination__item button {
    flex: 1;
    height: 100%;
    border: none;
    padding: 0;
    background: transparent
}

.ui-pagination__item button[disabled] {
    cursor: not-allowed
}

.ui-pagination__item:active {
    color: var(--skin__text_primary);
    background-color: var(--skin__primary)
}

.ui-pagination__item:not(:last-child):after {
    border-right-width: 0
}

[dir=rtl] .ui-pagination__item:not(:last-child):after {
    border-right-width: medium;
    border-left-width: 0
}

.ui-pagination__item--active {
    color: var(--skin__text_primary);
    background-color: var(--skin__primary);
    border: none
}

.ui-pagination__item--active>button {
    color: var(--skin__text_primary)
}

.ui-pagination__item--page {
    flex-grow: 0
}

.ui-pagination__item--prev,
.ui-pagination__item--next {
    cursor: pointer
}

.ui-pagination__item--border:first-child:after {
    border-right-width: var(--lobby__px)
}

[dir=rtl] .ui-pagination__item--border:first-child:after {
    border-right-width: medium;
    border-left-width: var(--lobby__px)
}

.ui-pagination__item--disabled,
.ui-pagination__item--disabled:active {
    color: #646566;
    background-color: #f7f8fa;
    opacity: .5
}

.ui-pagination__item--ellipsis-no-border {
    border: none;
    background: transparent
}

.ui-pagination__item--ellipsis-no-border:active {
    color: var(--skin__lead);
    background: transparent
}

.ui-pagination__page-desc {
    flex: 1;
    height: .8rem;
    color: #646566
}

[dir=ltr] .ui-pagination__icon {
    transform: rotate(0)
}

[dir=ltr] .ui-pagination__icon--next-icon {
    transform: rotate(180deg)
}

[dir=rtl] [dir=ltr] .ui-pagination__icon--next-icon {
    transform: rotate(-180deg)
}

[dir=rtl] .ui-pagination__icon {
    transform: rotate(180deg)
}

[dir=rtl] [dir=rtl] .ui-pagination__icon {
    transform: rotate(-180deg)
}

[dir=rtl] .ui-pagination__icon--next-icon {
    transform: rotate(0)
}

._core-area-layout_2xfb2_45 {
    display: flex;
    height: 100%
}

._core-area-layout_2xfb2_45 .core-area-left {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: .2rem
}

[dir=rtl] ._core-area-layout_2xfb2_45 .core-area-left {
    margin-right: 0;
    margin-left: .2rem
}

._core-area-layout_2xfb2_45 .core-area-right {
    margin-right: -.25rem;
    margin-left: -.25rem;
    padding-right: .25rem;
    padding-left: .25rem;
    flex-grow: 1;
    overflow: hidden
}

._page-body-layout_r6n69_45 {
    display: flex;
    flex-direction: column;
    height: 100%
}

._page-body-layout_r6n69_45 ._search-bar-layout_r6n69_50 {
    margin: .2rem .2rem 0;
    flex-shrink: 0
}

._page-body-layout_r6n69_45 ._core-content-layout_r6n69_54 {
    padding: .2rem .2rem 0;
    overflow: hidden;
    flex-grow: 1;
    height: 100%
}

._scene-switcher_q8mlz_45 {
    --switcher-button-bg-color: var(--skin__bg_2);
    --switcher-button-bd-color: var(--skin__border);
    --switcher-button-font-color: var(--skin__neutral_1);
    --switcher-button-active-bg-color: var(--skin__primary);
    --switcher-button-active-bd-color: var(--skin__primary);
    --switcher-button-active-font-color: var(--skin__text_primary);
    display: flex;
    justify-content: center;
    overflow-x: auto
}

._scene-switcher_q8mlz_45._is-has-side-tabs_q8mlz_56 {
    justify-content: initial
}

._scene-switcher_q8mlz_45 ._button_q8mlz_59 {
    padding: 0 .05rem;
    flex-shrink: 0;
    flex-grow: 0;
    width: 1.4rem;
    height: .55rem;
    font-size: .22rem;
    word-break: break-word;
    background-color: var(--switcher-button-bg-color);
    border-color: var(--switcher-button-bd-color);
    color: var(--switcher-button-font-color)
}

._scene-switcher_q8mlz_45 ._button_q8mlz_59+._button_q8mlz_59 {
    margin-left: .2rem
}

[dir=rtl] ._scene-switcher_q8mlz_45 ._button_q8mlz_59+._button_q8mlz_59 {
    margin-left: 0;
    margin-right: .2rem
}

._scene-switcher_q8mlz_45 ._button_q8mlz_59._is-active_q8mlz_74 {
    background-color: var(--switcher-button-active-bg-color);
    border-color: var(--switcher-button-active-bd-color);
    color: var(--switcher-button-active-font-color)
}

._scene-switcher_q8mlz_45 ._button_q8mlz_59:lang(ne) {
    font-size: .2rem
}

._scene-switcher_q8mlz_45 .ui-tabs__wrap {
    min-height: auto
}

._scene-switcher_q8mlz_45 .ui-tabs__wrap .ui-tabs__nav {
    padding-bottom: 0;
    margin: 0 -.08rem
}

._scene-switcher_q8mlz_45 .ui-tabs__line {
    display: none
}

._scene-switcher_q8mlz_45 .lobby-scroll::-webkit-scrollbar {
    display: none
}

._searchBar_yaztg_45 {
    --search-icon-color: var(--skin__primary)
}

._searchBar_yaztg_45 .ui-input {
    height: .5rem;
    border-radius: .25rem
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap {
    line-height: .5rem
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input {
    font-size: .22rem;
    font-weight: 700
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input:lang(zh),
._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input:lang(zh_hk) {
    font-size: .26rem
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input:focus {
    font-weight: 700
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input:not(:focus) {
    font-weight: 400
}

._searchBar_yaztg_45 .ui-input .ui-input__input-wrap>input::placeholder {
    font-weight: 400
}

._searchBar_yaztg_45 ._searchIcon_yaztg_71 {
    width: .28rem;
    height: .28rem;
    box-sizing: border-box;
    color: var(--search-icon-color)
}

._searchBar_yaztg_45 .ui-input {
    height: .6rem;
    border-radius: .3rem
}

._searchBar_yaztg_45 ._searchIcon_yaztg_71 {
    font-size: .28rem
}

._down-indicator_1eq8c_47 {
    --indicator-bg-img-color: var(--skin__bg_1);
    --indicator-bg-img-rgb-string: var(--skin__bg_1__toRgbString);
    --indicator-icon-color: var(--skin__primary);
    width: 100%;
    height: .65rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, transparent, rgba(var(--indicator-bg-img-rgb-string), .6) 35%, rgba(var(--indicator-bg-img-rgb-string), .8) 45%, rgba(var(--indicator-bg-img-rgb-string), .9) 50%, rgba(var(--indicator-bg-img-rgb-string), 1) 60%, var(--indicator-bg-img-color))
}

._down-indicator_1eq8c_47>i {
    margin: -.06rem 0;
    width: .22rem;
    height: .22rem;
    color: var(--indicator-icon-color);
    transform: rotate(90deg)
}

._down-indicator_1eq8c_47>i:first-of-type {
    opacity: .6
}

._tab-platform-title_16ada_46 {
    display: flex;
    width: 1.5rem;
    height: .7rem;
    align-items: center;
    border-radius: .1rem;
    padding: 0 .06rem 0 .03rem;
    background-size: 100% 100%;
    box-shadow: 0 .03rem .07rem 0 var(--skin__web_left_bg_shadow);
    word-break: break-word
}

[dir=rtl] ._tab-platform-title_16ada_46 {
    padding: 0 .03rem 0 .06rem
}

._tab-platform-title_16ada_46 ._icon-logo_16ada_57 {
    width: .48rem;
    height: auto;
    max-height: .48rem;
    z-index: 2
}

._tab-platform-title_16ada_46 ._text-box_16ada_63 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .17rem;
    color: var(--skin__leftnav_def);
    line-height: .21rem;
    z-index: 6
}

._tab-platform-title_16ada_46 ._text-box_16ada_63:lang(zh),
._tab-platform-title_16ada_46 ._text-box_16ada_63:lang(zh_hk),
._tab-platform-title_16ada_46 ._text-box_16ada_63:lang(tw),
._tab-platform-title_16ada_46 ._text-box_16ada_63:lang(ja),
._tab-platform-title_16ada_46 ._text-box_16ada_63:lang(ko) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: .32rem;
    font-size: .24rem
}

._tab-platform-title_16ada_46._is-active_16ada_93 {
    pointer-events: none
}

._tab-platform-title_16ada_46._is-active_16ada_93 ._text-box_16ada_63 {
    color: var(--skin__leftnav_active)
}

._tab-platform-title_16ada_46._is-vertical_16ada_100 {
    width: 1.5rem;
    height: 1.05rem;
    padding: 0 .05rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .18rem
}

._tab-platform-title_16ada_46._is-vertical_16ada_100 ._icon-logo_16ada_57 {
    width: .5rem;
    height: auto;
    max-height: .5rem
}

._tab-platform-title_16ada_46._is-vertical_16ada_100 ._text-box_16ada_63 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .17rem;
    line-height: .21rem
}

._tab-platform-title_16ada_46._is-vertical_16ada_100 ._text-box_16ada_63:lang(zh),
._tab-platform-title_16ada_46._is-vertical_16ada_100 ._text-box_16ada_63:lang(zh_hk) {
    font-size: .24rem;
    line-height: .26rem
}

._slide-tab-list_7jwkm_45 {
    position: relative;
    padding-bottom: .1rem
}

._slide-tab-list_7jwkm_45 .ui-tabs {
    height: 100%;
    width: fit-content
}

._slide-tab-list_7jwkm_45 .ui-tabs .ui-tab {
    flex: none
}

._slide-tab-list_7jwkm_45 .ui-tabs__wrap {
    height: calc(100% + .07rem);
    margin: -.02rem -.1rem -.05rem;
    padding: .02rem .1rem .05rem;
    overflow: visible
}

._slide-tab-list_7jwkm_45 .ui-tabs__wrap>.ui-tabs__nav {
    box-sizing: border-box;
    margin: -.1rem;
    padding: .1rem
}

._slide-tab-list_7jwkm_45 .ui-tabs__wrap>.ui-tabs__navigation-next--bottom {
    width: 100%;
    left: 0;
    bottom: -.05rem
}

[dir=rtl] ._slide-tab-list_7jwkm_45 .ui-tabs__wrap>.ui-tabs__navigation-next--bottom {
    left: auto;
    right: 0
}

._slide-tab-list_7jwkm_45 .ui-tabs__content {
    display: none;
    flex-grow: 1;
    overflow-y: hidden
}

._slide-tab-list_7jwkm_45 .ui-tabs__content>.ui-tab__panel {
    height: 100%
}

._slide-tab-list_7jwkm_45 .ui-tab+.ui-tab {
    margin-top: .2rem
}

._type-platform_rczyd_45,
._type-game_rczyd_46 {
    --game-platform-name-height: calc(var(--card-benchmark) * .1882353);
    --game-platform-name-padding: 0 calc(var(--card-benchmark) * .058824);
    --game-platform-name-font-size: calc(var(--card-benchmark) * .1294118);
    --game-platform-name-margin-top: calc(var(--card-benchmark) * .047059)
}

._game-platform-name-theme126_rczyd_53 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--game-platform-name-height);
    margin-top: var(--game-platform-name-margin-top);
    padding: var(--game-platform-name-padding);
    font-size: var(--game-platform-name-font-size);
    line-height: 1.25;
    color: var(--skin__neutral_1);
    text-align: center;
    font-weight: 400
}

._poster-box-floor_wfkca_45 {
    --poster-box-width: var(--card-benchmark);
    --poster-box-height: calc(var(--card-benchmark) * 1.164706);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: var(--poster-box-width);
    height: var(--poster-box-height);
    background-color: #edf5ff;
    border-radius: calc(var(--card-benchmark) * .070588);
    border: .01rem solid #dad8d8
}

._poster-box-floor_wfkca_45 ._poster-box_wfkca_45 {
    width: calc(var(--card-benchmark) * .76471);
    height: calc(var(--card-benchmark) * .76471);
    margin-top: calc(var(--card-benchmark) * .082353)
}

._poster-box-floor_wfkca_45 ._game-status-label-design_wfkca_68 {
    position: absolute;
    width: calc(var(--card-benchmark) * .2);
    height: calc(var(--card-benchmark) * .2);
    top: calc(var(--card-benchmark) * .029412);
    left: calc(var(--card-benchmark) * .029412);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

[dir=rtl] ._poster-box-floor_wfkca_45 ._game-status-label-design_wfkca_68 {
    left: auto;
    right: calc(var(--card-benchmark) * .029412)
}

._square-angle-below-name-theme126_3cp3l_45 {
    position: relative
}

._square-angle-below-name-theme126_3cp3l_45 ._favorite-icon_3cp3l_48 {
    position: absolute;
    top: calc(var(--card-benchmark) * .0235294);
    right: calc(var(--card-benchmark) * .017647)
}

[dir=rtl] ._square-angle-below-name-theme126_3cp3l_45 ._favorite-icon_3cp3l_48 {
    right: auto;
    left: calc(var(--card-benchmark) * .017647)
}

._tab-game-list-pagination_1cxng_45 {
    margin: 0 auto;
    width: fit-content
}

._pages-game-sub_1aii3_45 {
    --game-sub-bg-color: var(--skin__bg_1)
}

._pages-game-sub_1aii3_45>section {
    background-color: var(--game-sub-bg-color);
    overflow: hidden
}

._pages-game-sub_1aii3_45 ._core-right-body_1aii3_52 {
    position: relative;
    box-sizing: content-box;
    flex-grow: 1;
    width: 100%;
    min-height: 3rem;
    height: 3rem;
    margin-right: -.13rem;
    margin-left: -.13rem;
    padding-right: .13rem;
    padding-left: .13rem
}

._pages-game-sub_1aii3_45 ._core-right-body_1aii3_52 ._tab-game-list-scroll-box_1aii3_64 {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 6rem;
    margin-right: -.13rem;
    margin-left: -.13rem;
    padding-right: .13rem;
    padding-left: .13rem
}

._pages-game-sub_1aii3_45 ._tab-game-list-box_1aii3_76 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

._pages-game-sub_1aii3_45 ._tab-game-list-box_1aii3_76._is-in-horizontal-start_1aii3_82 {
    align-items: start
}

._pages-game-sub_1aii3_45 ._tab-game-list-box_1aii3_76._is-in-center_1aii3_85 {
    padding-bottom: .2rem;
    height: 100%;
    align-items: center;
    justify-content: center
}

._pages-game-sub_1aii3_45 ._inner-base-layout_1aii3_91._inner-base-layout-no-side_1aii3_91 {
    margin-left: 0;
    margin-right: 0
}

._pages-game-sub_1aii3_45 ._inner-base-layout_1aii3_91>._core-right-body_1aii3_52 {
    margin-top: .2rem
}

._pages-game-sub_1aii3_45 ._inner-base-layout_1aii3_91>._core-right-body_1aii3_52>._tab-game-list-scroll-box_1aii3_64>._tab-game-list-box_1aii3_76 {
    padding-bottom: .3rem
}

._pages-game-sub_1aii3_45 ._inner-base-layout_1aii3_91._is-has-pagination_1aii3_101>._core-right-body_1aii3_52>._tab-game-list-scroll-box_1aii3_64>._tab-game-list-box_1aii3_76 {
    padding-bottom: 0
}

._pages-game-sub_1aii3_45 ._inner-base-layout_1aii3_91._is-has-pagination_1aii3_101>._core-right-footer_1aii3_104 {
    margin-top: .2rem;
    margin-bottom: .3rem
}