@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"] .ui-overlay,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 {
    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: #999;
    --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
}

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
}

: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%
    }
}

html {
    overflow: hidden;
    touch-action: manipulation;
    -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 #app {
    height: 100%;
    position: relative;
    overflow: hidden
}

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

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

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

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

._page_3vwmp_30 ._page-tab-container_3vwmp_36 .ui-tabs__content {
    flex: 1;
    overflow: hidden
}

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

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

._page_3vwmp_30 ._page-tab-container_3vwmp_36 .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_3vwmp_30 .ui-retry__block,._page_3vwmp_30 .ui-empty {
    height: 100%
}

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

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

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

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

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

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

._page_3vwmp_30 ._content_3vwmp_76._with-footer-bar_3vwmp_82 {
    padding-bottom: 1.6rem
}

._page_3vwmp_30 ._content_3vwmp_76._with-filter_3vwmp_85 {
    padding-top: 0
}

._page_3vwmp_30 ._content_3vwmp_76._with-footer-bar-lg_3vwmp_88 {
    padding-bottom: 2.4rem
}

._page_3vwmp_30 ._content_3vwmp_76 .ui-list__container>* {
    margin-bottom: .2rem
}

._page_3vwmp_30 ._content_3vwmp_76 .ui-list__container>*:last-child {
    margin-bottom: 0
}

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

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

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

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

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

._form_3vwmp_118 ._multiple-form-item_3vwmp_129 .lobby-form-item__input {
    flex-direction: column
}

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

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

._icon-arrow_3vwmp_153 {
    position: absolute;
    top: 0;
    right: .2rem;
    height: 100%;
    display: flex;
    width: .2rem;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    color: var(--skin__neutral_2)
}

[dir=rtl] ._icon-arrow_3vwmp_153 {
    right: auto;
    left: .2rem;
    transform: rotate(-180deg)
}

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

._icon-with-bg_3vwmp_166._success_3vwmp_173 {
    background-color: var(--skin__accent_1)
}

._icon-with-bg_3vwmp_166._warning_3vwmp_176 {
    background-color: var(--skin__accent_3)
}

._icon-with-bg_3vwmp_166._failed_3vwmp_179 {
    background-color: var(--skin__accent_2)
}

._icon-with-bg_3vwmp_166._gray_3vwmp_182 {
    background: var(--skin__neutral_2)
}

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

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

._select-wrap_3vwmp_201 {
    min-width: 1.6rem;
    max-width: 2.5rem!important
}

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

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

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

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

._base-header_3vwmp_219 .lobby-base-header__section--center {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 3.1rem;
    text-align: center
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._flex_1pb6y_100 {
    display: flex
}

._flex-1_1pb6y_103 {
    flex: 1
}

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

._flex-col_1pb6y_111 {
    flex-direction: column
}

._items-start_1pb6y_115 {
    align-items: start
}

._items-center_1pb6y_118 {
    align-items: center
}

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

._justify-center_1pb6y_125 {
    justify-content: center
}

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

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

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

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

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

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

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

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

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

._font-bold_1pb6y_158 {
    font-weight: 700
}

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

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

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

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

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

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

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

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

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

._text-right_1pb6y_197 {
    text-align: right
}

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

._text-center_1pb6y_200 {
    text-align: center
}

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

._text-underline_1pb6y_206 {
    text-decoration: underline
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._w-full_1pb6y_273 {
    width: 100%
}

._w-200_1pb6y_276 {
    width: 2rem
}

._h-full_1pb6y_280 {
    height: 100%
}

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

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

._overflow-hidden_1pb6y_291 {
    overflow: hidden
}

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

._inline-block_1pb6y_299 {
    display: inline-block
}

._inline-flex_1pb6y_302 {
    display: inline-flex
}

._resize-vertical_1pb6y_306 {
    resize: vertical
}

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

._vertical-middle_1pb6y_314 {
    vertical-align: middle
}

.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: inherit;
    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
}

.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: #fff;
    background: var(--skin__disabled-bg-color__custom);
    border: var(--lobby__px) solid var(--skin__disabled-bg-color__custom)
}

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

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

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

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

.ui-loading__icon {
    font-size: inherit
}

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

[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, .7);
    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
}

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

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

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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-badge {
    display: inline-block;
    box-sizing: border-box;
    min-width: .32rem;
    padding: 0 .08rem;
    color: #fff;
    height: .26rem;
    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: .26rem;
    letter-spacing: normal;
    overflow: visible;
    vertical-align: middle;
    position: relative
}

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

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

[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%)
}

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

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

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

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

._createDialogZindex_5l9ch_42 {
    z-index: 3000!important
}

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

._kycWarp_5l9ch_46 img {
    width: .32rem
}

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

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

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

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

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

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

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

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

._webauthn_5l9ch_78 ._header_5l9ch_78 ._iconSuccess_5l9ch_84 {
    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_5l9ch_78 ._header_5l9ch_78 ._iconSuccess_5l9ch_84 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_5l9ch_78 ._header_5l9ch_78 ._iconSuccess_5l9ch_84>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_5l9ch_78 ._header_5l9ch_78 ._iconFail_5l9ch_98 {
    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_5l9ch_78 ._header_5l9ch_78 ._iconFail_5l9ch_98 {
    margin-right: 0;
    margin-left: .1rem
}

._webauthn_5l9ch_78 ._header_5l9ch_78 ._iconFail_5l9ch_98>i {
    font-size: .22rem;
    color: var(--skin__text_primary)
}

._webauthn_5l9ch_78 ._content_5l9ch_112 {
    font-weight: 400
}

._webauthn_5l9ch_78 ._content_5l9ch_112>span {
    font-weight: 700
}

.ui-list {
    position: relative
}

.ui-list__center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%
}

.ui-list__container {
    width: 100%
}

.ui-list__finished-text,.ui-list__inline-error,.ui-list__loadmore {
    display: block;
    width: 100%;
    text-align: center;
    margin: .2rem 0;
    color: var(--skin__neutral_2)
}

.ui-list__finished-text {
    font-size: .22rem
}

.ui-list__inline-error {
    min-height: auto
}

.ui-list__loadmore {
    cursor: pointer
}

.ui-list__loading {
    padding: .2rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .64rem;
    overflow: hidden
}

.ui-list__loading .lobby-base-loading__spinning {
    min-width: .24rem;
    min-height: .24rem
}

.ui-list__loading .lobby-base-loading__spinning .lobby-base-loading__box {
    zoom:.32}

.ui-list__loading-text {
    margin-left: .16rem;
    line-height: .24rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] .ui-list__loading-text {
    margin-left: 0;
    margin-right: .16rem
}

.ui-list__end {
    height: 0;
    pointer-events: none
}

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

.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-tab__panel,.ui-tab__panel-wrapper {
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%
}

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

.ui-tabs {
    position: relative
}

.ui-tabs__position--left {
    display: flex
}

.ui-tabs__position--left>.ui-tabs__wrap,.ui-tabs__position--left>.ui-sticky {
    flex-shrink: 0
}

.ui-tabs__wrap {
    overflow: hidden;
    position: relative
}

.ui-tabs__wrap--page-top {
    position: fixed
}

.ui-tabs__wrap--content-bottom {
    top: auto;
    bottom: 0
}

.ui-tabs__nav {
    position: relative;
    display: flex;
    background: transparent;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ui-tabs__nav::-webkit-scrollbar {
    display: none
}

.ui-tabs__nav--left {
    flex-direction: column
}

.ui-tabs__nav--left>.ui-tab {
    padding: 0
}

.ui-tabs__nav--left>.ui-tab>span {
    width: 100%
}

.ui-tabs__nav--line {
    box-sizing: content-box;
    height: 100%;
    padding-bottom: .15rem
}

.ui-tabs__nav--line--shrink,.ui-tabs__nav--line--complete {
    padding-right: .08rem;
    padding-left: .08rem
}

.ui-tabs__nav--card {
    box-sizing: border-box;
    height: .3rem;
    margin: 0 .16rem;
    border: var(--lobby__px) solid var(--skin__primary);
    border-radius: .02rem
}

.ui-tabs__nav--card--shrink {
    display: inline-flex
}

.ui-tabs__line {
    position: absolute;
    bottom: .15rem;
    left: 0;
    z-index: 1;
    width: .5556rem;
    height: .04rem;
    background: var(--skin__primary);
    border-radius: .04rem
}

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

.ui-tabs__track {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    will-change: left
}

.ui-tabs__content--animated {
    overflow: hidden
}

.ui-tabs--line .ui-tabs__wrap {
    min-height: .6rem
}

.ui-tabs--card>.ui-tabs__wrap {
    min-height: .6rem
}

.ui-tabs__navigation-prev,.ui-tabs__navigation-next {
    z-index: 3;
    position: absolute;
    display: flex;
    align-items: center
}

.ui-tabs__navigation-prev--left,.ui-tabs__navigation-prev--right,.ui-tabs__navigation-next--left,.ui-tabs__navigation-next--right {
    height: .3rem;
    top: calc(50% - .15rem)
}

.ui-tabs__navigation-prev--top,.ui-tabs__navigation-prev--bottom,.ui-tabs__navigation-next--top,.ui-tabs__navigation-next--bottom {
    width: .3rem;
    left: calc(50% - .15rem)
}

[dir=rtl] .ui-tabs__navigation-prev--top,[dir=rtl] .ui-tabs__navigation-prev--bottom,[dir=rtl] .ui-tabs__navigation-next--top,[dir=rtl] .ui-tabs__navigation-next--bottom {
    left: auto;
    right: calc(50% - .15rem)
}

.ui-tabs__navigation-prev--left {
    left: .1rem
}

[dir=rtl] .ui-tabs__navigation-prev--left {
    left: auto;
    right: .1rem
}

.ui-tabs__navigation-prev--top {
    top: .1rem
}

.ui-tabs__navigation-next--right {
    right: .1rem
}

[dir=rtl] .ui-tabs__navigation-next--right {
    right: auto;
    left: .1rem
}

.ui-tabs__navigation-next--bottom {
    bottom: .1rem
}

.ui-tab {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 .04rem;
    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
}

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

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

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

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

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

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

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

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

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

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

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

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

._main_59lli_41.lobby-scroll.lobby-scroll--is-desktop.lobby-scroll--is-firefox {
    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
}

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

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

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

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

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

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

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

.lobby-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;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    max-width: 5.2rem
}

@keyframes css-17yhhjv-antSpinMove {
    to {
        opacity: 1
    }
}

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

.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 {
    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-pull-refresh {
    overflow: hidden
}

.ui-pull-refresh__track {
    position: relative;
    height: 100%;
    transition-property: transform
}

.ui-pull-refresh__head {
    position: absolute;
    left: 0;
    width: 100%;
    height: .64rem;
    overflow: hidden;
    line-height: .64rem;
    text-align: center;
    transform: translateY(-100%)
}

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

.ui-pull-refresh__loading {
    padding: .2rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .64rem;
    overflow: hidden
}

.ui-pull-refresh__loading .lobby-base-loading__spinning {
    min-width: .24rem;
    min-height: .24rem;
    max-width: .64rem
}

.ui-pull-refresh__loading .lobby-base-loading__spinning .lobby-base-loading__box {
    zoom:.32}

.ui-pull-refresh__loading .lobby-base-loading__spinning .lobby-base-loading__image {
    max-width: .3rem;
    max-height: .3rem
}

.ui-pull-refresh__text,.ui-pull-refresh__loading-text {
    color: var(--skin__neutral_2);
    font-size: .24rem
}

.ui-pull-refresh__loading-text {
    margin-left: .16rem;
    line-height: .24rem
}

[dir=rtl] .ui-pull-refresh__loading-text {
    margin-left: 0;
    margin-right: .16rem
}

.ui-pull-refresh__inline-error {
    min-height: unset
}

.ui-virtual-list {
    height: 100%;
    overflow: auto;
    overflow-anchor: none
}

.ui-virtual-list__itemsbox {
    position: relative
}

.ui-virtual-list__item {
    position: absolute;
    top: 0;
    left: 0
}

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

.ui-virtual-list__center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.ui-virtual-list__finished-text,.ui-virtual-list__inline-error {
    display: block;
    width: 100%;
    text-align: center;
    margin: .2rem 0
}

.ui-virtual-list__loading {
    padding: .2rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .64rem;
    overflow: hidden
}

.ui-virtual-list__loading .lobby-base-loading__spinning {
    min-width: .24rem;
    min-height: .24rem
}

.ui-virtual-list__loading .lobby-base-loading__spinning .lobby-base-loading__box {
    zoom:.48}

.ui-virtual-list__loading-text {
    margin-left: .16rem;
    line-height: .24rem
}

[dir=rtl] .ui-virtual-list__loading-text {
    margin-left: 0;
    margin-right: .16rem
}

.ui-virtual-list__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
}

._sign-sucess-dialog_b9c0s_30 {
    width: 100%;
    background-color: rgba(0,0,0,.5)
}

._sign-sucess_b9c0s_30 {
    position: relative;
    width: 100%;
    padding-top: 3.45rem
}

._sign-sucess_b9c0s_30 .canvas-wraper {
    position: absolute;
    left: 0;
    top: -2rem;
    width: 100%;
    transform: scale(1.5)
}

[dir=rtl] ._sign-sucess_b9c0s_30 .canvas-wraper {
    left: auto;
    right: 0
}

._sign-sucess_b9c0s_30 .sign-sucess-info {
    position: relative;
    z-index: 1;
    text-align: center
}

._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: max-content;
    max-width: 5.88rem;
    margin-bottom: .3rem;
    background-color: var(--skin__bg_2);
    padding: .24rem .4rem .25rem;
    font-size: .3rem;
    line-height: 1.37;
    border-radius: .1rem;
    color: var(--skin__neutral_1)
}

[dir=rtl] ._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

[data-skin-bg="1"] ._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text {
    border: thin solid var(--skin__border)
}

._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text:lang(pt),._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text:lang(ru) {
    height: min-content!important;
    line-height: 1!important
}

._sign-sucess_b9c0s_30 .sign-sucess-info .prize-text>span {
    color: var(--skin__accent_3);
    font-weight: 700;
    font-size: .34rem
}

._sign-sucess_b9c0s_30 .sign-sucess-info .sign-close {
    width: .6rem;
    height: .6rem;
    font-size: .6rem;
    color: #fff;
    cursor: pointer
}

._sign-dialog_1ge51_30 .ui-dialog__confirm {
    background-color: var(--skin__accent_1)!important;
    border: var(--lobby__px) solid var(--skin__accent_1)
}

._sign-sucess-dialog_1ge51_35 {
    width: 100%
}

._sign-sucess-dialog_1ge51_35 .ui-dialog__main {
    background-color: transparent;
    backface-visibility: visible;
    overflow: unset
}

._sign-sucess-dialog_1ge51_35 .ui-dialog__main .ui-dialog__message {
    overflow: unset
}

html[data-skin-bg="1"] ._sign-sucess-dialog_1ge51_35 .ui-dialog__main {
    border: transparent
}

.dialog-resigning-tip {
    font-weight: 400
}

.sign-need-dialog .ui-badge__content {
    color: #ff0
}

