@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: .58rem;
    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) rotate(30deg)
}

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

[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_1h4am_52 {
    display: flex;
    flex-direction: column;
    height: 100%;
    font-size: .22rem
}

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

._page_1h4am_52 ._page-tab-container_1h4am_58 .ui-badge__content {
    line-height: .3rem
}

._page_1h4am_52 ._page-tab-container_1h4am_58 .ui-tabs__content {
    flex: 1;
    overflow: hidden
}

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

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

._page_1h4am_52 ._page-tab-container_1h4am_58 .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_1h4am_52 .ui-retry__block,
._page_1h4am_52 .ui-empty {
    height: 100%
}

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

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

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

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

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

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

._page_1h4am_52 ._content_1h4am_101._with-footer-bar_1h4am_107 {
    padding-bottom: 1.6rem
}

._page_1h4am_52 ._content_1h4am_101._with-filter_1h4am_110 {
    padding-top: 0
}

._page_1h4am_52 ._content_1h4am_101._with-footer-bar-lg_1h4am_113 {
    padding-bottom: 2.4rem
}

._page_1h4am_52 ._content_1h4am_101 .ui-list__container>* {
    margin-bottom: .2rem
}

._page_1h4am_52 ._content_1h4am_101 .ui-list__container>*:last-child {
    margin-bottom: 0
}

._page_1h4am_52 ._content_1h4am_101 .ui-pull-refresh {
    min-height: 100%
}

._fixed-footer-bar_1h4am_126 {
    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_1h4am_126 {
    left: auto;
    right: 0
}

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

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

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

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

._form_1h4am_146 ._multiple-form-item_1h4am_157 .lobby-form-item__input {
    flex-direction: column
}

._multiple-account-container_1h4am_161 {
    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_1h4am_171 .ui-popover__action {
    font-size: .24rem;
    width: 1.6rem;
    height: .8rem;
    padding: 0
}

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

._icon-arrow_1h4am_181 {
    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_1h4am_181 {
    right: auto;
    left: .2rem
}

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

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

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

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

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

._icon-with-bg_1h4am_206._success_1h4am_213 {
    background-color: var(--skin__accent_1)
}

._icon-with-bg_1h4am_206._warning_1h4am_216 {
    background-color: var(--skin__accent_3)
}

._icon-with-bg_1h4am_206._failed_1h4am_219 {
    background-color: var(--skin__accent_2)
}

._icon-with-bg_1h4am_206._gray_1h4am_222 {
    background: var(--skin__neutral_2)
}

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

._select-popover_1h4am_226 .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_1h4am_241 {
    min-width: 1.6rem;
    max-width: 1.9rem !important
}

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

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

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

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

._base-header_1h4am_259 .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_1h4am_259 .lobby-base-header__section--right {
    max-width: 1.7rem;
    padding-right: .2rem;
    font-size: .24rem;
    text-align: right
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._flex_1pxt2_122 {
    display: flex
}

._flex-1_1pxt2_125 {
    flex: 1
}

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

._flex-col_1pxt2_133 {
    flex-direction: column
}

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

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

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

._items-start_1pxt2_147 {
    align-items: start
}

._items-center_1pxt2_150 {
    align-items: center
}

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

._justify-center_1pxt2_157 {
    justify-content: center
}

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

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

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

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

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

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

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

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

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

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

._font-bold_1pxt2_193 {
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

._text-white_1pxt2_232 {
    color: #fff
}

._text-right_1pxt2_235 {
    text-align: right
}

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

._text-center_1pxt2_238 {
    text-align: center
}

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

._text-underline_1pxt2_244 {
    text-decoration: underline
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._w-full_1pxt2_322 {
    width: 100%
}

._w-200_1pxt2_325 {
    width: 2rem
}

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

._h-full_1pxt2_332 {
    height: 100%
}

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

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

._absolute_1pxt2_343 {
    position: absolute
}

._overflow-hidden_1pxt2_347 {
    overflow: hidden
}

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

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

._inline-block_1pxt2_359 {
    display: inline-block
}

._inline-flex_1pxt2_362 {
    display: inline-flex
}

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

._resize-vertical_1pxt2_370 {
    resize: vertical
}

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

._vertical-middle_1pxt2_378 {
    vertical-align: middle
}

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

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

._logout_1fuez_52 .ui-dialog__footer {
    gap: unset
}

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

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

._loginError_1fuez_65 {
    z-index: 4000
}

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

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

._createDialogZindex_1fuez_77 {
    z-index: 3000 !important
}

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

._kycWarp_1fuez_81 img {
    width: .32rem
}

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

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

._kycNeedRichWrap_1fuez_94 {
    text-align: left
}

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

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

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

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

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

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

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

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

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

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

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

[dir=rtl] ._kycNeedMobile_1fuez_114 ._kycNeedMobileIconBg_1fuez_130 img {
    left: auto;
    right: 0
}

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

._webauthn_1fuez_145 ._header_1fuez_145 ._iconSuccess_1fuez_151 {
    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_1fuez_145 ._header_1fuez_145 ._iconSuccess_1fuez_151 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_1fuez_145 ._header_1fuez_145 ._iconSuccess_1fuez_151>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_1fuez_145 ._header_1fuez_145 ._iconFail_1fuez_165 {
    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_1fuez_145 ._header_1fuez_145 ._iconFail_1fuez_165 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_1fuez_145 ._header_1fuez_145 ._iconFail_1fuez_165>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_1fuez_145 ._content_1fuez_179 {
    font-weight: 400;
    text-indent: 2em;
    text-align: center
}

._webauthn_1fuez_145 ._content_1fuez_179>span {
    font-weight: 700
}

._webauthn_1fuez_145 ._left_1fuez_187 {
    font-weight: 400;
    text-indent: 2em;
    text-align: left
}

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

._webauthn_1fuez_145 ._left_1fuez_187>span {
    font-weight: 700
}

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

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

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

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

._antiWrap_1fuez_205 .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_1fuez_205 .ui-dialog .ui-dialog__main .ui-dialog__header .ui-dialog__header__icon {
    font-size: .36rem;
    background-color: #fff;
    color: var(--skin__accent_1)
}

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

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

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

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

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

._antiWrap_1fuez_205 .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_1fuez_205 .ui-dialog .ui-dialog__main .ui-dialog__footer button.ui-button--primary {
    background-color: var(--skin__accent_1)
}

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

._deviceRiskHeadImg_1fuez_254 {
    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_1fuez_264 {
    color: var(--skin__lead);
    font-size: .22rem;
    text-align: center
}

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

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

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

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

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

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

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

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

._main_b89p0_52 ._placeholder_b89p0_61 {
    display: flex;
    visibility: hidden
}

._main_b89p0_52 ._mainScroller_b89p0_65 {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0
}

[dir=rtl] ._main_b89p0_52 ._mainScroller_b89p0_65 {
    left: auto;
    right: 0
}

._main_b89p0_52 ._mainScroller_b89p0_65>span {
    display: block
}

._main_b89p0_52 ._scroll-pasued_b89p0_74 {
    animation-play-state: paused
}

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

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

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

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

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

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

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

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

._main_b89p0_52[data-direction=right] ._mainScroller_b89p0_65 {
    right: 0;
    left: auto
}

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

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

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

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

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

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

._main_b89p0_52 ._scrollUp_b89p0_146 {
    animation-name: _dynamicScrollUp_b89p0_1;
    animation-timing-function: linear
}

._main_b89p0_52 ._scrollRight_b89p0_150 {
    animation-name: _dynamicScrollRight_b89p0_1;
    animation-timing-function: linear
}

._main_b89p0_52 ._scrollDown_b89p0_154 {
    animation-name: _dynamicScrollDown_b89p0_1;
    animation-timing-function: linear
}

._main_b89p0_52 ._scrollLeft_b89p0_158 {
    animation-name: _dynamicScrollLeft_b89p0_1;
    animation-timing-function: linear
}

._category-icon-text_r2k4b_52 {
    --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_r2k4b_52._vertical_r2k4b_64 {
    flex-direction: column
}

._category-icon-text_r2k4b_52._vertical_r2k4b_64 ._seamless-scroll_r2k4b_67 {
    text-align: center
}

._category-icon-text_r2k4b_52._vertical_r2k4b_64 ._category-text_r2k4b_70 {
    margin: var(--category-text-vertical-margin)
}

._category-icon-text_r2k4b_52._disabled_r2k4b_73 ._category-text_r2k4b_70 {
    color: var(--category-text-disabled-color)
}

._category-icon-text_r2k4b_52._bold_r2k4b_76 ._category-text_r2k4b_70 {
    font-weight: 700
}

._category-icon-text_r2k4b_52 ._category-icon_r2k4b_52 {
    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_r2k4b_52 ._category-icon_r2k4b_52>svg {
    width: inherit
}

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

._category-icon-text_r2k4b_52 ._seamless-scroll_r2k4b_67 ._category-text_r2k4b_70 {
    display: inline-block
}

._category-icon-text_r2k4b_52 ._category-text_r2k4b_70 {
    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_xkc3n_52 {
    position: relative;
    margin-top: 3.5rem;
    padding: .2rem;
    border-radius: .14rem;
    width: 6.9rem;
    display: flex;
    gap: .12rem;
    align-items: center;
    font-size: .28rem
}

._rewardPopup_xkc3n_52 ._icon-img_xkc3n_63 {
    width: .4rem;
    height: .4rem
}

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

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

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 {
    max-width: 2.8rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .1rem
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._currency_xkc3n_84,
._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85 {
    display: flex;
    align-items: center;
    color: #ffaa09;
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left
}

[dir=rtl] ._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._currency_xkc3n_84,
[dir=rtl] ._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85 {
    text-align: right
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._currency_xkc3n_84>i,
._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85>i {
    margin-top: .06rem;
    margin-right: .05rem;
    display: block !important
}

[dir=rtl] ._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._currency_xkc3n_84>i,
[dir=rtl] ._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85>i {
    margin-right: 0;
    margin-left: .05rem
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85 {
    margin: 0
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85 ._icon_xkc3n_63 {
    --category-icon-size: .3rem;
    --category-icon-font-size: .3rem;
    --category-text-font-size: .24rem;
    --category-text-width: 2.8rem
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._activity_xkc3n_85 ._text-class_xkc3n_109 {
    font-size: .24rem
}

@keyframes _receiveCurrencyIconRotateY_xkc3n_1 {
    0% {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(-360deg)
    }
}

._rewardPopup_xkc3n_52 ._rightContent_xkc3n_76 ._iconAnime_xkc3n_120 {
    animation: _receiveCurrencyIconRotateY_xkc3n_1 1s linear 1;
    transform-origin: center;
    color: #ffaa09
}

._rewardPopup_xkc3n_52 ._anime_xkc3n_125 {
    position: absolute;
    width: 8rem;
    height: 2rem;
    top: calc(50% - 1rem);
    left: calc(50% - 4rem)
}

[dir=rtl] ._rewardPopup_xkc3n_52 ._anime_xkc3n_125 {
    left: auto;
    right: calc(50% - 4rem)
}

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

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

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

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

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

._animatePopup_10mt1_57 {
    justify-content: flex-start
}

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

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

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

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

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

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

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

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

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

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

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

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

._largeAmountModal_10mt1_104 {
    width: 7.5rem
}

._largeAmountModal_10mt1_104 .ui-dialog__main {
    background-color: transparent;
    border-radius: 0;
    border: unset !important;
    min-height: 6rem
}

._largeAmountModal_10mt1_104 .ui-dialog__content {
    padding: 0
}

._largeAmountModal_10mt1_104 .ui-dialog__message {
    display: flex;
    justify-content: center
}

._reviewNotifyDialog_10mt1_121 .ui-dialog__header--title {
    font-size: .34rem;
    line-height: 1.3
}

._reviewNotifyDialog_10mt1_121 .ui-dialog__header__icon {
    width: .36rem;
    height: .36rem;
    background: var(--skin__accent_3);
    border-radius: 50%;
    top: 0
}

._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 {
    font-size: .24rem;
    font-weight: 400;
    line-height: .36rem;
    text-indent: .48rem;
    text-align: left
}

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

._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 ._success_10mt1_139 {
    color: var(--skin__accent_1);
    font-weight: 600
}

._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 ._success_10mt1_139 ._icon_10mt1_143 {
    font-size: .28rem;
    vertical-align: text-top;
    margin-right: .1rem
}

[dir=rtl] ._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 ._success_10mt1_139 ._icon_10mt1_143 {
    margin-right: 0;
    margin-left: .1rem
}

._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 ._text_10mt1_148 {
    color: var(--skin__lead)
}

._reviewNotifyDialog_10mt1_121 ._reviewNotify_10mt1_121 ._text_10mt1_148>span {
    color: var(--skin__accent_3)
}

: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;
    --tabbar-delta-height: 0rem;
    --babbar-big-icon-offset-top: .67rem;
    --tabbar-bulge-height: 0rem
}

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 [data-route-view="1"][data-full-screen="1"] header {
    transition: transform .3s;
    position: fixed;
    top: 0;
    transform: translateY(-100%);
    width: var(--lobby__max-width);
    margin: 0 auto
}

html body [data-route-view="1"][data-full-screen="1"] footer.layout-footer {
    position: fixed;
    bottom: 0;
    transform: translateY(calc(100% + var(--babbar-big-icon-offset-top)));
    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.24rem
}

{}

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

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

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

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

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

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

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

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

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

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

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

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

._main_jno3w_63.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-firefox,
._main_jno3w_63.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
}

._rows_29mhe_52 {
    flex-direction: column;
    justify-content: center;
    width: 100%
}

._rows_29mhe_52 ._scroll_29mhe_57 {
    display: flex;
    width: auto;
    scrollbar-width: none
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 {
    width: 4.4rem;
    flex: none;
    height: 1.44rem;
    padding: .16rem;
    border-radius: .14rem;
    border: thin solid var(--skin__border);
    background: var(--skin__bg_2);
    margin-right: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 {
    margin-right: 0;
    margin-left: .2rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62:last-child {
    margin-right: 0
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62:last-child {
    margin-right: 0;
    margin-left: 0
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .12rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_logo_29mhe_84 {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
    margin-top: -.12rem
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_logo_29mhe_84 {
    margin-right: 0;
    margin-left: .1rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_text_29mhe_90 {
    color: var(--skin__neutral_1);
    font-size: .2rem;
    font-weight: 400;
    line-height: normal;
    width: 2.52rem;
    margin-top: -.12rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_live_29mhe_101 {
    width: .48rem;
    height: .24rem;
    margin-right: .08rem;
    flex: none
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_live_29mhe_101 {
    margin-right: 0;
    margin-left: .08rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._subtitle-text_29mhe_107 {
    position: absolute;
    top: -.22rem;
    right: -.16rem;
    padding: 0 .16rem;
    width: 2rem;
    height: .35rem;
    line-height: .35rem;
    border-radius: 0 .14rem;
    background-color: var(--skin__primary);
    color: var(--skin__text_primary);
    font-size: .2rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._subtitle-text_29mhe_107 {
    right: auto;
    left: -.16rem;
    border-radius: .14rem 0
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_hot_29mhe_124 {
    width: .36rem;
    height: .36rem;
    position: absolute;
    top: -.16rem;
    right: -.16rem
}

[dir=rtl] ._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._title_29mhe_78 ._title_hot_29mhe_124 {
    right: auto;
    left: -.16rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._country_29mhe_136 {
    flex: 1;
    text-align: center
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._country_29mhe_136 ._country_logo_29mhe_140 {
    width: .36rem;
    height: .36rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._country_29mhe_136 ._country_text_29mhe_144 {
    color: var(--skin__lead);
    font-size: .2rem;
    font-weight: 400;
    width: 1.28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._score_29mhe_153 {
    text-align: center;
    flex: none;
    width: 1.52rem
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._score_29mhe_153>p:nth-of-type(1) {
    color: var(--skin__neutral_2);
    font-size: .2rem;
    font-weight: 400
}

._rows_29mhe_52 ._scroll_29mhe_57 ._item_29mhe_62 ._main_29mhe_131 ._score_29mhe_153>p:nth-of-type(2) {
    color: var(--skin__neutral_1);
    font-size: .24rem;
    font-weight: 400
}

.ui-tab__panel,
.ui-tab__panel-wrapper {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%
}

.ui-tab__panel-wrapper--inactive {
    overflow: visible
}

.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
}

.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
}

._date-tabs_16ycl_52 {
    margin: 0 .2rem;
    overflow: hidden
}

._date-tabs_16ycl_52 ._tabs-nav_16ycl_56 {
    height: .8rem;
    min-height: auto;
    margin: 0 -.2rem;
    color: var(--skin__neutral_1);
    border-bottom: var(--lobby__px) solid var(--skin__border)
}

._date-tabs_16ycl_52 ._tabs-nav_16ycl_56 ._tab-title_16ycl_63 {
    padding: .02rem 0;
    margin: 0 .2rem;
    flex-direction: column;
    justify-content: center;
    font-size: .24rem;
    white-space: nowrap
}

._date-tabs_16ycl_52 ._tabs-nav_16ycl_56 ._tab-title_16ycl_63 ._tab-date_16ycl_71 {
    font-size: .26rem
}

._date-tabs_16ycl_52 ._tabs-nav_16ycl_56 ._tab-title_16ycl_63 ._tab-weekday_16ycl_74 {
    font-size: .2rem;
    margin-top: .08rem
}

._date-tabs_16ycl_52 ._tabs-nav_16ycl_56 ._tab-title_16ycl_63.ui-tab--active {
    font-weight: 700
}

._sport-tabs-home_1p6vi_52 {
    position: relative
}

._sport-tabs-home_1p6vi_52 ._sport-game-sticky-content_1p6vi_55 {
    background-color: var(--skin__home_bg)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 {
    height: 1.34rem;
    margin: 0 .2rem;
    border-bottom: var(--lobby__px) solid var(--skin__border)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 .ui-tabs__nav {
    margin-left: -.25rem;
    margin-right: -.25rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 .ui-tabs__nav .ui-tab--disabled {
    cursor: unset
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 {
    flex-direction: column;
    justify-content: space-around;
    height: 1.34rem;
    padding: .04rem .25rem .24rem;
    min-width: 1.28rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-top: .13rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-active_1p6vi_85 ._tab-img_1p6vi_85 {
    width: .64rem;
    height: .64rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-active_1p6vi_85 ._text_1p6vi_89 {
    color: var(--skin__primary)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-active_1p6vi_85 ._sport-count_1p6vi_92 {
    color: var(--skin__lead)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-maintenance_1p6vi_95 ._maintenance-tips_1p6vi_95 {
    position: absolute;
    height: .32rem;
    width: .32rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    z-index: 1;
    right: -.05rem;
    top: -.17rem
}

[dir=rtl] ._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-maintenance_1p6vi_95 ._maintenance-tips_1p6vi_95 {
    right: auto;
    left: -.05rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77._is-maintenance_1p6vi_95 ._tab-img_1p6vi_85 {
    filter: grayscale(100%)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 ._tab-img_1p6vi_85 {
    position: relative;
    width: .55rem;
    height: .55rem;
    background-size: 100% 100%
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 ._sport-count_1p6vi_92 {
    position: absolute;
    top: -.1rem;
    right: -.1rem;
    font-size: .2rem;
    color: var(--skin__neutral_1);
    transform: translate(50%)
}

[dir=rtl] ._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 ._sport-count_1p6vi_92 {
    right: auto;
    left: -.1rem;
    transform: translate(-50%)
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 ._text_1p6vi_89 {
    font-size: .26rem;
    color: var(--skin__neutral_2);
    line-height: .2rem
}

._sport-tabs-home_1p6vi_52 ._game-tabs_1p6vi_58 ._tab-title_1p6vi_70 ._tab-title-wrap_1p6vi_77 ._text_1p6vi_89:lang(vi) {
    font-size: .2rem
}

._sport-tabs-home_1p6vi_52 ._sport-tabs_1p6vi_52 {
    overflow: hidden
}

._sport-tabs-home_1p6vi_52 ._sport-tabs_1p6vi_52 ._date_1p6vi_134 {
    margin-top: .2rem
}

[dir=rtl] ._is-maintenance_1p6vi_95 ._maintenance-tips_1p6vi_95 {
    transform: rotate(270deg)
}

[dir=rtl] [dir=rtl] ._is-maintenance_1p6vi_95 ._maintenance-tips_1p6vi_95 {
    transform: rotate(-270deg)
}

._maintain-dialog_1p6vi_142 .ui-dialog__content {
    padding: 0;
    background-color: var(--skin__bg_2)
}

._maintain-dialog_1p6vi_142 ._dialog-content_1p6vi_146 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .6rem .3rem
}

._maintain-dialog_1p6vi_142 ._dialog-content_1p6vi_146 ._content-icon_1p6vi_152 {
    width: 1.2rem;
    height: 1.2rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

._maintain-dialog_1p6vi_142 ._dialog-content_1p6vi_146 ._content-text_1p6vi_158 {
    width: 100%;
    color: var(--skin__lead);
    font-size: .3rem;
    margin: .2rem 0 0;
    text-align: center
}

._maintain-dialog_1p6vi_142 ._dialog-content_1p6vi_146 ._content-text_1p6vi_158>img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem;
    vertical-align: -.05rem
}

[dir=rtl] ._maintain-dialog_1p6vi_142 ._dialog-content_1p6vi_146 ._content-text_1p6vi_158>img {
    margin-right: 0;
    margin-left: .1rem
}

._main-content_172qv_52 {
    --content-min-height: 6rem;
    min-height: var(--content-min-height)
}

._club-main-content_172qv_57 {
    --content-min-height: 40vh;
    margin-bottom: .4rem
}

._match_list_172qv_62 {
    margin-top: .2rem;
    padding: 0 .2rem
}

._match_list_172qv_62:empty {
    display: none
}

._tabs-content_172qv_76 {
    margin-top: .2rem
}

._tabs-content_172qv_76._with-pt-bg_172qv_79 {
    padding-bottom: .2rem;
    min-height: 1.5rem
}

._content-exhibition_172qv_84 {
    margin-top: .02rem
}

._content-exhibition_172qv_84._with-mt_172qv_87 {
    margin-top: .2rem
}

._content-sport_172qv_91 {
    min-height: var(--content-min-height);
    --sport-maintenance-mgb: -.2rem
}

._tabs-content_172qv_76 {
    background-color: transparent
}

._home-pattern_12cpt_52 {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center
}

[data-ui-contain="1"] ._home-pattern_12cpt_52 {
    max-width: var(--lobby__max-width)
}

._banner-skeleton_191r7_52 {
    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_191r7_1 .9s linear infinite;
    border-radius: .16rem
}

[dir=rtl] ._banner-skeleton_191r7_52 {
    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_191r7_60 {
    height: var(--banner-box-3-height);
    border-radius: var(--banner-box-3-border-radius)
}

._banner-skeleton-4_191r7_64 {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius)
}

._banner-skeleton-5_191r7_68 {
    height: var(--banner-box-5-height);
    border-radius: var(--banner-box-5-border-radius)
}

._banner-skeleton-6_191r7_72 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-skeleton-7_191r7_76 {
    height: var(--banner-box-7-height);
    border-radius: var(--banner-box-7-border-radius)
}

._main_11i45_52 {
    overflow: hidden
}

._main_11i45_52 ._scale_11i45_55 {
    transform-origin: 0 0
}

[dir=rtl] ._main_11i45_52 ._scale_11i45_55 {
    transform-origin: 100% 0
}

._main_11i45_52 ._innerHTMLContainer_11i45_58 {
    text-align: left
}

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

._banner-item_1lcp5_53 {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-size: cover
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59._bg-img-1_1lcp5_67 {
    flex-flow: row-reverse
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59._bg-img-2_1lcp5_70 {
    flex-flow: row
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59._bg-img-3_1lcp5_73 {
    height: 100%
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59._bg-cusomize-correction_1lcp5_76 {
    background-size: contain;
    background-repeat: no-repeat
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-line-clamp: unset;
    line-clamp: unset
}

._banner-item_1lcp5_53 ._bg-img_1lcp5_59 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 .innerHTMLContainer {
    -webkit-line-clamp: unset;
    line-clamp: unset;
    margin: 0 .2rem
}

._banner-item_1lcp5_53 ._inner-img-box_1lcp5_92 {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

._banner-item_1lcp5_53 ._inner-img-box_1lcp5_92 ._inner-img_1lcp5_92 {
    max-width: 100%;
    max-height: 100%
}

._banner-item_1lcp5_53 ._inner-img-box_1lcp5_92 ._inner-null_1lcp5_102 {
    width: 2.4rem
}

._banner-item_1lcp5_53 ._content_1lcp5_80 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    -webkit-text-stroke: var(--banner-stroke-width) var(--banner-stroke-color);
    paint-order: stroke fill
}

._banner-item_1lcp5_53 ._content_1lcp5_80 ._publicity-name_1lcp5_118 {
    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_1lcp5_53 ._content_1lcp5_80 ._text_1lcp5_80 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word
}

._banner-item_1lcp5_53 ._customer-bg_1lcp5_136 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

._banner-item_1lcp5_53._mode-3_1lcp5_143,
._banner-item_1lcp5_53._mode-7_1lcp5_143 {
    justify-content: space-around
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._bg-img_1lcp5_59,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._bg-img_1lcp5_59 {
    justify-content: space-evenly
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._inner-img-box_1lcp5_92,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._inner-img-box_1lcp5_92 {
    height: 100%
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._content_1lcp5_80,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 {
    width: 4.1rem
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._content_1lcp5_80 ._publicity-name_1lcp5_118,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 ._publicity-name_1lcp5_118 {
    font-size: .32rem
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80 {
    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_1lcp5_53._mode-3_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 {
    max-height: 1.7rem;
    margin-top: 0
}

._banner-item_1lcp5_53._mode-3_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80 .innerHTMLContainer,
._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 ._text_1lcp5_80 .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_1lcp5_53._mode-7_1lcp5_143 ._inner-img-box_1lcp5_92 {
    width: 2.52rem
}

._banner-item_1lcp5_53._mode-7_1lcp5_143 ._content_1lcp5_80 {
    width: 4.38rem
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._bg-img_1lcp5_59 {
    justify-content: space-between
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._bg-img_1lcp5_59._bg-img-2_1lcp5_70 ._inner-img-box_1lcp5_92 {
    right: initial;
    left: 0
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._bg-img_1lcp5_59._bg-img-2_1lcp5_70 ._inner-img-box_1lcp5_92 ._inner-img_1lcp5_92 {
    right: unset;
    left: -.4rem
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._bg-img_1lcp5_59._bg-img-2_1lcp5_70 ._content_1lcp5_80 {
    right: 0;
    left: unset;
    margin: 0 .1rem 0 0
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._inner-img-box_1lcp5_92 {
    position: absolute;
    right: 0;
    width: 1.66rem;
    height: 100%
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._inner-img-box_1lcp5_92 ._inner-img_1lcp5_92 {
    position: relative;
    right: -.4rem;
    width: 1.66rem
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._content_1lcp5_80 {
    width: 1.04rem;
    height: 100%;
    margin-left: .1rem;
    padding: .1rem 0;
    position: absolute;
    left: 0
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._content_1lcp5_80 ._publicity-name_1lcp5_118 {
    font-weight: bolder;
    font-size: .21rem;
    line-height: .3rem
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._content_1lcp5_80 ._text_1lcp5_80 {
    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_1lcp5_53._mode-4_1lcp5_189 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 {
    max-height: 1.25rem;
    margin-top: 0
}

._banner-item_1lcp5_53._mode-4_1lcp5_189 ._content_1lcp5_80 ._text_1lcp5_80 .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_1lcp5_53._mode-5_1lcp5_254 ._bg-img-1_1lcp5_67 ._inner-img-box_1lcp5_92 {
    margin: 0 .18rem 0 0
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._inner-img-box_1lcp5_92 {
    width: 2.15rem;
    margin-left: .18rem
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._inner-img-box_1lcp5_92 ._inner-img_1lcp5_92 {
    width: 2.15rem;
    height: 100%;
    object-fit: contain
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._content_1lcp5_80 {
    width: 3.67rem;
    margin: 0 .2rem
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._content_1lcp5_80 ._publicity-name_1lcp5_118 {
    font-size: .3rem
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._content_1lcp5_80 ._text_1lcp5_80 {
    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_1lcp5_53._mode-5_1lcp5_254 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 {
    max-height: 1.48rem;
    margin-top: 0
}

._banner-item_1lcp5_53._mode-5_1lcp5_254 ._content_1lcp5_80 ._text_1lcp5_80 .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_1lcp5_53._mode-6_1lcp5_298 ._inner-img-box_1lcp5_92 {
    width: 3.6rem;
    padding-top: .26rem
}

._banner-item_1lcp5_53._mode-6_1lcp5_298 ._inner-img-box_1lcp5_92 ._inner-img_1lcp5_92 {
    width: 3.6rem;
    height: 3.14rem
}

._banner-item_1lcp5_53._mode-6_1lcp5_298 ._content_1lcp5_80 {
    width: 3.5rem;
    height: 100%;
    margin: 0 .2rem
}

._banner-item_1lcp5_53._mode-6_1lcp5_298 ._content_1lcp5_80 ._publicity-name_1lcp5_118 {
    font-size: .4rem
}

._banner-item_1lcp5_53._mode-6_1lcp5_298 ._content_1lcp5_80 ._text_1lcp5_80 {
    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_1lcp5_53._mode-6_1lcp5_298 ._content_1lcp5_80 ._text_1lcp5_80._hidden-title-text_1lcp5_80 {
    max-height: 2.6rem;
    margin-top: 0
}

._banner-item_1lcp5_53._mode-6_1lcp5_298 ._content_1lcp5_80 ._text_1lcp5_80 .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_x73qw_52 {
    --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_x73qw_52 {
    padding-right: 0;
    padding-left: .2rem
}

._top-download-close_x73qw_61 {
    padding: 0 .3rem;
    font-size: .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._top-download-content_x73qw_68 {
    flex: 1;
    display: flex;
    align-items: center
}

._top-download-content_x73qw_68 img {
    max-height: .5rem
}

._top-download-inner-html_x73qw_76 {
    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_x73qw_93 {
    padding: 0 .2rem;
    font-size: .16rem;
    flex: 1
}

._top-download-title_x73qw_98 {
    font-size: .22rem;
    line-height: .3rem;
    position: relative;
    height: .3rem
}

._top-download-title_x73qw_98 p {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._top-download-msg_x73qw_112 {
    position: relative;
    height: .2rem
}

._top-download-msg_x73qw_112 p {
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._top-download_x73qw_52 button {
    height: .4rem;
    width: 1.2rem;
    font-size: .18rem;
    border-radius: .1rem;
    line-height: 1.33;
    padding: 0 .1rem
}

._top-download_x73qw_52 button :not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .16rem;
    line-height: 1.13
}

._top-download_x73qw_52 button .ui-button__text {
    word-break: break-word
}

._download-mode-1_x73qw_141 {
    --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_x73qw_141 {
    padding-right: 0;
    padding-left: .1rem
}

._download-mode-1_x73qw_141 ._top-download-close_x73qw_61 {
    padding: 0 .2rem;
    color: var(--top_close_icon_color)
}

._download-mode-1_x73qw_141 ._top-download-inner-html_x73qw_76 {
    margin: 0 .2rem 0 .1rem
}

[dir=rtl] ._download-mode-1_x73qw_141 ._top-download-inner-html_x73qw_76 {
    margin: 0 .1rem 0 .2rem
}

._download-mode-1_x73qw_141 button {
    border: thin solid var(--top_close_icon_color);
    background: transparent;
    color: var(--top_close_icon_color)
}

._download-mode-0_x73qw_160 {
    --top_close_icon_color: #666666;
    --top_download_icon_color: var(--skin__primary);
    color: var(--skin__lead);
    padding-right: .1rem
}

[dir=rtl] ._download-mode-0_x73qw_160 {
    padding-right: 0;
    padding-left: .1rem
}

._download-mode-0_x73qw_160 ._top-download-close_x73qw_61 {
    padding: 0 .2rem;
    color: var(--top_close_icon_color)
}

._download-mode-0_x73qw_160 button {
    color: #fff;
    background: var(--top_download_icon_color);
    border: thin solid var(--top_download_icon_color)
}

._banner-container_pmvsm_52 {
    --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_pmvsm_52 .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_pmvsm_52 .ui-swipe__indicators {
    transform: translate(50%)
}

._banner-container_pmvsm_52 .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_pmvsm_52 .ui-swipe__indicator--active {
    opacity: 1;
    width: .24rem;
    border: solid thin rgba(0, 0, 0, .2)
}

._banner-container_pmvsm_52 ._banner-skeleton_pmvsm_96 {
    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_pmvsm_1 .9s linear infinite;
    border-radius: .16rem
}

[dir=rtl] ._banner-container_pmvsm_52 ._banner-skeleton_pmvsm_96 {
    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_pmvsm_52 ._banner-skeleton-3_pmvsm_104 {
    height: var(--banner-box-3-height);
    border-radius: var(--banner-box-3-border-radius)
}

._banner-container_pmvsm_52 ._banner-skeleton-4_pmvsm_108 {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius)
}

._banner-container_pmvsm_52 ._banner-skeleton-5_pmvsm_112 {
    height: var(--banner-box-5-height);
    border-radius: var(--banner-box-5-border-radius)
}

._banner-container_pmvsm_52 ._banner-skeleton-6_pmvsm_116 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-container_pmvsm_52 ._banner-skeleton-7_pmvsm_120 {
    height: var(--banner-box-6-height);
    border-radius: var(--banner-box-7-border-radius)
}

._banner-container_pmvsm_52>._banner-box-3_pmvsm_124 {
    margin: var(--banner-box-3-margin)
}

._banner-container_pmvsm_52>._banner-box-4_pmvsm_127 {
    margin: var(--banner-box-4-margin)
}

._banner-container_pmvsm_52>._banner-box-5_pmvsm_130 {
    margin: var(--banner-box-5-margin)
}

._banner-container_pmvsm_52>._banner-box-6_pmvsm_133 {
    margin: var(--banner-box-6-margin)
}

._banner-container_pmvsm_52>._banner-box-7_pmvsm_136 {
    margin: var(--banner-box-7-margin)
}

._banner-container_pmvsm_52 ._banner-box-3_pmvsm_124 {
    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_pmvsm_52 ._banner-box-3_pmvsm_124 .ui-swipe__indicator--active {
    width: .24rem
}

._banner-container_pmvsm_52 ._banner-box-4_pmvsm_127 {
    min-height: var(--banner-box-4-height);
    position: relative
}

._banner-container_pmvsm_52 ._banner-box-4_pmvsm_127 .swiper-slide,
._banner-container_pmvsm_52 ._banner-box-4_pmvsm_127 .ui-swipe-item {
    height: var(--banner-box-4-height);
    border-radius: var(--banner-box-4-border-radius);
    overflow: hidden
}

._banner-container_pmvsm_52 ._banner-box-4_pmvsm_127 ._topAd_pmvsm_159 {
    border-radius: .16rem .16rem 0 0
}

._banner-container_pmvsm_52 ._banner-box-5_pmvsm_130 {
    position: relative;
    min-height: var(--banner-box-5-height)
}

._banner-container_pmvsm_52 ._banner-box-5_pmvsm_130 .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_pmvsm_52 ._banner-box-5_pmvsm_130 .swiper-slide:not(.swiper-slide-active) {
    border-radius: .12rem
}

._banner-container_pmvsm_52 ._banner-box-5_pmvsm_130 .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_pmvsm_52 ._banner-box-5_pmvsm_130 .swiper-slide:not(.swiper-slide-active):after {
    left: auto;
    right: 0
}

._banner-container_pmvsm_52 ._banner-box-5_pmvsm_130 .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_pmvsm_52 ._banner-box-5_pmvsm_130 .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #fff;
    box-shadow: 0 .01rem .01rem rgba(0, 0, 0, .5);
    opacity: 1
}

._banner-container_pmvsm_52 ._banner-box-5_pmvsm_130 ._topAd_pmvsm_159 {
    border-radius: .2rem .2rem 0 0
}

._banner-container_pmvsm_52 ._banner-box-6_pmvsm_133 {
    position: relative;
    min-height: var(--banner-box-6-height);
    border-radius: var(--banner-box-6-border-radius)
}

._banner-container_pmvsm_52 ._banner-box-6_pmvsm_133 .swiper-slide,
._banner-container_pmvsm_52 ._banner-box-6_pmvsm_133 .ui-swipe-item {
    height: var(--banner-box-6-height)
}

._banner-container_pmvsm_52 ._banner-box-7_pmvsm_136 {
    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_pmvsm_52 ._banner-box-7_pmvsm_136 .swiper-pagination-bullet-active {
    width: .24rem
}

._topAd_pmvsm_159 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden
}

._skeleton_nuv46_52 {
    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_nuv46_1 .9s linear infinite;
    width: 100%
}

[dir=rtl] ._skeleton_nuv46_52 {
    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
}

._debugger-wrap_1by7d_52 {
    display: contents
}

.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)
}

._favorite-area_ev7kz_52 {
    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
}

@keyframes _icon-animation_12vyc_69 {
    0%,
    to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
}

._circle-star-icon_12vyc_60 {
    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_12vyc_60._icon-animation_12vyc_69 {
    animation: _icon-animation_12vyc_69 .4s ease-in-out infinite alternate
}

._game-name-normal_1u3vq_52 {
    width: 100%;
    text-align: center;
    overflow: hidden
}

._game-name-normal_1u3vq_52._game-height_1u3vq_57 {
    height: var(--game-height-size)
}

._game-name-normal_1u3vq_52 ._name-inner_1u3vq_60 {
    width: 100%
}

._game-name-normal_1u3vq_52._line-one_1u3vq_63 ._name-inner_1u3vq_60 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._game-name-normal_1u3vq_52._line-two_1u3vq_68 ._name-inner_1u3vq_60 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._game-status-label-img_1jt81_52 {
    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_1jt81_52 {
    left: auto;
    right: -.01rem
}

._label-wrap_tyzu4_52 {
    min-width: .62rem;
    max-width: 1.43rem;
    min-height: .503rem;
    max-height: 1.16rem
}

._label-wrap_tyzu4_52._rounded_tyzu4_58 {
    min-width: .52rem;
    max-width: 1.12rem;
    min-height: .41086rem;
    max-height: .88493rem
}

._mask-maintain_rvnlh_53 {
    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_rvnlh_53 ._maintain-icon_rvnlh_67 {
    width: var(--maintain-icon-size);
    height: var(--maintain-icon-size);
    background-size: 100% 100%
}

._position-top-left_rvnlh_74>._maintain-icon_rvnlh_67 {
    position: absolute;
    top: 0;
    left: 0
}

[dir=rtl] ._position-top-left_rvnlh_74>._maintain-icon_rvnlh_67 {
    left: auto;
    right: 0
}

._position-top-center_rvnlh_81>._maintain-icon_rvnlh_67 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._position-top-center_rvnlh_81>._maintain-icon_rvnlh_67 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._position-center_rvnlh_89>._maintain-icon_rvnlh_67 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] ._position-center_rvnlh_89>._maintain-icon_rvnlh_67 {
    left: auto;
    right: 50%;
    transform: translate(50%, -50%)
}

._poster-image-floors_p2g2a_56 {
    --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_11i2i_56 {
    --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_11i2i_56._shrink-bg-img_11i2i_73 {
    background-size: calc(100% - var(--poster-image-shrink-background-size)) calc(100% - var(--poster-image-shrink-background-size))
}

._poster-image_11i2i_56.lobby-image--skeleton[data-status=loading] {
    border-radius: var(--poster-image-border-radius)
}

._poster-image_11i2i_56._is-has-background-color_11i2i_79 {
    background-color: var(--skin__ddt_bg)
}

._floors-background_mg3uf_57 {
    --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_mg3uf_70 {
    --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)
}

._landscape-below-name_r3942_52 ._favorite-icon_r3942_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .025);
    right: calc(var(--card-benchmark) * .025)
}

[dir=rtl] ._landscape-below-name_r3942_52 ._favorite-icon_r3942_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .025)
}

._list-ordinary_1gdvg_52 {
    width: fit-content
}

._list-ordinary_1gdvg_52>._list-ordinary-layout_1gdvg_55 {
    display: flex;
    flex-wrap: wrap
}

html[data-gap-supported="1"] ._list-ordinary_1gdvg_52>._list-ordinary-layout_1gdvg_55 {
    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_1gdvg_52>._list-ordinary-layout_1gdvg_55 {
    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_1gdvg_52>._list-ordinary-layout_1gdvg_55>* {
    margin: calc(var(--list-ordinary-top-bot-spacing) / 2) calc(var(--list-ordinary-left-right-spacing) / 2 - var(--list-ordinary-left-right-spacing-adapt))
}

._title_1wfp3_52 {
    display: flex;
    align-items: center;
    color: var(--skin__lead);
    min-height: .52rem
}

._title_1wfp3_52>._title-text_1wfp3_58 {
    font-size: .3rem
}

._title_1wfp3_52>._title-icon_1wfp3_61 {
    position: relative;
    color: var(--skin__neutral_2);
    margin-right: .05rem;
    width: .52rem;
    font-size: .52rem
}

[dir=rtl] ._title_1wfp3_52>._title-icon_1wfp3_61 {
    margin-right: 0;
    margin-left: .05rem
}

._game-headline_1henl_52 {
    padding: 0 .2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

._game-headline_1henl_52 ._title_1henl_60 {
    display: flex;
    align-items: center;
    color: var(--skin__lead);
    font-size: .3rem;
    min-height: .52rem
}

._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    position: relative;
    margin-right: .05rem;
    width: .52rem;
    font-size: .52rem
}

[dir=rtl] ._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    margin-right: 0;
    margin-left: .05rem
}

._game-headline_1henl_52 ._trigger-text_1henl_73 {
    color: var(--skin__neutral_2);
    font-size: .24rem;
    cursor: pointer
}

._game-headline_1henl_52 ._trigger-text_1henl_73 ._click-area_1henl_78 {
    margin: -.12rem -.2rem;
    padding: .12rem .2rem
}

._game-headline_1henl_52 ._trigger-text_1henl_73 ._click-area_1henl_78:lang(ur) {
    font-size: .3rem
}

._game-headline_1henl_52 ._title_1henl_60 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    color: var(--skin__lead)
}

._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    top: 0;
    margin-right: .14rem;
    margin-left: .1rem;
    width: .38rem;
    height: .38rem;
    color: var(--skin__icon_tg_z)
}

[dir=rtl] ._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    margin-left: .14rem;
    margin-right: .1rem
}

._game-headline_1henl_52 ._title_1henl_60>div,
._game-headline_1henl_52 ._title_1henl_60>section {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    font-size: .3rem;
    padding-right: .38rem
}

[dir=rtl] ._game-headline_1henl_52 ._title_1henl_60>div,
[dir=rtl] ._game-headline_1henl_52 ._title_1henl_60>section {
    padding-right: 0;
    padding-left: .38rem
}

._game-headline_1henl_52 ._trigger-text_1henl_73 {
    padding: 0 .15rem
}

._game-headline_1henl_52 ._trigger-text_1henl_73 ._click-area_1henl_78 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 1.7rem;
    min-width: 1.1rem;
    height: .4rem;
    padding: 0 .15rem;
    margin: 0 -.15rem;
    font-size: .2rem;
    border-radius: 1rem;
    text-align: center;
    justify-content: center;
    line-height: .4rem;
    border: thin solid var(--skin__neutral_1);
    color: var(--skin__neutral_1);
    cursor: pointer
}

html[data-skin-club-layout="4"][data-skin-layout="24"] ._game-headline_1henl_52 ._title_1henl_60 {
    color: var(--skin__neutral_2)
}

html[data-skin-club-layout="4"][data-skin-layout="24"] ._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    color: var(--skin__neutral_2)
}

html[data-skin-club-layout="4"][data-skin-layout="31"] ._game-headline_1henl_52 ._title_1henl_60 {
    color: var(--skin__neutral_2)
}

html[data-skin-club-layout="4"][data-skin-layout="31"] ._game-headline_1henl_52 ._title_1henl_60>._title-icon_1henl_67 {
    color: var(--skin__neutral_2)
}

._layout-box_1jlk4_52 {
    --div-div-margin-top: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

._layout-box_1jlk4_52>div+div,
._layout-box_1jlk4_52>section+section,
._layout-box_1jlk4_52>div+section,
._layout-box_1jlk4_52>section+div {
    margin-top: var(--div-div-margin-top)
}

._load-more-expand_g5bbv_52 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .26rem;
    cursor: pointer
}

._load-more-expand_g5bbv_52 ._expand-text_g5bbv_59 {
    color: var(--skin__neutral_2)
}

._load-more-expand_g5bbv_52 ._expand-action_g5bbv_62 {
    display: inline-flex;
    align-items: center;
    margin-left: .1rem;
    color: var(--skin__primary)
}

[dir=rtl] ._load-more-expand_g5bbv_52 ._expand-action_g5bbv_62 {
    margin-left: 0;
    margin-right: .1rem
}

._load-more-expand_g5bbv_52 ._expand-action_g5bbv_62 ._down-arrow_g5bbv_68 {
    position: relative;
    top: .02rem;
    margin-left: .1rem;
    width: .2rem;
    height: .2rem
}

[dir=rtl] ._load-more-expand_g5bbv_52 ._expand-action_g5bbv_62 ._down-arrow_g5bbv_68 {
    margin-left: 0;
    margin-right: .1rem
}

._load-finish_g5bbv_76 {
    color: var(--skin__neutral_1);
    font-size: .26rem
}

._list-pagination-box_1jp7a_52._is-below-name_1jp7a_52 .load-more-button {
    margin-top: .2rem
}

._game-platform-name_qfn9o_53 {
    --game-name-width: calc(var(--card-benchmark) * .442);
    --game-name-height: calc(var(--card-benchmark) * .149);
    --game-name-left: calc(var(--card-benchmark) * .046);
    --game-name-bottom: calc(var(--card-benchmark) * .032);
    --game-name-font-size: calc(var(--card-benchmark) * .057);
    position: absolute;
    bottom: var(--game-name-bottom);
    left: var(--game-name-left);
    width: var(--game-name-width);
    height: var(--game-name-height);
    margin: var(--game-name-margin);
    color: #fff;
    font-size: var(--game-name-font-size);
    line-height: 1.25;
    text-align: center
}

._game-platform-name_qfn9o_53:lang(ne) {
    --game-name-font-size: calc(var(--card-benchmark) * .0615)
}

._game-platform-name_qfn9o_53._is-follow-skin-color_qfn9o_74 {
    color: var(--skin__cards_text)
}

._game-platform-name_qfn9o_53._is-white-bg-color_qfn9o_77 {
    color: #666
}

._poster-box-core_1o3z0_53 {
    --poster-box-core-width: calc(var(--card-benchmark));
    --poster-box-core-height: calc(var(--card-benchmark) * .39);
    --game-name-width: calc(var(--card-benchmark) * .442);
    --game-name-height: calc(var(--card-benchmark) * .153);
    --game-name-left: calc(var(--card-benchmark) * .046);
    --game-name-bottom: calc(var(--card-benchmark) * .032);
    --game-name-font-size: calc(var(--card-benchmark) * .057);
    position: relative;
    width: var(--poster-box-core-width);
    height: var(--poster-box-core-height);
    overflow: hidden
}

._poster-box-core_1o3z0_53>._game-name_1o3z0_69 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: absolute;
    bottom: var(--game-name-bottom);
    left: var(--game-name-left);
    width: var(--game-name-width);
    height: var(--game-name-height);
    margin: var(--game-name-margin);
    color: #fff;
    font-size: var(--game-name-font-size);
    line-height: 1.25;
    text-align: center
}

._poster-box-core_1o3z0_53>._game-name_1o3z0_69._is-follow-skin-color_1o3z0_87 {
    color: var(--skin__neutral_1)
}

._poster-box-core_1o3z0_53>._game-name_1o3z0_69._is-white-bg-color_1o3z0_90 {
    color: #666
}

._is-show-box-shadow_1o3z0_95 {
    box-shadow: 0 .03rem .07rem 0 var(--skin__web_left_bg_shadow)
}

._landscape-left-right_16p6b_52 {
    opacity: 1
}

._game-name-normal_1nf78_55 {
    --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
}

._name-img-layout_5eoun_52 {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: var(--card-benchmark);
    cursor: pointer
}

._floors-background_15534_57 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .496955224);
    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_15534_70 {
    --poster-img-box-core-width: var(--card-benchmark);
    --poster-img-box-core-height: calc(var(--card-benchmark) * .496955224);
    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-rectangle-below-name_1irzk_52 ._favorite-icon_1irzk_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .025);
    right: calc(var(--card-benchmark) * .025)
}

[dir=rtl] ._landscape-rectangle-below-name_1irzk_52 ._favorite-icon_1irzk_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .025)
}

._game-platform-name_akfy1_53 {
    --game-name-width: calc(var(--card-benchmark) * .442);
    --game-name-height: calc(var(--card-benchmark) * .149);
    --game-name-right: calc(var(--card-benchmark) * .046);
    --game-name-bottom: calc(var(--card-benchmark) * .032);
    --game-name-font-size: calc(var(--card-benchmark) * .057);
    position: absolute;
    bottom: var(--game-name-bottom);
    right: var(--game-name-right);
    width: var(--game-name-width);
    height: var(--game-name-height);
    margin: var(--game-name-margin);
    color: #fff;
    font-size: var(--game-name-font-size);
    line-height: 1.25;
    text-align: center
}

._game-platform-name_akfy1_53._is-follow-skin-color_akfy1_70 {
    color: var(--skin__cards_text)
}

._game-platform-name_akfy1_53._is-white-bg-color_akfy1_73 {
    color: #666
}

._poster-box-core_dozxn_53 {
    --poster-box-core-width: calc(var(--card-benchmark));
    --poster-box-core-height: calc(var(--card-benchmark) * .39);
    --game-name-width: calc(var(--card-benchmark) * .442);
    --game-name-height: calc(var(--card-benchmark) * .153);
    --game-name-left: calc(var(--card-benchmark) * .046);
    --game-name-bottom: calc(var(--card-benchmark) * .032);
    --game-name-font-size: calc(var(--card-benchmark) * .057);
    position: relative;
    width: var(--poster-box-core-width);
    height: var(--poster-box-core-height);
    overflow: hidden
}

._is-show-box-shadow_dozxn_67 {
    box-shadow: 0 .03rem .07rem 0 var(--skin__web_left_bg_shadow)
}

._landscape-right-left_106nh_52 {
    opacity: 1
}

._game-name-normal_bhjuh_55 {
    --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_d01lw_52 {
    --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_bhu4c_57 {
    --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_bhu4c_72 {
    --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)
}

._square-below-name_ydv6b_52 ._favorite-icon_ydv6b_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .133333);
    right: calc(var(--card-benchmark) * .133333)
}

[dir=rtl] ._square-below-name_ydv6b_52 ._favorite-icon_ydv6b_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .133333)
}

._square-below-name_ydv6b_52 ._label-remember_ydv6b_57 {
    top: .01rem;
    left: .01rem
}

[dir=rtl] ._square-below-name_ydv6b_52 ._label-remember_ydv6b_57 {
    left: auto;
    right: .01rem
}

._game-name-normal_1v5x6_52 {
    --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_1ea1b_52 {
    --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_1ykl9_57 {
    --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_1ykl9_70 {
    --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_mw9wb_52 ._favorite-icon_mw9wb_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .039);
    right: calc(var(--card-benchmark) * .039)
}

[dir=rtl] ._square-angle-below-name_mw9wb_52 ._favorite-icon_mw9wb_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .039)
}

._game-name-normal_om27j_55 {
    --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_1g40w_52 {
    --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_6ncy9_59 {
    --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_137b6_52 ._favorite-icon_137b6_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

[dir=rtl] ._square-below-name_137b6_52 ._favorite-icon_137b6_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .03)
}

._tab-item-game-list_1ru6l_52 .load-more-button {
    margin-top: .14rem
}

._game-name-normal_9st6x_52 {
    --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_1vh6c_52 {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(var(--card-benchmark) * 1.133333333);
    cursor: pointer
}

._floors-background_1pjmi_57 {
    --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_1pjmi_70 {
    --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_1h53x_52 ._favorite-icon_1h53x_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .04);
    right: calc(var(--card-benchmark) * .04)
}

[dir=rtl] ._vertical-below-name_1h53x_52 ._favorite-icon_1h53x_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .04)
}

._type-platform_17991_52 {
    --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_17991_58 {
    --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_17991_65 {
    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_17991_65 .name-inner {
    font-weight: 700
}

._game-platform-name_17991_65 .name-inner {
    font-weight: bolder
}

._poster-box_2t972_55 {
    --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_13cdi_52 ._favorite-icon_13cdi_52 {
    position: absolute;
    top: calc(var(--card-benchmark) * .038);
    right: calc(var(--card-benchmark) * .038)
}

[dir=rtl] ._vertical-bottom-name_13cdi_52 ._favorite-icon_13cdi_52 {
    right: auto;
    left: calc(var(--card-benchmark) * .038)
}

._arrow-btn_ywgxt_53 {
    width: .21rem;
    --arrow-btn-color: var(--skin__neutral_1);
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: .24rem;
    color: var(--arrow-btn-color);
    cursor: pointer
}

._arrow-btn_ywgxt_53._is-disable_ywgxt_66 {
    color: var(--skin__neutral_2);
    cursor: not-allowed;
    pointer-events: none
}

._arrow-btn_ywgxt_53._direction-right_ywgxt_71 {
    margin-right: 0;
    transform: rotate(-90deg)
}

[dir=rtl] ._arrow-btn_ywgxt_53._direction-right_ywgxt_71 {
    margin-right: 0;
    margin-left: 0;
    transform: rotate(90deg)
}

._arrow-btn_ywgxt_53._direction-left_ywgxt_75 {
    transform: rotate(90deg)
}

[dir=rtl] ._arrow-btn_ywgxt_53._direction-left_ywgxt_75 {
    transform: rotate(-90deg)
}

._switch-pagination-box_1ncb6_53 {
    --btn-all-color: var(--skin__lead);
    --btn-all-font-size: .2rem;
    display: flex
}

._switch-pagination-box_1ncb6_53 ._btn-all-outside_1ncb6_60 {
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    height: .46rem;
    font-size: var(--btn-all-font-size);
    color: var(--btn-all-color)
}

._switch-pagination_1ncb6_53 {
    display: flex;
    align-items: center;
    width: fit-content;
    height: .46rem;
    border-radius: 1rem;
    border: thin solid var(--skin__border)
}

._switch-pagination_1ncb6_53 ._btn-all-inside_1ncb6_77 {
    width: 1rem;
    border-left: thin solid var(--skin__border);
    border-right: thin solid var(--skin__border);
    font-size: var(--btn-all-font-size);
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--btn-all-color)
}

._switch-pagination_1ncb6_53 ._line_1ncb6_90 {
    border-left: solid thin var(--skin__border);
    height: 100%
}

._switch-pagination-box_1ncb6_53 ._btn-all-outside_1ncb6_60,
._switch-pagination-box_1ncb6_53 ._switch-pagination_1ncb6_53 {
    height: .4rem
}

._switch-pagination-box_1ncb6_53 ._switch-pagination_1ncb6_53 {
    border: none;
    padding-left: .3rem;
    padding-right: .1rem
}

[dir=rtl] ._switch-pagination-box_1ncb6_53 ._switch-pagination_1ncb6_53 {
    padding-right: .3rem;
    padding-left: .1rem
}

._switch-pagination-box_1ncb6_53 ._switch-pagination_1ncb6_53 ._line_1ncb6_90 {
    width: .48rem;
    border-left: none
}

[dir=rtl] ._switch-pagination-box_1ncb6_53 ._switch-pagination_1ncb6_53 ._line_1ncb6_90 {
    border-left: none;
    border-right: none
}

._switch-pagination-box_1ncb6_53 ._btn-all-outside_1ncb6_60 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 1.7rem;
    min-width: 1.1rem;
    padding: 0 .15rem;
    font-size: .2rem;
    border-radius: 1rem;
    text-align: center;
    justify-content: center;
    line-height: .4rem;
    border: thin solid var(--skin__neutral_1);
    color: var(--skin__neutral_1);
    cursor: pointer
}

._title_fepva_52 {
    display: flex;
    align-items: center;
    color: var(--skin__lead);
    min-height: .52rem
}

._title_fepva_52>._title-text_fepva_58 {
    font-size: .3rem
}

._title_fepva_52>._title-icon_fepva_61 {
    position: relative;
    margin-right: .05rem;
    width: .52rem;
    font-size: .52rem
}

[dir=rtl] ._title_fepva_52>._title-icon_fepva_61 {
    margin-right: 0;
    margin-left: .05rem
}

._title_fepva_52 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: .57rem;
    flex: 1
}

._title_fepva_52>._title-text_fepva_58 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .3rem;
    padding-right: 0
}

[dir=rtl] ._title_fepva_52>._title-text_fepva_58 {
    padding-right: 0;
    padding-left: 0
}

._title_fepva_52>._title-icon_fepva_61 {
    top: 0;
    margin-right: .14rem;
    margin-left: .1rem;
    object-fit: contain;
    width: .38rem;
    height: .38rem
}

[dir=rtl] ._title_fepva_52>._title-icon_fepva_61 {
    margin-left: .14rem;
    margin-right: .1rem
}

._game-headline_6d4kg_52 {
    padding: 0 .2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

._game-headline_6d4kg_52 ._mini-jackpot_6d4kg_60 {
    margin: inherit
}

._layout-box_1hw75_52 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._layout-box_1hw75_52>div+div,
._layout-box_1hw75_52>section+section,
._layout-box_1hw75_52>div+section,
._layout-box_1hw75_52>section+div {
    margin-top: .2rem
}

._arrow-load-view_ebzwa_52 {
    opacity: 1
}

._arrow-load-view-with-mini-project_ebzwa_56 .game-headline .switch-pagination {
    order: 3
}

._arrow-load-view-with-mini-project_ebzwa_56 .title {
    flex: none
}

._list-slide-layout_ybh58_53 {
    width: fit-content
}

._list-slide-layout_ybh58_53>._list-slide-layout-inner_ybh58_56 {
    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_ybh58_53>._list-slide-layout-inner_ybh58_56 {
    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_ybh58_53>._list-slide-layout-inner_ybh58_56 {
    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_ybh58_56 {
    justify-items: center;
    align-items: center
}

.slide-center-magnify ._list-slide-layout-inner_ybh58_56>div,
.slide-center-magnify ._list-slide-layout-inner_ybh58_56>section {
    transition: margin 0s, transform .5s
}

._list-slide-layout_7fj1c_53 {
    width: fit-content
}

._list-slide-layout_7fj1c_53>._list-slide-layout-inner_7fj1c_56 {
    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_7fj1c_53>._list-slide-layout-inner_7fj1c_56 {
    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_7fj1c_53>._list-slide-layout-inner_7fj1c_56 {
    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_7fj1c_78>._scroll-box-overflow-inner_7fj1c_78 {
    overflow-x: auto;
    overflow-y: auto;
    user-select: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab
}

._scroll-box-overflow_7fj1c_78>._scroll-box-overflow-inner_7fj1c_78::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
    display: none
}

._scroll-box-overflow_7fj1c_78>._scroll-box-overflow-inner_7fj1c_78::-webkit-scrollbar-thumb {
    background-color: transparent;
    display: none
}

._scroll-box-overflow_7fj1c_78>._scroll-box-overflow-inner_7fj1c_78 .slide-pagination {
    scroll-snap-align: start
}

._list-slide-layout_oj1ob_53 {
    width: fit-content
}

._list-slide-layout_oj1ob_53>._list-slide-layout-inner_oj1ob_56 {
    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_oj1ob_53>._list-slide-layout-inner_oj1ob_56 {
    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_oj1ob_53>._list-slide-layout-inner_oj1ob_56 {
    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_oj1ob_78,
html[data-gap-supported="0"] ._scroll-box-transform_oj1ob_78 {
    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_oj1ob_78 ._scroll-box-transform-inner_oj1ob_86,
html[data-gap-supported="0"] ._scroll-box-transform_oj1ob_78 ._scroll-box-transform-inner_oj1ob_86 {
    width: var(--list-slide-inner-content-width);
    cursor: grab;
    transform: var(--list-slide-transform-scroll-area-transform);
    transition-duration: .5s
}

._list-slide-typesetting_nre2x_52._is-slide-one-screen_nre2x_52 .slide-pagination .slide-pagination {
    scroll-snap-align: initial
}

._list-slide-all_65svq_52 {
    display: flex;
    align-items: center
}

._list-slide-all_65svq_52 ._all-text_65svq_56 {
    color: var(--skin__neutral_1);
    font-size: .24rem;
    margin-left: .16rem
}

[dir=rtl] ._list-slide-all_65svq_52 ._all-text_65svq_56 {
    margin-left: 0;
    margin-right: .16rem
}

._list-slide-all_65svq_52 ._arrow-right_65svq_61 {
    position: relative;
    top: .01rem;
    margin-left: .1rem;
    transform: rotate(-90deg);
    color: var(--skin__neutral_1)
}

[dir=rtl] ._list-slide-all_65svq_52 ._arrow-right_65svq_61 {
    margin-left: 0;
    margin-right: .1rem;
    transform: rotate(90deg)
}

._list-slide-dot_1yww7_52 {
    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_1yww7_52._is-active_1yww7_61 {
    width: var(--list-slide-dot-active-width);
    background-color: var(--skin__primary)
}

._slide-indicator_xbq0y_52 {
    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_xbq0y_52 {
    padding-left: calc(var(--slide-indicator-padding-right) + .02rem);
    padding-right: .02rem
}

._load-more-button_6l54k_52 {
    margin-top: .3rem !important;
    display: flex;
    justify-content: center;
    align-items: center
}

._load-more-button_6l54k_52 ._list-slide-box_6l54k_58 {
    width: fit-content
}

._show-right_i7v26_52:after,
._show-left_i7v26_52:before {
    content: "";
    display: inline-block;
    width: .8rem;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none;
    z-index: 10
}

._mask-left-right_i7v26_63 {
    position: relative;
    width: 100%
}

._show-left_i7v26_52:before {
    background-image: linear-gradient(270deg, rgba(var(--skin__accent_2__toRgbString), 0) 5%, var(--skin__home_bg) 94%);
    left: 0
}

[dir=rtl] ._show-left_i7v26_52:before {
    background-image: linear-gradient(-270deg, rgba(var(--skin__accent_2__toRgbString), 0) 5%, var(--skin__home_bg) 94%);
    left: auto;
    right: 0
}

._show-right_i7v26_52:after {
    background-image: linear-gradient(90deg, rgba(var(--skin__accent_2__toRgbString), 0) 5%, var(--skin__home_bg) 94%);
    right: 0
}

[dir=rtl] ._show-right_i7v26_52:after {
    background-image: linear-gradient(-90deg, rgba(var(--skin__accent_2__toRgbString), 0) 5%, var(--skin__home_bg) 94%);
    right: auto;
    left: 0
}

._show-left_i7v26_52:before,
._show-right_i7v26_52:after {
    width: .6rem;
    background-image: linear-gradient(90deg, rgba(var(--skin__home_bg), 0) 5%, var(--skin__home_bg) 94%)
}

[dir=rtl] ._show-left_i7v26_52:before,
[dir=rtl] ._show-right_i7v26_52:after {
    background-image: linear-gradient(-90deg, rgba(var(--skin__home_bg), 0) 5%, var(--skin__home_bg) 94%)
}

._list-slide-box_fv07e_52 {
    opacity: 1
}

._tab-item-game-list_1qqnd_52 .list-slide-theme63 {
    padding: 0 .24rem;
    box-sizing: content-box
}

._tab-item-game-list_7quaj_52 .list-slide-theme63 {
    padding: 0 .45rem;
    box-sizing: content-box
}

._tab-item-game-list_1tapm_52 .list-slide-theme63 {
    padding: 0 .14rem;
    box-sizing: content-box
}

._tab-item-game-list_tzzw7_52 .list-slide-theme63 {
    padding: 0 .3rem;
    box-sizing: content-box
}

._tab-item-title_18ck9_52 {
    --tabs-img-size: .9rem
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55 {
    margin: 0 auto;
    width: 1.36rem;
    color: var(--skin__alt_neutral_1);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55 ._circle-icon_18ck9_65 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--tabs-img-size);
    height: var(--tabs-img-size);
    border-radius: 50%;
    background-color: rgba(var(--skin__search_icon__toRgbString), .2)
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55 ._circle-icon_18ck9_65 ._icon_18ck9_74 {
    width: calc(var(--tabs-img-size) - .1rem)
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55 ._circle-icon_18ck9_65 ._icon_18ck9_74 svg {
    font-size: .7rem
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55._is-active_18ck9_80 ._circle-icon_18ck9_65 {
    background-color: rgba(var(--skin__alt_primary__toRgbString), .9);
    color: #fff
}

._tab-item-title_18ck9_52 ._default-items_18ck9_55._is-active_18ck9_80 ._text_18ck9_84 {
    color: var(--skin__alt_primary)
}

._tab-item-title_18ck9_52 ._circle-icon_18ck9_65 {
    width: var(--tabs-img-size);
    height: var(--tabs-img-size);
    color: var(--skin__search_icon)
}

._tab-item-title_18ck9_52 ._textbox_18ck9_92 {
    height: .65rem;
    display: flex;
    align-items: center;
    margin-top: .05rem
}

._tab-item-title_18ck9_52 ._textbox_18ck9_92 ._text_18ck9_84 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    max-width: 1.2rem;
    text-align: center;
    color: var(--skin__neutral_2)
}

._game-exhibition_1p6qm_52 {
    margin-top: .2rem !important
}

._game-exhibition_1p6qm_52 .ui-sticky[data-mode=fixed] {
    background-color: var(--skin__home_bg)
}

._game-exhibition_1p6qm_52 .ui-sticky[data-mode=fixed] .ui-tabs__wrap {
    position: relative
}

._game-exhibition_1p6qm_52 .ui-tabs__content {
    position: relative;
    z-index: 0
}

._game-exhibition_1p6qm_52 .ui-sticky--fixed {
    z-index: 1
}

._game-exhibition_1p6qm_52 .ui-tabs__nav {
    padding-bottom: 0
}

._game-exhibition_1p6qm_52 .ui-tabs__nav .ui-tab {
    padding: 0;
    line-height: .32rem;
    font-size: .24rem
}

._game-exhibition_1p6qm_52 .ui-tabs__nav .ui-tabs__line {
    display: none
}

._game-exhibition_1p6qm_52 .ui-tabs__navigation-prev {
    left: 0;
    top: 0;
    width: .8rem;
    height: 100%
}

[dir=rtl] ._game-exhibition_1p6qm_52 .ui-tabs__navigation-prev {
    left: auto;
    right: 0
}

._game-exhibition_1p6qm_52 .ui-tabs__navigation-next {
    right: 0;
    top: 0;
    width: .8rem;
    height: 100%
}

[dir=rtl] ._game-exhibition_1p6qm_52 .ui-tabs__navigation-next {
    right: auto;
    left: 0
}

._game-exhibition_1p6qm_52 .ui-tabs__collect-nav {
    padding: 0 .15rem;
    display: flex;
    align-items: center
}

._game-exhibition_1p6qm_52 ._gameListBox_1p6qm_96 {
    padding: .2rem 0
}

._game-exhibition_1p6qm_52 ._jackpot_1p6qm_99+div,
._game-exhibition_1p6qm_52 ._jackpot_1p6qm_99+section {
    margin-top: .2rem
}

._game-exhibition_1p6qm_52 ._placeholder-box_1p6qm_103 {
    min-height: 3.8rem
}

._img-text-logo_c2df8_52 {
    --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_c2df8_52._img-logo-only_c2df8_69 img {
    width: auto
}

._img-text-logo_c2df8_52 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_c2df8_52 img {
    margin-right: 0;
    margin-left: var(--img-text-logo-img-margin-right)
}

._img-text-logo_c2df8_52 ._img-title_c2df8_77 {
    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_c2df8_52 ._img-title_c2df8_77 {
    padding: .02rem 0 0 .03rem
}

._logo-box_ubi52_52 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

._logo-box_ubi52_52 ._custom-logo_ubi52_60 {
    object-fit: contain;
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

._isCustomLogo_ubi52_68 {
    display: block;
    text-align: center
}

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

._marqueeLogo_1jbqm_52 ._logoImg_1jbqm_57 {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%
}

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

._logoWrapper_1jbqm_68 {
    height: 100%;
    display: flex;
    align-items: center
}

._logoArea_v0zyo_52 {
    --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
}

.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
}

._currency-info-box_ot4m0_52 {
    --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_ot4m0_52._no-border_ot4m0_97 {
    border: none
}

._currency-info-box_ot4m0_52 ._currency-box_ot4m0_100 {
    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_ot4m0_52 ._currency-box_ot4m0_100 ._icon-currency_ot4m0_110 {
    width: var(--currency-info-icon-currency-width);
    height: var(--currency-info-icon-currency-height)
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._currency-count_ot4m0_120 {
    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_ot4m0_52 ._currency-info_ot4m0_52 ._currency-count_ot4m0_120._no-underline_ot4m0_131 {
    border-bottom: none;
    margin-top: 0
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._currency-count_ot4m0_120>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: var(--currency-info-currency-count-max-width)
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._gaming_ot4m0_142 {
    width: max-content;
    padding: 0 .13rem;
    color: var(--currency-info-gaming-color);
    font-size: var(--currency-info-gaming-size)
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._icon-content_ot4m0_148 {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._icon-content_ot4m0_148:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._icon-content_ot4m0_148:after {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._currency-content-wrap_ot4m0_162 {
    position: relative
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    margin: var(--currency-info-currency-count-margin)
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 {
    left: auto;
    right: 0
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 .ui-badge {
    transform: translate(0);
    right: auto
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 .ui-badge {
    right: auto;
    left: auto
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 ._pay-tips_ot4m0_176 {
    display: flex;
    align-items: center;
    justify-content: center
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 ._pay-tips_ot4m0_176 span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 ._pay-tips_ot4m0_176 span:nth-child(1) {
    max-width: 1.22rem
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 ._pay-tips_ot4m0_176 span:nth-child(2) {
    max-width: .72rem
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 {
    right: 0;
    left: auto;
    bottom: 100%;
    margin: 0
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 {
    left: 0;
    right: auto
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 .ui-badge {
    border-radius: .13rem .13rem 0
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 .ui-badge {
    border-radius: .13rem .13rem .13rem 0
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 .ui-badge:before {
    border-left: none;
    border-right: .08rem solid var(--skin__accent_1);
    right: 0;
    left: auto
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus-bottom-right_ot4m0_193 .ui-badge:before {
    border-right: none;
    border-left: .08rem solid var(--skin__accent_1);
    left: 0;
    right: auto
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._currency-sign_ot4m0_208 {
    margin: var(--currency-sign-margin);
    color: var(--currency-info-currency-count-color);
    font-size: var(--currency-info-currency-count-size)
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._currency-text_ot4m0_213 {
    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_ot4m0_52 ._currency-info_ot4m0_52 ._currency-text_ot4m0_213 {
    margin-left: 0;
    margin-right: var(--currency-info-currency-margin-left)
}

._currency-info-box_ot4m0_52 ._refresh-icon_ot4m0_219,
._currency-info-box_ot4m0_52 ._popover-icon_ot4m0_220 {
    cursor: pointer;
    transition: all .3s
}

._currency-info-box_ot4m0_52 ._refresh-icon_ot4m0_219 {
    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_ot4m0_52 ._right-icon-style_ot4m0_230 {
    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_ot4m0_52 ._popover-icon_ot4m0_220 {
    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_ot4m0_52 ._popover-icon-active_ot4m0_244 {
    transform: rotate(-180deg);
    color: var(--currency-info-popover-icon-active-color)
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._popover-icon-active_ot4m0_244 {
    transform: rotate(180deg)
}

._encrypt_ot4m0_249 {
    height: .25rem;
    display: inline-block
}

._encrypt_ot4m0_249._isBlack_ot4m0_253 {
    height: auto
}

._currency-popover_ot4m0_258 ._arrow_ot4m0_258 {
    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_ot4m0_258 .ui-popover__content {
    background: none;
    border-radius: .2rem;
    position: relative
}

._currency-popover_ot4m0_258 [data-popper-placement=top-start] ._arrow_ot4m0_258 {
    top: unset;
    bottom: -.1rem;
    border-width: 0 var(--lobby__px) var(--lobby__px) 0
}

._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 {
    left: -.34rem
}

[dir=rtl] ._currency-info-box_ot4m0_52 ._currency-info_ot4m0_52 ._pay-bonus_ot4m0_165 {
    left: auto;
    right: -.34rem
}

.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
}

._un-login_16o47_52 {
    display: flex;
    align-items: center;
    --btn-login-background: var(--skin__primary);
    --btn-login-color: var(--skin__text_primary);
    --btn-login-margin: 0 .15rem 0 0;
    --btn-register-background: transparent;
    --btn-register-color: var(--skin__primary);
    --btn-width: 1.36rem;
    --btn-height: .52rem;
    --btn-font-size: .22rem;
    --btn-border-color: var(--skin__primary);
    --btn-border-radius: .1rem
}

._un-login_16o47_52 ._btn_16o47_66 {
    width: var(--btn-width);
    height: var(--btn-height);
    padding: 0 .1rem;
    font-size: var(--btn-font-size);
    white-space: pre-wrap;
    background-color: var(--skin__primary);
    border: thin solid var(--btn-border-color);
    color: var(--skin__text_primary);
    border-radius: var(--btn-border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    word-wrap: break-word;
    cursor: pointer
}

._un-login_16o47_52 ._btn_16o47_66:lang(vi),
._un-login_16o47_52 ._btn_16o47_66:lang(my) {
    font-size: .2rem;
    line-height: 1.3
}

._un-login_16o47_52 ._btn_16o47_66 span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.1
}

._un-login_16o47_52 ._btn_16o47_66 span:lang(vi),
._un-login_16o47_52 ._btn_16o47_66 span:lang(my) {
    line-height: 1.3
}

._un-login_16o47_52 ._btn_16o47_66._login-btn_16o47_101 {
    margin-right: .15rem
}

[dir=rtl] ._un-login_16o47_52 ._btn_16o47_66._login-btn_16o47_101 {
    margin-right: 0;
    margin-left: .15rem
}

._un-login_16o47_52 ._btn_16o47_66._register-btn_16o47_104 {
    background-color: transparent;
    color: var(--skin__primary)
}

._un-login_16o47_52 ._btn_16o47_66._login_16o47_101 {
    margin: var(--btn-login-margin);
    background-color: var(--btn-login-background);
    color: var(--btn-login-color)
}

._un-login_16o47_52 ._btn_16o47_66._register_16o47_104 {
    background-color: var(--btn-register-background);
    color: var(--btn-register-color)
}

._un-login_16o47_52 ._btn_16o47_66._isHidden_16o47_117 {
    display: none
}

._un-login_16o47_52 ._register-badge_16o47_120 .ui-badge {
    transform: none;
    right: -.1rem
}

[dir=rtl] ._un-login_16o47_52 ._register-badge_16o47_120 .ui-badge {
    right: auto;
    left: -.1rem
}

._un-login_16o47_52 {
    flex-flow: row-reverse
}

._un-login_16o47_52 ._btn_16o47_66 {
    padding: 0 .05rem;
    color: var(--skin__primary);
    min-width: 1.4rem;
    max-width: 1.8rem;
    width: auto;
    height: .6rem;
    font-size: .24rem;
    border-radius: 1rem;
    border-width: .02rem
}

._un-login_16o47_52 ._btn_16o47_66._login-btn_16o47_101 {
    background-color: transparent;
    margin: 0 0 0 .14rem;
    border: thin solid var(--skin__primary)
}

[dir=rtl] ._un-login_16o47_52 ._btn_16o47_66._login-btn_16o47_101 {
    margin: 0 .14rem 0 0
}

._un-login_16o47_52 ._btn_16o47_66._register-btn_16o47_104 {
    background-color: var(--skin__primary);
    color: var(--skin__alt_text_primary)
}

._un-login_16o47_52 ._btn_16o47_66 span {
    line-height: 1.3
}

._un-login_16o47_52 ._btn_16o47_66._hasBtnAnimte_16o47_152 {
    position: relative
}

._un-login_16o47_52 ._btn_16o47_66._hasBtnAnimte_16o47_152:after {
    box-shadow: 0 0 rgba(var(--skin__primary__toRgbString), .4);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 1rem;
    animation: _shadowAnimte_16o47_1 1.5s ease 0s infinite normal none running
}

@keyframes _shadowAnimte_16o47_1 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1);
        box-shadow: 0 0 0 .1rem rgba(var(--skin__primary__toRgbString), .2)
    }
    to {
        transform: scale(1);
        box-shadow: 0 0 transparent
    }
}

._user-action-box_1ycug_52 {
    margin-left: .1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

[dir=rtl] ._user-action-box_1ycug_52 {
    margin-left: 0;
    margin-right: .1rem
}

._user-action-box-bg_1ycug_59 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .1rem
}

[dir=rtl] ._user-action-box-bg_1ycug_59 {
    left: auto;
    right: 0
}

._user-action-box_1ycug_52 button {
    width: 1.21rem;
    height: .54rem;
    padding: 0 .05rem;
    font-size: .22rem;
    line-height: 1;
    border-radius: .1rem 0 0 .1rem;
    word-wrap: break-word
}

[dir=rtl] ._user-action-box_1ycug_52 button {
    border-radius: 0 .1rem .1rem 0
}

._user-action-box_1ycug_52 button._reCharge_1ycug_76:not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .2rem
}

._user-action-box_1ycug_52 ._user-action-popover_1ycug_82 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem;
    height: .54rem;
    margin-left: -.01rem;
    font-size: .14rem;
    color: var(--skin__text_primary);
    background-color: var(--skin__primary);
    border-color: var(--skin__primary);
    border-radius: 0 .1rem .1rem 0;
    transition: transform .3s linear
}

[dir=rtl] ._user-action-box_1ycug_52 ._user-action-popover_1ycug_82 {
    margin-left: 0;
    margin-right: -.01rem;
    border-radius: .1rem 0 0 .1rem
}

._user-action-box_1ycug_52 ._user-action-popover_1ycug_82:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    right: -.1rem;
    content: ""
}

[dir=rtl] ._user-action-box_1ycug_52 ._user-action-popover_1ycug_82:before {
    right: 0;
    left: -.1rem
}

._user-action-box_1ycug_52 ._user-action-popover_1ycug_82:after {
    position: absolute;
    top: .15rem;
    left: 0;
    display: block;
    width: .01rem;
    height: .24rem;
    background: var(--skin__text_primary);
    opacity: .3;
    content: ""
}

[dir=rtl] ._user-action-box_1ycug_52 ._user-action-popover_1ycug_82:after {
    left: auto;
    right: 0
}

._user-action-box_1ycug_52 ._user-action-popover_1ycug_82._active_1ycug_117 i {
    transform: rotate(-180deg)
}

[dir=rtl] ._user-action-box_1ycug_52 ._user-action-popover_1ycug_82._active_1ycug_117 i {
    transform: rotate(180deg)
}

._user-action-box_1ycug_52 ._user-action-popover_1ycug_82 i {
    transition: all .3s
}

._user-action-box_1ycug_52 .ui-badge--top-right {
    max-width: 1rem;
    transform: translate(100%, -50%)
}

[dir=rtl] ._user-action-box_1ycug_52 .ui-badge--top-right {
    transform: translate(-100%, -50%)
}

._have-bg_1ycug_128 button,
._have-bg_1ycug_128 ._user-action-popover_1ycug_82 {
    background-color: transparent;
    border: 0
}

._user-action-content_1ycug_134 ._popover-content_1ycug_134 {
    background: var(--skin__bg_2);
    border: thin solid var(--skin__border);
    border-radius: .15rem;
    padding: .15rem 0
}

._user-action-content_1ycug_134 ._popover-content_1ycug_134>div {
    min-width: 1.7rem;
    height: .8rem;
    margin: 0;
    color: var(--skin__lead);
    font-size: .24rem;
    line-height: .8rem;
    text-align: left;
    padding: 0 .19rem;
    cursor: pointer
}

[dir=rtl] ._user-action-content_1ycug_134 ._popover-content_1ycug_134>div {
    text-align: right
}

._user-action-box_1ycug_52 {
    margin-right: .14rem
}

[dir=rtl] ._user-action-box_1ycug_52 {
    margin-right: 0;
    margin-left: .14rem
}

._user-action-box_1ycug_52 button {
    padding: 0 .05rem;
    font-size: .24rem;
    height: .6rem;
    width: 1.4rem;
    margin-left: 0;
    border-radius: 1rem;
    line-height: 1.3
}

[dir=rtl] ._user-action-box_1ycug_52 button {
    margin-left: 0;
    margin-right: 0
}

._user-action-box_1ycug_52 button._reCharge_1ycug_76 .ui-button__content:not(:lang(zh)):not(:lang(zh_hk)) {
    font-size: .24rem
}

._header_1wyd5_52 {
    height: 1.1rem;
    padding: 0 .2rem 0 .1rem;
    color: var(--skin__lead);
    background-color: var(--skin__bs_topnav_bg);
    border-bottom: .01rem solid var(--skin__border)
}

[dir=rtl] ._header_1wyd5_52 {
    padding: 0 .1rem 0 .2rem
}

._header_1wyd5_52 ._assemblyLogo_1wyd5_59 {
    display: flex;
    --assembly-logo-area-height: .7rem;
    --assembly-logo-area-width: 2.8rem;
    justify-content: flex-start
}

._header_1wyd5_52 ._clubLogo_1wyd5_65 {
    --img-text-logo-width: 2.8rem;
    --img-text-logo-img-width: .7rem;
    --img-text-logo-img-height: .7rem
}

._header_1wyd5_52 ._user-action_1wyd5_70 .ui-badge {
    top: 0;
    left: unset;
    transform: translate(.1rem, -50%);
    margin-top: -.04rem;
    max-width: unset !important
}

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

._header_1wyd5_52 ._user-action_1wyd5_70._offset-right_1wyd5_77 .ui-badge {
    transform: translate(.1rem, -50%)
}

[dir=rtl] ._header_1wyd5_52 ._user-action_1wyd5_70._offset-right_1wyd5_77 .ui-badge {
    transform: translate(-.1rem, -50%)
}

._header_1wyd5_52 .currency-info-box {
    background-color: rgba(255, 255, 255, .08);
    border: 0;
    --currency-info-box-border-radius: 1rem;
    --currency-info-box-height: .6rem;
    --currency-info-box-padding: 0 .15rem;
    --currency-info-currency-count-margin: 0 0 0 .06rem;
    --currency-info-currency-count-max-width: 1.32rem;
    --currency-info-refresh-icon-margin: 0 0 0 .08rem;
    --currency-info-popover-icon-margin: 0 0 0 .08rem;
    --currency-info-refresh-icon-color: var(--skin__alt_border);
    --currency-info-refresh-icon-size: .25rem;
    --currency-info-popover-icon-color: var(--skin__alt_border);
    --currency-info-popover-icon-size: .15rem;
    --currency-info-currency-box-width: .28rem;
    --currency-info-currency-box-height: .28rem;
    --currency-info-icon-currency-width: .26rem;
    --currency-info-icon-currency-height: .26rem
}

._header_1wyd5_52 .currency-info-box .curreny-info-pay-bonus {
    left: auto;
    margin-top: -.1rem
}

[dir=rtl] ._header_1wyd5_52 .currency-info-box .curreny-info-pay-bonus {
    left: auto;
    right: auto
}

._header_1wyd5_52 .currency-info-box .curreny-info-pay-bonus .ui-badge {
    margin: -.14rem -.34rem 0 0;
    transform: translate(-.34rem)
}

[dir=rtl] ._header_1wyd5_52 .currency-info-box .curreny-info-pay-bonus .ui-badge {
    margin: -.14rem 0 0 -.34rem;
    transform: translate(.34rem)
}

._header_1wyd5_52 .currency-info-box .curreny-info-pay-bonus .pay-tips span:first-child {
    max-width: .76rem
}

._header_1mq53_52 {
    color: var(--skin__lead);
    padding: 0 .2rem 0 .1rem;
    border-bottom: var(--lobby__px) solid var(--skin__border)
}

._header_1mq53_52 ._assemblyLogo_1mq53_57 {
    --assembly-logo-area-height: .76rem;
    --assembly-logo-area-width: 4.15rem;
    justify-content: flex-start
}

._header_1mq53_52 ._clubLogo_1mq53_62 {
    --img-text-logo-width: 3.875rem;
    --img-text-logo-img-width: .76rem;
    --img-text-logo-img-height: .76rem;
    --img-text-logo-img-margin-right: .115rem
}

._header_1mq53_52 ._right_1mq53_68 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .22rem;
    height: 100%;
    color: var(--skin__neutral_1);
    cursor: pointer
}

._header_1mq53_52 ._right_1mq53_68 img {
    width: .54rem
}

._header-wrap_1mq53_82 {
    position: relative
}

._header_1mq53_52 {
    height: 1.1rem;
    padding: 0 .2rem 0 .1rem;
    color: var(--skin__lead);
    background-color: var(--skin__bs_topnav_bg);
    border-bottom: .01rem solid var(--skin__border)
}

[dir=rtl] ._header_1mq53_52 {
    padding: 0 .1rem 0 .2rem
}

._header_1mq53_52 ._assemblyLogo_1mq53_57 {
    display: flex;
    --assembly-logo-area-height: .7rem;
    --assembly-logo-area-width: 2.8rem;
    justify-content: flex-start
}

._header_1mq53_52 ._clubLogo_1mq53_62 {
    --img-text-logo-width: 2.8rem;
    --img-text-logo-img-width: .7rem;
    --img-text-logo-img-height: .7rem
}

._header_1mq53_52 ._user-action_1mq53_104 .ui-badge {
    top: 0;
    left: unset;
    transform: translate(.1rem, -50%);
    margin-top: -.04rem;
    max-width: unset !important
}

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

._header_1mq53_52 ._user-action_1mq53_104._offset-right_1mq53_111 .ui-badge {
    transform: translate(.1rem, -50%)
}

[dir=rtl] ._header_1mq53_52 ._user-action_1mq53_104._offset-right_1mq53_111 .ui-badge {
    transform: translate(-.1rem, -50%)
}

._header_1mq53_52 .currency-info-box {
    background-color: rgba(255, 255, 255, .08);
    border: 0;
    --currency-info-box-border-radius: 1rem;
    --currency-info-box-height: .6rem;
    --currency-info-box-padding: 0 .15rem;
    --currency-info-currency-count-margin: 0 0 0 .06rem;
    --currency-info-currency-count-max-width: 1.32rem;
    --currency-info-refresh-icon-margin: 0 0 0 .08rem;
    --currency-info-popover-icon-margin: 0 0 0 .08rem;
    --currency-info-refresh-icon-color: var(--skin__alt_border);
    --currency-info-refresh-icon-size: .25rem;
    --currency-info-popover-icon-color: var(--skin__alt_border);
    --currency-info-popover-icon-size: .15rem;
    --currency-info-currency-box-width: .28rem;
    --currency-info-currency-box-height: .28rem;
    --currency-info-icon-currency-width: .26rem;
    --currency-info-icon-currency-height: .26rem
}

._header_1mq53_52 .currency-info-box .curreny-info-pay-bonus {
    left: auto;
    margin-top: -.1rem
}

[dir=rtl] ._header_1mq53_52 .currency-info-box .curreny-info-pay-bonus {
    left: auto;
    right: auto
}

._header_1mq53_52 .currency-info-box .curreny-info-pay-bonus .ui-badge {
    margin: -.14rem -.34rem 0 0;
    transform: translate(-.34rem)
}

[dir=rtl] ._header_1mq53_52 .currency-info-box .curreny-info-pay-bonus .ui-badge {
    margin: -.14rem 0 0 -.34rem;
    transform: translate(.34rem)
}

._header_1mq53_52 .currency-info-box .curreny-info-pay-bonus .pay-tips span:first-child {
    max-width: .76rem
}

._main_vhfft_52.lobby-fixed-view {
    width: 100vw;
    height: var(--lobby__screen-height);
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

[dir=rtl] ._main_vhfft_52.lobby-fixed-view {
    left: auto;
    right: 0
}

._main_vhfft_52.lobby-fixed-view>* {
    pointer-events: auto
}

._base-layout_1xp5b_52 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

._base-layout_1xp5b_52>header {
    flex-shrink: 0;
    width: 100%;
    z-index: 10;
    position: relative
}

._base-layout_1xp5b_52>footer {
    flex-shrink: 0;
    width: 100%;
    z-index: 10;
    transition: transform .3s
}

._base-layout_1xp5b_52>._section-content_1xp5b_70 {
    width: 100%;
    flex: 1;
    max-height: 100%;
    position: relative;
    z-index: 1
}

._home-layout_r81il_52 {
    background-color: var(--skin__home_bg)
}

._home-layout_r81il_52 ._main_r81il_55>div {
    margin-top: .2rem
}

._home-layout_r81il_52 ._main_r81il_55>div:first-of-type[data-big="1"] {
    margin-top: 0
}

html[data-ui-contain="1"] ._home-layout_r81il_52 .lobby-scroll--y::-webkit-scrollbar {
    width: 0
}

._debugger-switch-button_4g4jo_52 {
    position: fixed;
    bottom: 2.8rem;
    left: .6rem;
    display: flex;
    flex-direction: column;
    width: 2.2rem;
    background-color: red;
    z-index: 999;
    color: #fff;
    opacity: .75;
    padding: .1rem;
    font-weight: 400;
    font-size: .2rem
}

[dir=rtl] ._debugger-switch-button_4g4jo_52 {
    left: auto;
    right: .6rem
}

._debugger-switch-button_4g4jo_52>button {
    width: 100%;
    margin-top: .1rem;
    background-color: #000
}

._debugger-switch-button_4g4jo_52>button._is-active_4g4jo_72 {
    border: thin solid yellow
}

._skeleton-wrapper_4fu0t_52 {
    width: 7.1rem;
    margin: 0 auto
}

._home-live-stream_4fu0t_57 {
    position: relative;
    width: 7.1rem;
    margin: var(--home-live-stream-margin, .2rem auto);
    overflow: hidden;
    border-radius: .16rem;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    isolation: isolate
}

._home-live-stream_4fu0t_57 video {
    object-fit: cover !important
}

._home-live-stream_4fu0t_57:fullscreen video,
._home-live-stream_4fu0t_57:-webkit-full-screen video,
._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 video {
    object-fit: contain !important
}

._style1_4fu0t_75 {
    height: 3.04rem
}

._style2_4fu0t_79 {
    height: 4rem
}

._style3_4fu0t_83 {
    height: 1.8rem
}

._cover-img_4fu0t_87 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    pointer-events: none;
    overflow: hidden;
    transition: opacity .3s ease
}

[dir=rtl] ._cover-img_4fu0t_87 {
    left: auto;
    right: 0
}

._cover-img-hidden_4fu0t_98 {
    opacity: 0
}

._cover-img-inner_4fu0t_101 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

._controls-overlay_4fu0t_107 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    pointer-events: none;
    opacity: 1;
    transition: opacity .3s ease
}

._controls-overlay_4fu0t_107._hidden_4fu0t_118 {
    opacity: 0;
    pointer-events: none
}

._controls-mask_4fu0t_123 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .1);
    pointer-events: none
}

._pause-mask_4fu0t_134 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .5);
    pointer-events: none
}

._btn-bg_4fu0t_145 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 0
}

._btn-icon_4fu0t_156 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

._play-btn_4fu0t_164 {
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .96rem;
    height: .96rem
}

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

._play-btn_4fu0t_164 ._btn-bg_4fu0t_145 {
    top: .01rem;
    right: .01rem;
    bottom: .01rem;
    left: .01rem;
    background-color: rgba(0, 0, 0, .5);
    border: thin solid #fff
}

._play-btn_4fu0t_164 ._btn-icon_4fu0t_156 {
    width: .48rem;
    height: .48rem;
    font-size: .48rem
}

._play-btn_4fu0t_164 ._btn-icon-play_4fu0t_196 {
    padding-left: .04rem
}

[dir=rtl] ._play-btn_4fu0t_164 ._btn-icon-play_4fu0t_196 {
    padding-left: 0;
    padding-right: .04rem
}

._fullscreen-btn_4fu0t_200 {
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    bottom: .16rem;
    right: .16rem
}

[dir=rtl] ._fullscreen-btn_4fu0t_200 {
    right: auto;
    left: .16rem
}

._fullscreen-btn_4fu0t_200 ._btn-icon_4fu0t_156 {
    width: .28rem;
    height: .28rem;
    font-size: .28rem
}

._volume-btn_4fu0t_222 {
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    bottom: .16rem;
    right: .84rem
}

[dir=rtl] ._volume-btn_4fu0t_222 {
    right: auto;
    left: .84rem
}

._volume-btn_4fu0t_222 ._btn-icon_4fu0t_156 {
    width: .28rem;
    height: .28rem;
    font-size: .28rem
}

._close-btn_4fu0t_244 {
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    top: .16rem;
    right: .16rem
}

[dir=rtl] ._close-btn_4fu0t_244 {
    right: auto;
    left: .16rem
}

._menu-btn_4fu0t_261 {
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: .48rem;
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    top: .16rem;
    left: .16rem
}

[dir=rtl] ._menu-btn_4fu0t_261 {
    left: auto;
    right: .16rem
}

._menu-panel-mask_4fu0t_278 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    pointer-events: auto
}

._menu-panel_4fu0t_278 {
    position: absolute;
    top: .4rem;
    right: .4rem;
    bottom: .4rem;
    left: .4rem;
    z-index: 60;
    background-color: rgba(0, 0, 0, .85);
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    border-radius: .08rem
}

._menu-header_4fu0t_302 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .12rem .16rem;
    flex-shrink: 0
}

._menu-close-btn_4fu0t_310 {
    cursor: pointer;
    width: .28rem;
    height: .28rem;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

._menu-list_4fu0t_318 {
    flex: 1;
    overflow-y: auto;
    padding: 0 .16rem .12rem;
    -webkit-overflow-scrolling: touch
}

._menu-item_4fu0t_325 {
    display: flex;
    align-items: center;
    gap: .12rem;
    padding: .1rem .12rem;
    border-radius: .08rem;
    cursor: pointer;
    color: #fff;
    font-size: .14rem;
    transition: background-color .2s ease;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

._menu-item_4fu0t_325:active {
    background-color: rgba(255, 255, 255, .15)
}

._menu-item_4fu0t_325._active_4fu0t_341 {
    background-color: rgba(255, 255, 255, .2)
}

._menu-item-thumbnail_4fu0t_345 {
    width: .6rem;
    height: .34rem;
    border-radius: .04rem;
    object-fit: cover;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, .1)
}

._menu-item-info_4fu0t_354 {
    flex: 1;
    min-width: 0
}

._menu-item-label_4fu0t_359 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._menu-item-description_4fu0t_365 {
    font-size: .12rem;
    color: rgba(255, 255, 255, .6);
    margin-top: .02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._menu-empty_4fu0t_374 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: rgba(255, 255, 255, .5);
    font-size: .14rem
}

.dplayer:fullscreen video,
.dplayer:-webkit-full-screen video {
    object-fit: contain !important
}

.dplayer:fullscreen .dplayer-bezel,
.dplayer:fullscreen .dplayer-play-icon,
.dplayer:fullscreen .dplayer-mobile-play,
.dplayer:fullscreen .dplayer-controller,
.dplayer:fullscreen .dplayer-controller-mask,
.dplayer:fullscreen .dplayer-info-panel,
.dplayer:fullscreen .dplayer-mask,
.dplayer:-webkit-full-screen .dplayer-bezel,
.dplayer:-webkit-full-screen .dplayer-play-icon,
.dplayer:-webkit-full-screen .dplayer-mobile-play,
.dplayer:-webkit-full-screen .dplayer-controller,
.dplayer:-webkit-full-screen .dplayer-controller-mask,
.dplayer:-webkit-full-screen .dplayer-info-panel,
.dplayer:-webkit-full-screen .dplayer-mask {
    display: none !important
}

@media (orientation: landscape) {
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._play-btn_4fu0t_164 {
        width: 1.92rem;
        height: 1.92rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._play-btn_4fu0t_164 ._btn-icon_4fu0t_156 {
        width: .96rem;
        height: .96rem;
        font-size: .96rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._play-btn_4fu0t_164 ._btn-icon-play_4fu0t_196 {
        padding-left: .08rem
    }
    [dir=rtl] ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._play-btn_4fu0t_164 ._btn-icon-play_4fu0t_196 {
        padding-left: 0;
        padding-right: .08rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._fullscreen-btn_4fu0t_200 {
        width: .96rem;
        height: .96rem;
        bottom: .32rem;
        right: .32rem
    }
    [dir=rtl] ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._fullscreen-btn_4fu0t_200 {
        right: auto;
        left: .32rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._fullscreen-btn_4fu0t_200 ._btn-icon_4fu0t_156 {
        width: .56rem;
        height: .56rem;
        font-size: .56rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._volume-btn_4fu0t_222 {
        width: .96rem;
        height: .96rem;
        bottom: .32rem;
        right: 1.68rem
    }
    [dir=rtl] ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._volume-btn_4fu0t_222 {
        right: auto;
        left: 1.68rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._volume-btn_4fu0t_222 ._btn-icon_4fu0t_156 {
        width: .56rem;
        height: .56rem;
        font-size: .56rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._close-btn_4fu0t_244 {
        width: .96rem;
        height: .96rem;
        top: .32rem;
        right: .32rem
    }
    [dir=rtl] ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._close-btn_4fu0t_244 {
        right: auto;
        left: .32rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._menu-btn_4fu0t_261 {
        width: .96rem;
        height: .96rem;
        top: .32rem;
        left: .32rem
    }
    [dir=rtl] ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._menu-btn_4fu0t_261 {
        left: auto;
        right: .32rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._menu-panel_4fu0t_278 {
        top: .8rem;
        right: .8rem;
        bottom: .8rem;
        left: .8rem
    }
    ._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._menu-close-btn_4fu0t_310 {
        width: .56rem;
        height: .56rem
    }
}

._player-fallback_4fu0t_462 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 45;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .85);
    border-radius: .16rem;
    pointer-events: none
}

._home-live-stream_4fu0t_57 .live-player,
._home-live-stream_4fu0t_57 .live-player *:not(video),
._home-live-stream_4fu0t_57 .dplayer,
._home-live-stream_4fu0t_57 .dplayer *:not(video) {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important
}

._home-live-stream_4fu0t_57 .live-player,
._home-live-stream_4fu0t_57 .live-player__container,
._home-live-stream_4fu0t_57 .dplayer,
._home-live-stream_4fu0t_57 .dplayer-video-wrap {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important
}

._home-live-stream_4fu0t_57 .dplayer-video-wrap {
    border-radius: .16rem !important;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

._home-live-stream_4fu0t_57 video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: .16rem !important
}

._home-live-stream_4fu0t_57 .dplayer-bezel,
._home-live-stream_4fu0t_57 .dplayer-play-icon,
._home-live-stream_4fu0t_57 .dplayer-mobile-play,
._home-live-stream_4fu0t_57 .dplayer-controller,
._home-live-stream_4fu0t_57 .dplayer-controller-mask,
._home-live-stream_4fu0t_57 .dplayer-info-panel,
._home-live-stream_4fu0t_57 .dplayer-mask,
._home-live-stream_4fu0t_57 .live-player__controls,
._home-live-stream_4fu0t_57 .live-player__loading,
._home-live-stream_4fu0t_57 .live-player__fallback {
    display: none !important
}

._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 .dplayer-video-wrap,
._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 video {
    border-radius: 0 !important
}

._home-live-stream_4fu0t_57._fullscreen-active_4fu0t_71 ._player-fallback_4fu0t_462 {
    border-radius: 0
}

._retry_6kjrp_52 {
    margin-left: .3rem
}

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

._marquee_6kjrp_56 {
    --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_6kjrp_56 {
    padding: 0 .25rem 0 .24rem
}

._marquee_6kjrp_56 a,
._marquee_6kjrp_56 a:visited {
    color: var(--skin__primary)
}

._marquee_6kjrp_56 ._retry_6kjrp_52 {
    display: flex;
    align-items: center;
    width: 100%
}

._marquee_6kjrp_56 ._left-icon_6kjrp_74 {
    width: .36rem;
    margin-right: .1rem;
    flex-shrink: 0
}

[dir=rtl] ._marquee_6kjrp_56 ._left-icon_6kjrp_74 {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 {
    display: inline-block;
    white-space: nowrap;
    height: .35rem;
    max-width: 100%;
    flex: 1
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 {
    line-height: .35rem;
    padding-right: .1rem;
    cursor: pointer;
    min-width: 100%
}

[dir=rtl] ._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 {
    padding-right: 0;
    padding-left: .1rem
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 br {
    display: contents
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 p {
    display: inline-block;
    margin-right: .1rem
}

[dir=rtl] ._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 p {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 div,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 p,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 strong,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 span {
    font-size: var(--marquee-swiper-container-content-font-size) !important
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 img {
    width: auto !important;
    height: var(--marquee-swiper-container-content-font-size) !important
}

._marquee_6kjrp_56 ._right_6kjrp_109 {
    width: .6rem;
    flex-shrink: 0;
    cursor: pointer
}

._marquee_6kjrp_56 ._right_6kjrp_109 ._message-icon_6kjrp_114 {
    width: .58rem
}

[dir=rtl] ._marquee_6kjrp_56 ._left-icon_6kjrp_74 {
    transform: scaleX(-1)
}

._marquee_6kjrp_56 {
    padding: 0 .3rem 0 .2rem
}

[dir=rtl] ._marquee_6kjrp_56 {
    padding: 0 .2rem 0 .3rem
}

._marquee_6kjrp_56 ._left-icon_6kjrp_74 {
    display: none
}

._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 div,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 p,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 strong,
._marquee_6kjrp_56 ._swiper-container_6kjrp_79 ._content_6kjrp_86 span {
    font-size: .24rem !important
}

._marquee_6kjrp_56 ._right_6kjrp_109 {
    margin-left: .1rem;
    width: .53rem
}

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

._marquee_6kjrp_56 ._right_6kjrp_109 ._message-icon_6kjrp_114 {
    width: .53rem
}

._search-board_pl6cu_52 {
    display: flex;
    align-items: center;
    margin: 0 .15rem .1rem;
    height: .5rem;
    overflow: hidden;
    background-color: var(--skin__bs_zc_an1);
    border-radius: .14rem
}

._search-board_pl6cu_52 ._text_pl6cu_61 {
    flex: 1;
    margin-left: .18rem;
    color: var(--skin__neutral_3);
    font-size: .22rem
}

[dir=rtl] ._search-board_pl6cu_52 ._text_pl6cu_61 {
    margin-left: 0;
    margin-right: .18rem
}

._search-board_pl6cu_52 ._icon_pl6cu_67 {
    margin-right: .18rem;
    color: var(--skin__neutral_1);
    font-size: .22rem
}

[dir=rtl] ._search-board_pl6cu_52 ._icon_pl6cu_67 {
    margin-right: 0;
    margin-left: .18rem
}

._search-board_pl6cu_52 {
    margin: .2rem;
    height: .8rem;
    background-color: var(--skin__bg_2);
    border-radius: .14rem;
    flex-flow: row-reverse;
    padding: 0 .2rem
}

._search-board_pl6cu_52 ._text_pl6cu_61 {
    flex: 1;
    margin-left: .2rem;
    color: var(--skin__neutral_3);
    font-size: .24rem
}

[dir=rtl] ._search-board_pl6cu_52 ._text_pl6cu_61 {
    margin-left: 0;
    margin-right: .2rem
}

._search-board_pl6cu_52 ._icon_pl6cu_67 {
    width: .48rem;
    height: .42rem;
    margin: .07rem
}

._message-icon_1y8k2_52 {
    width: .52rem;
    height: .52rem;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

._live-footer-margin_1y8k2_61 {
    --home-live-stream-margin: 0 auto .2rem auto
}

html[data-skin-bg="0"] ._bindNoWallet_1y8k2_65 {
    --no-wallet-logo-color: #1678ff
}

html[data-skin-bg="1"] ._bindNoWallet_1y8k2_65 {
    --no-wallet-logo-color: #ffffff;
    --no-wallet-background-color: var(--skin__bs_topnav_bg)
}

._winner-middle-menu_1y8k2_74>div {
    padding-top: 0 !important
}

._winner-footer_1y8k2_81 {
    margin-top: 0 !important
}

._base-view_1urke_52 {
    --subpage-tabbar-height: 0rem;
    --subpage-tabbar-base-height: 0rem
}

._base-view_1urke_52>section {
    position: relative;
    overflow: hidden
}

html[data-skin-layout="10"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="10"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="10"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="12"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="12"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="12"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="14"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="14"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="14"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="16"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="16"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="16"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="25"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="25"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="25"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="26"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="26"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="26"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="27"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="27"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="27"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="31"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="31"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="31"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="33"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="33"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="33"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .3rem
}

html[data-skin-layout="39"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="39"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="39"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="46"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="46"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="46"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .3rem
}

html[data-skin-layout="48"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="48"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="48"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="49"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .2rem
}

html[data-skin-layout="49"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="49"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="53"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 0
}

html[data-skin-layout="53"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="53"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .5rem
}

html[data-skin-layout="55"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="55"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="55"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="66"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .2rem
}

html[data-skin-layout="66"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="66"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="74"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="74"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="74"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="76"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="76"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="76"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: .4rem
}

html[data-skin-layout="78"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .6rem
}

html[data-skin-layout="78"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="78"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="82"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="82"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="82"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="83"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.5rem
}

html[data-skin-layout="83"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="83"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="87"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="87"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="87"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="88"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.72rem
}

html[data-skin-layout="88"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="88"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="92"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .9rem
}

html[data-skin-layout="92"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="92"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="110"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="110"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="110"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="96"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="96"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="96"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="97"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="97"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="97"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="98"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.46rem
}

html[data-skin-layout="98"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="98"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="106"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.4rem
}

html[data-skin-layout="106"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="106"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="109"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="109"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="109"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="111"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="111"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="111"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="113"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="113"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="113"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="114"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .3rem
}

html[data-skin-layout="114"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="114"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="20"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .46rem
}

html[data-skin-layout="20"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="20"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="115"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="115"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="115"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="117"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .5rem
}

html[data-skin-layout="117"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="117"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="123"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1rem
}

html[data-skin-layout="123"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="123"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="120"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="120"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="120"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="124"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.7rem
}

html[data-skin-layout="124"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="124"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="125"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .6rem
}

html[data-skin-layout="125"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="125"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="126"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: .27rem
}

html[data-skin-layout="126"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="126"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="119"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1rem
}

html[data-skin-layout="119"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="119"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="128"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: 1.2rem
}

html[data-skin-layout="128"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="128"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

html[data-skin-layout="130"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 {
    padding-bottom: var(--tabbar-height)
}

html[data-skin-layout="130"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-tab__panel,
html[data-skin-layout="130"]:not([data-club="1"]) ._base-view_1urke_52>section ._base-view_1urke_52 .ui-virtual-list {
    padding-bottom: 0
}

._base-view_1urke_52._hollowing-out_1urke_368>section[class*=section-content]>div[class*=main] {
    height: 100%;
    padding-bottom: 0
}

._base-view_1urke_52[data-full-screen-layout="1"]>section {
    overflow: visible
}

._base-view_1urke_52[data-show-tabbar="1"] {
    --subpage-tabbar-height: var(--tabbar-height);
    --subpage-tabbar-base-height: var(--tabbar-height)
}

html[data-skin-layout]:not([data-club="1"]) ._base-view_1urke_52[data-show-tabbar="1"] ._base-view_1urke_52 {
    padding-bottom: 0
}

._base-view_1urke_52[data-show-tabbar="1"][data-show-big-icon="1"] {
    --subpage-tabbar-height: calc(var(--tabbar-height) + var(--babbar-big-icon-offset-top))
}

._tabbar_1mx5a_56 {
    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_1mx5a_56 {
    box-shadow: -.02rem 0 .06rem rgba(0, 0, 0, .1)
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 {
    box-sizing: border-box
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 .ui-badge {
    max-width: 1.2rem
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 .ui-badge--top-right {
    transform: translate(100%, -50%);
    right: .1rem
}

[dir=rtl] ._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 .ui-badge--top-right {
    transform: translate(-100%, -50%);
    right: auto;
    left: .1rem
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._dot_1mx5a_88 .ui-badge--dot {
    width: .2rem;
    height: .2rem;
    left: auto
}

[dir=rtl] ._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._dot_1mx5a_88 .ui-badge--dot {
    left: auto;
    right: auto
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._last-badge_1mx5a_93 .ui-badge {
    max-width: .66rem;
    right: .19rem
}

[dir=rtl] ._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._last-badge_1mx5a_93 .ui-badge {
    right: auto;
    left: .19rem
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._last-badge_1mx5a_93 .ui-badge--top-center {
    right: unset
}

[dir=rtl] ._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._last-badge_1mx5a_93 .ui-badge--top-center {
    right: auto;
    left: unset
}

._tabbar-bg_1mx5a_101 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

._tabbar-bg_1mx5a_101 ._tabbar_1mx5a_56 {
    background-color: transparent
}

._expand-tabar_1mx5a_110 {
    position: relative
}

._expand-tabar_1mx5a_110 ._expand-list_1mx5a_113 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap
}

._expand-tabar_1mx5a_110 ._tabbar_1mx5a_56 {
    position: unset
}

._expand-tabar_1mx5a_110 ._tabbar_1mx5a_56 .tabbar-festival-box {
    top: unset;
    bottom: 0;
    height: var(--expand_tabbar_festival_height)
}

._expand-tabar_1mx5a_110 ._dot_1mx5a_88 .ui-badge--dot {
    width: .2rem;
    height: .2rem;
    left: auto
}

[dir=rtl] ._expand-tabar_1mx5a_110 ._dot_1mx5a_88 .ui-badge--dot {
    left: auto;
    right: auto
}

._mode-expand_1mx5a_134 ._expand-wrapper_1mx5a_134 {
    height: 0;
    transition: height .3s
}

._mode-popover_1mx5a_139 ._expand-wrapper_1mx5a_134 {
    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_1mx5a_139 ._expand-wrapper_1mx5a_134 {
    left: auto;
    right: auto
}

._mode-popover_1mx5a_139 ._expand-wrapper_1mx5a_134._expand-open_1mx5a_148 {
    display: block
}

._mode-popover_1mx5a_139 ._expand-list_1mx5a_113 {
    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_1mx5a_139 ._expand-list_1mx5a_113 {
    transform: translate(50%);
    left: auto;
    right: 50%
}

body[class=safe-area-inset-bottom] ._mode-popover_1mx5a_139 ._expand-list_1mx5a_113 {
    margin-bottom: var(--skin__safe-area-inset-bottom)
}

._item_1mx5a_73 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 0 .05rem
}

._item_1mx5a_73:nth-last-child(1) ._ui-badge__content_1mx5a_177 {
    max-width: .52rem
}

._item_1mx5a_73 ._specialBox_1mx5a_180 {
    width: 1rem;
    height: var(--icon-size)
}

._item_1mx5a_73 ._specialImg_1mx5a_184 {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -.08rem;
    z-index: 5
}

._item_1mx5a_73 ._assembly_1mx5a_193 {
    position: relative;
    display: block;
    z-index: 1;
    line-height: 0
}

._item_1mx5a_73 ._assembly_1mx5a_193 ._itemCoreImg_1mx5a_203 {
    color: var(--skin__btmnav_active)
}

._item_1mx5a_73 .ui-badge__wrapper {
    line-height: 0
}

._item_1mx5a_73 ._itemImg_1mx5a_209 {
    width: auto;
    height: var(--icon-size);
    font-size: .48rem;
    z-index: 1;
    position: relative;
    display: block;
    line-height: 0
}

._item_1mx5a_73 ._itemActiveImg_1mx5a_218 {
    color: var(--skin__btmnav_active)
}

._item_1mx5a_73 ._text_1mx5a_221 {
    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_1mx5a_73 ._text_1mx5a_221:lang(vi) {
    font-size: .2rem;
    line-height: 1.3;
    margin-top: .06rem
}

._item_1mx5a_73 ._active_1mx5a_241 {
    color: var(--skin__btmnav_active)
}

._item_1mx5a_73._cutOne_1mx5a_244 {
    align-items: center;
    height: 100%;
    z-index: 4
}

._item_1mx5a_73._cutOne_1mx5a_244 .specialBox {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._item_1mx5a_73._cutOne_1mx5a_244 ._specialImg_1mx5a_184 {
    height: 100%;
    width: 100%;
    position: unset;
    transform: unset
}

._specail-badge_1mx5a_260 {
    width: var(--icon-size);
    aspect-ratio: 1/1;
    position: relative
}

._specail-badge_1mx5a_260 ._specialBox_1mx5a_180 {
    width: inherit;
    height: inherit
}

._specail-badge_1mx5a_260 ._specialImg_1mx5a_184 {
    max-width: max-content;
    top: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] ._specail-badge_1mx5a_260 ._specialImg_1mx5a_184 {
    transform: translate(50%, -50%)
}

._specail-badge_1mx5a_260 .ui-badge {
    z-index: 5
}

._specail-badge_1mx5a_260 .ui-badge__wrapper {
    width: 100%;
    height: 100%;
    position: unset
}

._big-item_1mx5a_283 {
    height: 100%
}

._big-item_1mx5a_283 .ui-badge__wrapper {
    height: var(--icon-size);
    width: var(--icon-size);
    position: relative
}

._big-item_1mx5a_283 .ui-badge {
    margin-top: -.7rem;
    top: 0;
    bottom: unset;
    left: 50%;
    right: unset !important;
    transform: translateY(-50%) !important
}

[dir=rtl] ._big-item_1mx5a_283 .ui-badge {
    right: 50%;
    left: unset !important
}

._big-item_1mx5a_283 ._big-icon-badge_1mx5a_299 {
    width: 1.2rem;
    height: 1.2rem;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    position: absolute
}

[dir=rtl] ._big-item_1mx5a_283 ._big-icon-badge_1mx5a_299 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._big-item_1mx5a_283 ._big-item-img_1mx5a_307 {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

[dir=rtl] ._big-item_1mx5a_283 ._big-item-img_1mx5a_307 {
    left: auto;
    right: 0
}

._tabbar_1mx5a_56 {
    background-color: var(--skin__web_btmnav_db);
    color: var(--skin__btmnav_def);
    --cutOneImageWidth: 1.24rem;
    --cutOneImageHeight: 1.24rem;
    height: 1.24rem;
    background-position: center bottom;
    background-size: 100% auto !important
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 {
    height: 100%
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._cutOne_1mx5a_244 {
    align-items: center;
    padding-top: 0
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._cutOne_1mx5a_244 .specialBox {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._cutOne_1mx5a_244 .specialImg {
    height: 100%;
    width: 100%;
    position: unset;
    transform: unset
}

._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._lucky_1mx5a_342 ._specialImg_1mx5a_184 {
    top: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] ._tabbar_1mx5a_56 ._tabbar-item_1mx5a_70 ._itemContent_1mx5a_73 ._lucky_1mx5a_342 ._specialImg_1mx5a_184 {
    transform: translate(50%, -50%)
}

._item_1mx5a_73 {
    height: 100%;
    flex-direction: column;
    padding-top: .14rem;
    align-items: center;
    display: flex;
    font-size: .24rem;
    text-align: center
}

._item_1mx5a_73 ._itemImg_1mx5a_209 {
    width: auto;
    height: .5rem;
    font-size: .5rem
}

._item_1mx5a_73 ._text_1mx5a_221 {
    margin-top: .02rem;
    line-height: 1.2;
    z-index: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

._item_1mx5a_73 ._text_1mx5a_221:lang(vi),
._item_1mx5a_73 ._text_1mx5a_221:lang(my) {
    font-size: .2rem;
    line-height: 1.4
}

._item_1mx5a_73 ._active_1mx5a_241,
._item_1mx5a_73 ._itemActiveImg_1mx5a_218 {
    color: var(--skin__btmnav_active)
}

._item_1mx5a_73 ._specialBox_1mx5a_180 {
    width: 1rem;
    height: .5rem
}

._item_1mx5a_73 ._specialImg_1mx5a_184 {
    width: .9rem;
    height: .9rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -.08rem
}

[dir=rtl] ._item_1mx5a_73 ._specialImg_1mx5a_184 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._item_1mx5a_73 ._assembly_1mx5a_193 {
    position: relative;
    display: block
}

._item_1mx5a_73 ._assembly_1mx5a_193 ._itemOutsideImg_1mx5a_199 {
    position: absolute;
    color: var(--skin__btmnav_def)
}

._item_1mx5a_73 ._assembly_1mx5a_193 ._itemCoreImg_1mx5a_203 {
    position: relative;
    color: var(--skin__btmnav_active)
}

.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)
}

._pwa-iframe_2z95v_52 {
    width: 100%;
    height: 100%;
    border: none;
    position: relative
}