@charset "UTF-8";:root {
    --lobby__px: 1px
}

html[data-ui-contain="1"] {
    max-width: var(--lobby__max-width);
    margin: 0 auto;
    font-size: calc(var(--lobby__max-width) / (750 / var(--lobby__rem-unit)))!important
}

html[data-ui-contain="1"] .wg-fixed-no-desktop,html[data-ui-contain="1"] #nprogress {
    max-width: var(--lobby__max-width);
    margin: 0 auto;
    left: auto!important
}

html[dir=rtl][data-ui-contain="1"] .wg-fixed-no-desktop,html[dir=rtl][data-ui-contain="1"] #nprogress {
    left: auto!important;
    right: auto!important
}

html[data-ui-contain="1"] body {
    width: 100%!important
}

html[data-preview-mode="1"] .wg-fixed-no-desktop,html[data-preview-mode="1"] .lobby-fixed-view,html[data-preview-mode="1"] .ui-overlay,html[data-preview-mode="1"] .float-bar-main,html[data-preview-mode="1"] #ukefu-point,html[data-preview-mode="1"] #chat-widget-container,html[data-preview-mode="1"] #meiqia-container,html[data-preview-mode="1"] #icEntry,html[data-tgrp-mode="1"] .lobby-fixed-view,html[data-tgrp-mode="1"] .float-bar-main,html[data-tgrp-mode="1"] .red-pocket-mask,html[data-tgrp-mode="1"] #ukefu-point,html[data-tgrp-mode="1"] #chat-widget-container,html[data-tgrp-mode="1"] #meiqia-container,html[data-tgrp-mode="1"] #icEntry {
    display: none!important
}

html[data-isTGMicroApp="1"][data-isdesktop="1"] ::-webkit-scrollbar {
    width: 0px!important
}

:root {
    --lobby__rem-unit: 100;
    --lobby__max-width: 100%;
    --lobby__vh: 1vh;
    --lobby__screen-height: calc(var(--lobby__vh, 1vh) * 100);
    --skin__disabled-bg-color__custom: var(--skin__neutral_2);
    --skin__bg-shadow__custom: "rgba(0, 0, 0, 0.06)";
    --skin__disabled-font-color__custom: #fff;
    --skin__event-text-color__custom: #fff;
    --skin__event-luck-wheel-silver__custom: #1672f2;
    --skin__event-luck-wheel-gold__custom: #ffaa09;
    --skin__event-luck-wheel-diamond__custom: #b751ff;
    --skin__safe-area-inset-bottom: env(safe-area-inset-bottom)
}

body {
    margin: 0
}

a {
    text-decoration: none
}

input,button,textarea {
    color: inherit;
    font: inherit
}

a:focus,input:focus,button:focus,textarea:focus,[class*=ui-]:focus {
    outline: none
}

input[class*=ui-],[class*=ui-] input {
    background-color: transparent;
    border: 0
}

ol,ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.unclickable {
    overflow: hidden;
    cursor: not-allowed
}

.unclickable * {
    pointer-events: none
}

html[data-skin-bg="0"] .ui-toast__toast.ui-toast__toast--container {
    color: #fff
}

html[data-skin-bg="0"] .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance {
    background-color: rgba(0,0,0,.8)
}