._img-text-logo_14n65_30 {
    --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_14n65_30._img-logo-only_14n65_47 img {
    width: auto
}

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

._img-text-logo_14n65_30>div {
    display: flex;
    flex-direction: column;
    overflow: visible
}

._img-text-logo_14n65_30>div ._img-title_14n65_60 {
    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_14n65_30>div ._img-title_14n65_60 {
    padding: .02rem 0 0 .03rem
}

._img-text-logo_14n65_30>div ._img-content_14n65_71 {
    max-width: calc(var(--img-text-logo-width) - var(--img-text-logo-img-width) - var(--img-text-logo-img-margin-right));
    color: var(--img-text-logo-img-content-color);
    font-size: var(--img-text-logo-img-content-size);
    text-align: left;
    line-height: 1;
    margin-top: .04rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._img-text-logo_14n65_30>div ._img-content_14n65_71 {
    text-align: right
}

._main_19wkb_30 {
    overflow: hidden
}

._main_19wkb_30 ._scale_19wkb_33 {
    transform-origin: 0 0
}

[dir=rtl] ._main_19wkb_30 ._scale_19wkb_33 {
    transform-origin: 100% 0
}

._main_19wkb_30 ._innerHTMLContainer_19wkb_36 {
    text-align: left
}

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

._img-text-logo_1p91x_30 {
    --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);
    --img-text-logo-img-content-margin: .04rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

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

._img-text-logo_1p91x_30>div {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._img-text-logo_1p91x_30>div ._img-title_1p91x_55 {
    max-width: calc(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);
    line-height: 1;
    padding-top: .02rem;
    font-size: var(--img-text-logo-img-title-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._img-text-logo_1p91x_30>div ._img-title_1p91x_55>div,._img-text-logo_1p91x_30>div ._img-title_1p91x_55>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._img-text-logo_1p91x_30>div ._img-title_1p91x_55 .innerHTMLContainer>div,._img-text-logo_1p91x_30>div ._img-title_1p91x_55 .innerHTMLContainer>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._img-text-logo_1p91x_30>div ._img-title_1p91x_55 .innerHTMLContainer {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._img-text-logo_1p91x_30>div ._img-title_1p91x_55 .innerHTMLContainer>div,[dir=rtl] ._img-text-logo_1p91x_30>div ._img-title_1p91x_55 .innerHTMLContainer>p {
    unicode-bidi: plaintext;
    display: inline
}

._img-text-logo_1p91x_30>div ._img-content_1p91x_88 {
    max-width: calc(var(--img-text-logo-width) - var(--img-text-logo-img-width) - var(--img-text-logo-img-margin-right));
    color: var(--img-text-logo-img-content-color);
    font-size: var(--img-text-logo-img-content-size);
    text-align: left;
    line-height: 1.1;
    margin: var(--img-text-logo-img-content-margin);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._img-text-logo_1p91x_30>div ._img-content_1p91x_88 {
    text-align: right
}

._img-text-logo_1p91x_30>div ._img-content_1p91x_88._center_1p91x_99 {
    text-align: center
}

html[data-skin-bg="0"] ._img-text-logo_1p91x_30 div ._img-title_1p91x_55 {
    color: var(--skin__alt_primary)
}

html[data-skin-bg="0"] ._img-text-logo_1p91x_30 div ._img-content_1p91x_88 {
    color: var(--skin__alt_border)
}

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

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

._loginRegisterPages_od0m5_30 {
    --other-space: 1.3rem;
    --left-right-space: .4rem;
    --form-right-space: calc((var(--left-right-space) - .06rem) / 2);
    --container-space: 0;
    position: relative;
    overflow-y: auto;
    min-height: 100%;
    max-height: 100%;
    background-color: var(--skin__bg_2)
}

._loginRegisterPages_od0m5_30 ._background_od0m5_41 {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.2rem
}

[dir=rtl] ._loginRegisterPages_od0m5_30 ._background_od0m5_41 {
    left: auto;
    right: 0
}

._loginRegisterPages_od0m5_30 ._logoBackground_od0m5_49 {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: var(--skin__bs_topnav_bg);
    object-fit: cover;
    object-position: top center
}

[dir=rtl] ._loginRegisterPages_od0m5_30 ._logoBackground_od0m5_49 {
    left: auto;
    right: 0
}

._loginRegisterPages_od0m5_30 ._header_od0m5_60 {
    height: .9rem;
    padding: 0 .2rem;
    display: flex;
    align-items: center
}

._loginRegisterPages_od0m5_30 ._header_od0m5_60 ._back_od0m5_41 {
    height: 100%;
    display: flex;
    align-items: center;
    width: .9rem
}

._loginRegisterPages_od0m5_30 ._header_od0m5_60 ._back_od0m5_41[data-theme="2"] {
    color: var(--skin__alt_border)
}

._loginRegisterPages_od0m5_30 ._header_od0m5_60 ._logo_od0m5_49 {
    position: relative;
    height: .76rem;
    width: calc(100% - .9rem);
    pointer-events: none;
    padding-right: .9rem
}

[dir=rtl] ._loginRegisterPages_od0m5_30 ._header_od0m5_60 ._logo_od0m5_49 {
    padding-right: 0;
    padding-left: .9rem
}

._loginRegisterPages_od0m5_30 ._header_od0m5_60 ._logo_od0m5_49 .img-text-logo {
    --img-text-logo-img-width: .76rem;
    --img-text-logo-img-height: .76rem;
    --img-text-logo-img-title-size: .28rem
}

._loginRegisterPages_od0m5_30 ._headerBox_od0m5_87 {
    height: 1rem
}

._loginRegisterPages_od0m5_30 ._bodyWrap_od0m5_90 {
    --other-space: 1.8rem
}

._loginRegisterPages_od0m5_30 ._bodyBoxWrap_od0m5_93 {
    --other-space: 2rem;
    position: relative;
    width: 6.9rem;
    padding: 0 0 .3rem;
    background-color: var(--skin__bg_2);
    margin: 0 auto;
    box-shadow: 0 .03rem .07rem rgba(114,159,255,.12)
}

._pagesTheme2_od0m5_103 {
    --left-right-space: .3rem;
    --form-right-space: calc((var(--left-right-space) - .06rem) / 2);
    background-color: var(--skin__bg_1)
}

._tips-title_1rygo_30 {
    font-size: .3rem;
    color: var(--skin__lead)
}

._fiance-content_1rygo_35 ._status-icon_1rygo_35 {
    margin: 0 auto;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    margin-bottom: .15rem
}

._fiance-content_1rygo_35 ._status-icon_1rygo_35 img {
    width: 100%;
    height: 100%
}

._fiance-content_1rygo_35 ._status-icon_1rygo_35 i {
    font-size: .9rem;
    color: #fff
}

._fiance-content_1rygo_35 ._status-text_1rygo_50 {
    text-align: center;
    font-size: .24rem;
    font-weight: 700
}

._fiance-content_1rygo_35 ul {
    font-size: .22rem;
    margin-top: .3rem
}

._fiance-content_1rygo_35 ul li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: .2rem
}

._fiance-content_1rygo_35 ul li>span {
    color: var(--skin__neutral_2);
    width: 1.5rem;
    text-align: left;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

[dir=rtl] ._fiance-content_1rygo_35 ul li>span {
    text-align: right
}

._fiance-content_1rygo_35 ul li>p {
    width: 3.7rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    color: var(--skin__lead);
    padding-left: .2rem;
    font-size: .28rem
}

[dir=rtl] ._fiance-content_1rygo_35 ul li>p {
    padding-left: 0;
    padding-right: .2rem
}

._fiance-content_1rygo_35 ul li>p._align-items-center_1rygo_86 {
    align-items: center
}

._fiance-content_1rygo_35 ul li>p ._currency-amount_1rygo_89,._fiance-content_1rygo_35 ul li>p ._currency-code_1rygo_90,._fiance-content_1rygo_35 ul li>p ._member-currency_1rygo_91 {
    font-size: .2rem;
    line-height: .38rem
}

._fiance-content_1rygo_35 ul li>p ._currency-code_1rygo_90,._fiance-content_1rygo_35 ul li>p ._member-currency_1rygo_91 {
    margin-left: .06rem
}

[dir=rtl] ._fiance-content_1rygo_35 ul li>p ._currency-code_1rygo_90,[dir=rtl] ._fiance-content_1rygo_35 ul li>p ._member-currency_1rygo_91 {
    margin-left: 0;
    margin-right: .06rem
}

._fiance-content_1rygo_35 ul li>p span {
    width: 100%;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    color: var(--skin__neutral_2)
}

._fiance-content_1rygo_35 ul li>p ._type-name_1rygo_110 {
    color: var(--skin__neutral_2);
    max-width: 2.6rem
}

._fiance-content_1rygo_35 ul li>p ._logo_1rygo_114 {
    width: .44rem;
    margin-right: .15rem
}

[dir=rtl] ._fiance-content_1rygo_35 ul li>p ._logo_1rygo_114 {
    margin-right: 0;
    margin-left: .15rem
}

._fiance-content_1rygo_35 ul li>p._remark_1rygo_118 {
    color: var(--skin__neutral_1);
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

._pending_1rygo_129 {
    color: var(--skin__accent_3)
}

._success_1rygo_133 {
    color: var(--skin__accent_1)
}

._failed_1rygo_137 {
    color: var(--skin__accent_2)
}

._pending-bg_1rygo_141 {
    background-color: var(--skin__accent_3)
}

._cancel_1rygo_145 {
    color: var(--skin__neutral_2)
}

._cancel-bg_1rygo_149 {
    background-color: #999
}

._success-bg_1rygo_153 {
    background-color: var(--skin__accent_1)
}

._failed-bg_1rygo_157 {
    background-color: var(--skin__accent_2)
}

._fiance-main_1rygo_161 .ui-dialog__content {
    max-height: 50vh;
    overflow: auto
}

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

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

.lobby-form-item--style {
    display: flex;
    flex-direction: column;
    margin-bottom: .2rem;
    position: relative
}

.lobby-form-item--horizontal {
    flex-direction: row
}

.lobby-form-item--horizontal .lobby-form-item__label {
    height: .7rem;
    margin-bottom: 0;
    width: 1.2rem;
    margin-right: .1rem
}

[dir=rtl] .lobby-form-item--horizontal .lobby-form-item__label {
    margin-right: 0;
    margin-left: .1rem
}

.lobby-form-item__input {
    min-height: .7rem;
    display: flex;
    align-items: center
}

.lobby-form-item__label {
    margin-bottom: .08rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: .22rem
}

.lobby-form-item__label-text {
    word-wrap: break-word
}

.lobby-form-item__required-sign {
    color: var(--skin__accent_2);
    padding-right: .04rem;
    display: flex;
    height: 100%;
    align-items: center
}

[dir=rtl] .lobby-form-item__required-sign {
    padding-right: 0;
    padding-left: .04rem
}

.lobby-form-item__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center
}

.lobby-form-item__explain {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
    min-height: .3rem;
    margin-top: .08rem;
    font-size: .22rem;
    transition: color .3s cubic-bezier(.215,.61,.355,1)
}

.lobby-form-item__explain-icon {
    margin-right: .1rem;
    color: #fff;
    width: .26rem;
    height: .26rem;
    font-size: .16rem;
    line-height: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999.99rem
}

[dir=rtl] .lobby-form-item__explain-icon {
    margin-right: 0;
    margin-left: .1rem
}

.lobby-form-item__explain-text {
    flex: 1;
    display: flex;
    align-items: flex-start
}

.lobby-form-item__explain-icon__success {
    background-color: var(--skin__accent_1)
}

.lobby-form-item__explain-icon__error {
    background-color: var(--skin__accent_2)
}

.lobby-form-item__explain-icon__warn {
    background-color: var(--skin__accent_3)
}

.lobby-form-item__explain-text__success {
    color: var(--skin__accent_1)
}

.lobby-form-item__explain-text__error {
    color: var(--skin__accent_2)
}

.lobby-form-item__explain-text__warn {
    color: var(--skin__accent_3)
}

.lobby-form-item .ui-popover__wrapper {
    width: 100%
}

._formItemPrefix_1taa3_30 {
    display: flex;
    flex-direction: column;
    width: .3rem;
    height: .3rem;
    justify-content: center;
    align-items: center;
    font-size: .3rem
}

._formItemPrefix_1taa3_30 ._image_1taa3_39 {
    max-width: .32rem;
    min-width: .24rem
}

._formItemPrefix_1taa3_30 svg {
    width: 100%!important;
    height: auto!important
}

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

._formItemExplain_1taa3_48>span {
    color: var(--skin__primary);
    cursor: pointer
}

.ui-input {
    border: var(--lobby__px) solid var(--skin__border);
    height: .7rem;
    width: 100%;
    border-radius: .1rem;
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--skin__bg_2);
    color: var(--skin__neutral_2);
    font-size: .22rem;
    padding: 0 .2rem
}

.ui-input input[type=number] {
    -moz-appearance: textfield
}

.ui-input--disabled {
    background-color: var(--skin__bg_1)
}

.ui-input--textarea {
    height: auto;
    padding: 0
}

.ui-input:focus-within {
    border-color: var(--skin__primary)
}

.ui-input:focus-within .ui-input__clear {
    opacity: 1
}

.ui-input__input-wrap {
    flex: 1;
    height: 100%;
    line-height: .7rem;
    display: flex;
    overflow: hidden
}

.ui-input__input-container {
    flex: 1;
    display: flex
}

.ui-input__input {
    color: var(--skin__lead);
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-input__input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1rem var(--skin__bg_2) inset;
    -webkit-text-fill-color: var(--skin__lead)
}

.ui-input__input::-webkit-outer-spin-button,.ui-input__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.ui-input__input::placeholder {
    color: var(--skin__neutral_3);
    font-weight: 400!important
}

.ui-input__input:focus {
    font-weight: 700
}

.ui-input__input[type=tel] {
    direction: inherit
}

.ui-input__star-sign {
    display: block;
    color: var(--skin__accent_2);
    width: .12rem;
    height: 100%
}

.ui-input__prefix {
    padding-right: .1rem
}

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

.ui-input__suffix,.ui-input__prefix {
    display: flex;
    align-items: center;
    height: 100%
}

.ui-input__suffix-icon {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: .2rem
}

[dir=rtl] .ui-input__suffix-icon {
    padding-left: 0;
    padding-right: .2rem
}

.ui-input__eye {
    color: var(--skin__border);
    font-size: .36rem
}

.ui-input__eye--show {
    color: var(--skin__primary)
}

.ui-input__clear {
    font-size: .35rem;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.ui-input textarea {
    background: transparent;
    border-color: transparent;
    line-height: .34rem;
    padding: .2rem;
    overflow: auto;
    white-space: normal
}

._retry_1vr7y_30 {
    font-size: .28rem;
    width: .28rem;
    height: .28rem
}

._retry_1vr7y_30 ._retryIcon_1vr7y_35 {
    font-size: .28rem
}

._retry_1vr7y_30 ._retryIcon_1vr7y_35._succ_1vr7y_38 {
    color: var(--skin__primary)
}

._retry_1vr7y_30 ._retryIcon_1vr7y_35._fail_1vr7y_41 {
    color: var(--skin__neutral_2)
}

.ui-select-input {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--skin__bg_2);
    padding: 0 .2rem;
    box-sizing: border-box
}

.ui-select-input__prefix {
    padding-right: .1rem
}

[dir=rtl] .ui-select-input__prefix {
    padding-right: 0;
    padding-left: .1rem
}

.ui-select-input__suffix {
    padding-left: .2rem
}

[dir=rtl] .ui-select-input__suffix {
    padding-left: 0;
    padding-right: .2rem
}

.ui-select-input__suffix,.ui-select-input__prefix {
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    opacity: 1
}

.ui-select-input--isReadOnly {
    background-color: var(--skin__bg_1)
}

.ui-select-input__input {
    color: var(--skin__lead);
    flex: 1;
    height: 100%;
    width: 100%;
    background: transparent
}

.ui-select-input__input--hiddenCursor {
    color: transparent;
    cursor: pointer;
    text-shadow: 0 0 0 var(--skin__neutral_2)
}

.ui-select-input__input::placeholder {
    font-size: .22rem;
    color: var(--skin__neutral_3)
}

.ui-select-input__input--hasSuffix {
    padding-right: 0
}

[dir=rtl] .ui-select-input__input--hasSuffix {
    padding-right: 0;
    padding-left: 0
}

.ui-select-input__star-sign {
    color: var(--skin__accent_2);
    width: .12rem;
    height: 100%;
    display: flex;
    align-items: center
}

input[type=search] {
    -webkit-appearance: none;
    appearance: none
}

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ui-select__reference {
    position: relative;
    min-width: 1.6rem;
    max-width: 100%;
    overflow: hidden;
    width: auto;
    border-radius: .1rem;
    border: var(--lobby__px) solid var(--skin__border);
    color: var(--skin__neutral_2);
    cursor: pointer
}

.ui-select__reference:focus-within {
    border-color: var(--skin__primary)
}

.ui-select__reference--mini {
    height: .5rem;
    min-width: 1.6rem;
    font-size: .2rem
}

.ui-select__reference--middle {
    height: .6rem;
    min-width: 2.4rem;
    font-size: .2rem
}

.ui-select__reference--large {
    font-size: .22rem;
    height: .7rem;
    min-width: 100%
}

.ui-select__reference--round {
    border-radius: .35rem
}

.ui-select__reference--border {
    border-color: var(--skin__primary)
}

.ui-select__icon-clear {
    z-index: 5;
    font-size: .28rem;
    margin-right: .05rem
}

[dir=rtl] .ui-select__icon-clear {
    margin-right: 0;
    margin-left: .05rem
}

.ui-select__icon-arrow {
    font-size: .2rem
}

.ui-select__icon--arrowTop {
    transition: transform .3s linear;
    transform: rotate(90deg);
    margin-right: .06rem
}

[dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(-90deg);
    margin-right: 0;
    margin-left: .06rem
}

.ui-select__icon--arrowBottom {
    transition: transform .3s linear;
    transform: rotate(-90deg);
    margin-right: .06rem
}

[dir=rtl] .ui-select__icon--arrowBottom {
    transform: rotate(90deg);
    margin-right: 0;
    margin-left: .06rem
}

.ui-select__options {
    padding: .15rem .03rem;
    box-sizing: border-box;
    max-height: 5.7rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: var(--skin__bg_2);
    border: solid var(--lobby__px) var(--skin__border);
    box-shadow: 0 .04rem .12rem rgba(0,0,0,.1);
    border-radius: .14rem
}

.ui-select__scroll {
    flex: 1
}

.ui-select__not-found {
    height: .8rem;
    min-width: 1.6rem;
    width: 100%;
    line-height: .8rem;
    padding-left: .17rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] .ui-select__not-found {
    padding-left: 0;
    padding-right: .17rem
}

.ui-options__option {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    display: flex;
    align-items: center;
    justify-content: start;
    color: var(--skin__neutral_2);
    font-size: .24rem;
    padding: 0 .2rem;
    cursor: pointer
}

.ui-options__option:hover {
    background-color: var(--skin__bg_1)
}

.ui-options__option--active {
    color: var(--skin__primary);
    background-color: var(--skin__bg_2)
}

.ui-options__option-content {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    flex: 1
}

[dir=rtl] .ui-select__icon--arrowBottom {
    transform: rotate(-90deg)
}

[dir=rtl] [dir=rtl] .ui-select__icon--arrowBottom,[dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(90deg)
}

[dir=rtl] [dir=rtl] .ui-select__icon--arrowTop {
    transform: rotate(-90deg)
}

.ui-popover {
    position: absolute;
    overflow: visible;
    background-color: transparent
}

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

.ui-select-single {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background-color: var(--skin__bg_2);
    padding: 0 .2rem;
    box-sizing: border-box;
    border-radius: .1rem
}

.ui-select-single__content {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    color: var(--skin__neutral_3)
}

.ui-select-single__content--has-content {
    color: var(--skin__lead)
}

.ui-select-single__prefix {
    padding-right: .1rem
}

[dir=rtl] .ui-select-single__prefix {
    padding-right: 0;
    padding-left: .1rem
}

.ui-select-single__suffix {
    padding-left: .2rem
}

[dir=rtl] .ui-select-single__suffix {
    padding-left: 0;
    padding-right: .2rem
}

.ui-select-single--isReadOnly {
    background-color: var(--skin__bg_1)
}

.ui-select-single__prefix,.ui-select-single__suffix {
    z-index: 2;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    opacity: 1
}

.ui-select-single__star-sign {
    color: var(--skin__accent_2);
    width: .12rem;
    height: 100%;
    display: flex;
    align-items: center
}

.ui-paste__text {
    color: var(--skin__primary);
    font-size: .22rem;
    cursor: pointer
}

._job_1khvj_30 ._icon_1khvj_30,._icon_190ri_30 {
    font-size: .3rem;
    height: .3rem;
    width: .3rem
}

[dir=rtl] ._emailUnicode_vv78b_30 .ui-input__input,[dir=rtl] ._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31 {
    text-align: right;
    unicode-bidi: plaintext
}

[dir=rtl] [dir=rtl] ._emailUnicode_vv78b_30 .ui-input__input,[dir=rtl] [dir=rtl] ._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31 {
    text-align: left
}

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

._dropdown_vv78b_31 ._list_vv78b_31 {
    padding: .15rem 0;
    max-width: 100%;
    max-height: 3.75rem;
    overflow-y: auto;
    background-color: var(--skin__bg_2);
    color: var(--skin__neutral_2)
}

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

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

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar-thumb {
    width: .06rem;
    background: var(--skin__border);
    border-radius: .06rem
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar-corner {
    background: transparent
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar-track {
    background: transparent
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar-track-piece {
    width: .06rem;
    background: transparent
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar:horizontal {
    height: .06rem
}

._dropdown_vv78b_31 ._list_vv78b_31::-webkit-scrollbar:horizontal-thumb {
    border-radius: .06rem
}

._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31 {
    padding: 0 .1rem 0 .2rem;
    font-size: .24rem;
    line-height: .8rem;
    min-height: .8rem
}

[dir=rtl] ._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31 {
    padding: 0 .2rem 0 .1rem
}

._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31._active_vv78b_86 {
    background-color: initial;
    color: var(--skin__primary);
    font-weight: 400
}

._dropdown_vv78b_31 ._list_vv78b_31 ._item_vv78b_31:hover {
    background-color: var(--skin__bg_1)
}

._icon_vv78b_95 {
    max-width: initial!important;
    width: .36rem;
    height: .3rem
}

._areaCode_xakze_30 {
    position: relative;
    display: flex;
    align-items: center;
    height: .7rem;
    cursor: default
}

._areaCode_xakze_30:after {
    content: "";
    position: absolute;
    width: .01rem;
    top: .1rem;
    bottom: .1rem;
    background-color: var(--skin__border);
    right: 0
}

[dir=rtl] ._areaCode_xakze_30:after {
    right: auto;
    left: 0
}

._areaCode_xakze_30 ._retry_xakze_46 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

[dir=rtl] ._areaCode_xakze_30 ._retry_xakze_46 {
    left: auto;
    right: 0
}

._areaCode_xakze_30 ._retry_xakze_46 ._retryIcon_xakze_57 {
    color: var(--skin__primary);
    font-size: .28rem
}

._areaCode_xakze_30 ._retry_xakze_46 ._retryIcon_xakze_57 svg {
    color: var(--skin__primary)
}

._areaCode_xakze_30 ._content_xakze_64 {
    display: flex
}

._areaCode_xakze_30 ._content_xakze_64._hide_xakze_67 {
    opacity: 0
}

._areaCode_xakze_30 ._content_xakze_64 ._fixedOne_xakze_70 {
    padding: 0 .4rem 0 .2rem;
    display: flex;
    justify-content: center
}

[dir=rtl] ._areaCode_xakze_30 ._content_xakze_64 ._fixedOne_xakze_70 {
    padding: 0 .2rem 0 .4rem
}

._areaCode_xakze_30 ._content_xakze_64 ._fixedOne_xakze_70 ._activeIcon_xakze_75 {
    width: .36rem;
    height: .27rem
}

._areaCode_xakze_30 ._content_xakze_64 ._fixedOne_xakze_70 ._activeText_xakze_79 {
    padding-left: .2rem
}

[dir=rtl] ._areaCode_xakze_30 ._content_xakze_64 ._fixedOne_xakze_70 ._activeText_xakze_79 {
    padding-left: 0;
    padding-right: .2rem
}

._areaCode_xakze_30 ._content_xakze_64 .ui-select__reference {
    border-color: transparent;
    border-width: 0;
    background-color: transparent;
    height: .7rem
}

._areaCode_xakze_30 ._content_xakze_64 .ui-select__reference .ui-select-input {
    background-color: transparent
}

._areaCode_xakze_30 ._content_xakze_64 .ui-select__reference ._activeIcon_xakze_75 {
    width: .36rem;
    height: .27rem
}

._areaCode_xakze_30 ._content_xakze_64 .ui-select-input__input {
    width: .7rem!important;
    font-size: .22rem;
    font-weight: 400
}

._areaCode_xakze_30 ._content_xakze_64 .ui-select-input__input::placeholder {
    font-size: .22rem;
    color: var(--skin__neutral_2)
}

._dropdown_xakze_105 {
    max-width: 3.8rem
}

._dropdown_xakze_105 ._item_xakze_108 {
    font-size: .24rem;
    line-height: .8rem;
    min-height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._dropdown_xakze_105 ._itemPrefix_xakze_116 {
    margin-right: .2rem;
    width: .36rem;
    height: .27rem
}

[dir=rtl] ._dropdown_xakze_105 ._itemPrefix_xakze_116 {
    margin-right: 0;
    margin-left: .2rem
}

._dropdown_xakze_105 ._itemText_xakze_121 {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._formItemsPhone_o6yd5_30 .ui-input__prefix {
    padding-right: .2rem
}

[dir=rtl] ._formItemsPhone_o6yd5_30 .ui-input__prefix {
    padding-right: 0;
    padding-left: .2rem
}

._formItemsPhone_o6yd5_30 .ui-input {
    padding: 0 .2rem 0 0
}

[dir=rtl] ._formItemsPhone_o6yd5_30 .ui-input {
    padding: 0 0 0 .2rem
}

._income_1fc03_30 ._icon_1fc03_30 {
    font-size: .3rem;
    height: .3rem;
    width: .3rem
}

._invite_1dfsu_30 .lobby-form-item__explain-text__warn {
    color: var(--skin__neutral_2)
}

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

.ui-checkbox__input {
    display: none
}

.ui-checkbox__icon-wrap {
    height: .32rem;
    width: .32rem;
    margin-right: .04rem;
    border-radius: .06rem;
    background-color: var(--skin__bg_2);
    border: var(--lobby__px) solid var(--skin__border);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0
}

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

.ui-checkbox__label {
    color: var(--skin__neutral_2)
}

.ui-checkbox__icon {
    font-size: .24rem;
    opacity: 0;
    cursor: pointer
}

.ui-checkbox--checked .ui-checkbox__icon {
    opacity: 1
}

.ui-checkbox--checked .ui-checkbox__icon-wrap {
    border: none
}

.ui-checkbox__accent.ui-checkbox--checked .ui-checkbox__icon-wrap {
    background-color: var(--skin__accent_1);
    color: #fff
}

.ui-checkbox__primary.ui-checkbox--checked .ui-checkbox__icon-wrap {
    background-color: var(--skin__primary);
    color: var(--skin__web_filter_gou)
}

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

._list_up21v_30 {
    display: flex;
    align-items: center;
    padding-bottom: .2rem
}

._list_up21v_30 ._item_up21v_35 {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-start;
    margin-right: .4rem;
    line-height: 1.18;
    font-size: .22rem
}

[dir=rtl] ._list_up21v_30 ._item_up21v_35 {
    margin-right: 0;
    margin-left: .4rem
}

._list_up21v_30 ._item_up21v_35:last-child {
    margin-right: 0
}

[dir=rtl] ._list_up21v_30 ._item_up21v_35:last-child {
    margin-right: 0;
    margin-left: 0
}

._list_up21v_30 ._item_up21v_35 .ui-checkbox__icon-wrap {
    margin-right: .1rem
}

[dir=rtl] ._list_up21v_30 ._item_up21v_35 .ui-checkbox__icon-wrap {
    margin-right: 0;
    margin-left: .1rem
}

._list_up21v_30 ._item_up21v_35 .ui-checkbox__icon {
    color: var(--skin__text_primary)
}

._list_up21v_30 ._item_up21v_35 .ui-checkbox--checked .ui-checkbox__icon-wrap {
    background-color: var(--skin__primary)
}

[dir=rtl] ._ltr_rcy95_30 .ui-input__input,[dir=rtl] ._ltr_rcy95_30 ._itemInnerText_rcy95_31 {
    text-align: right;
    unicode-bidi: plaintext
}

[dir=rtl] [dir=rtl] ._ltr_rcy95_30 .ui-input__input,[dir=rtl] [dir=rtl] ._ltr_rcy95_30 ._itemInnerText_rcy95_31 {
    text-align: left
}

._formItemsAccount_rcy95_36 .ui-popover__wrapper {
    width: 100%
}

._formItemsAccount_rcy95_36 .ui-popover__wrapper input {
    cursor: pointer
}

._formItemsAccount_rcy95_36[data-area-code] .ui-input {
    padding: 0 .2rem 0 0
}

[dir=rtl] ._formItemsAccount_rcy95_36[data-area-code] .ui-input {
    padding: 0 0 0 .2rem
}

._formItemsAccount_rcy95_36[data-area-code] .ui-input__prefix {
    padding-right: .2rem
}

[dir=rtl] ._formItemsAccount_rcy95_36[data-area-code] .ui-input__prefix {
    padding-right: 0;
    padding-left: .2rem
}

._dropdown_rcy95_49 .ui-popover__content {
    padding-right: .1rem;
    border: var(--lobby__px) solid var(--skin__border)
}

[dir=rtl] ._dropdown_rcy95_49 .ui-popover__content {
    padding-right: 0;
    padding-left: .1rem
}

._dropdown_rcy95_49 ._list_rcy95_53 {
    width: 5rem;
    padding: .15rem 0;
    max-height: 3.75rem;
    overflow-y: auto;
    background-color: var(--skin__bg_2);
    color: var(--skin__neutral_2)
}

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

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

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar-thumb {
    width: .06rem;
    background: var(--skin__border);
    border-radius: .06rem
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar-corner {
    background: transparent
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar-track {
    background: transparent
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar-track-piece {
    width: .06rem;
    background: transparent
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar:horizontal {
    height: .06rem
}

._dropdown_rcy95_49 ._list_rcy95_53::-webkit-scrollbar:horizontal-thumb {
    border-radius: .06rem
}

._dropdown_rcy95_49 ._list_rcy95_53 ._item_rcy95_31 {
    padding: 0 .1rem 0 .2rem;
    font-size: .24rem;
    line-height: .8rem;
    min-height: .8rem
}

[dir=rtl] ._dropdown_rcy95_49 ._list_rcy95_53 ._item_rcy95_31 {
    padding: 0 .2rem 0 .1rem
}

._dropdown_rcy95_49 ._list_rcy95_53 ._item_rcy95_31._active_rcy95_100 {
    background-color: initial;
    color: var(--skin__primary);
    font-weight: 400
}

._dropdown_rcy95_49 ._list_rcy95_53 ._item_rcy95_31:hover {
    background-color: var(--skin__bg_1)
}

._dropdown_rcy95_49 ._list_rcy95_53 ._itemInner_rcy95_31 {
    display: flex;
    justify-content: center;
    align-items: center
}

._dropdown_rcy95_49 ._list_rcy95_53 ._itemInnerPrefix_rcy95_113 {
    height: 100%;
    margin-right: .12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

[dir=rtl] ._dropdown_rcy95_49 ._list_rcy95_53 ._itemInnerPrefix_rcy95_113 {
    margin-right: 0;
    margin-left: .12rem
}

._dropdown_rcy95_49 ._list_rcy95_53 ._itemInnerText_rcy95_31 {
    flex: 1;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._dropdown_rcy95_49 ._list_rcy95_53 ._itemInnerSuffix_rcy95_128 {
    color: var(--skin__neutral_2);
    width: .48rem;
    font-size: .22rem;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

.ui-picker {
    position: relative;
    background: var(--skin__bg_2);
    user-select: none;
    border-radius: .14rem .14rem 0 0;
    box-shadow: 0 .04rem .12rem rgba(0,0,0,.1)
}

.ui-picker-toolbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .8rem;
    border-bottom: var(--lobby__px) solid var(--skin__border)
}

.ui-picker-toolbar__cancel,.ui-picker-toolbar__confirm {
    height: 100%;
    padding: 0 .3rem;
    font-size: .3rem;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.ui-picker-toolbar__cancel:active,.ui-picker-toolbar__confirm:active {
    opacity: .6
}

.ui-picker-toolbar__confirm {
    color: var(--skin__primary)
}

.ui-picker-toolbar__cancel {
    color: var(--skin__neutral_2)
}

.ui-picker-toolbar__title {
    position: absolute;
    left: 50%;
    color: var(--skin__lead);
    max-width: 50%;
    font-size: .3rem;
    line-height: .4rem;
    text-align: center;
    transform: translate(-50%);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

.ui-picker__columns {
    position: relative;
    display: flex;
    cursor: grab
}

.ui-picker__loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--skin__primary);
    background: rgba(var(--skin__bg_2__toRgbString),.9)
}

.ui-picker__frame {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    border-bottom: var(--lobby__px) solid var(--skin__border);
    border-top: var(--lobby__px) solid var(--skin__border);
    background-color: var(--skin__bg_2)
}

.ui-picker__mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,rgba(var(--skin__bg_2__toRgbString),.9),rgba(var(--skin__bg_2__toRgbString),.4)),linear-gradient(0deg,rgba(var(--skin__bg_2__toRgbString),.9),rgba(var(--skin__bg_2__toRgbString),.4));
    background-repeat: no-repeat;
    background-position: top,bottom;
    transform: translateZ(0);
    pointer-events: none
}

[dir=rtl] .ui-picker__mask {
    left: auto;
    right: 0;
    background-image: linear-gradient(-180deg,rgba(var(--skin__bg_2__toRgbString),.9),rgba(var(--skin__bg_2__toRgbString),.4)),linear-gradient(0deg,rgba(var(--skin__bg_2__toRgbString),.9),rgba(var(--skin__bg_2__toRgbString),.4))
}

.ui-picker-column {
    flex: 1;
    overflow: hidden;
    font-size: .32rem;
    z-index: 1
}

.ui-picker-column__wrapper {
    transition-timing-function: cubic-bezier(.23,1,.68,1)
}

.ui-picker-column__item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .08rem;
    color: var(--skin__lead);
    background-color: var(--theme-main-bg-color);
    font-size: .22rem
}

.ui-picker-column__item--selected {
    color: var(--skin__lead);
    font-size: .3rem
}

.ui-picker-column__item--selected+.ui-picker-column__item--selected--item {
    font-size: .26rem;
    color: var(--skin__neutral_1)
}

.ui-picker-column__item--disabled {
    cursor: not-allowed;
    background: var(--skin__disabled-bg-color__custom)
}

.ui-picker-column__item--prev {
    font-size: .26rem;
    color: var(--skin__neutral_1)
}

.ui-picker-column__item--prev2 {
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

.ui-picker-group {
    background: var(--skin__bg_2);
    border-radius: .14rem
}

.ui-picker-group__picker-title {
    font-size: .24rem;
    font-weight: 700;
    text-align: center;
    color: var(--skin__neutral_1)
}

.ui-picker-group__picker-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.ui-picker-group__picker-content-item {
    width: 50%;
    padding: 0 .2rem;
    box-sizing: border-box
}

.ui-picker-group__picker-content-item-line {
    width: .01rem;
    height: 3.1rem;
    background-color: var(--skin__border);
    z-index: 10;
    margin: 0 .1rem
}

.ui-picker-group__picker-content .ui-picker {
    box-shadow: none
}

.ui-picker-group__buttons {
    display: flex;
    align-items: center;
    height: 1.2rem;
    overflow: hidden
}

.ui-picker-group__buttons>li {
    width: 50%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.ui-picker-group__buttons>li button {
    width: 1.2rem;
    height: .5rem;
    font-size: .2rem
}

.ui-picker-group__cancel {
    border-color: var(--skin__primary)!important;
    color: var(--skin__primary)!important
}

._arrow_17kr7_30 {
    transform: rotate(-90deg);
    font-size: .2rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._arrow_17kr7_30 {
    transform: rotate(90deg)
}

._pickerWrap_17kr7_36 .ui-picker-column__item {
    font-size: .24rem
}

._pickerWrap_17kr7_36 .ui-picker-column__item div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._pickerWrap_17kr7_36 .ui-picker-column__item--selected {
    font-size: .26rem
}

._pickerWrap_17kr7_36 .ui-picker-column__item--selected div {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial
}

._pickerWrap_17kr7_36 .ui-picker-toolbar {
    padding: .06rem .2rem
}

._pickerWrap_17kr7_36 .ui-picker-toolbar button {
    width: 1.4rem;
    padding: 0;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    height: auto!important;
    font-size: .3rem!important
}

._pickerWrap_17kr7_36 .ui-picker-toolbar .ui-picker-toolbar__title {
    width: 3.9rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: initial;
    font-size: .3rem!important
}

html:not([lang=zh]) ._pickerWrap_17kr7_36 .ui-picker-toolbar button {
    font-size: .26rem!important
}

html:not([lang=zh]) ._pickerWrap_17kr7_36 .ui-picker-toolbar .ui-picker-toolbar__title {
    font-size: .26rem!important
}

._idPhoto_1ccpu_30 ._upload_1ccpu_30 {
    color: var(--skin__primary);
    display: flex
}

._idPhoto_1ccpu_30 ._reupload_1ccpu_34 {
    color: var(--skin__primary)
}

._idPhoto_1ccpu_30 ._preview_1ccpu_37 {
    color: var(--skin__primary);
    margin-right: .2rem
}

[dir=rtl] ._idPhoto_1ccpu_30 ._preview_1ccpu_37 {
    margin-right: 0;
    margin-left: .2rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30,._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31 {
    display: flex;
    align-items: center;
    margin-bottom: .12rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30:last-child,._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31:last-child {
    margin-bottom: .2rem
}

._passStrengthCheck_doa10_30 ._icon_doa10_40 {
    width: .2rem;
    height: .2rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 span {
    margin-right: .1rem;
    color: var(--skin__lead);
    font-size: .22rem;
    transition: all .3s
}

[dir=rtl] ._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 span {
    margin-right: 0;
    margin-left: .1rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 span:not(:lang(zh)):not(:lang(zh_hk)) {
    line-height: 1
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._colorLump_doa10_53 {
    height: .12rem;
    background-color: var(--skin__border);
    border-radius: .12rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._default_doa10_58 {
    width: .8rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._large_doa10_61 {
    width: .9rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._colorLump1_doa10_64 {
    background-color: var(--skin__accent_2)!important
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._colorLump2_doa10_67 {
    background-color: var(--skin__accent_3)!important
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._colorLump3_doa10_70 {
    background-color: var(--skin__primary)!important
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._colorLump4_doa10_73 {
    background-color: var(--skin__accent_1)!important
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._digit_doa10_76 {
    display: flex;
    align-items: center;
    color: var(--skin__neutral_2);
    font-size: .18rem
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._digit_doa10_76._digitError_doa10_82 {
    color: var(--skin__accent_2)
}

._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._digit_doa10_76._digitError_doa10_82 ._icon_doa10_40 {
    margin-right: .09rem;
    background-color: var(--skin__accent_2);
    border-radius: .14rem
}

[dir=rtl] ._passStrengthCheck_doa10_30 ._cryptographicStrength_doa10_30 ._digit_doa10_76._digitError_doa10_82 ._icon_doa10_40 {
    margin-right: 0;
    margin-left: .09rem
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div {
    display: flex;
    align-items: center;
    margin-right: .3rem;
    color: var(--skin__accent_2);
    font-size: .18rem
}

[dir=rtl] ._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div {
    margin-right: 0;
    margin-left: .3rem
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div span {
    flex: 1;
    max-width: .95rem;
    word-wrap: break-word;
    transition: all .3s
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div span:not(:lang(zh_hk)):not(:lang(zh_hk)) {
    line-height: 1
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div ._icon_doa10_40 {
    margin-right: .09rem;
    background-color: var(--skin__accent_2);
    border-radius: .14rem
}

[dir=rtl] ._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31>div ._icon_doa10_40 {
    margin-right: 0;
    margin-left: .09rem
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31 ._satisfy_doa10_111 span {
    color: var(--skin__lead)
}

._passStrengthCheck_doa10_30 ._strengthCheck_doa10_31 ._satisfy_doa10_111 ._icon_doa10_40 {
    background-color: var(--skin__accent_1)
}

._nationalityContainer_10csj_30 ._selectWrap_10csj_30 {
    width: 6.7rem;
    height: .7rem;
    font-size: .22rem
}

._nationalityContainer_10csj_30 ._selectWrap_10csj_30 .ui-select-input__input:focus {
    font-weight: 700
}

._nationalityContainer_10csj_30 ._selectWrap_10csj_30 .ui-select-input__input:not(:focus) {
    font-weight: 400
}

._nationalityContainer_10csj_30 ._selectWrap_10csj_30 .ui-select-input__input::placeholder {
    color: var(--skin__neutral_3);
    font-weight: 400
}

._nationalityContainer_10csj_30 ._selectWrap_10csj_30 ._defaultIcon_10csj_45 {
    font-size: .3rem
}

._popoverWrap_10csj_49 .ui-select__options {
    padding-left: 0
}

[dir=rtl] ._popoverWrap_10csj_49 .ui-select__options {
    padding-left: 0;
    padding-right: 0
}

._selectOption_10csj_53 {
    padding-left: .23rem
}

[dir=rtl] ._selectOption_10csj_53 {
    padding-left: 0;
    padding-right: .23rem
}

._selectOption_10csj_53 .ui-options__option-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center
}

._splitOption_10csj_63 {
    height: .4rem;
    position: relative
}

._splitOption_10csj_63:after {
    position: absolute;
    display: block;
    content: "";
    height: .4rem;
    right: 0;
    width: 100%;
    background-color: var(--skin__bg_1)
}

[dir=rtl] ._splitOption_10csj_63:after {
    right: auto;
    left: 0
}

._splitOption_10csj_63 .ui-options__option-content {
    height: .4rem
}

._commonOption_10csj_80 {
    height: .3rem;
    pointer-events: none
}

._commonOption_10csj_80 .ui-options__option-content {
    height: .3rem
}

._countryIcon_10csj_88 {
    width: .34rem;
    height: .26rem;
    margin-right: .1rem
}

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

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

._selectOptions_wjhnj_30 ._selectOptionsIcon_wjhnj_34 {
    margin-right: .2rem;
    width: .36rem;
    height: .36rem;
    border-radius: 9999.99rem
}

[dir=rtl] ._selectOptions_wjhnj_30 ._selectOptionsIcon_wjhnj_34 {
    margin-right: 0;
    margin-left: .2rem
}

._selectOptions_wjhnj_30 ._text_wjhnj_40 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._activeIcon_wjhnj_46 {
    width: .36rem;
    height: .36rem;
    border-radius: 9999.99rem
}

._arrow_16kzg_30 {
    transform: rotate(-90deg);
    font-size: .2rem;
    color: var(--skin__neutral_2)
}

._retry_16kzg_37 {
    font-size: .28rem;
    width: .28rem;
    height: .28rem
}

._retry_16kzg_37 ._retryIcon_16kzg_42 {
    font-size: .28rem;
    color: var(--skin__primary)
}

._autoGetter_16kzg_47 {
    color: var(--skin__primary)
}

[dir=rtl] ._datePicker_16kzg_51 .ui-picker__columns {
    direction: ltr
}

[dir=rtl] [dir=rtl] ._datePicker_16kzg_51 .ui-picker__columns {
    direction: rtl
}

[dir=rtl] ._verifyCode_1wjll_30 input {
    direction: ltr;
    text-align: right;
    unicode-bidi: plaintext
}

[dir=rtl] [dir=rtl] ._verifyCode_1wjll_30 input {
    direction: rtl;
    text-align: left
}

._verifyCode_1wjll_30 input::-webkit-outer-spin-button,._verifyCode_1wjll_30 input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none!important
}

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

._verifyCode_1wjll_30 ._send_1wjll_40 ._sendLoading_1wjll_45 {
    margin-right: .08rem
}

[dir=rtl] ._verifyCode_1wjll_30 ._send_1wjll_40 ._sendLoading_1wjll_45 {
    margin-right: 0;
    margin-left: .08rem
}

._verifyCode_1wjll_30 ._send_1wjll_40 ._sendButton_1wjll_48 {
    max-width: 1.7rem;
    text-align: right;
    color: var(--skin__primary);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

[dir=rtl] ._verifyCode_1wjll_30 ._send_1wjll_40 ._sendButton_1wjll_48 {
    text-align: left
}

._verifyCode_1wjll_30 ._send_1wjll_40 ._sendButton_1wjll_48:lang(my) {
    font-size: .18rem;
    line-height: 1.3
}

._verifyCode_1wjll_30 ._send_1wjll_40 ._sendButton_1wjll_48._disabled_1wjll_63 {
    color: var(--skin__neutral_2)
}

._verifyCode_1wjll_30 ._quickVerify_1wjll_66 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    font-size: .22rem;
    background-color: var(--skin__bg_1);
    border: var(--lobby__px) solid var(--skin__border);
    border-radius: .14rem
}

._verifyCode_1wjll_30 ._quickVerify_1wjll_66 ._iconPhone_1wjll_80 {
    margin-left: .2rem;
    height: .3rem;
    font-size: .3rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._verifyCode_1wjll_30 ._quickVerify_1wjll_66 ._iconPhone_1wjll_80 {
    margin-left: 0;
    margin-right: .2rem
}

._verifyCode_1wjll_30 ._quickVerify_1wjll_66 ._iconSuccess_1wjll_86 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .22rem;
    margin-left: .12rem;
    background-color: var(--skin__accent_1);
    border-radius: 99999999.99rem;
    color: #fff;
    width: .26rem;
    height: .26rem;
    font-size: .16rem
}

[dir=rtl] ._verifyCode_1wjll_30 ._quickVerify_1wjll_66 ._iconSuccess_1wjll_86 {
    margin-left: .22rem;
    margin-right: .12rem
}

._verifyCode_1wjll_30 ._quickVerify_1wjll_66 ._quickVerifyText_1wjll_99 {
    color: var(--skin__accent_1)
}

._tabSubTitle_rql3w_30 {
    padding-bottom: .08rem;
    color: var(--skin__lead);
    font-size: .22rem;
    line-height: 1.28;
    text-align: left
}

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

._tabSubTitle_rql3w_30 ._thirdPartyTitle_rql3w_37 {
    margin-bottom: .08rem;
    padding-top: .3rem;
    color: var(--skin__lead);
    font-size: .3rem;
    text-align: center
}

._tabSubTitle_rql3w_30 ._thirdPartyAccount_rql3w_44 {
    display: flex;
    font-size: .18rem
}

._tabSubTitle_rql3w_30 ._thirdPartyAccount_rql3w_44 span {
    margin-right: .06rem;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._tabSubTitle_rql3w_30 ._thirdPartyAccount_rql3w_44 span {
    margin-right: 0;
    margin-left: .06rem
}

._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30 {
    position: relative;
    padding-left: .44rem;
    font-size: .18rem
}

[dir=rtl] ._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30 {
    padding-left: 0;
    padding-right: .44rem
}

._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30:before {
    position: absolute;
    top: -.12rem;
    left: .16rem;
    width: .2rem;
    height: .26rem;
    border-bottom: var(--lobby__px) solid var(--skin__border);
    border-left: var(--lobby__px) solid var(--skin__border);
    content: ""
}

[dir=rtl] ._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30:before {
    left: auto;
    right: .16rem;
    border-left: none;
    border-right: var(--lobby__px) solid var(--skin__border)
}

._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30 ._item_15186_45 ._switchInner_15186_45 {
    line-height: .26rem
}

._switchSubtype_15186_30[data-theme-indent=true] ._list_15186_30 ._item_15186_45 ._icon_15186_48 {
    font-size: .26rem
}

._switchSubtype_15186_30 ._list_15186_30 {
    display: flex;
    align-items: flex-start;
    min-height: .26rem;
    margin-bottom: .2rem;
    color: var(--skin__lead);
    font-size: .22rem
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45 {
    display: flex;
    flex: 1;
    align-items: center;
    margin-right: .2rem
}

[dir=rtl] ._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45 {
    margin-right: 0;
    margin-left: .2rem
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45:last-child {
    margin-right: unset
}

[dir=rtl] ._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45:last-child {
    margin-right: 0;
    margin-left: unset
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45 ._switchInner_15186_45 {
    display: flex;
    align-items: flex-start;
    line-height: .3rem
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45 ._icon_15186_48 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .08rem;
    color: var(--skin__neutral_2);
    font-size: .3rem;
    width: .3rem;
    height: .3rem;
    line-height: 1;
    background-color: var(--skin__bg_2);
    border: var(--lobby__px) solid var(--skin__border);
    border-radius: 9999.99rem
}

[dir=rtl] ._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45 ._icon_15186_48 {
    margin-right: 0;
    margin-left: .08rem
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45._checked_15186_87 {
    color: var(--skin__primary)
}

._switchSubtype_15186_30 ._list_15186_30 ._item_15186_45._checked_15186_87 ._icon_15186_48 {
    color: var(--skin__text_primary);
    background-color: var(--skin__primary);
    border: 0 none
}

._loginRegisterForm_fsete_30 {
    padding-left: var(--left-right-space);
    padding-right: var(--form-right-space)
}

[dir=rtl] ._loginRegisterForm_fsete_30 {
    padding-right: var(--left-right-space);
    padding-left: var(--form-right-space)
}

html[data-isdesktop="0"] ._loginRegisterForm_fsete_30 {
    padding-right: calc(var(--form-right-space) + .06rem)
}

html[dir=rtl][data-isdesktop="0"] ._loginRegisterForm_fsete_30 {
    padding-right: 0;
    padding-left: calc(var(--form-right-space) + .06rem)
}

[dir=rtl][data-isdesktop] form._loginRegisterForm_fsete_30 {
    padding-right: var(--left-right-space)
}

[dir=rtl] [dir=rtl][data-isdesktop] form._loginRegisterForm_fsete_30 {
    padding-right: 0;
    padding-left: var(--left-right-space)
}

._suggestion_1udy0_30 {
    display: flex;
    align-items: flex-start;
    margin-bottom: .2rem;
    font-size: .22rem;
    line-height: 1.3
}

._suggestion_1udy0_30 ._image_1udy0_37 {
    margin-right: .1rem;
    margin-top: .02rem;
    color: #fff;
    width: .26rem;
    height: .26rem;
    font-size: .16rem;
    line-height: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999.99rem;
    background-color: var(--skin__accent_2)
}

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

._suggestion_1udy0_30 ._texts_1udy0_51 {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    width: 100%
}

._suggestion_1udy0_30 ._texts_1udy0_51 ._title_1udy0_57 {
    color: var(--skin__accent_2)
}

._suggestion_1udy0_30 ._texts_1udy0_51 ._tips_1udy0_60 {
    color: var(--skin__lead)
}

._suggestion_1udy0_30 ._texts_1udy0_51 ._item_1udy0_63 {
    margin-right: .2rem;
    color: var(--skin__primary)
}

[dir=rtl] ._suggestion_1udy0_30 ._texts_1udy0_51 ._item_1udy0_63 {
    margin-right: 0;
    margin-left: .2rem
}

._suggestion_1udy0_30 ._texts_1udy0_51 ._item_1udy0_63:last-child {
    margin-right: 0
}

[dir=rtl] ._suggestion_1udy0_30 ._texts_1udy0_51 ._item_1udy0_63:last-child {
    margin-right: 0;
    margin-left: 0
}

._list_rc3qx_30 {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: .26rem
}

._list_rc3qx_30 ._item_rc3qx_36 {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin-right: .2rem
}

[dir=rtl] ._list_rc3qx_30 ._item_rc3qx_36 {
    margin-right: 0;
    margin-left: .2rem
}

._list_rc3qx_30 ._item_rc3qx_36:last-child {
    margin-right: 0
}

[dir=rtl] ._list_rc3qx_30 ._item_rc3qx_36:last-child {
    margin-right: 0;
    margin-left: 0
}

._list_rc3qx_30 ._item_rc3qx_36 ._inner_rc3qx_47 {
    height: unset;
    min-height: .32rem;
    color: var(--skin__primary);
    font-size: .22rem;
    white-space: break-spaces;
    text-wrap: wrap;
    cursor: pointer
}

._quickoperate_tw4o8_30 {
    font-size: .22rem
}

._quickoperate_tw4o8_30 [data-user-agreement] {
    color: var(--skin__primary)
}

._quickoperate_tw4o8_30 ._agree_tw4o8_36 {
    display: flex
}

._quickoperate_tw4o8_30 ._agree_tw4o8_36 ._agreeText_tw4o8_39 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

._quickoperate_tw4o8_30 ._agree_tw4o8_36 .ui-checkbox__icon-wrap {
    margin-right: .1rem
}

[dir=rtl] ._quickoperate_tw4o8_30 ._agree_tw4o8_36 .ui-checkbox__icon-wrap {
    margin-right: 0;
    margin-left: .1rem
}

._quickoperate_tw4o8_30 ._agree_tw4o8_36 .ui-checkbox__label {
    color: var(--skin__neutral_2)
}

._remeber_tw4o8_54 {
    display: flex
}

._remeber_tw4o8_54 ._checkbox_tw4o8_57 {
    flex: 1
}

._remeber_tw4o8_54 ._checkbox_tw4o8_57 .ui-checkbox__icon-wrap {
    margin-right: .1rem
}

[dir=rtl] ._remeber_tw4o8_54 ._checkbox_tw4o8_57 .ui-checkbox__icon-wrap {
    margin-right: 0;
    margin-left: .1rem
}

._remeber_tw4o8_54 ._checkbox_tw4o8_57 .ui-checkbox__label {
    color: var(--skin__lead)
}

._sendCodeError_tw4o8_67 {
    display: inline-block;
    flex: 1;
    margin-left: .2rem;
    color: var(--skin__neutral_2);
    font-size: .22rem;
    text-align: right
}

[dir=rtl] ._sendCodeError_tw4o8_67 {
    margin-left: 0;
    margin-right: .2rem;
    text-align: left
}

._sendCodeError_tw4o8_67 ._customer_tw4o8_75 {
    color: var(--skin__primary)
}

._agreenment_tw4o8_79 {
    max-height: 100%;
    overflow-y: auto
}

._agreenment_tw4o8_79 ._loading_tw4o8_83 {
    width: 100%;
    height: 1rem;
    font-size: .48rem;
    display: flex;
    justify-content: center;
    align-items: center
}

._agreenment_tw4o8_79 .ui-dialog__message {
    padding-top: .3rem;
    min-height: 3rem;
    max-height: 6rem;
    font-size: .36rem;
    color: var(--skin__neutral_1);
    text-align: initial;
    line-height: normal
}

._submits_1s1bl_30 {
    display: flex
}

._submits_1s1bl_30 button {
    margin-right: .3rem
}

[dir=rtl] ._submits_1s1bl_30 button {
    margin-right: 0;
    margin-left: .3rem
}

._submits_1s1bl_30 button:last-child {
    margin-right: unset
}

[dir=rtl] ._submits_1s1bl_30 button:last-child {
    margin-right: 0;
    margin-left: unset
}

._topSpace_1s1bl_40 {
    padding-top: .2rem
}

._submitFaked_1s1bl_44 {
    height: .7rem;
    width: 100%;
    padding: 0 .15rem;
    font-size: .24rem;
    color: var(--skin__text_primary);
    background: var(--skin__primary);
    border: var(--lobby__px) solid var(--skin__primary);
    line-height: 1.2;
    text-align: center;
    border-radius: .14rem;
    cursor: pointer;
    transition: opacity .2s;
    -webkit-appearance: none;
    appearance: none;
    -webkit-font-smoothing: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

._tabs_1nx1k_30 {
    flex: 1;
    min-height: 2.8rem;
    max-height: 100%;
    overflow: visible;
    display: flex;
    flex-direction: column
}

._tabs_1nx1k_30[data-third-party] .ui-tabs__wrap {
    display: none
}

._tabs_1nx1k_30[data-underline] .ui-tabs__nav--line:before {
    position: absolute;
    right: 0;
    bottom: .15rem;
    left: 0;
    height: .011rem;
    background: var(--skin__border);
    content: ""
}

._tabs_1nx1k_30[data-show-icon] .ui-tab .ui-badge {
    transform: translate(-.06rem,-.28rem)
}

[dir=rtl] ._tabs_1nx1k_30[data-show-icon] .ui-tab .ui-badge {
    transform: translate(.06rem,-.28rem)
}

._tabs_1nx1k_30 .ui-tabs__wrap {
    padding-left: var(--left-right-space);
    padding-right: var(--left-right-space);
    width: 100%;
    margin-right: auto;
    margin-bottom: .05rem;
    margin-left: auto;
    overflow: unset;
    flex-shrink: 0
}

._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line {
    height: .8rem
}

._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line .ui-tab--line {
    padding: 0;
    margin-left: .2rem;
    font-size: .26rem
}

[dir=rtl] ._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line .ui-tab--line {
    margin-left: 0;
    margin-right: .2rem
}

._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line .ui-tab--line:first-child {
    margin-left: 0
}

[dir=rtl] ._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line .ui-tab--line:first-child {
    margin-left: 0;
    margin-right: 0
}

._tabs_1nx1k_30 .ui-tabs__wrap .ui-tabs__nav--line .ui-tabs__line {
    max-width: 3rem;
    height: .03rem;
    width: var(--tab-line-width, 40px)
}

._tabs_1nx1k_30 .ui-tabs__content {
    flex: 1;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    width: calc(100% - var(--form-right-space));
    margin-right: var(--form-right-space)
}

[dir=rtl] ._tabs_1nx1k_30 .ui-tabs__content {
    margin-right: 0;
    margin-left: var(--form-right-space)
}

html[data-isdesktop="0"] ._tabs_1nx1k_30 .ui-tabs__content {
    scrollbar-color: var(--skin__border) transparent;
    scrollbar-width: thin
}

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

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar-thumb {
    width: .06rem;
    background: var(--skin__border);
    border-radius: .06rem
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar-corner {
    background: transparent
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar-track {
    background: transparent
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar-track-piece {
    width: .06rem;
    background: transparent
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar:horizontal {
    height: .06rem
}

._tabs_1nx1k_30 .ui-tabs__content::-webkit-scrollbar:horizontal-thumb {
    border-radius: .06rem
}

._tabs_1nx1k_30 .ui-tab {
    color: var(--skin__lead)
}

._tabs_1nx1k_30 .ui-tab .ui-badge {
    left: 0;
    right: unset;
    transform: translate(.3rem,-.28rem);
    max-width: unset!important
}

[dir=rtl] ._tabs_1nx1k_30 .ui-tab .ui-badge {
    right: 0;
    left: unset;
    transform: translate(-.3rem,-.28rem)
}

._tabs_1nx1k_30 .ui-tab .lobby-image {
    color: var(--skin__neutral_2)
}

._tabs_1nx1k_30 .ui-tab--active,._tabs_1nx1k_30 .ui-tab--active .lobby-image {
    color: var(--skin__primary)
}

._tabs_1nx1k_30 ._tabsLabelWrap_1nx1k_138 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

._tabs_1nx1k_30 ._tabsLabel_1nx1k_138 {
    display: flex;
    align-items: center;
    line-height: 1.1
}

._tabs_1nx1k_30 ._tabsLabel_1nx1k_138 ._tabsLabelIcon_1nx1k_150 {
    margin-right: .08rem;
    font-size: .3rem;
    width: .3rem;
    height: .3rem
}

[dir=rtl] ._tabs_1nx1k_30 ._tabsLabel_1nx1k_138 ._tabsLabelIcon_1nx1k_150 {
    margin-right: 0;
    margin-left: .08rem
}

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

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

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

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

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

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

.lobby-third-party-button__image {
    border-radius: 9999.99rem;
    width: .7rem;
    height: .7rem
}

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

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

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

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

._thirdParty_osun4_30 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .22rem
}

._thirdParty_osun4_30 ._title_osun4_37 {
    margin-bottom: .2rem;
    width: 100%
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 {
    width: 100%;
    display: flex;
    justify-content: center
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46 {
    position: relative;
    padding: 0 .9rem;
    color: var(--skin__neutral_2);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:before,._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:after {
    position: absolute;
    top: 50%;
    width: .7rem;
    height: .01rem;
    background-color: var(--skin__border);
    transform: translateY(-50%);
    content: ""
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:before {
    left: 0
}

[dir=rtl] ._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:before {
    left: auto;
    right: 0
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:after {
    right: 0
}

[dir=rtl] ._thirdParty_osun4_30 ._title_osun4_37 ._titleCenter_osun4_41 ._titleWing_osun4_46:after {
    right: auto;
    left: 0
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleLeft_osun4_69 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    font-weight: 700;
    color: var(--skin__lead);
    border-bottom: var(--lobby__px) solid var(--skin__border);
    padding-bottom: .2rem
}

._thirdParty_osun4_30 ._title_osun4_37 ._titleLeft_osun4_69 ._subTitle_osun4_78 {
    margin-left: .2rem;
    font-weight: 400;
    color: var(--skin__neutral_1)
}

[dir=rtl] ._thirdParty_osun4_30 ._title_osun4_37 ._titleLeft_osun4_69 ._subTitle_osun4_78 {
    margin-left: 0;
    margin-right: .2rem
}

._thirdParty_osun4_30 ._list_osun4_83 {
    display: flex;
    align-items: center;
    width: 100%
}

._thirdParty_osun4_30 ._list_osun4_83[data-align=left] {
    justify-content: flex-start
}

._thirdParty_osun4_30 ._list_osun4_83[data-align=center] {
    justify-content: center
}

._thirdParty_osun4_30 ._list_osun4_83 ._item_osun4_94 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: .4rem;
    cursor: pointer
}

[dir=rtl] ._thirdParty_osun4_30 ._list_osun4_83 ._item_osun4_94 {
    margin-right: 0;
    margin-left: .4rem
}

._thirdParty_osun4_30 ._list_osun4_83 ._item_osun4_94:last-child {
    margin-right: unset
}

[dir=rtl] ._thirdParty_osun4_30 ._list_osun4_83 ._item_osun4_94:last-child {
    margin-right: 0;
    margin-left: unset
}

._thirdParty_osun4_30 ._list_osun4_83 ._item_osun4_94 .lobby-third-party-button {
    box-shadow: 0 .03rem .07rem 0 var(--skin__web_left_bg_shadow);
    border-radius: 100%
}

._loginRegister_1c4gu_30 {
    display: flex;
    flex-direction: column;
    border-radius: .2rem;
    font-size: .16rem;
    max-height: calc(var(--inner-height, 100vh) - var(--other-space));
    backface-visibility: hidden;
    padding: 0 0 var(--container-space) 0;
    box-sizing: border-box
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 {
    max-height: 6rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoWrap_1c4gu_43 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1rem;
    margin-bottom: .2rem;
    pointer-events: none
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoWrap_1c4gu_43 ._logo_1c4gu_43 {
    z-index: 3;
    height: .76rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoWrap_1c4gu_43 ._logo_1c4gu_43 .img-text-logo {
    --img-text-logo-img-width: .76rem;
    --img-text-logo-img-height: .76rem;
    --img-text-logo-img-title-size: .28rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoBackgroundWrap_1c4gu_60 {
    border-radius: .2rem .2rem 0 0;
    background-color: var(--skin__bs_topnav_bg);
    position: relative
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoBackgroundWrap_1c4gu_60:before {
    content: "";
    background-color: var(--skin__bs_topnav_bg);
    position: absolute;
    border-radius: .2rem .2rem 0 0;
    height: .2rem;
    top: -.01rem;
    width: 100%;
    z-index: 1
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._logoBackgroundWrap_1c4gu_60 ._logoBackground_1c4gu_60 {
    border-radius: .2rem .2rem 0 0;
    padding: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 1rem;
    z-index: 2;
    object-fit: cover;
    object-position: top center
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganTextWrap_1c4gu_86 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
    margin-bottom: .2rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganTextWrap_1c4gu_86[data-use-page=true] {
    max-height: 3.5rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganTextWrap_1c4gu_86[data-use-page=false] {
    max-height: 2.7rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganPicWrap_1c4gu_100 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
    padding: 0 .3rem;
    margin-bottom: .2rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganPicWrap_1c4gu_100 ._sloganImage_1c4gu_110 {
    margin-bottom: .1rem;
    width: 100%;
    object-fit: cover
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganPicWrap_1c4gu_100 ._sloganImage_1c4gu_110[data-use-page=true] {
    max-height: 3.5rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganPicWrap_1c4gu_100 ._sloganImage_1c4gu_110[data-use-page=false] {
    max-height: 2.7rem
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._sloganPicWrap_1c4gu_100 ._sloganImage_1c4gu_110:last-child {
    margin-bottom: 0
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._slogan_1c4gu_86 {
    font-size: .24rem;
    text-align: center;
    word-break: break-all;
    color: var(--skin__neutral_1)
}

._loginRegister_1c4gu_30 ._headerWrap_1c4gu_40 ._slogan_1c4gu_86 p {
    line-height: 1.5
}

._loginRegister_1c4gu_30 ._hasTop_1c4gu_134 {
    margin-top: .3rem
}

._loginRegister_1c4gu_30 ._topSpace_1c4gu_137 {
    padding-top: .2rem
}

._loginRegister_1c4gu_30 ._lrSpace_1c4gu_140 {
    padding-right: var(--left-right-space);
    padding-left: var(--left-right-space);
    width: 100%
}

._list-item_18djk_30 {
    list-style: none;
    padding: .2rem;
    border-radius: .1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 1rem
}

._list-item_18djk_30:nth-of-type(odd) {
    background-color: var(--skin__bg_1)
}

._list-item_18djk_30 ._info_18djk_42 {
    display: flex;
    margin-right: .2rem
}

[dir=rtl] ._list-item_18djk_30 ._info_18djk_42 {
    margin-right: 0;
    margin-left: .2rem
}

._list-item_18djk_30 ._info_18djk_42 ._icon_18djk_46 {
    width: .6rem;
    height: .6rem;
    margin-right: .2rem
}

[dir=rtl] ._list-item_18djk_30 ._info_18djk_42 ._icon_18djk_46 {
    margin-right: 0;
    margin-left: .2rem
}

._list-item_18djk_30 ._info_18djk_42 ._content_18djk_51 {
    display: flex;
    line-height: .3rem;
    flex-direction: column;
    justify-content: center
}

._list-item_18djk_30 ._info_18djk_42 ._nickname_18djk_57 {
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._list-item_18djk_30 ._info_18djk_42 ._name_18djk_66 {
    font-size: .22rem;
    color: var(--skin__neutral_2)
}

._list-item_18djk_30 ._button_18djk_70 {
    width: 1.2rem;
    height: .5rem;
    font-size: .2rem
}

._artificial_zq31b_30 {
    padding: .2rem 0
}

._limited-time_1sj6z_30 {
    border: thin solid var(--skin__accent_2);
    border-left: none;
    width: fit-content
}

[dir=rtl] ._limited-time_1sj6z_30 {
    border-left: none;
    border-right: none
}

._limited-time_1sj6z_30>div {
    position: relative;
    left: -.05rem;
    display: flex;
    align-items: center;
    font-size: .18rem
}

[dir=rtl] ._limited-time_1sj6z_30>div {
    left: auto;
    right: -.05rem
}

._limited-time_1sj6z_30 ._time-img_1sj6z_42 {
    height: .27rem
}

._limited-time_1sj6z_30 ._rectangle_1sj6z_45 {
    width: .15rem;
    height: .27rem;
    position: relative;
    left: -.01rem;
    top: -.01rem
}

[dir=rtl] ._limited-time_1sj6z_30 ._rectangle_1sj6z_45 {
    left: auto;
    right: -.01rem
}

._limited-time_1sj6z_30 ._triangle_1sj6z_52 {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background-color: var(--skin__accent_2);
    clip-path: polygon(0 0,100% 0,0 100%)
}

[dir=rtl] ._limited-time_1sj6z_30 ._triangle_1sj6z_52 {
    left: auto;
    right: 0
}

._limited-time_1sj6z_30 ._text_1sj6z_61 {
    background-color: var(--skin__accent_2);
    color: var(--skin__text_primary);
    line-height: .27rem;
    white-space: nowrap
}

._limited-time_1sj6z_30 ._count-time_1sj6z_67 span {
    color: var(--skin__accent_2)
}

[dir=rtl] ._limited-time_1sj6z_30 {
    border-left: thin solid var(--skin__accent_2)
}

[dir=rtl] [dir=rtl] ._limited-time_1sj6z_30 {
    border-left: none;
    border-right: thin solid var(--skin__accent_2)
}

[dir=rtl] ._limited-time_1sj6z_30 ._time-img_1sj6z_42,[dir=rtl] ._limited-time_1sj6z_30 ._triangle_1sj6z_52 {
    transform: scaleX(-1)
}

._give-details_7m4hn_30 {
    width: 100%;
    margin-bottom: .1rem;
    padding: .25rem .2rem 0;
    color: var(--skin__neutral_2);
    font-size: .22rem;
    border: .01rem solid;
    border-color: color-mix(in srgb,var(--skin__accent_2) 40%,transparent);
    border-top: none;
    border-radius: 0 0 .1rem .1rem;
    background: color-mix(in srgb,var(--skin__accent_2) 6%,transparent)
}

._give-details_7m4hn_30._no-input_7m4hn_42 {
    border-radius: .1rem
}

._give-details_7m4hn_30 ._receive-tips_7m4hn_45 {
    color: var(--skin__accent_1)
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 {
    color: var(--skin__lead)
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .22rem;
    padding-right: .1rem
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 {
    padding-right: 0;
    padding-left: .1rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._title-left_7m4hn_58 {
    display: flex;
    align-items: center
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._title-left_7m4hn_58 ._text_7m4hn_62 {
    margin-right: .1rem;
    word-break: break-all
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._title-left_7m4hn_58 ._text_7m4hn_62 {
    margin-right: 0;
    margin-left: .1rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._title-left_7m4hn_58 ._text_7m4hn_62:not(:lang(zh)):not(:lang(zh_hk)) {
    max-width: 1.6rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 {
    display: flex;
    align-items: center
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 span {
    color: var(--skin__label_accent3);
    font-weight: 700
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77 {
    margin-left: .1rem;
    color: var(--skin__neutral_2);
    transform: rotate(-90deg)
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77 {
    margin-left: 0;
    margin-right: .1rem;
    transform: rotate(90deg)
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77._is-expanded_7m4hn_82 {
    transform: rotate(90deg)
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77._is-expanded_7m4hn_82 {
    transform: rotate(-90deg)
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 {
    color: var(--skin__lead);
    border-radius: .14rem;
    border: .01rem solid rgba(234,78,61,.4);
    background: var(--skin__bg_2);
    padding: .16rem .1rem;
    margin-bottom: .22rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._sub-title_7m4hn_93 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .16rem;
    border-bottom: thin dashed var(--skin__border);
    font-size: .2rem;
    margin-bottom: .15rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._sub-title_7m4hn_93 ._active-name_7m4hn_102 {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._sub-title_7m4hn_93 ._date_7m4hn_108 {
    color: var(--skin__neutral_2);
    text-align: right;
    margin-left: .1rem
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._sub-title_7m4hn_93 ._date_7m4hn_108 {
    text-align: left;
    margin-left: 0;
    margin-right: .1rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .2rem;
    padding: .06rem .1rem .06rem .04rem
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 {
    padding: .06rem .04rem .06rem .1rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._recharge_7m4hn_120 {
    display: flex;
    align-items: center
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._xs_7m4hn_124 {
    width: .25rem;
    height: 0;
    margin-right: .04rem
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._xs_7m4hn_124 {
    margin-right: 0;
    margin-left: .04rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._xs_7m4hn_124._active-img_7m4hn_129 {
    height: auto
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113._match_7m4hn_132 {
    border-radius: .04rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._amount_7m4hn_69 {
    font-weight: 700;
    margin-left: .06rem
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._amount_7m4hn_69 {
    margin-left: 0;
    margin-right: .06rem
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._reward_7m4hn_139 {
    color: var(--skin__label_accent3);
    font-weight: 700
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._label_7m4hn_143 {
    color: var(--skin__neutral_2);
    font-weight: 400
}

._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._details-list_7m4hn_85 ._citem_7m4hn_113 ._highest_7m4hn_147 {
    color: var(--skin__lead);
    font-weight: 400
}

._give-details_7m4hn_30 ._estimated-arrival_7m4hn_151 {
    display: flex;
    justify-content: space-between;
    border-top: .02rem solid var(--skin__border);
    padding: .25rem 0;
    color: var(--skin__lead)
}

._give-details_7m4hn_30 ._estimated-arrival_7m4hn_151 ._amount_7m4hn_69 {
    display: flex;
    align-items: center;
    font-weight: 700
}

._give-details_7m4hn_30 ._estimated-arrival_7m4hn_151 ._amount_7m4hn_69 ._arrow_7m4hn_77 {
    margin-left: .2rem;
    color: var(--skin__primary);
    transform: rotate(-180deg)
}

[dir=rtl] ._give-details_7m4hn_30 ._estimated-arrival_7m4hn_151 ._amount_7m4hn_69 ._arrow_7m4hn_77 {
    margin-left: 0;
    margin-right: .2rem;
    transform: rotate(180deg)
}

[dir=rtl] ._give-details_7m4hn_30 ._xs_7m4hn_124._active-img_7m4hn_129 {
    transform: scaleX(-1)
}

[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77 {
    transform: rotate(-90deg)
}

[dir=rtl] [dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77,[dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77._is-expanded_7m4hn_82 {
    transform: rotate(90deg)
}

[dir=rtl] [dir=rtl] ._give-details_7m4hn_30 ._details_7m4hn_48 ._item_7m4hn_48 ._title_7m4hn_51 ._amount_7m4hn_69 ._arrow_7m4hn_77._is-expanded_7m4hn_82 {
    transform: rotate(-90deg)
}

._give_1x8o1_30 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .1rem;
    padding: .08rem .16rem;
    color: var(--skin__lead);
    font-size: .22rem;
    background: color-mix(in srgb,var(--skin__accent_2) 6%,transparent);
    border: .01rem solid;
    border-color: color-mix(in srgb,var(--skin__accent_2) 40%,transparent);
    border-top: none;
    border-radius: 0 0 .1rem .1rem;
    box-shadow: 0 .02rem .08rem rgba(0,0,0,.15)
}

._give_1x8o1_30._no-input_1x8o1_45 {
    border-radius: .1rem
}

._give_1x8o1_30 ._inner-content_1x8o1_48 ._receive-tips_1x8o1_48 {
    color: var(--skin__accent_1)
}

._give_1x8o1_30 ._inner-content_1x8o1_48 ._gift_1x8o1_51 {
    color: var(--skin__accent_3);
    text-decoration: underline
}

._give_1x8o1_30 ._inner-content_1x8o1_48 ._income_1x8o1_55 {
    color: var(--skin__lead);
    font-weight: 700;
    text-decoration: underline
}

._give_1x8o1_30 ._arrow_1x8o1_60 {
    display: flex;
    align-items: center;
    padding-left: .2rem;
    color: var(--skin__primary)
}

[dir=rtl] ._give_1x8o1_30 ._arrow_1x8o1_60 {
    padding-left: 0;
    padding-right: .2rem
}

._no-poster_1bk77_30 {
    color: var(--skin__lead);
    flex: 1;
    margin-left: .2rem;
    text-align: center
}

[dir=rtl] ._no-poster_1bk77_30 {
    margin-left: 0;
    margin-right: .2rem
}

._no-poster-number_1bk77_36 {
    color: var(--skin__accent_3);
    padding-left: .1rem
}

[dir=rtl] ._no-poster-number_1bk77_36 {
    padding-left: 0;
    padding-right: .1rem
}

._grid_9a274_30 {
    display: grid;
    gap: .2rem
}

._grid_9a274_30 ._item_9a274_34 {
    flex: 1;
    height: .7rem;
    display: flex;
    align-items: center;
    border: thin solid var(--skin__border);
    border-radius: .1rem;
    position: relative
}

._grid_9a274_30 ._item_9a274_34 ._icon_9a274_43 {
    margin-right: .1rem;
    margin-left: .1rem;
    height: .44rem;
    width: .44rem
}

._grid_9a274_30 ._item_9a274_34 ._label-container_9a274_49 {
    flex: 1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    flex-direction: column;
    margin-right: .1rem
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._label-container_9a274_49 {
    margin-right: 0;
    margin-left: .1rem
}

._grid_9a274_30 ._item_9a274_34 ._label-container_9a274_49._disabled_9a274_59 {
    color: var(--skin__neutral_2)
}

._grid_9a274_30 ._item_9a274_34 ._label-container_9a274_49._ml_9a274_62 {
    margin-left: .1rem
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._label-container_9a274_49._ml_9a274_62 {
    margin-left: 0;
    margin-right: .1rem
}

._grid_9a274_30 ._item_9a274_34 ._label_9a274_49 {
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._grid_9a274_30 ._item_9a274_34 ._label_9a274_49:lang(ur) {
    line-height: .24rem;
    padding: .05rem 0
}

._grid_9a274_30 ._item_9a274_34 ._describe-label_9a274_79 {
    line-clamp: 1
}

._grid_9a274_30 ._item_9a274_34 ._describe-label_9a274_79:lang(ur) {
    padding: 0
}

._grid_9a274_30 ._item_9a274_34 ._describe_9a274_79 {
    color: var(--skin__neutral_2);
    font-size: .2rem
}

._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 {
    display: none;
    position: absolute;
    height: .3rem;
    width: .3rem;
    right: -.01rem;
    bottom: -.01rem
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 {
    right: auto;
    left: -.01rem
}

._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._gou_9a274_97 {
    position: absolute;
    right: .04rem;
    bottom: .04rem;
    color: var(--skin__web_filter_gou);
    height: .1rem;
    width: .14rem
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._gou_9a274_97 {
    right: auto;
    left: .04rem
}

._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._corner-bg_9a274_105 {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    color: var(--skin__filter_active)
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._corner-bg_9a274_105 {
    right: auto;
    left: 0
}

._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._corner-bg_9a274_105 svg {
    height: 100%;
    width: 100%
}

._grid_9a274_30 ._item_9a274_34._active_9a274_117 {
    border-color: var(--skin__filter_active);
    color: var(--skin__primary)
}

._grid_9a274_30 ._item_9a274_34._active_9a274_117 ._corner_9a274_89 {
    display: block
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 {
    right: -.01rem
}

[dir=rtl] [dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 {
    right: auto;
    left: -.01rem
}

[dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._gou_9a274_97 {
    left: .12rem
}

[dir=rtl] [dir=rtl] ._grid_9a274_30 ._item_9a274_34 ._corner_9a274_89 ._gou_9a274_97 {
    left: auto;
    right: .12rem
}

._bind-tel_117sl_30 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._bind-tel_117sl_30 ._warning_117sl_35 {
    color: #fff;
    width: .3rem;
    height: .3rem;
    background-color: var(--skin__accent_3);
    border-radius: 50%;
    vertical-align: bottom;
    margin-right: .2rem
}

[dir=rtl] ._bind-tel_117sl_30 ._warning_117sl_35 {
    margin-right: 0;
    margin-left: .2rem
}

._bind-tel_117sl_30 ._bind-tel-btn_117sl_44 {
    width: 1rem;
    height: .4rem;
    font-size: .18rem;
    border-radius: .08rem
}

._tab-container_1luou_30 {
    margin-bottom: .2rem
}

._tab-container_1luou_30._show-toggle_1luou_33 {
    margin-bottom: .4rem
}

._tab-container_1luou_30 ._tab-header_1luou_36 {
    display: flex;
    gap: .2rem
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40 {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: -.02rem;
    z-index: 0;
    border-radius: .14rem .14rem 0 0;
    width: 100%;
    padding: .12rem .24rem;
    font-size: .24rem;
    cursor: pointer;
    transition: all .3s;
    color: var(--skin__neutral_1);
    border: var(--lobby__px) solid var(--skin__border);
    border-bottom: transparent
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:first-child {
    margin-left: .2rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:first-child {
    margin-left: 0;
    margin-right: .2rem
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:first-child._is-left_1luou_59 {
    margin-left: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:first-child._is-left_1luou_59 {
    margin-left: 0;
    margin-right: 0
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:last-child {
    margin-right: .2rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:last-child {
    margin-right: 0;
    margin-left: .2rem
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:last-child._is-right_1luou_65 {
    margin-right: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40:last-child._is-right_1luou_65 {
    margin-right: 0;
    margin-left: 0
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40 ._icon_1luou_68 {
    width: .4rem;
    height: .4rem;
    margin-right: .07rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40 ._icon_1luou_68 {
    margin-right: 0;
    margin-left: .07rem
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73 {
    background: color-mix(in srgb,var(--skin__accent_2) 6%,transparent);
    border-color: color-mix(in srgb,var(--skin__accent_2) 40%,transparent);
    color: var(--skin__primary);
    font-weight: 600;
    z-index: 1
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73:before,._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: .04rem solid var(--skin__bg_2);
    z-index: 1
}

[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73:before,[dir=rtl] ._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73:after {
    left: auto;
    right: 0
}

._tab-container_1luou_30 ._tab-header_1luou_36 ._tab-item_1luou_40._active_1luou_73:after {
    border-color: color-mix(in srgb,var(--skin__accent_2) 6%,transparent)
}

._tab-container_1luou_30 ._selected-info_1luou_92 {
    margin-bottom: .06rem
}

._tab-container_1luou_30 ._select-toggle_1luou_95 {
    width: .3rem;
    height: .18rem;
    margin-left: .3rem;
    color: var(--skin__primary)
}

[dir=rtl] ._tab-container_1luou_30 ._select-toggle_1luou_95 {
    margin-left: 0;
    margin-right: .3rem
}

._tab-container_1luou_30 ._select-toggle_1luou_95._expand_1luou_101 {
    transform: rotate(180deg)
}

[dir=rtl] ._tab-container_1luou_30 ._select-toggle_1luou_95._expand_1luou_101 {
    transform: rotate(-180deg)
}

._tab-container_1luou_30 ._dashed_1luou_104 {
    width: 100%;
    height: 0;
    border-top: .04rem dashed var(--skin__neutral_2, #999);
    margin: .2rem 0 .15rem
}

._tab-container_1luou_30 ._condition_1luou_110 {
    position: relative
}

._tab-container_1luou_30 ._badge_1luou_113 {
    max-width: inherit!important;
    position: absolute;
    right: -.6rem;
    top: -.12rem
}

[dir=rtl] ._tab-container_1luou_30 ._badge_1luou_113 {
    right: auto;
    left: -.6rem
}

._tab-container_1luou_30 ._tab-badge_1luou_119 {
    right: 0;
    max-width: 100%!important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: visible
}

[dir=rtl] ._tab-container_1luou_30 ._tab-badge_1luou_119 {
    right: auto;
    left: 0
}

._tab-container_1luou_30 ._badge_1luou_113 .ui-badge__content,._tab-container_1luou_30 ._tab-badge_1luou_119 .ui-badge__content {
    color: #fff
}

._tab-container_1luou_30 ._check-box_1luou_131 {
    pointer-events: none
}

._tab-container_1luou_30 ._ask-tip_1luou_134 {
    display: inline-block;
    margin-left: .11rem
}

[dir=rtl] ._tab-container_1luou_30 ._ask-tip_1luou_134 {
    margin-left: 0;
    margin-right: .11rem
}

._tab-container_1luou_30 ._ask_1luou_134 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    color: #fff;
    background-color: var(--skin__primary)
}

._tab-container_1luou_30 ._count-time_1luou_148 span {
    color: var(--skin__accent_2)
}

._tab-container_1luou_30 ._tab-pane_1luou_151 {
    padding: .1rem;
    border-radius: .2rem;
    border: var(--lobby__px) solid color-mix(in srgb,var(--skin__accent_2) 40%,transparent);
    background: color-mix(in srgb,var(--skin__accent_2) 6%,transparent)
}

._tab-container_1luou_30 ._tab-pane_1luou_151._show-tab_1luou_157 {
    border-radius: .2rem
}

._tab-container_1luou_30 ._tab-pane_1luou_151._is-left_1luou_59 {
    border-top-left-radius: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151._is-left_1luou_59 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

._tab-container_1luou_30 ._tab-pane_1luou_151._is-right_1luou_65 {
    border-top-right-radius: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151._is-right_1luou_65 {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 {
    height: .8rem;
    padding: .065rem .2rem .065rem 0;
    margin: .15rem 0 0;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    background-color: var(--skin__bg_2);
    align-items: center;
    font-size: .24rem;
    color: var(--skin__lead)
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 {
    padding: .065rem 0 .065rem .2rem
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166:first-child {
    margin-top: 0
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166._selected_1luou_92 {
    background: rgba(var(--skin__accent_3__toRgbString),.1)
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._left_1luou_185 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 60%
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._img-bq_1luou_191 {
    width: .1rem;
    height: .8rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._img-bq_1luou_191 {
    transform: scaleX(-1)
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._img-propotion_1luou_198,._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._img-je_1luou_199,._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._img-bcy_1luou_200 {
    width: .68rem;
    height: .68rem;
    margin: 0 .15rem
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._right_1luou_205 {
    display: flex;
    text-align: right;
    align-items: center;
    font-size: .22rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._right_1luou_205 {
    text-align: left
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166._select-none_1luou_211 ._left_1luou_185 {
    width: 80%
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._need_1luou_214 {
    color: var(--skin__neutral_2);
    word-break: break-all;
    max-width: 2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._give_1luou_222 {
    font-weight: 600;
    margin-right: .05rem
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._give_1luou_222 {
    margin-right: 0;
    margin-left: .05rem
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._currency_1luou_226 {
    font-weight: 600;
    color: var(--skin__accent_3)
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._sub_1luou_230 {
    font-weight: 400;
    font-size: .2rem;
    margin-right: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 ._sub_1luou_230 {
    margin-right: 0;
    margin-left: 0
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 .ui-checkbox__icon-wrap {
    margin-left: .3rem;
    border-radius: 50%;
    width: .3rem;
    height: .3rem;
    margin-right: 0
}

[dir=rtl] ._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 .ui-checkbox__icon-wrap {
    margin-right: .3rem;
    margin-left: 0
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 .ui-checkbox--checked .ui-checkbox__icon-wrap {
    background-color: var(--skin__primary)
}

._tab-container_1luou_30 ._tab-pane_1luou_151 ._option-item_1luou_166 .ui-checkbox__icon {
    font-size: .18rem
}

._tab-container_1luou_30 ._tab-content_1luou_248 {
    position: relative
}

._tab-container_1luou_30 ._icon-put-away_1luou_251 {
    margin-left: .1rem;
    width: .12rem;
    transform: rotate(90deg)
}

[dir=rtl] ._tab-container_1luou_30 ._icon-put-away_1luou_251 {
    margin-left: 0;
    margin-right: .1rem;
    transform: rotate(-90deg)
}

[dir=rtl] ._tab-container_1luou_30 ._icon-put-away_1luou_251 {
    transform: rotate(90deg)
}

[dir=rtl] [dir=rtl] ._tab-container_1luou_30 ._icon-put-away_1luou_251 {
    transform: rotate(-90deg)
}

._tab-container_1luou_30 ._btn-container_1luou_259 {
    position: absolute;
    z-index: 1;
    transform: translate(-50%,100%);
    bottom: .02rem;
    left: 50%
}

[dir=rtl] ._tab-container_1luou_30 ._btn-container_1luou_259 {
    transform: translate(50%,100%);
    left: auto;
    right: 50%
}

._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266 {
    display: flex;
    align-items: center;
    position: relative;
    height: .4rem;
    border-radius: 0 0 .2rem .2rem;
    border: var(--lobby__px) solid color-mix(in srgb,var(--skin__accent_2) 40%,transparent);
    border-top: none;
    background: color-mix(in srgb,var(--skin__accent_2) 6%,transparent);
    color: var(--skin__primary);
    cursor: pointer;
    text-align: center;
    padding: .01rem .2rem .06rem
}

._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266:before,._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: .04rem solid var(--skin__bg_2);
    z-index: 1
}

[dir=rtl] ._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266:before,[dir=rtl] ._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266:after {
    left: auto;
    right: 0
}

._tab-container_1luou_30 ._btn-container_1luou_259 ._toggle-btn_1luou_266:after {
    border-color: color-mix(in srgb,var(--skin__accent_2) 6%,transparent)
}

._img-je-small_1luou_293 {
    width: .4rem;
    height: .4rem;
    margin-right: .11rem;
    vertical-align: bottom
}

[dir=rtl] ._img-je-small_1luou_293 {
    margin-right: 0;
    margin-left: .11rem
}

._ask-dialog_1luou_300 .ui-dialog__header--warning {
    color: var(--skin__lead);
    padding-top: .22rem;
    line-height: .4rem
}

._ask-dialog_1luou_300 .ui-dialog__header--warning .ui-dialog__header--warning__icon {
    margin-bottom: .04rem
}

._amount-input_1o0k6_30 {
    margin-bottom: .1rem
}

._amount-input_1o0k6_30 .ui-input {
    padding-bottom: .01rem
}

._amount-input_1o0k6_30 .ui-input__prefix {
    font-size: .24rem;
    color: var(--skin__lead)
}

._amount-input_1o0k6_30 ._title_1o0k6_40,._amount-input_1o0k6_30 ._recommend-amount_1o0k6_41 {
    margin-bottom: .2rem;
    color: var(--skin__neutral_1)
}

._amount-input_1o0k6_30 ._title_1o0k6_40 ._no-poster_1o0k6_45,._amount-input_1o0k6_30 ._recommend-amount_1o0k6_41 ._no-poster_1o0k6_45 {
    text-align: right;
    color: var(--skin__neutral_2)
}

[dir=rtl] ._amount-input_1o0k6_30 ._title_1o0k6_40 ._no-poster_1o0k6_45,[dir=rtl] ._amount-input_1o0k6_30 ._recommend-amount_1o0k6_41 ._no-poster_1o0k6_45 {
    text-align: left
}

._amount-input_1o0k6_30 ._amount-form-item_1o0k6_50 {
    margin-bottom: 0
}

._amount-input_1o0k6_30 ._title_1o0k6_40 {
    display: flex;
    justify-content: space-between;
    position: relative;
    color: var(--skin__lead)
}

._amount-input_1o0k6_30 ._title_1o0k6_40 ._tips_1o0k6_59 {
    color: var(--skin__primary)
}

._amount-input_1o0k6_30 ._input-with-amount_1o0k6_62 {
    padding-right: 0;
    position: relative
}

[dir=rtl] ._amount-input_1o0k6_30 ._input-with-amount_1o0k6_62 {
    padding-right: 0;
    padding-left: 0
}

._amount-input_1o0k6_30 ._input-with-amount_1o0k6_62 input {
    font-size: .3rem;
    font-weight: 700
}

._amount-input_1o0k6_30 ._is-reward_1o0k6_70 {
    border-radius: .1rem .1rem 0 0
}

._amount-input_1o0k6_30 ._icon_jf_1o0k6_73 {
    color: var(--skin__neutral_2);
    font-size: .22rem
}

._amount-input_1o0k6_30 ._max-text_1o0k6_77 span {
    color: var(--skin__primary)
}

._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .85rem;
    height: .7rem;
    margin-left: .2rem;
    background-color: var(--skin__bg_2);
    border: thin solid var(--skin__border);
    border-radius: .1rem;
    color: var(--skin__primary);
    font-size: .38rem
}

[dir=rtl] ._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 {
    margin-left: 0;
    margin-right: .2rem
}

._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 ._tips_1o0k6_59 {
    position: absolute;
    right: 0;
    bottom: .7rem;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .2rem;
    color: #333;
    font-size: .26rem;
    line-height: .26rem;
    text-align: center;
    background-color: #fff;
    border: solid thin #999;
    border-radius: .1rem;
    box-shadow: 0 .02rem .1rem rgba(0,0,0,.15)
}

[dir=rtl] ._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 ._tips_1o0k6_59 {
    right: auto;
    left: 0
}

._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 ._tips_1o0k6_59>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 ._tips_1o0k6_59:after {
    position: absolute;
    right: .2rem;
    bottom: -.1rem;
    z-index: 2;
    width: .2rem;
    height: .2rem;
    background-color: #fff;
    border-color: #999;
    border-style: solid;
    border-width: 0 0 var(--lobby__px) var(--lobby__px);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg);
    content: ""
}

[dir=rtl] ._amount-input_1o0k6_30 ._btn-changemode_1o0k6_80 ._tips_1o0k6_59:after {
    right: auto;
    left: .2rem;
    border-width: 0 var(--lobby__px) var(--lobby__px) 0;
    -webkit-transform: translateX(50%) rotate(45deg);
    transform: translate(50%) rotate(45deg)
}

._amount-input_1o0k6_30 ._error-msg_1o0k6_132 {
    display: flex;
    align-items: center
}

._amount-input_1o0k6_30 ._error-msg_1o0k6_132 ._image_1o0k6_136 {
    margin-right: .1rem;
    margin-top: .02rem;
    color: #fff;
    width: .26rem;
    height: .26rem;
    font-size: .16rem;
    line-height: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999.99rem;
    background-color: var(--skin__accent_2)
}

[dir=rtl] ._amount-input_1o0k6_30 ._error-msg_1o0k6_132 ._image_1o0k6_136 {
    margin-right: 0;
    margin-left: .1rem
}

._amount-input_1o0k6_30 ._error-msg_1o0k6_132 span {
    margin-top: .06rem;
    color: #ea4d3d;
    font-size: .2rem
}

[dir=rtl] ._amount-input_1o0k6_30 ._input-with-amount_1o0k6_62 {
    padding-right: .2rem
}

[dir=rtl] [dir=rtl] ._amount-input_1o0k6_30 ._input-with-amount_1o0k6_62 {
    padding-right: 0;
    padding-left: .2rem
}

._channel-exchange-rate_lkpl2_30 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .02rem 0 .05rem
}

._channel-exchange-rate_lkpl2_30 ._left_lkpl2_36 {
    display: flex;
    align-items: center
}

._channel-exchange-rate_lkpl2_30 ._left_lkpl2_36:not(:lang(zh)):not(:lang(zh_hk)) {
    align-items: flex-start;
    flex-direction: column
}

._channel-exchange-rate_lkpl2_30 ._left_lkpl2_36>div {
    display: flex;
    align-items: center
}

._channel-exchange-rate_lkpl2_30 ._label_lkpl2_48 {
    color: var(--skin__neutral_2);
    margin-right: .1rem;
    line-height: .26rem
}

[dir=rtl] ._channel-exchange-rate_lkpl2_30 ._label_lkpl2_48 {
    margin-right: 0;
    margin-left: .1rem
}

._channel-exchange-rate_lkpl2_30 ._rate_lkpl2_53 {
    margin-right: .1rem;
    line-height: .26rem
}

[dir=rtl] ._channel-exchange-rate_lkpl2_30 ._rate_lkpl2_53 {
    margin-right: 0;
    margin-left: .1rem
}

._channel-exchange-rate_lkpl2_30 ._amount_lkpl2_57 {
    color: var(--skin__accent_3);
    font-weight: 700;
    text-align: right
}

[dir=rtl] ._channel-exchange-rate_lkpl2_30 ._amount_lkpl2_57 {
    text-align: left
}

._download-app_i4fcs_30 {
    margin: .2rem 0 .1rem;
    color: var(--skin__lead)
}

._download-app_i4fcs_30 i {
    color: var(--skin__primary);
    font-size: .18rem;
    margin-right: .1rem
}

[dir=rtl] ._download-app_i4fcs_30 i {
    margin-right: 0;
    margin-left: .1rem
}

._game-rage-exchange_56sdt_30 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .02rem 0 .05rem
}

._game-rage-exchange_56sdt_30 ._label_56sdt_36 {
    color: var(--skin__lead)
}

._game-rage-exchange_56sdt_30 ._info_56sdt_39 {
    color: var(--skin__lead);
    font-weight: 700
}

._line_1vtak_30 {
    width: 100%;
    height: .3rem;
    border-bottom: solid var(--skin__border);
    margin-bottom: .3rem
}

._rate_hl92r_30 ._lead_hl92r_30 {
    color: var(--skin__lead)
}

._rate_hl92r_30 ._row_hl92r_33 {
    display: flex;
    justify-content: space-between;
    color: var(--skin__neutral_2);
    font-size: .22rem;
    padding: .02rem 0 .05rem
}

._mb0_55zcn_30 {
    margin-bottom: 0
}

._fold_om0ej_30 {
    text-align: center;
    color: var(--skin__primary);
    display: flex;
    justify-content: center;
    font-size: .24rem;
    margin-top: .2rem
}

._fold_om0ej_30 ._btn_om0ej_38 {
    display: flex;
    align-items: baseline;
    justify-content: center
}

._fold_om0ej_30 ._btn_om0ej_38 ._text_om0ej_43 {
    margin-right: .16rem
}

[dir=rtl] ._fold_om0ej_30 ._btn_om0ej_38 ._text_om0ej_43 {
    margin-right: 0;
    margin-left: .16rem
}

._fold_om0ej_30 ._arrow_om0ej_46 {
    display: inline-block;
    border-right: .04rem solid var(--skin__primary);
    border-top: .04rem solid var(--skin__primary);
    height: .16rem;
    width: .16rem;
    -webkit-transform: rotate(-45deg) translateY(.06rem);
    transform: rotate(-45deg) translateY(.06rem)
}

[dir=rtl] ._fold_om0ej_30 ._arrow_om0ej_46 {
    border-right: none;
    border-left: .04rem solid var(--skin__primary);
    -webkit-transform: rotate(45deg) translateY(.06rem);
    transform: rotate(45deg) translateY(.06rem)
}

._fold_om0ej_30 ._arrow_om0ej_46._fold_om0ej_30 {
    -webkit-transform: rotate(135deg) translateY(.06rem);
    transform: rotate(135deg) translateY(.06rem)
}

[dir=rtl] ._fold_om0ej_30 ._arrow_om0ej_46._fold_om0ej_30 {
    -webkit-transform: rotate(-135deg) translateY(.06rem);
    transform: rotate(-135deg) translateY(.06rem)
}

._channel_1bpdc_30 {
    color: var(--skin__neutral_1)
}

._text_1owff_30 {
    margin-bottom: .1rem;
    font-size: .24rem;
    text-align: center
}

._btn_1owff_36 {
    display: flex;
    justify-content: space-between
}

._btn_1owff_36>button {
    flex: 1
}

._btn_1owff_36>button:nth-child(1) {
    margin-right: .2rem
}

[dir=rtl] ._btn_1owff_36>button:nth-child(1) {
    margin-right: 0;
    margin-left: .2rem
}

._card-id-type-selector_12cnr_30 .ui-select-input__prefix i {
    font-size: .3rem
}

._cryptoPay_1jl7n_30 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--skin__neutral_1);
    font-size: .24rem;
    margin-bottom: .2rem
}

._cryptoPay_1jl7n_30 ._main_1jl7n_38 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

._cryptoPay_1jl7n_30 ._main_1jl7n_38>span {
    margin: 0 .2rem;
    color: var(--skin__lead);
    font-size: .24rem
}

._cryptoPay_1jl7n_30 ._main_1jl7n_38 .ui-button-mini {
    font-size: .2rem
}

._cryptoPay_1jl7n_30 ._go-wallet_1jl7n_52 {
    display: flex;
    align-items: center
}

._cryptoPay_1jl7n_30 ._go-wallet_1jl7n_52 ._arrows_1jl7n_56 {
    margin-left: .2rem;
    font-size: .26rem;
    transform: rotate(180deg);
    color: var(--skin__neutral_3)
}

[dir=rtl] ._cryptoPay_1jl7n_30 ._go-wallet_1jl7n_52 ._arrows_1jl7n_56 {
    margin-left: 0;
    margin-right: .2rem;
    transform: rotate(-180deg)
}

._isLoading_1jl7n_63 {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

._cbpay-dialog_1jl7n_69 .ui-dialog__header {
    color: var(--skin__lead)
}

._dropdown_bzmox_30 .ui-popover__content {
    padding-right: .1rem;
    border: var(--lobby__px) solid var(--skin__border)
}

[dir=rtl] ._dropdown_bzmox_30 .ui-popover__content {
    padding-right: 0;
    padding-left: .1rem
}

._dropdown_bzmox_30 ._list_bzmox_34 {
    width: 100%;
    padding: .15rem 0;
    max-height: 3.75rem;
    overflow-y: auto;
    background-color: var(--skin__bg_2);
    color: var(--skin__neutral_2)
}

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

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

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar {
    z-index: 11;
    width: .06rem
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar-thumb {
    width: .06rem;
    background: var(--skin__border);
    border-radius: .06rem
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar-corner {
    background: transparent
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar-track {
    background: transparent
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar-track-piece {
    width: .06rem;
    background: transparent
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar:horizontal {
    height: .06rem
}

._dropdown_bzmox_30 ._list_bzmox_34::-webkit-scrollbar:horizontal-thumb {
    border-radius: .06rem
}

._dropdown_bzmox_30 ._list_bzmox_34 ._item_bzmox_75 {
    padding: 0 .1rem 0 .2rem;
    font-size: .24rem;
    line-height: .8rem;
    min-height: .8rem;
    width: 100%;
    display: flex;
    align-items: center
}

[dir=rtl] ._dropdown_bzmox_30 ._list_bzmox_34 ._item_bzmox_75 {
    padding: 0 .2rem 0 .1rem
}

._dropdown_bzmox_30 ._list_bzmox_34 ._item_bzmox_75._active_bzmox_84 {
    background-color: initial;
    color: var(--skin__primary);
    font-weight: 400
}

._dropdown_bzmox_30 ._list_bzmox_34 ._item_bzmox_75:hover {
    background-color: var(--skin__bg_1)
}

._dropdown_bzmox_30 ._list_bzmox_34 ._itemInner_bzmox_92 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

._dropdown_bzmox_30 ._list_bzmox_34 ._itemInnerPrefix_bzmox_98 {
    height: 100%;
    margin-right: .12rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

[dir=rtl] ._dropdown_bzmox_30 ._list_bzmox_34 ._itemInnerPrefix_bzmox_98 {
    margin-right: 0;
    margin-left: .12rem
}

._dropdown_bzmox_30 ._list_bzmox_34 ._itemInnerText_bzmox_106 {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._dropdown_bzmox_30 ._list_bzmox_34 ._itemInnerSuffix_bzmox_112 {
    color: var(--skin__neutral_2);
    width: .48rem;
    font-size: .22rem;
    height: 100%;
    display: flex;
    justify-content: flex-end
}

._btn-paste_1q79f_30 {
    color: var(--skin__primary)
}

._history-item_1q79f_34 {
    display: flex;
    align-items: center
}

._history-item_1q79f_34 ._icon_1q79f_38 {
    width: .48rem;
    height: .48rem;
    margin-right: .2rem
}

[dir=rtl] ._history-item_1q79f_34 ._icon_1q79f_38 {
    margin-right: 0;
    margin-left: .2rem
}

._bank-option_zjsof_30>span {
    display: flex;
    align-items: center;
    height: .55rem;
    padding: .06rem 0;
    line-height: .55rem
}

._bank-option_zjsof_30>span ._logo_zjsof_37 {
    width: .48rem;
    height: .48rem;
    border-radius: .06rem;
    margin-right: .2rem
}

[dir=rtl] ._bank-option_zjsof_30>span ._logo_zjsof_37 {
    margin-right: 0;
    margin-left: .2rem
}

._bank-option_zjsof_30>span span {
    max-width: 5rem;
    font-size: .22rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._bank-selector_zjsof_51 .ui-select-input__prefix i {
    font-size: .3rem
}

._realname_a35av_30 ._title_a35av_30 {
    font-size: .2rem;
    margin-bottom: .1rem
}

._qrcode-area_nxrro_30 {
    padding-top: .3rem;
    color: var(--skin__lead)
}

._qrcode-area_nxrro_30 ._step1Content_nxrro_34 {
    display: flex;
    justify-content: center;
    padding: .4rem 0
}

._qrcode-area_nxrro_30 ._step1Inner_nxrro_39 {
    position: relative
}

._qrcode-area_nxrro_30 ._step1Inner_nxrro_39 ._qrcodeBox_nxrro_42 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._qrcode-area_nxrro_30 ._qrcodeWrapper_nxrro_48 {
    display: flex;
    flex-direction: column
}

._qrcode-area_nxrro_30 ._qrcode_nxrro_30 {
    margin: 0 auto .1rem
}

._qrcode-area_nxrro_30 ._qrcodeCountdown_nxrro_55 {
    text-align: center
}

._qrcode-area_nxrro_30 ._tips_nxrro_58 {
    color: var(--skin__accent_2)
}

._qrcode-area_nxrro_30 ._btns_nxrro_61 {
    position: absolute;
    top: .42rem;
    right: -1.3rem;
    display: flex;
    flex-direction: column;
    width: 1.2rem
}

[dir=rtl] ._qrcode-area_nxrro_30 ._btns_nxrro_61 {
    right: auto;
    left: -1.3rem
}

._qrcode-area_nxrro_30 ._btns_nxrro_61 .ant-btn {
    font-size: .16rem
}

._qrcode-area_nxrro_30 ._btns_nxrro_61 ._btnDownload_nxrro_72 {
    margin-bottom: .2rem;
    white-space: inherit
}

._qrcode-area_nxrro_30 ._btns_nxrro_61 ._btnRefresh_nxrro_76 {
    color: var(--skin__primary)
}

._qrcode-area_nxrro_30 ._btns_nxrro_61 button {
    width: 1.5rem;
    height: .5rem;
    font-size: .2rem
}

._qrcode-area_nxrro_30 ._btn_nxrro_61 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

._qrcode-area_nxrro_30 ._btn_nxrro_61 ._bind_nxrro_90 {
    width: 4.4rem;
    height: .55rem;
    color: var(--skin__text_primary);
    font-size: .2rem;
    text-align: center;
    background-color: var(--skin__primary);
    border-radius: .1rem
}

._qrcode-area_nxrro_30 ._inputArea_nxrro_99 {
    padding: .1rem 0 .2rem
}

._qrcode-area_nxrro_30 ._inputArea_nxrro_99 ._msgErrorTips_nxrro_102 {
    color: var(--skin__accent_2)
}

._qrcode-area_nxrro_30 ._input_nxrro_99 ._prefix_nxrro_105 {
    display: flex;
    align-items: center;
    color: var(--skin__text_primary)
}

._qrcode-area_nxrro_30 ._input_nxrro_99 ._prefix_nxrro_105>span {
    padding: 0 .05rem;
    color: var(--skin__accent_2)
}

._qrcode-area_nxrro_30 ._input_nxrro_99 .ant-input {
    height: .6rem;
    padding-left: .56rem
}

[dir=rtl] ._qrcode-area_nxrro_30 ._input_nxrro_99 .ant-input {
    padding-left: 0;
    padding-right: .56rem
}

._sms-code_1d4rs_30 {
    padding-top: .3rem;
    color: var(--skin__lead)
}

._sms-code_1d4rs_30 ._btn-bind_1d4rs_34 {
    margin-top: 1rem
}

._sms-code_1d4rs_30 .ui-input__suffix-icon i {
    margin-right: .1rem
}

[dir=rtl] ._sms-code_1d4rs_30 .ui-input__suffix-icon i {
    margin-right: 0;
    margin-left: .1rem
}

._unbind_1n4cl_30 {
    margin: .3rem 0;
    color: var(--skin__lead)
}

._unbind_1n4cl_30 ._text_1n4cl_34 {
    margin-bottom: .1rem;
    font-size: .24rem;
    text-align: center
}

._unbind_1n4cl_30 ._btn_1n4cl_39 {
    display: flex;
    justify-content: space-between
}

._unbind_1n4cl_30 ._btn_1n4cl_39>button {
    flex: 1
}

._unbind_1n4cl_30 ._btn_1n4cl_39>button:nth-child(1) {
    margin-right: .2rem
}

[dir=rtl] ._unbind_1n4cl_30 ._btn_1n4cl_39>button:nth-child(1) {
    margin-right: 0;
    margin-left: .2rem
}

._notBind_rsfls_30 .ui-input__prefix i {
    font-size: .3rem
}

._notBind_rsfls_30 ._text_rsfls_33 {
    font-size: .24rem
}

._notBind_rsfls_30 ._tip_rsfls_36 {
    margin: .3rem 0 .1rem;
    font-size: .2rem
}

._notBind_rsfls_30 button {
    margin-top: 1rem
}

._bind-container_jdqj5_30 {
    text-align: center
}

._bind-container_jdqj5_30 ._bindTips_jdqj5_33 {
    display: flex;
    padding-bottom: .1rem
}

._bind-container_jdqj5_30 ._bindTips_jdqj5_33>p {
    font-size: .22rem;
    color: var(--skin__neutral_2);
    flex: 1;
    text-align: center;
    margin: 0 .1rem
}

._bind-container_jdqj5_30 ._content_jdqj5_44 {
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem
}

._bind-container_jdqj5_30 ._bind_jdqj5_30,._bind-container_jdqj5_30 ._setting_jdqj5_50 {
    flex: 1
}

._bind-container_jdqj5_30 ._bind_jdqj5_30 {
    margin-right: .1rem
}

[dir=rtl] ._bind-container_jdqj5_30 ._bind_jdqj5_30 {
    margin-right: 0;
    margin-left: .1rem
}

._bind-container_jdqj5_30 ._setting_jdqj5_50 {
    margin-left: .1rem
}

[dir=rtl] ._bind-container_jdqj5_30 ._setting_jdqj5_50 {
    margin-left: 0;
    margin-right: .1rem
}

._notBindQianNeng_140w7_30 .ui-input__prefix i {
    font-size: .3rem
}

._notBindQianNeng_140w7_30 ._text_140w7_33 {
    font-size: .24rem
}

._notBindQianNeng_140w7_30 ._tip_140w7_36 {
    margin: .3rem 0 .1rem;
    font-size: .2rem
}

._notBindQianNeng_140w7_30 button {
    margin-top: .4rem
}

._warn-tips_7i1n5_30 ._content_7i1n5_30 {
    word-break: break-word
}

._notBindUPAYWallet_1p3zj_30 {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

._notBindUPAYWallet_1p3zj_30 p {
    margin-bottom: .2rem
}

._notBindUPAYWallet_1p3zj_30 ._btn_1p3zj_38 {
    display: flex;
    justify-content: space-between
}

._notBindUPAYWallet_1p3zj_30 ._btn_1p3zj_38>button {
    flex: 1
}

._notBindUPAYWallet_1p3zj_30 ._btn_1p3zj_38>button:nth-child(1) {
    margin-right: .2rem
}

[dir=rtl] ._notBindUPAYWallet_1p3zj_30 ._btn_1p3zj_38>button:nth-child(1) {
    margin-right: 0;
    margin-left: .2rem
}

._notBindWallet_1xvke_30 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    min-height: 3rem
}

._notBindWallet_1xvke_30 p {
    margin-bottom: .2rem
}

._notBindWallet_1xvke_30 ._btn_1xvke_39 {
    display: flex;
    justify-content: space-between
}

._notBindWallet_1xvke_30 ._btn_1xvke_39>button {
    flex: 1
}

._notBindWallet_1xvke_30 ._btn_1xvke_39>button:nth-child(1) {
    margin-right: .2rem
}

[dir=rtl] ._notBindWallet_1xvke_30 ._btn_1xvke_39>button:nth-child(1) {
    margin-right: 0;
    margin-left: .2rem
}

._bobiChannel_u41xz_30 {
    display: flex;
    align-items: center;
    padding-bottom: .3rem
}

._bobiChannel_u41xz_30 ._text_u41xz_35 {
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

._bobiChannel_u41xz_30 ._count-to_u41xz_39 {
    font-size: .32rem;
    padding: 0 .2rem
}

._bobiChannel_u41xz_30 ._btn_u41xz_43 {
    width: auto;
    max-width: 1.6rem;
    height: .5rem;
    font-size: .2rem
}

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

._noBalance_8wrij_30 {
    padding-bottom: .3rem
}

._noWalletID_8wrij_34 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    color: var(--skin__lead);
    font-size: .24rem
}

._noWalletID_8wrij_34 ._icon_8wrij_42 {
    margin-right: .1rem;
    width: .5rem
}

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

._noWalletID_8wrij_34 ._id_8wrij_46 {
    color: var(--skin__neutral_2)
}

._noWalletID_8wrij_34 ._idCopy_8wrij_49 {
    font-size: .3rem;
    margin-left: .1rem;
    line-height: .24rem
}

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

._bindNoWallet_8wrij_55 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: .3rem;
    color: var(--skin__neutral_2);
    font-size: .24rem
}

._bindNoWallet_8wrij_55 .ui-button--normal {
    padding: 0
}

._bindNoWallet_8wrij_55 ._balance_8wrij_66 {
    display: inline-flex;
    align-items: center;
    margin: 0 .2rem;
    color: var(--skin__lead);
    font-size: .32rem
}

._bindNoWallet_8wrij_55 button {
    height: .5rem;
    width: 1.2rem;
    font-size: .2rem
}

._qianNengWallet_733do_30 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .3rem;
    color: var(--theme-primary-color)
}

._qianNengWallet_733do_30 ._balance_733do_38 {
    display: flex;
    align-items: center
}

._qianNengWallet_733do_30 ._text_733do_42 {
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

._qianNengWallet_733do_30 ._count-to_733do_46 {
    font-size: .32rem;
    padding: 0 .2rem
}

._qianNengWallet_733do_30 button {
    width: 1.2rem;
    height: .5rem;
    font-size: .2rem
}

._qianNengWallet_733do_30 ._openQianNeng_733do_55 {
    display: flex;
    align-items: center;
    color: var(--skin__neutral_1);
    font-size: .24rem
}

._qianNengWallet_733do_30 ._openQianNeng_733do_55 ._icon_733do_61 {
    margin-left: .2rem;
    color: var(--skin__border);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[dir=rtl] ._qianNengWallet_733do_30 ._openQianNeng_733do_55 ._icon_733do_61 {
    margin-left: 0;
    margin-right: .2rem;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

._cryptoPay_ittcu_30 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    color: var(--skin__neutral_1);
    font-size: .24rem;
    margin-bottom: .2rem
}

._cryptoPay_ittcu_30>span {
    margin: 0 .2rem;
    color: var(--skin__lead);
    font-size: .24rem
}

._cryptoPay_ittcu_30 .ui-button-mini {
    font-size: .2rem
}

._isLoading_ittcu_48 {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

._form_tlnrj_30 .ui-input__prefix i {
    font-size: .3rem
}

._title_tlnrj_34 {
    font-size: .2rem;
    margin-bottom: .2rem;
    color: var(--skin__lead);
    font-weight: 700;
    text-align: center
}

._isLoading_tlnrj_42 {
    text-align: center
}

._btn-submit-wrap_tlnrj_46 {
    width: 100%;
    margin-top: .2rem
}

._mt40_tlnrj_51 {
    margin-top: .4rem
}

._abandon-reward_tlnrj_55 {
    margin-top: .2rem;
    align-items: flex-start
}

._abandon-reward_tlnrj_55 .ui-checkbox__label {
    color: var(--skin__lead);
    padding-left: .06rem
}

[dir=rtl] ._abandon-reward_tlnrj_55 .ui-checkbox__label {
    padding-left: 0;
    padding-right: .06rem
}

._abandon-activity-reward_tlnrj_64 {
    margin-top: .2rem
}

._gift_tlnrj_68 {
    color: var(--skin__accent_1)
}

._reward_tlnrj_72 {
    color: var(--skin__accent_3)
}

._bind-phone-dialog_tlnrj_76 .ui-dialog__header span {
    color: var(--skin__lead)
}

._bind-phone-dialog_tlnrj_76 ._content_tlnrj_79 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 1.9rem
}

._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 {
    display: flex;
    justify-content: space-between
}

._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 button {
    flex: 1
}

._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 button:nth-child(1) {
    margin-right: .2rem
}

[dir=rtl] ._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 button:nth-child(1) {
    margin-right: 0;
    margin-left: .2rem
}

._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 button p {
    font-size: .24rem
}

._bind-phone-dialog_tlnrj_76 ._btn-group_tlnrj_85 button ._willLose_tlnrj_98 {
    color: var(--skin__neutral_2);
    font-size: .2rem
}

._crypto_1ykht_30 {
    padding: .2rem 0
}

._half-screen-dialog_1ml0k_30 {
    max-height: calc(100% - .9rem);
    border-radius: .2rem .2rem 0 0;
    background-color: var(--skin__bg_2);
    color: var(--skin__lead);
    overflow: hidden;
    display: flex;
    flex-direction: column
}

._half-screen-dialog_1ml0k_30 ._header_1ml0k_39 {
    position: relative;
    height: 1rem;
    width: 100%
}

._half-screen-dialog_1ml0k_30 ._btn-close_1ml0k_44 {
    position: absolute;
    width: .8rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    left: 0;
    top: 0;
    color: var(--skin__neutral_1);
    cursor: pointer
}

[dir=rtl] ._half-screen-dialog_1ml0k_30 ._btn-close_1ml0k_44 {
    left: auto;
    right: 0
}

._half-screen-dialog_1ml0k_30 ._title_1ml0k_55 {
    font-size: .32rem;
    height: 1rem;
    line-height: 1rem;
    margin: auto;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._half-screen-dialog_1ml0k_30 ._extra_1ml0k_65 {
    padding: 0 .3rem;
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    right: 0;
    top: 0
}

[dir=rtl] ._half-screen-dialog_1ml0k_30 ._extra_1ml0k_65 {
    right: auto;
    left: 0
}

[dir=rtl] ._half-screen-dialog_1ml0k_30 ._btn-close_1ml0k_44 {
    transform: rotateY(180deg)
}

[dir=rtl] [dir=rtl] ._half-screen-dialog_1ml0k_30 ._btn-close_1ml0k_44 {
    transform: rotateY(-180deg)
}

._merchant_p7edn_30,._online_4x35f_30 {
    padding: .2rem 0
}

._err-main_1jll3_30 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    color: var(--skin__neutral_2);
    font-size: .22rem;
    align-items: center;
    justify-content: flex-start;
    text-align: center
}

._err-main_1jll3_30 ._none-img_1jll3_41 {
    width: 2rem;
    height: auto;
    margin-bottom: .2rem
}

._err-main_1jll3_30 ._customer-service_1jll3_46,._err-main_1jll3_30 ._btn-copy_1jll3_47 {
    color: var(--skin__primary);
    cursor: pointer
}

._err-main_1jll3_30 ._customer-service_1jll3_46:not(:lang(zh)):not(:lang(zh_hk)) {
    margin: 0 .05rem
}

._err-main_1jll3_30 ._err-code_1jll3_54,._transfer_1xry3_30 {
    padding: .2rem 0
}

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

._main-recharge_1m3jl_30 ._extra_1m3jl_33 {
    font-size: .36rem;
    color: var(--skin__primary);
    padding: 0 .15rem
}

._main-recharge_1m3jl_30 ._extra_1m3jl_33 ._img_1m3jl_38 {
    padding: .15rem
}

._main-recharge_1m3jl_30 .btn-close>i {
    margin-left: -.15rem
}

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

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

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

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

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

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

._main-recharge_1m3jl_30 .ui-tabs__nav--line .ui-tab {
    padding-top: .1rem
}

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

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

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

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

._main-recharge_1m3jl_30 .ui-tab__panel {
    height: 100%;
    padding: 0 .2rem;
    overflow-y: scroll
}

._main-recharge_1m3jl_30 .ui-badge__content {
    color: #ff0
}

._main-recharge_1m3jl_30 ._input-content_1m3jl_88 {
    width: 100%
}

._main-recharge_1m3jl_30 ._input-content_1m3jl_88 ._tips_1m3jl_91 {
    font-size: .2rem;
    margin-bottom: .1rem
}

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

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

._title_1m3jl_108 {
    height: .8rem
}

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

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

._title_1m3jl_108 ._tab-icon_1m3jl_114 {
    font-size: .38rem
}

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

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

.wallet-recharge-success-dialog .ui-dialog__header {
    color: var(--skin__lead)
}

.ui-password-input {
    width: 100%;
    position: relative;
    user-select: none
}

.ui-password-input__security {
    display: flex;
    max-width: 100%;
    height: 1rem;
    cursor: pointer;
    border-radius: .14rem;
    overflow: hidden;
    border: var(--lobby__px) solid var(--skin__border);
    margin: 0;
    position: relative
}

.ui-password-input__security:after {
    border-radius: .12rem
}

.ui-password-input__security li {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--skin__lead);
    font-size: .3rem;
    line-height: 1.2;
    background: var(--skin__bg_2)
}

.ui-password-input__security li:not(:last-child) {
    border-right: var(--lobby__px) solid var(--skin__border)
}

[dir=rtl] .ui-password-input__security li:not(:last-child) {
    border-right: none;
    border-left: var(--lobby__px) solid var(--skin__border)
}

.ui-password-input__security i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .26rem;
    height: .26rem;
    background: var(--skin__lead);
    border-radius: 100%;
    transform: translate(-50%,-50%);
    visibility: hidden
}

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

.ui-password-input__cursor {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .03rem;
    height: .44rem;
    background: var(--skin__lead);
    transform: translate(-50%,-50%);
    animation: 1s cursor-flicker infinite
}

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

@keyframes cursor-flicker {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ui-number-keyboard {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 7.5rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding-bottom: calc(.22rem + env(safe-area-inset-bottom));
    background: var(--skin__kb_bg);
    user-select: none
}

.ui-number-keyboard--with-title {
    border-radius: .2rem .2rem 0 0
}

.ui-number-keyboard__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    height: .68rem;
    padding-top: .06rem;
    color: #646566;
    font-size: .32rem
}

.ui-number-keyboard__title {
    display: inline-block;
    font-weight: 400
}

.ui-number-keyboard__title-left {
    position: absolute;
    left: 0
}

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

.ui-number-keyboard__body {
    display: flex;
    padding: .15rem .1rem
}

.ui-number-keyboard__keys {
    display: flex;
    flex: 3;
    justify-content: space-between;
    flex-wrap: wrap
}

.ui-number-keyboard__close {
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 .32rem;
    color: var(--skin__primary);
    font-size: .28rem;
    background-color: transparent;
    border: none
}

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

.ui-number-keyboard__sidebar {
    display: flex;
    flex: 1;
    flex-direction: column
}

.ui-number-keyboard--unfit {
    padding-bottom: 0
}

.ui-number-keyboard-key {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .92rem;
    font-size: .42rem;
    line-height: 1.5;
    background: var(--skin__bg_2);
    border-radius: .1rem;
    cursor: pointer
}

.ui-number-keyboard-key--large {
    position: absolute;
    top: 0;
    right: .06rem;
    bottom: .06rem;
    left: 0;
    height: auto
}

[dir=rtl] .ui-number-keyboard-key--large {
    left: .06rem;
    right: 0
}

.ui-number-keyboard-key--active {
    background-color: #ebedf0
}

.ui-number-keyboard-key--blue {
    color: var(--skin__bg_2);
    background: var(--skin__primary)
}

.ui-number-keyboard-key__wrapper {
    position: relative;
    width: 2.36rem;
    height: .92rem;
    margin-bottom: .11rem;
    box-sizing: border-box
}

.ui-number-keyboard-key__wrapper--wider {
    flex-basis: 66%
}

.ui-number-keyboard-key--delete,.ui-number-keyboard-key--extra {
    background: transparent
}

.ui-number-keyboard-key__delete-icon {
    width: .46rem;
    height: .33rem
}

.ui-number-keyboard-key__collapse-icon {
    width: .42rem;
    height: .4rem
}

.ui-number-keyboard-key__loading-icon {
    color: var(--skin__bg_2)
}

._form_1fq6y_30 {
    padding-top: .1rem
}

._form_1fq6y_30 ._label_1fq6y_33 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .18rem
}

._form_1fq6y_30 ._label_1fq6y_33 ._text_1fq6y_39 {
    color: var(--skin__lead);
    font-size: .24rem
}

._form_1fq6y_30 ._label_1fq6y_33 i {
    font-size: .36rem
}

._form_1fq6y_30 ._label_1fq6y_33 ._show_1fq6y_46 {
    color: var(--skin__primary)
}

._form_1fq6y_30 ._label_1fq6y_33 ._hidden_1fq6y_49 {
    color: var(--skin__border)
}

._form_1fq6y_30 ._remark_1fq6y_52 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .2rem;
    color: var(--skin__lead);
    font-size: .22rem
}

._form_1fq6y_30 ._remark_1fq6y_52 ._active_1fq6y_60 {
    color: var(--skin__primary);
    text-align: right;
    cursor: pointer
}

[dir=rtl] ._form_1fq6y_30 ._remark_1fq6y_52 ._active_1fq6y_60 {
    text-align: left
}

._form_1fq6y_30 ._button_1fq6y_65 {
    margin-top: .4rem;
    width: 100%;
    border-radius: .14rem
}

._withdrawalPassword_5rzrd_30 {
    width: 6.9rem;
    border-radius: .2rem
}

._withdrawalPassword_5rzrd_30 .lobby-form-item__input {
    display: inline-block;
    height: auto
}

._withdrawalPassword_5rzrd_30 .ui-password-input {
    margin: 0
}

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

._withdrawalPassword_5rzrd_30 .ui-dialog__content {
    padding: 0 .3rem .3rem
}

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

._animatePopup_1t2v4_35 {
    background-color: transparent!important
}

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

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

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

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

._live_zthxy_30 {
    position: absolute;
    z-index: 9999
}

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

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

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

._draggable_12rts_30 {
    position: fixed;
    cursor: grab
}

._screen-btn_zecfy_30 {
    --screen-btn-font-size: .28rem;
    --screen-btn-right: .78rem;
    --screen-btn-top: .2rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    top: var(--screen-btn-top);
    right: var(--screen-btn-right);
    font-size: var(--screen-btn-font-size);
    padding: .1rem;
    margin: -.1rem
}

[dir=rtl] ._screen-btn_zecfy_30 {
    right: auto;
    left: var(--screen-btn-right)
}

[dir=rtl] ._screen-btn_zecfy_30 {
    right: var(--screen-btn-right);
    left: auto
}

[dir=rtl] [dir=rtl] ._screen-btn_zecfy_30 {
    left: var(--screen-btn-right);
    right: auto
}

@media only screen and (orientation: landscape) {
    ._screen-btn_zecfy_30._is-fullscreen_zecfy_49._is-mobile_zecfy_49 {
        font-size:.8rem;
        right: 2.1rem;
        top: .5rem
    }

    [dir=rtl] ._screen-btn_zecfy_30._is-fullscreen_zecfy_49._is-mobile_zecfy_49 {
        right: auto;
        left: 2.1rem
    }

    [dir=rtl] ._screen-btn_zecfy_30._is-fullscreen_zecfy_49._is-mobile_zecfy_49 {
        right: 2.1rem;
        left: auto
    }

    [dir=rtl] [dir=rtl] ._screen-btn_zecfy_30._is-fullscreen_zecfy_49._is-mobile_zecfy_49 {
        left: 2.1rem;
        right: auto
    }
}

._loading-box_11uux_30 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    pointer-events: none
}

[dir=rtl] ._loading-box_11uux_30 {
    left: auto;
    right: 0
}

._loading-box_11uux_30 ._loading-icon_11uux_42 {
    --loading-icon-width: .6rem;
    --landscape-font-size-scale: 1.7777777;
    width: var(--loading-icon-width)
}

@media only screen and (orientation: landscape) {
    ._loading-box_11uux_30._is-fullscreen_11uux_49._is-mobile_11uux_49 ._loading-icon_11uux_42 {
        --loading-icon-width:.6rem;
        --landscape-font-size-scale: 1.7777777;
        width: calc(var(--landscape-font-size-scale) * var(--loading-icon-width))
    }
}

._no-live-for-now_1q0ur_30 {
    --no-live-for-now-height: 3.939rem;
    --no-live-for-now-font-size: .22rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--no-live-for-now-height);
    font-size: var(--no-live-for-now-font-size);
    transform: translateY(-50%);
    pointer-events: none
}

[dir=rtl] ._no-live-for-now_1q0ur_30 {
    left: auto;
    right: 0
}

@media only screen and (orientation: landscape) {
    ._no-live-for-now_1q0ur_30._is-fullscreen_1q0ur_48._is-mobile_1q0ur_48 {
        --no-live-for-now-height:3.939rem;
        --no-live-for-now-font-size: .22rem;
        --landscape-font-size-scale: 1.7777777;
        height: calc(var(--landscape-font-size-scale) * var(--no-live-for-now-height));
        font-size: calc(var(--landscape-font-size-scale) * var(--no-live-for-now-font-size))
    }
}

._play-btn_1fdpr_30 {
    --play-btn-font-size: .29rem;
    --play-btn-bottom: .31rem;
    --play-btn-left: .21rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    bottom: var(--play-btn-bottom);
    left: var(--play-btn-left);
    font-size: var(--play-btn-font-size);
    pointer-events: auto;
    padding: .1rem;
    margin: -.1rem
}

[dir=rtl] ._play-btn_1fdpr_30 {
    left: auto;
    right: var(--play-btn-left)
}

[dir=rtl] ._play-btn_1fdpr_30 {
    left: var(--play-btn-left);
    right: auto
}

[dir=rtl] [dir=rtl] ._play-btn_1fdpr_30 {
    right: var(--play-btn-left);
    left: auto
}

@media only screen and (orientation: landscape) {
    ._play-btn_1fdpr_30._is-fullscreen_1fdpr_50._is-mobile_1fdpr_50 {
        font-size:.8rem;
        left: .5rem;
        bottom: .5rem
    }

    [dir=rtl] ._play-btn_1fdpr_30._is-fullscreen_1fdpr_50._is-mobile_1fdpr_50 {
        left: auto;
        right: .5rem
    }

    [dir=rtl] ._play-btn_1fdpr_30._is-fullscreen_1fdpr_50._is-mobile_1fdpr_50 {
        left: .5rem;
        right: auto
    }

    [dir=rtl] [dir=rtl] ._play-btn_1fdpr_30._is-fullscreen_1fdpr_50._is-mobile_1fdpr_50 {
        right: .5rem;
        left: auto
    }
}

._volume-btn_1ublk_30 {
    --volume-btn-font-size: .32rem;
    --volume-btn-right: .2rem;
    --volume-btn-bottom: .31rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    right: var(--volume-btn-right);
    bottom: var(--volume-btn-bottom);
    font-size: var(--volume-font-size);
    padding: .1rem;
    margin: -.1rem
}

[dir=rtl] ._volume-btn_1ublk_30 {
    right: auto;
    left: var(--volume-btn-right)
}

[dir=rtl] ._volume-btn_1ublk_30 {
    --volume-btn-font-size: .32rem;
    --volume-btn-right: .2rem;
    --volume-btn-bottom: .31rem;
    --landscape-font-size-scale: 1.7777777;
    right: var(--volume-btn-right);
    left: auto
}

[dir=rtl] [dir=rtl] ._volume-btn_1ublk_30 {
    left: var(--volume-btn-right);
    right: auto
}

@media only screen and (orientation: landscape) {
    ._volume-btn_1ublk_30._is-fullscreen_1ublk_53._is-mobile_1ublk_53 {
        font-size:.8rem;
        right: .5rem;
        bottom: .7rem
    }

    [dir=rtl] ._volume-btn_1ublk_30._is-fullscreen_1ublk_53._is-mobile_1ublk_53 {
        right: auto;
        left: .5rem
    }

    [dir=rtl] ._volume-btn_1ublk_30._is-fullscreen_1ublk_53._is-mobile_1ublk_53 {
        right: .5rem;
        left: auto
    }

    [dir=rtl] [dir=rtl] ._volume-btn_1ublk_30._is-fullscreen_1ublk_53._is-mobile_1ublk_53 {
        left: .5rem;
        right: auto
    }
}

._close-btn_1cj9h_30 {
    --close-btn-top: .2rem;
    --close-btn-right: .2rem;
    --close-btn-font-size: .28rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    top: var(--close-btn-top);
    right: var(--close-btn-right);
    font-size: var(--close-btn-font-size);
    padding: .1rem;
    margin: -.1rem
}

[dir=rtl] ._close-btn_1cj9h_30 {
    right: auto;
    left: var(--close-btn-right)
}

[dir=rtl] ._close-btn_1cj9h_30 {
    --close-btn-top: .2rem;
    --close-btn-right: .2rem;
    --close-btn-font-size: .28rem;
    --landscape-font-size-scale: 1.7777777;
    right: var(--close-btn-right);
    left: auto
}

[dir=rtl] [dir=rtl] ._close-btn_1cj9h_30 {
    left: var(--close-btn-right);
    right: auto
}

@media only screen and (orientation: landscape) {
    ._close-btn_1cj9h_30._is-fullscreen_1cj9h_53._is-mobile_1cj9h_53 {
        font-size:.8rem;
        right: .5rem;
        top: .5rem
    }

    [dir=rtl] ._close-btn_1cj9h_30._is-fullscreen_1cj9h_53._is-mobile_1cj9h_53 {
        right: auto;
        left: .5rem
    }

    [dir=rtl] ._close-btn_1cj9h_30._is-fullscreen_1cj9h_53._is-mobile_1cj9h_53 {
        right: .5rem;
        left: auto
    }

    [dir=rtl] [dir=rtl] ._close-btn_1cj9h_30._is-fullscreen_1cj9h_53._is-mobile_1cj9h_53 {
        left: .5rem;
        right: auto
    }
}

._menu-btn_1uwq2_30 {
    --menu-btn-font-size: .28rem;
    --menu-btn-top: .2rem;
    --menu-btn-left: .2rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    top: var(--menu-btn-top);
    left: var(--menu-btn-left);
    font-size: var(--menu-btn-font-size);
    padding: .1rem;
    margin: -.1rem
}

[dir=rtl] ._menu-btn_1uwq2_30 {
    left: auto;
    right: var(--menu-btn-left)
}

[dir=rtl] ._menu-btn_1uwq2_30 {
    --menu-btn-font-size: .28rem;
    --menu-btn-top: .2rem;
    --menu-btn-left: .2rem;
    --landscape-font-size-scale: 1.7777777;
    left: var(--menu-btn-left);
    right: auto
}

[dir=rtl] [dir=rtl] ._menu-btn_1uwq2_30 {
    right: var(--menu-btn-left);
    left: auto
}

@media only screen and (orientation: landscape) {
    ._menu-btn_1uwq2_30._is-fullscreen_1uwq2_53._is-mobile_1uwq2_53 {
        font-size:.8rem;
        left: .5rem;
        top: .5rem
    }

    [dir=rtl] ._menu-btn_1uwq2_30._is-fullscreen_1uwq2_53._is-mobile_1uwq2_53 {
        left: auto;
        right: .5rem
    }

    [dir=rtl] ._menu-btn_1uwq2_30._is-fullscreen_1uwq2_53._is-mobile_1uwq2_53 {
        left: .5rem;
        right: auto
    }

    [dir=rtl] [dir=rtl] ._menu-btn_1uwq2_30._is-fullscreen_1uwq2_53._is-mobile_1uwq2_53 {
        right: .5rem;
        left: auto
    }
}

._not-is-playing_gcqat_30 .alt {
    opacity: 0
}

._no-live-or-end-status_gcqat_34 {
    background-color: rgba(0,0,0,.5)
}

._no-live-or-end-status_gcqat_34 .alt {
    opacity: 0
}

._highLightItem_v5qax_30 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 5.6rem;
    height: .62rem;
    margin: 0 auto .1rem;
    padding: 0 .1rem;
    font-size: .2rem;
    background-color: rgba(0,0,0,.5);
    border: solid thin rgba(255,255,255,.3);
    border-radius: .1rem;
    cursor: pointer
}

._highLightItem_v5qax_30 ._text_v5qax_44 {
    width: 3.68rem;
    margin-right: .1rem;
    font-size: .2rem;
    word-break: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

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

._highLightItem_v5qax_30 ._time_v5qax_56 {
    margin: 0 .1rem
}

._highLightItem_v5qax_30 i {
    color: red;
    font-size: .22rem
}

._highLightItem_v5qax_30 ._placeEle1_v5qax_63 {
    width: .27rem;
    height: .2rem
}

._item_80duq_30 {
    --item-width: 5.3rem;
    --item-height: .62rem;
    --item-margin-right: .1rem;
    --item-padding-left-right: .1rem;
    --item-font-size: .16rem;
    --item-font-border-radius: .1rem;
    --inner-team-name-width: 1.2rem;
    --inner-team-name-font-size: .2rem;
    --team-logo-width: .95rem;
    --team-logo-margin-right: .1rem;
    --team-logo-margin-left: .12rem;
    --home-team-logo-width: .25rem;
    --icon-sjb-vs-margin-left-right: .09rem;
    --icon-sjb-vs-font-size: .24rem;
    --match-time-margin-left: .06rem;
    --time-margin-left-right: .1rem;
    --time-font-size: .2rem;
    --live-status-font-size: .22rem;
    --place-ele-width: .27rem;
    --place-ele-height: .2rem;
    --landscape-font-size-scale: 1.7777777;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: var(--item-width);
    height: var(--item-height);
    margin: 0 auto var(--item-margin-right);
    padding: 0 var(--item-padding-left-right);
    font-size: var(--item-font-size);
    background-color: rgba(0,0,0,.5);
    border: solid thin rgba(255,255,255,.3);
    border-radius: var(--item-font-border-radius);
    cursor: pointer
}

._item_80duq_30 ._team-name_80duq_65 {
    display: flex;
    align-items: center;
    justify-content: center
}

._item_80duq_30 ._team-name_80duq_65 ._inner-team-name_80duq_70 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: var(--inner-team-name-width);
    font-size: var(--inner-team-name-font-size);
    word-break: break-all
}

._item_80duq_30 ._team-name_80duq_65 ._inner-team-name_80duq_70:nth-of-type(1) {
    text-align: right
}

[dir=rtl] ._item_80duq_30 ._team-name_80duq_65 ._inner-team-name_80duq_70:nth-of-type(1) {
    text-align: left
}

._item_80duq_30 ._team-name_80duq_65 ._inner-team-name_80duq_70:nth-of-type(2) {
    text-align: left
}

[dir=rtl] ._item_80duq_30 ._team-name_80duq_65 ._inner-team-name_80duq_70:nth-of-type(2) {
    text-align: right
}

._item_80duq_30 ._team-name_80duq_65 ._team-logo_80duq_87 {
    display: flex;
    align-items: center;
    width: var(--team-logo-width);
    margin: 0 var(--team-logo-margin-right) 0 var(--team-logo-margin-left)
}

[dir=rtl] ._item_80duq_30 ._team-name_80duq_65 ._team-logo_80duq_87 {
    margin: 0 var(--team-logo-margin-left) 0 var(--team-logo-margin-right)
}

._item_80duq_30 ._team-name_80duq_65 ._team-logo_80duq_87 ._home-team-logo_80duq_93,._item_80duq_30 ._team-name_80duq_65 ._team-logo_80duq_87 ._away-team-logo_80duq_93 {
    width: var(--home-team-logo-width)
}

._item_80duq_30 ._team-name_80duq_65 ._team-logo_80duq_87 ._icon-sjb-vs_80duq_96 {
    margin: 0 var(--icon-sjb-vs-margin-left-right);
    font-size: var(--icon-sjb-vs-font-size)
}

._item_80duq_30 ._match-time_80duq_100 {
    display: flex;
    align-items: center;
    margin-left: var(--match-time-margin-left)
}

[dir=rtl] ._item_80duq_30 ._match-time_80duq_100 {
    margin-left: 0;
    margin-right: var(--match-time-margin-left)
}

._item_80duq_30 ._match-time_80duq_100 ._time_80duq_105 {
    margin: 0 var(--time-margin-left-right);
    font-size: var(--time-font-size);
    text-align: center
}

._item_80duq_30 ._match-time_80duq_100 ._live-status_80duq_110 {
    color: red;
    font-size: var(--live-status-font-size)
}

._item_80duq_30._not-allowed_80duq_114 {
    cursor: not-allowed;
    opacity: .8
}

._item_80duq_30 ._place-ele_80duq_118 {
    width: var(--place-ele-width);
    height: var(--place-ele-height)
}

@media only screen and (orientation: landscape) {
    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 {
        width:13.31rem;
        height: 1.59rem;
        margin: 0 auto .3rem;
        padding: .46rem .3rem;
        font-size: .44rem;
        border-radius: .3rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._team-name_80duq_65 ._inner-team-name_80duq_70 {
        width: 3.02rem;
        font-size: .44rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._team-name_80duq_65 ._team-logo_80duq_87 {
        width: 2.73rem;
        margin: 0 .2rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._team-name_80duq_65 ._team-logo_80duq_87 ._home-team-logo_80duq_93,._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._team-name_80duq_65 ._team-logo_80duq_87 ._away-team-logo_80duq_93 {
        width: .78222rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._team-name_80duq_65 ._team-logo_80duq_87 ._icon-sjb-vs_80duq_96 {
        margin: .3rem;
        font-size: .44rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._match-time_80duq_100 {
        margin-left: .2rem
    }

    [dir=rtl] ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._match-time_80duq_100 {
        margin-left: 0;
        margin-right: .2rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._match-time_80duq_100 ._time_80duq_105 {
        margin-right: .2rem;
        font-size: .44rem
    }

    [dir=rtl] ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._match-time_80duq_100 ._time_80duq_105 {
        margin-right: 0;
        margin-left: .2rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._match-time_80duq_100 ._live-status_80duq_110 {
        font-size: .67rem
    }

    ._item_80duq_30._is-fullscreen_80duq_124._is-mobile_80duq_124 ._place-ele_80duq_118 {
        width: .67rem;
        height: .67rem
    }
}

html[data-isdesktop="0"] ._live-stream-with-live_1uyix_30 .lobby-scroll.lobby-scroll--system-scrollbar {
    scrollbar-color: rgba(255,255,255,.3) transparent!important
}

html[data-isdesktop="1"] ._live-stream-with-live_1uyix_30 .ps__rail-y .ps__thumb-y {
    background-color: rgba(255,255,255,.3)
}

._live-stream-with-live_1uyix_30 {
    --live-stream-with-live-width: 5.74rem;
    --title-margin-bottom: .2rem;
    --other-match-font-size: .22rem;
    --decorate-width: .08rem;
    --decorate-height: .08rem;
    --decorate-before-width: .08rem;
    --decorate-before-height: .08rem;
    --decorate-after-width: .8rem;
    --decorate-after-height: .02rem;
    --landscape-font-size-scale: 1.7777777;
    width: var(--live-stream-with-live-width);
    height: 3.5rem;
    margin: -3.5rem auto 0;
    transform: translateY(3.8rem);
    position: relative;
    z-index: 9;
    overflow: hidden
}

._live-stream-with-live_1uyix_30 .lobby-scroll {
    height: 3.5rem
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 {
    display: flex;
    flex: 2;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--title-margin-bottom)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._other-match_1uyix_67 {
    margin: 0 .12rem;
    color: #fff;
    font-size: var(--other-match-font-size)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72 {
    position: relative;
    width: var(--decorate-width);
    height: var(--decorate-height)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72:before {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--decorate-before-width);
    height: var(--decorate-before-height);
    background-color: #fff;
    transform: rotate(45deg);
    content: ""
}

[dir=rtl] ._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72:before {
    left: auto;
    right: 0;
    transform: rotate(-45deg)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: var(--decorate-after-width);
    height: var(--decorate-after-height);
    background-image: linear-gradient(to right,rgba(255,255,255,0) 1%,#fff 99%);
    content: ""
}

[dir=rtl] ._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72:after {
    left: auto;
    right: 0;
    background-image: linear-gradient(to left,rgba(255,255,255,0) 1%,#fff 99%)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72._left_1uyix_96:after {
    transform: translate(-100%) translateY(-50%)
}

[dir=rtl] ._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72._left_1uyix_96:after {
    transform: translate(100%) translateY(-50%)
}

._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72._right_1uyix_99:after {
    transform: translate(.07rem) translateY(-50%) rotate(180deg)
}

[dir=rtl] ._live-stream-with-live_1uyix_30 ._title_1uyix_60 ._decorate_1uyix_72._right_1uyix_99:after {
    transform: translate(-.07rem) translateY(-50%) rotate(-180deg)
}

@media only screen and (orientation: landscape) {
    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104 {
        height:100vh;
        margin: -100vh 0 0;
        transform: translateY(100vh);
        border-right: .02rem solid rgba(255,255,255,.25);
        padding: .3rem .1rem .3rem .2rem
    }

    [dir=rtl] ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104 {
        border-right: none;
        border-left: .02rem solid rgba(255,255,255,.25);
        padding: .3rem .2rem .3rem .1rem
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104 .lobby-scroll {
        height: 100vh
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 {
        width: 14.29rem
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 ._title_1uyix_60 {
        margin-bottom: .3rem
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 ._title_1uyix_60 ._other-match_1uyix_67 {
        font-size: .52rem
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 ._title_1uyix_60 ._decorate_1uyix_72 {
        width: calc(var(--landscape-font-size-scale) * var(--decorate-width));
        height: calc(var(--landscape-font-size-scale) * var(--decorate-height))
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 ._title_1uyix_60 ._decorate_1uyix_72:before {
        width: calc(var(--landscape-font-size-scale) * var(--decorate-before-width));
        height: calc(var(--landscape-font-size-scale) * var(--decorate-before-height))
    }

    ._live-stream-with-live_1uyix_30._is-fullscreen_1uyix_104._is-mobile_1uyix_114 ._title_1uyix_60 ._decorate_1uyix_72:after {
        width: calc(var(--landscape-font-size-scale) * var(--decorate-after-width));
        height: calc(var(--landscape-font-size-scale) * var(--decorate-after-height))
    }
}

._select-button_rs4j2_30 {
    --select-button-min-width: 1.6rem;
    --select-button-height: .51rem;
    --select-button-padding: .15rem;
    --select-button-font-size: .22rem;
    --select-button-border-radius: .25rem;
    --image-arrow-width: .15rem;
    --image-arrow-margin-top: .01rem;
    --landscape-font-size-scale: 1.7777777;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: var(--select-button-min-width);
    height: var(--select-button-height);
    padding: 0 var(--select-button-padding);
    font-size: var(--select-button-font-size);
    background-color: rgba(0,0,0,.2);
    border: solid thin rgba(255,255,255,.4);
    border-radius: var(--select-button-border-radius)
}

._select-button_rs4j2_30 ._image-arrow_rs4j2_50 {
    width: var(--image-arrow-width);
    margin-top: var(--image-arrow-margin-top)
}

._select-button_rs4j2_30._show-drop-content_rs4j2_54 ._image-arrow_rs4j2_50 {
    transform: rotate(180deg)
}

[dir=rtl] ._select-button_rs4j2_30._show-drop-content_rs4j2_54 ._image-arrow_rs4j2_50 {
    transform: rotate(-180deg)
}

@media only screen and (orientation: landscape) {
    ._select-button_rs4j2_30._is-fullscreen_rs4j2_59._is-mobile_rs4j2_59 {
        min-width:3.08rem;
        height: 1.21rem;
        padding: .28rem .5rem;
        font-size: .48rem;
        border-radius: .6rem;
        border: .03rem solid rgba(255,255,255,.3);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    ._select-button_rs4j2_30._is-fullscreen_rs4j2_59._is-mobile_rs4j2_59 ._image-arrow_rs4j2_50 {
        display: block;
        margin-left: .58rem;
        width: .3rem
    }

    [dir=rtl] ._select-button_rs4j2_30._is-fullscreen_rs4j2_59._is-mobile_rs4j2_59 ._image-arrow_rs4j2_50 {
        margin-left: 0;
        margin-right: .58rem
    }
}

html[data-isdesktop="0"] ._dropdown-content_829v2_30 .lobby-scroll.lobby-scroll--system-scrollbar {
    scrollbar-color: rgba(255,255,255,.3) transparent!important
}

html[data-isdesktop="1"] ._dropdown-content_829v2_30 .ps__rail-y .ps__thumb-y {
    background-color: rgba(255,255,255,.3)
}

._dropdown-content_829v2_30 {
    --dropdown-content-bottom: .5rem;
    --dropdown-content-width: 2.5rem;
    --item-url-width: 2.1rem;
    --item-url-height: .8rem;
    --item-index-font-size: .24rem;
    --checkbox-width: .3rem;
    --checkbox-height: .3rem;
    --itme-image-font-size: .3rem;
    --scroll-content-max-height: 3.2rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    right: 0;
    bottom: var(--dropdown-content-bottom);
    z-index: 6;
    display: none;
    width: var(--dropdown-content-width);
    padding-left: .16rem;
    color: #fff;
    background-color: rgba(0,0,0,.7);
    border: solid thin rgba(255,255,255,.4);
    border-radius: .1rem
}

[dir=rtl] ._dropdown-content_829v2_30 {
    right: auto;
    left: 0;
    padding-left: 0;
    padding-right: .16rem
}

._dropdown-content_829v2_30 ._scroll-content_829v2_61 {
    max-height: var(--scroll-content-max-height)
}

._dropdown-content_829v2_30 ._item-url_829v2_64 {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    width: var(--item-url-width);
    height: var(--item-url-height);
    margin-left: .02rem;
    border-bottom: solid thin rgba(227,227,227,.4941176471)
}

[dir=rtl] ._dropdown-content_829v2_30 ._item-url_829v2_64 {
    margin-left: 0;
    margin-right: .02rem
}

._dropdown-content_829v2_30 ._item-url_829v2_64 ._item-index_829v2_74 {
    font-size: var(--item-index-font-size)
}

._dropdown-content_829v2_30 ._item-url_829v2_64 ._checkbox_829v2_77 {
    width: var(--checkbox-width);
    height: var(--checkbox-height);
    border: solid thin #fff;
    border-radius: 100%
}

._dropdown-content_829v2_30 ._item-url_829v2_64 ._checkbox_829v2_77 ._itme-image_829v2_83 {
    position: relative;
    top: -.01rem;
    left: -.01rem;
    font-size: var(--itme-image-font-size)
}

[dir=rtl] ._dropdown-content_829v2_30 ._item-url_829v2_64 ._checkbox_829v2_77 ._itme-image_829v2_83 {
    left: auto;
    right: -.01rem
}

._dropdown-content_829v2_30 ._item-url_829v2_64:last-of-type {
    border-bottom: none
}

._dropdown-content_829v2_30._show-dropdown-content_829v2_92 {
    display: flex;
    flex-direction: column
}

@media only screen and (orientation: landscape) {
    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 {
        bottom:1.2rem;
        width: 5.29rem;
        padding: 0 0 0 .41rem;
        border-radius: .3rem
    }

    [dir=rtl] ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 {
        padding: 0 .41rem 0 0
    }

    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._scroll-content_829v2_61 {
        max-height: 5.29rem
    }

    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._item-url_829v2_64 {
        width: 4.37rem;
        height: 1.66rem
    }

    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._item-url_829v2_64 ._item-index_829v2_74 {
        font-size: .48rem
    }

    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._item-url_829v2_64 ._checkbox_829v2_77 {
        width: .62rem;
        height: .62rem
    }

    ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._item-url_829v2_64 ._checkbox_829v2_77 ._itme-image_829v2_83 {
        top: -.02rem;
        left: -.02rem;
        font-size: .62rem
    }

    [dir=rtl] ._dropdown-content_829v2_30._is-mobile_829v2_98._is-fullscreen_829v2_98 ._item-url_829v2_64 ._checkbox_829v2_77 ._itme-image_829v2_83 {
        left: auto;
        right: -.02rem
    }
}

._dropdown-btn_1njcu_30 {
    --dropdown-btn-right: .83rem;
    --dropdown-btn-bottom: .2rem;
    --landscape-font-size-scale: 1.7777777;
    position: absolute;
    right: var(--dropdown-btn-right);
    bottom: var(--dropdown-btn-bottom);
    cursor: pointer
}

[dir=rtl] ._dropdown-btn_1njcu_30 {
    right: auto;
    left: var(--dropdown-btn-right)
}

[dir=rtl] ._dropdown-btn_1njcu_30 {
    --dropdown-btn-right: .83rem;
    --dropdown-btn-bottom: .2rem;
    --landscape-font-size-scale: 1.7777777;
    right: var(--dropdown-btn-right);
    left: auto
}

[dir=rtl] [dir=rtl] ._dropdown-btn_1njcu_30 {
    left: var(--dropdown-btn-right);
    right: auto
}

@media only screen and (orientation: landscape) {
    ._dropdown-btn_1njcu_30._is-fullscreen_1njcu_49._is-mobile_1njcu_49 {
        right:2.6rem;
        bottom: .5rem
    }

    [dir=rtl] ._dropdown-btn_1njcu_30._is-fullscreen_1njcu_49._is-mobile_1njcu_49 {
        right: auto;
        left: 2.6rem
    }

    [dir=rtl] ._dropdown-btn_1njcu_30._is-fullscreen_1njcu_49._is-mobile_1njcu_49 {
        right: 2.6rem;
        left: auto
    }

    [dir=rtl] [dir=rtl] ._dropdown-btn_1njcu_30._is-fullscreen_1njcu_49._is-mobile_1njcu_49 {
        left: 2.6rem;
        right: auto
    }
}

._world-cup-started-tips_vjd4l_30 {
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    display: flex;
    align-items: center;
    width: 2.65rem;
    min-height: .4rem;
    font-size: .16rem;
    background-color: rgba(0,0,0,.7);
    border: solid thin rgba(255,255,255,.3);
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem
}

[dir=rtl] ._world-cup-started-tips_vjd4l_30 {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: .1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .1rem
}

._world-cup-started-tips_vjd4l_30 ._tip-cup-image_vjd4l_44 {
    width: .22rem;
    margin-left: .12rem
}

[dir=rtl] ._world-cup-started-tips_vjd4l_30 ._tip-cup-image_vjd4l_44 {
    margin-left: 0;
    margin-right: .12rem
}

._world-cup-started-tips_vjd4l_30 ._tip-cup-text_vjd4l_48 {
    width: 1.95rem;
    margin-left: .08rem;
    cursor: pointer
}

[dir=rtl] ._world-cup-started-tips_vjd4l_30 ._tip-cup-text_vjd4l_48 {
    margin-left: 0;
    margin-right: .08rem
}

._world-cup-started-tips_vjd4l_30 ._close-btn_vjd4l_53 {
    font-size: .16rem;
    cursor: pointer
}

._live-stream-drag_1vsj0_30 {
    color: #fff;
    width: var(--lobby__max-width);
    height: 3.93rem;
    top: calc(var(--lobby__screen-height) / 2 - 1.96rem)
}

._live-stream-poster-image_1vsj0_37 {
    pointer-events: auto;
    position: absolute;
    left: .3rem;
    height: 3.93rem;
    width: calc(var(--lobby__max-width) - .6rem);
    background-size: cover;
    background-repeat: no-repeat
}

[dir=rtl] ._live-stream-poster-image_1vsj0_37 {
    left: auto;
    right: .3rem
}

._live-stream-poster-image_1vsj0_37._is-fullscreen_1vsj0_46 {
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    position: fixed;
    transform: translateY(0)
}

[dir=rtl] ._live-stream-poster-image_1vsj0_37._is-fullscreen_1vsj0_46 {
    left: auto;
    right: 0
}

._live-stream-drag_1vsj0_30._is-fullscreen_1vsj0_46._is-mobile_1vsj0_55 {
    width: 100vw;
    height: 100vh;
    transform: translateY(0);
    left: 0;
    top: 0!important
}

[dir=rtl] ._live-stream-drag_1vsj0_30._is-fullscreen_1vsj0_46._is-mobile_1vsj0_55 {
    left: auto;
    right: 0
}

@media only screen and (orientation: portrait) {
    ._live-stream-poster-image_1vsj0_37._is-fullscreen_1vsj0_46._is-mobile_1vsj0_55 {
        width:var(--lobby__max-width);
        height: 3.93rem;
        top: 50%;
        transform: translateY(-50%)
    }
}

._collapsed-btn_qilkt_30 {
    position: absolute;
    bottom: 4.1rem;
    left: -.02rem!important;
    z-index: 99999;
    width: .5rem;
    height: 1.62rem;
    color: #fff;
    cursor: move
}

[dir=rtl] ._collapsed-btn_qilkt_30 {
    left: auto!important;
    right: -.02rem!important
}

._collapsed-btn_qilkt_30 ._live-bg-btn_qilkt_40 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat
}

[dir=rtl] ._collapsed-btn_qilkt_30 ._live-bg-btn_qilkt_40 {
    left: auto;
    right: 0
}

[dir=rtl] ._collapsed-btn_qilkt_30 {
    transform: rotateY(180deg)!important
}

[dir=rtl] [dir=rtl] ._collapsed-btn_qilkt_30 {
    transform: rotateY(-180deg)!important
}

._fixed-box_mz1i3_30 {
    z-index: 99999!important
}

._fixed-box_mz1i3_30._is-fullscreen_mz1i3_33._is-mobile_mz1i3_33 {
    background-color: #000
}

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

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

._base-layout_1cll7_30>footer {
    flex-shrink: 0;
    width: 100%;
    z-index: 10
}

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

._base-view_1co45_30>section {
    position: relative;
    overflow: hidden
}

.lobby-base-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .9rem;
    background-color: var(--skin__bg_2);
    border-bottom: var(--lobby__px) solid var(--skin__border);
    width: 100%
}

.lobby-base-header__back {
    width: 1.4rem;
    height: 100%;
    padding-left: .2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--skin__neutral_1);
    font-size: .24rem
}

[dir=rtl] .lobby-base-header__back {
    padding-left: 0;
    padding-right: .2rem
}

.lobby-base-header__section {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--skin__lead);
    font-size: .3rem
}

.lobby-base-header__section--center {
    flex-grow: 1;
    overflow: hidden
}

.lobby-base-header__section--left,.lobby-base-header__section--right {
    position: absolute;
    min-width: .8rem;
    flex-shrink: 0
}

.lobby-base-header__section--left {
    left: 0
}

[dir=rtl] .lobby-base-header__section--left {
    left: auto;
    right: 0
}

.lobby-base-header__section--right {
    right: 0
}

[dir=rtl] .lobby-base-header__section--right {
    right: auto;
    left: 0
}

._tabs_1m7j6_30,._tabs_1m7j6_30 ._nav_1m7j6_34 {
    width: 100%;
    height: 100%
}

._tabs_1m7j6_30 ._nav_1m7j6_34 .ui-tab {
    margin: 0;
    padding: 0 .3rem
}

._tabs_1m7j6_30 ._nav_1m7j6_34 .ui-badge {
    top: .02rem;
    right: -.2rem
}

[dir=rtl] ._tabs_1m7j6_30 ._nav_1m7j6_34 .ui-badge {
    right: auto;
    left: -.2rem
}

._tabs_1m7j6_30 ._nav_1m7j6_34 ._item-text_1m7j6_46 {
    display: inline-block;
    font-size: .24rem;
    max-width: 3.8rem;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._discount-header_y06c3_30 .lobby-base-header__back {
    width: .8rem
}

._discount-header_y06c3_30 .lobby-base-header__section--left {
    position: initial
}

._base-view-scroller_qjmxn_30 {
    height: calc(var(--lobby__screen-height) - 1.24rem)
}

._base-view-container_qjmxn_34 {
    display: block;
    height: unset
}

._base-view-container_qjmxn_34>section {
    overflow: unset;
    max-height: unset;
    min-height: calc(var(--lobby__screen-height) - 2.98rem)
}

._holidayWrap_1ryon_30 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._holidayWrap_1ryon_30 ._midAutumnActive_1ryon_39 {
    position: relative;
    top: .1rem;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._holidayWrap_1ryon_30 ._midAutumnActive_1ryon_39 {
    transform: translate(50%)
}

._holidayWrap_1ryon_30 ._topRight_1ryon_46 {
    position: absolute;
    top: 0;
    right: 0
}

._holidayWrap_1ryon_30 ._rightBottom_1ryon_52 {
    position: absolute;
    right: 0;
    bottom: 0
}

._holidayWrap_1ryon_30 ._topLeft_1ryon_58 {
    position: absolute;
    top: 0;
    left: 0
}

._holidayWrap_rtb1o_30 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._holidayWrap_rtb1o_30 ._topLeft_rtb1o_39 {
    position: absolute;
    top: 0;
    left: 0
}

._holidayWrap_rtb1o_30 ._topRight_rtb1o_45 {
    position: absolute;
    top: 0;
    right: 0
}

._holidayWrap_rtb1o_30 ._leftBottom_rtb1o_51 {
    position: absolute;
    bottom: 0;
    left: 0
}

._holidayWrap_rtb1o_30 ._rightBottom_rtb1o_57 {
    position: absolute;
    right: 0;
    bottom: 0
}

._game-menu_9huey_30 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 .15rem .1rem
}

._game-menu_9huey_30 ._item_9huey_36 {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 1.3rem;
    height: .9rem;
    font-size: .2rem;
    border-radius: .14rem;
    margin-bottom: .1rem;
    color: var(--skin__alt_neutral_1);
    background: var(--skin__bs_zc_an1);
    cursor: pointer;
    background-size: cover
}

._game-menu_9huey_30 ._item_9huey_36:nth-last-child(1),._game-menu_9huey_30 ._item_9huey_36:nth-last-child(2) {
    margin-bottom: 0
}

._game-menu_9huey_30 ._item_9huey_36 ._img-wrap_9huey_54 {
    width: .5rem;
    height: .38rem;
    margin: .05rem auto 0;
    position: relative
}

._game-menu_9huey_30 ._item_9huey_36 ._img-wrap_9huey_54 i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--skin__alt_neutral_1);
    font-size: .5rem;
    transform: translate(-50%,-50%)
}

[dir=rtl] ._game-menu_9huey_30 ._item_9huey_36 ._img-wrap_9huey_54 i {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._game-menu_9huey_30 ._item_9huey_36 ._img-wrap_9huey_54>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%,-50%)
}

[dir=rtl] ._game-menu_9huey_30 ._item_9huey_36 ._img-wrap_9huey_54>img {
    left: auto;
    right: 50%;
    transform: translate(50%,-50%)
}

._game-menu_9huey_30 ._item_9huey_36 ._text_9huey_77 {
    width: 100%;
    padding: 0 .04rem;
    font-size: .2rem;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1
}

._game-menu_9huey_30 ._item_9huey_36 ._text_9huey_77._active_9huey_88 {
    color: var(--skin__text_primary)
}

._game-menu_9huey_30._game-menu-list_9huey_91 {
    flex-direction: column
}

._game-menu_9huey_30._game-menu-list_9huey_91 ._item_9huey_36 {
    width: 100%;
    flex-direction: initial;
    justify-content: center;
    background: transparent;
    align-items: center;
    margin-bottom: 0
}

._game-menu_9huey_30._game-menu-list_9huey_91 ._item_9huey_36 ._img-wrap_9huey_54 {
    margin: 0 .15rem 0 0
}

[dir=rtl] ._game-menu_9huey_30._game-menu-list_9huey_91 ._item_9huey_36 ._img-wrap_9huey_54 {
    margin: 0 0 0 .15rem
}

._game-menu_9huey_30._game-menu-list_9huey_91 ._item_9huey_36 ._text_9huey_77 {
    text-align: left;
    width: auto;
    flex: 1;
    line-height: 1.6
}

[dir=rtl] ._game-menu_9huey_30._game-menu-list_9huey_91 ._item_9huey_36 ._text_9huey_77 {
    text-align: right
}

._game-menu_9huey_30._game-menu-list_9huey_91 ._game-right-icon_9huey_111 {
    font-size: .24rem
}

._game-menu_9huey_30._game-menu-list_9huey_91 ._active_9huey_88 ._img-wrap_9huey_54 {
    color: var(--skin__text_primary)
}

._game-menu_9huey_30 ._item_9huey_36 ._text_9huey_77:lang(ta) {
    font-size: .13rem;
    line-height: 1.2
}

._game-menu_9huey_30 ._item_9huey_36 ._text_9huey_77:lang(my) {
    font-size: .13rem;
    line-height: 2
}

html[data-club="1"] ._game-menu_9huey_30 ._item_9huey_36 ._text_9huey_77._active_9huey_88 {
    color: var(--skin__leftnav_active)
}

html[data-club="1"][data-skin-layout="11"] ._game-menu_9huey_30 ._item_9huey_36 {
    background: var(--skin__bs_topnav_bg);
    color: var(--skin__alt_border)
}

._search-board_1lojg_30 {
    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_1lojg_30 ._text_1lojg_39 {
    flex: 1;
    margin-left: .18rem;
    color: var(--skin__neutral_3);
    font-size: .22rem
}

[dir=rtl] ._search-board_1lojg_30 ._text_1lojg_39 {
    margin-left: 0;
    margin-right: .18rem
}

._search-board_1lojg_30 ._icon_1lojg_45 {
    margin-right: .18rem;
    color: var(--skin__neutral_1);
    font-size: .22rem
}

[dir=rtl] ._search-board_1lojg_30 ._icon_1lojg_45 {
    margin-right: 0;
    margin-left: .18rem
}

html[data-club="1"][data-skin-layout="11"] ._search-board_1lojg_30 {
    background: var(--skin__bs_topnav_bg)
}

html[data-club="1"][data-skin-layout="11"] ._search-board_1lojg_30 ._text_1lojg_39,html[data-club="1"][data-skin-layout="11"] ._search-board_1lojg_30 ._icon_1lojg_45 {
    color: var(--skin__alt_border)
}

._discount-center_kj8kz_30 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .1rem .15rem;
    padding: .1rem .1rem 0;
    background-color: var(--skin__bs_zc_an1);
    border-radius: .1rem
}

._discount-center_kj8kz_30 ._title_kj8kz_39 {
    width: 2.5rem;
    padding-bottom: .1rem;
    color: var(--skin__neutral_2);
    font-size: .24rem;
    text-align: center
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 {
    margin-bottom: .1rem;
    cursor: pointer;
    position: relative;
    padding: 0
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 img {
    width: 1.2rem;
    height: .8rem
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span {
    color: #fff;
    max-width: .8rem;
    top: .08rem;
    left: .08rem;
    font-size: .2rem;
    position: absolute;
    line-height: 1.2;
    white-space: pre-wrap;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

[dir=rtl] ._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span {
    left: auto;
    right: .08rem
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 .ui-badge--top-right {
    transform: translate(100%,-50%)
}

[dir=rtl] ._discount-center_kj8kz_30 ._menu-item_kj8kz_46 .ui-badge--top-right {
    transform: translate(-100%,-50%)
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 .ui-badge__content {
    unicode-bidi: plaintext
}

[dir=rtl] ._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span {
    left: 0;
    right: .59rem;
    text-align: right
}

[dir=rtl] [dir=rtl] ._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span {
    right: 0;
    left: .59rem;
    text-align: left
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 {
    line-height: 1;
    height: .8rem
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 .ui-badge__wrapper {
    height: .8rem
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 .ui-badge__wrapper .ui-badge {
    top: -.1rem
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span:lang(pt) {
    font-size: .15rem;
    left: .06rem
}

[dir=rtl] ._discount-center_kj8kz_30 ._menu-item_kj8kz_46 span:lang(pt) {
    left: auto;
    right: .06rem
}

._discount-center_kj8kz_30 ._event-item_kj8kz_108 span:lang(fr) {
    max-width: .56rem
}

._discount-center_kj8kz_30 ._award-item_kj8kz_111 span:lang(mr) {
    line-height: 1
}

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

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

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

._official-channel_19wo5_30 ._item_19wo5_39 ._icon_19wo5_49 {
    width: .44rem;
    height: .44rem
}

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

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

._official-channel_19wo5_30 ._item_19wo5_39 ._channel-right-icon_19wo5_63 {
    font-size: .24rem
}

._item_kchs4_30 {
    --item-currency-bg-img-width: .34rem;
    --item-currency-bg-img-height: .34rem;
    --item-currency-bg-width: .385rem;
    --item-currency-bg-height: .385rem;
    --item-currency-bg-margin: 0 .05rem 0 .03rem;
    --item-switch-lang-text-color: var(--skin__neutral_2);
    --item-switch-lang-text-size: .26rem;
    --item-switch-lang-text-margin-left: 0;
    --item-icon-margin: 0;
    --item-height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    height: var(--item-height)
}

._item_kchs4_30 ._currency-bg_kchs4_47 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--item-currency-bg-width);
    height: var(--item-currency-bg-height);
    margin: var(--item-currency-bg-margin);
    border-radius: 50%;
    background-size: cover
}

._item_kchs4_30 ._currency-bg_kchs4_47._hidden-bg_kchs4_57 {
    background-image: none!important
}

._item_kchs4_30 ._icon_kchs4_60 {
    overflow: hidden;
    border-radius: 50%;
    margin: var(--item-icon-margin);
    width: var(--item-currency-bg-img-width);
    height: var(--item-currency-bg-img-height);
    margin-top: -.02rem
}

._item_kchs4_30 ._switch-lang-text_kchs4_68 {
    flex: 1;
    font-size: var(--item-switch-lang-text-size);
    text-align: left;
    color: var(--item-switch-lang-text-color);
    margin-left: var(--item-switch-lang-text-margin-left);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

[dir=rtl] ._item_kchs4_30 ._switch-lang-text_kchs4_68 {
    text-align: right;
    margin-left: 0;
    margin-right: var(--item-switch-lang-text-margin-left)
}

._item_kchs4_30 ._checkbox_kchs4_78 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    line-height: .33rem;
    border-radius: 100%;
    border: thin solid var(--skin__border)
}

._item_kchs4_30 ._checkbox_kchs4_78 ._check_kchs4_78 {
    font-size: .18rem;
    opacity: 0
}

._item_kchs4_30 ._checkbox_kchs4_78._checked_kchs4_92 {
    background-color: var(--skin__primary);
    color: var(--skin__text_primary)
}

._item_kchs4_30 ._checkbox_kchs4_78._checked_kchs4_92 ._check_kchs4_78 {
    opacity: 1
}

._item_kchs4_30 ._switch-lang-text_kchs4_68 {
    width: 1.24rem
}

._currency-switch_cguvy_30 {
    --currency-switch-container-height: .45rem;
    --currency-switch-container-background-color: transparent;
    --currency-switch-container-margin-right: .1rem;
    --currency-switch-container-padding-right: .1rem;
    --currency-switch-container-border-radius: .2rem;
    --currency-switch-right-icon-margin-left: .08rem;
    --currency-switch-right-icon-size: .15rem;
    --currency-switch-right-icon-color: var(--skin__neutral_2);
    --currency-switch-out-box-max-width: 2.7rem;
    width: fit-content
}

._currency-switch_cguvy_30 ._current-container_cguvy_42 {
    display: flex;
    align-items: center;
    width: fit-content;
    height: var(--currency-switch-container-height);
    max-width: var(--currency-switch-out-box-max-width);
    background-color: var(--currency-switch-container-background-color);
    margin-right: var(--currency-switch-container-margin-right);
    padding-right: var(--currency-switch-container-padding-right);
    color: var(--skin__neutral_2);
    cursor: pointer
}

[dir=rtl] ._currency-switch_cguvy_30 ._current-container_cguvy_42 {
    margin-right: 0;
    margin-left: var(--currency-switch-container-margin-right);
    padding-right: 0;
    padding-left: var(--currency-switch-container-padding-right)
}

._currency-switch_cguvy_30 ._current-container_cguvy_42._border_cguvy_54 {
    border: solid thin var(--skin__border);
    border-radius: var(--currency-switch-container-border-radius)
}

._currency-switch_cguvy_30 ._current-container_cguvy_42 span {
    line-height: normal
}

._currency-switch_cguvy_30 ._current-container_cguvy_42 ._right-icon_cguvy_61 {
    position: relative;
    margin-left: var(--currency-switch-right-icon-margin-left);
    color: var(--currency-switch-right-icon-color);
    font-size: var(--currency-switch-right-icon-size);
    transition: all .3s;
    transition: transform .3s
}

[dir=rtl] ._currency-switch_cguvy_30 ._current-container_cguvy_42 ._right-icon_cguvy_61 {
    margin-left: 0;
    margin-right: var(--currency-switch-right-icon-margin-left)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._item_1y5e9_30 {
    --switch-lang-content-item-text-color: var(--skin__lead);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap
}

._item_1y5e9_30 ._item__text_1y5e9_37 {
    flex: 1;
    font-size: .22rem;
    text-align: left;
    color: var(--switch-lang-content-item-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

._item_1y5e9_30 ._item__text_1y5e9_37._checked_1y5e9_46 {
    color: var(--item-text-color, var(--skin__primary))
}

._item_1y5e9_30 ._checkbox_1y5e9_49 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .3rem;
    height: .3rem;
    line-height: .33rem;
    border-radius: 100%;
    border: thin solid var(--skin__border)
}

._item_1y5e9_30 ._checkbox_1y5e9_49 ._check_1y5e9_46 {
    font-size: .18rem;
    opacity: 0
}

._item_1y5e9_30 ._checkbox_1y5e9_49._checked_1y5e9_46 {
    background-color: var(--skin__primary);
    color: var(--skin__text_primary)
}

._item_1y5e9_30 ._checkbox_1y5e9_49._checked_1y5e9_46 ._check_1y5e9_46 {
    opacity: 1
}

._switch-lang_2ccpr_30 {
    --switch-lang-icon-arrow-color: var(--skin__alt_neutral_2);
    --switch-lang-icon-arrow-active-color: var(--skin__alt_neutral_2);
    --switch-lang-icon-arrow-size: .14rem;
    --switch-lang-color: var(--skin__alt_neutral_1);
    --switch-lang-icon-margin-right: .2rem;
    --switch-lang-icon-color: var(--switch-lang-color);
    --switch-lang-icon-font-size: .32rem;
    --switch-lang-text-active-color: var(--switch-lang-color);
    --switch-lang-text-width: 1.6rem;
    --switch-lang-text-font-size: .22rem;
    --switch-lang-text-margin: 0;
    --switch-lang-padding: 0 0 0 .14rem;
    --switch-lang-text-click-color: var(--skin__bs_zc_bg);
    --switch-lang-text-click-bg: var(--skin__primary);
    --switch-lang-popover-padding: 0 .15rem;
    --switch-lang-height: .6rem;
    --switch-lang-icon-arrow-font-size: .14rem;
    display: flex;
    align-items: center;
    color: var(--switch-lang-color);
    height: var(--switch-lang-height);
    width: 100%;
    padding: var(--switch-lang-padding)
}

._switch-lang_2ccpr_30 ._icon_2ccpr_55 {
    margin-right: var(--switch-lang-icon-margin-right);
    font-size: var(--switch-lang-icon-font-size);
    color: var(--switch-lang-icon-color)
}

[dir=rtl] ._switch-lang_2ccpr_30 ._icon_2ccpr_55 {
    margin-right: 0;
    margin-left: var(--switch-lang-icon-margin-right)
}

._switch-lang_2ccpr_30 ._icon_2ccpr_55._icon-active_2ccpr_60 {
    color: var(--skin__primary)
}

._switch-lang_2ccpr_30 ._text_2ccpr_63 {
    width: var(--switch-lang-text-width);
    font-size: var(--switch-lang-text-font-size);
    margin: var(--switch-lang-text-margin)
}

._switch-lang_2ccpr_30 ._text_2ccpr_63._text-active_2ccpr_68 {
    color: var(--switch-lang-text-active-color)
}

._switch-lang_2ccpr_30 ._icon-arrow_2ccpr_71 {
    margin-right: 0;
    color: var(--switch-lang-icon-arrow-color);
    font-size: var(--switch-lang-icon-arrow-size);
    transition: all .3s
}

[dir=rtl] ._switch-lang_2ccpr_30 ._icon-arrow_2ccpr_71 {
    margin-right: 0;
    margin-left: 0
}

._switch-lang_2ccpr_30 ._icon-arrow_2ccpr_71._collapse-expanded_2ccpr_77 {
    transform: var(--switch-lang-icon-arrow-active-transform, rotate(-90deg));
    color: var(--switch-lang-icon-arrow-active-color)
}

[dir=rtl] ._switch-lang_2ccpr_30 ._icon-arrow_2ccpr_71._collapse-expanded_2ccpr_77 {
    transform: var(--switch-lang-icon-arrow-active-transform, rotate(90deg))
}

._switch-lang_2ccpr_30._disabled_2ccpr_81 {
    color: var(--skin__neutral_2)
}

._show-has-click_2ccpr_85 {
    background-color: var(--switch-lang-text-click-bg);
    color: var(--switch-lang-text-click-color)
}

._show-has-click_2ccpr_85 ._icon_2ccpr_55,._show-has-click_2ccpr_85 ._icon-arrow_2ccpr_71 {
    color: var(--switch-lang-text-click-color)
}

._collapse-container_2ccpr_96 .ui-collapse-item {
    margin-bottom: 0
}

._collapse-container_2ccpr_96 .ui-collapse-item__content {
    background-color: var(--skin__bs_zc_bg);
    padding: 0
}

._collapse-container_2ccpr_96 ._collapse-content_2ccpr_103 ._lang-item_2ccpr_103 {
    height: .55rem;
    padding: 0 .15rem;
    color: var(--skin__neutral_1);
    font-size: .2rem;
    line-height: .55rem
}

._switch-lang-popover_2ccpr_111 {
    padding: var(--switch-lang-popover-padding);
    width: inherit
}

._switch-lang-popover_2ccpr_111>div {
    height: var(--switch-lang-height);
    display: flex;
    justify-content: space-between
}

._switch-lang-popover_2ccpr_111 ._lang-info-box_2ccpr_120 {
    display: flex;
    align-items: center;
    justify-content: center
}

._switch-lang-popover_2ccpr_111 ._lang-info-box_2ccpr_120 ._text_2ccpr_63 {
    width: 100%
}

._switch-lang-popover_2ccpr_111 ._lang-info-box_2ccpr_120 ._collapse-expanded_2ccpr_77 {
    transform: rotate(-90deg)
}

[dir=rtl] ._switch-lang-popover_2ccpr_111 ._lang-info-box_2ccpr_120 ._collapse-expanded_2ccpr_77 {
    transform: rotate(90deg)
}

._switch-lang-content_2ccpr_132 .ui-popover__content {
    box-shadow: none;
    max-height: 4.7rem;
    min-width: 1.7rem;
    max-width: 3.15rem;
    padding: .15rem 0;
    background: var(--skin__bg_2);
    border: thin solid var(--skin__border);
    border-radius: .1rem
}

._switch-lang-content_2ccpr_132 .switch-lang-item {
    --switch-lang-content-item-text-color: var(--skin__neutral_1)
}

._switch-lang-content_2ccpr_132 .langItemText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._switch-lang-content_2ccpr_132 ._popover-content_2ccpr_150 ._lang-item_2ccpr_103 {
    height: .8rem;
    padding: 0 .2rem;
    font-size: .24rem;
    line-height: .8rem
}

._aside-third-login_j19hd_30 ._title_j19hd_30 {
    display: block;
    margin: .1rem 0 0;
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

._aside-third-login_j19hd_30 ._item_j19hd_36 {
    height: .5rem;
    font-size: .22rem;
    display: flex;
    align-items: center;
    margin-top: .1rem;
    color: var(--skin__alt_neutral_1);
    background-color: var(--skin__bs_zc_an1);
    border-radius: .1rem;
    cursor: pointer;
    position: relative
}

._aside-third-login_j19hd_30 ._item_j19hd_36 .lobby-third-party-button__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0
}

._aside-third-login_j19hd_30 ._item_j19hd_36 .lobby-third-party-button__image {
    width: .32rem;
    height: .32rem;
    box-shadow: none;
    margin: 0 .16rem
}

._aside-third-login_j19hd_30 ._item_j19hd_36 ._third-right-icon_j19hd_60 {
    font-size: .24rem
}

._aside-third-login_j19hd_30 {
    margin: 0 .15rem
}

._aside-switch-currency_lz3od_30 {
    margin: .1rem .15rem;
    padding-left: .3rem;
    overflow: hidden;
    background-color: var(--skin__bs_zc_an1);
    border-radius: .14rem
}

[dir=rtl] ._aside-switch-currency_lz3od_30 {
    padding-left: 0;
    padding-right: .3rem
}

._aside-switch-currency_lz3od_30 ._switch-icon_lz3od_37 {
    font-size: .15rem;
    color: var(--skin__alt_neutral_2);
    margin-left: .92rem
}

[dir=rtl] ._aside-switch-currency_lz3od_30 ._switch-icon_lz3od_37 {
    margin-left: 0;
    margin-right: .92rem
}

._aside-switch-currency_lz3od_30 ._switch-currency_lz3od_42 {
    --currency-switch-container-height: .75rem;
    --currency-switch-container-margin-right: 0;
    --currency-switch-container-padding-right: 0
}

._aside-switch-currency_lz3od_30 .currency-item {
    --item-currency-bg-margin: 0;
    --item-currency-bg-img-width: .4rem;
    --item-currency-bg-img-height: .4rem;
    --item-currency-bg-width: .44rem;
    --item-currency-bg-height: .44rem;
    --item-switch-lang-text-color: var(--skin__alt_neutral_1);
    --item-switch-lang-text-size: .24rem;
    --item-switch-lang-text-margin-left: .2rem
}

._betting-record_lz3od_58,._promote_lz3od_59,._club-item_lz3od_60 {
    height: .75rem;
    font-size: .24rem;
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 .15rem;
    color: var(--skin__alt_neutral_1);
    background-color: var(--skin__bs_zc_an1);
    border-radius: .1rem;
    cursor: pointer
}

._betting-record_lz3od_58>i,._promote_lz3od_59>i,._club-item_lz3od_60>i {
    margin: 0 .25rem 0 .32rem;
    font-size: .36rem
}

[dir=rtl] ._betting-record_lz3od_58>i,[dir=rtl] ._promote_lz3od_59>i,[dir=rtl] ._club-item_lz3od_60>i {
    margin: 0 .32rem 0 .25rem
}

._betting-record_lz3od_58 span,._promote_lz3od_59 span,._club-item_lz3od_60 span {
    position: relative;
    max-width: 1.7rem;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._betting-record_lz3od_58,._promote_lz3od_59,._club-item_lz3od_60 {
    margin-top: .1rem
}

._promote_lz3od_59>div,._club-item_lz3od_60>div {
    max-width: 1.7rem
}

._lang_lz3od_105 {
    --switch-lang-popover-padding: 0 .25rem 0 .15rem
}

._other-item_lz3od_109 {
    display: flex;
    align-items: center;
    min-height: .6rem;
    font-size: .22rem;
    cursor: pointer;
    padding-left: .14rem;
    margin: 0 .15rem;
    color: var(--skin__alt_neutral_1)
}

[dir=rtl] ._other-item_lz3od_109 {
    padding-left: 0;
    padding-right: .14rem
}

._other-item_lz3od_109 ._icon-wrap_lz3od_119 {
    width: .334rem;
    height: .334rem;
    margin-right: .193rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--skin__alt_neutral_1);
    border-radius: 50%
}

[dir=rtl] ._other-item_lz3od_109 ._icon-wrap_lz3od_119 {
    margin-right: 0;
    margin-left: .193rem
}

._other-item_lz3od_109 ._icon-wrap_lz3od_119._no-bg_lz3od_130 {
    background-color: transparent;
    color: var(--skin__alt_neutral_1)
}

._other-item_lz3od_109 ._icon-wrap_lz3od_119._no-bg_lz3od_130 i {
    color: var(--skin__alt_neutral_1)
}

._other-item_lz3od_109 ._icon-wrap_lz3od_119 i {
    font-size: .32rem;
    color: var(--skin__bs_zc_bg)
}

._other-item_lz3od_109>span {
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._other-item_lz3od_109>span:not(:lang(zh)):not(:lang(zh_hk)) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    display: block
}

._other-item_lz3od_109._forbidden-self_lz3od_157 ._icon-wrap_lz3od_119,._other-item_lz3od_109._find-us_lz3od_157 ._icon-wrap_lz3od_119,._other-item_lz3od_109._club-customer_lz3od_157 ._icon-wrap_lz3od_119 {
    background: transparent
}

._other-item_lz3od_109._forbidden-self_lz3od_157 ._icon-wrap_lz3od_119 i,._other-item_lz3od_109._find-us_lz3od_157 ._icon-wrap_lz3od_119 i,._other-item_lz3od_109._club-customer_lz3od_157 ._icon-wrap_lz3od_119 i {
    width: 100%;
    height: 100%;
    color: var(--skin__alt_neutral_1)
}

._betting-record_lz3od_58:lang(zh)>span,._promote_lz3od_59:lang(zh)>span {
    width: initial
}

._betting-record_lz3od_58:lang(it)>i,._promote_lz3od_59:lang(it)>i {
    margin: 0;
    margin-left: .12rem
}

[dir=rtl] ._betting-record_lz3od_58:lang(it)>i,[dir=rtl] ._promote_lz3od_59:lang(it)>i {
    margin-left: 0;
    margin-right: .12rem
}

._betting-record_lz3od_58:lang(it)>span,._promote_lz3od_59:lang(it)>span {
    font-size: .19rem
}

._aside-switch-currency_lz3od_30 ._switch-icon_lz3od_37 {
    margin-left: .12rem
}

[dir=rtl] ._aside-switch-currency_lz3od_30 ._switch-icon_lz3od_37 {
    margin-left: 0;
    margin-right: .12rem
}

._lang_lz3od_105 {
    --switch-lang-text-active-color: var(--skin__lead);
    --switch-lang-icon-arrow-active-color: var(--skin__lead)
}

html[data-club="1"][data-skin-layout="11"] ._betting-record_lz3od_58,html[data-club="1"][data-skin-layout="11"] ._club-item_lz3od_60 {
    background: var(--skin__bs_topnav_bg);
    color: var(--skin__alt_border)
}

html[data-club="1"][data-skin-layout="11"] ._other-item_lz3od_109 {
    color: var(--skin__alt_border)
}

html[data-club="1"][data-skin-layout="11"] ._other-item_lz3od_109 ._icon-wrap_lz3od_119 {
    background: var(--skin__alt_border)
}

html[data-club="1"][data-skin-layout="11"] ._other-item_lz3od_109 ._icon-wrap_lz3od_119 i {
    color: var(--skin__bs_topnav_bg)
}

html[data-club="1"][data-skin-layout="11"] ._other-item_lz3od_109 ._no-bg_lz3od_130 {
    background: var(--skin__bs_topnav_bg)
}

html[data-club="1"][data-skin-layout="11"] ._other-item_lz3od_109 ._no-bg_lz3od_130 i {
    color: var(--skin__alt_border)
}

html[data-club="1"][data-skin-layout="11"] ._lang_lz3od_105 {
    color: var(--skin__alt_border);
    --switch-lang-icon-color: var(--skin__alt_border);
    --switch-lang-icon-arrow-color: var(--skin__alt_border)
}

._aside-popup-container_1obpk_30 {
    width: 3rem;
    background-color: var(--skin__bs_zc_bg)
}

._scroll-content_1obpk_35 {
    margin: .1rem 0;
    padding-bottom: 2rem;
    height: var(--lobby__screen-height)
}

html[data-club="1"][data-skin-layout="62"] ._aside-popup-container_1obpk_30 {
    background-color: var(--skin__bg_1)
}

._footerBox_a30j0_30 {
    padding: .2rem .2rem .4rem;
    background-color: var(--skin__web_bs_yj_bg)
}

._footerBox_a30j0_30:empty {
    padding: 0
}

._footerBox_a30j0_30 .assembly-box>div:nth-last-child(1) {
    border-bottom: 0;
    padding-bottom: .4rem
}

html[data-club="1"][data-skin-layout="42"] ._footerBox_a30j0_30 {
    background-color: transparent
}

._sport-tabs-home_b82g2_30 {
    position: relative
}

._sport-tabs-home_b82g2_30 ._sport-game-sticky-content_b82g2_33 {
    background-color: var(--skin__home_bg)
}

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

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

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

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52 {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52._is-active_b82g2_59 ._tab-img_b82g2_59 {
    width: .64rem;
    height: .64rem
}

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52._is-active_b82g2_59 ._text_b82g2_63 {
    color: var(--skin__primary)
}

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52 ._tab-img_b82g2_59 {
    width: .55rem;
    height: .55rem;
    pointer-events: none
}

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52 ._text_b82g2_63 {
    font-size: .26rem;
    color: var(--skin__neutral_2);
    line-height: .36rem
}

._sport-tabs-home_b82g2_30 ._game-tabs_b82g2_36 ._tab-title_b82g2_45 ._tab-title-wrap_b82g2_52 ._text_b82g2_63:lang(vi) {
    font-size: .2rem
}

._main-content_1js6x_30 {
    --content-min-height: 60vh;
    min-height: var(--content-min-height)
}

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

._tabs-content_1js6x_46 {
    margin-top: .2rem;
    min-height: 1.3rem;
    max-height: 1.9rem;
    background-color: var(--skin__home_bg)
}

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

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

._content-exhibition_1js6x_57._with-mt_1js6x_60 {
    margin-top: .2rem
}

._content-sport_1js6x_73 {
    min-height: var(--content-min-height);
    --sport-category-count-item__text-color: var(--skin__lead);
    --sport-category-count-item-active__text-color: var(--skin__primary);
    --sport-category-count-item-line__bg-color: var(--skin__border);
    --sport-parlay__text-color: var(--skin__text_primary);
    --sport-parlay__bg-color: var(--skin__bg_2);
    --sport-parlay__bd-color: var(--skin__bg_2);
    --sport-parlay-container__bg-color: var(--skin__primary);
    --skin__sport-odds-select__text-color: var(--skin__neutral_2);
    --sport-odds-select__bg-color: var(--skin__bg_2);
    --sport-odds-select__bd-color: var(--skin__border);
    --sport-odds-select-icon-arrow__text-color: inherit;
    --sport-content-normal-title-left-icon__text-color: inherit;
    --sport-content-normal-title-left-text__text-color: inherit;
    --sport-content-normal-title-left-arrow__text-color: inherit;
    --sport-content-normal-title-right-icon__text-color: inherit;
    --sport-content-normal-league-list-name__text-color: inherit;
    --sport-content-normal-league-list-arrow__text-color: var(--skin__neutral_2);
    --sport-content-normal-league-list-title-icon__bd-color: var(--skin__border);
    --sport-content-normal-detail__text-color: var(--skin__neutral_1);
    --sport-content-normal-detail-list__bd-color: var(--skin__border);
    --sport-content-normal-detail-list-left-time__text-color: var(--skin__neutral_2);
    --sport-content-normal-detail-list-left-date__text-color: var(--skin__lead);
    --sport-content-normal-detail-list-left-focus__bg-color: var(--skin__neutral_2);
    --sport-content-normal-detail-list-right__text-color: inherit;
    --sport-content-normal-detail-list-one-left-name__text-color: var(--skin__lead);
    --sport-content-normal-deitail-list-one-middle__text-color: var(--skin__lead);
    --sport-content-normal-detail-price-box__bg-color: var(--skin__bg_2);
    --sport-content-normal-detail-price-box__bd-color: var(--skin__border);
    --sport-content-normal-detail-price-box-label__text-color: var(--skin__neutral_2);
    --sport-content-normal-detail-price-box-price__text-color: var(--skin__lead);
    --sport-content-normal-detail-price-box-more__text-color: var(--skin__primary);
    --sport-content-normal-detail-price-box-live__text-color: var(--skin__neutral_3);
    --sport-content-normal-detail-price-box-lock__text-color: var(--skin__neutral_2);
    --sport-content-outright-tab__text-color: var(--skin__neutral_1);
    --sport-content-outright-tab-active__text-color: var(--skin__primary);
    --sport-content-outright-tab__bd-color: var(--skin__border);
    --sport-content-outright-tab__bg-color: transparent;
    --sport-content-outright-tab-active__bd-color: var(--skin__primary);
    --sport-content-outright-name__text-color: var(--skin__lead);
    --sport-content-outright-collapse-item__bd-color: var(--skin__border);
    --sport-content-outright-collapse-item__bg-color: var(--skin__bg_1);
    --sport-content-outright-collapse-item-title__bg-color: var(--skin__bg_2);
    --sport-content-outright-collapse-item-title__bd-color: var(--skin__border);
    --sport-content-outright-collapse-item-title__text-color: var(--skin__lead);
    --sport-content-outright-collapse-item-title-arrow__text-color: inherit;
    --sport-content-outright-collapse-item-content__bd-color: var(--skin__border);
    --sport-content-outright-collapse-item-content__text-color: var(--skin__neutral_2);
    --sport-content-outright-collapse-item-content__bg-color: var(--skin__bg_1);
    --sport-content-outright-time__text-color: var(--skin__neutral_2);
    --sport-content-outright-time__bd-color: var(--skin__border);
    --sport-content-outright-price__text-color: var(--skin__neutral_2);
    --sport-content-outright-price__bg-color: var(--skin__bg_2);
    --sport-content-outright-price__bd-color: var(--skin__border)
}

._tabs-content_1js6x_46 {
    margin-bottom: -.02rem
}

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

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

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

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

._banner-item_1gweo_31 ._bg-img_1gweo_37._bg-img-1_1gweo_45 {
    flex-flow: row-reverse
}

._banner-item_1gweo_31 ._bg-img_1gweo_37._bg-img-2_1gweo_48 {
    flex-flow: row
}

._banner-item_1gweo_31 ._bg-img_1gweo_37._bg-img-3_1gweo_51 {
    height: 100%
}

._banner-item_1gweo_31 ._bg-img_1gweo_37._bg-cusomize-correction_1gweo_54 {
    background-size: contain;
    background-repeat: no-repeat
}

._banner-item_1gweo_31 ._bg-img_1gweo_37 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-clamp: unset
}

._banner-item_1gweo_31 ._bg-img_1gweo_37 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 .innerHTMLContainer {
    line-clamp: unset
}

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

._banner-item_1gweo_31 ._inner-img-box_1gweo_67 ._inner-img_1gweo_67 {
    max-width: 100%;
    max-height: 100%
}

._banner-item_1gweo_31 ._inner-img-box_1gweo_67 ._inner-null_1gweo_77 {
    width: 2.4rem
}

._banner-item_1gweo_31 ._content_1gweo_58 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    text-shadow: var(--banner-text-shadow)
}

[dir=rtl] ._banner-item_1gweo_31 ._content_1gweo_58 {
    align-items: end
}

._banner-item_1gweo_31 ._content_1gweo_58 ._publicity-name_1gweo_96 {
    margin: 0;
    font-weight: 700;
    white-space: pre-line;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31 ._content_1gweo_58 ._text_1gweo_58 {
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

._banner-item_1gweo_31._mode-3_1gweo_121 {
    justify-content: space-around
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._bg-img_1gweo_37 {
    justify-content: space-evenly
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._inner-img-box_1gweo_67 {
    height: 100%
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._content_1gweo_58 {
    width: 4.1rem
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._content_1gweo_58 ._publicity-name_1gweo_96 {
    font-size: .32rem
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._content_1gweo_58 ._text_1gweo_58 {
    margin-top: .16rem;
    font-size: .22rem;
    max-height: 1.1rem;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 {
    max-height: 1.7rem;
    margin-top: 0
}

._banner-item_1gweo_31._mode-3_1gweo_121 ._content_1gweo_58 ._text_1gweo_58 .innerHTMLContainer {
    font-size: .22rem!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._bg-img_1gweo_37 {
    justify-content: space-between
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._bg-img_1gweo_37._bg-img-2_1gweo_48 ._inner-img-box_1gweo_67 {
    right: initial;
    left: 0
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._bg-img_1gweo_37._bg-img-2_1gweo_48 ._inner-img-box_1gweo_67 ._inner-img_1gweo_67 {
    right: unset;
    left: -.4rem
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._bg-img_1gweo_37._bg-img-2_1gweo_48 ._content_1gweo_58 {
    right: 0;
    left: unset;
    margin: 0 .1rem 0 0
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._inner-img-box_1gweo_67 {
    position: absolute;
    right: 0;
    width: 1.66rem;
    height: 100%
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._inner-img-box_1gweo_67 ._inner-img_1gweo_67 {
    position: relative;
    right: -.4rem;
    width: 1.66rem
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._content_1gweo_58 {
    width: 1.04rem;
    height: 100%;
    margin-left: .1rem;
    padding: .1rem 0;
    position: absolute;
    left: 0
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._content_1gweo_58 ._publicity-name_1gweo_96 {
    font-weight: bolder;
    font-size: .21rem;
    line-height: .3rem
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._content_1gweo_58 ._text_1gweo_58 {
    margin-top: .06rem;
    font-size: .13rem;
    max-height: .72rem;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 {
    max-height: 1.25rem;
    margin-top: 0
}

._banner-item_1gweo_31._mode-4_1gweo_161 ._content_1gweo_58 ._text_1gweo_58 .innerHTMLContainer {
    font-size: .13rem!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._bg-img-1_1gweo_45 ._inner-img-box_1gweo_67 {
    margin: 0 .18rem 0 0
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._inner-img-box_1gweo_67 {
    width: 2.15rem;
    margin-left: .18rem
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._inner-img-box_1gweo_67 ._inner-img_1gweo_67 {
    width: 2.15rem;
    height: 100%;
    object-fit: contain
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._content_1gweo_58 {
    width: 3.67rem;
    margin: 0 .2rem
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._content_1gweo_58 ._publicity-name_1gweo_96 {
    font-size: .3rem
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._content_1gweo_58 ._text_1gweo_58 {
    max-height: .7rem;
    margin-top: .16rem;
    font-size: .2rem;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 {
    max-height: 1.48rem;
    margin-top: 0
}

._banner-item_1gweo_31._mode-5_1gweo_226 ._content_1gweo_58 ._text_1gweo_58 .innerHTMLContainer {
    font-size: .2rem!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._inner-img-box_1gweo_67 {
    width: 3.6rem;
    padding-top: .26rem
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._inner-img-box_1gweo_67 ._inner-img_1gweo_67 {
    width: 3.6rem;
    height: 3.14rem
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._content_1gweo_58 {
    width: 3.5rem;
    height: 100%;
    margin: 0 .2rem
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._content_1gweo_58 ._publicity-name_1gweo_96 {
    font-size: .4rem
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._content_1gweo_58 ._text_1gweo_58 {
    max-height: 1.2rem;
    margin-top: .16rem;
    font-size: .26rem;
    white-space: break-spaces;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._content_1gweo_58 ._text_1gweo_58._hidden-title-text_1gweo_58 {
    max-height: 2.6rem;
    margin-top: 0
}

._banner-item_1gweo_31._mode-6_1gweo_270 ._content_1gweo_58 ._text_1gweo_58 .innerHTMLContainer {
    font-size: .26rem!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

._top-download_sg07q_30 {
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    background-color: var(--skin__lead);
    padding-right: .2rem;
    color: var(--skin__text_primary)
}

[dir=rtl] ._top-download_sg07q_30 {
    padding-right: 0;
    padding-left: .2rem
}

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

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

._top-download-content_sg07q_47 img {
    height: .5rem
}

._top-download-inner-html_sg07q_55 {
    text-align: start;
    margin: 0 .1rem;
    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;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._top-download-info_sg07q_72 {
    padding: 0 .2rem;
    font-size: .16rem;
    flex: 1
}

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

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

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

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

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

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

._top-download_sg07q_30 button._ghost_sg07q_115 {
    color: var(--skin__primary);
    border: .02rem solid var(--skin__primary);
    background: transparent
}

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

._download-mode-1_sg07q_125 {
    padding-right: .1rem
}

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

._download-mode-1_sg07q_125 ._top-download-close_sg07q_39 {
    padding: 0 .2rem;
    color: var(--skin__text_primary)
}

._download-mode-1_sg07q_125 ._top-download-inner-html_sg07q_55 {
    margin: 0 .2rem 0 .1rem
}

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

._banner-container_1xtky_30 {
    --banner-container-padding: 0 .2rem;
    --banner-box-3-height: 2.1rem;
    --banner-box-3-border-radius: .16rem;
    --banner-box-5-swiper-slide-width: 6.4rem;
    padding: var(--banner-container-padding)
}

._banner-container_1xtky_30 .swiper-pagination-bullet-active {
    border: solid thin rgba(0,0,0,.2)
}

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

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

._banner-container_1xtky_30 ._banner-skeleton-4_1xtky_52 {
    height: 1.46rem
}

._banner-container_1xtky_30 ._banner-skeleton-5_1xtky_55 {
    height: 1.893rem
}

._banner-container_1xtky_30 ._banner-skeleton-6_1xtky_58 {
    height: 3.4rem
}

._banner-container_1xtky_30 ._banner-box-3_1xtky_61 {
    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_1xtky_30 ._banner-box-3_1xtky_61 .swiper-pagination-bullet-active {
    width: .24rem
}

._banner-container_1xtky_30 ._banner-box-4_1xtky_71 {
    min-height: 1.46rem;
    position: relative
}

._banner-container_1xtky_30 ._banner-box-4_1xtky_71 .swiper-slide {
    height: 1.46rem;
    border-radius: .16rem;
    overflow: hidden
}

._banner-container_1xtky_30 ._banner-box-4_1xtky_71 ._topAd_1xtky_80 {
    border-radius: .16rem .16rem 0 0
}

._banner-container_1xtky_30 ._banner-box-5_1xtky_83 {
    position: relative;
    min-height: 1.893rem
}

._banner-container_1xtky_30 ._banner-box-5_1xtky_83 .swiper-slide {
    width: var(--banner-box-5-swiper-slide-width)!important;
    height: 1.893rem;
    border-radius: .16rem;
    overflow: hidden
}

._banner-container_1xtky_30 ._banner-box-5_1xtky_83 .swiper-slide:not(.swiper-slide-active) {
    border-radius: .12rem
}

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

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

._banner-container_1xtky_30 ._banner-box-5_1xtky_83 ._topAd_1xtky_80 {
    border-radius: .2rem .2rem 0 0
}

._banner-container_1xtky_30._banner-container-no-padding_1xtky_122 {
    padding: 0
}

._banner-container_1xtky_30 ._banner-box-6_1xtky_125 {
    position: relative;
    min-height: 3.4rem
}

._banner-container_1xtky_30 ._banner-box-6_1xtky_125 .swiper-slide {
    height: 3.4rem
}

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

._icon_1vqo5_30 {
    font-size: .28rem;
    height: .28rem;
    width: .28rem;
    flex-shrink: 0
}

._copy_1vqo5_37 {
    display: inline-flex
}

._arrow_1vqo5_41 {
    transform: rotate(180deg)
}

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

._icon-container_1vqo5_45 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--skin__accent_2);
    border-radius: 50%
}

._list_sbttb_30 {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

._item_sbttb_36 {
    display: flex;
    align-items: center;
    justify-content: center;
    border: thin solid var(--skin__border);
    position: relative;
    border-radius: .14rem;
    height: .7rem;
    font-size: .22rem;
    overflow: hidden
}

._item_sbttb_36._active_sbttb_47 {
    position: relative;
    border-color: var(--skin__primary);
    color: var(--skin__primary)
}

._item_sbttb_36._active_sbttb_47:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border: .15rem solid var(--skin__primary);
    border-top-color: transparent;
    border-left-color: transparent
}

._item_sbttb_36._active_sbttb_47:after {
    content: "";
    position: absolute;
    bottom: .04rem;
    right: .06rem;
    width: .07rem;
    height: .12rem;
    border: solid var(--skin__text_primary);
    border-width: 0 .03rem .03rem 0;
    transform: rotate(40deg)
}

._item_sbttb_36._with-icon_sbttb_76 {
    justify-content: start;
    padding-left: .13rem
}

[dir=rtl] ._item_sbttb_36._with-icon_sbttb_76 {
    padding-left: 0;
    padding-right: .13rem
}

._item_sbttb_36._with-icon_sbttb_76 ._content_sbttb_80 {
    padding: 0 .2rem
}

._item_sbttb_36 ._content_sbttb_80 {
    flex: 1;
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._item_sbttb_36 ._icon_sbttb_94 {
    height: .36rem;
    width: .36rem
}

html[lang=my] ._item_sbttb_36,html[lang=pa] ._item_sbttb_36 {
    font-size: .18rem
}

._slider-container_12sat_30 {
    padding-bottom: .1rem
}

._slider-container_12sat_30 ._label-container_12sat_33 {
    display: flex;
    justify-content: space-between
}

._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37 {
    width: .01rem;
    overflow: visible
}

._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37 span {
    width: fit-content;
    transform: translate(-50%);
    display: inline-block
}

[dir=rtl] ._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37 span {
    transform: translate(50%)
}

._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37:first-child span {
    transform: translate(0)
}

._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37:last-child span {
    transform: translate(-100%)
}

[dir=rtl] ._slider-container_12sat_30 ._label-container_12sat_33 ._label-container-wrap_12sat_37:last-child span {
    transform: translate(100%)
}

._slider-container_12sat_30 ._slider_12sat_30 {
    position: relative;
    height: .2rem;
    margin-top: .3rem;
    width: 100%;
    background-color: var(--skin__neutral_3);
    border-radius: .1rem
}

._slider-container_12sat_30 ._slider_12sat_30 ._bar_12sat_60 {
    position: absolute;
    height: .2rem;
    width: 1rem;
    top: 0;
    left: 0;
    background-color: var(--skin__primary);
    z-index: 1;
    border-radius: .1rem
}

[dir=rtl] ._slider-container_12sat_30 ._slider_12sat_30 ._bar_12sat_60 {
    left: auto;
    right: 0
}

._slider-container_12sat_30 ._slider_12sat_30 ._handler_12sat_70 {
    position: absolute;
    height: .4rem;
    width: .4rem;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 .03rem .05rem rgba(0,0,0,.2);
    z-index: 10;
    top: -.1rem;
    left: 0
}

[dir=rtl] ._slider-container_12sat_30 ._slider_12sat_30 ._handler_12sat_70 {
    left: auto;
    right: 0
}

.ui-switch {
    width: .8rem;
    height: .4rem;
    border-radius: .2rem;
    padding: .02rem;
    background-color: var(--skin__neutral_3);
    position: relative;
    transition: background-color;
    transition-duration: .3s
}

.ui-switch__node {
    position: absolute;
    top: .02rem;
    height: .36rem;
    width: .36rem;
    border-radius: 50%;
    background-color: #fff;
    left: .02rem;
    transition: all;
    transition-duration: .3s;
    box-shadow: 0 .03rem .05rem rgba(0,0,0,.2)
}

[dir=rtl] .ui-switch__node {
    left: auto;
    right: .02rem
}

.ui-switch--on {
    background-color: var(--skin__primary)
}

.ui-switch--on .ui-switch__node {
    left: .42rem
}

[dir=rtl] .ui-switch--on .ui-switch__node {
    left: auto;
    right: .42rem
}

._createRoom_1gzcl_30 ._radio_1gzcl_30,._createGdRoomForm_1gzcl_31 ._radio_1gzcl_30 {
    margin-top: .2rem;
    width: 100%
}

._createRoom_1gzcl_30 ._radio_1gzcl_30 li,._createGdRoomForm_1gzcl_31 ._radio_1gzcl_30 li {
    font-size: .24rem
}

._createRoom_1gzcl_30 header,._createGdRoomForm_1gzcl_31 header {
    height: .8rem!important;
    display: flex;
    align-items: center
}

._createRoom_1gzcl_30 header span,._createRoom_1gzcl_30 header p,._createGdRoomForm_1gzcl_31 header span,._createGdRoomForm_1gzcl_31 header p {
    height: .8rem!important;
    line-height: .8rem!important
}

._createRoom_1gzcl_30 header span,._createGdRoomForm_1gzcl_31 header span {
    transform: translateY(.03rem);
    width: .6rem!important
}

._createRoom_1gzcl_30 .ui-checkbox-group .ui-checkbox,._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox {
    width: 42%
}

._createRoom_1gzcl_30 .ui-checkbox-group .ui-checkbox .ui-checkbox__label,._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox .ui-checkbox__label {
    color: var(--skin__lead);
    margin-left: .1rem
}

[dir=rtl] ._createRoom_1gzcl_30 .ui-checkbox-group .ui-checkbox .ui-checkbox__label,[dir=rtl] ._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox .ui-checkbox__label {
    margin-left: 0;
    margin-right: .1rem
}

._createRoom_1gzcl_30 .ui-checkbox-group .ui-checkbox--checked .ui-checkbox__icon-wrap,._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox--checked .ui-checkbox__icon-wrap {
    background-color: var(--skin__primary)
}

._createRoom_1gzcl_30 .ui-checkbox-group .ui-checkbox:nth-child(odd),._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox:nth-child(odd) {
    width: 48.5%
}

._createRoom_1gzcl_30 ._switchItem_1gzcl_74,._createGdRoomForm_1gzcl_31 ._switchItem_1gzcl_74 {
    margin-bottom: 0
}

._createRoom_1gzcl_30 ._close_1gzcl_78,._createGdRoomForm_1gzcl_31 ._close_1gzcl_78 {
    color: var(--skin__primary);
    font-size: .3rem
}

._createRoom_1gzcl_30 ._line_1gzcl_83,._createGdRoomForm_1gzcl_31 ._line_1gzcl_83 {
    width: 100%;
    background-color: var(--skin__border);
    height: .01rem
}

._createRoom_1gzcl_30 ._fixedFooter_1gzcl_89,._createGdRoomForm_1gzcl_31 ._fixedFooter_1gzcl_89 {
    z-index: 1000
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 {
    position: relative;
    padding-bottom: 1.5rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 {
    padding: 0 .2rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._extraConfig_1gzcl_102,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._extraConfig_1gzcl_102 {
    margin-bottom: .2rem;
    font-size: .24rem;
    color: var(--skin__neutral_1)
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._betItem_1gzcl_108 .lobby-form-item__label-text,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._betItem_1gzcl_108 .lobby-form-item__label-text {
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 {
    width: 3.2rem;
    margin-right: .2rem;
    height: .8rem
}

[dir=rtl] ._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115,[dir=rtl] ._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 {
    margin-right: 0;
    margin-left: .2rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul {
    height: 100%
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul .focus:after,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul .focus:after {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    transform: scale(1.01);
    border: var(--lobby__px) solid var(--skin__primary);
    content: ""
}

[dir=rtl] ._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul .focus:after,[dir=rtl] ._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._password_1gzcl_115 ul .focus:after {
    left: auto;
    right: 0
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._passwordWrap_1gzcl_137,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._passwordWrap_1gzcl_137 {
    margin-bottom: 0;
    height: .8rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._slider_1gzcl_142,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 ._slider_1gzcl_142 {
    width: 100%;
    margin-top: .2rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item__label,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item__label {
    color: var(--skin__neutral_1);
    font-size: .24rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal .lobby-form-item__label,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal .lobby-form-item__label {
    flex: 1;
    width: 50%;
    color: var(--skin__lead)
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal .lobby-form-item__content,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98 .lobby-form-item--horizontal .lobby-form-item__content {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98:first-child,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createRoomForm_1gzcl_98:first-child {
    margin-top: .2rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 {
    padding: 0 .2rem
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group {
    display: flex;
    flex-flow: row wrap
}

._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox,._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox {
    margin: .2rem .2rem 0 0
}

[dir=rtl] ._createRoom_1gzcl_30 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox,[dir=rtl] ._createGdRoomForm_1gzcl_31 ._createRoomWrap_1gzcl_93 ._createGdRoomForm_1gzcl_31 .ui-checkbox-group .ui-checkbox {
    margin: .2rem 0 0 .2rem
}

._createRoom_1gzcl_30 ._createRoomWrapEn_1gzcl_190,._createGdRoomForm_1gzcl_31 ._createRoomWrapEn_1gzcl_190 {
    padding-bottom: 1.9rem
}

._createRoom_1gzcl_30 ._createTips_1gzcl_194,._createGdRoomForm_1gzcl_31 ._createTips_1gzcl_194 {
    margin-bottom: .2rem;
    font-size: .24rem;
    color: var(--skin__neutral_2)
}

._createRoom_1gzcl_30 ._iconLabel_1gzcl_200,._createGdRoomForm_1gzcl_31 ._iconLabel_1gzcl_200 {
    display: flex;
    align-items: center;
    height: .3rem
}

._createRoom_1gzcl_30 ._iconLabel_1gzcl_200 ._icon_1gzcl_200,._createGdRoomForm_1gzcl_31 ._iconLabel_1gzcl_200 ._icon_1gzcl_200 {
    font-size: .3rem;
    color: var(--skin__neutral_2);
    margin-right: .1rem
}

[dir=rtl] ._createRoom_1gzcl_30 ._iconLabel_1gzcl_200 ._icon_1gzcl_200,[dir=rtl] ._createGdRoomForm_1gzcl_31 ._iconLabel_1gzcl_200 ._icon_1gzcl_200 {
    margin-right: 0;
    margin-left: .1rem
}

._createGdRoomForm_1gzcl_31 .lobby-form-item__label {
    color: var(--skin__neutral_1);
    font-size: .24rem
}

._holidayWrap_umou8_30 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    width: 100%;
    height: 100%
}

._holidayWrap_umou8_30 ._topLeft_umou8_40 {
    position: absolute;
    top: 0;
    left: 0
}

._holidayWrap_umou8_30 ._topRight_umou8_46 {
    position: absolute;
    top: 0;
    right: 0
}

._holidayWrap_umou8_30 ._leftBottom_umou8_52 {
    position: absolute;
    bottom: 0;
    left: 0
}

._holidayWrap_umou8_30 ._rightBottom_umou8_58 {
    position: absolute;
    right: 0;
    bottom: 0
}

._midAutumnHr_umou8_65 {
    position: relative;
    top: .08rem;
    margin-left: -.02rem
}

[dir=rtl] ._midAutumnHr_umou8_65 {
    margin-left: 0;
    margin-right: -.02rem
}

._verital_umou8_71 {
    top: .04rem;
    left: 50%;
    transform: translate(-50%)
}

[dir=rtl] ._verital_umou8_71 {
    left: auto;
    right: 50%;
    transform: translate(50%)
}

._sidebar-common-tab-wrapper_1dowo_30 {
    width: 1.5rem;
    height: .7rem;
    margin-bottom: .2rem
}

._sidebar-common-tab-item_1dowo_36 {
    display: flex;
    align-items: center;
    border-radius: .14rem;
    overflow: hidden;
    width: 1.5rem;
    height: .7rem;
    padding: 0 .06rem 0 .03rem;
    background-size: 100% 100%;
    color: var(--skin__leftnav_def);
    box-shadow: 0 .02rem .04rem 0 var(--skin__web_left_bg_shadow);
    word-break: break-all
}

[dir=rtl] ._sidebar-common-tab-item_1dowo_36 {
    padding: 0 .03rem 0 .06rem
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-item-icon-box_1dowo_50 {
    width: .48rem;
    height: .36rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .36rem;
    z-index: 6
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-item-icon-box_1dowo_50>i.lobby-image {
    width: 100%
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-item-icon-box_1dowo_50>img.lobby-image {
    max-width: 100%;
    max-height: 100%
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .17rem;
    line-height: .21rem;
    z-index: 6
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67:lang(zh),._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67:lang(zh_hk),._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67:lang(tw),._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67:lang(ja),._sidebar-common-tab-item_1dowo_36 ._sidebar-common-tab-name_1dowo_67:lang(ko) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: .32rem;
    font-size: .24rem
}

._sidebar-common-tab-item_1dowo_36 ._sidebar-common-active-text-color_1dowo_94 {
    color: var(--skin__leftnav_active)
}

._sidebar-tabs_1cphf_30 {
    flex: 1;
    overflow: hidden;
    padding-top: .2rem
}

._sidebar-tabs-title_1cphf_35 {
    height: 100%;
    display: flex;
    width: 1.7rem;
    flex-direction: column
}

._sidebar-tabs_1cphf_30 ._title_1cphf_41 {
    justify-content: flex-start
}

._sidebar-tabs_1cphf_30 .ui-tabs__nav {
    height: fit-content;
    padding-bottom: 0
}

._sidebar-tabs_1cphf_30 .ui-tab-active {
    color: var(--skin__leftnav_active)
}

._close-btn_1y6cc_33 {
    --close-btn-width: calc(var(--card-benchmark) * .1153846);
    --close-btn-scale-width: calc(var(--close-btn-width) * .25);
    box-sizing: content-box;
    width: var(--close-btn-width);
    padding: var(--close-btn-scale-width);
    right: calc(var(--close-btn-scale-width) * -1);
    top: calc(var(--close-btn-scale-width) * -1)
}

[dir=rtl] ._close-btn_1y6cc_33 {
    right: auto;
    left: calc(var(--close-btn-scale-width) * -1)
}

._desktop_10872_33 {
    --desktop-width: calc(var(--card-benchmark));
    --desktop-height: calc(var(--card-benchmark) * .526923);
    width: var(--desktop-width);
    height: var(--desktop-height);
    background-size: 100% 100%
}

._join-condition_5ys6t_35 {
    --join-condition-width: calc(var(--card-benchmark) * .846153);
    --join-condition-font-size: calc(var(--card-benchmark) * .07692);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: var(--join-condition-width);
    text-align: center;
    font-size: var(--join-condition-font-size);
    max-height: calc(var(--join-condition-font-size) * 1.4);
    color: #fff
}

._join-condition_5ys6t_35 ._minimum_5ys6t_47 {
    opacity: .6
}

._personnel-and-entrance_ncqwd_33 {
    --personnel-and-entrance-width: calc(var(--card-benchmark) * .676923);
    --personnel-font-size: calc(var(--card-benchmark) * .07692);
    --icon-font-size: calc(var(--card-benchmark) * .1);
    --icon-margin-left: calc(var(--card-benchmark) * .01923);
    --enter-btn-height: calc(var(--card-benchmark) * .0846153);
    --enter-btn-line-height: calc(var(--card-benchmark) * .076923);
    --enter-btn-font-size: calc(var(--card-benchmark) * .053846);
    --enter-btn-padding: 0 calc(var(--card-benchmark) * .038461);
    --icon-transform: translateY(calc(0rem - var(--card-benchmark) * .0076923));
    display: flex;
    flex-flow: row nowrap;
    width: var(--personnel-and-entrance-width);
    justify-content: space-between;
    align-items: center
}

._personnel-and-entrance_ncqwd_33 ._personnel_ncqwd_33 {
    font-size: var(--personnel-font-size);
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    transform: translateY(.02rem)
}

._personnel-and-entrance_ncqwd_33 ._personnel_ncqwd_33 ._icon_ncqwd_56 {
    color: rgba(255,255,255,.6);
    font-size: var(--icon-font-size);
    transform: var(--icon-transform);
    margin-right: var(--icon-margin-left)
}

[dir=rtl] ._personnel-and-entrance_ncqwd_33 ._personnel_ncqwd_33 ._icon_ncqwd_56 {
    margin-right: 0;
    margin-left: var(--icon-margin-left)
}

._personnel-and-entrance_ncqwd_33 ._personnel_ncqwd_33 ._cur-num_ncqwd_62 {
    color: #fff
}

._personnel-and-entrance_ncqwd_33 ._personnel_ncqwd_33 ._max-num_ncqwd_65 {
    color: rgba(255,255,255,.6)
}

._personnel-and-entrance_ncqwd_33 ._lock_ncqwd_68 {
    color: rgba(255,255,255,.6);
    padding: 0 .1rem;
    display: flex
}

._personnel-and-entrance_ncqwd_33 ._enter-btn_ncqwd_73 {
    padding: var(--enter-btn-padding);
    height: var(--enter-btn-height);
    text-align: center;
    border-radius: 10rem;
    color: #fff;
    font-size: var(--enter-btn-font-size);
    line-height: var(--enter-btn-line-height);
    border: solid thin rgba(255,255,255,.6);
    max-width: .8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._keyboard_uyapn_30 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-radius: .14rem
}

._keyboard_uyapn_30>* {
    width: calc((100% - .36rem) / 3);
    margin-left: .18rem;
    margin-top: .1rem
}

[dir=rtl] ._keyboard_uyapn_30>* {
    margin-left: 0;
    margin-right: .18rem
}

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

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

._keyboard_uyapn_30>*:nth-child(1) {
    margin-top: 0
}

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

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

._keyboard_uyapn_30>span {
    color: var(--skin__lead);
    font-size: .3rem;
    height: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: var(--lobby__px) solid var(--skin__border);
    border-radius: .14rem;
    background-color: var(--skin__bg_2);
    overflow: hidden;
    cursor: pointer
}

._keyboard_uyapn_30>span._util_uyapn_69 {
    color: var(--skin__text_primary);
    background-color: var(--skin__primary);
    border-color: var(--skin__primary)
}

._keyboard_uyapn_30>span._util_uyapn_69:last-child {
    font-size: .2rem
}

._keyboard_uyapn_30>span:active {
    opacity: .8
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 {
    padding: .2rem .2rem 1.3rem
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 ._passwordWrap_1yuk7_33 {
    width: 100%;
    margin-bottom: 0;
    height: 1rem
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 ._enterRoomTips_1yuk7_38 {
    font-size: .3rem;
    color: var(--skin__lead);
    padding: .2rem
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 .lobby-form-item--horizontal {
    display: flex
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 .lobby-form-item__content {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 .lobby-form-item__input {
    width: 100%;
    justify-content: center
}

._room-password-dialog_1yuk7_30 ._roomPasswordForm_1yuk7_30 .ui-password-input {
    width: 4.76rem
}

._room-password-dialog_1yuk7_30 ._header_1yuk7_60 {
    height: .8rem
}

._room-password-dialog_1yuk7_30 ._header_1yuk7_60>span {
    left: -.08rem;
    top: -.05rem
}

[dir=rtl] ._room-password-dialog_1yuk7_30 ._header_1yuk7_60>span {
    left: auto;
    right: -.08rem
}

._room-password-dialog_1yuk7_30 ._title_1yuk7_67 {
    height: .8rem;
    line-height: .8rem
}

._room-password-dialog_1yuk7_30 ._close_1yuk7_71 {
    color: var(--skin__primary);
    font-size: .3rem
}

._room-password-dialog_1yuk7_30 ._line_1yuk7_75 {
    width: 100%;
    background-color: var(--skin__border);
    height: .01rem
}

._room-password-dialog_1yuk7_30 ._fixedFooter_1yuk7_80 {
    z-index: 1000
}

._header_1yuk7_60 {
    height: .8rem
}

._room-serial_1c86d_33 {
    --room-serial-width: calc(var(--card-benchmark) * .676923);
    --room-serial-font-size: calc(var(--card-benchmark) * .07692);
    display: flex;
    width: var(--room-serial-width);
    justify-content: space-between;
    font-size: var(--room-serial-font-size);
    color: #fff
}

._room-serial_1c86d_33 ._remaining-time_1c86d_42 {
    opacity: .6
}

._room-serial_1c86d_33 ._remaining-time_1c86d_42:lang(zh),._room-serial_1c86d_33 ._remaining-time_1c86d_42:lang(zh_hk),._room-serial_1c86d_33 ._remaining-time_1c86d_42:lang(tw) {
    transform: translateY(.04rem)
}

._club-card_1n3sg_33 {
    --club-card-padding: calc(var(--card-benchmark) * .07692) 0 calc(var(--card-benchmark) * .084615);
    padding: var(--club-card-padding);
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

._club-card_1n3sg_33:lang(zh),._club-card_1n3sg_33:lang(zh_hk),._club-card_1n3sg_33:lang(tw) {
    --club-card-padding: calc(var(--card-benchmark) * .053846) 0 calc(var(--card-benchmark) * .084615)
}

._club-card_1n3sg_33 ._club-card-close-btn_1n3sg_48 {
    position: absolute;
    z-index: 100
}

._main_1u0tb_30 {
    width: 100%;
    height: .673rem;
    margin-bottom: .2rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

._main_1u0tb_30 ._logo_1u0tb_39 {
    height: .674rem
}

._main_1u0tb_30 ._operate_1u0tb_42 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

._main_1u0tb_30 ._operate_1u0tb_42 ._btn_1u0tb_48 {
    margin-left: .24rem;
    font-size: .38rem;
    color: var(--skin__icon_1)
}

[dir=rtl] ._main_1u0tb_30 ._operate_1u0tb_42 ._btn_1u0tb_48 {
    margin-left: 0;
    margin-right: .24rem
}

._topMenu_1u0tb_54 {
    margin: .2rem 0
}

._topMenu_1u0tb_54 ._logo_1u0tb_39 {
    height: .646rem
}

._emptyText_1wfni_30 {
    text-align: center;
    word-break: keep-all
}

._emptyText_1wfni_30 ._createRoom_1wfni_34 {
    color: var(--skin__primary);
    word-break: keep-all;
    white-space: nowrap
}

._list-ordinary_1bihj_30 {
    width: fit-content
}

._list-ordinary_1bihj_30>._list-ordinary-layout_1bihj_33 {
    display: flex;
    flex-wrap: wrap
}

html[data-gap-supported="1"] ._list-ordinary_1bihj_30>._list-ordinary-layout_1bihj_33 {
    width: var(--list-ordinary-width);
    height: var(--list-ordinary-height);
    column-gap: calc(var(--list-ordinary-left-right-spacing) - .01rem);
    row-gap: var(--list-ordinary-top-bot-spacing)
}

html[data-gap-supported="0"] ._list-ordinary_1bihj_30>._list-ordinary-layout_1bihj_33 {
    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_1bihj_30>._list-ordinary-layout_1bihj_33>* {
    margin: calc(var(--list-ordinary-top-bot-spacing) / 2) calc(var(--list-ordinary-left-right-spacing) / 2 - .01rem)
}

._tab-item-game-list_1f166_30 {
    position: relative
}

._tab-item-game-list_1f166_30 ._game-list_1f166_33 {
    justify-content: center
}

._tab-item-game-list_1f166_30 ._maintain_1f166_36 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: center 2.8rem;
    z-index: 100;
    text-align: center
}

[dir=rtl] ._tab-item-game-list_1f166_30 ._maintain_1f166_36 {
    left: auto;
    right: 0
}

._tab-item-game-list_1f166_30 ._maintain_1f166_36 p {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(1.25rem);
    color: #fff;
    font-size: .26rem
}

._gameContent_15eu7_30 {
    padding: 0 .2rem
}

._gameContent_15eu7_30 .ui-tabs__wrap {
    padding-top: 0;
    font-size: .2rem
}

._gameContent_15eu7_30 .ui-tabs__wrap .lobby-image--use-bg img {
    width: .48rem;
    margin-left: .03rem
}

[dir=rtl] ._gameContent_15eu7_30 .ui-tabs__wrap .lobby-image--use-bg img {
    margin-left: 0;
    margin-right: .03rem
}

._gameContent_15eu7_30 .ui-tabs__wrap .lobby-image--use-bg i {
    font-size: .48rem
}

._gameContent_15eu7_30 .ui-tabs__wrap .ui-tab--active .lobby-image--use-bg {
    box-shadow: 0 .02rem .04rem 0 var(--skin__web_left_bg_shadow_active)
}

._gameContent_15eu7_30 .ui-tab__panel {
    height: fit-content
}

._gameContent_15eu7_30 .ui-sticky--fixed {
    padding-top: .2rem;
    overflow: hidden
}

._gameContent_15eu7_30 .sidebar-common-tab-name {
    word-break: keep-all;
    font-size: .2rem!important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

._gameContent_15eu7_30 ._gameList_15eu7_64 {
    flex: 1;
    overflow: hidden
}

._gameContent_15eu7_30 ._gameList_15eu7_64 header {
    width: 100%;
    display: flex;
    padding: .2rem 0 .2rem .2rem;
    align-items: center;
    font-size: .3rem;
    color: #fff;
    border-top: var(--lobby__px) solid var(--skin__border)
}

[dir=rtl] ._gameContent_15eu7_30 ._gameList_15eu7_64 header {
    padding: .2rem .2rem .2rem 0
}

._gameContent_15eu7_30 ._gameList_15eu7_64 header img {
    width: .5rem;
    aspect-ratio: auto 25/19;
    margin-right: .1rem
}

[dir=rtl] ._gameContent_15eu7_30 ._gameList_15eu7_64 header img {
    margin-right: 0;
    margin-left: .1rem
}

._gameContent_15eu7_30 ._gameList_15eu7_64 ._games_15eu7_82 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 5%
}

._gameContent_15eu7_30 ._gameList_15eu7_64 ._games_15eu7_82>div {
    margin-bottom: .1rem
}

._gameContent_15eu7_30 ._gameList_15eu7_64 ._games_15eu7_82 img {
    width: 100%;
    border-radius: .2rem
}

._gameContent_15eu7_30 ._game-list-box_15eu7_96:first-child {
    border-top: none
}

._gameContent_15eu7_30 ._game-list-box_15eu7_96 {
    padding-top: .2rem;
    padding-bottom: .3rem;
    border-top: thin solid var(--skin__border)
}

._gameContent_15eu7_30 ._game-list-box_15eu7_96._last-exhibit-game-list-box_15eu7_104 {
    padding-bottom: 0
}

._gameContent_15eu7_30 ._game-list-box-club_15eu7_107 {
    padding-top: 0;
    border-top: none
}

._gameContentNormalBreak_15eu7_112 .sidebar-common-tab-name {
    word-break: break-all;
    line-height: 1.4!important;
    max-height: .5rem
}

._gameContent_15eu7_30 {
    margin-top: -.2rem
}

._toTop_1fln2_30 {
    width: 1.06rem;
    min-height: .97rem;
    padding: .13rem .1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--skin__bg_2);
    border: var(--lobby__px) solid var(--skin__border);
    border-radius: .1rem;
    box-shadow: .02rem 0 .06rem rgba(0,0,0,.1);
    cursor: pointer
}

[dir=rtl] ._toTop_1fln2_30 {
    box-shadow: -.02rem 0 .06rem rgba(0,0,0,.1)
}

._toTop_1fln2_30 ._iconWrap_1fln2_44 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .38rem;
    height: .38rem;
    margin-bottom: .07rem;
    color: var(--skin__text_primary);
    font-size: .24rem;
    background-color: var(--skin__primary);
    border-radius: 50%
}

._toTop_1fln2_30 ._title_1fln2_56 {
    display: flex;
    width: 100%;
    color: var(--skin__neutral_2);
    font-size: .18rem;
    text-align: center;
    justify-content: center
}

._toTop_1fln2_30 {
    width: 1.06rem;
    min-height: .97rem;
    padding: .04rem;
    opacity: .9;
    border-radius: .14rem
}

._toTop_1fln2_30 ._iconWrap_1fln2_44 {
    width: .36rem;
    height: .36rem
}

._floatBox_1v59r_30 {
    position: absolute;
    right: .07rem;
    bottom: 1.31rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end
}

._floatBox_1v59r_30 {
    right: .07rem;
    bottom: 1.31rem
}

[dir=rtl] ._floatBox_1v59r_30 {
    right: auto;
    left: .07rem
}

._banner-container_1p8f8_30 {
    box-sizing: border-box;
    --swiper-pagination-bottom: -.05rem
}

._banner-container_1p8f8_30 .swiper,._banner-container_1p8f8_30 .swiper-wrapper {
    z-index: 0
}

._jackpot-card-num-icon_1xtgs_31 {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 8.36rem .72rem
}

._cjc1_style_font_0_1xtgs_38 {
    width: .44rem;
    height: .72rem;
    background-position: 0 0
}

._cjc1_style_font_1_1xtgs_45 {
    width: .44rem;
    height: .72rem;
    background-position: -.44rem 0
}

._cjc1_style_font_2_1xtgs_52 {
    width: .44rem;
    height: .72rem;
    background-position: -.88rem 0
}

._cjc1_style_font_3_1xtgs_59 {
    width: .44rem;
    height: .72rem;
    background-position: -1.32rem 0
}

._cjc1_style_font_4_1xtgs_66 {
    width: .44rem;
    height: .72rem;
    background-position: -1.76rem 0
}

._cjc1_style_font_5_1xtgs_73 {
    width: .44rem;
    height: .72rem;
    background-position: -2.2rem 0
}

._cjc1_style_font_6_1xtgs_80 {
    width: .44rem;
    height: .72rem;
    background-position: -2.64rem 0
}

._cjc1_style_font_7_1xtgs_87 {
    width: .44rem;
    height: .72rem;
    background-position: -3.08rem 0
}

._cjc1_style_font_8_1xtgs_94 {
    width: .44rem;
    height: .72rem;
    background-position: -3.52rem 0
}

._cjc1_style_font_9_1xtgs_101 {
    width: .44rem;
    height: .72rem;
    background-position: -3.96rem 0
}

._cjc1_style_font_dh_1xtgs_108 {
    width: .22rem;
    height: .72rem;
    background-position: -4.4rem 0
}

._cjc1_style_font_jh_1xtgs_115 {
    width: .22rem;
    height: .72rem;
    background-position: -4.62rem 0
}

._cjc1_style_font_r_1xtgs_122,._cjc1_style_font_k_1xtgs_122 {
    width: .44rem;
    height: .72rem;
    background-position: -4.84rem 0
}

._cjc1_style_font_s_1xtgs_129 {
    width: .44rem;
    height: .72rem;
    background-position: -5.28rem 0
}

._jackpot_16x73_32 {
    background-size: 100% 100%;
    position: relative;
    width: var(--jackpot-card-width, 100%);
    height: var(--jackpot-card-height, 164px);
    margin: auto
}

._jackpot_16x73_32 ._text-content_16x73_39 {
    position: absolute;
    width: 100%;
    font-size: .42rem;
    line-height: .76rem;
    text-align: center;
    left: 0;
    right: 0;
    bottom: var(--jackpot-card-count-to-bottom);
    color: var(--jackpot-font-color);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--jackpot-card-count-box-height);
    letter-spacing: var(--jackpot-font-letter-spacing);
    transform: scale(var(--jackpot-card-count-box-scale))
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57 {
    display: flex;
    justify-content: center
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57>span {
    position: relative;
    color: var(--jackpot-font-color);
    font-weight: 900;
    font-size: var(--jackpot-font-size);
    line-height: 1;
    text-align: center
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57>span[data-char="."],._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57>span[data-char=","] {
    width: unset
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57._text-customize_16x73_72 ._char_16x73_72 {
    font-family: var(--jackpot-font-family);
    display: inline-block;
    width: 1ch;
    text-align: left;
    position: relative
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57._text-customize_16x73_72 ._char_16x73_72[data-text="."],._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57._text-customize_16x73_72 ._char_16x73_72[data-text=","] {
    width: unset
}

._jackpot_16x73_32 ._text-content_16x73_39 ._count_16x73_57._text-customize_16x73_72 ._char_16x73_72:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: var(--jackpot-font-stroke-color);
    font-weight: 900;
    content: attr(data-text);
    -webkit-text-stroke: var(--jackpot-font-stroke) var(--jackpot-font-stroke-color);
    -webkit-text-fill-color: var(--jackpot-font-stroke-color)
}

._common_1ge7y_30 {
    background-size: 100% 100%;
    position: relative;
    width: var(--jackpot-card-width, 100%);
    min-height: var(--jackpot-card-height, 164px);
    margin: 0 auto
}

._common_1ge7y_30>div+div {
    margin-top: .2rem
}

._holiday_7cfqt_30 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.holidayMain,.holidaySub,.holidaySub2,.holidayNormal,.topLeft {
    position: absolute
}

.holidayNormal {
    right: 0;
    bottom: 0
}

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

.topLeft {
    top: 0;
    left: 0
}

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

._nav-arrow_hkmbv_30 {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .36rem;
    height: .36rem;
    background-color: rgba(0,0,0,.1);
    border: var(--lobby__px) solid rgba(255,255,255,.1);
    border-radius: 50%
}

._nav-arrow_hkmbv_30._is-hidden_hkmbv_44 {
    display: none
}

._nav-arrow_hkmbv_30 ._arrow-icon_hkmbv_47 {
    font-size: .14rem;
    color: #fff
}

._nav-arrow_hkmbv_30._nav-arrow-left_hkmbv_52 {
    left: -.02rem
}

._nav-arrow_hkmbv_30._nav-arrow-left_hkmbv_52 ._arrow-icon_hkmbv_47 {
    transform: translate(-.02rem,-.01rem)
}

[dir=rtl] ._nav-arrow_hkmbv_30._nav-arrow-left_hkmbv_52 ._arrow-icon_hkmbv_47 {
    transform: translate(.02rem,-.01rem)
}

._nav-arrow_hkmbv_30._nav-arrow-right_hkmbv_59 {
    right: -.02rem;
    transform: translateY(-50%) rotate(180deg)
}

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

._position-top-left_164dg_52>._maintain-icon_164dg_45 {
    position: absolute;
    top: 0;
    left: 0
}

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

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

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

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

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

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

._game-name-normal_1sg0u_30._game-height_1sg0u_35 {
    height: var(--game-height-size)
}

._game-name-normal_1sg0u_30 ._name-inner_1sg0u_38 {
    width: 100%
}

._game-name-normal_1sg0u_30._line-one_1sg0u_41 ._name-inner_1sg0u_38 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

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

._game-platform-name_1qqne_31 {
    --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_1qqne_31._is-follow-skin-color_1qqne_48 {
    color: var(--skin__neutral_1)
}

._game-platform-name_1qqne_31._is-white-bg-color_1qqne_51 {
    color: #666
}

._poster-image-floors_1wleu_34 {
    --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-floors_1wleu_34._is-recommend_1wleu_53 {
    --poster-image-floors-border-radius: calc(var(--poster-image-floors-border-base-radius) * .7) var(--poster-image-floors-border-base-radius) var(--poster-image-floors-border-base-radius) var(--poster-image-floors-border-base-radius)
}

._poster-image_1dvd9_34 {
    --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_1dvd9_34._is-recommend_1dvd9_52 {
    --poster-image-border-radius: calc(var(--poster-image-border-base-radius) * .7) var(--poster-image-border-base-radius) var(--poster-image-border-base-radius) var(--poster-image-border-base-radius)
}

._poster-image_1dvd9_34._is-shrink-bg-img_1dvd9_57 {
    background-size: calc(100% - .02rem) calc(100% - .02rem)
}

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

._poster-image_1dvd9_34._is-has-background-color_1dvd9_63 {
    background-color: var(--skin__ddt_bg)
}

._poster-box-core_flfxz_31 {
    --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_flfxz_31>._game-name_flfxz_47 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    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_flfxz_31>._game-name_flfxz_47._is-follow-skin-color_flfxz_65 {
    color: var(--skin__neutral_1)
}

._poster-box-core_flfxz_31>._game-name_flfxz_47._is-white-bg-color_flfxz_68 {
    color: #666
}

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

._landscape-left-right_l0m2k_30 {
    opacity: 1
}

._holiday_v6yu9_30 {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    top: 50%
}

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

._holiday_v6yu9_30>img {
    max-width: initial!important
}

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

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

._game-headline_14vs5_30 ._title_14vs5_38>._title-icon_14vs5_45 {
    position: relative;
    margin-right: .05rem;
    width: .52rem;
    font-size: .52rem
}

[dir=rtl] ._game-headline_14vs5_30 ._title_14vs5_38>._title-icon_14vs5_45 {
    margin-right: 0;
    margin-left: .05rem
}

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

._game-headline_14vs5_30 ._trigger-text_14vs5_51 ._click-area_14vs5_56 {
    margin: -.12rem -.2rem;
    padding: .12rem .2rem
}

._game-headline_14vs5_30 ._trigger-text_14vs5_51 ._click-area_14vs5_56:lang(ur) {
    font-size: .3rem
}

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

._layout-box_10hke_30>div+div {
    margin-top: var(--div-div-margin-top)
}

._load-more-button_1jms5_30 {
    display: block;
    color: var(--skin__neutral_2);
    font-size: .24rem;
    text-align: center
}

._trigger-text_1jms5_37 {
    display: block;
    align-items: center;
    margin-top: .1rem;
    color: var(--skin__neutral_1);
    font-size: .24rem;
    cursor: pointer
}

._trigger-text_1jms5_37 ._down-arrow_1jms5_45 {
    position: relative;
    top: .02rem;
    margin-left: .08rem;
    width: .18rem;
    height: .18rem
}

[dir=rtl] ._trigger-text_1jms5_37 ._down-arrow_1jms5_45 {
    margin-left: 0;
    margin-right: .08rem
}

._trigger-text_1jms5_37:lang(id_ID) {
    margin-top: .04rem
}

._tab-item-game-list_1y90r_30 ._game-list_1y90r_30 {
    justify-content: center
}

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

._circle-star-icon_dr9ru_30 {
    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-icon_dr9ru_30._icon-animation_dr9ru_38 {
    transform: scale(1.7);
    box-shadow: none
}

._game-name-normal_1yex7_33 {
    --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__neutral_1);
    font-size: var(--game-name-normal-font-size);
    line-height: 1.454545;
    text-align: center;
    word-wrap: break-word
}

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

._name-img-layout_1m1yr_30 {
    --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_uyvtu_37 {
    --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_xj43y_30 ._favorite-icon_xj43y_30 {
    position: absolute;
    top: calc(var(--card-benchmark) * .03);
    right: calc(var(--card-benchmark) * .03)
}

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

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

._type-platform_edfmq_30 {
    --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_edfmq_36 {
    --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_edfmq_43 {
    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
}

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

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

._arrow-btn_jwfd4_31 {
    --arrow-btn-color: var(--skin__lead);
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .6rem;
    height: 100%;
    font-size: .16rem;
    color: var(--arrow-btn-color)
}

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

[dir=ltr] ._direction-left_jwfd4_49 ._arrow_jwfd4_31 {
    transform: rotate(180deg)
}

[dir=rtl] [dir=ltr] ._direction-left_jwfd4_49 ._arrow_jwfd4_31 {
    transform: rotate(-180deg)
}

[dir=rtl] ._direction-right_jwfd4_53 ._arrow_jwfd4_31 {
    transform: rotate(180deg)
}

[dir=rtl] [dir=rtl] ._direction-right_jwfd4_53 ._arrow_jwfd4_31 {
    transform: rotate(-180deg)
}

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

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

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

._switch-pagination_15l6h_31 ._btn-all-inside_15l6h_55 {
    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_15l6h_31 ._line_15l6h_68 {
    border-left: solid thin var(--skin__border);
    height: 100%
}

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

._title_1ux8l_30>._title-text_1ux8l_36 {
    font-size: .3rem
}

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

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

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

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

._layout-box_vvslf_30>div+div {
    margin-top: .2rem
}

._arrow-load-view_1ilv7_30 {
    opacity: 1
}

._dynamic-dom-box_1b931_30 {
    width: fit-content;
    height: fit-content
}

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

._list-slide-layout_1pur4_31>._list-slide-layout-inner_1pur4_34 {
    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_1pur4_31>._list-slide-layout-inner_1pur4_34 {
    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_1pur4_31>._list-slide-layout-inner_1pur4_34 {
    width: calc(var(--list-slide-width) + var(--list-slide-column-gap));
    height: calc(var(--list-slide-height) + var(--list-slide-row-gap));
    margin: calc(0% - var(--list-slide-row-gap) / 2) calc(0% - var(--list-slide-column-gap) / 2)
}

html[data-gap-supported="0"] ._list-slide-layout_1pur4_31>._list-slide-layout-inner_1pur4_34>* {
    padding: calc(var(--list-slide-row-gap) / 2) calc(var(--list-slide-column-gap) / 2)
}

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

._list-slide-layout_bhqhl_31>._list-slide-layout-inner_bhqhl_34 {
    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_bhqhl_31>._list-slide-layout-inner_bhqhl_34 {
    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_bhqhl_31>._list-slide-layout-inner_bhqhl_34 {
    width: calc(var(--list-slide-width) + var(--list-slide-column-gap));
    height: calc(var(--list-slide-height) + var(--list-slide-row-gap));
    margin: calc(0% - var(--list-slide-row-gap) / 2) calc(0% - var(--list-slide-column-gap) / 2)
}

html[data-gap-supported="0"] ._list-slide-layout_bhqhl_31>._list-slide-layout-inner_bhqhl_34>* {
    padding: calc(var(--list-slide-row-gap) / 2) calc(var(--list-slide-column-gap) / 2)
}

._scroll-box-overflow_bhqhl_58>._scroll-box-overflow-inner_bhqhl_58 {
    overflow-x: auto;
    overflow-y: auto;
    user-select: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab
}

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

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

._scroll-box-overflow_bhqhl_58>._scroll-box-overflow-inner_bhqhl_58 .slide-pagination {
    scroll-snap-align: start
}

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

._list-slide-layout_31bvb_31>._list-slide-layout-inner_31bvb_34 {
    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_31bvb_31>._list-slide-layout-inner_31bvb_34 {
    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_31bvb_31>._list-slide-layout-inner_31bvb_34 {
    width: calc(var(--list-slide-width) + var(--list-slide-column-gap));
    height: calc(var(--list-slide-height) + var(--list-slide-row-gap));
    margin: calc(0% - var(--list-slide-row-gap) / 2) calc(0% - var(--list-slide-column-gap) / 2)
}

html[data-gap-supported="0"] ._list-slide-layout_31bvb_31>._list-slide-layout-inner_31bvb_34>* {
    padding: calc(var(--list-slide-row-gap) / 2) calc(var(--list-slide-column-gap) / 2)
}

._scroll-box-transform_31bvb_58 {
    box-sizing: content-box;
    width: var(--list-slide-width);
    height: var(--list-slide-height);
    overflow: hidden
}

._scroll-box-transform_31bvb_58 ._scroll-box-transform-inner_31bvb_64 {
    cursor: grab;
    transition: transform .5s;
    transform: var(--list-slide-transform-scroll-area-transform)
}

._list-slide-typesetting_1d926_30._is-slide-one-screen_1d926_30 .slide-pagination .slide-pagination {
    scroll-snap-align: initial
}

._tab-item-game-list_a1w8m_30 ._game-list_a1w8m_30 {
    opacity: 1
}

._tab-item-game-list_qcfwv_30 {
    width: 100%
}

._tab-item-game-list_qcfwv_30 ._game-list_qcfwv_33,._tab-item-game-list-design_1bzxu_30 {
    opacity: 1
}

._tab-item-title_19dm6_30 {
    padding-top: .06rem;
    width: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--skin__alt_neutral_2)
}

._tab-item-title_19dm6_30 ._icon_19dm6_38 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .6rem;
    height: .46rem;
    font-size: .6rem
}

._tab-item-title_19dm6_30 ._icon_19dm6_38>img {
    width: .6rem;
    height: .46rem;
    user-drag: none;
    -webkit-user-drag: none
}

._tab-item-title_19dm6_30 ._icon_19dm6_38>i {
    width: .6rem;
    height: .6rem
}

._tab-item-title_19dm6_30 ._text_19dm6_56 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .06rem;
    height: 2em;
    width: 100%;
    font-size: .24rem;
    line-height: 1;
    text-align: center;
    word-break: break-word;
    z-index: 3
}

._tab-item-title_19dm6_30 ._text_19dm6_56:lang(vi),._tab-item-title_19dm6_30 ._text_19dm6_56:lang(my) {
    font-size: .2rem;
    line-height: 1.4;
    min-height: .44rem;
    max-height: .57rem;
    margin-bottom: .04rem
}

._tab-item-title_19dm6_30._is-active_19dm6_80 ._text_19dm6_56 {
    color: var(--skin__primary)
}

._tab-item-title_19dm6_30 {
    width: auto;
    min-width: 1.5rem;
    max-width: 3rem
}

._tab-item-title_19dm6_30 ._text_19dm6_56 {
    display: block;
    white-space: nowrap;
    -line-clamp: 1
}

._game-exhibition_hhhnq_30 {
    padding-bottom: .3rem
}

._game-exhibition_hhhnq_30 .ui-tabs__wrap {
    position: relative;
    padding-left: .2rem;
    padding-right: .2rem
}

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

._game-exhibition_hhhnq_30 .ui-tabs__nav {
    padding-bottom: 0;
    border-bottom: var(--lobby__px) solid var(--skin__border)
}

._game-exhibition_hhhnq_30 .ui-tabs__nav .ui-tab {
    padding: 0 .05rem
}

._game-exhibition_hhhnq_30 .ui-tabs__nav .ui-tabs__line {
    bottom: 0;
    height: .04rem;
    border-radius: 10rem
}

._game-exhibition_hhhnq_30 ._game-list-box_hhhnq_53 {
    padding-top: .3rem
}

._game-exhibition_hhhnq_30 ._game-list-box_hhhnq_53 .pagination-load-more .load-more-button {
    margin-bottom: .2rem
}

._game-exhibition_hhhnq_30 ._jackpot_hhhnq_59+div {
    margin-top: .2rem
}

._game-exhibition_hhhnq_30 ._placeholder-box_hhhnq_62 {
    min-height: 3.8rem
}

html[data-device=mobile] ._game-exhibition_hhhnq_30 .ui-tabs__nav .ui-tabs__line {
    bottom: -.04rem;
    height: .08rem;
    border-radius: .04rem
}

._game-exhibition_hhhnq_30 .ui-tab:not(:nth-of-type(1)) {
    margin-left: .1rem
}

[dir=rtl] ._game-exhibition_hhhnq_30 .ui-tab:not(:nth-of-type(1)) {
    margin-left: 0;
    margin-right: .1rem
}

._currency-info-box_1gbcf_30 {
    --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-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;
    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_1gbcf_30._no-border_1gbcf_67 {
    border: none
}

._currency-info-box_1gbcf_30 ._currency-box_1gbcf_70 {
    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_1gbcf_30 ._currency-box_1gbcf_70 ._icon-currency_1gbcf_80 {
    width: var(--currency-info-icon-currency-width);
    height: var(--currency-info-icon-currency-height)
}

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

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._currency-count_1gbcf_90 {
    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_1gbcf_30 ._currency-info_1gbcf_30 ._currency-count_1gbcf_90._no-underline_1gbcf_101 {
    border-bottom: none;
    margin-top: 0
}

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

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._gaming_1gbcf_112 {
    width: max-content;
    padding: 0 .13rem;
    color: var(--currency-info-gaming-color);
    font-size: var(--currency-info-gaming-size)
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._icon-content_1gbcf_118 {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative
}

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

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

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._currency-content-wrap_1gbcf_132 {
    position: relative
}

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

[dir=rtl] ._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 {
    left: auto;
    right: 0
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 .ui-badge {
    transform: translate(0);
    right: auto
}

[dir=rtl] ._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 .ui-badge {
    right: auto;
    left: auto
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 ._pay-tips_1gbcf_146 {
    display: flex;
    align-items: center;
    justify-content: center
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 ._pay-tips_1gbcf_146 span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 ._pay-tips_1gbcf_146 span:nth-child(1) {
    max-width: 1.22rem
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus_1gbcf_135 ._pay-tips_1gbcf_146 span:nth-child(2) {
    max-width: .72rem
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 {
    right: 0;
    left: auto;
    bottom: 100%;
    margin: 0
}

[dir=rtl] ._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 {
    left: 0;
    right: auto
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 .ui-badge {
    border-radius: .13rem .13rem 0
}

[dir=rtl] ._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 .ui-badge {
    border-radius: .13rem .13rem .13rem 0
}

._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 .ui-badge:before {
    border-left: none;
    border-right: .08rem solid var(--skin__accent_2);
    right: 0;
    left: auto
}

[dir=rtl] ._currency-info-box_1gbcf_30 ._currency-info_1gbcf_30 ._pay-bonus-bottom-right_1gbcf_163 .ui-badge:before {
    border-right: none;
    border-left: .08rem solid var(--skin__accent_2);
    left: 0;
    right: auto
}

._currency-info-box_1gbcf_30 ._refresh-icon_1gbcf_178,._currency-info-box_1gbcf_30 ._popover-icon_1gbcf_179 {
    cursor: pointer;
    transition: all .3s
}

._currency-info-box_1gbcf_30 ._refresh-icon_1gbcf_178 {
    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_1gbcf_30 ._popover-icon_1gbcf_179 {
    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_1gbcf_30 ._popover-icon-active_1gbcf_194 {
    transform: rotate(-180deg);
    color: var(--currency-info-popover-icon-active-color)
}

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

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

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

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

._bothSidesBox_1d1a1_30 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1
}

._bothSidesBox_1d1a1_30 ._bothSidesBoxLeft_1d1a1_40 {
    left: 0;
    position: absolute
}

._bothSidesBox_1d1a1_30 ._fullScreenMiddleImg_1d1a1_45 {
    position: absolute;
    left: 50%;
    height: 100%;
    transform: translate(-50%)
}

._bothSidesBox_1d1a1_30 ._bothSidesBoxRight_1d1a1_53 {
    right: 0;
    position: absolute
}

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

._un-login_cvqqm_30 ._btn_cvqqm_43 {
    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: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    word-wrap: break-word
}

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

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

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

._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    margin-right: .15rem
}

[dir=rtl] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    margin-right: 0;
    margin-left: .15rem
}

._un-login_cvqqm_30 ._btn_cvqqm_43:last-child {
    background-color: transparent;
    color: var(--skin__primary)
}

._un-login_cvqqm_30 ._btn_cvqqm_43._login_cvqqm_84 {
    margin: var(--btn-login-margin);
    background-color: var(--btn-login-background);
    color: var(--btn-login-color)
}

._un-login_cvqqm_30 ._btn_cvqqm_43._register_cvqqm_89 {
    background-color: var(--btn-register-background);
    color: var(--btn-register-color)
}

._un-login_cvqqm_30 ._btn_cvqqm_43._isHidden_cvqqm_93 {
    display: none
}

html[data-skin-bg="0"] ._un-login_cvqqm_30 ._btn_cvqqm_43 {
    color: var(--skin__alt_text_primary);
    border-color: var(--skin__alt_primary);
    background-color: var(--skin__alt_primary)
}

html[data-skin-bg="0"] ._un-login_cvqqm_30 ._btn_cvqqm_43:last-child {
    background-color: transparent;
    color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-layout="10"][data-skin-id="2"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    color: var(--skin__text_primary)
}

html[data-club="1"][data-skin-layout="21"][data-skin-id="1"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    color: var(--skin__alt_text_primary)
}

html[data-club="1"][data-skin-id="1"][data-skin-layout="40"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child,html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    border-color: var(--skin__alt_primary);
    background-color: var(--skin__alt_primary);
    color: var(--skin__alt_text_primary)
}

html[data-club="1"][data-skin-id="1"][data-skin-layout="40"] ._un-login_cvqqm_30 ._btn_cvqqm_43:last-child,html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._un-login_cvqqm_30 ._btn_cvqqm_43:last-child {
    border-color: var(--skin__alt_primary);
    background-color: transparent;
    color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-layout="26"][data-skin-bg="0"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child,html[data-club="1"][data-skin-layout="25"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    color: var(--skin__alt_text_primary)
}

html[data-club="1"][data-skin-layout="64"] ._un-login_cvqqm_30 ._btn_cvqqm_43 {
    border-color: var(--skin__alt_primary);
    color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-layout="64"] ._un-login_cvqqm_30 ._btn_cvqqm_43:first-child {
    color: var(--skin__alt_text_primary);
    background-color: var(--skin__alt_primary)
}

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

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

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

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

._user-action-box_1wuau_30 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_1wuau_30 button {
    border-radius: 0 .1rem .1rem 0
}

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

._user-action-box_1wuau_30 ._user-action-popover_1wuau_60 {
    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_1wuau_30 ._user-action-popover_1wuau_60 {
    margin-left: 0;
    margin-right: -.01rem;
    border-radius: .1rem 0 0 .1rem
}

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

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

._user-action-box_1wuau_30 ._user-action-popover_1wuau_60: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_1wuau_30 ._user-action-popover_1wuau_60:after {
    left: auto;
    right: 0
}

._user-action-box_1wuau_30 ._user-action-popover_1wuau_60._active_1wuau_95 i {
    transform: rotate(-180deg)
}

[dir=rtl] ._user-action-box_1wuau_30 ._user-action-popover_1wuau_60._active_1wuau_95 i {
    transform: rotate(180deg)
}

._user-action-box_1wuau_30 ._user-action-popover_1wuau_60 i {
    transition: all .3s
}

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

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

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

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

._user-action-content_1wuau_112 ._popover-content_1wuau_112>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_1wuau_112 ._popover-content_1wuau_112>div {
    text-align: right
}

html[data-skin-bg="0"] ._user-action-box_1wuau_30 ._user-action-popover_1wuau_60 {
    background-color: var(--skin__alt_primary);
}

html[data-skin-bg="0"] ._user-action-box_1wuau_30 ._user-action-popover_1wuau_60:after {
}

html[data-skin-bg="0"] ._user-action-box_1wuau_30 button {
    background-color: var(--skin__alt_primary);
    text-shadow: none;
    border-color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] button {
    background-color: var(--skin__alt_primary);
    color: var(--skin__alt_text_primary);
    text-shadow: none;
    border-color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._user-action-popover_1wuau_60 {
    background-color: var(--skin__alt_primary);
    color: var(--skin__alt_text_primary)
}

html[data-club="1"][data-skin-id="1"][data-skin-layout="48"] ._user-action-popover_1wuau_60:after {
    background: var(--skin__alt_text_primary)
}

html[data-club="1"][data-skin-layout="64"] ._user-action-box_1wuau_30 button,html[data-club="1"][data-skin-layout="64"] ._user-action-box_1wuau_30 ._user-action-popover_1wuau_60 {
    color: var(--skin__alt_text_primary);
    background-color: var(--skin__alt_primary);
    border-color: var(--skin__alt_primary)
}

html[data-club="1"][data-skin-layout="64"] ._user-action-box_1wuau_30 button:after,html[data-club="1"][data-skin-layout="64"] ._user-action-box_1wuau_30 ._user-action-popover_1wuau_60:after {
    background: var(--skin__alt_text_primary)
}

._user-action-box_1wuau_30 .ui-badge {
    max-width: 1rem;
    transform: translateY(-50%);
    left: .6rem!important;
    right: inherit!important
}

[dir=rtl] ._user-action-box_1wuau_30 .ui-badge {
    right: .6rem!important;
    left: inherit!important
}

._header_107a1_30 {
    height: .9rem;
    padding-right: .1rem;
    background-color: var(--skin__bs_topnav_bg);
    border-bottom: .01rem solid var(--skin__border)
}

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

._header_107a1_30 ._icon-wrap_107a1_36 {
    padding: 0 .08rem 0 .1rem;
    height: 100%;
    display: flex;
    align-items: center
}

[dir=rtl] ._header_107a1_30 ._icon-wrap_107a1_36 {
    padding: 0 .1rem 0 .08rem
}

._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon_107a1_42 {
    font-size: .36rem;
    transition: all .3s;
    color: var(--skin__alt_border)
}

._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon-active_107a1_47 {
    transform: rotate(180deg)
}

[dir=rtl] ._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon-active_107a1_47 {
    transform: rotate(-180deg)
}

._header_107a1_30 ._logo_107a1_50 {
    height: .7rem;
    max-width: 2.63rem
}

._header_107a1_30 ._logo_107a1_50 .img-text-logo {
    --img-text-logo-width: 2.63rem;
    --img-text-logo-img-width: .7rem;
    --img-text-logo-img-height: .7rem;
    --img-text-logo-img-content-margin: 0
}

._header_107a1_30 ._currency-com_107a1_60 {
    margin-right: .1rem
}

[dir=rtl] ._header_107a1_30 ._currency-com_107a1_60 {
    margin-right: 0;
    margin-left: .1rem
}

._header_107a1_30 .currency-info-box {
    --currency-info-refresh-icon-size: .3rem;
    --currency-info-currency-count-max-width: 1.61rem;
    --currency-info-popover-icon-color: var(--skin__alt_neutral_2)
}

._header-no-bottom-border_107a1_69 {
    border-bottom: 0 none
}

[dir=rtl] ._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon_107a1_42 {
    transform: rotate(180deg)
}

[dir=rtl] [dir=rtl] ._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon_107a1_42 {
    transform: rotate(-180deg)
}

[dir=rtl] ._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon-active_107a1_47 {
    transform: rotate(0)
}

[dir=rtl] ._header_107a1_30 .currency-info-box {
    --currency-info-currency-count-margin: 0 .08rem 0 0;
    --currency-info-box-padding: 0 .02rem 0 0
}

html[data-club="1"][data-skin-layout="62"] ._header_107a1_30 ._icon-wrap_107a1_36 ._arrow-icon_107a1_42 {
    color: var(--skin__neutral_1)
}

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

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

._header_tdeby_30 ._logo_tdeby_35 {
    height: .76rem;
    max-width: 4.15rem
}

._header_tdeby_30 ._logo_tdeby_35 .img-text-logo {
    --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_tdeby_30 ._right_tdeby_45 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .22rem;
    height: 100%;
    color: var(--skin__neutral_1);
    cursor: pointer
}

._header_tdeby_30 ._right_tdeby_45 img {
    width: .54rem
}

._header-wrap_tdeby_59 {
    position: relative
}

._header_tdeby_30 {
    height: .9rem;
    padding-right: .1rem;
    background-color: var(--skin__bs_topnav_bg);
    border-bottom: .01rem solid var(--skin__border)
}

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

._header_tdeby_30 ._icon-wrap_tdeby_69 {
    padding: 0 .08rem 0 .1rem;
    height: 100%;
    display: flex;
    align-items: center
}

[dir=rtl] ._header_tdeby_30 ._icon-wrap_tdeby_69 {
    padding: 0 .1rem 0 .08rem
}

._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon_tdeby_75 {
    font-size: .36rem;
    transition: all .3s;
    color: var(--skin__alt_border)
}

._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon-active_tdeby_80 {
    transform: rotate(180deg)
}

[dir=rtl] ._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon-active_tdeby_80 {
    transform: rotate(-180deg)
}

._header_tdeby_30 ._logo_tdeby_35 {
    height: .7rem;
    max-width: 2.63rem
}

._header_tdeby_30 ._logo_tdeby_35 .img-text-logo {
    --img-text-logo-width: 2.63rem;
    --img-text-logo-img-width: .7rem;
    --img-text-logo-img-height: .7rem;
    --img-text-logo-img-content-margin: 0
}

._header_tdeby_30 ._currency-com_tdeby_93 {
    margin-right: .1rem
}

[dir=rtl] ._header_tdeby_30 ._currency-com_tdeby_93 {
    margin-right: 0;
    margin-left: .1rem
}

._header_tdeby_30 .currency-info-box {
    --currency-info-refresh-icon-size: .3rem;
    --currency-info-currency-count-max-width: 1.61rem;
    --currency-info-popover-icon-color: var(--skin__alt_neutral_2)
}

._header-no-bottom-border_tdeby_102 {
    border-bottom: 0 none
}

[dir=rtl] ._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon_tdeby_75 {
    transform: rotate(180deg)
}

[dir=rtl] [dir=rtl] ._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon_tdeby_75 {
    transform: rotate(-180deg)
}

[dir=rtl] ._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon-active_tdeby_80 {
    transform: rotate(0)
}

[dir=rtl] ._header_tdeby_30 .currency-info-box {
    --currency-info-currency-count-margin: 0 .08rem 0 0;
    --currency-info-box-padding: 0 .02rem 0 0
}

html[data-club="1"][data-skin-layout="62"] ._header_tdeby_30 ._icon-wrap_tdeby_69 ._arrow-icon_tdeby_75 {
    color: var(--skin__neutral_1)
}

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

._home-layout_x27ue_30 ._main_x27ue_33>div {
    margin-top: .2rem
}

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

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

._videoBox_6oc5f_30 {
    width: 7.1rem;
    height: 2.85rem;
    margin: 0 auto;
    margin-bottom: .2rem;
    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_6oc5f_1 .9s linear infinite;
    opacity: 1!important
}

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

._videoBox_6oc5f_30 img {
    width: 100%;
    height: 100%
}

html[data-skin-id="93"] ._videoBox_6oc5f_30,html[data-skin-id="95"] ._videoBox_6oc5f_30,html[data-skin-id="96"] ._videoBox_6oc5f_30 {
    height: 2.84rem
}

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

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

._main_4iy9a_30 ._placeholder_4iy9a_39 {
    display: flex;
    visibility: hidden
}

._main_4iy9a_30 ._mainScroller_4iy9a_43 {
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0
}

[dir=rtl] ._main_4iy9a_30 ._mainScroller_4iy9a_43 {
    left: auto;
    right: 0
}

._main_4iy9a_30 ._mainScroller_4iy9a_43>span {
    display: block
}

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

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

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

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

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

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

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

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

._main_4iy9a_30[data-direction=right] ._mainScroller_4iy9a_43 {
    right: 0;
    left: auto
}

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

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

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

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

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

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

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

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

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

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

._main_4iy9a_30 ._scrollUp_4iy9a_121 {
    animation-name: _dynamicScrollUp_4iy9a_1;
    animation-timing-function: linear
}

._main_4iy9a_30 ._scrollRight_4iy9a_125 {
    animation-name: _dynamicScrollRight_4iy9a_1;
    animation-timing-function: linear
}

._main_4iy9a_30 ._scrollDown_4iy9a_129 {
    animation-name: _dynamicScrollDown_4iy9a_1;
    animation-timing-function: linear
}

._main_4iy9a_30 ._scrollLeft_4iy9a_133 {
    animation-name: _dynamicScrollLeft_4iy9a_1;
    animation-timing-function: linear
}

._retry_xxjsk_30 {
    margin-left: .3rem
}

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

._marquee_xxjsk_34 {
    --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_xxjsk_34 {
    padding: 0 .25rem 0 .24rem
}

._marquee_xxjsk_34 ._retry_xxjsk_30 {
    display: flex;
    align-items: center;
    width: 100%
}

._marquee_xxjsk_34 ._left-icon_xxjsk_49 {
    width: .36rem;
    margin-right: .1rem;
    flex-shrink: 0
}

[dir=rtl] ._marquee_xxjsk_34 ._left-icon_xxjsk_49 {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 {
    display: inline-block;
    white-space: nowrap;
    height: .35rem;
    max-width: 100%;
    flex: 1
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 {
    line-height: .35rem;
    padding-right: .1rem;
    cursor: pointer;
    min-width: 100%
}

[dir=rtl] ._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 {
    padding-right: 0;
    padding-left: .1rem
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 br {
    display: contents
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 p {
    display: inline-block;
    margin-right: .1rem
}

[dir=rtl] ._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 p {
    margin-right: 0;
    margin-left: .1rem
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 div,._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 p,._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 strong,._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 span {
    font-size: var(--marquee-swiper-container-content-font-size)!important
}

._marquee_xxjsk_34 ._swiper-container_xxjsk_54 ._content_xxjsk_61 img {
    width: auto!important;
    height: var(--marquee-swiper-container-content-font-size)!important
}

._marquee_xxjsk_34 ._right_xxjsk_84 {
    width: .6rem;
    flex-shrink: 0
}

._marquee_xxjsk_34 ._right_xxjsk_84 ._message-icon_xxjsk_88 {
    width: .58rem
}

[dir=rtl] ._marquee_xxjsk_34 ._left-icon_xxjsk_49 {
    transform: scaleX(-1)
}

html[data-skin-bg="0"] ._bindNoWallet_o3y9p_30 {
    margin-top: -.01rem!important
}

html[data-skin-bg="0"] ._bindNoWallet_o3y9p_30 {
    --no-wallet-background-color: var(--skin__bs_topnav_bg) !important;
    --no-wallet-button-common-bg-color: var(--skin__alt_primary);
    --no-wallet-button-common-font-color: var(--skin__alt_text_primary);
    --no-wallet-label-font-color: var(--skin__alt_neutral_2);
    --no-wallet-retry-color: var(--skin__alt_primary);
    --no-wallet-logo-color: #ffffff;
    --no-wallet-arrowIcon-isCollapse-color: var(--skin__neutral_2);
    --no-wallet-arrowIcon-opacity: .6;
    --no-wallet-arrowIcon-collapse-opacity: 1;
    --no-wallet-logo2-color: #1678ff;
    --no-wallet-content-font-color: #ffffff;
    --no-wallet-box-border-top-width: calc(100% - .4rem)
}

html[data-skin-bg="1"] ._bindNoWallet_o3y9p_30 {
    margin-top: 0!important
}

html[data-skin-bg="1"] ._bindNoWallet_o3y9p_30 {
    --no-wallet-background-color: var(--skin__bs_topnav_bg);
    --no-wallet-button-common-bg-color: var(--skin__alt_primary);
    --no-wallet-button-common-font-color: var(--skin__alt_text_primary);
    --no-wallet-label-font-color: var(--skin__alt_neutral_2);
    --no-wallet-retry-color: var(--skin__alt_primary);
    --no-wallet-logo-color: #ffffff;
    --no-wallet-arrowIcon-isCollapse-color: var(--skin__neutral_2);
    --no-wallet-arrowIcon-color-open: #ffffff;
    --no-wallet-arrowIcon-opacity: .6;
    --no-wallet-arrowIcon-collapse-opacity: .6;
    --no-wallet-logo2-isCollapse-color: #ffffff;
    --no-wallet-logo2-opacity: .8;
    --no-wallet-box-border-top-width: calc(100% - .4rem) ;
    --no-wallet-bottom-border-height: .01rem
}

._nationalBg_1p04u_31 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

._nationalBg_1p04u_31 ._nationalLeft_1p04u_40 {
    position: absolute;
    top: 0;
    left: 0
}

._nationalBg_1p04u_31 ._nationalRight_1p04u_45 {
    position: absolute;
    right: 0;
    bottom: 0
}

[data-holiday-theme="103"] ._nationalBg_1p04u_31 ._nationalRight_1p04u_45 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto
}

[data-holiday-theme="105"] ._nationalBg_1p04u_31 ._nationalLeftBottom_1p04u_58 {
    position: absolute;
    bottom: 0;
    left: 0
}

[data-holiday-theme="105"] ._nationalBg_1p04u_31 ._nationalRightTop_1p04u_63 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto
}

[data-holiday-theme="106"] ._nationalBg_1p04u_31 ._nationalRight_1p04u_45,[data-holiday-theme="106"] ._nationalBg_1p04u_31 ._nationalLeft_1p04u_40,[data-holiday-theme="107"] ._nationalBg_1p04u_31 ._nationalRight_1p04u_45,[data-holiday-theme="107"] ._nationalBg_1p04u_31 ._nationalLeft_1p04u_40 {
    position: absolute;
    top: initial;
    right: 0;
    bottom: 0
}

[data-holiday-theme="111"] ._nationalBg_1p04u_31 ._nationalLeftBottom_1p04u_58 {
    position: absolute;
    bottom: 0;
    left: 0
}

[data-holiday-theme="111"] ._nationalBg_1p04u_31 ._nationalRightTop_1p04u_63 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto
}

._normalBg_1p04u_108 ._normalBgLeft_1p04u_108 {
    position: absolute;
    bottom: 0;
    left: 0
}

._normalBg_1p04u_108 ._normalBgRight_1p04u_113 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto
}

._normalBg_1p04u_108 ._longScreenBg_1p04u_119 {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

._tabbar_gtdvm_34 {
    background-color: var(--skin__web_btmnav_db);
    --cutOneImageWidth: 1.24rem;
    --cutOneImageHeight: 1.24rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39 {
    width: 100%;
    height: 1.24rem;
    box-shadow: .02rem 0 .06rem rgba(0,0,0,.1);
    background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(84,84,84,0));
    z-index: 2
}

[dir=rtl] ._tabbar_gtdvm_34 ._main_gtdvm_39 {
    box-shadow: -.02rem 0 .06rem rgba(0,0,0,.1)
}

._tabbar_gtdvm_34 ._main_gtdvm_39 .ui-tab {
    padding: 0 .05rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39 .ui-tab:nth-last-child(2) .ui-badge__content {
    max-width: .52rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div {
    display: flex;
    width: 100%;
    justify-content: space-between
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 .ui-badge--top-right {
    transform: translate(100%,-50%);
    max-width: 1.2rem;
    right: .1rem
}

[dir=rtl] ._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 .ui-badge--top-right {
    transform: translate(-100%,-50%);
    right: auto;
    left: .1rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    text-align: center
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._specialBox_gtdvm_79 {
    width: 1rem;
    height: .5rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._specialImg_gtdvm_83 {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -.08rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._assembly_gtdvm_93 {
    position: relative;
    display: block
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._assembly_gtdvm_93 ._itemOutsideImg_gtdvm_97 {
    position: absolute;
    color: var(--skin__btmnav_def)
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._assembly_gtdvm_93 ._itemCoreImg_gtdvm_101 {
    position: relative;
    color: var(--skin__btmnav_active)
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._itemImg_gtdvm_105 {
    width: auto;
    height: .5rem;
    font-size: .48rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._itemActiveImg_gtdvm_110 {
    color: var(--skin__btmnav_active)
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._text_gtdvm_113 {
    color: var(--skin__btmnav_def);
    font-size: .24rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: .54rem;
    line-height: 1.2;
    overflow: hidden;
    z-index: 2
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._text_gtdvm_113:lang(vi) {
    font-size: .2rem;
    line-height: 1.3;
    margin-top: .06rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._active_gtdvm_132 {
    color: var(--skin__btmnav_active)
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._last-badge_gtdvm_135 .ui-badge {
    max-width: .66rem;
    right: .19rem
}

[dir=rtl] ._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._item_gtdvm_57 ._last-badge_gtdvm_135 .ui-badge {
    right: auto;
    left: .19rem
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._cutOne_gtdvm_139 {
    align-items: center;
    height: 100%
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._cutOne_gtdvm_139 .specialBox {
    height: var(--cutOneImageHeight);
    width: var(--cutOneImageWidth)
}

._tabbar_gtdvm_34 ._main_gtdvm_39>div ._itemContent_gtdvm_57 ._cutOne_gtdvm_139 ._specialImg_gtdvm_83 {
    height: 100%;
    width: 100%;
    position: unset;
    transform: unset
}

html[data-club="1"][data-skin-layout="11"] ._tabbar_gtdvm_34 {
    background: var(--skin__bs_topnav_bg)
}

._pwa-iframe_v1o6x_30 {
    width: 100%;
    height: 100%;
    border: none;
    position: relative
}