.ui-toast__toast.ui-toast__toast--container {
    transition: all .3s;
    white-space: pre-wrap;
    word-break: break-word;
    box-sizing: border-box;
    font-size: .28rem;
    color: #333;
    line-height: .4rem;
    max-width: 6.9rem;
    min-width: 1.92rem;
    background: transparent;
    overflow-y: initial;
    gap: .2rem
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: .24rem .4rem;
    border-radius: .14rem;
    transition: .3s
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast--icon {
    width: .38rem;
    height: .38rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .42rem;
    margin-right: .24rem
}

[dir=rtl] .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast--icon {
    margin-right: 0;
    margin-left: .24rem
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message {
    max-width: 5.48rem;
    text-align: left
}

[dir=rtl] .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message {
    text-align: right
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message:lang(ta) {
    max-width: 3.48rem
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--info,.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--warn,.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--error,.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--success {
    background: #fff;
    border-radius: 50%;
    overflow: hidden
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--info svg {
    fill: var(--skin__primary)
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--warn svg {
    fill: #ffaa09
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--error svg {
    fill: #ea4e3d
}

.ui-toast__toast.ui-toast__toast--container .ui-toast__toast--success svg {
    fill: #04be02
}

.ui-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content
}

.ui-loading__icon {
    font-size: inherit
}

.ui-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    height: .7rem;
    padding: 0;
    font-size: .24rem;
    line-height: 1.2;
    text-align: center;
    border-radius: .14rem;
    cursor: pointer;
    transition: opacity .2s;
    -webkit-appearance: none;
    appearance: none;
    -webkit-font-smoothing: auto
}

.ui-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #000;
    border-color: #000;
    border-radius: inherit;
    transform: translate(-50%,-50%);
    opacity: 0;
    content: " "
}

[dir=rtl] .ui-button:before {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.ui-button:active:before {
    opacity: .1
}

.ui-button--loading:before,.ui-button--disabled:before {
    display: none
}

.ui-button--default,.ui-button--primary {
    color: var(--skin__text_primary);
    background: var(--skin__primary);
    border: var(--lobby__px) solid var(--skin__primary)
}

.ui-button--success {
    color: #fff;
    background: var(--skin__accent_1);
    border: var(--lobby__px) solid var(--skin__accent_1)
}

.ui-button--danger {
    color: #fff;
    background: var(--skin__accent_2);
    border: var(--lobby__px) solid var(--skin__accent_2)
}

.ui-button--warning {
    color: var(--skin__text_accent3);
    background: var(--skin__accent_3);
    border: var(--lobby__px) solid var(--skin__accent_3)
}

.ui-button--plain {
    background: transparent
}

.ui-button--plain.ui-button--primary {
    color: var(--skin__primary)
}

.ui-button--plain.ui-button--default {
    border-color: var(--skin__border);
    color: var(--skin__neutral_1)
}

.ui-button--plain.ui-button--success {
    color: var(--skin__accent_1)
}

.ui-button--plain.ui-button--danger {
    color: var(--skin__accent_2)
}

.ui-button--plain.ui-button--warning {
    color: var(--skin__accent_3)
}

.ui-button--plain.ui-button--disabled {
    color: var(--skin__disabled-bg-color__custom)
}

.ui-button--large {
    width: 100%;
    height: .7rem
}

.ui-button--normal {
    height: .7rem;
    width: 2.2rem;
    padding: 0 .15rem;
    font-size: .24rem
}

.ui-button--small {
    height: .5rem;
    width: 1.2rem;
    padding: 0 .05rem;
    font-size: .2rem;
    border-radius: .1rem
}

.ui-button--mini {
    height: .4rem;
    width: 1rem;
    padding: 0 .04rem;
    font-size: .18rem;
    border-radius: .08rem
}

.ui-button__loading {
    color: inherit;
    font-size: inherit;
    margin-right: .04rem
}

[dir=rtl] .ui-button__loading {
    margin-right: 0;
    margin-left: .04rem
}

.ui-button--mini {
    height: .4rem;
    width: 1rem;
    padding: 0 .04rem;
    font-size: .18rem
}

.ui-button--mini+.ui-button--mini {
    margin-left: .04rem
}

[dir=rtl] .ui-button--mini+.ui-button--mini {
    margin-left: 0;
    margin-right: .04rem
}

.ui-button--block {
    display: block;
    width: 100%
}

.ui-button--disabled {
    cursor: not-allowed;
    color: var(--skin__bg_2);
    background: var(--skin__neutral_2);
    border: var(--lobby__px) solid var(--skin__neutral_2)
}

.ui-button--loading {
    cursor: default
}

.ui-button--round {
    border-radius: 9.99rem
}

.ui-button--square {
    border-radius: 0
}

.ui-button__content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.ui-button__icon {
    font-size: inherit;
    line-height: inherit;
    margin-right: .04rem
}

[dir=rtl] .ui-button__icon {
    margin-right: 0;
    margin-left: .04rem
}

.ui-button__text {
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ui-button--hairline {
    border-width: 0
}

.ui-button--hairline:after {
    border-color: inherit;
    border-radius: .08rem
}

.ui-button--hairline.ui-button--round:after {
    border-radius: 9.99rem
}

.ui-button--hairline.ui-button--square:after {
    border-radius: 0
}

.ui-popup {
    position: absolute;
    max-height: 100%;
    box-sizing: border-box;
    transform-origin: center center;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.ui-popup__close-icon {
    position: absolute;
    cursor: pointer;
    top: .16rem;
    right: .16rem;
    font-size: .2rem
}

.ui-popup__close-icon svg {
    fill: var(--skin__neutral_2)
}

.ui-popup--center {
    position: relative;
    left: 0;
    right: 0;
    width: fit-content;
    max-width: calc(100vw - .32rem);
    margin: 0 auto
}

.ui-popup--top {
    top: 0;
    left: 0;
    width: 100%
}

.ui-popup--right {
    right: 0;
    top: 0;
    bottom: 0
}

.ui-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.ui-popup--left {
    left: 0;
    top: 0;
    bottom: 0
}

.ui-overlay[data-safeArea="1"] {
    height: calc(100% - var(--skin__safe-area-inset-bottom, 0px))
}

[dir=rtl] .ui-popup--center {
    right: unset
}

[dir=rtl] [dir=rtl] .ui-popup--center {
    right: auto;
    left: unset
}

.ui-overlay {
    --ui-overlay-z-index: 1;
    --ui-overlay-background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--ui-overlay-z-index);
    width: 100%;
    height: 100%;
    background-color: var(--ui-overlay-background);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    touch-action: none
}

[dir=rtl] .ui-overlay {
    left: auto;
    right: 0
}

.ui-overlay>* {
    touch-action: auto
}

@keyframes overlay-fade-in {
    0% {
        background-color: rgba(0,0,0,0)
    }

    to {
        background-color: var(--ui-overlay-background)
    }
}

.ui-overlay__animate-fade-enter-active {
    animation: var(--animate-duration) overlay-fade-in both
}

.ui-overlay__animate-fade-leave-active {
    animation: var(--animate-duration) overlay-fade-in both reverse
}

.ui-overlay[data-hidden="1"] {
    --ui-overlay-background: rgba(0, 0, 0, 0);
    pointer-events: none;
    background: transparent
}

.ui-overlay[data-hidden="1"]>* {
    pointer-events: auto
}

.ui-overlay.isShowFrostedGlassEffect {
    backdrop-filter: blur(.1rem)
}

html[data-skin-bg="1"] .ui-dialog__main {
    border: var(--lobby__px) solid var(--skin__border)
}

.ui-dialog {
    width: 6rem;
    font-size: .16rem;
    transform-origin: center center;
    background-color: transparent;
    overflow-y: visible;
    max-height: 100vh
}

.ui-dialog__main {
    width: 100%;
    background: var(--skin__bg_2);
    border-radius: .2rem;
    backface-visibility: hidden;
    overflow: auto;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ui-dialog__header {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .3rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: var(--skin__lead);
    padding: .2rem .3rem .3rem;
    box-sizing: border-box;
    line-height: 1.5
}

.ui-dialog__header--padding20 {
    padding-left: .2rem;
    padding-right: .2rem
}

.ui-dialog__header__icon {
    font-size: .32rem;
    margin-right: .1rem;
    line-height: 1;
    position: relative;
    top: -.02rem
}

[dir=rtl] .ui-dialog__header__icon {
    margin-right: 0;
    margin-left: .1rem
}

.ui-dialog__header--info__icon {
    color: #fff;
    border-radius: 100%;
    background-color: var(--skin__lead)
}

.ui-dialog__header--info--title {
    color: var(--skin__lead)
}

.ui-dialog__header--success__icon {
    color: #fff;
    border-radius: 100%;
    background-color: var(--skin__accent_1)
}

.ui-dialog__header--success--title {
    color: var(--skin__lead)
}

.ui-dialog__header--warning__icon {
    color: #fff;
    border-radius: 100%;
    background-color: var(--skin__accent_3)
}

.ui-dialog__header--warning--title {
    color: var(--skin__lead)
}

.ui-dialog__header--error__icon {
    color: #fff;
    border-radius: 100%;
    background-color: var(--skin__accent_2)
}

.ui-dialog__header--error--title {
    color: var(--skin__lead)
}

.ui-dialog__header--important__icon,.ui-dialog__header--important--title {
    color: var(--skin__accent_2)
}

.ui-dialog__content {
    flex: 1;
    padding: 0 .3rem .2rem;
    box-sizing: border-box;
    min-height: .92rem;
    color: var(--skin__lead)
}

.ui-dialog__content--padding20 {
    padding-left: .2rem;
    padding-right: .2rem
}

.ui-dialog__content--isolated {
    padding-top: 0;
    display: flex;
    align-items: center;
    min-height: 1.04rem
}

.ui-dialog__content--has-title {
    padding-top: .08rem
}

.ui-dialog__message {
    color: var(--skin__lead);
    flex: 1;
    overflow-y: auto;
    font-size: .22rem;
    line-height: 1.64;
    letter-spacing: normal;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch
}

.ui-dialog__message--error {
    font-weight: 600
}

.ui-dialog__message--left {
    text-align: left
}

[dir=rtl] .ui-dialog__message--left,.ui-dialog__message--right {
    text-align: right
}

[dir=rtl] .ui-dialog__message--right {
    text-align: left
}

.ui-dialog__message--justify {
    text-align: justify
}

.ui-dialog__footer {
    display: flex;
    overflow: hidden;
    user-select: none;
    padding: .2rem .3rem .3rem;
    box-sizing: border-box;
    gap: .2rem
}

.ui-dialog__footer--padding20 {
    padding-left: .2rem;
    padding-right: .2rem
}

.ui-dialog__confirm-badge {
    width: 100%;
    height: 100%
}

.ui-dialog__confirm,.ui-dialog__cancel {
    flex: 1;
    height: .7rem;
    border-radius: .14rem;
    box-sizing: border-box
}

.ui-dialog__confirm,.ui-dialog__confirm:active {
    background: var(--skin__primary)
}

.ui-dialog-close-box {
    position: relative;
    width: 100%
}

.ui-dialog-close-box>div {
    width: 100%;
    position: absolute;
    padding-top: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ui-dialog-close-box--occupy-space>div {
    position: relative
}

.ui-dialog-close-box__icon {
    font-size: .6rem;
    color: #fff;
    cursor: pointer
}

.ui-dialog-close-box__icon--disabled {
    color: var(--skin__disabled-bg-color__custom)
}

.ui-dialog-close-box__icon+.ui-dialog-close-box__countdown {
    margin-top: .15rem
}

.ui-dialog-close-box__countdown {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: .2rem;
    color: #fff
}

.ui-badge {
    display: inline-block;
    box-sizing: border-box;
    min-width: .32rem;
    padding: 0 .08rem;
    color: #fff;
    height: .28rem;
    text-align: center;
    background: var(--skin__accent_2);
    border-radius: .13rem .13rem .13rem 0;
    font-size: .18rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: .28rem;
    letter-spacing: normal;
    overflow: visible;
    vertical-align: middle;
    position: relative
}

.ui-badge[style*="--badge-bg-color: var(--skin__accent_3)"] {
    color: var(--skin__text_accent3)
}

.ui-badge:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -.06rem;
    z-index: 20;
    left: 0;
    width: 0;
    height: 0;
    border-left: .079rem solid var(--badge-bg-color);
    border-top: .066rem solid transparent;
    border-bottom: .066rem solid transparent;
    font-size: 0
}

.ui-badge__content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1
}

.ui-badge--fixed {
    position: absolute;
    transform-origin: 100%
}

.ui-badge--auto {
    top: 0;
    right: 0;
    transform: translate(.1rem,-50%)
}

.ui-badge--top-left {
    top: 0;
    left: 0;
    transform: translate(-50%,-50%)
}

.ui-badge--top-center {
    top: 0;
    left: 50%;
    transform: translateY(-50%)
}

.ui-badge--top-right {
    top: 0;
    right: 0;
    transform: translate(50%,-50%)
}

.ui-badge--bottom-left {
    bottom: 0;
    left: 0;
    transform: translate(-50%,50%)
}

.ui-badge--bottom-right {
    bottom: 0;
    right: 0;
    transform: translate(50%,50%)
}

.ui-badge--dot {
    top: 0;
    right: 0;
    transform: translate(50%,-50%);
    width: .16rem;
    min-width: 0;
    height: .16rem;
    background: var(--skin__accent_2);
    border-radius: 100%;
    border: none;
    padding: 0
}

.ui-badge--dot:before {
    display: none
}

.ui-badge__wrapper {
    position: relative;
    display: inline-block
}

.ui-badge--design {
    background: transparent!important
}

.ui-badge--design:before {
    content: initial
}

.ui-badge__bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: flex
}

.ui-badge__bg-center {
    flex: 1;
    margin: 0 -.01rem
}

.ui-badge--gift_normal {
    font-weight: 600;
    font-size: .2rem;
    line-height: .3rem;
    height: .28rem;
    padding: 0 .08rem;
    border-radius: .13rem .13rem .13rem 0
}

.ui-badge--gift_normal .ui-badge__gift {
    left: .06rem;
    transform: translate(-100%,.08rem);
    width: .38rem;
    height: .38rem
}

.ui-badge--gift_large {
    font-weight: 600;
    font-size: .22rem;
    line-height: .24rem;
    height: .34rem;
    padding: .05rem .08rem;
    border-radius: .17rem .17rem .17rem 0
}

.ui-badge--gift_large .ui-badge__gift {
    left: .07rem;
    transform: translate(-100%,.04rem);
    width: .48rem;
    height: .48rem
}

.ui-badge__gift {
    position: absolute;
    top: 0;
    z-index: 21
}

.ui-badge__gift .lobby-image {
    width: 100%
}

.ui-badge__gift--space {
    width: 100%;
    background: transparent
}

.ui-badge--arrow_center {
    transform: translate(-50%,-50%);
    border-radius: .13rem
}

.ui-badge--arrow_center:before {
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid var(--badge-bg-color);
    left: calc(50% - .12rem);
    top: .22rem
}

[dir=rtl] .ui-badge {
    border-radius: .13rem .13rem 0
}

[dir=rtl] [dir=rtl] .ui-badge {
    border-radius: .13rem .13rem .13rem 0
}

[dir=rtl] .ui-badge:before {
    left: auto;
    right: 0;
    border-left: none;
    border-right: .079rem solid var(--badge-bg-color)
}

[dir=rtl] [dir=rtl] .ui-badge:before {
    right: auto;
    left: 0;
    border-right: none;
    border-left: .079rem solid var(--badge-bg-color)
}

[dir=rtl] .ui-badge--auto {
    left: 0;
    right: auto;
    transform: translate(-.1rem,-50%)
}

[dir=rtl] [dir=rtl] .ui-badge--auto {
    right: 0;
    left: auto;
    transform: translate(.1rem,-50%)
}

[dir=rtl] .ui-badge--top-left.ui-badge--rtl {
    top: 0;
    right: 0;
    left: auto;
    transform: translate(50%,-50%)
}

[dir=rtl] [dir=rtl] .ui-badge--top-left.ui-badge--rtl {
    left: 0;
    right: auto;
    transform: translate(-50%,-50%)
}

[dir=rtl] .ui-badge--bottom-left.ui-badge--rtl {
    bottom: 0;
    left: auto;
    right: 0;
    transform: translate(50%,50%)
}

[dir=rtl] [dir=rtl] .ui-badge--bottom-left.ui-badge--rtl {
    right: auto;
    left: 0;
    transform: translate(-50%,50%)
}

[dir=rtl] .ui-badge--top-right.ui-badge--rtl {
    top: 0;
    right: auto;
    left: 0;
    transform: translate(-50%,-50%)
}

[dir=rtl] [dir=rtl] .ui-badge--top-right.ui-badge--rtl {
    left: auto;
    right: 0;
    transform: translate(50%,-50%)
}

[dir=rtl] .ui-badge--bottom-right.ui-badge--rtl {
    bottom: 0;
    right: auto;
    left: 0;
    transform: translate(-50%,50%)
}

[dir=rtl] [dir=rtl] .ui-badge--bottom-right.ui-badge--rtl {
    left: auto;
    right: 0;
    transform: translate(50%,50%)
}

[dir=rtl] .ui-badge--dot.ui-badge--rtl {
    transform: translate(-50%,-50%)
}

[dir=rtl] [dir=rtl] .ui-badge--dot.ui-badge--rtl {
    transform: translate(50%,-50%)
}

[dir=rtl] .ui-badge--gift_large {
    border-radius: .17rem .17rem 0
}

[dir=rtl] [dir=rtl] .ui-badge--gift_large {
    border-radius: .17rem .17rem .17rem 0
}

[dir=rtl] .ui-badge--gift_large .ui-badge__gift {
    right: .07rem
}

[dir=rtl] [dir=rtl] .ui-badge--gift_large .ui-badge__gift {
    right: auto;
    left: .07rem
}

[dir=rtl] .ui-badge__gift {
    left: unset;
    right: .06rem;
    transform: translate(100%,.04rem)
}

[dir=rtl] [dir=rtl] .ui-badge__gift {
    right: unset;
    left: .06rem;
    transform: translate(-100%,.04rem)
}

[dir=rtl] .ui-badge--arrow_center {
    transform: translate(-50%,-50%);
    border-radius: .13rem
}

[dir=rtl] [dir=rtl] .ui-badge--arrow_center {
    transform: translate(50%,-50%)
}

[dir=rtl] .ui-badge--arrow_center:before {
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid var(--badge-bg-color);
    left: calc(50% - .12rem);
    top: .22rem
}

[dir=rtl] [dir=rtl] .ui-badge--arrow_center:before {
    left: auto;
    right: calc(50% - .12rem)
}

.lobby-image[data-status=wait] {
    opacity: 0
}

.lobby-image--use-bg {
    position: relative;
    z-index: 0
}

.lobby-image__status {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.lobby-image[data-status=loading-set] {
    background-repeat: no-repeat
}

.lobby-image--blur {
    transition: filter .3s
}

.lobby-image--blur[data-status=wait],.lobby-image--blur[data-status=loading] {
    filter: blur(.15rem)
}

.lobby-image--blur[data-status=loading-set],.lobby-image--blur[data-status=success],.lobby-image--blur[data-status=error] {
    filter: blur(0)
}

.lobby-image--skeleton[data-status=loading][data-thumb="0"] {
    background-image: linear-gradient(90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important;
    background-size: 200% 100%!important;
    border-radius: .04rem;
    opacity: .5;
    animation: common_bganimation .9s linear infinite
}

[dir=rtl] .lobby-image--skeleton[data-status=loading][data-thumb="0"] {
    background-image: linear-gradient(-90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important
}

._page_i2q0f_45 {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: .22rem
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 .ui-badge__content {
    line-height: .3rem
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 .ui-tabs__content {
    flex: 1;
    overflow: hidden
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 .ui-tab__panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 .ui-tab {
    padding: 0 .2rem;
    font-size: .24rem
}

._page_i2q0f_45 ._page-tab-container_i2q0f_51 .ui-tabs__wrap {
    height: .7rem;
    font-size: .24rem;
    color: var(--skin__lead);
    background-color: var(--skin__bg_2);
    border-bottom: .01rem solid var(--skin__border)
}

._page_i2q0f_45 .ui-retry__block,._page_i2q0f_45 .ui-empty {
    height: 100%
}

._page_i2q0f_45 .ui-checkbox--checked .ui-checkbox__label {
    color: var(--skin__lead)
}

._page_i2q0f_45 .ui-checkbox__icon-wrap {
    margin-right: 0
}

[dir=rtl] ._page_i2q0f_45 .ui-checkbox__icon-wrap {
    margin-right: 0;
    margin-left: 0
}

._page_i2q0f_45 .ui-checkbox__label {
    margin-left: .1rem
}

[dir=rtl] ._page_i2q0f_45 .ui-checkbox__label {
    margin-left: 0;
    margin-right: .1rem
}

._page_i2q0f_45 ._content_i2q0f_94 {
    padding: .2rem;
    flex: 1;
    height: 100%;
    overflow-y: auto
}

._page_i2q0f_45 ._content_i2q0f_94._with-footer-bar_i2q0f_100 {
    padding-bottom: 1.6rem
}

._page_i2q0f_45 ._content_i2q0f_94._with-filter_i2q0f_103 {
    padding-top: 0
}

._page_i2q0f_45 ._content_i2q0f_94._with-footer-bar-lg_i2q0f_106 {
    padding-bottom: 2.4rem
}

._page_i2q0f_45 ._content_i2q0f_94 .ui-list__container>* {
    margin-bottom: .2rem
}

._page_i2q0f_45 ._content_i2q0f_94 .ui-list__container>*:last-child {
    margin-bottom: 0
}

._page_i2q0f_45 ._content_i2q0f_94 .ui-pull-refresh {
    min-height: 100%
}

._fixed-footer-bar_i2q0f_119 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--skin__bg_2);
    padding: .2rem .2rem .4rem;
    box-shadow: 0 -.03rem .1rem rgba(0,0,0,.1);
    font-size: .24rem;
    z-index: 2
}

[dir=rtl] ._fixed-footer-bar_i2q0f_119 {
    left: auto;
    right: 0
}

._link_i2q0f_131 {
    color: var(--skin__primary);
    text-decoration: underline;
    text-underline-offset: .02rem;
    line-height: 1.3;
    cursor: pointer
}

._form_i2q0f_139 .lobby-form-item__label {
    margin-bottom: .2rem;
    color: var(--skin__lead);
    font-size: .26rem
}

._form_i2q0f_139 .lobby-form-item--style:last-child {
    margin-bottom: 0
}

._form_i2q0f_139 .ui-input {
    border-radius: .14rem
}

._form_i2q0f_139 ._multiple-form-item_i2q0f_150 .lobby-form-item__input {
    flex-direction: column
}

._multiple-account-container_i2q0f_154 {
    padding: .2rem;
    background-color: var(--skin__bg_1);
    border-radius: .14rem;
    border: var(--lobby__px) solid var(--skin__border);
    color: var(--skin__lead);
    line-height: 1.6;
    word-wrap: break-word
}

._popover_i2q0f_164 .ui-popover__action {
    font-size: .24rem;
    width: 1.6rem;
    height: .8rem;
    padding: 0
}

._popover_i2q0f_164 .ui-popover__content {
    border: var(--lobby__px) solid var(--skin__border)
}

._icon-arrow_i2q0f_174 {
    position: absolute;
    top: 0;
    right: .2rem;
    height: 100%;
    display: flex;
    width: .2rem;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._icon-arrow_i2q0f_174 {
    right: auto;
    left: .2rem
}

._icon-arrow_i2q0f_174 i {
    transform: rotate(180deg)
}

[dir=rtl] ._icon-arrow_i2q0f_174 i {
    transform: rotate(-180deg)
}

._button-small_i2q0f_190 {
    border-radius: .1rem!important
}

html[lang=es] ._button-small_i2q0f_190,html[lang=kn] ._button-small_i2q0f_190 {
    line-height: 1
}

._icon-with-bg_i2q0f_199 {
    display: inline-block;
    border-radius: 50%;
    flex-shrink: 0;
    height: .27rem;
    width: .27rem
}

._icon-with-bg_i2q0f_199._success_i2q0f_206 {
    background-color: var(--skin__accent_1)
}

._icon-with-bg_i2q0f_199._warning_i2q0f_209 {
    background-color: var(--skin__accent_3)
}

._icon-with-bg_i2q0f_199._failed_i2q0f_212 {
    background-color: var(--skin__accent_2)
}

._icon-with-bg_i2q0f_199._gray_i2q0f_215 {
    background: var(--skin__neutral_2)
}

._select-popover_i2q0f_219 {
    min-width: 1.6rem;
    max-width: 3.15rem
}

._select-popover_i2q0f_219 .ui-options__option-content {
    line-height: .36rem;
    white-space: unset;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._select-wrap_i2q0f_234 {
    min-width: 1.6rem;
    max-width: 1.9rem!important
}

._select-wrap_i2q0f_234 .ui-select-single__content {
    height: auto;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._select-wrap_i2q0f_234 .ui-select__reference--middle {
    min-width: 1.6rem
}

._select-wrap_i2q0f_234 .ui-select__reference {
    border-radius: 1rem
}

._base-header_i2q0f_252 {
    justify-content: center!important
}

._base-header_i2q0f_252 .lobby-base-header__section--center {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 4.1rem;
    text-align: center;
    line-height: 1;
    white-space: pre-line;
    line-break: anywhere
}

._base-header_i2q0f_252 .lobby-base-header__section--right {
    max-width: 1.7rem;
    padding-right: .2rem;
    font-size: .24rem;
    text-align: right
}

[dir=rtl] ._base-header_i2q0f_252 .lobby-base-header__section--right {
    padding-right: 0;
    padding-left: .2rem;
    text-align: left
}

._base-header-title_i2q0f_271 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._line_i2q0f_280 {
    height: .01rem;
    border-bottom: .01rem solid var(--skin__border)
}

html[lang=my] ._button_i2q0f_190,html[lang=pa] ._button_i2q0f_190,html[lang=ar] ._button_i2q0f_190 {
    line-height: 1.6
}

html[lang=my] ._button_i2q0f_190.ui-button--normal,html[lang=pa] ._button_i2q0f_190.ui-button--normal,html[lang=ar] ._button_i2q0f_190.ui-button--normal {
    font-size: .2rem
}

html[lang=my] ._button_i2q0f_190.ui-button--small,html[lang=pa] ._button_i2q0f_190.ui-button--small,html[lang=ar] ._button_i2q0f_190.ui-button--small {
    font-size: .16rem
}

._icon_i2q0f_174 {
    height: .33rem;
    width: .33rem;
    vertical-align: middle
}

._grid-2_n4hbd_45 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

._grid-2_n4hbd_45>* {
    width: calc((100% - .2rem)/2);
    margin-left: .2rem;
    margin-top: .2rem
}

[dir=rtl] ._grid-2_n4hbd_45>* {
    margin-left: 0;
    margin-right: .2rem
}

._grid-2_n4hbd_45>*:nth-child(odd) {
    margin-left: 0
}

[dir=rtl] ._grid-2_n4hbd_45>*:nth-child(odd) {
    margin-left: 0;
    margin-right: 0
}

._grid-2_n4hbd_45>*:nth-child(1) {
    margin-top: 0
}

._grid-2_n4hbd_45>*:nth-child(2) {
    margin-top: 0
}

._grid-3_n4hbd_65 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

._grid-3_n4hbd_65>* {
    width: calc((100% - .4rem) / 3);
    margin-left: .2rem;
    margin-top: .2rem
}

[dir=rtl] ._grid-3_n4hbd_65>* {
    margin-left: 0;
    margin-right: .2rem
}

._grid-3_n4hbd_65>*:nth-child(3n+1) {
    margin-left: 0
}

[dir=rtl] ._grid-3_n4hbd_65>*:nth-child(3n+1) {
    margin-left: 0;
    margin-right: 0
}

._grid-3_n4hbd_65>*:nth-child(1) {
    margin-top: 0
}

._grid-3_n4hbd_65>*:nth-child(2) {
    margin-top: 0
}

._grid-3_n4hbd_65>*:nth-child(3) {
    margin-top: 0
}

._grid-4_n4hbd_88 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

._grid-4_n4hbd_88>* {
    width: calc((100% - .6rem)/4);
    margin-left: .2rem;
    margin-top: .2rem
}

[dir=rtl] ._grid-4_n4hbd_88>* {
    margin-left: 0;
    margin-right: .2rem
}

._grid-4_n4hbd_88>*:nth-child(4n+1) {
    margin-left: 0
}

[dir=rtl] ._grid-4_n4hbd_88>*:nth-child(4n+1) {
    margin-left: 0;
    margin-right: 0
}

._grid-4_n4hbd_88>*:nth-child(1) {
    margin-top: 0
}

._grid-4_n4hbd_88>*:nth-child(2) {
    margin-top: 0
}

._grid-4_n4hbd_88>*:nth-child(3) {
    margin-top: 0
}

._grid-4_n4hbd_88>*:nth-child(4) {
    margin-top: 0
}

._flex_n4hbd_115 {
    display: flex
}

._flex-1_n4hbd_118 {
    flex: 1
}

._flex-center_n4hbd_121 {
    display: flex;
    align-items: center;
    justify-content: center
}

._flex-col_n4hbd_126 {
    flex-direction: column
}

._align-self-center_n4hbd_130 {
    align-self: center
}

._align-self-start_n4hbd_133 {
    align-self: flex-start
}

._align-self-end_n4hbd_136 {
    align-self: flex-end
}

._items-start_n4hbd_140 {
    align-items: start
}

._items-center_n4hbd_143 {
    align-items: center
}

._items-end_n4hbd_146 {
    align-items: flex-end
}

._justify-center_n4hbd_150 {
    justify-content: center
}

._justify-between_n4hbd_153 {
    justify-content: space-between
}

._justify-end_n4hbd_156 {
    justify-content: flex-end
}

._shrink-0_n4hbd_160 {
    flex-shrink: 0
}

._leading-1_n4hbd_164 {
    line-height: 1!important
}

._leading-18_n4hbd_167 {
    line-height: 1.8
}

._leading-16_n4hbd_170 {
    line-height: 1.6
}

._font-20_n4hbd_174 {
    font-size: .2rem
}

._font-22_n4hbd_177 {
    font-size: .22rem
}

._font-24_n4hbd_180 {
    font-size: .24rem
}

._font-26_n4hbd_183 {
    font-size: .26rem
}

._font-bold_n4hbd_186 {
    font-weight: 700
}

._ellipsis-1_n4hbd_190 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._ellipsis-2_n4hbd_195 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._text-primary_n4hbd_204 {
    color: var(--skin__primary)
}

._text-warning_n4hbd_207 {
    color: var(--skin__accent_3)
}

._text-success_n4hbd_210 {
    color: var(--skin__accent_1)
}

._text-error_n4hbd_213 {
    color: var(--skin__accent_2)
}

._text-neutral2_n4hbd_216 {
    color: var(--skin__neutral_2)
}

._text-neutral1_n4hbd_219 {
    color: var(--skin__neutral_1)
}

._text-lead_n4hbd_222 {
    color: var(--skin__lead)
}

._text-right_n4hbd_225 {
    text-align: right
}

[dir=rtl] ._text-right_n4hbd_225 {
    text-align: left
}

._text-center_n4hbd_228 {
    text-align: center
}

._text-indent-44_n4hbd_231 {
    text-indent: .44rem
}

._text-underline_n4hbd_234 {
    text-decoration: underline
}

._space-x-20_n4hbd_238>*+* {
    margin-left: .2rem
}

[dir=rtl] ._space-x-20_n4hbd_238>*+* {
    margin-left: 0;
    margin-right: .2rem
}

._space-x-10_n4hbd_241>*+* {
    margin-left: .1rem
}

[dir=rtl] ._space-x-10_n4hbd_241>*+* {
    margin-left: 0;
    margin-right: .1rem
}

._space-x-40_n4hbd_244>*+* {
    margin-left: .4rem
}

[dir=rtl] ._space-x-40_n4hbd_244>*+* {
    margin-left: 0;
    margin-right: .4rem
}

._space-y-20_n4hbd_247>*+* {
    margin-top: .2rem
}

._space-y-10_n4hbd_250>*+* {
    margin-top: .1rem
}

._mt-10_n4hbd_254 {
    margin-top: .1rem
}

._mt-20_n4hbd_257 {
    margin-top: .2rem
}

._mt-30_n4hbd_260 {
    margin-top: .3rem
}

._mt-40_n4hbd_263 {
    margin-top: .4rem
}

._mx-10_n4hbd_267 {
    margin-left: .1rem;
    margin-right: .1rem
}

._mx-4_n4hbd_271 {
    margin-left: .04rem;
    margin-right: .04rem
}

._mb-0_n4hbd_276 {
    margin-bottom: 0
}

._mr-10_n4hbd_280 {
    margin-right: .1rem
}

[dir=rtl] ._mr-10_n4hbd_280 {
    margin-right: 0;
    margin-left: .1rem
}

._r-20_n4hbd_284 {
    right: .2rem
}

[dir=rtl] ._r-20_n4hbd_284 {
    right: auto;
    left: .2rem
}

._ml-4_n4hbd_288 {
    margin-left: .04rem
}

[dir=rtl] ._ml-4_n4hbd_288 {
    margin-left: 0;
    margin-right: .04rem
}

._ml-10_n4hbd_291 {
    margin-left: .1rem
}

[dir=rtl] ._ml-10_n4hbd_291 {
    margin-left: 0;
    margin-right: .1rem
}

._ml-20_n4hbd_294 {
    margin-left: .2rem
}

[dir=rtl] ._ml-20_n4hbd_294 {
    margin-left: 0;
    margin-right: .2rem
}

._ml-30_n4hbd_297 {
    margin-left: .3rem
}

[dir=rtl] ._ml-30_n4hbd_297 {
    margin-left: 0;
    margin-right: .3rem
}

._p-20_n4hbd_301 {
    padding: .2rem
}

._px-20_n4hbd_304 {
    padding: 0 .2rem
}

._pr-140_n4hbd_308 {
    padding-right: 1.4rem
}

[dir=rtl] ._pr-140_n4hbd_308 {
    padding-right: 0;
    padding-left: 1.4rem
}

._w-full_n4hbd_312 {
    width: 100%
}

._w-200_n4hbd_315 {
    width: 2rem
}

._w-max300_n4hbd_318 {
    max-width: 3rem
}

._h-full_n4hbd_322 {
    height: 100%
}

._bg-1_n4hbd_326 {
    background: var(--skin__bg_1)
}

._bg-2_n4hbd_329 {
    background: var(--skin__bg_2)
}

._absolute_n4hbd_333 {
    position: absolute
}

._overflow-hidden_n4hbd_337 {
    overflow: hidden
}

._break-all_n4hbd_341 {
    word-break: break-all
}

._break-anywhere_n4hbd_344 {
    white-space: pre-line;
    line-break: anywhere
}

._inline-block_n4hbd_349 {
    display: inline-block
}

._inline-flex_n4hbd_352 {
    display: inline-flex
}

._display-webkit-box_n4hbd_356 {
    display: -webkit-box!important
}

._resize-vertical_n4hbd_360 {
    resize: vertical
}

._rounded-20_n4hbd_364 {
    border-radius: .2rem
}

._vertical-middle_n4hbd_368 {
    vertical-align: middle
}

._logout_mu9e5_45 .ui-dialog__content {
    padding-top: .1rem
}

._logout_mu9e5_45 .ui-button__content {
    padding: 0 .1rem
}

._logout_mu9e5_45 .ui-dialog__footer {
    gap: unset
}

._logout_mu9e5_45 .ui-dialog__footer .ui-dialog__confirm {
    margin-left: .3rem
}

[dir=rtl] ._logout_mu9e5_45 .ui-dialog__footer .ui-dialog__confirm {
    margin-left: 0;
    margin-right: .3rem
}

._loginError_mu9e5_58 {
    z-index: 4000
}

._color__lead_mu9e5_62 {
    color: var(--skin__lead)
}

._temporaryAccount_mu9e5_66 .ui-dialog__message--left {
    text-indent: 2em
}

._createDialogZindex_mu9e5_70 {
    z-index: 3000!important
}

._kycWarp_mu9e5_74 {
    display: flex;
    align-items: center
}

._kycWarp_mu9e5_74 img {
    width: .32rem
}

._kycWarp_mu9e5_74 span {
    color: var(--skin__lead);
    font-size: .3rem;
    padding-left: .1rem
}

[dir=rtl] ._kycWarp_mu9e5_74 span {
    padding-left: 0;
    padding-right: .1rem
}

._kycNeedRichWrap_mu9e5_87 {
    text-align: left
}

[dir=rtl] ._kycNeedRichWrap_mu9e5_87 {
    text-align: right
}

._kycNeedRichWrap_mu9e5_87 a {
    text-decoration: underline;
    color: var(--skin__primary)
}

._kycMsgWrap_mu9e5_95 {
    color: var(--skin__lead);
    font-size: .22rem;
    text-indent: 2em;
    text-align: left
}

[dir=rtl] ._kycMsgWrap_mu9e5_95 {
    text-align: right
}

._kycMsgWrap_mu9e5_95 span {
    text-indent: 2em;
    cursor: pointer;
    color: var(--skin__primary)
}

._kycNeedMobile_mu9e5_107 .ui-dialog__main {
    min-height: 2rem
}

._kycNeedMobile_mu9e5_107 .ui-dialog__main .ui-dialog__header {
    font-size: .3rem
}

._kycNeedMobile_mu9e5_107 .ui-dialog__main .ui-dialog__content {
    flex-grow: 0
}

._kycNeedMobile_mu9e5_107 .ui-dialog__main .ui-dialog__content .ui-dialog__message {
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: .22rem;
    font-weight: 600
}

._kycNeedMobile_mu9e5_107 ._kycNeedMobileIconBg_mu9e5_123 {
    margin-bottom: .3rem;
    position: relative;
    height: 1.1rem;
    width: 1.1rem;
    border-radius: 50%;
    background-color: rgba(var(--skin__primary__toRgbString),.1)
}

._kycNeedMobile_mu9e5_107 ._kycNeedMobileIconBg_mu9e5_123 img {
    max-width: initial;
    height: 1.1rem;
    position: absolute;
    left: 0
}

[dir=rtl] ._kycNeedMobile_mu9e5_107 ._kycNeedMobileIconBg_mu9e5_123 img {
    left: auto;
    right: 0
}

._webauthn_mu9e5_138 ._header_mu9e5_138 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--skin__lead)
}

._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconSuccess_mu9e5_144 {
    margin-right: .1rem;
    width: .36rem;
    height: .36rem;
    background-color: var(--skin__accent_1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=rtl] ._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconSuccess_mu9e5_144 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconSuccess_mu9e5_144>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconFail_mu9e5_158 {
    margin-right: .1rem;
    width: .36rem;
    height: .36rem;
    background-color: var(--skin__accent_2);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=rtl] ._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconFail_mu9e5_158 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_mu9e5_138 ._header_mu9e5_138 ._iconFail_mu9e5_158>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_mu9e5_138 ._content_mu9e5_172 {
    font-weight: 400;
    text-indent: 2em;
    text-align: center
}

._webauthn_mu9e5_138 ._content_mu9e5_172>span {
    font-weight: 700
}

._webauthn_mu9e5_138 ._left_mu9e5_180 {
    font-weight: 400;
    text-indent: 2em;
    text-align: left
}

[dir=rtl] ._webauthn_mu9e5_138 ._left_mu9e5_180 {
    text-align: right
}

._webauthn_mu9e5_138 ._left_mu9e5_180>span {
    font-weight: 700
}

._webauthn_mu9e5_138 .ui-dialog__message--error>div {
    text-indent: 0em;
    text-align: center
}

html[dir=ltr] ._contentRtl_mu9e5_193 {
    direction: rtl;
    text-align: right
}

html[dir=rtl][dir=ltr] ._contentRtl_mu9e5_193 {
    direction: ltr;
    text-align: left
}

._antiWrap_mu9e5_198 .ui-dialog {
    width: 6.9rem
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__header {
    padding: 0;
    height: .88rem;
    border-bottom: .01rem solid rgba(255,255,255,.1);
    background: var(--skin__accent_1);
    color: #fff;
    text-align: center;
    font-family: Microsoft YaHei Lobby Bold;
    font-size: .34rem;
    font-style: normal;
    font-weight: 600
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__header .ui-dialog__header__icon {
    font-size: .36rem;
    background-color: #fff;
    color: var(--skin__accent_1)
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__header span {
    color: #fff!important
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__content {
    padding-top: .2rem;
    color: var(--skin__lead);
    font-family: Microsoft YaHei Lobby
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__content .ui-dialog__message {
    font-size: .24rem;
    text-align: left;
    text-indent: 2em
}

[dir=rtl] ._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__content .ui-dialog__message {
    text-align: right
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__content .ui-dialog__message a {
    font-weight: 700
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__footer button {
    font-family: Microsoft YaHei Lobby;
    border-radius: 1rem;
    border: thin solid var(--skin__accent_1);
    color: #fff
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__footer button.ui-button--primary {
    background-color: var(--skin__accent_1)
}

._antiWrap_mu9e5_198 .ui-dialog .ui-dialog__main .ui-dialog__footer button.ui-button--plain {
    color: var(--skin__accent_1)
}

._deviceRiskHeadImg_mu9e5_247 {
    background-size: 1.2rem;
    background-repeat: no-repeat;
    padding-top: 1.2rem;
    background-position: center top;
    color: var(--skin__accent_2);
    font-size: .3rem;
    font-weight: 600
}

._deviceRiskContent_mu9e5_257 {
    color: var(--skin__lead);
    font-size: .22rem;
    text-align: center
}

._deviceRiskContent_mu9e5_257 a {
    color: var(--skin__primary);
    font-weight: 700
}

._hideEntry_3to2k_45 .ui-dialog__header__icon svg {
    fill: var(--skin__accent_2)
}

._editor-base-style_1i25w_45 * {
    word-break: break-word
}

._editor-base-style_1i25w_45 img,._editor-base-style_1i25w_45 picture {
    max-width: 100%
}

._revert-system-style_1i25w_53 * {
    all: revert
}

._copy_1v4ox_45 {
    color: var(--skin__primary);
    cursor: pointer
}

._copy_1v4ox_45 ._success-icon_1v4ox_49 {
    color: var(--skin__accent_1)
}

._copy_1v4ox_45 ._copy-success-icon_1v4ox_52 {
    display: none!important
}

._copy-success_1v4ox_52 ._copy-icon_1v4ox_56 {
    color: var(--skin__accent_1);
    display: none!important
}

._main-recharge_1z04u_45 {
    height: calc(100% - .9rem)
}

._main-recharge_1z04u_45._main-recharge_1z04u_45 {
    background-color: var(--skin__recharge-dialog-bg, var(--skin__bg_2))
}

._main-recharge_1z04u_45 ._refactor-main_1z04u_51 {
    overflow-y: scroll
}

._main-recharge_1z04u_45 ._refactor-main_1z04u_51._retry_1z04u_54 {
    flex: 1;
    display: flex;
    flex-direction: column
}

._main-recharge_1z04u_45._full-screen_1z04u_59 {
    height: 100%;
    max-height: 100%;
    border-radius: 0
}

._main-recharge_1z04u_45._full-screen_1z04u_59>header {
    border-bottom: thin solid var(--skin__border);
    margin-bottom: .2rem
}

._main-recharge_1z04u_45 ._header_1z04u_68 ._title_1z04u_68 {
    font-size: .34rem;
    color: var(--skin__lead)
}

._main-recharge_1z04u_45 ._header_1z04u_68 ._extra_1z04u_72 {
    font-size: .36rem;
    color: var(--skin__primary);
    padding: .1rem .2rem .1rem .1rem
}

[dir=rtl] ._main-recharge_1z04u_45 ._header_1z04u_68 ._extra_1z04u_72 {
    padding-right: 0;
    padding-left: .2rem
}

._main-recharge_1z04u_45 ._header_1z04u_68 ._extra_1z04u_72 ._img_1z04u_78 {
    padding: .15rem
}

._main-recharge_1z04u_45 ._header_1z04u_68 ._extra_1z04u_72 ._unpaid-count_1z04u_81 .ui-badge__content {
    font-weight: 400
}

._main-recharge_1z04u_45 .btn-close>i {
    margin-left: -.15rem;
    font-size: .3rem;
    vertical-align: middle
}

[dir=rtl] ._main-recharge_1z04u_45 .btn-close>i {
    margin-left: 0;
    margin-right: -.15rem
}

._main-recharge_1z04u_45 .ui-tabs {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

._main-recharge_1z04u_45 .ui-tabs__nav--line {
    padding-bottom: 0
}

._main-recharge_1z04u_45 .ui-tabs__nav--line>div {
    padding: 0;
    margin-right: .25rem
}

[dir=rtl] ._main-recharge_1z04u_45 .ui-tabs__nav--line>div {
    margin-right: 0;
    margin-left: .25rem
}

._main-recharge_1z04u_45 .ui-tabs__nav--line .ui-tabs__line {
    margin: 0!important
}

._main-recharge_1z04u_45 .ui-tabs__nav--line .ui-tab {
    padding-top: .3rem
}

._main-recharge_1z04u_45 .ui-tabs__line {
    bottom: 0
}

._main-recharge_1z04u_45 .ui-badge__wrapper {
    display: inline-flex;
    align-items: center
}

._main-recharge_1z04u_45 .ui-tabs__wrap {
    flex-shrink: 0;
    border-bottom: var(--lobby__px) solid var(--skin__border);
    margin: 0 .2rem
}

._main-recharge_1z04u_45 .ui-tabs--line .ui-tabs__wrap {
    min-height: 1rem
}

._main-recharge_1z04u_45 .ui-tabs__content {
    flex: 1;
    overflow: hidden
}

._main-recharge_1z04u_45 .ui-tab__panel {
    height: 100%
}

._main-recharge_1z04u_45 .ui-badge__content {
    font-weight: 700
}

._main-recharge_1z04u_45 .ui-badge--gift_normal .ui-badge__gift {
    width: .32rem;
    left: .1rem;
    top: .02rem
}

[dir=rtl] ._main-recharge_1z04u_45 .ui-badge--gift_normal .ui-badge__gift {
    left: auto;
    right: .1rem
}

._main-recharge_1z04u_45 .recharge-content-scroll {
    height: 100%;
    padding: 0 .2rem;
    overflow-y: scroll;
    position: relative
}

._main-recharge_1z04u_45 ._input-content_1z04u_145 {
    width: 100%
}

._main-recharge_1z04u_45 ._input-content_1z04u_145 ._tips_1z04u_148 {
    font-size: .2rem;
    margin-bottom: .1rem
}

._main-recharge-v2_1z04u_153 .ui-tab__panel,._main-recharge-v2_1z04u_153 .recharge-content-scroll {
    padding: 0
}

._sticky-bottom_1z04u_160 .recharge-content-scroll:not([recharge-type=artificial]):not([recharge-type=merchant]) {
    padding-bottom: 2rem
}

._content_1z04u_164 {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

._tab_1z04u_171 {
    height: 100%;
    overflow: hidden
}

._title_1z04u_68 {
    height: .9rem
}

._title_1z04u_68 span {
    padding-left: .1rem
}

[dir=rtl] ._title_1z04u_68 span {
    padding-left: 0;
    padding-right: .1rem
}

._title_1z04u_68 ._tab-icon_1z04u_182 {
    font-size: .38rem
}

.recharge-inner-iframe-popup {
    background-color: #fff;
    height: calc(100% - .9rem)!important;
    border-radius: .2rem .2rem 0 0!important
}

.recharge-channel-update-dialog {
    z-index: 2100
}

.wallet-recharge-success-dialog .ui-dialog__header,._recharge-error-dialog_1z04u_198 .ui-dialog__header--error span {
    color: var(--skin__lead)
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 {
    font-size: .22rem;
    color: var(--skin__lead);
    text-align: left;
    font-weight: 400
}

[dir=rtl] ._recharge-error-dialog_1z04u_198 ._content_1z04u_164 {
    text-align: right
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    margin-bottom: .24rem
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 span {
    line-height: .24rem
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 span:lang(my) {
    line-height: normal
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 ._label_1z04u_220 {
    color: var(--skin__neutral_2);
    max-width: 1.5rem
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 ._value_1z04u_224 {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: .3rem;
    justify-content: flex-end;
    word-break: break-all
}

[dir=rtl] ._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 ._value_1z04u_224 {
    padding-left: 0;
    padding-right: .3rem
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 ._copy_1z04u_232 {
    margin-left: .1rem
}

[dir=rtl] ._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._flex_1z04u_207 ._copy_1z04u_232 {
    margin-left: 0;
    margin-right: .1rem
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._message_1z04u_235 {
    color: var(--skin__neutral_1)
}

._recharge-error-dialog_1z04u_198 ._content_1z04u_164 ._tips_1z04u_148 {
    margin-top: .2rem;
    text-align: center
}

._scroll-to-bottom_1z04u_243 {
    position: fixed;
    bottom: .5rem;
    right: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .14rem;
    border: .01rem solid rgba(255,255,255,.4);
    background: rgba(0,0,0,.6);
    height: .56rem;
    padding: .1rem .16rem;
    z-index: 10
}

[dir=rtl] ._scroll-to-bottom_1z04u_243 {
    right: auto;
    left: .2rem
}

._scroll-to-bottom_1z04u_243 span {
    font-size: .18rem;
    color: #fff
}

._scroll-to-bottom_1z04u_243 ._icon_1z04u_261 {
    width: .36rem;
    height: .36rem;
    background-color: var(--skin__primary);
    color: var(--skin__bg_2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .1rem
}

[dir=rtl] ._scroll-to-bottom_1z04u_243 ._icon_1z04u_261 {
    margin-right: 0;
    margin-left: .1rem
}

._scroll-to-bottom_1z04u_243 ._icon_1z04u_261 img {
    width: .2rem
}

._icon-currency_1k9sq_45 {
    color: var(--skin__accent_3);
    font-size: .24rem
}

._main_udhmc_45 {
    --end-offset: 0;
    overflow: hidden
}

._main_udhmc_45>div {
    position: relative;
    display: inline-block;
    overflow: hidden
}

._main_udhmc_45 ._placeholder_udhmc_54 {
    display: flex;
    visibility: hidden
}

._main_udhmc_45 ._mainScroller_udhmc_58 {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0
}

[dir=rtl] ._main_udhmc_45 ._mainScroller_udhmc_58 {
    left: auto;
    right: 0
}

._main_udhmc_45 ._mainScroller_udhmc_58>span {
    display: block
}

._main_udhmc_45[data-direction=left],._main_udhmc_45[data-direction=right] {
    width: 100%;
    display: inline-block
}

._main_udhmc_45[data-direction=left]>div,._main_udhmc_45[data-direction=right]>div {
    min-width: 100%
}

._main_udhmc_45[data-direction=left] ._mainScroller_udhmc_58,._main_udhmc_45[data-direction=right] ._mainScroller_udhmc_58 {
    min-width: 200%;
    display: inline-block;
    white-space: nowrap
}

._main_udhmc_45[data-direction=left] ._mainScroller_udhmc_58>span,._main_udhmc_45[data-direction=right] ._mainScroller_udhmc_58>span {
    min-width: 50%;
    display: inline-block
}

._main_udhmc_45[data-direction=up],._main_udhmc_45[data-direction=down] {
    height: 100%;
    display: inline-block
}

._main_udhmc_45[data-direction=up]>div,._main_udhmc_45[data-direction=down]>div {
    min-height: 100%
}

._main_udhmc_45[data-direction=up] ._mainScroller_udhmc_58,._main_udhmc_45[data-direction=down] ._mainScroller_udhmc_58 {
    min-height: 200%
}

._main_udhmc_45[data-direction=up] ._mainScroller_udhmc_58>span,._main_udhmc_45[data-direction=down] ._mainScroller_udhmc_58>span {
    min-height: 50%
}

._main_udhmc_45[data-direction=right] ._mainScroller_udhmc_58 {
    right: 0;
    left: auto
}

[dir=rtl] ._main_udhmc_45[data-direction=right] ._mainScroller_udhmc_58 {
    left: 0;
    right: auto
}

._main_udhmc_45[data-direction=down] ._mainScroller_udhmc_58 {
    top: auto;
    bottom: 0
}

@keyframes _dynamicScrollUp_udhmc_1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,calc(-1 * calc(50% - var(--end-offset, 0))),0)
    }
}

@keyframes _dynamicScrollRight_udhmc_1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(calc(calc(50% - var(--end-offset, 0))),0,0)
    }
}

@keyframes _dynamicScrollDown_udhmc_1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,calc(calc(50% - var(--end-offset, 0))),0)
    }
}

@keyframes _dynamicScrollLeft_udhmc_1 {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(calc(-1 * calc(50% - var(--end-offset, 0))),0,0)
    }
}

._main_udhmc_45 ._scrollUp_udhmc_136 {
    animation-name: _dynamicScrollUp_udhmc_1;
    animation-timing-function: linear
}

._main_udhmc_45 ._scrollRight_udhmc_140 {
    animation-name: _dynamicScrollRight_udhmc_1;
    animation-timing-function: linear
}

._main_udhmc_45 ._scrollDown_udhmc_144 {
    animation-name: _dynamicScrollDown_udhmc_1;
    animation-timing-function: linear
}

._main_udhmc_45 ._scrollLeft_udhmc_148 {
    animation-name: _dynamicScrollLeft_udhmc_1;
    animation-timing-function: linear
}

._category-icon-text_1oic3_45 {
    --category-icon-size: .28rem;
    --category-text-margin: 0 0 0 .06rem;
    --category-text-font-size: .2rem;
    --category-icon-font-size: calc(var(--category-icon-size) * .92);
    --category-text-vertical-margin: 0;
    --category-text-disabled-color: var(--skin__neutral_3);
    --category-text-width: fit-content;
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

._category-icon-text_1oic3_45._vertical_1oic3_57 {
    flex-direction: column
}

._category-icon-text_1oic3_45._vertical_1oic3_57 ._seamless-scroll_1oic3_60 {
    text-align: center
}

._category-icon-text_1oic3_45._vertical_1oic3_57 ._category-text_1oic3_63 {
    margin: var(--category-text-vertical-margin)
}

._category-icon-text_1oic3_45._disabled_1oic3_66 ._category-text_1oic3_63 {
    color: var(--category-text-disabled-color)
}

._category-icon-text_1oic3_45._bold_1oic3_69 ._category-text_1oic3_63 {
    font-weight: 700
}

._category-icon-text_1oic3_45 ._category-icon_1oic3_45 {
    width: var(--category-icon-size);
    height: var(--category-icon-size);
    color: var(--category-icon-color);
    font-size: var(--category-icon-font-size);
    text-align: center
}

._category-icon-text_1oic3_45 ._category-icon_1oic3_45>svg {
    width: inherit
}

._category-icon-text_1oic3_45 ._seamless-scroll_1oic3_60 {
    display: inline-flex;
    max-width: var(--category-text-width)
}

._category-icon-text_1oic3_45 ._seamless-scroll_1oic3_60 ._category-text_1oic3_63 {
    display: inline-block
}

._category-icon-text_1oic3_45 ._category-text_1oic3_63 {
    margin: var(--category-text-margin);
    color: var(--category-text-color);
    font-size: var(--category-text-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._rewardPopup_1x289_45 {
    margin-top: 3.5rem;
    padding: .2rem;
    border-radius: .14rem;
    width: 6.9rem;
    display: flex;
    gap: .12rem;
    align-items: center;
    font-size: .28rem
}

._rewardPopup_1x289_45 ._icon-img_1x289_55 {
    width: .3rem;
    height: .3rem
}

._rewardPopup_1x289_45 ._text_1x289_59 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    min-height: .65rem;
    line-height: .32rem;
    text-align: left
}

[dir=rtl] ._rewardPopup_1x289_45 ._text_1x289_59 {
    text-align: right
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 {
    max-width: 2.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: .1rem;
    font-size: .24rem
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._currency_1x289_76 {
    position: relative;
    display: flex;
    align-items: center;
    color: #ffaa09;
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left
}

[dir=rtl] ._rewardPopup_1x289_45 ._rightContent_1x289_68 ._currency_1x289_76 {
    text-align: right
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._currency_1x289_76>i {
    margin-top: .06rem;
    margin-right: .05rem;
    display: block!important
}

[dir=rtl] ._rewardPopup_1x289_45 ._rightContent_1x289_68 ._currency_1x289_76>i {
    margin-right: 0;
    margin-left: .05rem
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._activity_1x289_91 {
    margin: 0
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._activity_1x289_91 ._icon_1x289_55 {
    --category-icon-size: .3rem;
    --category-icon-font-size: .3rem;
    --category-text-font-size: .24rem
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._activity_1x289_91 ._text-class_1x289_99 {
    font-size: .24rem
}

@keyframes _receiveCurrencyIconRotateY_1x289_1 {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(-360deg)
    }
}

._rewardPopup_1x289_45 ._rightContent_1x289_68 ._iconAnime_1x289_110 {
    animation: _receiveCurrencyIconRotateY_1x289_1 1s linear 1;
    transform-origin: center;
    color: #ffaa09
}

._rewardPopup_1x289_45 ._anime_1x289_115 {
    position: absolute;
    width: 4.88rem;
    height: 4.88rem;
    top: calc(50% - 2.2rem);
    left: calc(50% - 2.7rem)
}

[dir=rtl] ._rewardPopup_1x289_45 ._anime_1x289_115 {
    left: auto;
    right: calc(50% - 2.7rem)
}

html[data-skin-bg="1"] ._rewardPopup_1x289_45 {
    background: #fff
}

html[data-skin-bg="1"] ._rewardPopup_1x289_45 ._text_1x289_59 {
    color: #333
}

html[data-skin-bg="0"] ._rewardPopup_1x289_45 {
    background: rgba(0,0,0,.8)
}

html[data-skin-bg="0"] ._rewardPopup_1x289_45 ._text_1x289_59 {
    color: #fff
}

._animateDialog_4v01l_45 .ui-dialog__main {
    background-color: transparent;
    border: none!important
}

._animatePopup_4v01l_50 {
    justify-content: flex-start
}

._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container {
    pointer-events: none;
    max-width: 7.5rem
}

._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance {
    background-color: transparent!important;
    border: none!important;
    padding: 0;
    pointer-events: none
}

._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message {
    max-width: 7.5rem
}

._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message.rtl-flip-text {
    direction: ltr
}

[dir=rtl] ._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast-message.rtl-flip-text {
    direction: rtl
}

._animatePopup_4v01l_50 .ui-toast__toast.ui-toast__toast--container .ui-toast__toast--instance .ui-toast__toast--icon {
    display: none
}

._errorMessageModal_4v01l_73 .largeAmountContent {
    color: var(--skin__lead);
    font-weight: 700;
    font-size: .22rem;
    line-height: 1.64;
    text-align: center
}

._errorMessageModal_4v01l_73 .largeAmountContent b {
    color: var(--skin__accent_1)
}

._errorMessageModal_4v01l_73 .largeAmountContent span {
    color: var(--skin__accent_3)
}

._errorMessageModal_4v01l_73 .forbidContent {
    min-height: .69rem
}

._errorMessageModal_4v01l_73 .ui-dialog__confirm {
    color: var(--skin__text_primary)
}

._task-order-tips_4v01l_93 span {
    color: var(--skin__primary)
}

:root {
    --animate-duration: .3s;
    --animate-delay: .3s;
    --animate-repeat: 1
}

.animate__animated {
    animation-duration: 1s;
    animation-duration: calc(var(--animate-duration) * 1);
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    animation-iteration-count: infinite
}

.animate__animated.animate__forwards {
    animation-fill-mode: forwards
}

.animate__animated.animate__faster {
    animation-duration: .5s;
    animation-duration: calc(var(--animate-duration) * .5)
}

.animate__animated.animate__fast {
    animation-duration: .8s;
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    animation-duration: 3s;
    animation-duration: calc(var(--animate-duration) * 3)
}

.animate__animated.animate__direction_normal {
    animation-direction: normal
}

.animate__animated.animate__direction_reverse {
    animation-direction: reverse
}

.animate__animated.animate__direction_alternate {
    animation-direction: alternate
}

.animate__animated.animate__direction_alternate-reverse {
    animation-direction: alternate-reverse
}

.animate__animated.animate__repeat-1 {
    animation-iteration-count: 1;
    animation-iteration-count: calc(var(--animate-repeat) * 1)
}

.animate__animated.animate__repeat-2 {
    animation-iteration-count: 2;
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    animation-iteration-count: 3;
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__repeat-4 {
    animation-iteration-count: 4;
    animation-iteration-count: calc(var(--animate-repeat) * 4)
}

.animate__animated.animate__repeat-5 {
    animation-iteration-count: 5;
    animation-iteration-count: calc(var(--animate-repeat) * 5)
}

.animate__animated.animate__delay-50ms {
    animation-delay: .05s;
    animation-delay: calc(var(--animate-delay) * .05)
}

.animate__animated.animate__delay-100ms {
    animation-delay: .1s;
    animation-delay: calc(var(--animate-delay) * .1)
}

.animate__animated.animate__delay-150ms {
    animation-delay: .15s;
    animation-delay: calc(var(--animate-delay) * .15)
}

.animate__animated.animate__delay-200ms {
    animation-delay: .2s;
    animation-delay: calc(var(--animate-delay) * .2)
}

.animate__animated.animate__delay-250ms {
    animation-delay: .25s;
    animation-delay: calc(var(--animate-delay) * .25)
}

.animate__animated.animate__delay-300ms {
    animation-delay: .3s;
    animation-delay: calc(var(--animate-delay) * .3)
}

.animate__animated.animate__delay-350ms {
    animation-delay: .35s;
    animation-delay: calc(var(--animate-delay) * .35)
}

.animate__animated.animate__delay-400ms {
    animation-delay: .4s;
    animation-delay: calc(var(--animate-delay) * .4)
}

.animate__animated.animate__delay-450ms {
    animation-delay: .45s;
    animation-delay: calc(var(--animate-delay) * .45)
}

.animate__animated.animate__delay-500ms {
    animation-delay: .5s;
    animation-delay: calc(var(--animate-delay) * .5)
}

.animate__animated.animate__delay-550ms {
    animation-delay: .55s;
    animation-delay: calc(var(--animate-delay) * .55)
}

.animate__animated.animate__delay-600ms {
    animation-delay: .6s;
    animation-delay: calc(var(--animate-delay) * .6)
}

.animate__animated.animate__delay-650ms {
    animation-delay: .65s;
    animation-delay: calc(var(--animate-delay) * .65)
}

.animate__animated.animate__delay-700ms {
    animation-delay: .7s;
    animation-delay: calc(var(--animate-delay) * .7)
}

.animate__animated.animate__delay-750ms {
    animation-delay: .75s;
    animation-delay: calc(var(--animate-delay) * .75)
}

.animate__animated.animate__delay-800ms {
    animation-delay: .8s;
    animation-delay: calc(var(--animate-delay) * .8)
}

.animate__animated.animate__delay-850ms {
    animation-delay: .85s;
    animation-delay: calc(var(--animate-delay) * .85)
}

.animate__animated.animate__delay-900ms {
    animation-delay: .9s;
    animation-delay: calc(var(--animate-delay) * .9)
}

.animate__animated.animate__delay-950ms {
    animation-delay: .95s;
    animation-delay: calc(var(--animate-delay) * .95)
}

.animate__animated.animate__delay-1000ms {
    animation-delay: 1s;
    animation-delay: calc(var(--animate-delay) * 1)
}

.animate__animated.animate__delay-1050ms {
    animation-delay: 1.05s;
    animation-delay: calc(var(--animate-delay) * 1.05)
}

.animate__animated.animate__delay-1100ms {
    animation-delay: 1.1s;
    animation-delay: calc(var(--animate-delay) * 1.1)
}

.animate__animated.animate__delay-1150ms {
    animation-delay: 1.15s;
    animation-delay: calc(var(--animate-delay) * 1.15)
}

.animate__animated.animate__delay-1200ms {
    animation-delay: 1.2s;
    animation-delay: calc(var(--animate-delay) * 1.2)
}

.animate__animated.animate__delay-1250ms {
    animation-delay: 1.25s;
    animation-delay: calc(var(--animate-delay) * 1.25)
}

.animate__animated.animate__delay-1300ms {
    animation-delay: 1.3s;
    animation-delay: calc(var(--animate-delay) * 1.3)
}

.animate__animated.animate__delay-1350ms {
    animation-delay: 1.35s;
    animation-delay: calc(var(--animate-delay) * 1.35)
}

.animate__animated.animate__delay-1400ms {
    animation-delay: 1.4s;
    animation-delay: calc(var(--animate-delay) * 1.4)
}

.animate__animated.animate__delay-1450ms {
    animation-delay: 1.45s;
    animation-delay: calc(var(--animate-delay) * 1.45)
}

.animate__animated.animate__delay-1500ms {
    animation-delay: 1.5s;
    animation-delay: calc(var(--animate-delay) * 1.5)
}

.animate__animated.animate__delay-1550ms {
    animation-delay: 1.55s;
    animation-delay: calc(var(--animate-delay) * 1.55)
}

.animate__animated.animate__delay-1600ms {
    animation-delay: 1.6s;
    animation-delay: calc(var(--animate-delay) * 1.6)
}

.animate__animated.animate__delay-1650ms {
    animation-delay: 1.65s;
    animation-delay: calc(var(--animate-delay) * 1.65)
}

.animate__animated.animate__delay-1700ms {
    animation-delay: 1.7s;
    animation-delay: calc(var(--animate-delay) * 1.7)
}

.animate__animated.animate__delay-1750ms {
    animation-delay: 1.75s;
    animation-delay: calc(var(--animate-delay) * 1.75)
}

.animate__animated.animate__delay-1800ms {
    animation-delay: 1.8s;
    animation-delay: calc(var(--animate-delay) * 1.8)
}

.animate__animated.animate__delay-1850ms {
    animation-delay: 1.85s;
    animation-delay: calc(var(--animate-delay) * 1.85)
}

.animate__animated.animate__delay-1900ms {
    animation-delay: 1.9s;
    animation-delay: calc(var(--animate-delay) * 1.9)
}

.animate__animated.animate__delay-1950ms {
    animation-delay: 1.95s;
    animation-delay: calc(var(--animate-delay) * 1.95)
}

.animate__animated.animate__delay-2000ms {
    animation-delay: 2s;
    animation-delay: calc(var(--animate-delay) * 2)
}

@media print,(prefers-reduced-motion: reduce) {
    .animate__animated:not(.animate__no_reduce) {
        transition-duration: 1ms!important;
        animation-duration: 1ms!important;
        animation-iteration-count: 1!important
    }

    .animate__animated:not(.animate__no_reduce)[class*=Out] {
        opacity: 0
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.animate__spin {
    animation-name: spin;
    animation-timing-function: linear
}

@keyframes beatUpAndDown {
    0% {
        translate: 0 -.02rem
    }

    to {
        translate: 0 .02rem
    }
}

.animate__beatUpAndDown {
    animation-name: beatUpAndDown
}

@keyframes beatLeftAndRight {
    25% {
        translate: -.05rem 0
    }

    50% {
        translate: 0 0
    }

    75% {
        translate: .05rem 0
    }

    to {
        translate: 0 0
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

.animate__heartBeat,.animate__heartBeat__hover:hover,.animate__heartBeat__hover:focus,.animate__heartBeat__hover:active {
    animation-name: heartBeat;
    animation-duration: calc(var(--animate-duration) * 1.8);
    animation-timing-function: ease-in-out
}

.animate__heartBeat__hover:hover,.animate__heartBeat__hover:focus,.animate__heartBeat__hover:active {
    animation-duration: 1s;
    animation-duration: calc(var(--animate-duration) * 1);
    animation-fill-mode: both
}

@keyframes zoomIn {
    0% {
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.animate__zoomIn {
    animation-name: zoomIn
}

.animate__zoomOut {
    animation-name: zoomOut
}

.animate-zoom-enter-active {
    animation: var(--animate-duration) zoomIn both
}

.animate-zoom-leave-active {
    animation: var(--animate-duration) zoomOut both
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

.animate__fadeOut {
    animation-name: fadeOut
}

.animate-fade-enter-active {
    animation: var(--animate-duration) fadeIn both
}

.animate-fade-leave-active {
    animation: var(--animate-duration) fadeOut both
}

.animate-fade__without-normal-flow-enter-active {
    animation: var(--animate-duration) fadeIn both
}

.animate-fade__without-normal-flow-leave-active {
    position: absolute!important;
    animation: var(--animate-duration) fadeOut both
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideInUp {
    animation-name: slideInUp
}

.animate__slideOutUp {
    animation-name: slideOutUp
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0)
    }
}

.animate__slideInDown {
    animation-name: slideInDown
}

.animate__slideOutDown {
    animation-name: slideOutDown
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideInLeft {
    animation-name: slideInLeft
}

.animate__slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0)
    }
}

.animate__slideInRight {
    animation-name: slideInRight
}

.animate__slideOutRight {
    animation-name: slideOutRight
}

.animate-slide-up-enter-active {
    animation: var(--animate-duration) slideInUp both
}

.animate-slide-up-leave-active {
    animation: var(--animate-duration) slideOutDown both
}

.animate-slide-down-enter-active {
    animation: var(--animate-duration) slideInDown both
}

.animate-slide-down-leave-active {
    animation: var(--animate-duration) slideOutUp both
}

.animate-slide-left-enter-active {
    animation: var(--animate-duration) slideInRight both
}

.animate-slide-left-leave-active {
    animation: var(--animate-duration) slideOutRight both
}

.animate-slide-right-enter-active {
    animation: var(--animate-duration) slideInLeft both
}

.animate-slide-right-leave-active {
    animation: var(--animate-duration) slideOutLeft both
}

.animate-slide-up-same-enter-active {
    animation: var(--animate-duration) slideInUp both
}

.animate-slide-up-same-leave-active {
    animation: var(--animate-duration) slideOutUp both
}

.animate-slide-down-same-enter-active {
    animation: var(--animate-duration) slideInDown both
}

.animate-slide-down-same-leave-active {
    animation: var(--animate-duration) slideOutDown both
}

.animate-slide-left-same-enter-active {
    animation: var(--animate-duration) slideInRight both
}

.animate-slide-left-same-leave-active {
    animation: var(--animate-duration) slideOutLeft both
}

.animate-slide-right-same-enter-active {
    animation: var(--animate-duration) slideInLeft both
}

.animate-slide-right-same-leave-active {
    animation: var(--animate-duration) slideOutRight both
}

.animate-page-push-enter-active {
    animation: var(--animate-duration) slideInRight both linear
}

.animate-page-push-leave-active {
    position: absolute!important;
    top: 0;
    width: 100%;
    animation: var(--animate-duration) slideOutLeft both linear
}

.animate-page-pop-enter-active {
    animation: var(--animate-duration) slideInLeft both linear
}

.animate-page-pop-leave-active {
    position: absolute!important;
    top: 0;
    width: 100%;
    animation: var(--animate-duration) slideOutRight both linear
}

.animate-page-fade-enter-active {
    animation: var(--animate-duration) fadeIn both
}

.animate-page-fade-leave-active {
    position: absolute!important;
    top: 0;
    width: 100%;
    animation: var(--animate-duration) fadeOut both
}

.animate-flip-list-move,.animate-flip-list-enter-active,.animate-flip-list-leave-active {
    transition: opacity var(--animate-duration),transform var(--animate-duration)
}

.animate-flip-list-enter-from,.animate-flip-list-leave-to {
    opacity: 0!important
}

.animate-flip-list-leave-active {
    position: absolute!important
}

.drop-down-enter-from,.drop-down-leave-to {
    opacity: .8;
    transform: scaleY(.8) translateY(-.04rem)
}

.drop-down-enter-to,.drop-down-leave-from {
    opacity: 1;
    transform: scaleY(.9999) translateY(0)
}

.drop-down-enter-active {
    transition: transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)
}

.drop-down-leave-active {
    transition: transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)
}

.drop-up-enter-from,.drop-up-leave-to {
    opacity: .8;
    transform: scaleY(.8) translateY(.04rem)
}

.drop-up-enter-to,.drop-up-leave-from {
    opacity: 1;
    transform: scaleY(.9999) translateY(0)
}

.drop-up-enter-active {
    transition: transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)
}

.drop-up-leave-active {
    transition: transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)
}

@keyframes common_bganimation {
    0% {
        background-position-x: 125%
    }

    to {
        background-position-x: -32%
    }
}

:root {
    --lobby__full-vh: 100vh
}

@supports (height: 100dvh) {
    :root {
        --lobby__full-vh: 100dvh
    }
}

:root {
    --tabbar-height: 1.24rem
}

html {
    overflow: hidden;
    touch-action: pan-x pan-y;
    -webkit-text-size-adjust: none;
    height: 100%
}

html html[data-isdesktop="0"] {
    scrollbar-color: var(--skin__border) transparent;
    scrollbar-width: none
}

html html[data-isdesktop="0"]>* {
    scrollbar-color: auto
}

html ::-webkit-scrollbar {
    z-index: 11;
    width: 0
}

html ::-webkit-scrollbar-thumb {
    width: 0;
    background: var(--skin__border);
    border-radius: 0
}

html ::-webkit-scrollbar-corner {
    background: transparent
}

html ::-webkit-scrollbar-track {
    background: transparent
}

html ::-webkit-scrollbar-track-piece {
    width: 0;
    background: transparent
}

html ::-webkit-scrollbar:horizontal {
    height: 0
}

html ::-webkit-scrollbar:horizontal-thumb {
    border-radius: 0
}

html #nprogress {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000000000;
    width: 100%
}

html[dir=rtl] #nprogress {
    left: auto;
    right: 0
}

html #nprogress .bar {
    height: .03rem;
    background: var(--skin__primary)
}

html #nprogress .bar .peg {
    box-shadow: 0 0 .1rem var(--skin__primary),0 0 .05rem var(--skin__primary)
}

html #nprogress .spinner .spinner-icon {
    border-top-color: var(--skin__primary);
    border-left-color: var(--skin__primary)
}

html[dir=rtl] #nprogress .spinner .spinner-icon {
    border-left-color: currentcolor;
    border-right-color: var(--skin__primary)
}

html body {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    color: var(--skin__neutral_1);
    background-color: var(--skin__bg_1);
    font-size: .24rem;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif
}

html body.safe-area-inset-bottom {
    height: calc(100% - var(--skin__safe-area-inset-bottom))
}

html body.safe-area-inset-bottom:after {
    content: "";
    display: block;
    width: 100%;
    height: var(--skin__safe-area-inset-bottom);
    background-color: var(--skin__web_btmnav_db);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

html[dir=rtl] body.safe-area-inset-bottom:after {
    left: auto;
    right: 0
}

html body .header2footer-toggle-show header {
    transition: transform .3s;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    width: var(--lobby__max-width);
    margin: 0 auto
}

html body .header2footer-toggle-show footer {
    position: fixed;
    bottom: 0;
    transform: translateY(calc(100% + .67rem));
    width: var(--lobby__max-width);
    margin: 0 auto;
    transition: transform .3s
}

html body #app {
    height: 100%;
    position: relative;
    overflow: hidden
}

html:lang(ur) .rtl-flip-text,html:lang(ar) .rtl-flip-text {
    direction: rtl
}

html:lang(ur) .rtl-flip-text-indent,html:lang(ar) .rtl-flip-text-indent {
    direction: rtl;
    text-align: right
}

html[dir=rtl]:lang(ur) .rtl-flip-text-indent,html[dir=rtl]:lang(ar) .rtl-flip-text-indent {
    direction: ltr;
    text-align: left
}

html:lang(ur) .geetest_bind_container,html:lang(ar) .geetest_bind_container {
    direction: ltr
}

html:lang(ur) .geetest_captcha {
    direction: ltr
}

div[style="border: 0.5px dotted transparent;"]:not([class]) {
    display: none
}

:root {
    --tabbar-height: 1.3rem
}

{
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--all {
    overflow: scroll
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--x {
    overflow-x: scroll;
    overflow-y: hidden
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--y {
    overflow-x: hidden;
    overflow-y: scroll
}

html[data-isdesktop="0"] ._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar {
    scrollbar-color: var(--skin__border) transparent;
    scrollbar-width: thin
}

html[data-isdesktop="0"] ._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar>* {
    scrollbar-color: auto
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-thumb {
    width: .06rem;
    background: var(--skin__border);
    border-radius: .06rem
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-corner {
    background: transparent
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-track {
    background: transparent
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar-track-piece {
    width: .06rem;
    background: transparent
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar:horizontal {
    height: .06rem
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--system-scrollbar::-webkit-scrollbar:horizontal-thumb {
    border-radius: .06rem
}

._main_pjnd2_56.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-firefox,._main_pjnd2_56.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-tg.lobby-scroll--hide-in-tg {
    scrollbar-width: none
}

.ps {
    position: relative
}

.ps.ps-scrollbar-always>.ps__rail-x,.ps.ps-scrollbar-always>.ps__rail-y {
    opacity: 1
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    height: .2rem;
    bottom: 0;
    position: absolute;
    z-index: 10
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    width: .2rem;
    right: 0;
    position: absolute;
    z-index: 10;
    left: auto!important
}

[dir=rtl] .ps__rail-y {
    left: 0;
    right: auto!important
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y {
    opacity: 1
}

.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking {
    opacity: 1
}

.ps__thumb-x {
    background-color: var(--skin__border, #aaa);
    border-radius: .06rem;
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: .06rem;
    bottom: .07rem;
    position: absolute
}

.ps__thumb-y {
    background-color: var(--skin__border, #aaa);
    border-radius: .06rem;
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: .06rem;
    right: .07rem;
    position: absolute
}

[dir=rtl] .ps__thumb-y {
    right: auto;
    left: .07rem
}

.lobby-third-party-button {
    display: flex;
    position: relative;
    overflow: hidden
}

.lobby-third-party-button[data-mode=col] {
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.lobby-third-party-button[data-mode=col] .lobby-third-party-button__title {
    margin-top: .1rem
}

.lobby-third-party-button[data-mode=row] {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.lobby-third-party-button[data-mode=row] .lobby-third-party-button__title {
    margin-left: .1rem
}

[dir=rtl] .lobby-third-party-button[data-mode=row] .lobby-third-party-button__title {
    margin-left: 0;
    margin-right: .1rem
}

.lobby-third-party-button__image {
    border-radius: 9999.99rem;
    width: .7rem;
    height: .7rem;
    transform: scale(1.02)
}

.lobby-third-party-button__title {
    text-align: center
}

.lobby-third-party-button__google_button {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999.99rem;
    opacity: .000001;
    transform: translate(-50%,-50%) scale(4)
}

[dir=rtl] .lobby-third-party-button__google_button {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%) scale(4)
}

.lobby-third-party-button__google_button[data-disable=true] {
    pointer-events: none
}

.lobby-third-party-button--webauthn .lobby-third-party-button__image {
    color: var(--skin__primary);
    font-size: .7rem;
    border-radius: 100%;
    background-color: var(--skin__bg_2);
    border: var(--lobby__px) solid var(--skin__border)
}

._menu-list_o3v87_45 {
    margin: .1rem 0;
    padding: .1rem .1rem 0;
    border-radius: .1rem;
    --menu-list-title-size: .24rem;
    --menu-list-title-color: --skin__neutral_2;
    --menu-list-title-padding: 0 0 0 .1rem;
    --menu-item-icon-width: .46rem;
    --menu-item-icon-height: .46rem;
    --menu-item-icon-size: .46rem;
    --menu-item-icon-color: #fff;
    --menu-right-icon-size: .24rem;
    --menu-right-icon-color: #fff;
    --menu-item-margin: 0 0 .1rem 0;
    --menu-item-padding: 0;
    --menu-item-text-size: .2rem;
    --menu-item-text-padding: 0 .15rem;
    --menu-item-text-color: #fff;
    --menu-item-text-flex: 1;
    --menu-item-text-line-height: .25rem;
    --menu-item-text-clamp: 2;
    --menu-item-flex: 1 1 50%;
    --menu-item-text-max-width: 100%;
    --menu-item-active-transform: rotateZ(180deg);
    --menu-item-active-right-color: var(--menu-right-icon-color);
    --menu-item-text-height: initial;
    --menu-item-height: initial;
    --menu-item-card-width: initial;
    --menu-item-bage-max-width: initial;
    --menu-item-icon-margin: 0;
    --menu-item-icon-color2: var(--skin__search_icon)
}

._menu-list_o3v87_45:empty {
    display: none
}

._menu-list_o3v87_45 ._title_o3v87_80 {
    padding-bottom: var(--menu-list-title-padding);
    color: var(--menu-list-title-color);
    font-size: var(--menu-list-title-size);
    text-align: center
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 {
    margin: var(--menu-item-margin);
    position: relative;
    display: flex;
    align-items: center;
    padding: var(--menu-item-padding);
    height: var(--menu-item-height);
    cursor: pointer
}

._menu-list_o3v87_45 ._menu-item_o3v87_86:last-child {
    margin-bottom: 0
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98 {
    left: auto;
    right: 0
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98 ._menu-item-bage-panel_o3v87_106,._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98 .ui-badge__wrapper {
    width: 100%;
    height: 100%
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98 .ui-badge__wrapper .ui-badge {
    max-width: var(--menu-item-bage-max-width)
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98._right-top_o3v87_117 .ui-badge {
    transform: translateY(-50%)
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98._top-right_o3v87_120 .ui-badge {
    transform: translate(100%,-50%)
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98._top-right_o3v87_120 .ui-badge {
    transform: translate(-100%,-50%)
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98._top_o3v87_120 .ui-badge {
    right: 50%;
    transform: translate(100%,-50%)
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-bage_o3v87_98._top_o3v87_120 .ui-badge {
    right: auto;
    left: 50%;
    transform: translate(-100%,-50%)
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 {
    position: relative;
    flex-shrink: 0;
    z-index: 1;
    line-height: 0;
    margin: var(--menu-item-icon-margin)
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 img._icon_o3v87_134 {
    width: var(--menu-item-icon-width);
    height: var(--menu-item-icon-height);
    position: relative;
    z-index: 1;
    display: block
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 ._icon_o3v87_134 {
    font-size: var(--menu-item-icon-size);
    color: var(--menu-item-icon-color);
    position: relative;
    z-index: 1
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 ._menu-item-icon-two_o3v87_147 {
    position: absolute;
    left: 0;
    color: var(--menu-item-icon-color2)
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 ._menu-item-icon-two_o3v87_147 {
    left: auto;
    right: 0
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 {
    z-index: 1;
    flex: var(--menu-item-text-flex);
    color: var(--menu-item-text-color);
    padding: var(--menu-item-text-padding);
    font-size: var(--menu-item-text-size);
    line-height: var(--menu-item-text-line-height);
    height: var(--menu-item-text-height);
    max-width: var(--menu-item-text-max-width);
    max-height: var(--menu-item-text-max-height);
    position: relative;
    display: flex;
    align-items: center
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 p {
    display: inline-block;
    position: relative
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: var(--menu-item-text-clamp);
    -webkit-box-orient: vertical
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 span._right-ellipsis_o3v87_178 {
    direction: ltr
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-right_o3v87_182 {
    z-index: 1
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._menu-item-right_o3v87_182 ._right-icon_o3v87_185 {
    font-size: var(--menu-right-icon-size);
    color: var(--menu-right-icon-color);
    transition: .3s transform
}

._menu-list_o3v87_45 ._menu-item_o3v87_86 ._third-button-google_o3v87_190 {
    position: absolute;
    opacity: .000001;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 10
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item_o3v87_86 ._third-button-google_o3v87_190 {
    left: auto;
    right: 0
}

._menu-list_o3v87_45 ._menu-item-bg_o3v87_199 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

[dir=rtl] ._menu-list_o3v87_45 ._menu-item-bg_o3v87_199 {
    left: auto;
    right: 0
}

._menu-list_o3v87_45 ._menu-item-bg_o3v87_199 ._bg-img_o3v87_207 {
    background-size: 100%;
    width: 100%;
    height: 100%
}

._menu-list_o3v87_45._card_o3v87_212 {
    display: flex;
    flex-wrap: wrap
}

._menu-list_o3v87_45._card_o3v87_212 ._menu-item_o3v87_86 {
    flex: var(--menu-item-flex);
    flex-direction: column;
    width: var(--menu-item-card-width);
    max-width: var(--menu-item-card-width)
}

._menu-list_o3v87_45._card_o3v87_212 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 {
    flex: initial;
    display: block
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226,._menu-list_o3v87_45._bgCardRight_o3v87_226 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    --menu-item-height: .8rem;
    --menu-item-card-width: 1.2rem
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86,._menu-list_o3v87_45._bgCardRight_o3v87_226 ._menu-item_o3v87_86 {
    line-height: 0;
    cursor: pointer;
    position: relative;
    width: var(--menu-item-card-width);
    max-width: var(--menu-item-card-width)
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127,._menu-list_o3v87_45._bgCardRight_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

[dir=rtl] ._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127,[dir=rtl] ._menu-list_o3v87_45._bgCardRight_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 {
    left: auto;
    right: 0
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 img,._menu-list_o3v87_45._bgCardRight_o3v87_226 ._menu-item_o3v87_86 ._menu-item-icon_o3v87_127 img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152,._menu-list_o3v87_45._bgCardRight_o3v87_226 ._menu-item_o3v87_86 ._menu-item-text_o3v87_152 {
    flex: initial;
    display: block;
    max-width: var(--menu-item-text-max-width)
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226:empty,._menu-list_o3v87_45._bgCardRight_o3v87_226:empty {
    display: none
}

._menu-list_o3v87_45._bgCardLeft_o3v87_226 ._menu-item_o3v87_86 {
    justify-content: end
}

._menu-list_o3v87_45 ._menu-item-active_o3v87_265 ._menu-item-right_o3v87_182 ._right-icon_o3v87_185 {
    transform: var(--menu-item-active-transform);
    color: var(--menu-item-active-right-color)
}

._official-channel_1a9z4_45 {
    margin: .2rem .15rem
}

._official-channel_1a9z4_45 ._title_1a9z4_48 {
    margin-bottom: .12rem;
    color: var(--skin__neutral_2);
    font-size: .24rem;
    display: block
}

._official-channel_1a9z4_45 ._item_1a9z4_54 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: .1rem;
    padding: .08rem .18rem;
    background-color: var(--skin__bs_zc_an1);
    border-radius: .1rem
}

._official-channel_1a9z4_45 ._item_1a9z4_54 ._icon_1a9z4_64 {
    width: .44rem;
    height: .44rem
}

._official-channel_1a9z4_45 ._item_1a9z4_54>span {
    width: 100%;
    margin-left: .1rem;
    color: var(--skin__alt_neutral_1);
    font-size: .22rem;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._official-channel_1a9z4_45 ._item_1a9z4_54>span {
    margin-left: 0;
    margin-right: .1rem
}

._official-channel_1a9z4_45 ._item_1a9z4_54 ._channel-right-icon_1a9z4_78 {
    font-size: .24rem
}

._official-channel_1a9z4_45 {
    margin: .2rem 0
}

._official-channel_1a9z4_45 ._title_1a9z4_48 {
    color: var(--skin__lead);
    margin-bottom: .2rem
}

._official-channel_1a9z4_45 ._item_1a9z4_54 {
    background-color: var(--skin__bs_zc_bg);
    padding: .08rem 0
}

._official-channel_1a9z4_45 ._item_1a9z4_54>span {
    color: var(--skin__lead)
}

.ui-collapse-item {
    position: relative;
    margin-bottom: .15rem
}

.ui-collapse-item--border:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: 0;
    right: .2rem;
    left: .2rem;
    border-top: var(--lobby__px) solid var(--skin__border);
    transform: scaleY(.5)
}

.ui-collapse-item__title .ui-cell__right-icon {
    transform: rotate(-90deg);
    transition: transform .3s
}

.ui-collapse-item__title:after {
    right: .32rem;
    display: none
}

[dir=rtl] .ui-collapse-item__title:after {
    right: auto;
    left: .32rem
}

.ui-collapse-item__title--expanded .ui-cell__right-icon {
    transform: rotate(90deg)
}

.ui-collapse-item__title--expanded:after {
    display: block
}

.ui-collapse-item__title--borderless:after {
    display: none
}

.ui-collapse-item__title--disabled {
    cursor: not-allowed
}

.ui-collapse-item__title--disabled,.ui-collapse-item__title--disabled .ui-cell__right-icon {
    color: #c8c9cc
}

.ui-collapse-item__wrapper {
    overflow: hidden;
    transition: height .3s ease-in-out;
    will-change: height
}

.ui-collapse-item__content {
    padding: .24rem .32rem;
    color: #969799;
    font-size: .28rem;
    line-height: 1.5;
    background: var(--skin__bg_1)
}

.ui-cell {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: .1rem .2rem;
    overflow: hidden;
    color: var(--skin__lead);
    font-size: .22rem;
    background: var(--skin__bg_2);
    border-radius: .14rem;
    border: var(--lobby__px) solid var(--skin__border)
}

.ui-cell:after {
    position: absolute;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    right: .24rem;
    bottom: 0;
    left: .24rem;
    border-bottom: var(--lobby__px) solid var(--skin__border);
    transform: scaleY(.5)
}

.ui-cell:last-child:after,.ui-cell--borderless:after {
    display: none
}

.ui-cell__title {
    display: flex;
    align-items: center
}

.ui-cell__label {
    margin-top: .08rem;
    color: var(--skin__lead);
    font-size: .24rem;
    line-height: .36rem
}

.ui-cell__title,.ui-cell__value {
    min-height: .48rem;
    flex: 1
}

.ui-cell__value {
    position: relative;
    overflow: hidden;
    color: var(--skin__lead);
    font-size: inherit;
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word
}

[dir=rtl] .ui-cell__value {
    text-align: left
}

.ui-cell__left-icon,.ui-cell__right-icon {
    font-size: .24rem
}

.ui-cell__left-icon {
    margin-right: .08rem
}

[dir=rtl] .ui-cell__left-icon {
    margin-right: 0;
    margin-left: .08rem
}

.ui-cell__right-icon {
    margin-left: .08rem
}

[dir=rtl] .ui-cell__right-icon {
    margin-left: 0;
    margin-right: .08rem
}

.ui-cell__right-icon--down {
    transform: rotate(-90deg)
}

[dir=rtl] .ui-cell__right-icon--down,.ui-cell__right-icon--up {
    transform: rotate(90deg)
}

[dir=rtl] .ui-cell__right-icon--up {
    transform: rotate(-90deg)
}

.ui-cell__right-icon--right {
    transform: rotate(180deg)
}

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

.ui-cell__right-icon--left {
    transform: rotate(0)
}

.ui-cell--clickable {
    cursor: pointer
}

.ui-cell--required {
    overflow: visible
}

.ui-cell--required:before {
    position: absolute;
    left: .16rem;
    color: #ee0a24;
    font-size: .28rem;
    content: "*"
}

[dir=rtl] .ui-cell--required:before {
    left: auto;
    right: .16rem
}

.ui-cell--center {
    align-items: center
}

.ui-cell--large {
    padding-top: .24rem;
    padding-bottom: .24rem
}

.ui-cell--large .ui-cell__title {
    font-size: .32rem
}

.ui-cell--large .ui-cell__label {
    font-size: .28rem
}

.ui-cell--large .ui-cell__value {
    font-size: inherit
}

.ui-popover {
    position: absolute;
    background-color: transparent
}

.ui-popover.ui-popup {
    overflow: visible
}

.ui-popover__wrapper {
    display: inline-block;
    max-width: 100%;
    cursor: pointer
}

.ui-popover__arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .12rem
}

.ui-popover__content {
    border-radius: .14rem;
    overflow: hidden
}

.ui-popover__content--horizontal {
    display: flex;
    width: max-content
}

.ui-popover__content--horizontal .ui-popover__action {
    flex: none;
    width: auto;
    height: .68rem;
    padding: 0 .24rem
}

.ui-popover__content--horizontal .ui-popover__action:last-child:after {
    display: none
}

.ui-popover__content--horizontal .ui-popover__action-icon {
    margin-right: .08rem;
    font-size: .32rem
}

.ui-popover__action {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 2.56rem;
    height: .88rem;
    padding: 0 .32rem;
    font-size: .28rem;
    line-height: .4rem;
    cursor: pointer
}

.ui-popover__action:last-child .ui-popover__action-text:after {
    display: none
}

.ui-popover__action-text {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 100%
}

.ui-popover__action-icon {
    margin-right: .16rem;
    font-size: .4rem
}

.ui-popover__action--with-icon .ui-popover__action-text {
    justify-content: flex-start
}

.ui-popover[data-popper-placement^=top] .ui-popover__arrow {
    bottom: 0;
    border-top-color: currentColor;
    border-bottom-width: 0;
    margin-bottom: -.12rem
}

.ui-popover[data-popper-placement=top] {
    transform-origin: 50% 100%
}

.ui-popover[data-popper-placement=top] .ui-popover__arrow {
    left: 50%;
    transform: translate(-50%)
}

.ui-popover[data-popper-placement=top-start] {
    transform-origin: 0 100%
}

.ui-popover[data-popper-placement=top-start] .ui-popover__arrow {
    left: .32rem
}

.ui-popover[data-popper-placement=top-end] {
    transform-origin: 100% 100%
}

.ui-popover[data-popper-placement=top-end] .ui-popover__arrow {
    right: .32rem
}

.ui-popover[data-popper-placement^=left] .ui-popover__arrow {
    right: 0;
    border-right-width: 0;
    border-left-color: currentColor;
    margin-right: -.12rem
}

.ui-popover[data-popper-placement=left] {
    transform-origin: 100% 50%
}

.ui-popover[data-popper-placement=left] .ui-popover__arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ui-popover[data-popper-placement=left-start] {
    transform-origin: 100% 0
}

.ui-popover[data-popper-placement=left-start] .ui-popover__arrow {
    top: .32rem
}

.ui-popover[data-popper-placement=left-end] {
    transform-origin: 100% 100%
}

.ui-popover[data-popper-placement=left-end] .ui-popover__arrow {
    bottom: .32rem
}

.ui-popover[data-popper-placement^=right] .ui-popover__arrow {
    left: 0;
    border-right-color: currentColor;
    border-left-width: 0;
    margin-left: -.12rem
}

.ui-popover[data-popper-placement=right] {
    transform-origin: 0 50%
}

.ui-popover[data-popper-placement=right] .ui-popover__arrow {
    top: 50%;
    transform: translateY(-50%)
}

.ui-popover[data-popper-placement=right-start] {
    transform-origin: 0 0
}

.ui-popover[data-popper-placement=right-start] .ui-popover__arrow {
    top: .32rem
}

.ui-popover[data-popper-placement=right-end] {
    transform-origin: 0 100%
}

.ui-popover[data-popper-placement=right-end] .ui-popover__arrow {
    bottom: .32rem
}

.ui-popover[data-popper-placement^=bottom] .ui-popover__arrow {
    top: 0;
    border-top-width: 0;
    border-bottom-color: currentColor;
    margin-top: -.12rem
}

.ui-popover[data-popper-placement=bottom] {
    transform-origin: 50% 0
}

.ui-popover[data-popper-placement=bottom] .ui-popover__arrow {
    left: 50%;
    transform: translate(-50%)
}

.ui-popover[data-popper-placement=bottom-start] {
    transform-origin: 0 0
}

.ui-popover[data-popper-placement=bottom-start] .ui-popover__arrow {
    left: .32rem
}

.ui-popover[data-popper-placement=bottom-end] {
    transform-origin: 100% 0
}

.ui-popover[data-popper-placement=bottom-end] .ui-popover__arrow {
    right: .32rem
}

.ui-popover--light {
    color: var(--skin__neutral_2)
}

.ui-popover--light .ui-popover__content {
    background: var(--skin__bg_2);
    box-shadow: 0 .03rem .07rem var(--skin__web_left_bg_shadow)
}

.ui-popover--light .ui-popover__arrow {
    color: var(--skin__bg_2)
}

.ui-popover--light .ui-popover__action:active {
    color: var(--skin__primary)
}

.ui-popover--light .ui-popover__action--disabled {
    color: var(--skin__disabled-bg-color__custom);
    cursor: not-allowed
}

.ui-popover--light .ui-popover__action--disabled:active {
    background-color: transparent
}

._item_r72oc_45 {
    --switch-lang-content-item-text-color: var(--skin__lead);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

._item_r72oc_45 ._item__text_r72oc_52 {
    flex: 1;
    font-size: .22rem;
    text-align: left;
    color: var(--switch-lang-content-item-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._item_r72oc_45 ._item__text_r72oc_52 {
    text-align: right
}

._item_r72oc_45 ._item__text_r72oc_52._checked_r72oc_61 {
    color: var(--item-text-color, var(--skin__primary))
}

._item_r72oc_45 ._checkbox_r72oc_64 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    line-height: .33rem;
    border-radius: 100%;
    border: thin solid var(--skin__border)
}

._item_r72oc_45 ._checkbox_r72oc_64 ._check_r72oc_61 {
    font-size: .18rem;
    opacity: 0
}

._item_r72oc_45 ._checkbox_r72oc_64._checked_r72oc_61 {
    background-color: var(--skin__primary);
    color: var(--skin__text_primary)
}

._item_r72oc_45 ._checkbox_r72oc_64._checked_r72oc_61 ._check_r72oc_61 {
    opacity: 1
}

._switch-lang_7va2g_45 {
    --switch-lang-icon-arrow-color: var(--skin__alt_neutral_2);
    --switch-lang-icon-arrow-active-color: var(--skin__alt_neutral_2);
    --switch-lang-icon-arrow-size: .14rem;
    --switch-lang-color: var(--skin__alt_neutral_1);
    --switch-lang-icon-margin-right: .2rem;
    --switch-lang-icon-color: var(--switch-lang-color);
    --switch-lang-icon-font-size: .32rem;
    --switch-lang-text-active-color: var(--switch-lang-color);
    --switch-lang-text-width: 1.6rem;
    --switch-lang-text-font-size: .22rem;
    --switch-lang-text-margin: 0;
    --switch-lang-padding: 0 0 0 .14rem;
    --switch-lang-text-click-color: var(--skin__bs_zc_bg);
    --switch-lang-text-click-bg: var(--skin__primary);
    --switch-lang-popover-padding: 0 .15rem;
    --switch-lang-height: .6rem;
    --switch-lang-icon-arrow-font-size: .14rem;
    display: flex;
    align-items: center;
    color: var(--switch-lang-color);
    height: var(--switch-lang-height);
    width: 100%;
    padding: var(--switch-lang-padding)
}

._switch-lang_7va2g_45 ._icon_7va2g_70 {
    margin-right: var(--switch-lang-icon-margin-right);
    font-size: var(--switch-lang-icon-font-size);
    color: var(--switch-lang-icon-color)
}

[dir=rtl] ._switch-lang_7va2g_45 ._icon_7va2g_70 {
    margin-right: 0;
    margin-left: var(--switch-lang-icon-margin-right)
}

._switch-lang_7va2g_45 ._icon_7va2g_70._icon-active_7va2g_75 {
    color: var(--skin__primary)
}

._switch-lang_7va2g_45 ._text_7va2g_78 {
    width: var(--switch-lang-text-width);
    font-size: var(--switch-lang-text-font-size);
    margin: var(--switch-lang-text-margin)
}

._switch-lang_7va2g_45 ._text_7va2g_78._text-active_7va2g_83 {
    color: var(--switch-lang-text-active-color)
}

._switch-lang_7va2g_45 ._icon-arrow_7va2g_86 {
    margin-right: 0;
    color: var(--switch-lang-icon-arrow-color);
    font-size: var(--switch-lang-icon-arrow-size);
    transition: all .3s
}

[dir=rtl] ._switch-lang_7va2g_45 ._icon-arrow_7va2g_86 {
    margin-right: 0;
    margin-left: 0
}

._switch-lang_7va2g_45 ._icon-arrow_7va2g_86._collapse-expanded_7va2g_92 {
    transform: var(--switch-lang-icon-arrow-active-transform, rotate(-90deg));
    color: var(--switch-lang-icon-arrow-active-color)
}

[dir=rtl] ._switch-lang_7va2g_45 ._icon-arrow_7va2g_86._collapse-expanded_7va2g_92 {
    transform: var(--switch-lang-icon-arrow-active-transform, rotate(90deg))
}

._switch-lang_7va2g_45._disabled_7va2g_96 {
    color: var(--skin__neutral_2)
}

._show-has-click_7va2g_100 {
    background-color: var(--switch-lang-text-click-bg);
    color: var(--switch-lang-text-click-color)
}

._show-has-click_7va2g_100 ._icon_7va2g_70,._show-has-click_7va2g_100 ._icon-arrow_7va2g_86 {
    color: var(--switch-lang-text-click-color)
}

._collapse-container_7va2g_111 .ui-collapse-item {
    margin-bottom: 0
}

._collapse-container_7va2g_111 .ui-collapse-item__content {
    background-color: var(--skin__bs_zc_bg);
    padding: 0
}

._collapse-container_7va2g_111 ._collapse-content_7va2g_118 ._lang-item_7va2g_118 {
    height: .55rem;
    padding: 0 .15rem;
    color: var(--skin__neutral_1);
    font-size: .2rem;
    line-height: .55rem
}

._switch-lang-popover_7va2g_126 {
    padding: var(--switch-lang-popover-padding);
    width: inherit
}

._switch-lang-popover_7va2g_126>div {
    height: var(--switch-lang-height);
    display: flex;
    justify-content: space-between
}

._switch-lang-popover_7va2g_126 ._lang-info-box_7va2g_135 {
    display: flex;
    align-items: center;
    justify-content: center
}

._switch-lang-popover_7va2g_126 ._lang-info-box_7va2g_135 ._text_7va2g_78 {
    width: 100%
}

._switch-lang-popover_7va2g_126 ._lang-info-box_7va2g_135 ._collapse-expanded_7va2g_92 {
    transform: rotate(-90deg)
}

[dir=rtl] ._switch-lang-popover_7va2g_126 ._lang-info-box_7va2g_135 ._collapse-expanded_7va2g_92 {
    transform: rotate(90deg)
}

._switch-lang-content_7va2g_147 .ui-popover__content {
    box-shadow: none;
    max-height: 4.7rem;
    min-width: 1.7rem;
    max-width: 3.15rem;
    padding: .15rem 0;
    background: var(--skin__bg_2);
    border: thin solid var(--skin__border);
    border-radius: .1rem
}

._switch-lang-content_7va2g_147 .switch-lang-item {
    --switch-lang-content-item-text-color: var(--skin__neutral_1)
}

._switch-lang-content_7va2g_147 .langItemText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._switch-lang-content_7va2g_147 ._popover-content_7va2g_165 ._lang-item_7va2g_118 {
    height: .8rem;
    padding: 0 .2rem;
    font-size: .24rem;
    line-height: .8rem
}

._switch-lang_7va2g_45 {
    --switch-lang-icon-arrow-color: var(--skin__lead);
    --switch-lang-color: var(--skin__lead)
}

._switch-lang_7va2g_45 ._icon_7va2g_70 {
    font-size: .32rem
}

._switch-lang_7va2g_45 ._icon-arrow_7va2g_86 {
    font-size: .17rem;
    color: var(--skin__alt_neutral_2)
}

._switch-lang_7va2g_45._has-hover_7va2g_183:hover,._switch-lang_7va2g_45._has-hover_7va2g_183:hover ._icon_7va2g_70 {
    color: var(--skin__lead)
}

._switch-lang_7va2g_45._has-hover_7va2g_183:hover ._icon-arrow_7va2g_86 {
    color: var(--skin__alt_neutral_2);
    font-size: .17rem
}

._aside-third-login_17q7k_45 ._title_17q7k_45 {
    display: block;
    margin: .1rem 0 0;
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

._aside-third-login_17q7k_45 ._item_17q7k_51 {
    height: .5rem;
    font-size: .22rem;
    display: flex;
    align-items: center;
    margin-top: .1rem;
    color: var(--skin__alt_neutral_1);
    background-color: var(--skin__bs_zc_an1);
    border-radius: .1rem;
    cursor: pointer;
    position: relative
}

._aside-third-login_17q7k_45 ._item_17q7k_51 .lobby-third-party-button__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0
}

._aside-third-login_17q7k_45 ._item_17q7k_51 .lobby-third-party-button__image {
    width: .32rem;
    height: .32rem;
    box-shadow: none;
    margin: 0 .16rem
}

._aside-third-login_17q7k_45 ._item_17q7k_51 ._third-right-icon_17q7k_75 {
    font-size: .24rem
}

._aside-third-login_17q7k_45 ._scroll-box_17q7k_78 {
    display: flex
}

._aside-third-login_17q7k_45 ._title_17q7k_45 {
    font-weight: 400;
    font-size: .24rem;
    margin: .2rem 0 .05rem;
    color: var(--skin__primary)
}

._aside-third-login_17q7k_45 ._item_17q7k_51 {
    height: .6rem;
    color: var(--skin__lead);
    background-color: transparent;
    border-radius: 0
}

._aside-third-login_17q7k_45 ._item_17q7k_51 .lobby-third-party-button__image {
    width: .31rem;
    height: .31rem;
    margin: 0;
    margin-right: .17rem
}

[dir=rtl] ._aside-third-login_17q7k_45 ._item_17q7k_51 .lobby-third-party-button__image {
    margin-right: 0;
    margin-left: .17rem
}

._other-item_1t1rt_45 {
    display: flex;
    align-items: center;
    min-height: .6rem;
    font-size: .22rem;
    cursor: pointer;
    color: var(--skin__lead)
}

._other-item_1t1rt_45 ._icon-wrap_1t1rt_53 {
    margin-right: .2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--skin__lead);
    border-radius: 50%
}

[dir=rtl] ._other-item_1t1rt_45 ._icon-wrap_1t1rt_53 {
    margin-right: 0;
    margin-left: .2rem
}

._other-item_1t1rt_45 ._icon-wrap_1t1rt_53 i {
    font-size: .32rem;
    color: var(--skin__lead)
}

._other-item_1t1rt_45 ._icon-wrap_1t1rt_53 .moment {
    width: .32rem;
    height: .32rem
}

._other-item_1t1rt_45>span {
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._switch-lang_1t1rt_80 {
    padding: 0
}

._switch-lang_1t1rt_80>span {
    padding: 0
}

._offers-center_1t1rt_87 {
    padding: 0;
    margin: 0;
    justify-content: space-between;
    --menu-item-card-width: 1.25rem;
    --menu-item-height: 1.02rem;
    --menu-item-icon-width: .34rem;
    --menu-item-icon-height: auto;
    --menu-item-icon-margin: .13rem 0 .03rem 0;
    --menu-item-text-color: var(--skin__lead);
    --menu-item-text-size: .2rem;
    --menu-item-text-padding: 0;
    --menu-item-text-height: .5rem;
    --menu-item-bage-max-width: .8rem;
    --menu-item-margin: 0 0 .2rem 0
}

._offers-center_1t1rt_87 .menu-list-item {
    background-color: #bad7ff;
    border-radius: .16rem
}

._offers-center_1t1rt_87 .menu-list-item .lobby-lobby-menu-list__item .lobby-lobby-menu-list__item--text {
    display: flex;
    word-break: break-all
}

._offers-center_1t1rt_87 .menu-list-item .lobby-lobby-menu-list__item .ui-badge__wrapper .ui-badge {
    transform: translateY(-50%);
    left: .63rem;
    right: auto!important
}

[dir=rtl] ._offers-center_1t1rt_87 .menu-list-item .lobby-lobby-menu-list__item .ui-badge__wrapper .ui-badge {
    right: .63rem;
    left: auto!important
}

._offers-center_1t1rt_87 .menu-list-item .lobby-lobby-menu-list__item.lobby-lobby-menu-list__item--text {
    display: flex;
    word-break: break-all
}

._offers-center_1t1rt_87 .active {
    background-color: #006cff;
    --menu-item-text-color: #fff
}

._offers-center_1t1rt_87 .mhcj-item,._offers-center_1t1rt_87 .menu-lucky-item {
    --menu-item-icon-width: .76rem;
    --menu-item-icon-height: .76rem;
    --menu-item-icon-margin: -.1rem 0
}

._aside-popup-container_5u2zh_45 {
    width: 3.2rem;
    background-color: var(--skin__bs_zc_bg)
}

._aside-popup-container_5u2zh_45 ._scroll-content_5u2zh_49 {
    padding: .25rem .25rem 2rem;
    max-height: 100%
}

._aside-popup-overlay_5u2zh_54 {
    height: calc(100% - var(--headHeight))
}

body[class=safe-area-inset-bottom] ._aside-popup-overlay_5u2zh_54 {
    height: calc(100% - var(--headHeight) - var(--skin__safe-area-inset-bottom))
}

._footerBox_7gufs_45 {
    padding: .2rem .2rem .4rem;
    background-color: var(--skin__web_bs_yj_bg)
}

._footerBox_7gufs_45:empty {
    display: none
}

._footerBox_7gufs_45 .assembly-box>div:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: .4rem
}

._footerBox_7gufs_45 .assembly-box:empty+.marketing-box .marketing-box-item:first-child {
    margin-top: 0
}

._footerBox_7gufs_45 .marketing-box .marketing-box-item:last-child {
    margin-bottom: 0
}

._footerBox_7gufs_45 .marketing-box:only-child .marketing-box-item:first-child {
    margin-top: 0
}

html[data-club="1"][data-skin-layout="42"] ._footerBox_7gufs_45 {
    background-color: transparent
}

._home-pattern_uawh1_45 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center
}

[data-ui-contain="1"] ._home-pattern_uawh1_45 {
    max-width: var(--lobby__max-width)
}

.ui-swipe {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    user-select: none
}

.ui-swipe__track {
    display: flex;
    height: 100%;
    transition-property: transform
}

.ui-swipe__track--vertical {
    flex-direction: column
}

.ui-swipe__indicators {
    position: absolute;
    bottom: .24rem;
    left: 50%;
    display: flex;
    transform: translate(-50%)
}

[dir=rtl] .ui-swipe__indicators {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

.ui-swipe__indicators--vertical {
    top: 50%;
    bottom: auto;
    left: .24rem;
    flex-direction: column;
    transform: translateY(-50%)
}

[dir=rtl] .ui-swipe__indicators--vertical {
    left: auto;
    right: .24rem
}

.ui-swipe__indicators--vertical .ui-swipe__indicator:not(:last-child) {
    margin-bottom: .12rem
}

.ui-swipe__indicator {
    width: .12rem;
    height: .12rem;
    background-color: #ebedf0;
    border-radius: 100%;
    opacity: .3;
    transition: opacity .2s,background-color .2s
}

.ui-swipe__indicator:not(:last-child) {
    margin-right: .12rem
}

[dir=rtl] .ui-swipe__indicator:not(:last-child) {
    margin-right: 0;
    margin-left: .12rem
}

.ui-swipe__indicator--active {
    background-color: var(--skin__primary);
    opacity: 1
}

.ui-swipe-item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.ui-swipe-item--hiddenItem {
    display: none!important
}

._banner-skeleton_112ti_45 {
    background-image: linear-gradient(90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important;
    background-size: 200% 100%!important;
    border-radius: .04rem;
    opacity: .5;
    animation: _common_bganimation_112ti_1 .9s linear infinite;
    border-radius: .16rem
}

[dir=rtl] ._banner-skeleton_112ti_45 {
    background-image: linear-gradient(-90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important
}

._banner-skeleton-3_112ti_53 {
    height: var(--banner-box-3-height);
    border-radius: var(--banner-box-3-border-radius)
}

._banner-skeleton-4_112ti_57 {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius)
}

._banner-skeleton-5_112ti_61 {
    height: var(--banner-box-5-height);
    border-radius: var(--banner-box-5-border-radius)
}

._banner-skeleton-6_112ti_65 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-skeleton-7_112ti_69 {
    height: var(--banner-box-7-height);
    border-radius: var(--banner-box-7-border-radius)
}

._main_1hzss_45 {
    overflow: hidden
}

._main_1hzss_45 ._scale_1hzss_48 {
    transform-origin: 0 0
}

[dir=rtl] ._main_1hzss_45 ._scale_1hzss_48 {
    transform-origin: 100% 0
}

._main_1hzss_45 ._innerHTMLContainer_1hzss_51 {
    text-align: left
}

[dir=rtl] ._main_1hzss_45 ._innerHTMLContainer_1hzss_51 {
    text-align: right
}

._banner-item_1jtch_46 {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center
}

._banner-item_1jtch_46 ._bg-img_1jtch_52 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-size: cover
}

._banner-item_1jtch_46 ._bg-img_1jtch_52._bg-img-1_1jtch_60 {
    flex-flow: row-reverse
}

._banner-item_1jtch_46 ._bg-img_1jtch_52._bg-img-2_1jtch_63 {
    flex-flow: row
}

._banner-item_1jtch_46 ._bg-img_1jtch_52._bg-img-3_1jtch_66 {
    height: 100%
}

._banner-item_1jtch_46 ._bg-img_1jtch_52._bg-cusomize-correction_1jtch_69 {
    background-size: contain;
    background-repeat: no-repeat
}

._banner-item_1jtch_46 ._bg-img_1jtch_52 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-line-clamp: unset;
    line-clamp: unset
}

._banner-item_1jtch_46 ._bg-img_1jtch_52 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 .innerHTMLContainer {
    -webkit-line-clamp: unset;
    line-clamp: unset;
    margin: 0 .2rem
}

._banner-item_1jtch_46 ._inner-img-box_1jtch_85 {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

._banner-item_1jtch_46 ._inner-img-box_1jtch_85 ._inner-img_1jtch_85 {
    max-width: 100%;
    max-height: 100%
}

._banner-item_1jtch_46 ._inner-img-box_1jtch_85 ._inner-null_1jtch_95 {
    width: 2.4rem
}

._banner-item_1jtch_46 ._content_1jtch_73 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    text-shadow: var(--banner-text-shadow)
}

._banner-item_1jtch_46 ._content_1jtch_73 ._publicity-name_1jtch_110 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    font-weight: 700;
    white-space: pre-line;
    word-break: break-all
}

._banner-item_1jtch_46 ._content_1jtch_73 ._text_1jtch_73 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word
}

._banner-item_1jtch_46 ._customer-bg_1jtch_128 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

._banner-item_1jtch_46._mode-3_1jtch_135,._banner-item_1jtch_46._mode-7_1jtch_135 {
    justify-content: space-around
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._bg-img_1jtch_52,._banner-item_1jtch_46._mode-7_1jtch_135 ._bg-img_1jtch_52 {
    justify-content: space-evenly
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._inner-img-box_1jtch_85,._banner-item_1jtch_46._mode-7_1jtch_135 ._inner-img-box_1jtch_85 {
    height: 100%
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._content_1jtch_73,._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 {
    width: 4.1rem
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._content_1jtch_73 ._publicity-name_1jtch_110,._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 ._publicity-name_1jtch_110 {
    font-size: .32rem
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._content_1jtch_73 ._text_1jtch_73,._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 ._text_1jtch_73 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .16rem;
    font-size: .22rem;
    max-height: 1.1rem;
    white-space: normal
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73,._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 {
    max-height: 1.7rem;
    margin-top: 0
}

._banner-item_1jtch_46._mode-3_1jtch_135 ._content_1jtch_73 ._text_1jtch_73 .innerHTMLContainer,._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 ._text_1jtch_73 .innerHTMLContainer {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .22rem!important
}

._banner-item_1jtch_46._mode-7_1jtch_135 ._inner-img-box_1jtch_85 {
    width: 2.52rem
}

._banner-item_1jtch_46._mode-7_1jtch_135 ._content_1jtch_73 {
    width: 4.38rem
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._bg-img_1jtch_52 {
    justify-content: space-between
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._bg-img_1jtch_52._bg-img-2_1jtch_63 ._inner-img-box_1jtch_85 {
    right: initial;
    left: 0
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._bg-img_1jtch_52._bg-img-2_1jtch_63 ._inner-img-box_1jtch_85 ._inner-img_1jtch_85 {
    right: unset;
    left: -.4rem
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._bg-img_1jtch_52._bg-img-2_1jtch_63 ._content_1jtch_73 {
    right: 0;
    left: unset;
    margin: 0 .1rem 0 0
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._inner-img-box_1jtch_85 {
    position: absolute;
    right: 0;
    width: 1.66rem;
    height: 100%
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._inner-img-box_1jtch_85 ._inner-img_1jtch_85 {
    position: relative;
    right: -.4rem;
    width: 1.66rem
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._content_1jtch_73 {
    width: 1.04rem;
    height: 100%;
    margin-left: .1rem;
    padding: .1rem 0;
    position: absolute;
    left: 0
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._content_1jtch_73 ._publicity-name_1jtch_110 {
    font-weight: bolder;
    font-size: .21rem;
    line-height: .3rem
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._content_1jtch_73 ._text_1jtch_73 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .06rem;
    font-size: .13rem;
    max-height: .72rem;
    white-space: normal
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 {
    max-height: 1.25rem;
    margin-top: 0
}

._banner-item_1jtch_46._mode-4_1jtch_181 ._content_1jtch_73 ._text_1jtch_73 .innerHTMLContainer {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .13rem!important
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._bg-img-1_1jtch_60 ._inner-img-box_1jtch_85 {
    margin: 0 .18rem 0 0
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._inner-img-box_1jtch_85 {
    width: 2.15rem;
    margin-left: .18rem
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._inner-img-box_1jtch_85 ._inner-img_1jtch_85 {
    width: 2.15rem;
    height: 100%;
    object-fit: contain
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._content_1jtch_73 {
    width: 3.67rem;
    margin: 0 .2rem
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._content_1jtch_73 ._publicity-name_1jtch_110 {
    font-size: .3rem
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._content_1jtch_73 ._text_1jtch_73 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: .7rem;
    margin-top: .16rem;
    font-size: .2rem;
    white-space: normal
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 {
    max-height: 1.48rem;
    margin-top: 0
}

._banner-item_1jtch_46._mode-5_1jtch_246 ._content_1jtch_73 ._text_1jtch_73 .innerHTMLContainer {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .2rem!important
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._inner-img-box_1jtch_85 {
    width: 3.6rem;
    padding-top: .26rem
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._inner-img-box_1jtch_85 ._inner-img_1jtch_85 {
    width: 3.6rem;
    height: 3.14rem
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._content_1jtch_73 {
    width: 3.5rem;
    height: 100%;
    margin: 0 .2rem
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._content_1jtch_73 ._publicity-name_1jtch_110 {
    font-size: .4rem
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._content_1jtch_73 ._text_1jtch_73 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 1.2rem;
    margin-top: .16rem;
    font-size: .26rem;
    white-space: break-spaces
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._content_1jtch_73 ._text_1jtch_73._hidden-title-text_1jtch_73 {
    max-height: 2.6rem;
    margin-top: 0
}

._banner-item_1jtch_46._mode-6_1jtch_290 ._content_1jtch_73 ._text_1jtch_73 .innerHTMLContainer {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .26rem!important
}

._top-download_xt2fn_45 {
    --top_bg_color: var(--skin__bg_2);
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    background: var(--top_bg_color);
    padding-right: .2rem
}

[dir=rtl] ._top-download_xt2fn_45 {
    padding-right: 0;
    padding-left: .2rem
}

._top-download-close_xt2fn_54 {
    padding: 0 .3rem;
    font-size: .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._top-download-content_xt2fn_61 {
    flex: 1;
    display: flex;
    align-items: center
}

._top-download-content_xt2fn_61 img {
    max-height: .5rem
}

._top-download-inner-html_xt2fn_69 {
    text-align: start;
    margin: 0 .1rem;
    max-height: .5rem;
    position: relative;
    line-height: .25rem;
    width: 4.4rem;
    max-width: 4.4rem;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._top-download-info_xt2fn_86 {
    padding: 0 .2rem;
    font-size: .16rem;
    flex: 1
}

._top-download-title_xt2fn_91 {
    font-size: .22rem;
    line-height: .3rem;
    position: relative;
    height: .3rem
}

._top-download-title_xt2fn_91 p {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._top-download-msg_xt2fn_105 {
    position: relative;
    height: .2rem
}

._top-download-msg_xt2fn_105 p {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._top-download_xt2fn_45 button {
    height: .4rem;
    width: 1.2rem;
    font-size: .18rem;
    border-radius: .1rem;
    line-height: 1.33;
    padding: 0 .1rem
}

._top-download_xt2fn_45 button :not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .16rem;
    line-height: 1.13
}

._top-download_xt2fn_45 button .ui-button__text {
    word-break: break-word
}

._download-mode-1_xt2fn_134 {
    --top_bg_color: rgba(0, 0, 0, .6);
    --top_close_icon_color: var(--skin__primary);
    color: var(--skin__text_primary);
    padding-right: .1rem
}

[dir=rtl] ._download-mode-1_xt2fn_134 {
    padding-right: 0;
    padding-left: .1rem
}

._download-mode-1_xt2fn_134 ._top-download-close_xt2fn_54 {
    padding: 0 .2rem;
    color: var(--top_close_icon_color)
}

._download-mode-1_xt2fn_134 ._top-download-inner-html_xt2fn_69 {
    margin: 0 .2rem 0 .1rem
}

[dir=rtl] ._download-mode-1_xt2fn_134 ._top-download-inner-html_xt2fn_69 {
    margin: 0 .1rem 0 .2rem
}

._download-mode-1_xt2fn_134 button {
    border: thin solid var(--top_close_icon_color);
    background: transparent;
    color: var(--top_close_icon_color)
}

._download-mode-0_xt2fn_153 {
    --top_close_icon_color: #666666;
    --top_download_icon_color: var(--skin__primary);
    color: var(--skin__lead);
    padding-right: .1rem
}

[dir=rtl] ._download-mode-0_xt2fn_153 {
    padding-right: 0;
    padding-left: .1rem
}

._download-mode-0_xt2fn_153 ._top-download-close_xt2fn_54 {
    padding: 0 .2rem;
    color: var(--top_close_icon_color)
}

._download-mode-0_xt2fn_153 button {
    color: #fff;
    background: var(--top_download_icon_color);
    border: thin solid var(--top_download_icon_color)
}

._banner-container_x2e9r_45 {
    --banner-box-3-height: 2.1rem;
    --banner-box-4-height: 1.46rem;
    --banner-box-5-height: 1.893rem;
    --banner-box-7-height: 2.2rem;
    --banner-box-6-height: 3.4rem;
    --banner-box-3-border-radius: .16rem;
    --banner-box-4-border-radius: .16rem;
    --banner-box-5-border-radius: .16rem;
    --banner-box-6-border-radius: 0;
    --banner-box-7-border-radius: 0;
    --banner-box-5-swiper-slide-width: 6.42rem;
    --banner-box-3-margin: .2rem;
    --banner-box-4-margin: .2rem;
    --banner-box-5-margin: .2rem;
    --banner-box-6-margin: 0;
    --banner-box-7-margin: 0
}

._banner-container_x2e9r_45 .ui-swipe__indicators {
    padding-bottom: .06rem;
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    z-index: 10;
    transform: translate(-50%)
}

[dir=rtl] ._banner-container_x2e9r_45 .ui-swipe__indicators {
    transform: translate(50%)
}

._banner-container_x2e9r_45 .ui-swipe__indicator {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

._banner-container_x2e9r_45 .ui-swipe__indicator--active {
    opacity: 1;
    width: .24rem;
    border: solid thin rgba(0,0,0,.2)
}

._banner-container_x2e9r_45 ._banner-skeleton_x2e9r_89 {
    background-image: linear-gradient(90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important;
    background-size: 200% 100%!important;
    border-radius: .04rem;
    opacity: .5;
    animation: _common_bganimation_x2e9r_1 .9s linear infinite;
    border-radius: .16rem
}

[dir=rtl] ._banner-container_x2e9r_45 ._banner-skeleton_x2e9r_89 {
    background-image: linear-gradient(-90deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))!important
}

._banner-container_x2e9r_45 ._banner-skeleton-3_x2e9r_97 {
    height: var(--banner-box-3-height);
    border-radius: var(--banner-box-3-border-radius)
}

._banner-container_x2e9r_45 ._banner-skeleton-4_x2e9r_101 {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius)
}

._banner-container_x2e9r_45 ._banner-skeleton-5_x2e9r_105 {
    height: var(--banner-box-5-height);
    border-radius: var(--banner-box-5-border-radius)
}

._banner-container_x2e9r_45 ._banner-skeleton-6_x2e9r_109 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-container_x2e9r_45 ._banner-skeleton-7_x2e9r_113 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-7-border-radius)
}

._banner-container_x2e9r_45>._banner-box-3_x2e9r_117 {
    margin: var(--banner-box-3-margin)
}

._banner-container_x2e9r_45>._banner-box-4_x2e9r_120 {
    margin: var(--banner-box-4-margin)
}

._banner-container_x2e9r_45>._banner-box-5_x2e9r_123 {
    margin: var(--banner-box-5-margin)
}

._banner-container_x2e9r_45>._banner-box-6_x2e9r_126 {
    margin: var(--banner-box-6-margin)
}

._banner-container_x2e9r_45>._banner-box-7_x2e9r_129 {
    margin: var(--banner-box-7-margin)
}

._banner-container_x2e9r_45 ._banner-box-3_x2e9r_117 {
    height: var(--banner-box-3-height);
    min-height: var(--banner-box-3-height);
    border-radius: var(--banner-box-3-border-radius);
    position: relative;
    overflow: hidden
}

._banner-container_x2e9r_45 ._banner-box-3_x2e9r_117 .ui-swipe__indicator--active {
    width: .24rem
}

._banner-container_x2e9r_45 ._banner-box-4_x2e9r_120 {
    min-height: var(--banner-box-4-height);
    position: relative
}

._banner-container_x2e9r_45 ._banner-box-4_x2e9r_120 .swiper-slide,._banner-container_x2e9r_45 ._banner-box-4_x2e9r_120 .ui-swipe-item {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius);
    overflow: hidden
}

._banner-container_x2e9r_45 ._banner-box-4_x2e9r_120 ._topAd_x2e9r_152 {
    border-radius: .16rem .16rem 0 0
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 {
    position: relative;
    min-height: var(--banner-box-5-height)
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-slide {
    width: var(--banner-box-5-swiper-slide-width)!important;
    height: var(--banner-box-5-height);
    border-radius: var(--banner-box-5-border-radius);
    overflow: hidden
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-slide:not(.swiper-slide-active) {
    border-radius: .12rem
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-slide:not(.swiper-slide-active):after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    content: ""
}

[dir=rtl] ._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-slide:not(.swiper-slide-active):after {
    left: auto;
    right: 0
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-pagination span {
    width: .12rem;
    height: .12rem;
    background-color: transparent;
    border: solid .015rem #fff;
    box-shadow: 0 .01rem .01rem rgba(0,0,0,.5);
    opacity: .7
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #fff;
    box-shadow: 0 .01rem .01rem rgba(0,0,0,.5);
    opacity: 1
}

._banner-container_x2e9r_45 ._banner-box-5_x2e9r_123 ._topAd_x2e9r_152 {
    border-radius: .2rem .2rem 0 0
}

._banner-container_x2e9r_45 ._banner-box-6_x2e9r_126 {
    position: relative;
    min-height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-container_x2e9r_45 ._banner-box-6_x2e9r_126 .swiper-slide,._banner-container_x2e9r_45 ._banner-box-6_x2e9r_126 .ui-swipe-item {
    height: var(--banner-box-6-height)
}

._banner-container_x2e9r_45 ._banner-box-7_x2e9r_129 {
    height: var(--banner-box-7-height);
    min-height: var(--banner-box-7-height);
    border-radius: var(--banner-box-7-border-radius);
    position: relative;
    overflow: hidden
}

._banner-container_x2e9r_45 ._banner-box-7_x2e9r_129 .swiper-pagination-bullet-active {
    width: .24rem
}

._topAd_x2e9r_152 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden
}

._tabs_qrnfj_45 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - .4rem);
    height: .6rem;
    margin: .03rem .2rem .15rem;
    background-color: #fff;
    border-radius: .14rem;
    box-shadow: 0 0 .05rem #00d9ff
}

._tabs_qrnfj_45 ._left_qrnfj_56 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex: 1;
    margin-right: .15rem
}

[dir=rtl] ._tabs_qrnfj_45 ._left_qrnfj_56 {
    margin-right: 0;
    margin-left: .15rem
}

._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.87rem;
    height: .4rem;
    margin-left: .2rem;
    color: var(--skin__primary);
    font-size: .18rem;
    background-color: #bad7ff;
    border-radius: .28rem
}

[dir=rtl] ._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63 {
    margin-left: 0;
    margin-right: .2rem
}

._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63 ._icon_qrnfj_75 {
    margin-right: .085rem;
    color: var(--skin__primary);
    width: .24rem;
    height: .24rem
}

[dir=rtl] ._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63 ._icon_qrnfj_75 {
    margin-right: 0;
    margin-left: .085rem
}

._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63 ._name_qrnfj_81 {
    font-size: .2rem;
    max-width: 54%
}

._tabs_qrnfj_45 ._left_qrnfj_56 ._headerIcon_qrnfj_85 {
    width: .24rem;
    height: .24rem;
    margin-right: .085rem
}

[dir=rtl] ._tabs_qrnfj_45 ._left_qrnfj_56 ._headerIcon_qrnfj_85 {
    margin-right: 0;
    margin-left: .085rem
}

._tabs_qrnfj_45 ._left_qrnfj_56 ._headerItem_qrnfj_63._active_qrnfj_90 {
    color: #fff;
    font-weight: 700;
    background-color: var(--skin__primary)
}

._tabs_qrnfj_45 ._right_qrnfj_95 {
    flex-grow: 1;
    padding-right: .12rem
}

[dir=rtl] ._tabs_qrnfj_45 ._right_qrnfj_95 {
    padding-right: 0;
    padding-left: .12rem
}

._tabs_qrnfj_45 ._right_qrnfj_95 ._search_qrnfj_99 {
    width: .55rem;
    height: auto
}

._marketing-red-dot_1au0y_45 {
    width: .3rem;
    height: .3rem;
    position: absolute;
    right: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem);
    top: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem);
    background-color: var(--skin__accent_2);
    border-radius: 50%;
    transform: scale(1);
    animation: _heartbeat_1au0y_1 .6s ease-in-out 0s infinite
}

[dir=rtl] ._marketing-red-dot_1au0y_45 {
    right: auto;
    left: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem)
}

._marketing-red-dot_1au0y_45._left_1au0y_56,._marketing-red-dot_1au0y_45._left_1au0y_56+._red-dot_1au0y_56 {
    right: unset;
    left: 0;
    top: 0
}

[dir=rtl] ._marketing-red-dot_1au0y_45._left_1au0y_56,[dir=rtl] ._marketing-red-dot_1au0y_45._left_1au0y_56+._red-dot_1au0y_56 {
    left: unset;
    right: 0
}

._marketing-red-dot_1au0y_45._right_1au0y_61 {
    right: 0;
    top: 0
}

[dir=rtl] ._marketing-red-dot_1au0y_45._right_1au0y_61 {
    right: auto;
    left: 0
}

@keyframes _heartbeat_1au0y_1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.83333)
    }

    to {
        transform: scale(1)
    }
}

._red-dot_1au0y_56 {
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    position: absolute;
    right: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem);
    top: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem);
    color: #fff;
    font-size: .18rem;
    display: flex;
    justify-content: center;
    align-items: center
}

[dir=rtl] ._red-dot_1au0y_56 {
    right: auto;
    left: calc(-1 * var(--marketing-badge-offset, 1px) + .01rem)
}

._red-dot_1au0y_56._max_1au0y_90 {
    font-size: .14rem
}

._red-dot_1au0y_56._left_1au0y_56 {
    right: unset;
    left: 0;
    top: 0
}

[dir=rtl] ._red-dot_1au0y_56._left_1au0y_56 {
    left: unset;
    right: 0
}

._red-dot_1au0y_56._right_1au0y_61 {
    right: 0;
    top: 0
}

[dir=rtl] ._red-dot_1au0y_56._right_1au0y_61 {
    right: auto;
    left: 0
}

._marketing-scroll-box_1rvcd_45._scroll_1rvcd_45 {
    overflow-y: visible;
    justify-content: flex-start
}

._marketing-scroll-box_1rvcd_45>div+div {
    margin-left: var(--scroll-marketing-box-item-gap)
}

[dir=rtl] ._marketing-scroll-box_1rvcd_45>div+div {
    margin-left: 0;
    margin-right: var(--scroll-marketing-box-item-gap)
}

._marketing-item_1h7m1_45 {
    width: var(--marketing-item-width);
    height: var(--marketing-item-height);
    flex-shrink: 0;
    position: relative
}

._swiper-box_1h7m1_52 {
    position: relative;
    width: 100%
}

._swiper-box_1h7m1_52 .swiper-slide-blank {
    display: none!important
}

._swiper-box_1h7m1_52 .swiper-arrow .arrow-item {
    z-index: 1;
    top: 50%;
    position: absolute;
    width: .28rem;
    height: .28rem;
    margin-top: -.14rem;
    box-sizing: content-box;
    transform-origin: center;
    background: rgba(0,0,0,.5);
    border: thin solid rgba(255,255,255,.1);
    border-radius: .18rem;
    font-size: .16rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer
}

._swiper-box_1h7m1_52 .swiper-arrow .arrow-left {
    left: .1rem
}

._swiper-box_1h7m1_52 .swiper-arrow .arrow-right {
    right: .1rem;
    transform: rotate(180deg)
}

[dir=rtl] ._swiper-box_1h7m1_52 .swiper-arrow .arrow-right {
    transform: rotate(-180deg)
}

._swiper-box_1h7m1_52 .swiper-pagination {
    --swiper-pagination-bottom: .08rem
}

._swiper-box_1h7m1_52 .swiper-pagination .swiper-pagination-bullet {
    opacity: .5;
    background-color: #fff;
    width: .1rem;
    height: .1rem;
    border-radius: .05rem;
    margin: 0 .06rem;
    border: thin solid rgba(0,0,0,.2)
}

._swiper-box_1h7m1_52 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .24rem;
    opacity: 1
}

._single-box_1h7m1_105 {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

._single-box_1h7m1_105 ._marketing-item_1h7m1_45+._marketing-item_1h7m1_45 {
    margin-left: var(--column-gap)
}

[dir=rtl] ._single-box_1h7m1_105 ._marketing-item_1h7m1_45+._marketing-item_1h7m1_45 {
    margin-left: 0;
    margin-right: var(--column-gap)
}

._marketing-box-sm_1hfty_45 {
    --marketing-box-padding: 0 .08rem;
    --marketing-item-width: var(--marketing-box-sm-item-width);
    --marketing-item-height: var(--marketing-box-sm-item-height);
    --scroll-marketing-box-item-gap: var(--scroll-marketing-box-sm-item-gap);
    width: 100%;
    display: flex
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="6"],._marketing-box-sm_1hfty_45 .single-box[data-length="6"] {
    justify-content: space-between;
    padding: .2rem 0 0
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="5"],._marketing-box-sm_1hfty_45 .single-box[data-length="5"] {
    justify-content: space-between;
    padding: .2rem .26rem 0
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="4"],._marketing-box-sm_1hfty_45 .single-box[data-length="4"] {
    justify-content: space-between;
    padding: .2rem .44rem 0
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="3"],._marketing-box-sm_1hfty_45 .single-box[data-length="3"] {
    justify-content: space-between;
    padding: .2rem .72rem 0
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="2"],._marketing-box-sm_1hfty_45 .single-box[data-length="2"] {
    justify-content: space-between;
    padding: .2rem 1.32rem 0
}

._marketing-box-sm_1hfty_45._marketing-box-item_1hfty_53[data-length="1"],._marketing-box-sm_1hfty_45 .single-box[data-length="1"] {
    justify-content: center
}

._marketing-box-sm_1hfty_45._is-swiper_1hfty_76 {
    padding: 0!important
}

._marketing-box-sm_1hfty_45._is-swiper_1hfty_76 .swiper {
    padding: var(--marketing-box-padding)
}

._marketing-box-sm_1hfty_45._is-swiper_1hfty_76 .single-box {
    padding-top: 0
}

._marketing-box-sm_1hfty_45 ._marketing-bg_1hfty_85 {
    width: .9rem;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain
}

@keyframes _errorAnimation_1hfty_1 {
    0% {
        background-position-x: 125%
    }

    to {
        background-position-x: -32%
    }
}

._marketing-box-sm_1hfty_45 ._marketing-bg_1hfty_85[data-status=error] {
    background-image: linear-gradient(120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border));
    opacity: .5;
    background-size: 200% 100%;
    animation: _errorAnimation_1hfty_1 .9s linear infinite
}

[dir=rtl] ._marketing-box-sm_1hfty_45 ._marketing-bg_1hfty_85[data-status=error] {
    background-image: linear-gradient(-120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))
}

._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: max-content;
    max-width: 1.06rem;
    border-radius: .5rem;
    color: var(--color, #fff);
    padding: .04rem .05rem .02rem;
    box-sizing: border-box;
    background-color: var(--bg, #ea4e3d);
    min-width: .6rem;
    box-shadow: inset 0 0 0 .01rem rgba(255,255,255,.3)
}

[dir=rtl] ._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106 p {
    font-size: .18rem;
    line-height: 1.1;
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106 p:not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .18rem
}

._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106 p:not(:lang(zh)):not(:lang(zh_hk)):lang(my) {
    font-size: .16rem;
    line-height: 1.7
}

._marketing-box-sm_1hfty_45 ._marketing-title_1hfty_106:empty {
    display: none
}

._marketing-item-wrap_1hfty_144 {
    width: var(--marketing-box-sm-item-width);
    height: var(--marketing-box-sm-item-height);
    flex-shrink: 0;
    position: relative
}

._countdown_x51vg_45 {
    white-space: nowrap;
    color: var(--skin__neutral_1);
    font-size: .16rem;
    line-height: 1;
    text-align: right
}

[dir=rtl] ._countdown_x51vg_45 {
    text-align: left
}

._countdown_x51vg_45 span {
    color: var(--skin__neutral_1);
    background: transparent!important;
    flex-wrap: wrap
}

._countdown_x51vg_45._inheritTextColor_x51vg_57,._countdown_x51vg_45._inheritTextColor_x51vg_57 span {
    color: inherit
}

._expiredCountdown_x51vg_64 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

._expiredCountdown_x51vg_64 span {
    color: var(--skin__accent_2)
}

._receiveCountdown_x51vg_73 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

._receiveCountdown_x51vg_73 span {
    color: var(--skin__accent_3)
}

._countdown-box_19mbe_45 {
    padding: 0 .08rem 0 .03rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    height: .3rem;
    border-radius: .1rem 0;
    border: thin solid transparent;
    border-right: none;
    border-bottom: none;
    background: linear-gradient(90deg,#ea4e3d,#ea4e3d 85.66%,rgba(234,78,61,0)) padding-box,linear-gradient(90deg,#fff,#fff 85.66%,rgba(234,78,61,0)) border-box;
    color: #ffe209;
    font-size: .16rem
}

[dir=rtl] ._countdown-box_19mbe_45 {
    padding: 0 .03rem 0 .08rem;
    right: auto;
    left: 0;
    border-radius: 0 .1rem;
    border-right: none;
    border-left: none;
    background: linear-gradient(-90deg,#ea4e3d,#ea4e3d 85.66%,rgba(234,78,61,0)) padding-box,linear-gradient(-90deg,#fff,#fff 85.66%,rgba(234,78,61,0)) border-box
}

._countdown-box_19mbe_45 ._lightning-icon_19mbe_61 {
    font-size: .18rem;
    line-height: .16rem
}

._countdown-box_19mbe_45 ._marketing-countdown_19mbe_65 span {
    color: #fff
}

._countdown-box_19mbe_45 ._marketing-countdown_19mbe_65 span:lang(en) {
    text-transform: capitalize
}

._countdown-box_19mbe_45 ._marketing-countdown_19mbe_65 span.countSpan {
    color: #ffe209
}

._countdown-box_19mbe_45 ._marketing-countdown_19mbe_65 span.countSpan:lang(en) {
    text-transform: none
}

._countdown-box_19mbe_45 ._marketing-countdown_19mbe_65 span i {
    color: #fff;
    font-style: normal
}

._marketing-box-md_eh9fl_45 {
    --marketing-item-width: var(--marketing-box-md-item-width);
    --marketing-item-height: var(--marketing-box-md-item-height);
    --scroll-marketing-box-item-gap: var(--scroll-marketing-box-md-item-gap);
    width: 100%;
    display: flex
}

._marketing-box-md_eh9fl_45[data-length="1"],._marketing-box-md_eh9fl_45[data-length="2"] {
    justify-content: center
}

._marketing-box-md_eh9fl_45 ._marketing-item-wrap_eh9fl_55 {
    width: var(--marketing-item-width);
    height: var(--marketing-item-height);
    position: relative;
    flex-shrink: 0
}

._marketing-box-md_eh9fl_45 ._marketing-bg_eh9fl_61 {
    object-fit: contain;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@keyframes _errorAnimation_eh9fl_1 {
    0% {
        background-position-x: 125%
    }

    to {
        background-position-x: -32%
    }
}

._marketing-box-md_eh9fl_45 ._marketing-bg_eh9fl_61[data-status=error] {
    background-image: linear-gradient(120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border));
    opacity: .5;
    background-size: 200% 100%;
    animation: _errorAnimation_eh9fl_1 .9s linear infinite
}

[dir=rtl] ._marketing-box-md_eh9fl_45 ._marketing-bg_eh9fl_61[data-status=error] {
    background-image: linear-gradient(-120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))
}

._marketing-box-md_eh9fl_45 ._active-img_eh9fl_82 {
    width: 1.4rem;
    height: 1.4rem;
    object-fit: contain
}

._marketing-box-md_eh9fl_45 ._marketing-title_eh9fl_87 {
    position: absolute;
    width: 100%;
    text-align: center
}

._marketing-box-md_eh9fl_45 ._marketing-title_eh9fl_87 p {
    -webkit-text-stroke: .06em transparent;
    font-size: var(--font-size, 30px);
    color: var(--default-text-color);
    background: var(--default-text-stroke-color);
    -webkit-background-clip: text;
    will-change: transform;
    padding: 0 .02rem;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._marketing-box-md_eh9fl_45 ._marketing-title_eh9fl_87 p[data-play="1"] {
    animation: _shine_eh9fl_1 .4s infinite cubic-bezier(.74,-.02,.27,.96),_scaleWords_eh9fl_1 .4s cubic-bezier(.74,-.02,.27,.96) 0s infinite
}

@keyframes _shine_eh9fl_1 {
    0% {
        color: var(--default-text-color);
        background: var(--default-text-stroke-color);
        -webkit-background-clip: text
    }

    to {
        color: var(--active-text-color);
        background: var(--active-text-stroke-color);
        -webkit-background-clip: text
    }
}

@keyframes _scaleWords_eh9fl_1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.95)
    }
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    direction: ltr
}

[dir=rtl] ._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131 {
    left: auto;
    right: 0
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="1"] {
    justify-content: center;
    align-items: flex-start
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="1"] ._active-img_eh9fl_82 {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -.1rem
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="1"] ._marketing-title_eh9fl_87 {
    max-width: 2.08rem;
    bottom: .08rem;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="1"] ._marketing-title_eh9fl_87 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="0"] {
    justify-content: flex-start;
    align-items: center
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="0"] ._active-img_eh9fl_82 {
    width: 1.34rem;
    height: 1.34rem
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="0"] ._marketing-title_eh9fl_87 {
    max-width: 1.54rem;
    right: .08rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="2"] {
    justify-content: flex-end;
    align-items: center
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="2"] ._active-img_eh9fl_82 {
    width: 1.34rem;
    height: 1.34rem
}

._marketing-box-md_eh9fl_45 ._marketing-wrap_eh9fl_131[show-type="2"] ._marketing-title_eh9fl_87 {
    max-width: 1.54rem;
    left: .08rem;
    top: 50%;
    transform: translateY(-50%);
    text-align: center
}

._marketing-box-lg_1d7wb_45 {
    --marketing-item-width: 7.1rem
}

._marketing-box-lg_1d7wb_45 ._box-wrap_1d7wb_48 {
    position: relative;
    z-index: 0
}

._marketing-box-lg_1d7wb_45 ._marketing-item_1d7wb_52 {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

._marketing-box-lg_1d7wb_45 ._image-wrapper_1d7wb_59 {
    position: relative;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67 {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    object-fit: contain
}

@keyframes _errorAnimation_1d7wb_1 {
    0% {
        background-position-x: 125%
    }

    to {
        background-position-x: -32%
    }
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67:not([data-status=success]) {
    height: auto;
    position: absolute
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67:not([data-status=success])+._marketing-wrap_1d7wb_86 {
    position: relative;
    padding-left: .2rem;
    padding-right: .2rem
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67:not([data-status=success])+._marketing-wrap_1d7wb_86 ._active-img_1d7wb_91 {
    height: 1rem
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67[data-status=error] {
    background-image: linear-gradient(120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border));
    opacity: .5;
    background-size: 200% 100%;
    animation: _errorAnimation_1d7wb_1 .9s linear infinite
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67[data-status=error] {
    background-image: linear-gradient(-120deg,var(--skin__border),var(--skin__border),var(--skin__border),var(--skin__bg_2),var(--skin__border),var(--skin__border),var(--skin__border))
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67._no-bg_1d7wb_100 {
    display: none
}

._marketing-box-lg_1d7wb_45 ._marketing-bg_1d7wb_67._single-bg_1d7wb_103:not([data-status=success]) {
    min-height: 1rem
}

._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86 {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 1rem;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1.06rem 0 .5rem;
    box-sizing: border-box;
    direction: ltr
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86 {
    left: auto;
    right: 0;
    padding: 0 .5rem 0 1.06rem
}

._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86[show-type="2"] {
    justify-content: flex-end;
    padding: 0 .5rem 0 1.06rem
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86[show-type="2"] {
    padding: 0 1.06rem 0 .5rem
}

._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86[show-type="2"] ._marketing-title_1d7wb_125 {
    right: unset;
    left: 1.06rem
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 ._marketing-wrap_1d7wb_86[show-type="2"] ._marketing-title_1d7wb_125 {
    left: unset
}

._marketing-box-lg_1d7wb_45 ._active-img_1d7wb_91 {
    width: auto;
    height: 100%;
    min-height: 1rem;
    display: block;
    object-fit: contain
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 {
    width: 4.7rem;
    max-width: calc(100% - 2.56rem);
    flex-shrink: 0;
    position: absolute;
    right: 1.06rem;
    display: flex;
    justify-content: center
}

@keyframes _shine_1d7wb_216 {
    0% {
        color: var(--default-text-color);
        background: var(--default-text-stroke-color);
        -webkit-background-clip: text
    }

    to {
        color: var(--active-text-color);
        background: var(--active-text-stroke-color);
        -webkit-background-clip: text
    }
}

@keyframes _scaleWords_1d7wb_1 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.96)
    }
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._multiple_1d7wb_167 {
    line-height: 1.1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 .02rem;
    text-align: center;
    unicode-bidi: bidi-override;
    will-change: transform
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._multiple_1d7wb_167[data-play="1"] {
    animation: _scaleWords_1d7wb_1 .4s infinite cubic-bezier(.74,-.02,.27,.96)
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._multiple_1d7wb_167 b {
    font-size: var(--font-size, 30px);
    color: var(--default-text-color);
    background: var(--default-text-stroke-color);
    -webkit-background-clip: text
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._multiple_1d7wb_167 b[data-play="1"] {
    animation: _shine_1d7wb_216 .4s infinite cubic-bezier(.74,-.02,.27,.96)
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._single_1d7wb_103 {
    font-size: var(--font-size, 30px);
    -webkit-text-stroke: .06em transparent;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 .02rem;
    font-weight: 700;
    width: fit-content;
    max-width: 100%;
    color: var(--default-text-color);
    background: var(--default-text-stroke-color);
    -webkit-background-clip: text;
    justify-content: center;
    text-align: center;
    unicode-bidi: bidi-override;
    will-change: transform
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._single_1d7wb_103[data-play="1"] {
    animation: _shine_1d7wb_216 .4s infinite cubic-bezier(.74,-.02,.27,.96),_scaleWords_1d7wb_1 .5s cubic-bezier(.74,-.02,.27,.96) 0s infinite
}

._marketing-box-lg_1d7wb_45 ._marketing-title_1d7wb_125 ._shine-first_1d7wb_216:not(:first-child) {
    margin-left: .08rem
}

._marketing-box-lg_1d7wb_45 .ui-swipe .ui-swipe__track {
    transition: height .15s cubic-bezier(.46,.19,.14,1),transform .5s;
    align-items: center
}

._marketing-box-lg_1d7wb_45 .ui-swipe .swiper-slide {
    height: 100%
}

._marketing-box-lg_1d7wb_45 .ui-swipe .ui-swipe__indicators {
    transform: translate(-50%);
    bottom: .1rem
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 .ui-swipe .ui-swipe__indicators {
    transform: translate(50%)
}

._marketing-box-lg_1d7wb_45 .ui-swipe .ui-swipe__indicators .ui-swipe__indicator {
    opacity: .5;
    background-color: #fff;
    width: .1rem;
    height: .1rem;
    border-radius: .05rem;
    margin: 0 .06rem;
    border: thin solid rgba(0,0,0,.2)
}

._marketing-box-lg_1d7wb_45 .ui-swipe .ui-swipe__indicators .ui-swipe__indicator.ui-swipe__indicator--active {
    width: .24rem;
    opacity: 1
}

._marketing-box-lg_1d7wb_45 ._swiper-arrow_1d7wb_244 ._arrow-item_1d7wb_244 {
    z-index: 1;
    top: 50%;
    position: absolute;
    width: .28rem;
    height: .28rem;
    margin-top: -.14rem;
    box-sizing: content-box;
    transform-origin: center;
    background: rgba(0,0,0,.5);
    border-radius: .14rem;
    font-size: .16rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

._marketing-box-lg_1d7wb_45 ._swiper-arrow_1d7wb_244 ._arrow-left_1d7wb_262 {
    left: .1rem
}

._marketing-box-lg_1d7wb_45 ._swiper-arrow_1d7wb_244 ._arrow-right_1d7wb_266 {
    right: .1rem;
    transform: rotate(180deg)
}

[dir=rtl] ._marketing-box-lg_1d7wb_45 ._swiper-arrow_1d7wb_244 ._arrow-right_1d7wb_266 {
    transform: rotate(-180deg)
}

._marketing-box_u4hzx_45 {
    --row-gap: .2rem;
    --marketing-box-width: 7.1rem;
    --marketing-box-margin: 0 auto var(--row-gap);
    --marketing-box-padding: var(--row-gap) 0 0;
    --marketing-box-sm-item-width: .96rem;
    --marketing-box-sm-item-height: .9rem;
    --marketing-box-md-item-width: 2.24rem;
    --marketing-box-md-item-height: 1.34rem;
    --scroll-marketing-box-sm-item-gap: .19rem;
    --scroll-marketing-box-md-item-gap: .19rem;
    --marketing-badge-offset: .01rem
}

._marketing-box_u4hzx_45._scale_u4hzx_58 {
    transform: scale(var(--scale, 1));
    transform-origin: 0 0;
    margin-bottom: var(--transform-top)
}

[dir=rtl] ._marketing-box_u4hzx_45._scale_u4hzx_58 {
    transform-origin: 100% 0
}

._marketing-box_u4hzx_45._scale_u4hzx_58 .marketing-box-item {
    max-width: unset
}

._marketing-box_u4hzx_45+._marketing-box_u4hzx_45 .marketing-box-item:first-child {
    padding-top: 0
}

._marketing-box_u4hzx_45 .marketing-box-item {
    margin: var(--marketing-box-margin);
    padding: var(--marketing-box-padding);
    width: var(--marketing-box-width);
    max-width: 100%
}

._marketing-box_u4hzx_45 .marketing-box-item::-webkit-scrollbar {
    display: none
}

._marketing-box_u4hzx_45 .marketing-box-item:first-child {
    margin-top: var(--row-gap);
    padding-top: 0
}

._marketing-box_u4hzx_45 .marketing-box-item+.marketing-box-item {
    padding-top: 0
}

._marketing-box_u4hzx_45 .shine {
    font-weight: 700;
    color: var(--default-text-color);
    background: var(--default-text-stroke-color);
    -webkit-background-clip: text;
    -webkit-text-stroke: .06em transparent
}

._marketing-box_u4hzx_45 .shine[shine-theme="1"] {
    --default-text-color: #ff0;
    --default-text-stroke-color: #006ffc;
    --active-text-color: #006ffc;
    --active-text-stroke-color: #fff
}

.marketing-box.margin-top-0 .marketing-box-item:first-child {
    margin-top: 0
}

.marketing-box.margin-bottom-0 .marketing-box-item:last-child {
    margin-bottom: 0
}

._nav-arrow_uq3u6_45 {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .36rem;
    height: .36rem;
    background-color: rgba(0,0,0,.1);
    border: var(--lobby__px) solid rgba(255,255,255,.1);
    border-radius: 50%
}

._nav-arrow_uq3u6_45 ._arrow-icon_uq3u6_62 {
    font-size: .14rem;
    color: #fff
}

._nav-arrow_uq3u6_45._nav-arrow-left_uq3u6_67 {
    left: -.02rem
}

._nav-arrow_uq3u6_45._nav-arrow-left_uq3u6_67 ._arrow-icon_uq3u6_62 {
    transform: translate(-.02rem,-.01rem)
}

[dir=rtl] ._nav-arrow_uq3u6_45._nav-arrow-left_uq3u6_67 ._arrow-icon_uq3u6_62 {
    transform: translate(.02rem,-.01rem)
}

._nav-arrow_uq3u6_45._nav-arrow-right_uq3u6_74 {
    right: -.02rem;
    transform: translateY(-50%) rotate(180deg)
}

._nav-arrow_uq3u6_45 {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .24rem;
    height: .4rem;
    background-color: transparent;
    border: none
}

._nav-arrow_uq3u6_45 svg {
    cursor: pointer;
    color: var(--skin__primary)
}

._nav-arrow_uq3u6_45._is-hidden_uq3u6_59 {
    display: none
}

._nav-arrow_uq3u6_45 ._arrow-icon_uq3u6_62 {
    font-size: .48rem
}

._nav-arrow_uq3u6_45._nav-arrow-left_uq3u6_67 {
    left: .1rem
}

[dir=rtl] ._nav-arrow_uq3u6_45._nav-arrow-left_uq3u6_67 {
    left: auto;
    right: .1rem
}

._nav-arrow_uq3u6_45._nav-arrow-right_uq3u6_74 {
    right: .1rem;
    transform: translate(-.02rem,-50%) rotate(180deg);
    transform-origin: center
}

[dir=rtl] ._nav-arrow_uq3u6_45._nav-arrow-right_uq3u6_74 {
    right: auto;
    left: .1rem;
    transform: translate(.02rem,-50%) rotate(-180deg)
}

.ui-placeholder__loading-icon {
    width: 100%;
    height: 100%;
    font-size: .6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-placeholder--nested {
    position: relative;
    min-height: 4rem
}

.ui-placeholder__nested-loading {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lobby-base-loading__spinning {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #1677ff;
    font-size: .14rem;
    line-height: 1.5714285714;
    list-style: none;
    text-align: center;
    vertical-align: middle;
    transition: transform .3s cubic-bezier(.78,.14,.15,.86);
    display: inline-block;
    opacity: 1
}

.lobby-base-loading__image {
    width: 1rem;
    height: 1rem
}

.lobby-base-loading--background {
    position: fixed;
    background-color: rgba(0,0,0,.8);
    padding: .4rem .7rem;
    border-radius: .14rem;
    z-index: 9999;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-flow: column;
    align-items: center
}

[dir=rtl] .lobby-base-loading--background {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.lobby-base-loading--background:before {
    position: fixed;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    width: var(--lobby__max-width);
    height: 100vh;
    opacity: 1;
    transform: translate(-50%,-50%)
}

[dir=rtl] .lobby-base-loading--background:before {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

.lobby-base-loading__bottom-text {
    font-size: .28rem;
    margin-top: .25rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    max-width: 5.2rem
}

@keyframes css-17yhhjv-antSpinMove {
    to {
        opacity: 1
    }
}

.ui-empty {
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-empty__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.ui-empty__text {
    display: flex;
    align-items: center;
    color: var(--skin__neutral_2);
    font-size: .26rem;
    margin-bottom: .6rem
}

.ui-empty__text--large {
    font-size: .3rem
}

.ui-empty__image {
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: .2rem;
    margin-top: .6rem
}

.ui-empty__image--large {
    width: 3rem;
    height: 3rem;
    margin-top: .8rem
}

.ui-retry__icon {
    vertical-align: middle;
    color: var(--skin__primary)
}

.ui-retry__inline .ui-retry__icon,.ui-retry__block .ui-retry__icon,.ui-retry__updata .ui-retry__icon {
    margin-left: .16rem
}

[dir=rtl] .ui-retry__inline .ui-retry__icon,[dir=rtl] .ui-retry__block .ui-retry__icon,[dir=rtl] .ui-retry__updata .ui-retry__icon {
    margin-left: 0;
    margin-right: .16rem
}

.ui-retry__block {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    font-size: .24rem
}

.ui-retry__block--with-image {
    font-size: .26rem;
    flex-direction: column
}

.ui-retry__block__image,.ui-retry__image {
    width: 2.1rem;
    height: 2.1rem
}

.ui-retry__text-btn {
    color: var(--skin__primary);
    cursor: pointer;
    display: inline-flex;
    align-items: center
}

.ui-retry__text-btn:not(:lang(zh)):not(:lang(zh_hk)) {
    margin-left: .06rem
}

[dir=rtl] .ui-retry__text-btn:not(:lang(zh)):not(:lang(zh_hk)) {
    margin-left: 0;
    margin-right: .06rem
}

.ui-retry__text {
    text-align: center;
    color: var(--skin__neutral_2)
}

.ui-tab__panel,.ui-tab__panel-wrapper {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%
}

.ui-tab__panel-wrapper--inactive {
    overflow: visible
}

.ui-tabs {
    position: relative
}

.ui-tabs__position--left {
    display: flex
}

.ui-tabs__position--left>.ui-tabs__wrap,.ui-tabs__position--left>.ui-sticky {
    flex-shrink: 0
}

.ui-tabs__wrap {
    overflow: hidden;
    position: relative
}

.ui-tabs__wrap--page-top {
    position: fixed
}

.ui-tabs__wrap--content-bottom {
    top: auto;
    bottom: 0
}

.ui-tabs__nav {
    position: relative;
    display: flex;
    background: transparent;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ui-tabs__nav::-webkit-scrollbar {
    display: none
}

.ui-tabs__nav--left {
    flex-direction: column
}

.ui-tabs__nav--left>.ui-tab {
    padding: 0
}

.ui-tabs__nav--left>.ui-tab>span {
    width: 100%
}

.ui-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: .15rem
}

.ui-tabs__nav--line--shrink,.ui-tabs__nav--line--complete {
    padding-right: .08rem;
    padding-left: .08rem
}

.ui-tabs__nav--card {
    box-sizing: border-box;
    height: .3rem;
    margin: 0 .16rem;
    border: var(--lobby__px) solid var(--skin__primary);
    border-radius: .02rem
}

.ui-tabs__nav--card--shrink {
    display: inline-flex
}

.ui-tabs__line {
    position: absolute;
    bottom: .15rem;
    left: 0;
    z-index: 1;
    width: .5556rem;
    height: .04rem;
    background: var(--skin__primary);
    border-radius: .04rem
}

[dir=rtl] .ui-tabs__line {
    left: auto;
    right: 0
}

.ui-tabs__track {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    will-change: left
}

.ui-tabs__content--animated {
    overflow: hidden
}

.ui-tabs--line .ui-tabs__wrap {
    min-height: .6rem
}

.ui-tabs--card>.ui-tabs__wrap {
    min-height: .6rem
}

.ui-tabs__navigation-prev,.ui-tabs__navigation-next {
    z-index: 3;
    position: absolute;
    display: flex;
    align-items: center
}

.ui-tabs__navigation-prev--left,.ui-tabs__navigation-prev--right,.ui-tabs__navigation-next--left,.ui-tabs__navigation-next--right {
    height: .3rem;
    top: calc(50% - .15rem)
}

.ui-tabs__navigation-prev--top,.ui-tabs__navigation-prev--bottom,.ui-tabs__navigation-next--top,.ui-tabs__navigation-next--bottom {
    width: .3rem;
    left: calc(50% - .15rem)
}

[dir=rtl] .ui-tabs__navigation-prev--top,[dir=rtl] .ui-tabs__navigation-prev--bottom,[dir=rtl] .ui-tabs__navigation-next--top,[dir=rtl] .ui-tabs__navigation-next--bottom {
    left: auto;
    right: calc(50% - .15rem)
}

.ui-tabs__navigation-prev--left {
    left: .1rem
}

[dir=rtl] .ui-tabs__navigation-prev--left {
    left: auto;
    right: .1rem
}

.ui-tabs__navigation-prev--top {
    top: .1rem
}

.ui-tabs__navigation-next--right {
    right: .1rem
}

[dir=rtl] .ui-tabs__navigation-next--right {
    right: auto;
    left: .1rem
}

.ui-tabs__navigation-next--bottom {
    bottom: .1rem
}

.ui-tab {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .02rem;
    color: inherit;
    font-size: .28rem;
    line-height: .2rem;
    cursor: pointer
}

.ui-tab--active {
    color: var(--skin__primary);
    font-weight: 400
}

.ui-tab--disabled {
    color: #c8c9cc;
    cursor: not-allowed
}

.ui-tab--grow {
    flex: 1 0 auto;
    padding: 0 .12rem
}

.ui-tab--shrink {
    flex: none;
    padding: 0 .08rem
}

.ui-tab--card {
    color: var(--skin__primary);
    border-right: var(--lobby__px) solid var(--skin__primary)
}

[dir=rtl] .ui-tab--card {
    border-right: none;
    border-left: var(--lobby__px) solid var(--skin__primary)
}

.ui-tab--card:last-child {
    border-right: none
}

[dir=rtl] .ui-tab--card:last-child {
    border-right: none;
    border-left: none
}

.ui-tab--card.ui-tab--active {
    color: #fff;
    background-color: var(--skin__primary)
}

.ui-tab--card.ui-tab--disabled {
    color: #c8c9cc
}

[dir=rtl] .ui-tabs__line {
    left: 0;
    right: unset
}

[dir=rtl] [dir=rtl] .ui-tabs__line {
    right: 0;
    left: unset
}

.ui-sticky {
    height: fit-content
}

.ui-sticky--fixed {
    pointer-events: none
}

.ui-sticky--fixed>* {
    pointer-events: auto
}

.ui-sticky--fixed[data-mode=fixed] {
    position: fixed
}

.ui-sticky--fixed[data-mode=absolute] {
    position: absolute
}

.ui-arrow--up {
    transform: rotate(90deg)
}

[dir=rtl] .ui-arrow--up,.ui-arrow--down {
    transform: rotate(-90deg)
}

[dir=rtl] .ui-arrow--down {
    transform: rotate(90deg)
}

.ui-arrow--left {
    transform: rotate(0)
}

.ui-arrow--right {
    transform: rotate(180deg)
}

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

.ui-arrow--flip {
    transition: transform .3s linear
}

._list-ordinary_1gyrx_45 {
    width: fit-content
}

._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48 {
    display: flex;
    flex-wrap: wrap
}

html[data-gap-supported="1"] ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48 {
    width: var(--list-ordinary-width);
    height: var(--list-ordinary-height);
    column-gap: calc(var(--list-ordinary-left-right-spacing) - var(--list-ordinary-left-right-spacing-adapt));
    row-gap: var(--list-ordinary-top-bot-spacing)
}

html[data-gap-supported="0"] ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48 {
    width: calc(var(--list-ordinary-width) + var(--list-ordinary-left-right-spacing));
    height: calc(var(--list-ordinary-height) + var(--list-ordinary-top-bot-spacing));
    margin: calc(0% - var(--list-ordinary-top-bot-spacing) / 2) calc(0% - var(--list-ordinary-left-right-spacing) / 2)
}

html[data-gap-supported="0"] ._list-ordinary_1gyrx_45>._list-ordinary-layout_1gyrx_48>* {
    margin: calc(var(--list-ordinary-top-bot-spacing) / 2) calc(var(--list-ordinary-left-right-spacing) / 2 - var(--list-ordinary-left-right-spacing-adapt))
}

._game-status-label-img_1k3td_45 {
    position: absolute;
    top: -.01rem;
    left: -.01rem;
    z-index: 8;
    width: var(--label-icon-width);
    height: var(--label-icon-height);
    background-size: 100% 100%
}

[dir=rtl] ._game-status-label-img_1k3td_45 {
    left: auto;
    right: -.01rem
}

._label-wrap_12t3s_45 {
    min-width: .62rem;
    max-width: 1.43rem;
    min-height: .503rem;
    max-height: 1.16rem
}

._label-wrap_12t3s_45._rounded_12t3s_51 {
    min-width: .52rem;
    max-width: 1.12rem;
    min-height: .41086rem;
    max-height: .88493rem
}

._mask-maintain_mp8tz_46 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    border-radius: 0;
    cursor: not-allowed;
    opacity: 1;
    transition: opacity .6s
}

._mask-maintain_mp8tz_46 ._maintain-icon_mp8tz_60 {
    width: var(--maintain-icon-size);
    height: var(--maintain-icon-size);
    background-size: 100% 100%
}

._position-top-left_mp8tz_67>._maintain-icon_mp8tz_60 {
    position: absolute;
    top: 0;
    left: 0
}

[dir=rtl] ._position-top-left_mp8tz_67>._maintain-icon_mp8tz_60 {
    left: auto;
    right: 0
}

._position-top-center_mp8tz_74>._maintain-icon_mp8tz_60 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._position-top-center_mp8tz_74>._maintain-icon_mp8tz_60 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._position-center_mp8tz_82>._maintain-icon_mp8tz_60 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

[dir=rtl] ._position-center_mp8tz_82>._maintain-icon_mp8tz_60 {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._game-name-normal_nto5v_45 {
    width: 100%;
    text-align: center;
    overflow: hidden
}

._game-name-normal_nto5v_45._game-height_nto5v_50 {
    height: var(--game-height-size)
}

._game-name-normal_nto5v_45 ._name-inner_nto5v_53 {
    width: 100%
}

._game-name-normal_nto5v_45._line-one_nto5v_56 ._name-inner_nto5v_53 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._game-name-normal_nto5v_45._line-two_nto5v_61 ._name-inner_nto5v_53 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._game-platform-name_1foyt_45 {
    width: 100%;
    color: #fff;
    padding: calc(var(--card-benchmark) * .029) calc(var(--card-benchmark) * .071) calc(var(--card-benchmark) * .0524)
}

._game-platform-name_1foyt_45 ._top-name_1foyt_50 {
    width: 100%;
    font-family: MicrosoftYaHei;
    text-align: center;
    word-wrap: break-word;
    font-weight: 700;
    font-size: calc(var(--card-benchmark) * .1333);
    text-shadow: 0 0 .05rem #03c3ff
}

._game-platform-name_1foyt_45 ._top-name_1foyt_50 .name-inner {
    font-weight: 700
}

._game-platform-name_1foyt_45 ._bottom-name_1foyt_62 {
    width: 100%;
    font-family: MicrosoftYaHei;
    text-align: center;
    word-wrap: break-word;
    font-weight: 700;
    margin-top: calc(var(--card-benchmark) * .03333);
    font-size: calc(var(--card-benchmark) * .076);
    text-shadow: 0 0 .05rem #03c3ff
}

._poster-image-floors_5ly5i_49 {
    --poster-image-floors-border-width: 0;
    --poster-image-floors-border-color: var(--skin__web_plat_line);
    --poster-image-floors-border-radius: var(--poster-image-floors-border-base-radius);
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    color: var(--skin__ddt_icon);
    background-color: var(--skin__ddt_bg);
    background-size: 100% 100%;
    border-style: solid;
    border-width: var(--poster-image-floors-border-width);
    border-color: var(--poster-image-floors-border-color);
    border-radius: var(--poster-image-floors-border-radius)
}

._poster-image_1yjon_49 {
    --poster-image-border-width: 0;
    --poster-image-border-color: var(--skin__web_plat_line);
    --poster-image-border-radius: var(--poster-image-border-base-radius);
    color: var(--skin__ddt_icon);
    border-style: solid;
    border-width: var(--poster-image-border-width);
    border-color: var(--poster-image-border-color);
    border-radius: var(--poster-image-border-radius);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden
}

._poster-image_1yjon_49._shrink-bg-img_1yjon_66 {
    background-size: calc(100% - var(--poster-image-shrink-background-size)) calc(100% - var(--poster-image-shrink-background-size))
}

._poster-image_1yjon_49.lobby-image--skeleton[data-status=loading] {
    border-radius: var(--poster-image-border-radius)
}

._poster-image_1yjon_49._is-has-background-color_1yjon_72 {
    background-color: var(--skin__ddt_bg)
}

._poster-box-core_19gc7_48 {
    --poster-box-core-width: var(--card-benchmark);
    --poster-box-core-height: calc(var(--card-benchmark) * 1.33);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-box-core-width);
    height: var(--poster-box-core-height)
}

._type-default_19gc7_60 {
    --poster-box-width: var(--card-benchmark);
    --poster-box-height: calc(var(--card-benchmark) * 1.33);
    --poster-box-border-width: 0;
    --poster-box-border-color: $skin__web_plat_line;
    --baseRadius: calc(var(--card-benchmark) * .125);
    --poster-box-border-radius: var(--baseRadius)
}

._type-default_19gc7_60._is-recommend_19gc7_68 {
    --poster-box-border-radius: calc(var(--baseRadius) * .7) var(--baseRadius) var(--baseRadius) var(--baseRadius)
}

._type-default_19gc7_60.lobby-image--skeleton[data-status=loading] {
    border-radius: var(--poster-box-border-radius)
}

._favorite-area_fnaj4_45 {
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: fit-content;
    margin: -.06rem;
    padding: .06rem;
    line-height: 0;
    cursor: pointer
}

._rectangle-star_1y6q5_45 {
    --favorited-icon-width: calc(var(--card-benchmark) * .3);
    --favorited-icon-height: calc(var(--card-benchmark) * .181);
    --favorited-icon-font-size: calc(var(--card-benchmark) * .086);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--favorited-icon-width);
    height: var(--favorited-icon-height);
    color: #666;
    background-color: rgba(255,255,255,.6);
    font-size: var(--favorited-icon-font-size);
    border-radius: 0 .14rem 0 .1rem
}

[dir=rtl] ._rectangle-star_1y6q5_45 {
    border-radius: .14rem 0 .1rem
}

._rectangle-star_1y6q5_45 ._rectangle-star-icon_1y6q5_59 {
    opacity: .6
}

._type-vertical_1y6q5_63 {
    --circle-star-icon-side: .34rem
}

._type-square_1y6q5_67 {
    --circle-star-icon-side: .4rem
}

._type-landscape_1y6q5_71 {
    --circle-star-icon-side: calc(var(--card-benchmark) * .15)
}

._isFavorite_1y6q5_75 {
    color: var(--skin__primary)
}

._isFavorite_1y6q5_75 ._rectangle-star-icon_1y6q5_59 {
    opacity: 1
}

._virtual-border_1unl1_45 {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    pointer-events: none
}

._vertical-bottom-name-theme9_4hybx_45 ._game-status-label_4hybx_50 {
    z-index: 11
}

._vertical-bottom-name-theme9_4hybx_45 ._virtual-border_4hybx_53 {
    z-index: 10
}

._vertical-bottom-name-theme9_4hybx_45 ._rectangle-star_4hybx_56 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

[dir=rtl] ._vertical-bottom-name-theme9_4hybx_45 ._rectangle-star_4hybx_56 {
    right: auto;
    left: 0
}

._vertical-bottom-name-theme9_4hybx_45 ._remember-icon_4hybx_62 {
    z-index: 12
}

._game-list-design_1tgsw_45 {
    opacity: 1;
    display: flex;
    justify-content: center
}

._tab-item-title_iog6y_45 {
    width: 100%;
    height: 100%;
    border-radius: .14rem;
    box-shadow: 0 0 .05rem #00d9ff;
    border: solid .01rem #bad7ff;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._tab-item-title_iog6y_45 ._icon_iog6y_57 {
    width: .6rem;
    height: auto;
    z-index: 2
}

._tab-item-title_iog6y_45 ._text_iog6y_62 {
    height: .26rem;
    font-size: .18rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 1.2;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: middle;
    word-break: break-word;
    z-index: 2
}

._is-active_iog6y_77 {
    background-image: linear-gradient(0deg,#b5feff,#fff 52%,#b1feff);
    border: .01rem solid #03c3ff;
    font-weight: 700
}

._gameContent_mj7tm_45 .ui-tabs__nav--line {
    padding-bottom: .03rem
}

._gameContent_mj7tm_45 .ui-tab--shrink {
    padding: 0
}

._gameContent_mj7tm_45 .ui-tabs__navigation-prev--arrived svg,._gameContent_mj7tm_45 .ui-tabs__navigation-next--arrived svg {
    color: var(--skin__neutral_3)
}

._gameContent_mj7tm_45 ._menuList_mj7tm_58 {
    padding: .15rem .7rem;
    height: 1.2rem;
    background-color: var(--skin__bg_1)
}

._gameContent_mj7tm_45 ._menuList_mj7tm_58 ._titleClass_mj7tm_63 {
    width: 1.4rem;
    height: .9rem;
    padding: .03rem;
    margin-right: .15rem
}

[dir=rtl] ._gameContent_mj7tm_45 ._menuList_mj7tm_58 ._titleClass_mj7tm_63 {
    margin-right: 0;
    margin-left: .15rem
}

._gameContent_mj7tm_45 ._menuList_mj7tm_58 ._titleClass_mj7tm_63:nth-last-child(2) {
    margin-right: 0
}

[dir=rtl] ._gameContent_mj7tm_45 ._menuList_mj7tm_58 ._titleClass_mj7tm_63:nth-last-child(2) {
    margin-right: 0;
    margin-left: 0
}

._gameContent_mj7tm_45 ._game-list-box_mj7tm_72 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

._gameContent_mj7tm_45 ._game-list-box_mj7tm_72 ._game-list_mj7tm_72 {
    margin: 0
}

._img-text-logo_1suss_45 {
    --img-text-logo-img-width: .74rem;
    --img-text-logo-img-height: .74rem;
    --img-text-logo-img-title-size: .28rem;
    --img-text-logo-img-content-size: .22rem;
    --img-text-logo-width: 2.64rem;
    --img-text-logo-img-margin-right: .08rem;
    --img-text-logo-img-title-color: var(--skin__alt_lead);
    --img-text-logo-img-content-color: var(--skin__alt_border);
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 4.15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._img-text-logo_1suss_45._img-logo-only_1suss_62 img {
    width: auto
}

._img-text-logo_1suss_45 img {
    margin-right: var(--img-text-logo-img-margin-right);
    width: var(--img-text-logo-img-width);
    height: var(--img-text-logo-img-height)
}

[dir=rtl] ._img-text-logo_1suss_45 img {
    margin-right: 0;
    margin-left: var(--img-text-logo-img-margin-right)
}

._img-text-logo_1suss_45 ._img-title_1suss_70 {
    max-width: calc(.1rem + var(--img-text-logo-width) - var(--img-text-logo-img-width) - var(--img-text-logo-img-margin-right));
    color: var(--img-text-logo-img-title-color);
    font-weight: 700;
    line-height: 1;
    padding: .02rem .03rem 0 0;
    font-size: var(--img-text-logo-img-title-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._img-text-logo_1suss_45 ._img-title_1suss_70 {
    padding: .02rem 0 0 .03rem
}

._logo-box_ykey8_45 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

._logo-box_ykey8_45 ._custom-logo_ykey8_53 {
    object-fit: contain;
    cursor: pointer;
    max-width: 205%;
    max-height: 205%;
    vertical-align: middle
}

.ui-select-input {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--skin__bg_2);
    padding: 0 .2rem;
    box-sizing: border-box
}

.ui-select-input__prefix {
    padding-right: .1rem
}

[dir=rtl] .ui-select-input__prefix {
    padding-right: 0;
    padding-left: .1rem
}

.ui-select-input__suffix {
    padding-left: .2rem
}

[dir=rtl] .ui-select-input__suffix {
    padding-left: 0;
    padding-right: .2rem
}

.ui-select-input__suffix,.ui-select-input__prefix {
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    opacity: 1
}

.ui-select-input--isReadOnly {
    background-color: var(--skin__bg_1)
}

.ui-select-input__input {
    color: var(--skin__lead);
    flex: 1;
    height: 100%;
    width: 100%;
    background: transparent
}

.ui-select-input__input--hiddenCursor {
    color: transparent;
    cursor: pointer;
    text-shadow: 0 0 0 var(--skin__neutral_2)
}

.ui-select-input__input::placeholder {
    font-size: .22rem;
    color: var(--skin__neutral_3)
}

.ui-select-input__input--hasSuffix {
    padding-right: 0
}

[dir=rtl] .ui-select-input__input--hasSuffix {
    padding-right: 0;
    padding-left: 0
}

.ui-select-input__star-sign {
    color: var(--skin__accent_2);
    width: .12rem;
    height: 100%;
    display: flex;
    align-items: center
}

input[type=search] {
    -webkit-appearance: none;
    appearance: none
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ui-select__reference {
    position: relative;
    min-width: 1.6rem;
    max-width: 100%;
    overflow: hidden;
    width: auto;
    border-radius: .1rem;
    border: var(--lobby__px) solid var(--skin__border);
    color: var(--skin__neutral_2);
    cursor: pointer
}

.ui-select__reference:focus-within {
    border-color: var(--skin__primary)
}

.ui-select__reference--mini {
    height: .5rem;
    min-width: 1.3rem;
    font-size: .2rem
}

.ui-select__reference--middle {
    height: .6rem;
    min-width: 2.4rem;
    font-size: .2rem
}

.ui-select__reference--large {
    font-size: .22rem;
    height: .7rem;
    min-width: 100%
}

.ui-select__reference--round {
    border-radius: .35rem
}

.ui-select__reference--border {
    border-color: var(--skin__primary)
}

.ui-select__icon-clear {
    z-index: 5;
    font-size: .28rem;
    margin-right: .05rem
}

[dir=rtl] .ui-select__icon-clear {
    margin-right: 0;
    margin-left: .05rem
}

.ui-select__icon-arrow {
    font-size: .2rem
}

.ui-select__icon--arrowTop {
    transition: transform .3s linear;
    transform: rotate(90deg);
    margin-right: .06rem
}

[dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(-90deg);
    margin-right: 0;
    margin-left: .06rem
}

.ui-select__icon--arrowBottom {
    transition: transform .3s linear;
    transform: rotate(-90deg);
    margin-right: .06rem
}

[dir=rtl] .ui-select__icon--arrowBottom {
    transform: rotate(90deg);
    margin-right: 0;
    margin-left: .06rem
}

.ui-select__options {
    padding: .15rem .03rem;
    box-sizing: border-box;
    max-height: 5.4rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--skin__bg_2);
    border: solid var(--lobby__px) var(--skin__border);
    box-shadow: 0 .04rem .12rem rgba(0,0,0,.1);
    border-radius: .14rem
}

.ui-select__scroll {
    flex: 1
}

.ui-select__not-found {
    height: .8rem;
    min-width: 1.6rem;
    width: 100%;
    line-height: .8rem;
    padding-left: .17rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] .ui-select__not-found {
    padding-left: 0;
    padding-right: .17rem
}

.ui-options__option {
    width: 100%;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: start;
    color: var(--skin__neutral_2);
    font-size: .24rem;
    padding: 0 .2rem;
    cursor: pointer
}

.ui-options__option:hover {
    background-color: var(--skin__bg_1)
}

.ui-options__option--active {
    color: var(--skin__primary);
    background-color: var(--skin__bg_2)
}

.ui-options__option-content {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%
}

[dir=rtl] .ui-select__icon--arrowBottom {
    transform: rotate(-90deg)
}

[dir=rtl] [dir=rtl] .ui-select__icon--arrowBottom,[dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(90deg)
}

[dir=rtl] [dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(-90deg)
}

.ui-select-single {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--skin__bg_2);
    padding: 0 .2rem;
    box-sizing: border-box;
    border-radius: .1rem
}

.ui-select-single__content {
    flex: 1;
    color: var(--skin__neutral_3);
    display: flex;
    align-items: center
}

.ui-select-single__content--has-content {
    color: var(--skin__lead)
}

.ui-select-single__prefix {
    padding-right: .1rem
}

[dir=rtl] .ui-select-single__prefix {
    padding-right: 0;
    padding-left: .1rem
}

.ui-select-single__suffix {
    padding-left: .2rem
}

[dir=rtl] .ui-select-single__suffix {
    padding-left: 0;
    padding-right: .2rem
}

.ui-select-single--isReadOnly {
    background-color: var(--skin__bg_1)
}

.ui-select-single__prefix,.ui-select-single__suffix {
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    opacity: 1
}

.ui-select-single__star-sign {
    color: var(--skin__accent_2);
    width: .12rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: .04rem
}

._preview-image_1vyc9_45 {
    direction: ltr;
    position: absolute;
    top: 0!important;
    left: 0!important;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0
}

[dir=rtl] ._preview-image_1vyc9_45 {
    direction: rtl;
    left: auto!important;
    right: 0!important
}

._preview-image_1vyc9_45 ._code_1vyc9_55 {
    border-radius: .15rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    width: 3.6rem;
    height: 3.6rem
}

[dir=rtl] ._preview-image_1vyc9_45 ._code_1vyc9_55 {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._preview-image_1vyc9_45 ._code_1vyc9_55 canvas {
    border-radius: .15rem
}

._preview-image_1vyc9_45 ._code_1vyc9_55 ._logo_1vyc9_69 {
    border-radius: .1rem;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

[dir=rtl] ._preview-image_1vyc9_45 ._code_1vyc9_55 ._logo_1vyc9_69 {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._qr-code_1y3dz_45 {
    margin-right: .2rem;
    border: var(--lobby__px) solid var(--skin__border);
    border-radius: .14rem .14rem .2rem .2rem;
    background-color: #fff;
    width: 1.3rem;
    flex-shrink: 0
}

[dir=rtl] ._qr-code_1y3dz_45 {
    margin-right: 0;
    margin-left: .2rem
}

._qr-code_1y3dz_45 ._code_1y3dz_53 {
    border-radius: .14rem .14rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

._qr-code_1y3dz_45 button {
    width: 100%;
    border-radius: 0 0 .14rem .14rem;
    height: .66rem;
    min-height: .5rem;
    font-size: .22rem;
    max-width: 1.5rem;
    padding: 0
}

._qr-code_1y3dz_45 button:lang(my) {
    font-size: .16rem;
    line-height: 1.8
}

._social-media_1jeu6_45 {
    margin-top: .2rem;
    width: 5rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding-bottom: .1rem
}

._social-media_1jeu6_45 ._media-item_1jeu6_53 {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    margin-right: .4rem;
    cursor: pointer
}

[dir=rtl] ._social-media_1jeu6_45 ._media-item_1jeu6_53 {
    margin-right: 0;
    margin-left: .4rem
}

._social-media_1jeu6_45 ._media-item_1jeu6_53 ._shareIcon_1jeu6_61 {
    width: .7rem;
    height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--skin__primary);
    border: var(--lobby__px) solid var(--skin__border)
}

._social-media_1jeu6_45 ._media-item_1jeu6_53 ._media-item-icon_1jeu6_71 {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

._social-media_1jeu6_45 ._media-item_1jeu6_53 ._media-item-icon_1jeu6_71 img {
    max-width: 112%;
    object-fit: cover;
    object-position: center
}

._social-media_1jeu6_45 ._media-item_1jeu6_53 ._shareText_1jeu6_86 {
    color: var(--skin__neutral_1);
    font-size: .22rem;
    line-height: 1.15;
    margin-top: .1rem;
    text-align: center;
    word-wrap: break-word;
    display: inline-block;
    max-width: 1.1rem
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._message_13ux6_51 {
    margin-bottom: .4rem;
    font-size: .24rem;
    line-height: 1.5;
    text-align: left;
    text-indent: 2em
}

[dir=rtl] ._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._message_13ux6_51 {
    text-align: right
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._buttons_13ux6_58 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._buttons_13ux6_58 .ui-button {
    margin-right: .3rem
}

[dir=rtl] ._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._buttons_13ux6_58 .ui-button {
    margin-right: 0;
    margin-left: .3rem
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._buttons_13ux6_58 .ui-button:last-child {
    margin-right: 0
}

[dir=rtl] ._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._buttons_13ux6_58 .ui-button:last-child {
    margin-right: 0;
    margin-left: 0
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._account_13ux6_70 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .1rem;
    font-size: .22rem;
    text-align: center
}

._temporaryAccountPromoteGuideDialog_13ux6_45 ._temporaryAccountPromoteGuide_13ux6_45 ._account_13ux6_70 span {
    color: var(--skin__primary);
    cursor: pointer
}

._share-module_167j6_45 {
    padding: .2rem .2rem 0;
    box-shadow: 0 .03rem .07rem rgba(0,0,0,.08)
}

._share-module_167j6_45 ._share-prompt-box_167j6_49 {
    margin-top: -.05rem
}

._share-module_167j6_45 ._share-prompt_167j6_49 {
    color: var(--skin__neutral_2);
    font-size: .2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 .1rem;
    white-space: nowrap
}

._share-module_167j6_45 ._invite_167j6_61 {
    padding-bottom: .2rem;
    border-bottom: thin solid var(--skin__border);
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._share-module_167j6_45 ._invite_167j6_61>p {
    color: var(--skin__lead)
}

._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 {
    display: flex
}

._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 label {
    margin-right: .1rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 label {
    margin-right: 0;
    margin-left: .1rem
}

._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._invite-code_167j6_79 {
    color: var(--skin__lead);
    transform: translateY(.03rem);
    margin-right: .02rem
}

[dir=rtl] ._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._invite-code_167j6_79 {
    margin-right: 0;
    margin-left: .02rem
}

._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._copy_167j6_84 {
    margin-left: .1rem
}

[dir=rtl] ._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._copy_167j6_84 {
    margin-left: 0;
    margin-right: .1rem
}

._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._copy_167j6_84 i {
    transform: translateY(.03rem) translate(.02rem)
}

[dir=rtl] ._share-module_167j6_45 ._invite_167j6_61 ._wrapper-invite-code_167j6_72 ._copy_167j6_84 i {
    transform: translateY(.03rem) translate(-.02rem)
}

._share-module_167j6_45 ._share-info_167j6_90 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 {
    border-radius: .14rem .14rem .2rem .2rem;
    background-color: #fff;
    width: 1.3rem;
    margin-right: .2rem;
    border: var(--lobby__px) solid var(--skin__border)
}

[dir=rtl] ._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 {
    margin-right: 0;
    margin-left: .2rem
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 ._code_167j6_102 {
    border-radius: .14rem .14rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 ._code_167j6_102 canvas {
    margin: .05rem;
    width: 1.2rem!important;
    height: 1.2rem!important
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 button {
    width: 100%;
    border-radius: 0 0 .14rem .14rem;
    height: auto;
    min-height: .66rem;
    font-size: .22rem;
    max-width: 1.5rem;
    padding: 0 .05rem
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 button:not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .18rem
}

._share-module_167j6_45 ._share-info_167j6_90 ._qr-code_167j6_95 button:not(:lang(zh)):not(:lang(zh_hk)):lang(my) {
    font-size: .14rem
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 {
    flex-grow: 1;
    overflow: hidden
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link-title_167j6_132 {
    margin-bottom: .2rem;
    font-size: .22rem;
    color: var(--skin__neutral_2)
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 {
    position: relative;
    display: flex;
    align-items: center
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 {
    width: 4.88rem;
    margin-right: .1rem
}

[dir=rtl] ._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 {
    margin-right: 0;
    margin-left: .1rem
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 .ui-select__reference {
    height: .7rem;
    overflow: visible
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 .ui-select-single__content {
    padding: .2rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 4rem;
    display: block
}

._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 .ui-select-single__suffix .copy {
    width: .33rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: var(--skin__primary)
}

[dir=rtl] ._share-module_167j6_45 ._share-info_167j6_90 ._link-box_167j6_128 ._link_167j6_128 ._link-select_167j6_142 .ui-select-single__suffix .copy {
    right: auto;
    left: 0
}

._link-option_167j6_166 {
    text-wrap: wrap
}

._link-option_167j6_166 .ui-options__option {
    height: auto;
    line-height: 1.2;
    padding: .1rem .2rem
}

._link-option_167j6_166 .ui-options__option .ui-options__option-content {
    white-space: normal;
    word-break: break-all
}

[dir=rtl] ._link_167j6_128 ._link-select_167j6_142 .ui-select-single__content {
    direction: ltr!important
}

[dir=rtl] [dir=rtl] ._link_167j6_128 ._link-select_167j6_142 .ui-select-single__content {
    direction: rtl!important
}

._task-placeholder_1srqp_45 {
    width: 100%;
    height: 100%;
    min-height: 5rem
}

._task-placeholder_1srqp_45 ._task-container_1srqp_50 {
    height: 100%;
    display: flex;
    flex-direction: column
}

._task-placeholder_1srqp_45 ._task-empty_1srqp_55 {
    height: 100%
}

._promoteShareBox_1srqp_59 .ui-dialog__content {
    padding-top: .2rem
}

._promoteShareBox_1srqp_59 .share-info {
    text-align: left
}

[dir=rtl] ._promoteShareBox_1srqp_59 .share-info {
    text-align: right
}

._marqueeLogo_3p9se_45 {
    display: flex;
    align-items: center;
    justify-content: center
}

._marqueeLogo_3p9se_45 ._logoImg_3p9se_50 {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%
}

._content_3p9se_56 {
    display: flex;
    align-items: center
}

._logoWrapper_3p9se_61 {
    height: 100%;
    display: flex;
    align-items: center
}

._logoArea_iarrd_45 {
    --assembly-logo-default-height: .7rem;
    --assembly-logo-default-width: 4.2rem;
    height: var(--assembly-logo-area-height, var(--assembly-logo-default-height));
    width: var(--assembly-logo-area-width, var(--assembly-logo-default-width));
    flex-direction: row
}

.lobby-home-header-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    height: .8rem;
    background-color: var(--skin__bs_topnav_bg)
}

.lobby-home-header-container__section--left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    z-index: 2
}

.lobby-home-header-container__section--right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    z-index: 2
}

._header-bg_1psmf_45 {
    width: 100%;
    height: 1rem;
    background-size: cover;
    background-position: no-repeat
}

._header-bg_1psmf_45 ._header_1psmf_45 {
    height: 100%;
    background-color: transparent
}

._header-bg_1psmf_45 ._header_1psmf_45 ._icon-wrap_1psmf_55 {
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 .1rem 0 .3rem
}

[dir=rtl] ._header-bg_1psmf_45 ._header_1psmf_45 ._icon-wrap_1psmf_55 {
    margin: 0 .3rem 0 .1rem
}

._header-bg_1psmf_45 ._header_1psmf_45 ._icon-wrap_1psmf_55 ._arrow-icon_1psmf_61 {
    font-size: .5rem;
    color: var(--skin__primary);
    z-index: 2
}

._header-bg_1psmf_45 ._header_1psmf_45 ._assemblyLogo_1psmf_66 {
    --assembly-logo-area-height: .8rem;
    --assembly-logo-area-width: 4.8rem;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    --img-text-logo-width: 4.8rem;
    --img-text-logo-img-width: .8rem;
    --img-text-logo-img-height: .8rem;
    --img-text-logo-img-title-size: .32rem;
    --img-text-logo-img-content-size: .26rem
}

[dir=rtl] ._header-bg_1psmf_45 ._header_1psmf_45 ._assemblyLogo_1psmf_66 {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._hk-activities-promotion_b35vd_45 {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-top: .2rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 2.32rem;
    background-size: contain;
    background-repeat: no-repeat
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-left_b35vd_62 {
    width: 2.68rem;
    height: 2rem;
    margin-bottom: .16rem;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 {
    width: 3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-left: -.2rem
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 {
    margin-left: 0;
    margin-right: -.2rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._title_b35vd_78 {
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: .36rem;
    justify-content: center;
    margin-top: .08rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._title_b35vd_78 span {
    color: #fff;
    font-weight: 700;
    font-size: .15rem;
    text-align: center;
    max-width: 2.1rem;
    text-shadow: .01rem .01rem 0 #009cff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._title_b35vd_78 span {
    text-shadow: -.01rem .01rem 0 #009cff
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 700
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100:not(:lang(zh)) {
    margin-top: .04rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p {
    font-size: .2rem;
    color: #fff;
    text-shadow: .01rem .01rem 0 #009cff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p {
    text-shadow: -.01rem .01rem 0 #009cff
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3) {
    margin-top: .02rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3):not(:lang(zh)) {
    margin-top: .04rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 {
    background-size: cover;
    background-repeat: no-repeat;
    width: 1.62rem;
    height: 1.46rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-bottom: .58rem;
    margin-right: .1rem
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 {
    margin-right: 0;
    margin-left: .1rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._recived-amount_b35vd_137 {
    color: red;
    text-shadow: 0 0 .05rem #fe0;
    font-size: .24rem;
    font-weight: 700;
    margin-top: .32rem
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._recived-amount_b35vd_137._gray-color_b35vd_144 {
    color: #999;
    text-shadow: unset;
    cursor: pointer
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._recived-text_b35vd_149 {
    color: #f8f8f8;
    font-weight: 700;
    font-size: .2rem;
    margin-top: .36rem;
    text-shadow: .01rem .01rem 0 #009cff
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._recived-text_b35vd_149 {
    text-shadow: -.01rem .01rem 0 #009cff
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._promote-count-bg_b35vd_156 {
    position: absolute;
    z-index: 2;
    bottom: -.4rem;
    right: 0;
    width: 1.6rem;
    height: .64rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: 700;
    font-size: .14rem;
    text-align: center;
    display: flex;
    align-items: center;
    text-shadow: .01rem .01rem 0 #009cff;
    justify-content: center
}

[dir=rtl] ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._promote-count-bg_b35vd_156 {
    right: auto;
    left: 0;
    text-shadow: -.01rem .01rem 0 #009cff
}

._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-right_b35vd_124 ._promote-count-bg_b35vd_156 p {
    max-width: 1.37rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width: 365px) and (max-width: 568px) {
    ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3) {
        margin-top:0
    }

    ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3):not(:lang(zh)) {
        margin-top: .06rem
    }
}

@media (min-width: 870px) {
    ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3) {
        margin-top:.02rem
    }

    ._hk-activities-promotion_b35vd_45 ._activities-promotion-box_b35vd_52 ._box-center_b35vd_69 ._count-msg_b35vd_100 p:nth-child(3):not(:lang(zh)) {
        margin-top: .1rem
    }
}

._main_6zurb_45.lobby-fixed-view {
    width: 100vw;
    height: var(--lobby__screen-height);
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

[dir=rtl] ._main_6zurb_45.lobby-fixed-view {
    left: auto;
    right: 0
}

._main_6zurb_45.lobby-fixed-view>* {
    pointer-events: auto
}

._base-layout_1ha3p_45 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

._base-layout_1ha3p_45>header {
    flex-shrink: 0;
    width: 100%;
    z-index: 10;
    position: relative
}

._base-layout_1ha3p_45>footer {
    flex-shrink: 0;
    width: 100%;
    z-index: 10;
    transition: transform .3s
}

._base-layout_1ha3p_45>footer.hide-footer {
    position: fixed;
    bottom: 0;
    width: var(--lobby__max-width);
    transform: translateY(calc(var(--tabbar-height, 1.24rem) + .67rem))
}

._base-layout_1ha3p_45>._section-content_1ha3p_69 {
    width: 100%;
    flex: 1;
    max-height: 100%;
    position: relative;
    z-index: 1
}

._home-layout_1w1py_45 {
    background-color: var(--skin__home_bg)
}

._home-layout_1w1py_45 ._main_1w1py_48>div {
    margin-top: .2rem
}

._home-layout_1w1py_45 ._main_1w1py_48>div:first-of-type[data-big="1"] {
    margin-top: 0
}

html[data-ui-contain="1"] ._home-layout_1w1py_45 .lobby-scroll--y::-webkit-scrollbar {
    width: 0
}

._home-layout_1w1py_45 ._main_1w1py_48>div {
    margin-top: .15rem
}

._home-layout_1w1py_45 ._main_1w1py_48>div.ui-tabs {
    margin-top: 0
}

._retry_1kxkt_45 {
    margin-left: .3rem
}

[dir=rtl] ._retry_1kxkt_45 {
    margin-left: 0;
    margin-right: .3rem
}

._marquee_1kxkt_49 {
    --marquee-swiper-container-content-font-size: .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .24rem 0 .25rem;
    font-size: .24rem;
    box-shadow: 0 .03rem .09rem rgba(0,0,0,0);
    height: .5rem
}

[dir=rtl] ._marquee_1kxkt_49 {
    padding: 0 .25rem 0 .24rem
}

._marquee_1kxkt_49 a,._marquee_1kxkt_49 a:visited {
    color: var(--skin__primary)
}

._marquee_1kxkt_49 ._retry_1kxkt_45 {
    display: flex;
    align-items: center;
    width: 100%
}

._marquee_1kxkt_49 ._left-icon_1kxkt_67 {
    width: .36rem;
    margin-right: .1rem;
    flex-shrink: 0
}

[dir=rtl] ._marquee_1kxkt_49 ._left-icon_1kxkt_67 {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 {
    display: inline-block;
    white-space: nowrap;
    height: .35rem;
    max-width: 100%;
    flex: 1
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 {
    line-height: .35rem;
    padding-right: .1rem;
    cursor: pointer;
    min-width: 100%
}

[dir=rtl] ._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 {
    padding-right: 0;
    padding-left: .1rem
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 br {
    display: contents
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 p {
    display: inline-block;
    margin-right: .1rem
}

[dir=rtl] ._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 p {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 div,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 p,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 strong,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 span {
    font-size: var(--marquee-swiper-container-content-font-size)!important
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 img {
    width: auto!important;
    height: var(--marquee-swiper-container-content-font-size)!important
}

._marquee_1kxkt_49 ._right_1kxkt_102 {
    width: .6rem;
    flex-shrink: 0;
    cursor: pointer
}

._marquee_1kxkt_49 ._right_1kxkt_102 ._message-icon_1kxkt_107 {
    width: .58rem
}

[dir=rtl] ._marquee_1kxkt_49 ._left-icon_1kxkt_67 {
    transform: scaleX(-1)
}

._marquee_1kxkt_49 {
    position: relative;
    z-index: 1;
    padding: 0 .3rem
}

._marquee_1kxkt_49 ._left-icon_1kxkt_67 {
    width: .22rem;
    height: .2rem;
    margin: 0
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 {
    max-width: 6.08rem;
    min-width: 6.08rem;
    color: var(--skin__lead)
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 {
    width: 100%;
    padding: 0;
    margin: 0 .1rem;
    font-weight: 700
}

._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 div,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 p,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 strong,._marquee_1kxkt_49 ._swiper-container_1kxkt_72 ._content_1kxkt_79 span {
    font-size: .22rem!important
}

._marquee_1kxkt_49 ._right_1kxkt_102 {
    position: relative;
    z-index: 0;
    width: auto;
    max-width: .6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

._marquee_1kxkt_49 ._right_1kxkt_102 ._message-icon_1kxkt_107 {
    position: relative;
    z-index: 2;
    width: .4rem;
    height: .35rem;
    max-width: .4rem
}

._marquee_1kxkt_49 .ui-badge--fixed {
    z-index: 1!important
}

._account-toggle_1mvui_45 {
    color: var(--account-toggle-color, var(--skin__primary));
    display: inline-block;
    line-height: 0;
    --account-toggle-width: .26rem;
    --account-toggle-height: .26rem;
    --account-toggle-size: .26rem
}

._account-toggle_1mvui_45 ._icon_1mvui_53 {
    width: var(--account-toggle-width);
    height: var(--account-toggle-height);
    font-size: var(--account-toggle-size);
    cursor: pointer
}

._currency-info-box_aqz0l_45 {
    --currency-info-box-border-radius: .2rem;
    --currency-info-box-border-color: var(--skin__border);
    --currency-info-box-height: .4rem;
    --currency-info-box-background-color: transparent;
    --currency-info-box-padding: 0 0 0 .02rem;
    --currency-info-currency-count-size: .24rem;
    --currency-info-currency-count-margin: 0 0 0 .08rem;
    --currency-sign-margin: 0 0 0 .08rem;
    --currency-info-currency-count-color: var(--skin__accent_3);
    --currency-info-currency-count-max-width: 1.64rem;
    --currency-info-currency-count-border-color: var(--skin__accent_3);
    --currency-info-currency-font-weight: normal;
    --currency-info-refresh-icon-color: var(--skin__alt_primary);
    --currency-info-refresh-icon-size: .22rem;
    --currency-info-refresh-icon-width: .22rem;
    --currency-info-gaming-color: var(--skin__neutral_2);
    --currency-info-gaming-size: .18rem;
    --currency-info-refresh-icon-margin: 0 .08rem;
    --currency-info-popover-icon-margin: 0 .15rem;
    --currency-info-popover-icon-color: var(--skin__alt_primary);
    --currency-info-popover-icon-active-color: var(--currency-info-popover-icon-color);
    --currency-info-popover-icon-size: .22rem;
    --currency-info-currency-box-width: .34rem;
    --currency-info-currency-box-height: .34rem;
    --currency-info-icon-currency-width: .3rem;
    --currency-info-icon-currency-height: .3rem;
    --currency-info-right-icon-image-bg-width: .4rem;
    --currency-info-right-icon-image-bg-height: .4rem;
    --currency-info-currency-count-size: .22rem;
    --currency-info-currency-text-size: .12rem;
    --currency-info-currency-text-color: var(--skin__home_bg);
    --currency-info-currency-margin-left: .08rem;
    border: solid thin var(--currency-info-box-border-color);
    border-radius: var(--currency-info-box-border-radius);
    height: var(--currency-info-box-height);
    padding: var(--currency-info-box-padding);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    background-color: var(--currency-info-box-background-color)
}

._currency-info-box_aqz0l_45._no-border_aqz0l_90 {
    border: none
}

._currency-info-box_aqz0l_45 ._currency-box_aqz0l_93 {
    width: var(--currency-info-currency-box-width);
    height: var(--currency-info-currency-box-height);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-size: cover
}

._currency-info-box_aqz0l_45 ._currency-box_aqz0l_93 ._icon-currency_aqz0l_103 {
    width: var(--currency-info-icon-currency-width);
    height: var(--currency-info-icon-currency-height)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-count_aqz0l_113 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: var(--currency-info-currency-count-max-width);
    font-size: var(--currency-info-currency-count-size);
    margin: var(--currency-info-currency-count-margin);
    color: var(--currency-info-currency-count-color);
    border-bottom: .02rem solid var(--currency-info-currency-count-border-color);
    font-weight: var(--currency-info-currency-font-weight)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-count_aqz0l_113._no-underline_aqz0l_124 {
    border-bottom: none;
    margin-top: 0
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-count_aqz0l_113>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: var(--currency-info-currency-count-max-width)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._gaming_aqz0l_135 {
    width: max-content;
    padding: 0 .13rem;
    color: var(--currency-info-gaming-color);
    font-size: var(--currency-info-gaming-size)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._icon-content_aqz0l_141 {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._icon-content_aqz0l_141:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._icon-content_aqz0l_141:after {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-content-wrap_aqz0l_155 {
    position: relative
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    margin: var(--currency-info-currency-count-margin)
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 {
    left: auto;
    right: 0
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 .ui-badge {
    transform: translate(0);
    right: auto
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 .ui-badge {
    right: auto;
    left: auto
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 ._pay-tips_aqz0l_169 {
    display: flex;
    align-items: center;
    justify-content: center
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 ._pay-tips_aqz0l_169 span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 ._pay-tips_aqz0l_169 span:nth-child(1) {
    max-width: 1.22rem
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus_aqz0l_158 ._pay-tips_aqz0l_169 span:nth-child(2) {
    max-width: .72rem
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 {
    right: 0;
    left: auto;
    bottom: 100%;
    margin: 0
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 {
    left: 0;
    right: auto
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 .ui-badge {
    border-radius: .13rem .13rem 0
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 .ui-badge {
    border-radius: .13rem .13rem .13rem 0
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 .ui-badge:before {
    border-left: none;
    border-right: .08rem solid var(--skin__accent_1);
    right: 0;
    left: auto
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._pay-bonus-bottom-right_aqz0l_186 .ui-badge:before {
    border-right: none;
    border-left: .08rem solid var(--skin__accent_1);
    left: 0;
    right: auto
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-sign_aqz0l_201 {
    margin: var(--currency-sign-margin);
    color: var(--currency-info-currency-count-color);
    font-size: var(--currency-info-currency-count-size)
}

._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-text_aqz0l_206 {
    font-size: var(--currency-info-currency-text-size);
    color: var(--currency-info-currency-text-color);
    margin-left: var(--currency-info-currency-margin-left);
    font-weight: 700
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._currency-info_aqz0l_45 ._currency-text_aqz0l_206 {
    margin-left: 0;
    margin-right: var(--currency-info-currency-margin-left)
}

._currency-info-box_aqz0l_45 ._refresh-icon_aqz0l_212,._currency-info-box_aqz0l_45 ._popover-icon_aqz0l_213 {
    cursor: pointer;
    transition: all .3s
}

._currency-info-box_aqz0l_45 ._refresh-icon_aqz0l_212 {
    color: var(--currency-info-refresh-icon-color);
    font-size: var(--currency-info-refresh-icon-size);
    margin: var(--currency-info-refresh-icon-margin);
    width: var(--currency-info-refresh-icon-width)
}

._currency-info-box_aqz0l_45 ._right-icon-style_aqz0l_223 {
    display: flex;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: var(--currency-info-right-icon-image-bg-width);
    height: var(--currency-info-right-icon-image-bg-height)!important
}

._currency-info-box_aqz0l_45 ._popover-icon_aqz0l_213 {
    color: var(--currency-info-popover-icon-color);
    font-size: var(--currency-info-popover-icon-size);
    margin: var(--currency-info-popover-icon-margin)
}

._currency-info-box_aqz0l_45 ._popover-icon-active_aqz0l_237 {
    transform: rotate(-180deg);
    color: var(--currency-info-popover-icon-active-color)
}

[dir=rtl] ._currency-info-box_aqz0l_45 ._popover-icon-active_aqz0l_237 {
    transform: rotate(180deg)
}

._encrypt_aqz0l_242 {
    height: .25rem;
    display: inline-block
}

._encrypt_aqz0l_242._isBlack_aqz0l_246 {
    height: auto
}

._currency-popover_aqz0l_251 ._arrow_aqz0l_251 {
    position: absolute;
    top: -.1rem;
    width: .22rem;
    height: .22rem;
    left: 0;
    background: var(--currency-popover-arrow-background, var(--skin__border));
    border-color: var(--currency-popover-arrow-border-color, var(--skin__neutral_3));
    border-style: solid;
    border-width: var(--lobby__px) 0 0 var(--lobby__px);
    transform: translate(-50%) rotate(45deg);
    z-index: 2
}

._currency-popover_aqz0l_251 .ui-popover__content {
    background: none;
    border-radius: .2rem;
    position: relative
}

._currency-popover_aqz0l_251 [data-popper-placement=top-start] ._arrow_aqz0l_251 {
    top: unset;
    bottom: -.1rem;
    border-width: 0 var(--lobby__px) var(--lobby__px) 0
}

._un-login_1nqnx_45 {
    position: relative;
    height: .6rem
}

._un-login_1nqnx_45 ._btn_1nqnx_49 {
    position: absolute;
    top: 0;
    width: 3.96rem;
    font-size: .35rem;
    height: 100%;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    background-color: transparent;
    border: none;
    border-radius: 0;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

._un-login_1nqnx_45 ._btn_1nqnx_49:lang(vi),._un-login_1nqnx_45 ._btn_1nqnx_49:lang(my) {
    line-height: 1.3
}

._un-login_1nqnx_45 ._btn_1nqnx_49 span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    word-wrap: break-word;
    line-height: 1.1
}

._un-login_1nqnx_45 ._btn_1nqnx_49 span:lang(vi),._un-login_1nqnx_45 ._btn_1nqnx_49 span:lang(my) {
    line-height: 1.3
}

._un-login_1nqnx_45 ._btn_1nqnx_49:first-child {
    left: 0
}

[dir=rtl] ._un-login_1nqnx_45 ._btn_1nqnx_49:first-child {
    left: auto;
    right: 0
}

._un-login_1nqnx_45 ._btn_1nqnx_49:last-child {
    right: 0;
    color: #fff
}

[dir=rtl] ._un-login_1nqnx_45 ._btn_1nqnx_49:last-child {
    right: auto;
    left: 0
}

._un-login_1nqnx_45 ._btn_1nqnx_49 ._register-badge_1nqnx_91 .ui-badge {
    left: 100%;
    transform: none;
    right: auto;
    top: -.26rem!important
}

[dir=rtl] ._un-login_1nqnx_45 ._btn_1nqnx_49 ._register-badge_1nqnx_91 .ui-badge {
    right: 100%;
    left: auto
}

._vip-badge-box_33xjp_45 {
    min-width: .28rem;
    height: .22rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: .04rem 0;
    background-color: #c12929
}

[dir=rtl] ._vip-badge-box_33xjp_45 {
    border-radius: 0 .04rem
}

._vip-badge-box_33xjp_45 ._img_33xjp_54 {
    width: .13rem;
    height: .14rem;
    margin-left: .02rem;
    margin-top: .01rem
}

[dir=rtl] ._vip-badge-box_33xjp_45 ._img_33xjp_54 {
    margin-left: 0;
    margin-right: .02rem
}

._vip-badge-box_33xjp_45 ._level_33xjp_60 {
    margin-left: -.05rem;
    font-size: .28rem;
    font-style: italic;
    background: initial;
    font-weight: 700;
    position: relative;
    display: inline-block;
    color: transparent;
    text-shadow: 0 .01rem 0 rgba(0,0,0,.4);
    transform: scale(.6)
}

[dir=rtl] ._vip-badge-box_33xjp_45 ._level_33xjp_60 {
    margin-left: 0;
    margin-right: -.05rem
}

._vip-badge-box_33xjp_45 ._level_33xjp_60:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    text-shadow: none;
    background-image: linear-gradient(to bottom,#f7ea94,#e5b952 51%,#ce9510);
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    content: attr(data-text)
}

[dir=rtl] ._vip-badge-box_33xjp_45 ._level_33xjp_60:before {
    left: auto;
    right: 0
}

._srcBg_33xjp_89 {
    background-color: transparent;
    background-size: 100% 100%;
    background-position: center
}

._vip-badge-box_33xjp_45 {
    width: .96rem;
    height: .3rem;
    min-width: .49rem;
    max-width: inherit;
    padding: 0 .055rem 0 .045rem;
    margin-right: .1rem;
    justify-content: center;
    border-radius: .3rem
}

[dir=rtl] ._vip-badge-box_33xjp_45 {
    padding: 0 .045rem 0 .055rem;
    margin-right: 0;
    margin-left: .1rem
}

._vip-badge-box_33xjp_45 ._img_33xjp_54 {
    width: .38rem;
    height: .18rem
}

._vip-badge-box_33xjp_45 ._level_33xjp_60 {
    font-size: .2rem;
    transform: scale(1);
    font-style: normal;
    margin-left: .04rem
}

[dir=rtl] ._vip-badge-box_33xjp_45 ._level_33xjp_60 {
    margin-left: 0;
    margin-right: .04rem
}

._user-info-box_1nuwn_45 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem
}

._user-info-box_1nuwn_45 ._user-top_1nuwn_51 {
    display: flex;
    align-items: center;
    font-size: .2rem;
    color: #006cff
}

._user-info-box_1nuwn_45 ._user-top_1nuwn_51 ._title_1nuwn_57 {
    padding-right: .1rem
}

[dir=rtl] ._user-info-box_1nuwn_45 ._user-top_1nuwn_51 ._title_1nuwn_57 {
    padding-right: 0;
    padding-left: .1rem
}

._user-info-box_1nuwn_45 ._user-top_1nuwn_51 ._platform-id_1nuwn_60 {
    margin-right: .1rem;
    font-weight: 700
}

[dir=rtl] ._user-info-box_1nuwn_45 ._user-top_1nuwn_51 ._platform-id_1nuwn_60 {
    margin-right: 0;
    margin-left: .1rem
}

._user-info-box_1nuwn_45 ._user-top_1nuwn_51 ._copy-icon_1nuwn_64 {
    padding-top: .05rem;
    font-size: .18rem
}

._user-info-box_1nuwn_45 ._icon_1nuwn_68 {
    width: .26rem;
    height: .26rem;
    margin-left: .04rem
}

[dir=rtl] ._user-info-box_1nuwn_45 ._icon_1nuwn_68 {
    margin-left: 0;
    margin-right: .04rem
}

._user-info-box_1nuwn_45 .currency-info-box {
    --currency-info-refresh-icon-color: var(--skin__primary);
    --currency-info-refresh-icon-size: .22rem;
    --currency-info-box-background-color: #fff
}

._list-slide-layout_wxwbz_46 {
    width: fit-content
}

._list-slide-layout_wxwbz_46>._list-slide-layout-inner_wxwbz_49 {
    box-sizing: content-box;
    display: grid;
    grid-auto-flow: var(--list-slide-grid-auto-flow);
    grid-template-rows: var(--list-slide-grid-template-rows);
    grid-template-columns: var(--list-slide-grid-template-columns)
}

html[data-gap-supported="1"] ._list-slide-layout_wxwbz_46>._list-slide-layout-inner_wxwbz_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    column-gap: calc(var(--list-slide-column-gap));
    row-gap: var(--list-slide-row-gap)
}

html[data-gap-supported="0"] ._list-slide-layout_wxwbz_46>._list-slide-layout-inner_wxwbz_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    grid-column-gap: calc(var(--list-slide-column-gap));
    grid-row-gap: var(--list-slide-row-gap)
}

._list-slide-layout-inner_wxwbz_49 {
    justify-items: center;
    align-items: center
}

.slide-center-magnify ._list-slide-layout-inner_wxwbz_49>div,.slide-center-magnify ._list-slide-layout-inner_wxwbz_49>section {
    transition: margin 0s,transform .5s
}

._list-slide-layout_rfkos_46 {
    width: fit-content
}

._list-slide-layout_rfkos_46>._list-slide-layout-inner_rfkos_49 {
    box-sizing: content-box;
    display: grid;
    grid-auto-flow: var(--list-slide-grid-auto-flow);
    grid-template-rows: var(--list-slide-grid-template-rows);
    grid-template-columns: var(--list-slide-grid-template-columns)
}

html[data-gap-supported="1"] ._list-slide-layout_rfkos_46>._list-slide-layout-inner_rfkos_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    column-gap: calc(var(--list-slide-column-gap));
    row-gap: var(--list-slide-row-gap)
}

html[data-gap-supported="0"] ._list-slide-layout_rfkos_46>._list-slide-layout-inner_rfkos_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    grid-column-gap: calc(var(--list-slide-column-gap));
    grid-row-gap: var(--list-slide-row-gap)
}

._scroll-box-overflow_rfkos_71>._scroll-box-overflow-inner_rfkos_71 {
    overflow-x: auto;
    overflow-y: auto;
    user-select: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab
}

._scroll-box-overflow_rfkos_71>._scroll-box-overflow-inner_rfkos_71::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
    display: none
}

._scroll-box-overflow_rfkos_71>._scroll-box-overflow-inner_rfkos_71::-webkit-scrollbar-thumb {
    background-color: transparent;
    display: none
}

._scroll-box-overflow_rfkos_71>._scroll-box-overflow-inner_rfkos_71 .slide-pagination {
    scroll-snap-align: start
}

._list-slide-layout_16c2p_46 {
    width: fit-content
}

._list-slide-layout_16c2p_46>._list-slide-layout-inner_16c2p_49 {
    box-sizing: content-box;
    display: grid;
    grid-auto-flow: var(--list-slide-grid-auto-flow);
    grid-template-rows: var(--list-slide-grid-template-rows);
    grid-template-columns: var(--list-slide-grid-template-columns)
}

html[data-gap-supported="1"] ._list-slide-layout_16c2p_46>._list-slide-layout-inner_16c2p_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    column-gap: calc(var(--list-slide-column-gap));
    row-gap: var(--list-slide-row-gap)
}

html[data-gap-supported="0"] ._list-slide-layout_16c2p_46>._list-slide-layout-inner_16c2p_49 {
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    grid-column-gap: calc(var(--list-slide-column-gap));
    grid-row-gap: var(--list-slide-row-gap)
}

html[data-gap-supported="1"] ._scroll-box-transform_16c2p_71,html[data-gap-supported="0"] ._scroll-box-transform_16c2p_71 {
    box-sizing: content-box;
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    user-select: none;
    overflow: hidden
}

html[data-gap-supported="1"] ._scroll-box-transform_16c2p_71 ._scroll-box-transform-inner_16c2p_79,html[data-gap-supported="0"] ._scroll-box-transform_16c2p_71 ._scroll-box-transform-inner_16c2p_79 {
    width: var(--list-slide-inner-content-width);
    cursor: grab;
    transform: var(--list-slide-transform-scroll-area-transform);
    transition-duration: .5s
}

._list-slide-typesetting_1ji5y_45._is-slide-one-screen_1ji5y_45 .slide-pagination .slide-pagination {
    scroll-snap-align: initial
}

._list-slide-dot_vp3zk_45 {
    width: var(--list-slide-dot-width);
    height: var(--list-slide-dot-height);
    background-color: var(--skin__border);
    border-radius: 10rem;
    will-change: transform;
    transition: all .3s;
    opacity: .98
}

._list-slide-dot_vp3zk_45._is-active_vp3zk_54 {
    width: var(--list-slide-dot-active-width);
    background-color: var(--skin__primary)
}

._slide-indicator_1kcta_45 {
    box-sizing: content-box;
    width: fit-content;
    padding-right: calc(var(--slide-indicator-padding-right) + .02rem);
    padding-left: .02rem;
    padding-top: .02rem;
    padding-bottom: .02rem
}

[dir=rtl] ._slide-indicator_1kcta_45 {
    padding-left: calc(var(--slide-indicator-padding-right) + .02rem);
    padding-right: .02rem
}

@keyframes _icon-animation_5mj03_62 {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

._circle-star-icon_5mj03_53 {
    width: var(--circle-star-icon-side);
    height: var(--circle-star-icon-side);
    font-size: var(--circle-star-icon-side);
    border-radius: 50%;
    box-shadow: 0 0 .04rem rgba(0,0,0,.3);
    background-size: 100% 100%
}

._circle-star_5mj03_53._icon-animation_5mj03_62 {
    animation: _icon-animation_5mj03_62 .4s ease-in-out infinite alternate
}

._game-name-normal_19nw3_48 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .12195122);
    --game-name-normal-width: calc(var(--card-benchmark) * 1);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    padding: 0 .08rem;
    bottom: 0;
    width: var(--game-name-normal-width);
    height: var(--game-name-normal-height);
    color: var(--skin__text_primary);
    font-size: .22rem;
    line-height: 1.454545;
    text-align: center;
    word-wrap: break-word;
    background-color: var(--skin__primary)
}

._name-img-layout_kxm9u_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1);
    --poster-image-border-base-radius: calc(var(--card-benchmark) * .138);
    position: relative;
    z-index: 0;
    width: var(--name-img-layout-width);
    height: var(--card-height);
    border-radius: var(--poster-image-border-base-radius);
    overflow: hidden;
    cursor: pointer
}

._square-bottom-name_ymb6b_45 ._favorite-icon_ymb6b_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .038);
    right: calc(var(--card-benchmark) * .038)
}

[dir=rtl] ._square-bottom-name_ymb6b_45 ._favorite-icon_ymb6b_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .038)
}

._list-slide-bottom-name_q9690_45 {
    margin-top: .12rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 {
    overflow: initial
}

._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 {
    --swiper-pagination-bullet-inactive-color: #e3e3e3;
    --swiper-theme-color: #ccc;
    --swiper-pagination-bullet-horizontal-gap: .05rem
}

._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 .swiper-slide {
    display: flex;
    justify-content: center
}

._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 .swiper-pagination {
    bottom: -.54rem;
    left: .08rem
}

[dir=rtl] ._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 .swiper-pagination {
    left: auto;
    right: .08rem
}

._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 .swiper-pagination .swiper-pagination-bullet {
    width: .3rem;
    height: .08rem;
    margin-right: .1rem;
    border-radius: .02rem
}

[dir=rtl] ._list-slide-bottom-name_q9690_45 ._magnify-swiper_q9690_51 .swiper-pagination .swiper-pagination-bullet {
    margin-right: 0;
    margin-left: .1rem
}

._list-slide-bottom-name_q9690_45 ._indicator_q9690_73 {
    margin: .12rem auto -.02rem;
    padding-bottom: .02rem
}

._list-slide-bottom-name_q9690_45 ._indicator_q9690_73 .list-slide-dot {
    background-color: rgba(var(--skin__border__toRgbString),.5);
    border: none
}

._game-name-normal_1t2oo_48 {
    --game-name-normal-font-size: .22rem;
    --game-name-margin-top: .08rem;
    flex-shrink: 0;
    width: var(--card-benchmark);
    height: var(--game-name-normal-height);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._floors-background_wng0s_50 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .625);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg)
}

._poster-img-box-core_wng0s_63 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .625);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._game-name-normal_13n5y_48 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .1466667);
    --game-name-normal-width: calc(var(--card-benchmark) * 1.13333333);
    --game-name-margin-top: .08rem;
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    height: var(--game-name-normal-height);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_z2n14_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.13333333);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    cursor: pointer
}

._floors-background_7lph3_50 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    --poster-img-box-border-radius: calc(var(--card-benchmark) * .5);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg);
    border-radius: var(--poster-img-box-border-radius)
}

._poster-img-box-core_7lph3_65 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    --poster-img-box-border-radius: calc(var(--card-benchmark) * .5);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    border-radius: var(--poster-img-box-border-radius)
}

._game-name-normal_9q28u_45 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .142857);
    --game-name-margin-top: .08rem;
    --game-name-normal-width: calc(var(--card-benchmark) * 1.103896);
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    height: var(--game-name-normal-height);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_1d45d_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.103896);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    cursor: pointer
}

._floors-background_12xqe_50 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg)
}

._poster-img-box-core_12xqe_63 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._square-angle-below-name_1n8p5_45 ._favorite-icon_1n8p5_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .039);
    right: calc(var(--card-benchmark) * .039)
}

[dir=rtl] ._square-angle-below-name_1n8p5_45 ._favorite-icon_1n8p5_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .039)
}

._game-name-normal_1fq2s_48 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .169);
    --game-name-normal-width: calc(var(--card-benchmark) * 1.307);
    --game-name-margin-top: calc(var(--card-benchmark) * .06153846);
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.454545;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_4erav_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.307);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    cursor: pointer
}

._poster-img-box-core_1mk4w_52 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._square-below-name_8uyrr_45 ._favorite-icon_8uyrr_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

[dir=rtl] ._square-below-name_8uyrr_45 ._favorite-icon_8uyrr_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .03)
}

._game-name-normal_1ca81_45 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .146666667);
    --game-name-margin-top: .08rem;
    flex-shrink: 0;
    width: var(--card-benchmark);
    height: var(--game-name-normal-height);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_1t6rl_45 {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(var(--card-benchmark) * 1.133333333);
    cursor: pointer
}

._floors-background_ej7az_50 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * 1.33333);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg)
}

._poster-img-box-core_ej7az_63 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * 1.33333);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._type-platform_1u2qe_45 {
    --game-platform-name-height: calc(var(--card-benchmark) * .3);
    --game-platform-name-padding: 0 calc(var(--card-benchmark) * .0375);
    --game-platform-name-font-size: calc(var(--card-benchmark) * .1142857)
}

._type-game_1u2qe_51 {
    --game-platform-name-height: calc(var(--card-benchmark) * .325);
    --game-platform-name-padding: 0 calc(var(--card-benchmark) * .0375) calc(var(--card-benchmark) * .0375);
    --game-platform-name-font-size: calc(var(--card-benchmark) * .1125)
}

._game-platform-name_1u2qe_58 {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--game-platform-name-height);
    margin-bottom: var(--game-platform-name-margin-bottom);
    padding: var(--game-platform-name-padding);
    color: #fff;
    font-size: var(--game-platform-name-font-size);
    word-wrap: break-word;
    text-shadow: 0 .02rem .04rem rgba(0,0,0,.3);
    line-height: 1.25
}

._game-platform-name_1u2qe_58 .name-inner {
    font-weight: 700
}

._list-slide-center-magnify_t29jq_45 {
    margin-top: .12rem;
    padding: 0 .2rem
}

._list-slide-center-magnify_t29jq_45 ._list-slide-box_t29jq_49 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

._list-slide-center-magnify_t29jq_45 ._indicator_t29jq_56 {
    margin: .14rem auto -.02rem;
    padding-bottom: .02rem
}

._list-slide-center-magnify_t29jq_45 ._slide-center_t29jq_61>div {
    display: flex;
    justify-content: center
}

._list-slide-center-magnify_t29jq_45 ._game-card-in-center-magnify_t29jq_65 .name-inner {
    width: var(--card-benchmark);
    margin: auto
}

._game-name-normal_1kpq8_48 {
    --game-name-normal-font-size: .22rem;
    --game-name-margin-top: calc(var(--card-benchmark) * .0291666667);
    flex-shrink: 0;
    width: var(--card-benchmark);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._poster-img-box-core_50zl8_52 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .62914);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._landscape-below-name_1uxco_45 ._favorite-icon_1uxco_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .025);
    right: calc(var(--card-benchmark) * .025)
}

[dir=rtl] ._landscape-below-name_1uxco_45 ._favorite-icon_1uxco_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .025)
}

._game-name-normal_3wi2u_48 {
    --game-name-normal-font-size: .22rem;
    --game-name-normal-width: var(--card-benchmark);
    --game-name-margin-top: .04rem;
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_1s7rm_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    cursor: pointer
}

._floors-background_1abg2_50 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg)
}

._poster-img-box-core_1abg2_63 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._square-below-name_ysvr7_45 ._favorite-icon_ysvr7_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .133333);
    right: calc(var(--card-benchmark) * .133333)
}

[dir=rtl] ._square-below-name_ysvr7_45 ._favorite-icon_ysvr7_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .133333)
}

._square-below-name_ysvr7_45 ._label-remember_ysvr7_50 {
    top: .01rem;
    left: .01rem
}

[dir=rtl] ._square-below-name_ysvr7_45 ._label-remember_ysvr7_50 {
    left: auto;
    right: .01rem
}

._game-name-normal_aze24_48 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .1929824);
    --game-name-normal-width: calc(var(--card-benchmark) * 1.17544);
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    color: var(--skin__cards_text);
    font-size: .22rem;
    line-height: 1.454545;
    text-align: center;
    word-wrap: break-word;
    margin-top: .08rem
}

._name-img-layout_1mwrg_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.17544);
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    cursor: pointer
}

._square-below-name-special-theme3_1lnms_45 ._favorite-icon_1lnms_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

[dir=rtl] ._square-below-name-special-theme3_1lnms_45 ._favorite-icon_1lnms_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .03)
}

._game-name-normal_5ma6t_45 {
    --game-name-normal-font-size: .22rem;
    --game-name-margin-top: calc(var(--card-benchmark) * .046666667);
    flex-shrink: 0;
    width: var(--card-benchmark);
    height: var(--game-name-normal-height);
    margin-top: var(--game-name-margin-top);
    color: var(--skin__cards_text);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.36;
    text-align: center;
    word-wrap: break-word
}

._name-img-layout_rhafp_45 {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--card-benchmark);
    cursor: pointer
}

._poster-img-box-core_eskh6_52 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * 1.33333);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._vertical-below-name_1molp_45 ._favorite-icon_1molp_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .04);
    right: calc(var(--card-benchmark) * .04)
}

[dir=rtl] ._vertical-below-name_1molp_45 ._favorite-icon_1molp_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .04)
}

._poster-box_14egv_48 {
    --poster-box-width: var(--card-benchmark);
    --poster-box-height: calc(var(--card-benchmark) * 1.33);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-box-width);
    height: var(--poster-box-height)
}

._vertical-bottom-name_1pa44_45 ._favorite-icon_1pa44_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .038);
    right: calc(var(--card-benchmark) * .038)
}

[dir=rtl] ._vertical-bottom-name_1pa44_45 ._favorite-icon_1pa44_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .038)
}

._list-slide-left-large_1thq7_45 {
    margin-top: .12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--skin__bg_1);
    padding: .2rem 0 .1rem
}

._list-slide-left-large_1thq7_45 ._magnify-swiper_1thq7_53 {
    overflow: initial
}

._list-slide-left-large_1thq7_45 ._magnify-swiper_1thq7_53 .swiper-slide {
    display: flex;
    justify-content: center
}

._list-slide-left-large_1thq7_45 ._game-list_1thq7_60 {
    margin-left: var(--list-margin-left)
}

[dir=rtl] ._list-slide-left-large_1thq7_45 ._game-list_1thq7_60 {
    margin-left: 0;
    margin-right: var(--list-margin-left)
}

._list-slide-left-large_1thq7_45 ._list-contain_1thq7_63 {
    display: flex
}

._list-slide-left-large_1thq7_45 ._list-contain_1thq7_63 ._left-card_1thq7_66.poster-image,._list-slide-left-large_1thq7_45 ._list-contain_1thq7_63 ._left-card_1thq7_66 .poster-image {
    border-radius: var(--custom-poster-image-border-radius)
}

._list-slide-left-large_1thq7_45 ._indicator_1thq7_70 {
    margin: .1rem auto -.02rem;
    padding-bottom: .02rem
}

._list-slide-left-large_1thq7_45 .line-two .name-inner {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._list-slide-left-large_1thq7_45 {
    background-color: var(--skin__bg_2)
}

._name-contain_1wa57_48 {
    --game-name-normal-font-size: .22rem;
    --game-name-normal-width: calc(var(--card-benchmark) * .879154);
    --game-name-normal-height: calc(var(--card-benchmark) * .19335347);
    --game-name-margin-top: .1rem;
    display: flex;
    align-items: flex-end;
    margin-top: var(--game-name-margin-top)
}

._name-contain_1wa57_48 ._game-name-normal_1wa57_57 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    height: var(--game-name-normal-height);
    color: var(--skin__neutral_1);
    font-size: .22rem;
    line-height: 1.454545;
    text-align: left;
    word-wrap: break-word
}

[dir=rtl] ._name-contain_1wa57_48 ._game-name-normal_1wa57_57 {
    text-align: right
}

._name-contain_1wa57_48 ._pop-icon_1wa57_73 {
    color: var(--skin__primary);
    font-size: .24rem
}

._name-contain_1wa57_48 .ui-overlay {
    overflow: initial
}

._name-contain_1wa57_48 .ui-popup {
    max-width: 2.8rem
}

._name-contain_1wa57_48 .ui-popup[data-popper-placement=bottom-end] .ui-popover__arrow {
    right: 0
}

[dir=rtl] ._name-contain_1wa57_48 .ui-popup[data-popper-placement=bottom-end] .ui-popover__arrow {
    right: auto;
    left: 0
}

._pop-content_1wa57_87 {
    word-break: break-all;
    padding: .14rem;
    font-size: .2rem;
    color: var(--skin__neutral_1);
    width: 2.8rem
}

._name-img-layout_130ba_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.042296);
    --name-img-layout-radius: calc(var(--card-benchmark) * .042296);
    --name-img-layout-padding: calc(var(--card-benchmark) * .021148);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    background-color: var(--skin__bg_2);
    border-radius: var(--name-img-layout-radius);
    padding: var(--name-img-layout-padding);
    box-sizing: border-box;
    box-shadow: 0 .04rem .12rem rgba(0,0,0,.1);
    cursor: pointer
}

._poster-img-box-core_arwsi_48 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .6253776);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._landscape-below-name-popover_11etr_45 ._favorite-icon_11etr_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

[dir=rtl] ._landscape-below-name-popover_11etr_45 ._favorite-icon_11etr_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .03)
}

._rounded-below-name-popover_pnp3x_45 ._favorite-icon_pnp3x_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .038);
    right: calc(var(--card-benchmark) * .038)
}

[dir=rtl] ._rounded-below-name-popover_pnp3x_45 ._favorite-icon_pnp3x_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .038)
}

._poster-img-box-core_x3c7x_48 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: var(--card-benchmark);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._square-below-name-popover_2t1y6_45 ._favorite-icon_2t1y6_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

[dir=rtl] ._square-below-name-popover_2t1y6_45 ._favorite-icon_2t1y6_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .03)
}

._name-contain_1vv5e_48 {
    --game-name-normal-font-size: calc(var(--card-benchmark) * .1929824);
    --game-name-normal-width: calc(var(--card-benchmark) * .857142857);
    --game-name-normal-height: calc(var(--card-benchmark) * .30476);
    --game-name-margin-top: calc(var(--card-benchmark) * .047619);
    display: flex;
    align-items: flex-end;
    margin-top: var(--game-name-margin-top)
}

._name-contain_1vv5e_48 ._game-name-normal_1vv5e_57 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    flex-shrink: 0;
    width: var(--game-name-normal-width);
    height: var(--game-name-normal-height);
    color: var(--skin__neutral_1);
    font-size: .22rem;
    line-height: 1.454545;
    text-align: left;
    word-wrap: break-word
}

[dir=rtl] ._name-contain_1vv5e_48 ._game-name-normal_1vv5e_57 {
    text-align: right
}

._name-contain_1vv5e_48 ._pop-icon_1vv5e_73 {
    color: var(--skin__primary);
    font-size: .24rem
}

._name-contain_1vv5e_48 .ui-overlay {
    overflow: initial
}

._name-contain_1vv5e_48 .ui-popup {
    max-width: 2.8rem
}

._name-contain_1vv5e_48 .ui-popup[data-popper-placement=bottom-end] .ui-popover__arrow {
    right: 0
}

[dir=rtl] ._name-contain_1vv5e_48 .ui-popup[data-popper-placement=bottom-end] .ui-popover__arrow {
    right: auto;
    left: 0
}

._pop-content_1vv5e_87 {
    word-break: break-all;
    padding: .14rem;
    font-size: .2rem;
    color: var(--skin__neutral_1);
    width: 2.8rem
}

._name-img-layout_1gq3p_45 {
    --name-img-layout-width: calc(var(--card-benchmark) * 1.0666667);
    --name-img-layout-radius: calc(var(--card-benchmark) * .0666667);
    --name-img-layout-padding: calc(var(--card-benchmark) * .033333333);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--name-img-layout-width);
    background-color: var(--skin__bg_2);
    border-radius: var(--name-img-layout-radius);
    padding: var(--name-img-layout-padding);
    box-sizing: border-box;
    box-shadow: 0 .04rem .12rem rgba(0,0,0,.1);
    cursor: pointer
}

._floors-background_clujc_46 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * 1.333333);
    flex-shrink: 0;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height);
    overflow: hidden;
    background-color: var(--skin__ddt_bg)
}

._poster-img-box-core_clujc_59 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * 1.333333);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: var(--poster-img-box-core-width);
    height: var(--poster-img-box-core-height)
}

._vertical-below-name-popover_jvcfu_45 ._favorite-icon_jvcfu_45 {
    position: absolute;
    top: calc(var(--card-benchmark) * .038);
    right: calc(var(--card-benchmark) * .038)
}

[dir=rtl] ._vertical-below-name-popover_jvcfu_45 ._favorite-icon_jvcfu_45 {
    right: auto;
    left: calc(var(--card-benchmark) * .038)
}

._nav-arrow_7xee4_45 {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .36rem;
    height: .36rem;
    background-color: rgba(0,0,0,.1);
    border: var(--lobby__px) solid rgba(255,255,255,.1);
    border-radius: 50%
}

._nav-arrow_7xee4_45._is-hidden_7xee4_59 {
    display: none
}

._nav-arrow_7xee4_45 ._arrow-icon_7xee4_62 {
    font-size: .14rem;
    color: #fff
}

._nav-arrow_7xee4_45._nav-arrow-left_7xee4_67 {
    left: -.02rem
}

._nav-arrow_7xee4_45._nav-arrow-left_7xee4_67 ._arrow-icon_7xee4_62 {
    transform: translate(-.02rem,-.01rem)
}

[dir=rtl] ._nav-arrow_7xee4_45._nav-arrow-left_7xee4_67 ._arrow-icon_7xee4_62 {
    transform: translate(.02rem,-.01rem)
}

._nav-arrow_7xee4_45._nav-arrow-right_7xee4_74 {
    right: -.02rem;
    transform: translateY(-50%) rotate(180deg)
}

._list-slide-navigation-popover_1c6f0_45 {
    margin-top: .12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .2rem 0;
    background-color: var(--skin__bg_1);
    position: relative;
    z-index: 10
}

._list-slide-navigation-popover_1c6f0_45 ._magnify-swiper_1c6f0_55 {
    overflow: initial!important
}

._list-slide-navigation-popover_1c6f0_45 ._slide-center_1c6f0_58 .list-slide-layout-inner {
    display: flex;
    justify-content: center
}

._list-slide-navigation-popover_1c6f0_45 ._indicator_1c6f0_62 {
    margin: .14rem auto 0
}

._list-slide-navigation-popover_1c6f0_45 ._nav-box_1c6f0_65 {
    padding: .05rem
}

._list-slide-navigation-popover_1c6f0_45 ._nav-box_1c6f0_65 ._nav-icon_1c6f0_68 {
    position: initial;
    transform: translateY(0)
}

._list-slide-navigation-popover_1c6f0_45 ._nav-left_1c6f0_72 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

[dir=rtl] ._list-slide-navigation-popover_1c6f0_45 ._nav-left_1c6f0_72 {
    left: auto;
    right: 0
}

._list-slide-navigation-popover_1c6f0_45 ._nav-right_1c6f0_78 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(180deg)
}

[dir=rtl] ._list-slide-navigation-popover_1c6f0_45 ._nav-right_1c6f0_78 {
    right: auto;
    left: 0;
    transform: translateY(-50%) rotate(-180deg)
}

._list-slide-navigation-popover_1c6f0_45 .list-slide-layout .list-slide-layout-inner {
    align-items: initial
}

._list-slide-navigation-popover_1c6f0_45 {
    background-color: var(--skin__bg_2)
}

._list-slide-universal-card_abrif_45 {
    margin-top: .12rem;
    padding: 0 .2rem
}

._list-slide-universal-card_abrif_45 ._list-slide-box_abrif_49 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

._list-slide-universal-card_abrif_45 ._slide-center_abrif_56>div {
    display: flex;
    justify-content: center
}

._list-slide-universal-card_abrif_45 ._indicator_abrif_60 {
    margin: .12rem auto -.02rem;
    padding-bottom: .02rem
}

._list-slide-universal-card_abrif_45 .name-inner {
    width: var(--card-benchmark);
    margin: auto
}

._special-layout_sjaye_45 {
    width: 100%
}

._special-layout_sjaye_45 ._list-header_sjaye_48 {
    display: flex;
    justify-content: center;
    align-items: center
}

._special-layout_sjaye_45 ._list-header_sjaye_48 ._title_sjaye_53 {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 3.74rem;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: .24rem;
    margin: 0 .14rem;
    color: var(--skin__lead)
}

._special-layout_sjaye_45 ._list-header_sjaye_48 ._deck_sjaye_64 {
    color: var(--skin__border);
    -webkit-user-drag: none
}

._special-layout_sjaye_45 ._list-header_sjaye_48 ._deck-rotate_sjaye_68 {
    transform: scaleX(-1)
}

._center-img_1omaz_45 {
    width: 7.1rem;
    margin: 0 auto
}

._center-img_1omaz_45 ._content-background_1omaz_49 {
    width: 100%;
    background-color: var(--skin__bg_2);
    border-radius: .14rem;
    border: .01rem rgba(var(--skin__primary__toRgbString),.09) solid;
    box-shadow: 0 .03rem .07rem 0 var(---web_left_bg_shadow, rgba(0, 0, 0, .08));
    overflow: hidden
}

._center-img_1omaz_45 ._special-layout_1omaz_57 {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: rgba(var(--skin__primary__toRgbString),.09)
}

._center-img_1omaz_45 ._special-layout_1omaz_57 ._list-header_1omaz_64 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: .04rem
}

._center-img_1omaz_45 ._special-layout_1omaz_57 ._list-header_1omaz_64 ._title_1omaz_71 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 3.74rem;
    flex-shrink: 0;
    font-size: .24rem;
    margin: 0 .14rem;
    color: var(--skin__neutral_1);
    z-index: 1
}

._center-img_1omaz_45 ._special-layout_1omaz_57 ._list-header_1omaz_64 ._deck_1omaz_82 {
    object-fit: contain;
    color: var(--skin__border);
    -webkit-user-drag: none
}

._center-img_1omaz_45 ._special-layout_1omaz_57 ._list-header_1omaz_64 ._deck-rotate_1omaz_87 {
    transform: scaleX(-1)
}

._has-side_1omaz_91 {
    width: 5.4rem
}

._list-slide-navigation-position_2g7rp_45 {
    padding: .14rem 0 .12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

._list-slide-navigation-position_2g7rp_45 ._magnify-swiper_2g7rp_52 {
    overflow: hidden
}

._list-slide-navigation-position_2g7rp_45 ._slide-center_2g7rp_55>div {
    display: flex;
    justify-content: center
}

._special-comp_8dkqx_45 .list-slide-dot {
    box-sizing: border-box;
    background-color: initial;
    border: .02rem solid var(--skin__border);
    box-shadow: 0 .005rem .005rem rgba(0,0,0,.5)
}

._special-comp_8dkqx_45 .list-slide-dot.is-active {
    background-color: var(--skin__neutral_3);
    border: initial
}

._has-margin_8dkqx_56 {
    margin-bottom: .2rem
}

._scale-component_7byne_45 {
    width: var(--base-width);
    transform: scale(var(--scale-value));
    margin: var(--margin-compensate);
    transform-origin: top left
}

[dir=rtl] ._scale-component_7byne_45 {
    transform-origin: top right
}

._game-name-normal_1ojzh_45 {
    --game-name-width: var(--card-benchmark);
    width: var(--game-name-width);
    text-align: center;
    margin-top: .04rem;
    font-weight: 400;
    line-height: 1.5
}

._game-name-normal_1ojzh_45 ._user-name-box_1ojzh_53 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .2rem;
    color: var(--skin__lead)
}

._game-name-normal_1ojzh_45 ._user-name-box_1ojzh_53 ._name-words_1ojzh_60 {
    color: var(--skin__accent_1)
}

._game-name-normal_1ojzh_45 ._words_1ojzh_63 {
    font-size: .18rem;
    color: var(--skin__neutral_2)
}

._game-name-normal_1ojzh_45 ._win-box_1ojzh_67 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .18rem;
    color: var(--skin__accent_3)
}

._list-box_17wde_45 {
    width: 100%;
    overflow: hidden
}

._list-box_17wde_45 ._game-card_17wde_49 {
    position: relative
}

._list-box_17wde_45 ._carousel-list-swiper_17wde_52 {
    width: calc(100% - var(--game-list-box-margin-left));
    overflow: initial;
    margin: initial;
    z-index: 0
}

._list-box_17wde_45 .swiper-wrapper {
    translate: var(--game-list-box-margin-left) 0
}

._list-box-slide-center_17wde_62 ._carousel-list-swiper_17wde_52 {
    width: 100%
}

._list-box-slide-center_17wde_62 .swiper-wrapper {
    translate: 0 0
}

._list-box-slide-center_17wde_62 .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center
}

._list-slide-box_duwo8_45 {
    opacity: 1
}

._list-slide-box_duwo8_45 ._swiper-box_duwo8_48 {
    padding-bottom: .2rem;
    margin-bottom: -.2rem
}

._list-slide-box_duwo8_45 .swiper .swiper-slide {
    justify-content: flex-start
}

._slide-horizontal_bnh1l_45 {
    padding: .2rem 0;
    background-color: var(--skin__bg_1);
    border-radius: .14rem
}

._slide-havebg_bnh1l_51 {
    background-color: initial
}

._game-name-normal_1l71t_45 {
    width: 0;
    flex: 1;
    text-align: left;
    margin-left: .12rem
}

[dir=rtl] ._game-name-normal_1l71t_45 {
    text-align: right;
    margin-left: 0;
    margin-right: .12rem
}

._game-name-normal_1l71t_45 ._user-name-box_1l71t_51 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .2rem;
    font-weight: 400;
    color: var(--skin__lead)
}

._game-name-normal_1l71t_45 ._user-name-box_1l71t_51 ._words_1l71t_59 {
    color: var(--skin__accent_1)
}

._game-name-normal_1l71t_45 ._win-box_1l71t_62 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .08rem;
    font-size: .2rem;
    font-weight: 400;
    color: var(--skin__accent_3)
}

._game-name-normal_1l71t_45 ._win-box_1l71t_62 ._words_1l71t_59 {
    color: var(--skin__neutral_2)
}

._card-right-box_1utx0_45 {
    width: 2.74rem;
    padding: .15rem;
    border-radius: .14rem;
    border: .01rem solid var(--skin__border);
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

._card-right-box_1utx0_45 ._poster-box_1utx0_54 {
    flex-shrink: 0
}

._game-name-normal_1xcvv_45 {
    width: 0;
    flex: 1;
    text-align: left;
    margin: 0 .2rem
}

[dir=rtl] ._game-name-normal_1xcvv_45 {
    text-align: right
}

._game-name-normal_1xcvv_45 ._text-item-box_1xcvv_51 {
    display: flex;
    align-items: center;
    font-size: .2rem;
    font-weight: 400
}

._game-name-normal_1xcvv_45 ._text-item-box_1xcvv_51:last-of-type {
    margin-top: .1rem
}

._game-name-normal_1xcvv_45 ._celebrate-icon_1xcvv_60 {
    display: inline-block;
    width: .266rem;
    height: .28rem;
    margin-right: .12rem;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0
}

[dir=rtl] ._game-name-normal_1xcvv_45 ._celebrate-icon_1xcvv_60 {
    margin-right: 0;
    margin-left: .12rem
}

._game-name-normal_1xcvv_45 ._user-name-box_1xcvv_69 {
    display: flex;
    align-items: center;
    font-weight: 400;
    color: var(--skin__lead)
}

._game-name-normal_1xcvv_45 ._user-name-box_1xcvv_69 ._words_1xcvv_75 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: .8rem;
    color: var(--skin__accent_1);
    flex-shrink: 0
}

._game-name-normal_1xcvv_45 ._win-box_1xcvv_84 {
    display: flex;
    align-items: center;
    color: var(--skin__accent_3);
    line-height: 1.4
}

._game-name-normal_1xcvv_45 ._win-box_1xcvv_84 ._words_1xcvv_75 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: .6rem;
    color: var(--skin__neutral_2);
    flex-shrink: 0
}

._card-right-button-box_1s97y_45 {
    width: 100%;
    border-bottom: .01rem solid var(--skin__border);
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    box-sizing: border-box
}

._card-right-button-box_1s97y_45 ._poster-box_1s97y_53 {
    flex-shrink: 0
}

._card-right-button-box_1s97y_45 ._right-btn_1s97y_56 {
    width: 1.2rem;
    flex-shrink: 0;
    font-size: .2rem
}

._list-slide-box_uojhr_45 {
    opacity: 1
}

._list-slide-box_uojhr_45 ._list-slide-vertical_uojhr_48 {
    height: 100%
}

._slide-vertical_1cuns_45 {
    height: 3.23rem;
    overflow: hidden;
    border-radius: .14rem;
    border: .01rem solid var(--skin__border)
}

._slide-vertical_1cuns_45 .swiper-vertical {
    height: 3.23rem
}

._title_niub6_45 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .35rem;
    width: 100%
}

._title_niub6_45 i {
    color: var(--skin__border);
    max-width: 1.5rem
}

._title_niub6_45 ._scale_niub6_56 {
    transform: scaleX(-1)
}

._title_niub6_45 p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 3.74rem;
    margin: 0 .14rem;
    text-align: center;
    color: var(--skin__lead);
    font-size: .24rem;
    font-weight: 400
}

._winner_4h0b7_45 {
    padding: 0 .2rem;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%;
    margin: .2rem 0
}

._winner_4h0b7_45._have-bg_4h0b7_53 {
    width: calc(100% - .4rem);
    padding: .2rem;
    margin: .2rem
}

._winner_4h0b7_45 .winner-title {
    height: .43rem
}

._winner_4h0b7_45 .winner-title p {
    margin: 0 .14rem;
    text-align: center;
    color: var(--skin__lead);
    font-size: .3rem;
    font-weight: 400
}

._winner_4h0b7_45 ._winner-card_4h0b7_68 {
    margin-top: .2rem
}

._win-container_4h0b7_72 {
    padding-top: .2rem
}

._game-name-normal_uyhpv_46 {
    --game-name-width: var(--card-benchmark);
    width: var(--game-name-width);
    text-align: center;
    margin-top: .04rem;
    font-weight: 400;
    line-height: 1.5
}

._game-name-normal_uyhpv_46 ._user-name-box_uyhpv_54 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: .265rem;
    font-size: .2rem;
    color: var(--skin__neutral_2)
}

._game-name-normal_uyhpv_46 ._words_uyhpv_62 {
    color: var(--skin__accent_2)
}

._game-name-normal_uyhpv_46 ._win-box_uyhpv_65 {
    margin-top: .02rem;
    height: .265rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._game-name-normal_uyhpv_46 ._win-box_uyhpv_65 ._netProfit_uyhpv_72 {
    font-size: .22rem;
    color: var(--skin__accent_3);
    line-height: .2rem;
    font-weight: 700;
    white-space: nowrap
}

._game-name-normal_uyhpv_46 ._win-box_uyhpv_65 ._multiple_uyhpv_79 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 1rem
}

._game-name-normal_uyhpv_46 ._win-box_uyhpv_65 .icon-currency {
    font-size: .2rem
}

._game-name-normal_uyhpv_46 ._win-box_uyhpv_65 ._more-icon_uyhpv_89 {
    transform: translate(-.03rem) scaleX(-1);
    color: var(--skin__neutral_2);
    margin-left: .06rem;
    font-size: .18rem
}

._card-below_pzh77_45 .name-inner {
    display: none!important
}

._list-slide-box_1ic5x_45 {
    opacity: 1
}

._list-slide-box_1ic5x_45 ._slide-center_1ic5x_48 .swiper-wrapper {
    display: flex;
    justify-content: center
}

._list-slide-box_1ic5x_45 .swiper .swiper-slide {
    justify-content: flex-start
}

._slide-horizontal_jazt0_45 {
    margin-top: .02rem
}

._game-name-normal_yms64_46 {
    width: 1.48rem;
    flex: 1;
    text-align: left;
    margin-left: .12rem
}

._game-name-normal_yms64_46 ._user-name-box_yms64_52 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .2rem;
    font-weight: 400;
    color: var(--skin__neutral_2)
}

._game-name-normal_yms64_46 ._user-name-box_yms64_52 ._words_yms64_60 {
    color: var(--skin__accent_1)
}

._game-name-normal_yms64_46 ._win-box_yms64_63 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .08rem;
    display: flex;
    align-items: center;
    font-size: .2rem
}

._game-name-normal_yms64_46 ._win-box_yms64_63 ._netProfit_yms64_72 {
    font-size: .22rem;
    font-weight: 700;
    color: var(--skin__accent_3);
    line-height: .2rem
}

._game-name-normal_yms64_46 ._win-box_yms64_63 ._multiple_yms64_78 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

._game-name-normal_yms64_46 ._win-box_yms64_63 ._more-icon_yms64_84 {
    transform: translate(-.03rem) scaleX(-1);
    color: var(--skin__neutral_2);
    margin-left: .06rem;
    font-size: .18rem
}

._game-name-normal_yms64_46 ._winner-text_yms64_90 {
    color: var(--skin__accent_2)
}

._card-right-box_1mpuc_45 {
    padding: .14rem;
    border-radius: .14rem;
    border: .01rem solid var(--skin__border);
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

._card-right-box_1mpuc_45 ._poster-box_1mpuc_53 {
    flex-shrink: 0
}

._card-right-box_1mpuc_45 .name-inner {
    display: none!important
}

._slide-horizontal_1uu0z_45 {
    margin-top: .02rem
}

._slide-horizontal_1uu0z_45 .swiper-box {
    padding-bottom: .03rem;
    margin-bottom: -.03rem
}

._game-name-normal_1hg0n_46 {
    width: 0;
    flex: 1;
    text-align: left;
    margin: 0 .1rem 0 .2rem
}

._game-name-normal_1hg0n_46 ._user-name-box_1hg0n_52 {
    display: flex;
    align-items: center;
    font-size: .2rem;
    font-weight: 400;
    color: var(--skin__neutral_2)
}

._game-name-normal_1hg0n_46 ._user-name-box_1hg0n_52 ._words_1hg0n_59 {
    display: flex
}

._game-name-normal_1hg0n_46 ._user-name-box_1hg0n_52 ._celebrate-icon_1hg0n_62 {
    width: .35rem;
    height: .35rem;
    background-size: contain
}

._game-name-normal_1hg0n_46 ._win-box_1hg0n_67 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .05rem;
    display: flex;
    align-items: center;
    font-size: .2rem
}

._game-name-normal_1hg0n_46 ._win-box_1hg0n_67 ._netProfit_1hg0n_76 {
    font-weight: 700;
    color: var(--skin__accent_3);
    line-height: .2rem
}

._game-name-normal_1hg0n_46 ._win-box_1hg0n_67 ._multiple_1hg0n_81 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

._game-name-normal_1hg0n_46 ._win-box_1hg0n_67 ._more-icon_1hg0n_87 {
    transform: scaleX(-1);
    color: var(--skin__neutral_2);
    margin-left: .06rem
}

._game-name-normal_1hg0n_46 ._winner-text_1hg0n_92 {
    color: var(--skin__accent_2)
}

._card-right-button-box_3x366_45 {
    width: 3.3rem;
    padding: .1rem 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    box-sizing: border-box;
    position: relative
}

._card-right-button-box_3x366_45 ._poster-box_3x366_54 {
    flex-shrink: 0
}

._card-right-button-box_3x366_45 ._right-btn_3x366_57 {
    width: .9rem;
    height: .45rem;
    flex-shrink: 0;
    font-size: .2rem;
    border-radius: .1rem
}

._card-right-button-box_3x366_45 .name-inner {
    display: none!important
}

._list-slide-box_2f5yt_45 {
    opacity: 1
}

._list-slide-box_2f5yt_45 ._list-slide-vertical_2f5yt_48 {
    height: 100%
}

._list-slide-box_2f5yt_45 .swiper-vertical {
    touch-action: initial
}

._slide-vertical_1whbr_45 {
    margin-top: .04rem;
    height: calc(var(--list-height) - .2rem);
    overflow: hidden
}

._slide-vertical_1whbr_45 .swiper-vertical {
    height: var(--list-height);
    transform: translateY(-.1rem)
}

._slide-vertical_1whbr_45 .swiper-vertical .swiper-slide {
    align-items: self-start
}

._slide-vertical_1whbr_45 .swiper-slide .card-right-button-box:nth-child(2n):after {
    content: "";
    display: block;
    width: 6.7rem;
    border-bottom: thin solid var(--skin__border);
    position: absolute;
    bottom: 0;
    right: .05rem
}

[dir=rtl] ._slide-vertical_1whbr_45 .swiper-slide .card-right-button-box:nth-child(2n):after {
    right: auto;
    left: .05rem
}

._winner-container_vpuxh_45 {
    width: 100%;
    padding: 0 .2rem
}

._winner-container_vpuxh_45 ._winner_vpuxh_45 {
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto
}

._winner-container_vpuxh_45 ._winner_vpuxh_45._have-bg_vpuxh_55 {
    background-color: initial
}

._winner-container_vpuxh_45 ._winner-style1_vpuxh_58 {
    border-radius: .14rem;
    padding: .1rem 0 .05rem;
    background-color: var(--skin__bg_1)
}

._winner-container_vpuxh_45 ._winner-style3_vpuxh_63 {
    border-radius: .14rem;
    padding: .09rem 0 .14rem;
    border: .01rem solid var(--skin__border)
}

._winner-container_vpuxh_45 ._win-container_vpuxh_68 {
    padding-top: .2rem
}

._has-margin_vpuxh_72 {
    margin: .2rem 0
}

._scale-winner-box_vpuxh_76 {
    width: 100%;
    display: none
}

._scale-winner-box_vpuxh_76 ._scale-win_vpuxh_76 {
    padding: initial;
    margin: initial
}

._show-winner_vpuxh_85 {
    display: block
}

._winner_vpuxh_45 {
    margin-bottom: .15rem!important
}

._marqueue-box_o9nm0_45 {
    position: relative;
    z-index: 0;
    margin: 0 .2rem
}

._marqueue-box_o9nm0_45>div {
    padding: 0 .1rem
}

._marqueue-box_o9nm0_45 ._marqueue-bg_o9nm0_53 {
    background-size: 100% 100%;
    height: .7rem;
    width: 7.1rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0
}

._special_o9nm0_64 {
    margin-bottom: .15rem!important
}

._theme9-layout_o9nm0_68 .marketing-box {
    display: block;
    --row-gap: .15rem
}

._theme9-layout_o9nm0_68 .marketing-box .marketing-box-item {
    --marketing-box-margin: 0 auto .15rem;
    --marketing-box-padding: .15rem 0 0
}

._base-view_nz8o1_45>section {
    position: relative;
    overflow: hidden
}

html[data-skin-layout="10"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="10"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="10"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="12"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="12"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="12"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="14"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="14"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="14"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="16"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="16"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="16"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="25"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="25"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="25"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="26"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="26"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="26"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="27"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="27"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="27"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="31"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="31"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="31"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="33"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="33"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="33"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .3rem
}

html[data-skin-layout="39"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="39"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="39"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="46"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="46"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="46"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .3rem
}

html[data-skin-layout="48"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="48"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="48"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="49"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .2rem
}

html[data-skin-layout="49"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="49"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="53"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 0
}

html[data-skin-layout="53"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="53"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="55"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="55"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="55"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="66"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .2rem
}

html[data-skin-layout="66"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="66"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="74"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="74"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="74"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="76"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="76"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="76"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="78"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .6rem
}

html[data-skin-layout="78"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="78"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="82"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="82"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="82"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="83"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.5rem
}

html[data-skin-layout="83"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="83"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="87"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="87"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="87"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="88"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.72rem
}

html[data-skin-layout="88"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="88"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="92"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .9rem
}

html[data-skin-layout="92"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="92"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="110"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="110"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="110"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="96"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="96"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="96"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="97"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="97"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="97"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="98"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.46rem
}

html[data-skin-layout="98"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="98"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="106"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.4rem
}

html[data-skin-layout="106"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="106"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="109"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="109"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="109"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="111"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="111"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="111"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="113"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="113"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="113"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="114"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .3rem
}

html[data-skin-layout="114"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="114"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="20"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .46rem
}

html[data-skin-layout="20"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="20"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="115"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="115"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="115"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="117"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .5rem
}

html[data-skin-layout="117"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="117"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="123"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1rem
}

html[data-skin-layout="123"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="123"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="120"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="120"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="120"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="124"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.7rem
}

html[data-skin-layout="124"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="124"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="125"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .6rem
}

html[data-skin-layout="125"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="125"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="126"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: .27rem
}

html[data-skin-layout="126"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="126"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="119"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1rem
}

html[data-skin-layout="119"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="119"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="128"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="128"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="128"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="130"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 {
    padding-bottom: var(--tabbar-height)
}

html[data-skin-layout="130"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-tab__panel,html[data-skin-layout="130"] ._base-view_nz8o1_45>section ._base-view_nz8o1_45 .ui-virtual-list {
    padding-bottom: 0
}

._base-view_nz8o1_45._hollowing-out_nz8o1_357>section[class*=section-content]>div[class*=main] {
    height: 100%;
    padding-bottom: 0
}

._tabbar_3a2ww_49 {
    background-color: var(--skin__web_btmnav_db);
    width: 100%;
    height: 1.24rem;
    box-shadow: .02rem 0 .06rem rgba(0,0,0,.1);
    z-index: 2;
    position: relative;
    background-position: bottom;
    background-repeat: no-repeat;
    --icon-size: .5rem;
    --cutOneImageWidth: 1.24rem;
    --cutOneImageHeight: 1.24rem;
    --expand_tabbar_festival_height: 1.24rem
}

[dir=rtl] ._tabbar_3a2ww_49 {
    box-shadow: -.02rem 0 .06rem rgba(0,0,0,.1)
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 {
    box-sizing: border-box
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 .ui-badge {
    max-width: 1.2rem
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 .ui-badge--top-right {
    transform: translate(100%,-50%);
    right: .1rem
}

[dir=rtl] ._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 .ui-badge--top-right {
    transform: translate(-100%,-50%);
    right: auto;
    left: .1rem
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 ._last-badge_3a2ww_81 .ui-badge {
    max-width: .66rem;
    right: .19rem
}

[dir=rtl] ._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 ._last-badge_3a2ww_81 .ui-badge {
    right: auto;
    left: .19rem
}

._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 ._last-badge_3a2ww_81 .ui-badge--top-center {
    right: unset
}

[dir=rtl] ._tabbar_3a2ww_49 ._tabbar-item_3a2ww_63 ._itemContent_3a2ww_66 ._last-badge_3a2ww_81 .ui-badge--top-center {
    right: auto;
    left: unset
}

._tabbar-bg_3a2ww_89 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

._tabbar-bg_3a2ww_89 ._tabbar_3a2ww_49 {
    background-color: transparent
}

._expand-tabar_3a2ww_98 {
    position: relative
}

._expand-tabar_3a2ww_98 ._expand-list_3a2ww_101 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

._expand-tabar_3a2ww_98 ._tabbar_3a2ww_49 {
    position: unset
}

._expand-tabar_3a2ww_98 ._tabbar_3a2ww_49 .tabbar-festival-box {
    top: unset;
    bottom: 0;
    height: var(--expand_tabbar_festival_height)
}

._mode-expand_3a2ww_117 ._expand-wrapper_3a2ww_117 {
    height: 0;
    transition: height .3s
}

._mode-popover_3a2ww_122 ._expand-wrapper_3a2ww_117 {
    display: none;
    position: fixed;
    left: auto;
    top: 0;
    width: var(--lobby__max-width);
    height: 100%;
    background-color: rgba(0,0,0,.6)
}

[dir=rtl] ._mode-popover_3a2ww_122 ._expand-wrapper_3a2ww_117 {
    left: auto;
    right: auto
}

._mode-popover_3a2ww_122 ._expand-wrapper_3a2ww_117._expand-open_3a2ww_131 {
    display: block
}

._mode-popover_3a2ww_122 ._expand-list_3a2ww_101 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    bottom: 0
}

[dir=rtl] ._mode-popover_3a2ww_122 ._expand-list_3a2ww_101 {
    transform: translate(50%);
    left: auto;
    right: 50%
}

body[class=safe-area-inset-bottom] ._mode-popover_3a2ww_122 ._expand-list_3a2ww_101 {
    margin-bottom: var(--skin__safe-area-inset-bottom)
}

._item_3a2ww_66 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 0 .05rem
}

._item_3a2ww_66:nth-last-child(1) ._ui-badge__content_3a2ww_160 {
    max-width: .52rem
}

._item_3a2ww_66 ._specialBox_3a2ww_163 {
    width: 1rem;
    height: var(--icon-size)
}

._item_3a2ww_66 ._specialImg_3a2ww_167 {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -.08rem;
    z-index: 5
}

[dir=rtl] ._item_3a2ww_66 ._specialImg_3a2ww_167 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._item_3a2ww_66 ._assembly_3a2ww_176 {
    position: relative;
    display: block;
    z-index: 1;
    line-height: 0
}

._item_3a2ww_66 ._assembly_3a2ww_176 ._itemOutsideImg_3a2ww_182 {
    position: absolute;
    color: var(--skin__btmnav_def)
}

._item_3a2ww_66 ._assembly_3a2ww_176 ._itemCoreImg_3a2ww_186 {
    color: var(--skin__btmnav_active)
}

._item_3a2ww_66 .ui-badge__wrapper {
    line-height: 0
}

._item_3a2ww_66 ._itemImg_3a2ww_192 {
    width: auto;
    height: var(--icon-size);
    font-size: .48rem;
    z-index: 1;
    position: relative;
    display: block;
    line-height: 0
}

._item_3a2ww_66 ._itemActiveImg_3a2ww_201 {
    color: var(--skin__btmnav_active)
}

._item_3a2ww_66 ._text_3a2ww_204 {
    color: var(--skin__btmnav_def);
    font-size: .24rem;
    word-break: break-word;
    display: -webkit-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: .54rem;
    line-height: 1.2;
    overflow: hidden;
    z-index: 2
}

._item_3a2ww_66 ._text_3a2ww_204:lang(vi) {
    font-size: .2rem;
    line-height: 1.3;
    margin-top: .06rem
}

._item_3a2ww_66 ._active_3a2ww_224 {
    color: var(--skin__btmnav_active)
}

._item_3a2ww_66._cutOne_3a2ww_227 {
    align-items: center;
    height: 100%;
    z-index: 4
}

._item_3a2ww_66._cutOne_3a2ww_227 .specialBox {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._item_3a2ww_66._cutOne_3a2ww_227 ._specialImg_3a2ww_167 {
    height: 100%;
    width: 100%;
    position: unset;
    transform: unset
}

._specail-badge_3a2ww_243 {
    width: var(--icon-size);
    aspect-ratio: 1/1;
    position: relative
}

._specail-badge_3a2ww_243 ._specialBox_3a2ww_163 {
    width: inherit;
    height: inherit
}

._specail-badge_3a2ww_243 ._specialImg_3a2ww_167 {
    max-width: max-content;
    top: 50%;
    transform: translate(-50%,-50%)
}

[dir=rtl] ._specail-badge_3a2ww_243 ._specialImg_3a2ww_167 {
    transform: translate(50%,-50%)
}

._specail-badge_3a2ww_243 .ui-badge {
    z-index: 5
}

._specail-badge_3a2ww_243 .ui-badge__wrapper {
    width: 100%;
    height: 100%;
    position: unset
}

._big-item_3a2ww_266 {
    height: 100%
}

._big-item_3a2ww_266 .ui-badge__wrapper {
    height: var(--icon-size);
    width: var(--icon-size);
    position: relative
}

._big-item_3a2ww_266 .ui-badge {
    margin-top: -.7rem;
    top: 0;
    bottom: unset;
    left: 50%;
    right: unset!important;
    transform: translateY(-50%)!important
}

[dir=rtl] ._big-item_3a2ww_266 .ui-badge {
    right: 50%;
    left: unset!important
}

._big-item_3a2ww_266 ._big-icon-badge_3a2ww_282 {
    width: 1.2rem;
    height: 1.2rem;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    position: absolute
}

[dir=rtl] ._big-item_3a2ww_266 ._big-icon-badge_3a2ww_282 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._big-item_3a2ww_266 ._big-item-img_3a2ww_290 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

[dir=rtl] ._big-item_3a2ww_266 ._big-item-img_3a2ww_290 {
    left: auto;
    right: 0
}

._tabbar-bg_3a2ww_89 {
    height: 1.3rem;
    background-size: 100% 100%;
    margin-top: -.3rem
}

._tabbar-bg_3a2ww_89 .custom,._tabbar-bg_3a2ww_89 .tabbar-festival-box {
    top: auto;
    bottom: -.06rem;
    height: 1.2rem
}

._tabbar_3a2ww_49 {
    --cutOneImageHeight: 1.17rem;
    height: 1.24rem;
    box-shadow: none
}

._item_3a2ww_66 {
    padding-bottom: .1rem
}

._item_3a2ww_66 ._itemImg_3a2ww_192 {
    margin-top: .1rem;
    margin-bottom: .04rem
}

._item_3a2ww_66 ._text_3a2ww_204 {
    max-width: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: .34rem;
    display: block!important
}

._item_3a2ww_66 ._text_3a2ww_204._active_3a2ww_224 {
    font-weight: 700
}

._item_3a2ww_66 ._specialImg_3a2ww_167 {
    top: 0
}

._item_3a2ww_66._cutOne_3a2ww_227 {
    display: flex;
    align-items: flex-end
}

._item_3a2ww_66._cutOne_3a2ww_227 .specialBox {
    margin: 0;
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._item_3a2ww_66._cutOne_3a2ww_227 ._specialImg_3a2ww_167 {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth);
    object-fit: contain;
    position: absolute;
    transform: translate(-50%);
    top: .15rem!important
}

[dir=rtl] ._item_3a2ww_66._cutOne_3a2ww_227 ._specialImg_3a2ww_167 {
    transform: translate(50%)
}

._item_3a2ww_66._lucky_3a2ww_355 img {
    top: 50%;
    transform: translate(-50%,-55%)
}

[dir=rtl] ._item_3a2ww_66._lucky_3a2ww_355 img {
    transform: translate(50%,-55%)
}

._item_3a2ww_66._lucky_3a2ww_355 .ui-badge {
    margin-top: -.12rem
}

.ui-tabbar {
    z-index: 1;
    display: flex;
    box-sizing: content-box;
    width: 100%
}

.ui-tabbar--fixed {
    position: fixed;
    bottom: 0;
    left: 0
}

[dir=rtl] .ui-tabbar--fixed {
    left: auto;
    right: 0
}

.ui-safe-area-top {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

.ui-safe-area-bottom {
    padding-bottom: var(--skin__safe-area-inset-bottom)
}

.ui-tabbar-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: .28rem;
    line-height: 1;
    cursor: pointer
}

.ui-tabbar-item--active {
    color: var(--skin__primary)
}

._tabbar-bg_1w4en_45 {
    height: 1.3rem;
    background-size: 100% 100%;
    margin-top: -.3rem
}

._tabbar-bg_1w4en_45 .custom,._tabbar-bg_1w4en_45 .tabbar-festival-box {
    top: auto;
    bottom: -.06rem;
    height: 1.2rem
}

._tabbar_1w4en_45 {
    --cutOneImageHeight: 1.17rem;
    height: 1.24rem;
    box-shadow: none
}

._item_1w4en_63 {
    padding-bottom: .1rem
}

._item_1w4en_63 ._itemImg_1w4en_66 {
    margin-top: .1rem;
    margin-bottom: .04rem
}

._item_1w4en_63 ._text_1w4en_70 {
    max-width: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: .34rem;
    display: block!important
}

._item_1w4en_63 ._text_1w4en_70._active_1w4en_78 {
    font-weight: 700
}

._item_1w4en_63 ._specialImg_1w4en_81 {
    top: 0
}

._item_1w4en_63._cutOne_1w4en_84 {
    display: flex;
    align-items: flex-end
}

._item_1w4en_63._cutOne_1w4en_84 .specialBox {
    margin: 0;
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._item_1w4en_63._cutOne_1w4en_84 ._specialImg_1w4en_81 {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth);
    object-fit: contain;
    position: absolute;
    transform: translate(-50%);
    top: .15rem!important
}

[dir=rtl] ._item_1w4en_63._cutOne_1w4en_84 ._specialImg_1w4en_81 {
    transform: translate(50%)
}

._item_1w4en_63._lucky_1w4en_101 img {
    top: 50%;
    transform: translate(-50%,-55%)
}

[dir=rtl] ._item_1w4en_63._lucky_1w4en_101 img {
    transform: translate(50%,-55%)
}

._item_1w4en_63._lucky_1w4en_101 .ui-badge {
    margin-top: -.12rem
}

._pwa-iframe_vzzm5_45 {
    width: 100%;
    height: 100%;
    border: none;
    position: relative
}