/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em .4rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.02rem
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-fade-appear,
.am-fade-enter {
    opacity: 0
}

.am-fade-appear,
.am-fade-enter,
.am-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-fade-appear.am-fade-appear-active,
.am-fade-enter.am-fade-enter-active {
    -webkit-animation-name: amFadeIn;
    animation-name: amFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-fade-leave.am-fade-leave-active {
    -webkit-animation-name: amFadeOut;
    animation-name: amFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes amFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes amFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes amFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.am-slide-up-appear,
.am-slide-up-enter {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.am-slide-up-appear,
.am-slide-up-enter,
.am-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-up-appear.am-slide-up-appear-active,
.am-slide-up-enter.am-slide-up-enter-active {
    -webkit-animation-name: amSlideUpIn;
    animation-name: amSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-up-leave.am-slide-up-leave-active {
    -webkit-animation-name: amSlideUpOut;
    animation-name: amSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideUpIn {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.am.am-zoom-enter,
.am.am-zoom-leave {
    display: block
}

.am-zoom-appear,
.am-zoom-enter {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    animation-timing-function: cubic-bezier(.18, .89, .32, 1.28);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    animation-timing-function: cubic-bezier(.6, -.3, .74, .05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-zoom-appear.am-zoom-appear-active,
.am-zoom-enter.am-zoom-enter-active {
    -webkit-animation-name: amZoomIn;
    animation-name: amZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-zoom-leave.am-zoom-leave-active {
    -webkit-animation-name: amZoomOut;
    animation-name: amZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes amZoomIn {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes amZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.am-slide-down-appear,
.am-slide-down-enter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.am-slide-down-appear,
.am-slide-down-enter,
.am-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    animation-timing-function: cubic-bezier(.55, 0, .55, .2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.am-slide-down-appear.am-slide-down-appear-active,
.am-slide-down-enter.am-slide-down-enter-active {
    -webkit-animation-name: amSlideDownIn;
    animation-name: amSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.am-slide-down-leave.am-slide-down-leave-active {
    -webkit-animation-name: amSlideDownOut;
    animation-name: amSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes amSlideDownIn {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes amSlideDownOut {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    font-size: 50px
}

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .32rem;
    background-color: #f5f5f9
}

[contenteditable] {
    -webkit-user-select: auto !important
}

:focus {
    outline: none
}

a {
    background: transparent;
    text-decoration: none;
    outline: none
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-modal {
    position: relative
}

.am-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, .4)
}

.am-modal-mask-hidden {
    display: none
}

.am-modal-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-modal.am-modal-transparent .am-modal-content {
    border-radius: .14rem;
    height: auto;
    padding-top: .3rem
}

.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
    padding: 0 .3rem .3rem
}

.am-modal-title {
    margin: 0;
    font-size: .36rem;
    line-height: 1;
    color: #000;
    text-align: center
}

.am-modal-header {
    padding: .12rem .3rem .3rem
}

.am-modal-content {
    position: relative;
    background-color: #fff;
    border: 0;
    background-clip: padding-box;
    text-align: center;
    height: 100%;
    overflow: hidden
}

.am-modal-close {
    border: 0;
    padding: 0;
    background-color: transparent;
    outline: none;
    position: absolute;
    right: .3rem;
    z-index: 999;
    height: .42rem;
    width: .42rem
}

.am-modal-close-x {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E")
}

.am-modal-body {
    font-size: .3rem;
    color: #888;
    height: 100%;
    line-height: 1.5;
    overflow: auto
}

.am-modal-button-group-h {
    border-top: 1px solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-modal-button-group-h .am-modal-button {
    -webkit-touch-callout: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #108ee9;
    font-size: .36rem;
    height: 1rem;
    line-height: 1rem;
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-modal-button-group-h .am-modal-button:first-child {
    color: #000;
    border-right: 1px solid #ddd
}

.am-modal-button-group-v .am-modal-button {
    -webkit-touch-callout: none;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #108ee9;
    font-size: .36rem;
    height: 1rem;
    line-height: 1rem;
    display: block;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-modal-button-active {
    background-color: #ddd
}

.am-modal-input {
    height: .72rem;
    line-height: 1;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.am-modal-input:first-child {
    margin-top: .18rem;
    border-top: 1px solid #ddd;
    border-top-left-radius: .06rem;
    border-top-right-radius: .06rem
}

.am-modal-input:last-child {
    border-bottom-left-radius: .06rem;
    border-bottom-right-radius: .06rem
}

.am-modal-input input {
    border: 0;
    width: 98%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: .06rem 0
}

.am-modal-input input::-webkit-input-placeholder {
    font-size: .28rem;
    color: #ccc;
    padding-left: .16rem
}

.am-modal-input input:-ms-input-placeholder {
    font-size: .28rem;
    color: #ccc;
    padding-left: .16rem
}

.am-modal-input input::placeholder {
    font-size: .28rem;
    color: #ccc;
    padding-left: .16rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content {
    border-radius: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header {
    padding: .18rem .48rem .24rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title {
    text-align: left;
    font-size: .42rem;
    color: #000
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
    color: #000;
    text-align: left;
    padding: 0 .48rem .3rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input {
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input:first-child {
    border-top: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
    padding-bottom: .24rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h {
    overflow: hidden;
    border-top: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 .24rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin-left: .06rem;
    padding: 0 .3rem;
    height: .96rem;
    box-sizing: border-box
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child {
    border-right: 0;
    color: #777
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 .24rem
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button {
    border-top: 0;
    padding: 0 .3rem;
    margin-left: .06rem;
    height: .96rem;
    box-sizing: border-box
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button {
    text-align: start;
    padding-left: .3rem
}

.am-modal.am-modal-operation .am-modal-content {
    border-radius: .14rem;
    height: auto;
    padding-top: 0
}

.am-modal.am-modal-operation .am-modal-content .am-modal-body {
    padding: 0 !important
}

.am-modal.am-modal-operation .am-modal-content .am-modal-button {
    color: #000;
    text-align: center
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: .44rem;
    height: .44rem
}

.am-icon-xxs {
    width: .3rem;
    height: .3rem
}

.am-icon-xs {
    width: .36rem;
    height: .36rem
}

.am-icon-sm {
    width: .42rem;
    height: .42rem
}

.am-icon-md {
    width: .44rem;
    height: .44rem
}

.am-icon-lg {
    width: .72rem;
    height: .72rem
}

.am-icon-loading {
    -webkit-animation: cirle-anim 1s linear infinite;
    animation: cirle-anim 1s linear infinite
}

@-webkit-keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-toast {
    position: fixed;
    width: 100%;
    z-index: 1999;
    font-size: .28rem;
    text-align: center
}

.am-toast>span {
    max-width: 50%
}

.am-toast.am-toast-mask {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    top: 0
}

.am-toast.am-toast-nomask {
    position: fixed;
    max-width: 50%;
    width: auto;
    left: 50%;
    top: 50%
}

.am-toast.am-toast-nomask .am-toast-notice {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.am-toast-notice-content .am-toast-text {
    min-width: 1.2rem;
    border-radius: .06rem;
    color: #fff;
    background-color: rgba(58, 58, 58, .9);
    line-height: 1.5;
    padding: .18rem .3rem
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon {
    border-radius: .1rem;
    padding: .3rem
}

.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
    margin-top: .12rem
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-popup-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    z-index: 999
}

.am-popup-close,
.am-popup-mask-hidden {
    display: none
}

.am-popup {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999
}

.am-popup-slide-down {
    top: 0
}

.am-popup-slide-up {
    bottom: 0
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-list-header {
    padding: .3rem .3rem .18rem;
    font-size: .28rem;
    color: #888;
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.am-list-footer {
    padding: .18rem .3rem .3rem;
    font-size: .28rem;
    color: #888
}

.am-list-body {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #ddd
}

.am-list-body:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-list-body div:not(:last-child) .am-list-line:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: .3rem;
    min-height: .88rem;
    background-color: #fff;
    vertical-align: middle;
    overflow: hidden;
    transition: background-color .2s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-list-item .am-list-ripple {
    position: absolute;
    background: transparent;
    display: inline-block;
    overflow: hidden;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: none;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.am-list-item .am-list-ripple.am-list-ripple-animate {
    background-color: hsla(0, 0%, 62%, .2);
    -webkit-animation: ripple 1s linear;
    animation: ripple 1s linear
}

.am-list-item.am-list-item-top .am-list-line {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
    margin-top: .04rem
}

.am-list-item.am-list-item-middle .am-list-line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-list-item.am-list-item-bottom .am-list-line {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.am-list-item.am-list-item-error .am-list-line .am-list-extra,
.am-list-item.am-list-item-error .am-list-line .am-list-extra .am-list-brief {
    color: #f50
}

.am-list-item.am-list-item-active {
    background-color: #ddd
}

.am-list-item.am-list-item-disabled .am-list-line .am-list-content,
.am-list-item.am-list-item-disabled .am-list-line .am-list-extra {
    color: #bbb
}

.am-list-item img {
    width: .44rem;
    height: .44rem;
    vertical-align: middle
}

.am-list-item .am-list-thumb:first-child {
    margin-right: .3rem
}

.am-list-item .am-list-thumb:last-child {
    margin-left: .16rem
}

.am-list-item .am-list-line {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: .3rem;
    min-height: .88rem;
    overflow: hidden
}

.am-list-item .am-list-line .am-list-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    color: #000;
    font-size: .34rem;
    text-align: left
}

.am-list-item .am-list-line .am-list-content,
.am-list-item .am-list-line .am-list-extra {
    line-height: 1.5;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .14rem;
    padding-bottom: .14rem
}

.am-list-item .am-list-line .am-list-extra {
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    color: #888;
    font-size: .32rem;
    text-align: right
}

.am-list-item .am-list-line .am-list-brief,
.am-list-item .am-list-line .am-list-title {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-list-item .am-list-line .am-list-brief {
    color: #888;
    font-size: .3rem;
    line-height: 1.5;
    margin-top: .12rem
}

.am-list-item .am-list-line .am-list-arrow {
    display: block;
    width: .3rem;
    height: .3rem;
    margin-left: .16rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    visibility: hidden
}

.am-list-item .am-list-line .am-list-arrow-horizontal {
    visibility: visible
}

.am-list-item .am-list-line .am-list-arrow-vertical {
    visibility: visible;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-list-item .am-list-line .am-list-arrow-vertical-up {
    visibility: visible;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.am-list-item .am-list-line-multiple {
    padding: .25rem .3rem .25rem 0
}

.am-list-item .am-list-line-multiple .am-list-content,
.am-list-item .am-list-line-multiple .am-list-extra {
    padding-top: 0;
    padding-bottom: 0
}

.am-list-item .am-list-line-wrap .am-list-content,
.am-list-item .am-list-line-wrap .am-list-extra {
    white-space: normal
}

.am-list-item select {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    font-size: .34rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

@-webkit-keyframes ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes ripple {
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-button {
    display: block;
    outline: 0 none;
    -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: .36rem;
    height: .94rem;
    line-height: .94rem;
    border-radius: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd
}

.am-button.am-button-active {
    background-color: #ddd
}

.am-button-primary {
    color: #fff;
    background-color: #108ee9;
    border: 1px solid #108ee9
}

.am-button-primary.am-button-active {
    background-color: #1284d6
}

.am-button-ghost {
    color: #108ee9;
    background-color: transparent;
    border: 1px solid #108ee9
}

.am-button-ghost.am-button-active {
    color: #fff;
    background-color: #1284d6;
    border: 1px solid #108ee9
}

.am-button-inline {
    display: inline-block;
    padding: 0 .3rem
}

.am-button-small {
    font-size: .26rem;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .3rem;
    border-radius: .1rem
}

.am-button-warning {
    color: #f86e21;
    background-color: #fff
}

.am-button-ghost.am-button-across,
.am-button-primary.am-button-across,
.am-button-warning.am-button-across,
.am-button.am-button-across {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.am-button-ghost.am-button-disabled,
.am-button-primary.am-button-disabled,
.am-button-warning.am-button-disabled,
.am-button.am-button-disabled {
    color: #bbb;
    background-color: #ddd;
    border: 0
}

.am-button-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-button>.am-icon {
    margin-right: .5em
}

.lazy-load-image-background.blur {
    filter: blur(.15rem)
}

.lazy-load-image-background.blur.lazy-load-image-loaded {
    filter: blur(0);
    transition: filter .3s
}

.lazy-load-image-background.blur>img {
    opacity: 0
}

.lazy-load-image-background.blur.lazy-load-image-loaded>img {
    opacity: 1;
    transition: opacity .3s
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-checkbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: .42rem;
    height: .42rem
}

.am-checkbox-inner {
    position: absolute;
    right: 0;
    width: .42rem;
    height: .42rem;
    border: .03rem solid #888;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    box-sizing: border-box
}

.am-checkbox-inner:after {
    position: absolute;
    display: none;
    top: .03rem;
    right: .12rem;
    z-index: 999;
    width: .1rem;
    height: .22rem;
    border-style: solid;
    border-width: 0 .03rem .03rem 0;
    content: " ";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.am-checkbox-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 0 none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner {
    border-color: #108ee9
}

.am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
    display: block;
    border-color: #108ee9
}

.am-checkbox.am-checkbox-disabled {
    opacity: .3
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
    border-color: #888
}

.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner:after {
    border-color: #888
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb {
    width: .42rem;
    height: .42rem
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: .88rem
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
    left: .3rem;
    top: .24rem
}

.am-list .am-list-item.am-checkbox-item.am-checkbox-item-disabled .am-list-content {
    color: #bbb
}

.am-checkbox-agree {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: .3rem;
    padding-top: .18rem;
    padding-bottom: .18rem
}

.am-checkbox-agree .am-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: .6rem;
    height: 100%
}

.am-checkbox-agree .am-checkbox-inner {
    left: 0;
    top: .24rem
}

.am-checkbox-agree .am-checkbox-agree-label {
    display: inline-block;
    font-size: .3rem;
    color: #000;
    line-height: 1.5;
    margin-left: .6rem;
    margin-top: .02rem
}

.am-checkbox-agree .am-checkbox-agree-label a {
    color: #108ee9;
    transition: color .3s ease
}

.am-checkbox-agree .am-checkbox-agree-label a:active,
.am-checkbox-agree .am-checkbox-agree-label a:hover {
    color: #1284d6
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-navbar {
    -ms-flex-align: center;
    height: .9rem;
    background-color: #108ee9;
    color: #fff
}

.am-navbar,
.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.am-navbar-left,
.am-navbar-right,
.am-navbar-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -ms-flex-align: center
}

.am-navbar-left {
    padding-left: .3rem;
    font-size: .32rem
}

.am-navbar-left-icon {
    margin-right: .1rem;
    display: inherit
}

.am-navbar-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .36rem;
    white-space: nowrap
}

.am-navbar-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .32rem;
    margin-right: .3rem
}

.am-navbar-right .anticon {
    margin-right: .1rem
}

.am-navbar-right .anticon:last-child {
    margin-right: 0
}

.am-navbar-right-content {
    margin-right: .1rem
}

.am-navbar-light {
    background-color: #fff;
    color: #108ee9
}

.am-navbar-light .am-navbar-title {
    color: #000
}

#menu {
    position: fixed;
    bottom: 0;
    z-index: 2000;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 1.2rem;
    background: #292b34
}

#menu .footer-item,
#menu a {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    padding-top: .16rem;
    font-size: .24rem;
    color: #a9aaad;
    text-align: center
}

#menu .footer-item .footer_icon,
#menu a .footer_icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .46rem;
    height: .46rem
}

#menu .footer-item .footer_icon svg,
#menu a .footer_icon svg {
    display: block;
    width: 100%;
    height: 100%
}

#menu .footer-item.on,
#menu a.on {
    color: #57ec7d;
    background: radial-gradient(111.85% 163.33% at 50% 100%, rgba(69, 245, 119, .5) 0, rgba(41, 195, 85, 0) 43.5%)
}

#menu .footer-item span,
#menu a span {
    width: 100%;
    margin-top: .1rem;
    font-size: .24rem;
    line-height: 1
}

#menu .footer-item.footer-deposit,
#menu a.footer-deposit {
    width: 2.2rem
}

#menu .footer-item.service,
#menu a.service {
    position: relative
}

#menu .footer-item.service .footer_icon,
#menu a.service .footer_icon {
    width: .6rem
}

#menu .footer-item-service-wrap {
    position: absolute;
    bottom: 1.5rem;
    left: .21rem;
    display: flex;
    flex-direction: column;
    gap: .13rem;
    width: 1.2rem
}

#menu .footer-item-service-wrap .footer-item-service {
    width: 1.2rem;
    height: 1.2rem
}

#menu .footer-item-service-wrap .footer-item-service img,
#menu .footer-item-service-wrap .footer-item-service svg {
    display: block;
    width: 100%;
    height: 100%
}

#menu .circle-menu {
    position: absolute;
    top: -.6rem;
    left: -.4rem;
    width: 1.26rem;
    height: 1.26rem;
    border-radius: 50%
}

#menu .circle-menu .circle-1 {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: .13rem
}

#menu .circle-menu .icon-wrap-home img {
    display: block;
    width: 1rem
}

#menu .circle-menu .icon-wrap-home svg {
    display: block;
    width: .6rem;
    height: .52rem
}

#menu .circle-menu .icon-wrap-chat {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(159deg, rgba(255, 246, 206, .6) 14%, hsla(45, 88%, 84%, 0) 82%);
    border-radius: 50%
}

#menu .circle-menu .icon-wrap-chat .footer__chat {
    width: 100%;
    height: 100%;
    padding-top: 0
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-icon svg {
    width: .5rem;
    fill: #000
}

#menu .circle-menu .icon-wrap-chat .footer__chat .footer__chat-text {
    display: none
}

@media only screen and (device-width>=390px)and (device-width <=844px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=428px)and (device-width <=926px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=375px)and (device-width <=812px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:3) {
    #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:2) {
    #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=390px)and (device-width <=844px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=428px)and (device-width <=926px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=375px)and (device-width <=812px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:2) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app #menu {
        height: calc(1.2rem + (var(--safe-area-inset-bottom)));
        padding-bottom: var(--safe-area-inset-bottom)
    }
}

.home-header {
    flex-shrink: 0
}

.home-header .header-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 1rem;
    padding: 0 .2rem;
    background: #292b34;
    transition: all .25s
}

.home-header .header-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.04rem;
    padding: .2rem 0;
    margin: 0 auto;
    background: #1f2e23
}

.home-header .header-btn {
    flex: 1 1 0%;
    height: .64rem;
    margin-left: .19rem;
    font-size: .32rem;
    font-weight: 500;
    color: #fff;
    background: #292b34;
    border: .04rem solid #57ec7d;
    border-radius: .32rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-header .header-btn-icon {
    width: .48rem;
    height: .48rem;
    margin-right: .1rem
}

.home-header img {
    display: block
}

.home-header .header-nav {
    display: flex;
    align-items: center
}

.home-header .header-menu {
    width: .45rem;
    height: .45rem;
    margin-left: .3rem
}

.home-header .header-menu svg {
    display: block;
    width: 100%;
    height: 100%
}

.home-header .header-logo {
    width: 2rem;
    height: .75rem;
    animation: animate-tada .8s linear
}

.home-header .header-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.home-header .header-user {
    justify-content: space-between;
    width: 100%
}

.home-header .header-user,
.home-header .header-user .user-info {
    display: flex;
    align-items: center
}

.home-header .header-user .user-icon {
    position: relative
}

.home-header .header-user .user-icon svg {
    display: block;
    width: .6rem;
    height: .6rem;
    fill: url(#menu-gradient)
}

.home-header .header-user .user-icon .unread-count {
    position: absolute;
    top: -.1rem;
    right: -.1rem;
    min-width: .34rem;
    height: .34rem;
    padding: 0 .05rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    background-color: #db6372;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-header .header-user .user-balance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 2rem;
    height: 100%;
    margin-left: .18rem;
    font-size: .24rem;
    font-weight: 500
}

.home-header .header-user .user-balance .user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff
}

.home-header .header-user .user-balance .balance {
    color: #ffa700
}

.home-header .header-user .deposit-btn,
.home-header .header-user .login-btn,
.home-header .header-user .register-btn,
.home-header .header-user .withdraw-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.17rem;
    height: .64rem;
    overflow: hidden;
    font-size: .26rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    border-radius: .32rem
}

.home-header .header-user .login-btn,
.home-header .header-user .withdraw-btn {
    color: #292b34;
    background-color: #57ec7d
}

.home-header .header-user .withdraw-btn {
    padding: 0 .1rem
}

.home-header .header-user .deposit-btn,
.home-header .header-user .login-btn {
    padding: 0 .2rem
}

.home-header .header-user .register-btn {
    padding: 0 .2rem;
    margin-left: .2rem;
    color: #57ec7d;
    border: .02rem solid #45f577
}

.home-header .header-download {
    width: .3rem;
    height: .37rem;
    margin-left: .2rem;
    color: #7bc242
}

.home-header .header-download svg {
    display: block;
    width: 100%;
    height: 100%
}

.home-header .header-logout {
    margin-left: .12rem;
    color: #7bc242
}

.home-header .header-logout .am-icon-icon-logout {
    display: block;
    height: .37rem
}

@keyframes hvr-pop {
    6% {
        transform: scale(1.2)
    }
    10% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes glow-before {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes glow-after {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes shimmer-short {
    0% {
        background-position: -1rem top
    }
    to {
        background-position: 1rem top
    }
}

#mc-animate-container {
    top: 0;
    width: 100%
}

.this-mc-header {
    position: fixed;
    top: 0;
    left: 0
}

.shell-header {
    height: 1rem
}

#root .mc-navbar-blue {
    background: linear-gradient(180deg, #45f577, #29c355)
}

#root .mc-navbar-blue .am-navbar-title {
    font-size: .4rem !important;
    color: #292b34 !important
}

#root .mc-navbar-blue .am-icon-left {
    font-size: .3rem !important;
    color: #000 !important
}

#root .shell-header .mc-navbar-blue {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    transform: translateZ(0)
}

#root .shell-header .mc-navbar-blue .shell_return_icon .am-icon-left {
    font-size: .3rem;
    color: #56575c
}

#root .shell-header .mc-navbar-blue .am-navbar-title {
    font-size: .4rem;
    color: #56575c
}

#root .mc-whitespace,
.am-navbar {
    height: .8rem
}

.am-navbar-left-icon .am-icon-md {
    display: none
}

.am-icon-md {
    width: .45rem;
    height: .45rem
}

.logo {
    height: 100%;
    padding-top: .1rem
}

.logo img {
    width: 1.49rem;
    height: .98rem
}

.am-navbar-right {
    position: relative;
    margin-right: .13rem;
    font-size: .3rem
}

.change-language,
.login,
.logout,
.register,
.trail {
    display: inline-block;
    padding: .16rem;
    color: #fff;
    text-align: center;
    border-radius: .1rem
}

.login,
.logout,
.register {
    width: 1.4rem;
    height: .68rem
}

.login,
.logout {
    position: absolute;
    top: .16rem
}

.logout {
    left: -.4rem
}

.login {
    margin-right: .3rem
}

.login,
.register {
    background-size: cover
}

.register {
    position: absolute;
    top: .18rem;
    left: -.3rem;
    padding-right: 0;
    padding-left: 0
}

.change-language {
    position: absolute;
    top: .12rem;
    right: -.5rem;
    width: 1.6rem;
    height: .7rem
}

.change-language span {
    float: left;
    margin-top: -.1rem;
    line-height: .7rem
}

.change-language .language-icon {
    float: left
}

.change-language {
    color: #fff
}

.hide {
    display: none
}

#root .am-navbar-left-content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

#root .am-navbar-left-content p {
    height: 100%
}

#root .am-navbar-left-content svg {
    display: block;
    width: .68rem;
    height: .68rem
}

.trail {
    display: none
}

.fortest .am-popover-item {
    padding: 0
}

.fortest {
    right: .1rem !important;
    left: auto !important;
    width: auto;
    min-width: 1rem
}

.h-navbar-flex .am-navbar-right {
    flex: 1.5 1 0%
}

.h-navbar-flex .am-navbar-title {
    display: none
}

.h-navbar-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    color: #fff
}

.h-navbar-right a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .7rem;
    height: .7rem;
    margin-left: .13rem;
    line-height: .58rem;
    text-align: center;
    background: #fff;
    border-radius: 50%
}

.h-navbar-right a svg {
    width: .5rem
}

.h-navbar-right .h-login svg {
    position: relative;
    top: .03rem
}

.mc-navbar-blue .am-navbar-right {
    font-size: .3rem
}

.h-navbar-right .h-login,
.h-navbar-right .h-register {
    width: 1.56rem;
    height: .6rem;
    font-size: .26rem;
    line-height: .6rem;
    text-align: center;
    border-radius: .1rem
}

.h-navbar-right .h-login {
    background: radial-gradient(#8eb7f1, #fff)
}

.h-navbar-right .h-register {
    background: radial-gradient(#0ac0fa, #90e8ff)
}

.h-navbar-right .h-change-language {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: .1rem;
    color: #fff;
    text-align: right;
    background: unset !important
}

.h-navbar-right .language-icon {
    width: .6rem;
    height: .6rem
}

.h-navbar-right .h-blank-one {
    flex: .6 1 0%
}

.h-navbar-right .h-blank-two {
    flex: .8 1 0%
}

.h-navbar-right .h-one-language {
    flex: 1 1 0% !important
}

.h-navbar-right .h-ologout {
    flex: .2 1 0%;
    height: 100%;
    padding: 0 .2rem;
    margin-right: auto;
    text-align: right
}

.h-navbar-right .h-ologout img,
.h-navbar-right .h-ologout svg {
    width: .44rem;
    height: .44rem;
    margin-top: .29rem
}

.h-navbar-flex .am-navbar-right {
    margin-right: .2rem
}

.h-navbar-right .down-app,
.h-navbar-right .h-login,
.h-navbar-right .h-register {
    margin-right: .15rem
}

.h-navbar-right .h-freeplay {
    color: #fff !important;
    background: linear-gradient(90deg, #59d0fb, #38b7ff)
}

.h-navbar-right .more {
    width: .6rem;
    height: .4rem;
    background: url(/m/button_menu.08e02900.png) no-repeat;
    background-size: cover
}

.h-navbar-right .h-account {
    display: flex;
    align-items: center;
    margin-right: .2rem
}

.h-navbar-right .icon_account {
    width: .48rem;
    height: .46rem
}

#root .mc-navbar-blue .am-navbar-left {
    padding-left: 0
}

.simple-select {
    position: relative
}

.simple-select .select-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.simple-select .select-wrap .select-icon {
    width: .23rem;
    height: .13rem;
    margin-left: .15rem;
    transform: rotate(0deg);
    transform-origin: center;
    transition: .3s
}

[data-theme=light] .simple-select .select-wrap .select-icon {
    color:  !important
}

[data-theme=dark] .simple-select .select-wrap .select-icon {
    color:  !important
}

.simple-select .select-wrap .select-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.simple-select .select-wrap .select-icon.on {
    color: #57ec7d;
    transform: rotate(-180deg)
}

.simple-select .option-wrap {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    width: 100%;
    padding: 0 30;
    background: hsla(0, 0%, 100%, .2);
    border-radius: .2rem
}

.simple-select .option-wrap.on {
    display: block
}

.simple-select .option-wrap .option-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: .6rem;
    padding: 0 .2rem;
    font-size: .26rem;
    color: #fff;
    white-space: nowrap
}

.language-select {
    width: 100%
}

.language-select .simple-select .icon-lang {
    width: .36rem;
    height: .36rem;
    margin-right: .22rem
}

.language-select .simple-select .option-wrap {
    top: 100%
}

.language-select .select-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1rem;
    font-size: .26rem;
    color: #fff;
    border-radius: .2rem
}

.language-select .selected-lang {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.language-select .lang-title {
    display: flex;
    align-items: center
}

.sidebar .sidebar-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    display: none;
    width: 100vw;
    height: 100%;
    overscroll-behavior-x: none;
    background-color: rgba(0, 0, 0, .5)
}

.sidebar .right-side-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10002;
    width: 5.17rem;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow: hidden auto;
    background: #292b34;
    box-shadow: 0 .05019rem .10037rem 0 rgba(0, 0, 0, .5);
    transform: translateX(5.2rem);
    transition: all .3s
}

.sidebar .right-side-menu .close-sidebar {
    position: absolute;
    top: .25rem;
    right: .25rem;
    z-index: 3001
}

.sidebar .right-side-menu .close-sidebar svg {
    display: block;
    width: .4rem;
    height: .4rem
}

.sidebar .right-side-menu .rightbar-content {
    position: relative;
    width: 100%;
    height: 100%
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 3.6rem;
    padding-top: .62rem;
    overflow: hidden
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info {
    width: 100%
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .user-avatar {
    display: block;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 auto;
    fill: #fff
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .member {
    width: 100%;
    margin-top: .3rem;
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .memberlevel {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .1rem;
    font-size: .32rem;
    font-weight: 500;
    line-height: 1;
    color: #fff
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .memberlevel svg {
    width: .3rem;
    height: .3rem;
    margin-left: .15rem
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
    font-size: .32rem;
    line-height: 1;
    color: #fff
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .symbol {
    width: .3rem;
    height: .3rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAdVBMVEVHcEz/4Uz/4kz/uzL/1T7/wTP/uzL9tzL/vRr/zzD/wjX/uzH/vDH/4Uz/4Ur/4Uv/10P/uzL/4Uz/4Ur/uzL/4kz/uzL/4Uz/uzPmii7/ujL/3Enojy70pjD6sTH/xTn/zj/slS7/2Eb/00P/vzX3rDDwny+rUk77AAAAF3RSTlMA6cjMHBSC/wEIJlmUdVKMRfD1f97Z7BIXxA4AAAFtSURBVCjPhZPZmoMgDIWpSxGtXaadGkFQUfr+jzgHdztfZ3LJTw4nIWFsDnG9BIeCnuHpKthbJFH+XfggIikfxyjZQnEOijGklLhBYRavF6L84JGytnPOcI4bz0Ugie5fgLapkVaWVasNJ7qdRp6IHFR1HnqMaDUEbsd4wGcoq6YfaF8NvHoZSc/MVxAFntIYjS4nDv0whXyOd7sxl3rF24lrTvIomEC9any3b2whnR71W8g/YnZF8iTdKVtwwyeOdMrYZUmu4R7imr+mdKITgzE72YJBxct2whXUQ3ZYcK0ssnE+misdamPe91yVKgruJut4HL3dYqo7/BjXW7yKE4qHNTOXPogHm7drb+21s7YrDF2r9oWtbenRFsUdd0tbZDY01W6aavZNTT5/CeFL/vtQ8fc4sNiPmmo+DBNG8eL5r1FM11H1g6yU7TrtjBkHOV0GPYn/XAP4S+/LEhGWKH1bs0TE53kFs1jMqT8dZUWxiQXVnQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .sumBalance {
    display: flex;
    align-items: center;
    margin: 0 .14rem
}

.sidebar .right-side-menu .rightbar-content .user-info-wrap .user-info .balance .toggle-balance svg {
    display: block;
    width: .4rem;
    height: .4rem;
    fill: #a9aaad
}

.sidebar .right-side-menu .rightbar-content .menu-nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .05rem;
    padding: .48rem .36rem .42rem
}

.sidebar .right-side-menu .rightbar-content .menu-nav .menu-item {
    max-width: 100%
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon {
    display: flex;
    align-items: center;
    width: .6rem;
    height: .6rem;
    margin: 0 auto;
    color: #57ec7d
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.sidebar .right-side-menu .rightbar-content .menu-nav .nav-name {
    margin-top: .2rem;
    font-size: .24rem;
    font-weight: 500;
    color: #57ec7d;
    text-align: center
}

.sidebar .right-side-menu .rightbar-content .member-nav {
    padding: 0 .36rem
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-list {
    padding-top: .2rem
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1rem;
    padding-left: .08rem;
    color: #fff
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-item svg {
    width: .35rem;
    height: .35rem
}

.sidebar .right-side-menu .rightbar-content .member-nav .member-nav-name {
    margin-left: .2rem;
    font-size: .3rem;
    font-weight: 500
}

[data-theme=light] .sidebar .right-side-menu .rightbar-content .member-nav .member-nav-name {
    color:  !important
}

[data-theme=dark] .sidebar .right-side-menu .rightbar-content .member-nav .member-nav-name {
    color:  !important
}

.sidebar .right-side-menu .rightbar-content .switch-language {
    margin-top: .2rem;
    margin-bottom: 2rem
}

.sidebar .right-side-menu .h-line {
    width: 100%;
    height: 1px;
    background-color: #a9aaad;
    transform: scaleY(.5)
}

.sidebar .right-side-menu .side-menu-bottom {
    padding: 0 .36rem;
    margin-bottom: 2rem
}

.sidebar .right-side-menu .switch-container {
    padding-left: .1rem
}

.sidebar .right-side-menu .sign-out {
    width: 100%;
    height: 1.14rem;
    padding: 0 .36rem
}

.sidebar .right-side-menu .sign-out .btn-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: .24rem;
    font-weight: 500;
    color: #57ec7d
}

.sidebar .right-side-menu .sign-out .btn-logout .logout-inner {
    display: flex;
    align-items: center;
    line-height: 1
}

.sidebar .right-side-menu .sign-out .btn-logout svg {
    width: .32rem;
    height: .37rem;
    margin-right: .35rem
}

.main-nav-open .left-side-menu,
.main-nav-open .right-side-menu {
    transform: translateX(0)
}

.main-nav-open .sidebar-mask {
    display: block
}

.btn-goback {
    position: absolute;
    top: .16rem;
    right: .22rem;
    z-index: 1000;
    color: #a9aaad
}

.btn-goback svg {
    display: block;
    width: .4rem;
    height: .4rem
}

.page-goback {
    position: absolute;
    top: .3rem;
    left: .2rem;
    z-index: 1000;
    color: #fff
}

.page-goback svg {
    display: block;
    width: .6rem;
    height: .6rem
}

.home-banner {
    position: relative;
    z-index: 2;
    width: 100%
}

.home-banner .swiper-container {
    width: 100%;
    height: 100%;
    transform: translateZ(0)
}

.home-banner .swiper-container .swiper-slide {
    transform: translateZ(0)
}

.home-banner .swiper-container .swiper-pagination-bullet {
    width: .15rem;
    height: .15rem;
    background-color: #ccc;
    opacity: .5
}

.home-banner .swiper-container .swiper-pagination-bullet-active {
    width: .45rem;
    height: .15rem;
    border-radius: .2rem;
    opacity: 1
}

.home-banner .swiper-container img {
    display: block;
    width: 100%
}

.home-banner .swiper-container .swiper-inner {
    position: relative;
    width: 100%
}

.home-banner .swiper-container .swiper-inner .home-welcome {
    position: absolute;
    top: .4rem;
    left: .25rem
}

.home-banner .swiper-container .swiper-inner .home-welcome .icon-welcome {
    display: block;
    width: 1.8rem;
    margin-left: -.07rem
}

.home-banner .swiper-container .swiper-inner .home-welcome .icon-logo {
    display: block;
    width: 2.6rem;
    margin-top: -.15rem
}

.home-banner .swiper-container .swiper-inner .home-welcome .play-now {
    display: flex;
    justify-content: flex-end;
    margin-top: .1rem
}

.home-banner .swiper-container .swiper-inner .home-welcome .play-now span {
    height: .4rem;
    padding: 0 .12rem;
    font-size: .22rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #3890f9;
    border: .02rem solid #fff;
    border-radius: .22rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#page_bg {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh))
}

#page_bg,
#page_bg.common,
#page_bg.login-bg {
    background: #121212
}

.sm-checkbox-item {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: .32rem;
    color: #fff;
    cursor: pointer
}

.sm-checkbox-item-select .sm-checkbox-item-bg:after {
    position: absolute;
    top: .04rem;
    left: .12rem;
    width: .08rem;
    height: .16rem;
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 0 .05rem .05rem 0;
    transform: rotate(45deg)
}

.sm-checkbox-item-bg {
    position: relative;
    flex-shrink: 0;
    width: .4rem;
    height: .4rem;
    border: 1px solid #fff;
    border-radius: .03rem
}

.sm-checkbox-item .sm-label {
    margin-left: .15rem;
    line-height: 1
}

.method_select {
    justify-content: space-between;
    margin-bottom: .5rem;
    font-weight: 600;
    color: #fff
}

.method_select,
.method_select .method_toggle {
    display: flex;
    align-items: center;
    font-size: .25rem
}

.method_select .method_toggle {
    line-height: 1
}

.method_select .right-icon {
    margin-left: .1rem
}

.method_select .right-icon svg {
    display: block;
    width: .3rem;
    height: .3rem
}

.menu-links {
    display: flex;
    justify-content: center;
    margin: .5rem 0 1.8rem;
    font-size: .29rem;
    font-weight: 500;
    color: #a9aaad
}

.menu-links .to-register {
    margin-left: .05rem;
    color: #57ec7d
}

.goHome {
    margin-top: .3rem;
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.login_wrap {
    width: 100%
}

.register_wrap {
    padding-bottom: .5rem
}

.popup_container_v2 {
    --popup-height-pct: 58.02;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100011;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7)
}

.popup_container_v2.show-popup .popup_body {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2.hide-popup {
    animation-name: fadeOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2.hide-popup .popup_body {
    animation-name: zoomOut;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both
}

.popup_container_v2 .popup_main_header {
    border-radius: .1rem .1rem 0 0
}

.popup_container_v2 .popup_main_header+.popup_content {
    border-radius: 0 0 .1rem .1rem
}

.popup_container_v2 .swiper-wrapper {
    flex: 1 1 0%;
    height: unset
}

.popup_container_v2 .popup_body {
    position: relative;
    width: 6.02rem !important;
    padding: 0 !important;
    border-radius: .05rem
}

.popup_container_v2 .popup_body.hide_btn {
    max-height: none !important
}

.popup_container_v2 .popup_body.hide_btn .popup_content {
    height: 100%
}

.popup_container_v2 .popup_body.hide_btn .active-btn,
.popup_container_v2 .popup_body.hide_btn .disable-btn {
    top: 50%
}

.popup_container_v2 .popup_body .active-btn,
.popup_container_v2 .popup_body .disable-btn {
    position: absolute;
    top: 45%;
    z-index: 1;
    width: .56rem;
    height: .56rem;
    border-radius: 50%;
    transform: translateY(-50%)
}

.popup_container_v2 .popup_body .active-btn i,
.popup_container_v2 .popup_body .disable-btn i {
    display: block;
    width: 100%;
    height: 100%
}

.popup_container_v2 .popup_body .nav-left {
    left: -.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup_container_v2 .popup_body .nav-right {
    right: -.2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.popup_container_v2 .popup_body .disable-btn {
    background-color: #757575;
    box-shadow: 0 .04rem .05rem 0 hsla(0, 0%, 55%, .37)
}

.popup_container_v2 .popup_body .active-btn {
    background-image: linear-gradient(180deg, #0cd2af, #07b8c5)
}

.popup_container_v2 .popup_content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 8.12rem !important;
    max-height: none !important;
    padding: .32rem .3rem .6rem !important;
    overflow: visible !important;
    background-color: #fff;
    border-radius: .1rem
}

.popup_container_v2 .header {
    position: relative;
    height: auto !important
}

.popup_container_v2 .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10002;
    width: 1rem;
    height: 1rem;
    overflow: hidden;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 0 0 0 1rem
}

.popup_container_v2 .close-btn svg {
    position: absolute;
    top: 20%;
    right: 20%;
    width: 40%;
    height: 40%;
    fill: currentcolor
}

.popup_container_v2 .close-btn-outside {
    position: absolute;
    top: -.6rem;
    right: 0;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .4rem !important;
    height: .4rem !important;
    overflow: hidden;
    color: #fff;
    border-radius: 50%
}

.popup_container_v2 .close-btn-outside svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentcolor
}

.popup_container_v2 .popup_title {
    width: 88%;
    max-height: 3rem;
    margin: 0 auto;
    margin-bottom: .3rem;
    font-size: .32rem;
    font-weight: 800;
    line-height: 1.3;
    color: #007afe;
    text-align: center;
    word-break: break-word
}

.popup_container_v2 .text {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0%;
    overflow: hidden;
    font-size: .26rem;
    line-height: normal;
    color: #8a8a8a;
    border-radius: .1rem
}

.popup_container_v2 .text img {
    width: 100%
}

.popup_container_v2 .popup_pagination_footer {
    display: flex;
    gap: .2rem;
    justify-content: space-around;
    width: 100%;
    margin-top: 1rem !important
}

.popup_container_v2 .popup_pagination_footer.hide {
    display: none
}

.popup_container_v2 .popup_pagination_footer .action {
    display: flex;
    flex: 1 0 0%;
    align-items: center;
    justify-content: center;
    min-height: .7rem;
    font-size: .3rem;
    color: #fff;
    background: linear-gradient(180deg, #00e1fa, #4aa5fb);
    border-radius: .7rem
}

.popup_container_v2 .popup_pagination_footer .action.disable {
    color: #9d9d9d;
    background: #eaeaea
}

.popup_container_v2 .popup_pagination_footer .action .icon-right {
    position: absolute;
    right: .3rem;
    height: .25rem
}

.popup_container_v2 .popup_pagination_footer .action .icon-left {
    position: absolute;
    left: .3rem;
    height: .25rem
}

.popup_container_v2 .popup_pagination_footer .action.active-btn {
    position: relative;
    top: unset;
    margin-top: .4rem
}

.popup_container_v2 .swiper-slide {
    overflow: hidden auto;
    -webkit-overflow-scrolling: touch
}

.popup_container_v2 .popup_logo img {
    height: .94rem
}

.popup_container_v2 .arrow-icon {
    width: 70%;
    height: 70%;
    margin-bottom: 1px;
    fill: #fff
}

.popup_container_v2 .today-bar-wrap {
    position: absolute;
    bottom: -.8rem;
    left: 50%;
    transform: translateX(-50%)
}

.popup_container_v2 .today-bar-wrap .am-checkbox-inner {
    border-color: #fff !important;
    border-radius: .05rem
}

.popup_container_v2 .today-bar-wrap .am-checkbox-inner:after {
    border-color: #fff !important
}

.popup_container_v2 .today-bar-wrap .am-list-thumb {
    margin-right: .08rem
}

.popup_container_v2 .today-bar-wrap .am-checkbox {
    transform: scale(.8)
}

.popup_container_v2 .today-bar-wrap .am-list-item,
.popup_container_v2 .today-bar-wrap .am-list-line {
    min-height: unset;
    font-size: .24rem
}

.popup_container_v2 .today-bar-wrap .am-list-content {
    padding: 0
}

.popup_container_v2 .today-bar-wrap .am-list-content span {
    font-size: .26rem;
    color: #fff;
    white-space: nowrap
}

.popup_container_v2 .today-bar-wrap .am-list-item {
    padding-left: 0
}

.popup_container_v2 .swiper-pagination {
    bottom: .2rem !important
}

.popup_container_v2 .swiper-pagination .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    margin: 0 .06rem;
    background: #fff;
    opacity: .3
}

.popup_container_v2 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

.game-list-item {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

.game-list-item .game-background {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: .1rem
}

.game-list-item .game-background .lazy-load-image-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.game-list-item .game-background .img-loading,
.game-list-item .game-background img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.game-list-item .game-vendor-name {
    margin-top: .05rem;
    font-size: .18rem;
    font-weight: 700;
    color: #57ec7d;
    text-align: center
}

.game-list-item .favorite_icon {
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: .3rem;
    height: .3rem;
    color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB5lBMVEUAAAD/7JH/6o3/3y//8a//9rj/1w7//u3/1xT/53r/7Yz/8rD/2R//1xb/8rL/2Rv/8bD/5V//99H/3yz/8KP/5mj/2yT//vP/9Lf/1QP/9L3/2yj/++T/98n/2hj/8a7/2yH/8rf/3zb//+r/3zv/8a//7ZT/6oL/6HT/3TT/7pr/7ZT/7Y7/6X7/+dr/8az/2Bb/1gT/41L/2BH/64T/6HX/2iP/9Lb/87v/8a7/2BL/8a///O7/4Ur/4kr/++n/9c3/1xD/98P//PD/+uX/9s7/9cP/8rb/2Rn/1Qv///7/+tv/9cH/9L3/8bH/6Xv/6Hr/527/4lj/2SD/2Bn/8bH/64j/41f/3jz/3S7/++v/87f/7pv/53T/3Cz//vb/87b/87P/30L//fz/+dX/+dT/75r/4EL/30r/5m3/++v/99P/4Ur/30r/0wT///3/++H/98f/52z/4Ur/2CD/1gf/9Lj/2RX/52j/1xT/9Lr/2hD/1QX/8rH/1gn/87f/2yb/2Rj/2BH//vj/8KL/6n7/5V7/3TT/3C3/2R//++X/+dr/987/8qz//Ov/+uD/99P/9sj/9cP/87z/8rb/7pr/7ZT/7I7/7In/6HP/52z/5WX/41f/4lD/4Un/30L/2SD//fCxoXMdAAAAfXRSTlMAECAQIBDfICAg35+AYFBQQDAgIO/v79/f37+wn5+fkI9gMBD+79/f39/Pz8/Pv7+/v6+vn5+fj4CAf29gYE9AQEAg7+/v7+/v7+7u39/f39/f39/fz8/Pz8+/v7+/v6+vr6+fn5+fnpCPgICAgIB/f39/f3Bwb19AQDAwMPY9QpgAAAIISURBVDjLhc9nQ+IwHAbwQFtaZAgiIKAMz63nvHPv23vvvffe56BFUIa49/abmhawpqbN/0X75OmvaQoOzZEv58desIA8T8bguMmub9fNsu4T3URYPPUegO6p+yTHJpMsPOfJZB9pw+li8fZ1ul7bFaRSrPTrF1L9mvDVzMtM+DBTr7nh5GRBJjGnYFKfktkSOX5Td4MX5wZzuX/uNINFzP9Qu3feKxfe+UvtVhtzkFhDbU+LwuGFcLiIlmsaVrA786Dtt02qTSOZuWwKhNCPWTue3SrPPDQxIJAubzB1WWmgMrStK9CQTneAwig0pLFFCyHUkSEdjYKHizVEqatZfA30FUu1OoKrXarQA6DPW67TlnXLedCJcuW2ljy2IjpJVsaO6tRdrFKfy8Yr6vJ47KpRXhmrVh+puNUq0cny2tp3nHu35rSjzd91Jw461+3Kanwc42BLKRr7xh0cvL6h3LF3sxkHmzd7FM3HrR84+Hbrk6J5vt2Lgz3bbxTN3bJSHCwtq1Y0ExNypig5wh59M34vFx2P43GfI7eqjjsQmM/7slsEed7l4vnW7HMfn49Ac8IsMbMrsROkuNadxA2pAMHETwT6BQu8Ws4KQiMnrjm/INz8I1aCH4GdkZahAUMk0vhv/zBwZRigWiKdCOTOjcIxIOexGKSOA6hs8nh+AcV89ow2DWfzHtFUb5o1HKXTAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.game-list-item .favorite_icon.on {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABj1BMVEUAAAD/5mz/54D/6Xr/+sL/7pX/98n/1xb/7ZL/6Xf/1wz/2hv/1xL/2Rv/5V//7ZP/9sn/8KP/9Lz/1QP/87L/2yb/7In/6oL/+dr/1gT/++X/8rD/87v/4Er/++n/87f/2hz/+/T/9b3/9cP/8rb/5mz/1Qv///7//vb/527/3jv/3jz/++v/9Lz/87f/7pv/2Bn/2BP//vb/87b/30L//fz/+dT/98j/75r/4EL/2iD///3/98f/8av/2CD/1gf/9Lj//O//8r3/8rX/4lD/1w3/8rn/8rL/5VH/99f/52j/1xT/9Lr/3yj/1wj/32D/3yD/8av/7pr/8rH/75//8KX/7I7/64j/6oH/7ZT/6HP/3TT/3C3/5mX/41f/4lD/4EL/2yb/5F7/2SD/2Rj/87f/1xH/9L3/6Xr/4Un/3jv/9cP/52z/4Ur/+tr/+NT/9sj/6Xv/1gn/++X/+uD/87b/987//fH//Ov//vj/9s7/8ab/7ZP/5F//3jz/3zv/8KD/3zz/2h//9Lf/5V6KFyVMAAAAUXRSTlMA/iD+EP4gIN/f35+AUDAg/u/f34/v39+/v5+fgIBAQDAg/u/v7+/u39/fz7+/v7+/v6+vr5+fn5+ekH9/f3Bwb2BgYGBgUFBPQEBAMCAgEBCb9UfiAAABqUlEQVQ4y43OB1fCQAwH8AjVKuBguPfee++9t+LArVgVBBUV3CLoBzeESjmwLT9yIc37v3sHcbjB2pfuclDX8YLqQFXJExkHNQXPpAlUlD+IStQufBTlgaKUm4h5UNJzG5GneKHP94p8Ia8pIK/3LusOC2EfUrjQdB2lkoP/cEsTRc2XqOLyj6loppSLjsxOWjpNgtcrCN5vQRC+ccQZK9SqWixjpfTcws0EFHJgWU/IMBi3yNuW+E9DnDcjGK1W65dVIn2wK2jdSEgfZKbawt5t78k2STIu6NCcmgmY3FaFOaTJ2VGRowGiyd1VlIs5MZmmvfJotZ4rrBAP/rCHd540zEnJPVmUk5L1LlcSFjXseFzhU50BjIVDGZhjnZEPLHGi83O2CqyMIxmxN84dy5gCVrHD4XA73G7qVOJUDKyuExn9wGr0fzpDPgN4nE6/MxDw09AArH1ZwCg7kLXMBNNPo2RnR3+lM0GDXTKwxuvt9mCQPoL2ESaoP//TxgPipYWevfEirH0x8hiduDIwQb7mHumY90zraMcDYyXfbB6FGAbzfX6ZOP8C5ag/M0nEFQgAAAAASUVORK5CYII=)
}

.game-list-item .game-item-name {
    position: relative;
    width: 100%;
    margin-top: .05rem;
    font-size: .2rem;
    color: #fff;
    text-align: center
}

.noData {
    width: 100%;
    height: 100%;
    font-size: .3rem;
    color: #fff
}

.noData .no-data-content {
    text-align: center
}

.noData .no-data-content img {
    width: 3.5rem
}

.game-list-wrapper.hasScroll {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.game-list-wrapper .scroll-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.4rem
}

.game-list-wrapper .scroll-loading .loading-icon {
    width: .6rem;
    height: .6rem;
    fill: #ede93d
}

.fav-list-wrap .category-game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .15rem .25rem
}

.hot-game-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 .18rem 0 .2rem;
    overflow: hidden auto
}

.hot-game-wrap .game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .15rem .25rem
}

.hot-game-wrap .hot-game-menu {
    display: flex;
    align-items: center;
    width: 100%;
    height: .6rem;
    padding: 0 .3rem;
    overflow: auto hidden;
    font-size: .28rem;
    font-weight: 700;
    text-transform: uppercase
}

[data-theme=light] .hot-game-wrap .hot-game-menu {
    color:  !important
}

[data-theme=dark] .hot-game-wrap .hot-game-menu {
    color:  !important
}

.hot-game-wrap .hot-game-menu .menu-item {
    position: relative;
    height: 100%;
    padding-top: .08rem;
    white-space: nowrap !important
}

.hot-game-wrap .hot-game-menu .menu-item.on {
    color: #57ec7d !important
}

.hot-game-wrap .hot-game-menu .menu-item.on:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .5rem;
    height: .03rem;
    content: "";
    background-color: #3890f9;
    transform: translateX(-50%)
}

.hot-game-wrap .hot-game-menu .menu-item:not(:last-child) {
    margin-right: .25rem
}

.hot-game-wrap .hot-game-scroll {
    height: calc(100% - .6rem);
    overflow: hidden auto
}

.hot-game-wrap .view-all {
    width: 100%;
    height: .4rem;
    margin-top: .3rem;
    font-size: .2rem;
    line-height: .4rem;
    color: #fff;
    text-align: center;
    background-color: #3890f9;
    border: 1px solid #fff;
    border-radius: .2rem
}

.vendor-game-item {
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden
}

.vendor-game-item .vendor-game-img {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.vendor-game-item .vendor-game-img .img-loading {
    border-radius: .1rem
}

.vendor-game-item .vendor-game-img .vendor-hot {
    position: absolute;
    top: 0;
    left: .05rem;
    width: .5rem;
    height: .41rem;
    background: url(/m/icon-hot.14985477.png) no-repeat 50%/cover
}

.vendor-game-item .vendor-game-img .vendor-new {
    position: absolute;
    top: 0;
    right: .05rem;
    width: .5rem;
    height: .41rem;
    background: url(/m/icon-new.c4092e0e.png) no-repeat 50%/cover
}

.vendor-game-item .vendor-game-name {
    width: 1.8rem;
    height: .65rem;
    margin: .1rem auto 0;
    font-size: .24rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    background: url(/m/vendor-name-bg.b40d5fba.png) no-repeat 50%/cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.vendor-game-item .vendor-game-name .vendor-color {
    display: block;
    max-width: 100%;
    height: 80%
}

.vendor-game {
    padding: 0 .35rem
}

.vendor-game .vendor-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .4rem
}

.search-games-container {
    flex: 1 1 0%;
    width: 100%;
    padding-top: .2rem
}

.search-games-container .search-games {
    position: relative;
    width: 100%
}

.search-games-container .search-games .search-input {
    display: block;
    width: 100%;
    height: .81rem;
    padding: 0 .3rem;
    font-size: .24rem;
    color: #fff;
    background: #121212;
    border: .02rem solid #a9aaad;
    border-radius: .2rem
}

.search-games-container .search-games .search-input::placeholder {
    font-size: .24rem;
    color: #888
}

.search-games-container .search-games .search-input:focus {
    border: .02rem solid #57ec7d
}

.search-games-container .search-games .search-input:focus~.search-submit {
    fill: #57ec7d
}

.search-games-container .search-games .search-input:focus::placeholder {
    color: #a9aaad
}

.search-games-container .search-games .search-icon {
    position: absolute;
    top: .18rem;
    left: .2rem;
    width: .3rem;
    height: .3rem
}

.search-games-container .search-games .search-submit {
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .4rem;
    height: .4rem;
    fill: #a9aaad
}

.search-games-container.large {
    margin-bottom: .4rem
}

.search-games-container.large .search-games .search-input {
    height: .72rem;
    padding: 0 .3rem;
    font-size: .3rem;
    font-weight: 500;
    border-radius: .36rem;
    box-shadow: 0 .02rem .06rem 0 rgba(0, 0, 0, .49) !important
}

.search-games-container.large .search-games .search-input::placeholder {
    font-size: .3rem;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .5) !important
}

.search-games-container.large .search-games .search-icon {
    position: absolute;
    top: .16rem;
    right: .3rem;
    width: .4rem;
    height: .4rem;
    color: hsla(0, 0%, 100%, .5) !important
}

.scroll-num {
    position: relative;
    text-align: center
}

.scroll-num .animate-list {
    width: 100%;
    height: 100%;
    transition: transform 1s
}

.scroll-num .animate-list li {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.jackpot-container {
    position: relative;
    width: 100%;
    margin-bottom: .2rem
}

.jackpot-container .jackpot-title {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    height: .85rem;
    transform: translateX(-50%)
}

.jackpot-container .jackpot-bg {
    position: relative;
    width: 100%;
    height: 3.92rem;
    padding: 2.4rem 0 0;
    background-image: url(/m/jackpot-bg.88f055d4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.jackpot-container .jackpot-widget {
    display: flex;
    width: 100%
}

.jackpot-container .jackpot-num,
.jackpot-container .jackpot-num .symbol {
    display: flex;
    align-items: center;
    justify-content: center
}

.jackpot-container .jackpot-num .symbol {
    height: 1rem;
    margin-right: .12rem;
    font-size: .8rem;
    font-weight: 700;
    background: linear-gradient(180deg, #fff, #ffeb87 51.56%, #ffd400);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 .1rem .05rem #000);
    -webkit-text-fill-color: transparent
}

.jackpot-container .jackpot-num .num-list {
    display: flex;
    height: 1rem;
    overflow: hidden;
    color: #fff
}

.jackpot-container .jackpot-num .num-list .point {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: .1rem;
    font-size: .72rem;
    font-weight: 700;
    background: linear-gradient(180deg, #fff, #ffeb87 51.56%, #ffd400);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 .1rem .05rem #000);
    -webkit-text-fill-color: transparent
}

.jackpot-container .jackpot-num .scroll-num {
    position: relative;
    width: .5rem;
    height: 1rem;
    text-align: center;
    border-radius: .12rem
}

.jackpot-container .jackpot-num .scroll-num+.scroll-num {
    margin-left: .1rem
}

.jackpot-container .jackpot-num .scroll-num .animate-list {
    width: 100%;
    height: 100%;
    font-size: .8rem;
    font-weight: 700;
    color: #fff
}

.jackpot-container .jackpot-num .scroll-num .animate-list li {
    background: linear-gradient(180deg, #fff, #ffeb87 51.56%, #ffd400);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 .1rem .05rem #000);
    -webkit-text-fill-color: transparent
}

.download-bar.show-bar+.home-header+.home-container .gameEnter-wrap .scroll-menu-wrap.sticky {
    top: 2.2rem
}

.scroll-menu-wrap {
    width: 100%
}

.scroll-menu-wrap.sticky {
    position: fixed;
    top: 1rem;
    left: .5rem;
    z-index: 700;
    width: 6.5rem
}

.scroll-menu-wrap .scroll-menu-bg {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .22rem 0 .22rem .22rem;
    background-color: #121212;
    border: .02rem solid #a9aaad;
    border-radius: .12rem;
    box-shadow: inset 0 0 .06rem 0 #57ec7d
}

.scroll-menu-wrap .scroll-menu-bg .menu-fav {
    position: relative;
    flex-shrink: 0;
    width: .48rem;
    height: 100%;
    margin-left: .24rem;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center
}

.scroll-menu-wrap .scroll-menu-bg .menu-fav.on {
    color: #57ec7d
}

.scroll-menu-wrap .scroll-menu-bg .menu-fav.on:after {
    position: absolute;
    bottom: 0;
    left: .13rem;
    width: .22rem;
    height: .08rem;
    content: "";
    background-color: #57ec7d;
    border-radius: .04rem
}

.scroll-menu-wrap .scroll-menu-bg .menu-swiper-box {
    position: relative;
    flex: 1 1 0%;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.scroll-menu-wrap .menu-swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.scroll-menu-wrap .menu-swiper-container .menu-list {
    display: flex;
    flex-wrap: nowrap;
    height: 100%
}

.scroll-menu-wrap .menu-list-item {
    position: relative;
    flex-shrink: 0;
    width: 1.4rem;
    padding: .1rem 0 .05rem;
    overflow: hidden;
    font-size: .2rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center
}

.scroll-menu-wrap .menu-list-item .menu-img {
    display: flex;
    justify-content: center;
    height: .6rem
}

.scroll-menu-wrap .menu-list-item .menu-name {
    display: block;
    width: 100%;
    margin-top: .1rem;
    overflow: hidden;
    line-height: 1.1;
    text-align: center
}

.scroll-menu-wrap .menu-list-item .vendor-img {
    display: flex;
    justify-content: center;
    height: 100%
}

.scroll-menu-wrap .menu-list-item .vendor-img img {
    max-width: 100%;
    height: 100%
}

.scroll-menu-wrap .menu-list-item .vendor-img .vendor-white {
    display: block
}

.scroll-menu-wrap .menu-list-item .vendor-img .vendor-color {
    display: none
}

.scroll-menu-wrap .menu-list-item .menu-icon {
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.scroll-menu-wrap .menu-list-item.on {
    color: #292b34;
    background: linear-gradient(180deg, #45f577, #29c355);
    border-radius: .12rem
}

.scroll-menu-wrap .menu-list-item.on .vendor-img .vendor-white {
    display: none
}

.scroll-menu-wrap .menu-list-item.on .vendor-img .vendor-color {
    display: block
}

.scroll-menu-wrap .menu-nav {
    position: absolute;
    top: 50%;
    z-index: 11;
    width: .4rem;
    height: .4rem;
    color: #fff;
    background-image: linear-gradient(180deg, #45f577, #29c355);
    border-radius: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.scroll-menu-wrap .menu-nav .am-icon {
    display: block;
    width: .2rem;
    height: .2rem;
    color: #000
}

.scroll-menu-wrap .view-all {
    display: flex;
    padding: .1rem;
    font-size: .26rem;
    color: #009cff
}

.scroll-menu-wrap .view-all .am-icon {
    display: block;
    width: .3rem;
    height: .3rem
}

.scroll-menu-wrap .menu-prev {
    left: -.2rem
}

.scroll-menu-wrap .menu-prev.on {
    display: block
}

.scroll-menu-wrap .menu-next,
.scroll-menu-wrap .view-all {
    right: -.2rem
}

.download-bar.show-bar+.home-header+.home-container .gameEnter-wrap .game-menu.sticky {
    top: 2.2rem
}

.gameEnter-wrap {
    width: 100%;
    padding: .2rem 0 0
}

.gameEnter-wrap .gameEnter-content {
    width: 100%;
    transition: all .5s
}

.gameEnter-wrap .game-menu {
    position: relative;
    z-index: 200;
    width: 100%;
    padding: 0 .35rem
}

.gameEnter-wrap .game-menu.sticky {
    position: fixed;
    top: 1rem;
    left: 0;
    max-height: calc(100vh - 1rem - 1.2rem);
    max-height: calc(100*var(--vh, 1vh) - 1rem - 1.2rem)
}

.gameEnter-wrap .game-menu .menu-nav {
    width: .3rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.gameEnter-wrap .game-menu .menu-nav svg {
    width: .2rem;
    height: .35rem;
    fill: #57ec7d
}

.gameEnter-wrap .game-menu .menu-prev {
    position: absolute;
    top: .5rem;
    left: .1rem
}

.gameEnter-wrap .game-menu .menu-next {
    position: absolute;
    top: .5rem;
    right: .1rem
}

.gameEnter-wrap .game-menu .game-menu-scroll {
    width: 100%;
    overflow: hidden
}

.gameEnter-wrap .game-menu .game-menu-list {
    position: relative;
    display: flex
}

.gameEnter-wrap .game-menu .game-menu-item {
    position: relative;
    width: 1.36rem
}

.gameEnter-wrap .game-menu .game-menu-item .game-icon-wrap {
    width: 1.36rem;
    height: 1.36rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.gameEnter-wrap .game-menu .game-menu-item .game-icon-bg {
    width: 1.14rem;
    height: 1.14rem;
    background-image: linear-gradient(180deg, #007622, #45f577);
    border-radius: 50%;
    box-shadow: inset 0 .03rem .1rem 0 rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon {
    position: relative;
    display: block;
    width: .73rem;
    height: .73rem;
    background-repeat: no-repeat;
    background-size: contain
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.HOT {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABICAMAAAB8+nPGAAAARVBMVEUAAAApKzQoKzglLjUpKzUqLDQpKzQpKzUpLDQsLDQoLDQpKzQoKzQpKzQpLTMrKzUpKzQpKzMpKzMqLDQqKzUqKzQpKzQo9DNpAAAAFnRSTlMAgCAQ32Dvn79AQK9wv1Awz9+Q749viFkJYwAAAkBJREFUWMO9l9uypCAMRSGA2KBoa5/8/6dOdQ01KASCemr2Y18WmxCSIEiFsIjnCoi4z5+XeoYBjPLmEWnEf7JwH+PwoPl1m6PxBLrrSOJZn3sxUkPG0fd2tmEu+SjISV49OfOk9QZnwl/hABKar9tBSp/LmIHkvJ5sKklfC89LIy15wYncsaZB9RqZsaWpC2JmbGt+6KR/Vz/YoYXdEPbIMBSluzCyx8xzzPY7GHsNA54GymsYUzHm+jAmYXDqaQe4c5hh6ai/WoGtlxwZCwe7q/UbSFvDjNVzG6i8B01iIF0x7qwmKqHgnB6SD7Knuk1IZqIdLgMHERUO/BXORdbwQQYRtRx9znbOLDNnbgTFyS2zdqRIHEyiLUP1zA175VIGGJSVaqGheozlWh5RkmuO0FUBTArrpzzy0eVxa2Pecdo8Z75lhoykcMCgNnDMKi1KvVshTt++9+w6lRgdfIFRjUUMXQBkytDc99rb8f/mo9L0/fWdHV/FODh6wa1zPANETVy8pdktV6KMjFCWH10Z81bNtXxFB/Gd0WUl/8g/QLoseeDd15Dre/0RJtPnxjrRhYHs4wLPYcpfu4uYIS9IZeqsPEXVrozSVybNUJ2YXJm+/DzlW8+wjaNA65Um0676zIyqPbN9usxs7Bs+8NPz3niBLDpua2lgfGw9DamN46gvRTv2FGxzhoYVUZu+p52OaV5IyR3HIHrl7Jc0hwLylk5c0mL8irv/ecVmGqT3E4g7Ui5M0tpNSmkWJf6D/gC0+qMrIkBz2QAAAABJRU5ErkJggg==)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.FAV {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAATlBMVEUAAAAoKjgpKzUpKzQpKzQpKzQkLzcrKzUpKzQpKzQpKzQsLDQqKjQqLDQpKzMpLTMpKzMqKjQpKjQpKzQoLDQpKjUoKzQmKTYlKzUpKzR21YUJAAAAGXRSTlMAIN9gv58QMO+Az0Bw75BQ33+wj0CQb1Aw1ksbewAAAV1JREFUWMPt1N1uhCAQhuFvYEAF1P3rD/d/o81u2iUWNNGZg6btc4p5MwKKv4BmOwxpjmjznU3DYCNhQ7ye8hdO1aN05ueycRFt1uQlXjwZOS8Z25rE5Jqj5ySca6aa6Jrbznh4HdeXC895zfW+7FaXLx6lEvK64LeXS8flLRw2lx0+nbNIwgNlmZ7KK0lwGUYklmEkJsBnud5jzgoiJo3MBNbIME4aGYOs4odlVPamR9DIBDiNzAVJI5PwrpHpoLHHBsAgzzio/CkIAFg+zN1NZRjAyYe5o15jGMiu4IAnlt0ZiF9rJKCwRzMWC5NoY4TbE/CdNwe2l1AhI6kUXb/zkDpAodNhxXzoqGtWVikdWaV0ZJXS6QWVXec13gB5p31f9t5n0wHyjiFgT0deASi0K4Gwi7+0Kuyx11RXHA4YGn9MQUdSqT+whMPKhR7fIECmXF2R+YXZ3fDvl/gACWkkXOpElYIAAAAASUVORK5CYII=)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.LIVE {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAASFBMVEUAAAApKzQqLDQqLDQqLDMpKzQoKDghKT0qKzUpKjQqLDQrKzUoKzQpKzQpKzQoLDMoMDgrKzQpKjQoLDQpKzUtLTYpLTYpKzQf2t5YAAAAF3RSTlMAv0DvYN8gEJ+QgDBwr89QIHB/gKBQUG0fUPkAAAKHSURBVFjD7ZbbgqMgDEBJDMhVqu2u//+nO1gNYO3qlId5mfPWGT0NSUgqfvl5cByxWTJ28xeS2izTvDK1WOLMtBwMsgY+t/RzQf+xRpUa9dMa0WWLFJ9zzxrboOklB9OLBtSwlluJNnyyeNFM0ohfTUYhWa1Bym5eVHKAoO0Y8XLdHZmh6N6nJtOBPp2GagxseNFUrvH2tmUnHi9nmsRARyYMM3OiYfRe5GAf9qCNJULE5d+IkawJ0P1P1JvKoP37gvTog5wLphxK8Xe4uwvF9MUbcg3IdRwHO07BR45+eenGltCX0atI1modlg2htbWErhJJ9qR4+JNnQzRBHldKgon8Zb5YPrSz4ARnBR/sbef5wxtNiwTBtb6BWK1D4Cf+pjTBafvVBaItO6Lc0Y/5AOSna0zKwPaBVxHxQtkTdNG7uTf6KppHterVo5sv0BklRFHlIHDf1fSQJw5Na82n4uBwcDuigeHIIIOhvLEMX9B6M+JukCJ5mzrZWOspunrl4cDvqeXxfAigq1s5wlxZkgfKg8fbqYPK2sGSKL2ktcrqoEfs322MUQ9Vvv1T8rzX6i5fxh9oY0fasEaD7A67pw+z2OaO4ojOyZJtYoilr2/rKOq+4TBYDGDxTPa05hUNXHGAwW0pPb9ZbPI849Eb6N4GMRQD3yUJa7hpbuUGiN7qAADyC4A0Rj2VHdiPReCiDtbite7bz0gBr+fmrjk0ODLDyyIW9+MUQDCWEJ1acRhpNHo4Thqlm9mM5EHYROTJ2YLlddNAR3xvG/JT/X6nD0R5TrSI8hWvieF7DkBxjKL8Q/TSknmP82E4aTbtnbiEi1bDvvE7CdqS68W3SXcp4ZTqxS8/yj+UOa25EAfq4AAAAABJRU5ErkJggg==)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.ELOTT,
.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.LOTT {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAAS1BMVEUAAAAoKDgrLTIqLDQpKzMpKzUqKzUpKzQqLDQpKzQpLDQpKzUlLTUpKzMoLDQpKzUoKzQpLDQpKzQpKjQqKzUqLDQrKzQpKTQpKzQ2apy1AAAAGHRSTlMAIGCA39+fv0Dvv6AQkFAwcK/PsGDvcHDJfYcKAAABzklEQVRYw+XW23KCMBAG4A1pTjUHQNR9/yftLmJBhUqMzsj0v8hmkP1GJxICfez+68mYDn6jsSDhokgsymlgVBnjzorAwoh/wBxklZHaLTAdZMUuMCKPEe9narkq9QPmC1dFbY9pGhq+d3x742gMLQ0tT/mztcwe4JtvlHypQtQAjqcR+3m7nqn5fostcK8cWNid5ysZx80WAByBYcJ4hXo1wxNBFBE1N40MWGaatUwkoe+yAG5kGCZmt5YhwwPFe0g4MoKuyAxm31+ueYwTpuLNO4NxQOkMj2HKYMpi0AN39uMVo3wWEwE8Iv8qd8VgyGG4sUM0AAkvjOsZtBkLjs5aReUkzg9QioyJludRbnSj+Bjms14wGUkLjMlyfLOJg8lnMcqKm6QaOUHMxKoFJsF9AvPlxyTeY9p5JmUyLs0y8g9GG2O460i16xmOmUmLD55wO2y4smcWsx0mVlXF1VJNF6adP15nrpTyL/nf7Mu3LWb0c8drrpGqnTAi/3g9rtTIWLyK2hQTtNaJakc1ThihrxJetFLvZyzcRyOi87NMXGDUsbpNQI6pZnI8bOIF8xEMuEIGztmVKXpgvCpRlIAh4vnvc9AeJhFPZkB+APE5CqrZpqmPAAAAAElFTkSuQmCC)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.PVP {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAAn1BMVEUAAAAqLDQpKzQuLi8oLTcmKzQpKzMqKzQrLDQpKzQpKzMpKjQoKjEpKzQpKzQoKjMoKjMqKzEoKjMpKzMpKjMpKzIrLDMoKTApKjIpKzEpKzIpKzMpKzMpKzMoKjQpKzQpKzIpKzMrLS82NjY1NTUpKzQpKzMpKjEoKjAqLzcpKzQpKzMpKjIpKzMpKjMpKSkpKjMoKTApKjMpKzMpKzRnHMJ0AAAANHRSTlMAgOAqIBDA70Hk0qE18mGPg0sm6aVEIxdqUTH4w6t5cEY/LAkG9dxWHRT7y7KemAzVXLyIgOkQTwAAArFJREFUWMPV19ly4jAQBdBGeAcDsTFmC2FNWBIIyf3/bxuWITLaLBeZhzlvhiqVutVqt8moc6Rf8IRVRg9zGIABPaqBk3hGj3nBhd8kld7cMqQtDOvURnbLLBluwjoJAoZPstIBF/bu4zkn7ZlsZChi88I2X3yc9C3P+g5zfuJ5xYUiNcOBK5+1cp11F1cxyVwf0fOgLpy1vM5i4t8ePVKo4Sx9n0yXlxyOIGPuNOJPL6Tezl8rrx30GFR8FASk34692CUVN0Ylnqna7H2T2sZHFW+k8Y0qFqSRV8lORFpdWDLfyzrsDehXtpOQ3hC2GJl49qkxCWCjvGW1anYc+o9s6hJX6ASnnw5UgsmtKheyZ/FWb0HSpnsDAC0yiyARzyThS+unGckHCRZbYMwfLe9Uk+c220fRaW87YOSSQWIo+rU3wknj2myfzEORZMg3M228XpIb8H6u5JS2/3xzu79N0mpDoNl8H8A76RyY7bsoBTCtUHotfV2kG1Jj9i3uyxBWczDxLHvTOjSXcvIMLlyQzht0pyWPR3Gi7bVhaVfvF3LTI5XpJfZVnZR62XSW35cPcwpxBM2ek8z6XR+XVZQl5dZSnI1bfO46SR1NiUfKxMxC3IydmmqM7YCLx8eDJq8cG0KxDhN7kCyJUbSLAMTvt3USuaEFJfXLNbK7/TSEydb8ccDN6SfTbE252Octx5Ed0R43r2vp2s5I8qkeEAPwdaSwIzmsFSRsWTaltBVdSDLhp6MzLA9qlJcPTWPx/u8h6toMTe3SEWvO3zh6IzEsT97MVR7CYCdcLMdHUegUupxJR2z1W3DbzPazhi3Fds74f82S/Bu+8WnRj671OhHL8wMasbqlu0Ew3Nh/rrGEqmmFkH3lVJUj1U96JK7KQim4iCewqmX2MfYBhF5nRv/QH/N+lW90ZRHOAAAAAElFTkSuQmCC)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.RNG {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAARVBMVEUAAAApKzQoKDgrLDIoLDQqKzUpKzQqLDQsLDQjLDkrLTUpKzQqKzQpKzQpLDQpKjQqKzUoLDQpKjQpKzMqKzQpKzQpKzQLgdGQAAAAFnRSTlMA3yBgQJ+/gEAQYHDv71CQMICwoM/PoSjnTgAAAgJJREFUWMPtl21zgyAMgCFVFKG+rG3+/09dZOcCph5Cb9vttueLPdSnwQSiqpJ+enj0xoF6gd7gRmurLQtGaHjB8rpnwB26al4a93RVwQiuFeHcUeKKLRaf8FasafAJ1yqN5KeiAXyCqSkbiatZChIo11gvLO3uCjiGC9XhDg+5LDADX3YTp4o10uMHValRi+dcg6rWKBh0iGRqjirUNXtG1kQkS1Jqelm4h5r2X3NCAxEhJdNljwsJhAipwRrg72hujeS+7tSNZDnWdEpiEFEryeXbNEDYVMOb63mNCWekpkPiCzSGQEKbDyKN7TSumGGncQ+PhG9h0whYA5pfMxLNxJ16zmvekOkizYCMzmosRlxZsx6ZPqdpwpG4IwGs0etjp/HQm9wpDSc01fSc0rMauBDqiWYdn89pGKkJ5DRzyHRLOBAavY5Po1JFmepYkxSCsRnNLrF9pGmQmYqqGNu4ipf4pT6rUTAZTfj1dtYQw+c45jLFNGkVM0iMOY3tiU2DrOGtDIkhp3FICA3fzdHkNSNF5HaTChmi8fHU0hwxwkQaj0z+EVuPjIs0U8l+k4SjLWuSemryGgUGA36xySYKt22qs8prtj+erOgM9safpWfKT/Nv0WC0ijTukpJqxrAzSc1M42Pa7pjCHv7bNI9WotfstBJzoCnlN2juugJQX8M7pxi6W2hyZvkAAAAASUVORK5CYII=)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.ESPORTS {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAATlBMVEUAAAApKzQqKzQpKjQpKzQqLDMoKDgqKzUgKEAsLDQpKzQqKzUpKzQoMDgoLDQoLDQqLDQpLTMpMDApKjQpKzQpKjQqKjQoKzYpKTYpKzRlfDjmAAAAGXRSTlMA3++Qv2AgnxBAcDDPIIBAgFAQf6+wgF9QULFAKwAAAkhJREFUWMPtlt2SoyAQhbtpflSIRGN2lvd/0S3dOB0RFcJczneVVFnH/uEchF8+p2k743DGSXMf7EcaSooQIamFIm4kQhI0bb6ICSegymvnMVdSK3Rz4Rq8mveXCFnQCCc8Qi54q1FhxAAH/A1FPA6mK8JP6GAopasaDNPWtMSI3b5M+AQZFxM+AiMZFZI4UoP3inDbi+ysBtC+sxlrEj0/5ZEb6Ro4wKb61vBO/2rDwzFd2PEHIvqlQDhDnqmwDheYRhypNANJFAKzgtgeLLIlUZJ6Q4jQSyWmMD67VEutyDM1c4/equc8DSlMgQydZBjly+gzw3fXMmzb6dCMJnfEdwCf9KnpbAMnqCjTuBj2tGcFPQwZ52aEcdsHfUtYRRPOhV1XIzayrtevEhQ5weO7HLHk/4L863PHbDdnrg3+XEcj+qWX9uFCzD150cWPyMVAbM4dSXNtLTjMMkslTSdDmvbamCOAoeb8g8nCjq+9+fS8vUhEYWAgpqFU1MBN7vvo+UxEGi2JZHpaTI1D4/7YWDIu4Zv/tWB6qmtBz2SKM6h56Mkda4xCh1Ie1nwnrYhtXqk4c/xuisQmNlwebS4LtT82mjAw0ibudM8+bVmGn2TnS4luItWkPr3obVBPLnOEDNhkOGvzltcdCshj4pbAsvPXxTjIQr2nitlkjFsFM7B3M0mHUq/D5o2P/fKrGB9HlcbQQTFmH1VKQyljMvHKZfDNmxVoZJkaRsN5VkW/ZnQFHD9QjcU5KOrRyEaq05HwE4wafinjHwu4t3GzSvb8AAAAAElFTkSuQmCC)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.SPORTS {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJCAMAAABGrfvuAAAASFBMVEUAAAApKzMpKzQiLjIpKzUpKzQpKzQoKTgpKzQqKzQoKzUpKzQsLDQpKjQpKzQoLDQpKzUrLTIqKzUrLTUpKzQqLDQrKzUpKzTEjpoDAAAAF3RSTlMAn4AQYL/fIM/vUHBAkK9AMGDPYO/Pj/Z/4oUAAAFpSURBVFjD7dbZasMwEIXh0TaK7HpLF73/mxaC4VCBPbWObwr972KSD2WwJUtHMdWaovC5+srfAYEiIVAsBIqGQNEQKBoCRUOgaAgUDYGiIVA0BIqGQNEQKBoCxULojYRQIiH0wULoNuhJQijeBbl/6G9Aadq2bUo0NIX9SzkqA+kqKE/90DOIhMGpahoz89BqFhkU21v/jLKIr+gReiEnEn9cmK9CWFLQZtPtgxKWZG66sZ41iqT22tGkknV+lPbacCCVU2kVqW3vXVI2pEv/Tn97Yi7WxGdj4sgbd8FibE4mhQU82tH1UV8iazFeUSwK8x2KAVkUfprd/kGHU2Y4pDDfPLrkpsVajwN1ANntBCgOAkVCoGgIFA2BoiFQLIS90NuQvYN78ICuU3ig1rmUFC8o/hFAAUIXZgSKhECRECgWAkVA+aWA6oX2YwcUUal3Uc2dTaQkhDwJoaCAyPJOjUIXxs9a0sIy36IGsqqA3rqRAAAAAElFTkSuQmCC)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.FISH {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAAS1BMVEUAAAApKzQpKzQpKzQpKzQpKzQoKDgpKzQjMDkpKzQsLDQoLDQpKzMoLDQpKzQoMDgpLDQpKzUoKjQgIEApKzQrKzQpLDUrMDUpKzRigguJAAAAGHRSTlMA3+9ggKAgrxDPQECQUL8gvzBwEI9wbzBGqxh/AAAC3UlEQVRYw+2W2ZLiMAxF5TVxdiehW///pdMWdmJ1bJiCmqp54D4lII61G/joo38q+6P2LUKnG4Ek/TLD7xJPda9BvidkGquWbddWv9qRS1Qps0Cc1Fz5KmoZHFFsFWPIrkRSMjLUBp6ePFQlMKlRLLqvCOnJ6kmdZiSdJE4RBIGegFDXGAzklaToxcVkNOHFQl1DoEBvBCd9E9mkih0vV53nTOGBkxgFxqed58Lp8ZmTUGzc5UcSsQJXkrAXl+tihbQ5SYVomj3EslCEzzAqllii3O+5MJLYM3llur/FnCXeWR/n5XuKWfN2zjvZyqx23dMURyCbG6UCxxwgiq6wHnYnppkKbgreeJT3lKsGq6RWy/vHWS1XtiYtoh3vCdlqpK/kqsk7axUoNZz97xUKGJ2vkFqDeGBUPnSW5X4cEcFQyCWSyze0pVIVS9j1P5iBAstIXC6tVlludI/oA0ajo/cyaZhT3w1ZeXjnAWHorApJw5py0pdbYsGGPNElV61ayBeatuhurJqcbvlNM0gLAg00wRhKJKPvP44GOs9Yo1XnzywHlIK6/HkFtoHIJOZo1IeQ7eNNfhisjMGnuTWxGeYb96pTc4xE5osUpWOY2z7zC5TvEI0o57gW+T7QW78OiwxECzuZce/lWYM9jt/CXGdT6f12WdGgjhr8sNopThKZDcxH/ruF/X34HhVmkhF5Pe0+rdMRx8BuJocDFtSeGM4RqRw9806gKWH2KwbieSY6RKluU4JXxQFyXMjdA8Pzc4J0vkB2pxnF2TiKonDzjCKBPPX26Y7Aia2HWATSdXTtkQFx83R+U8C4nl8+Ei5S4ldV9W+MXI+xTBwLRRDTyjBSb1kS5GFSAi2Mo2n5aApn3fiaEDE5ZdnVMU4ahqvhQnSoyo40pWn9cAzPgRzhsbZ+iWnlGG6zwXMN6XYjzKvimxrekBXvY0j6XQwfEkEvb4M0vC879vDRR/+l/gD/KXIIWSlV+QAAAABJRU5ErkJggg==)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-icon.COCKFIGHT {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABHCAMAAACNrMETAAAAQlBMVEUAAAApKzUkKjkqLDQpKzQpKjQpKzUpKzQoLDQoMDgpKjQpKjMoKDgpKzQpKzMpLDQpLDUpKzQoLDQpKzUqLDQpKzQfpB9cAAAAFXRSTlMA3xBAn3Bgv4Agr5Ag79+/MM9Qz+96POi4AAABy0lEQVRYw8WY23LrIAxFQVwNvp/o/3/1NGknai3LJKgzXc+eNdI2AmzTx4De/AIesQw6xb6vET+wxQeFZsEnSaGxpOkPaE1IuH7NggSYfsa4UTUaIt4JE1qNBz5DNgURU7+o4oN7a7csaMDVMs9zKmEQB+GJHYVH6g2fbFEYhCfnD0DFn9jhshhczyzO4pEpXhWDo/AaOY7PAhEEC2caLh77J7XMKeYHBb8jzG2zLcDLajKK1POerFvmnbUkMx16okoYQVCw1TGxZtvJ8NfqTpolVryinq+9Cd7qCb1QdWCjv0aUScISTe9lnFgxYsj1FU0Q/ewME8cBQsIjwDTXEY93BycfNTPKbDXhOZZrOuD71oRdxGM1YcUO6jFiY7CDctAMj3jmDV9E3i22AsaMHt/Bcs1XXFmp4SuxTZI1riNiZTnhQhPwZdyFBiZNwkTW99Quh92StOXE9iWRaJ4YurVjwTTJqmAI35ptsig8lTrq78vu5nWi8L5uGcxbOL8ho3BJm9EesyWLwrOA6QPyjbKNph/Y/cORnVGyaD8JaUcEvWan+7EGoMNExUx3Il3Gu9Gz0p1fw0gJq5hZwn/4FyrTx7TK8oFviPT8BxeZmXEBT9VpAAAAAElFTkSuQmCC)
}

.gameEnter-wrap .game-menu .game-menu-item .game-menu-name {
    display: block;
    width: 100%;
    margin-top: .05rem;
    font-size: .24rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.gameEnter-wrap .game-menu .game-menu-item.on .game-icon-bg {
    box-shadow: 0 .03rem .2rem 0 #57ec7d, inset 0 .03rem .2rem 0 #000;
    animation: animate-heartBeat 1s ease-in-out
}

.gameEnter-wrap .game-menu .game-menu-item.on .game-menu-name {
    color: #57ec7d
}

.gameEnter-wrap .game-content-wrap {
    width: 100%;
    overflow: hidden
}

.gameEnter-wrap .game-content-wrap .game-tabs-content {
    display: none;
    width: 100%
}

.gameEnter-wrap .game-content-wrap .game-tabs-content .content-bg {
    width: 100%;
    padding: .2rem
}

.gameEnter-wrap .game-content-wrap .game-tabs-content .game-content .category-games {
    padding: .2rem 0 0
}

.gameEnter-wrap .game-content-wrap .game-tabs-content .game-content .category-games .category-game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .15rem .25rem
}

.gameEnter-wrap .game-content-wrap .game-tabs-content.on {
    display: block
}

.gameEnter-wrap .game-content-wrap .common-list-bg {
    padding: .05rem;
    background-image: linear-gradient(180deg, #45f577, #29c355);
    border-radius: .44rem
}

.gameEnter-wrap .game-content-wrap .common-list-bg .common-list-bg-inner {
    padding: .25rem .25rem .4rem;
    background: #292b34;
    border-radius: .4rem
}

.gameEnter-wrap .home-game-container {
    padding-bottom: .7rem
}

.hotmatch-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background: rgba(0, 0, 0, .5)
}

.hotmatch-modal .hotmatch-modal-close {
    position: absolute;
    top: -1.1rem;
    right: 0;
    width: .5rem;
    height: .5rem
}

.hotmatch-modal .hotmatch-modal-close svg {
    display: block;
    width: 100%;
    height: 100%
}

.hotmatch-modal.on {
    z-index: 10500;
    display: block
}

.hotmatch-modal .hotmatch-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10500;
    width: 5.68rem;
    transform: translate(-50%, -50%)
}

.hotmatch-modal .hotmatch-modal-bg {
    position: relative;
    width: 100%;
    height: 7.25rem;
    padding: 1.22rem .27rem .38rem;
    border-radius: .2rem
}

[data-theme=light] .hotmatch-modal .hotmatch-modal-bg {
    background:  !important
}

[data-theme=dark] .hotmatch-modal .hotmatch-modal-bg {
    background:  !important
}

.hotmatch-modal .hotmatch-modal-bg .hotmatch-modal-banner {
    position: absolute;
    top: -1.12rem;
    left: .32rem;
    width: 3.61rem
}

.hotmatch-modal .hotmatch-modal-bg .hotmatch-modal-title {
    position: absolute;
    top: .4rem;
    right: .2rem;
    width: 3.07rem
}

.hotmatch-modal .hotmatch-modal-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    overflow: hidden auto
}

.hotmatch-modal .match-item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 1.52rem;
    border-radius: .2rem
}

[data-theme=light] .hotmatch-modal .match-item {
    background-color:  !important
}

[data-theme=dark] .hotmatch-modal .match-item {
    background-color:  !important
}

.hotmatch-modal .btn-play {
    position: absolute;
    bottom: -.23rem;
    left: 50%;
    min-width: 1.6rem;
    height: .46rem;
    padding: 0 .22rem;
    font-size: .22rem;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #3890f9;
    border: 1px solid #fff;
    border-radius: .23rem;
    transform: translateX(-50%)
}

.hotmatch-modal .match-item:not(:last-child) {
    margin-bottom: .43rem
}

.hotmatch-modal .match-item-content {
    height: 100%
}

.hotmatch-modal .team-name {
    width: 100%;
    margin-top: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap
}

[data-theme=light] .hotmatch-modal .team-name {
    color:  !important
}

[data-theme=dark] .hotmatch-modal .team-name {
    color:  !important
}

.hotmatch-modal .match-text {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: .24rem
}

.hotmatch-modal .match-text .match-time {
    width: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap
}

.hotmatch-modal .match-text .team-league {
    font-size: .28rem;
    font-weight: 700
}

[data-theme=light] .hotmatch-modal .match-text .team-league {
    color:  !important
}

[data-theme=dark] .hotmatch-modal .match-text .team-league {
    color:  !important
}

.hotmatch-modal .match-text .start-time {
    margin: .1rem 0 .2rem
}

[data-theme=light] .hotmatch-modal .match-text .start-time {
    color:  !important
}

[data-theme=dark] .hotmatch-modal .match-text .start-time {
    color:  !important
}

.hotmatch-modal .match-text .match-vs {
    font-size: .3rem;
    font-weight: 700;
    color: #34b3f3
}

.hotmatch-modal .match-text .team-left,
.hotmatch-modal .match-text .team-right {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    align-items: center;
    overflow: hidden
}

.hotmatch-modal .match-text .team-left img,
.hotmatch-modal .match-text .team-right img {
    display: block;
    width: .58rem;
    height: .58rem
}

.am-whitespace.am-whitespace-lg {
    height: .14rem
}

.am-notice-bar {
    color: #333;
    background-color: hsla(0, 0%, 100%, .7);
    border-bottom: 1px solid #fff
}

.notice_bg {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    height: .6rem;
    padding: 0 .3rem;
    background-color: #292b34
}

.am-notice-bar-marquee-wrap {
    font-size: .32rem;
    color: #fff
}

.am-icon-xxs {
    width: .44rem;
    height: .44rem
}

.add_slide .am-notice-bar-icon,
.am-notice-bar-icon {
    display: inline-block;
    width: 10%;
    line-height: .93rem;
    text-align: center
}

.am-notice-bar-content {
    display: inline-block;
    width: 85%
}

.add_slide {
    height: .72rem;
    background-color: #fff !important
}

.add_slide .am-notice-bar-icon i {
    display: block;
    width: .44rem;
    height: .44rem;
    margin: 0 auto;
    margin-top: .15rem;
    background: #efefef
}

.add_slide .am-notice-bar-content {
    width: 78%;
    height: .44rem;
    background: #efefef
}

.marquee {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    overflow: hidden;
    font-size: .24rem;
    color: #fff
}

.marquee .marquee_content {
    position: relative;
    white-space: nowrap;
    will-change: right
}

.marquee .marquee_content .content-item {
    margin-left: .4rem;
    vertical-align: middle
}

.marquee .marquee_content.empty {
    width: 100%;
    text-align: center;
    will-change: auto
}

.marquee .content-item.empty {
    margin-left: 0
}

.notice_root .notice_icon {
    width: .4rem;
    height: .4rem;
    margin-right: .22rem
}

.marquee table,
.marquee tbody,
.marquee td,
.marquee tfoot,
.marquee th,
.marquee thead,
.marquee tr,
.marquee tt {
    border: 0 !important
}

#mc-animate-container .loading-wrap {
    display: flex;
    align-items: center
}

.home-container {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1.2rem
}

.home-container #mc-app-home-root {
    width: 100%;
    height: 100%
}

.home-container .banner_notice {
    flex-shrink: 0;
    width: 100%
}

.home-container .banner_notice .home-banner {
    min-height: 2.4rem
}

.home-container .home-content {
    flex: 1 1 0%;
    height: 100%;
    padding-bottom: 1rem;
    overflow: hidden
}

.home-container.logined {
    padding-top: 2.04rem
}

.download-bar.show-bar+.home-header .header-content {
    top: 1.2rem
}

.download-bar.show-bar+.home-header+.home-container {
    padding-top: 2.2rem
}

.download-bar.show-bar+.home-header+.home-container.logined {
    padding-top: 3.24rem
}

#mc-animate-container .popup_container_v2 {
    background-color: rgba(0, 0, 0, .5)
}

#mc-animate-container .popup_container_v2 .popup_body .active-btn {
    background: linear-gradient(180deg, #45f577, #29c355)
}

#mc-animate-container .popup_container_v2 .popup_body .disable-btn {
    background: #fff
}

#mc-animate-container .popup_container_v2 .popup_content {
    background: #121212;
    border: .04rem solid #57ec7d;
    border-radius: .2rem
}

#mc-animate-container .popup_container_v2 .popup_content .close-btn,
#mc-animate-container .popup_container_v2 .popup_content .disable-btn {
    background-color: #57ec7d
}

#mc-animate-container .popup_container_v2 .popup_content .popup_title,
#mc-animate-container .popup_container_v2 .popup_content .text {
    font-size: .4rem;
    color: #fff
}

#mc-animate-container .popup_container_v2 .popup_content .wysiwyg p {
    line-height: .8
}

#mc-animate-container .popup_container_v2 .popup_pagination_footer .action,
#mc-animate-container .popup_container_v2 .popup_pagination_footer .active-btn {
    background: linear-gradient(180deg, #45f577, #29c355)
}

#mc-animate-container .popup_container_v2 .popup_pagination_footer .action.disable,
#mc-animate-container .popup_container_v2 .popup_pagination_footer .disable-btn {
    background: #bcc0c4
}

.register_checkbox {
    position: relative;
    width: .32rem;
    height: .32rem;
    margin-right: .18rem;
    background-color: #fff;
    border-radius: 50%
}

.register_checkbox.on b {
    display: block
}

.register_checkbox b {
    position: absolute;
    display: none;
    width: .03rem;
    background: rgba(0, 0, 0, .8)
}

.register_checkbox b:first-child {
    top: .15rem;
    left: .08rem;
    height: .12rem;
    transform: rotate(-50deg)
}

.register_checkbox b:last-child {
    top: .06rem;
    left: .18rem;
    height: .2rem;
    transform: rotate(40deg)
}

.useragreement {
    flex: 1 1 0%;
    font-size: .24rem;
    color: #fff;
    white-space: pre-wrap
}

.useragreement span {
    color: #d8278f;
    text-decoration: underline
}

.reg_line {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 100%;
    background: hsla(0, 0%, 100%, .7)
}

.reg_line img {
    width: .6rem;
    height: .6rem
}

.form_register .form-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem
}

.form_register .form-btns .register-btn {
    width: 3.33rem;
    height: .88rem;
    margin: 0 !important;
    font-size: .42rem
}

.form_register .form-btns .btn-reset {
    width: 3.33rem;
    height: .88rem;
    padding: .02rem;
    font-size: .35rem;
    color: #57ec7d;
    border-radius: .26rem
}

.form_register .form-btns .btn-reset span {
    width: 100%;
    height: 100%;
    border: 1px solid #57ec7d;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-us-container {
    width: 100%;
    padding-bottom: .4rem
}

.about-us-container .about-us-banner {
    width: 100%
}

.about-us-container .about-us-banner img {
    display: block;
    width: 100%
}

.about-us-container .about-us {
    padding: .8rem .2rem 0;
    margin-top: .2rem;
    font-size: .28rem;
    color: #fff;
    text-align: center
}

.about-us-container .about-us p {
    margin-bottom: .3rem
}

.about-us-container .about-item {
    padding: 0 .21rem;
    margin-top: .5rem
}

.about-us-container .about-item.sponsor-partners {
    margin-top: .2rem
}

.about-us-container .about-item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.about-us-container .about-item ul li {
    width: 1.25rem;
    margin: 0 .26rem .3rem;
    overflow: hidden
}

.about-us-container .about-item ul li img {
    display: block;
    width: 100%
}

.about-us-container .about-item ul li p {
    height: .54rem;
    font-size: .2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.about-us-container .about-title {
    margin-bottom: .3rem;
    font-size: .28rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.forgot-password {
    padding-top: .5rem
}

.forgot-password .forget_password_title {
    display: flex;
    height: 1rem;
    margin-bottom: .2rem
}

.forgot-password .forget_password_title .title_tab {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #fff
}

.forgot-password .forget_password_title .title_tab.on {
    color: #57ec7d
}

.forgot-password .forget_password_title .title_tab.on:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1rem;
    height: .04rem;
    margin: 0 auto;
    content: "";
    background-color: #57ec7d;
    border-radius: .02rem
}

.jackpot-page-container {
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow: hidden
}

.jackpot-page-container .jackpot-page-cover {
    position: relative;
    width: 100%;
    height: 6rem;
    overflow: hidden;
    background: url(/m/top-bg.4766f2a7.png) no-repeat 50%/cover
}

.jackpot-page-container .jackpot-page-cover .jackpot-rng {
    display: block;
    width: 6.94rem;
    margin: 0 auto
}

.jackpot-page-container .jackpot-bg {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 5.61rem;
    height: 2.06rem;
    padding: .9rem .71rem .64rem .66rem;
    background: url(/m/jackpot-bg.b33c0d73.png) no-repeat 50%/cover;
    transform: translateX(-50%)
}

.jackpot-page-container .jackpot-bg .jackpot-page-title {
    position: absolute;
    top: -.84rem;
    left: .78rem;
    width: 4rem
}

.jackpot-page-container .jackpot-bg .symbol {
    margin-right: .2rem;
    font-size: .5rem;
    line-height: .5rem;
    color: #fff
}

.jackpot-page-container .jackpot-bg .jackpot-num {
    display: flex
}

.jackpot-page-container .jackpot-bg .num-list {
    display: flex;
    height: .5rem;
    overflow: hidden;
    color: #fff
}

.jackpot-page-container .jackpot-bg .num-list .point {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: .1rem;
    font-size: .37rem;
    font-weight: 700
}

.jackpot-page-container .jackpot-bg .scroll-num {
    position: relative;
    width: .35rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center
}

.jackpot-page-container .jackpot-bg .scroll-num .animate-list {
    width: 100%;
    height: 100%;
    font-size: .52rem;
    font-weight: 700;
    color: #fff
}

.jackpot-page-container .jackpot-winner {
    height: calc(100% - 6rem);
    padding-top: .3rem;
    overflow: hidden
}

.jackpot-page-container .jackpot-winner .winner-content {
    height: 100%;
    padding: 0 .75rem;
    overflow: hidden auto
}

.jackpot-page-container .jackpot-winner .winner-item {
    display: flex;
    align-items: center;
    height: 1.2rem;
    padding: .2rem;
    margin-bottom: .2rem;
    background-color: #1d2f62;
    border-radius: .12rem
}

.jackpot-page-container .jackpot-winner .winner-item .winner-icon {
    flex-shrink: 0;
    margin-right: .3rem
}

.jackpot-page-container .jackpot-winner .winner-item .winner-icon img {
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: .2rem
}

.jackpot-page-container .jackpot-winner .winner-item .winner-info {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jackpot-page-container .jackpot-winner .winner-item .winner-info p {
    font-size: .22rem;
    color: #fff
}

.jackpot-page-container .jackpot-winner .winner-item .winner-info .winner-game {
    margin-top: .05rem;
    font-size: .2rem;
    font-weight: 700
}

.jackpot-page-container .jackpot-winner .winner-item .winner-info .winner-game span {
    margin-right: .1rem;
    color: hsla(0, 0%, 100%, .5)
}

.jackpot-page-container .jackpot-winner .winner-item .winner-info .winner-game a {
    color: #ffc200
}

.jackpot-page-container .jackpot-winner .winner-item .winner-amount {
    flex-shrink: 0;
    width: 1.6rem;
    font-size: .28rem;
    font-weight: 700;
    color: #57ec7d;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#this_home_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

[data-theme=light] #this_home_bg {
    background:  !important
}

[data-theme=dark] #this_home_bg {
    background:  !important
}

[data-theme=light] #this_home_bg.common {
    background:  !important
}

[data-theme=dark] #this_home_bg.common {
    background:  !important
}

.message-center {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.message-center header {
    height: 1rem
}

.message-center .message-list {
    width: 100%;
    padding: 0 .4rem
}

.message-center .message-list li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.5rem;
    padding: 0 .29rem;
    margin-top: .38rem;
    background-color: #182c15;
    border-radius: .24rem;
    box-shadow: 0 .03rem .06rem 0 rgba(0, 0, 0, .16)
}

.message-center .message-list li .content-body {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: .2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .32rem;
    color: #fff;
    white-space: nowrap
}

.message-center .message-list li .arrow-right {
    width: .19rem;
    height: .34rem;
    color: #5c5c5c
}

.message-center i.icon {
    flex-shrink: 0;
    width: .7rem;
    height: .7rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.message-center i.icon.announcement {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAARVBMVEX/wgAAAAD/wgD/wgD/wgD/tgD/vAD/wAD/vwD/tQD/sgD/vgD/vAD/vwD/vwD/kgD/wgD/tAD/vgD/uQD/rAD/ogD/jwCc5uoBAAAAEHRSTlMzACocD+NxrOuEo1vVy0ffd8P64AAAAf5JREFUWMOt2NGSgyAMBdBsoICiXah1//9TV+lU2pIQpd6Zvp4hwaEB+GGjtVKYo5TWP1wYRiECFVR6L6MVQi2odzAaQY4SGAnJxdUYAuFL4xgNh4I0owCaHagocgpGUCQHCqWpLhC7KzuZgeaoFwbbGcyMhi+iNgbhmyRGXEznguukskBajAlrzA4GahmCvdowCN0B6ctzwYMPTqgKpAaPYTTLD2oRGW9dWOOsr1YFtX1ampJjr5WqoNIa48JrnKkxyCpvyO0WbpyDmmXQh3dmycQ1aGGAyfCupAxcj1nGEMo0GY7RDDNSysQsB0Exe00qMV6PMYZWomEYpJmOVmJ3jOlpJfZAhmMsrdwbGEI5yKCllYbVEErDagilYTW0MveHPj+0hdLCwPihxITM88gwGqgYSkmO2c14Ozh3cRc6g/W7zhsfinMvZYrPeIJB+tjLwFbeVmFx6miC2YwC2dZDHOnFVsXUytTS+MgHEt0nQ/3d/f6tmdckKue5az3BFFVdkzMnaGUS9BpbdLhgUny3JVkL5MwzvjyO64MJAsJ4T8xjc5A+LFEek7rwaE8vjEnS0Dbc1uZcgA/uGiF7F50Fifl+oD1nvMZTh/0vHXXORej8axnvyEpm2ttz/gW6/Tp/8uNC+1MHqBMeXlA1PgPxSGYIqe1RirEU7n0i+wdYsTeddd3ZzAAAAABJRU5ErkJggg==)
}

.message-center i.icon.inbox {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAWlBMVEX/aQAAAAD/aQD/aQD/aQD/aQDy49b35NT7q47k6Ob7f0f/QQH/aAD5+/r09/b+/v7/XAD/VAHG0c3/YgD/RQHs7+zY4N3/TAH9ij3/eR745NT5xqH7qG332cFDyhQaAAAADHRSTlMzAC4lChixqP37YcvsKcGuAAACTElEQVRYw63Y23bqIBCA4QnDdKsleEpsPL3/a+5ARAwzxJz+1CvbbwHpUgIUubQmQkTlQ0QirYtcIBOECqQUyRRIhoKhkEYwhPA90sOMVjAqRQOMRhifzjEaJoUyQzAx1AKDMDmlGUMACxyIyiynz2iYGfYYmB19MDifUfrNaFgQvhmEJekXo2FR6Bg2GLXb2rYytN+X/eodXx3gt+ln/1GK2PbnH/Qjz1CeKd2VZBmjPIN5plOCZN1lOQOO0UpmbN1v277cWErOkGNAZranfpfTaesHwxnVMiQzvZn1piUzmGf46mZGo6FQMsPukRtHZlJAUABjOuRyYl1sltGceS2H9dXdVbuXzTEIxBlpQv5WT2RKaXVjP5CmWihpt+mQ+sJ6zWqzG8FUeWb7YqoRjGmS2bAaAyzFGNPcosKpW2PGMeb6DH9bh8tn255XM45xbcpS/ve7GzOBMY2NvUdk7cNkGJQZc73x5a0bM54J3csOuj290S2LzCiJCT2s6+FGZq1fljxDjIk1dZjH3XGTmPNH1/s1jKw5f8RXRg8x5qNhpoCkQ8z0OsSETz+VZUzSIJPequOrqEQnvCd8pBNjgsI7Zxjh6+7P1ym8o39XYpTAxHvEHc6QsBWoqioostP+QsJIG5NWOQzWOtLGpEiZ45f+EoakTdtv9bXf5HavuIVcvqFdZ3u96mbfpxY/evho9pTWfizrwoUPiUscPesBmo8lMrMdXONwQdHAUQep8ScCjJkKqYhwJk5tWEJafiiFFAbCGFkKR2Sjzsj+A2aUUQCl+83MAAAAAElFTkSuQmCC)
}

.message-center i.icon.chat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAt1BMVEVO1PkAAABO1PlO1PlO1PlO1PlO1PlU2u1N1/RV3f5O2qRW3/9M1/1e4/9U3f5067x+8bd977ph4c8/0vxd4v9d4v82zP9n5rtz6clq6a1o5sc60ss6zZ9e4/9/8bYbvv+F87tQ3P8mw/870P8sx/9I1/80zP9X4P////9C0/9277Bu664Tuf937bVh46snyuyv6P+W4f/i9v913v9p2/9D1sU2z5dYz/891NuE2v/H7f5e48EZxNW59J84AAAAHXRSTlMzACkaCSIRQE9+/ude+bSw9NdfnNfG35V+7m/h3UXZgnUAAAMTSURBVFjDrdjpWuIwFAbgY5q0gC2b6zgDtbQWK1U2cVzm/q9rThJFkiYpUr4f9vEHL+ckbUkCJ7ZQ3/MYIQR4CGGe59MTW8BMeAyMIZ5vZ3QDnGH+HoxPoD6eg9ERN+RgKIP949sYH34UZmY8+GEINTAMfh6qMrKWBg40UoCojA8HhigMHBxvh2FweOiWodAgbMsQMCRsX5xGo1F03m0HteWApZj2+eg7UTesKQeMIxMioqbrqIhKplpKpCvT6Wnomiww3HndUVVJkqRtY4hgyH5Kcmd1BKN3ZFPuitDaFejPQSuyKMhcBrauQB+aC7tSpGdgDjJEbcmlpKmlHIqQWoxTyS3l+BrTciv5pWWMgao9uZU8axkZBupEdWuUzNwVAXWizmuUyb8/QyPDlP8jCawXizUq0+VizZXnxbLgCjLzl5crg6MxUnm+xzxPk3e8LO+KNV5WUuFMp2eqx8As7sXnhbbKihW//hUKMp3OU6+OiXaYTDJxJplygonnqDzNrsGdUzk08uvzFdfi+E1oZYwKMqg89gM3c7EdYmwiL5bvbzF+er1YTsoy5nnlyuO4527q7HOmiwkqeZrHqGDiEhWRjVDG/cDJtKUyTQqhpClHkIxRKfkfqdzeXjuZ8FNJkkIoaS6UbBLLzD+V257zvgmEIt91KY+4dTPelyjnY8YVzKDycCqJvhTJ5JyRCnfmUsH0tZZ8bca3SlFVyo8vZTzWGKoxVgUn63WraAyDE41x1DLfUdSmvApjq0VVxgP9JUp0pr4WTE9/pXsaY64l3uwqDw9X+g+M9hY1KJjX2VaRzI3+c6dNVYsnDNtn3csvZY4PklILZqiMsL4U0Mjw92bD3wyKIpiWthRwL4mDTkV54JkFOuNezQ6NtcwUxpMMczq/DLWoDJUMBVdag0otKsOUBa0914OK8suwoK3fMQx7gz4+R4Pe1c2wFWDgO+yIi/3mW4+jb4Qw3oGMvklkDTeJTRx63A308bfzGEqaHC4cUhA7xsELo3scAzG3Qbz9D6WIhWDmA676IzIB4oW5jsj+A+4Es3eLFRNJAAAAAElFTkSuQmCC)
}

.message-center i.icon.affiliate {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAwFBMVEV6rN8AAAB6rN96rN96rN96rN96rN/81ai+v8KapMbz2bl7rN/q2MHStaD9u4bjbH96rN9Ij9Txr3v5uon1uIjvannvuZB6rN/ptpFhntrg1cXeYHbWbYRbl9P6NUP8k4T1rnX63Lf51rD0bnnpbX5bmtjbxbH7Y275N0Zhntr3RFP/u4X/5MH9Ym16rN/3q27+0aI6h9H/3bX+1Kf6Kzr8tHv/2K7/x5e3s7b+ppn/wIz9WWVpotylscL+t6SJn7ez6ZdOAAAAK3RSTlMzAC4LJBwW9lZEvY2dcPCNfe3d18exrKSahYWFdv79/Ojk2caflXvy8XPllu/EpAAAAwVJREFUWMO12Nl22jAQgOFBks0SIIGkaUL2Pa2dxLWC3ZIu7/9WHQnbI1sSNUv/C+CG74yEOUc2dHxxHgZCsDIRhJx3fIGbCAUDVyzgbRkeEOFK8BYMJ8NfYDFrIgT5GS6gfdzHcFgr4WYCWDPGHYyA9ePEmLNsPA+QspFTZzhsmKgxDDYtNBgBm8crhsMWCc24hzmdTE7Bbv/pad85DjiHefiGPdjKC2Y5omCEreia85y96O7tcTRjrejiYul8AbNzJJxOqJkQ6h28vr7+JIeUqk/WNYgMs5TKmQB1/+J1HMweGqUz6YPRndcJkeGWUjoX0xFU9Qfxlc9hyAR1hfrz9vZ2raHebDi8ieP4h+HcNRgB1GdD+RUho6BZXNRwjBVz6DCfgs3RkaTUna99k/ErupSMhnP5XDkB8JVKTkDT+Xh/f4YiYTCG8r1Qktjud6lgxATVdrdQyNHKZfVdEHT5NpVFvCxNs6zhoIKd1xhySKGNyRJMJqnpfFwq5QwoZl58pUJMqpBc/fCGI69IIabm7EWUzCQiC/xEznI+dPbBYsg5gLHhJFLm6p2cYsDh+Rm4GOoosiKnUG6B8jAn0SpHK93+v5letMLJMqX0wEqAY1V5svA40lJ8TG+sLrbc43QHDoRBAFYDfW1Eeb5wOSMnE0KzmVJSKfElrxvamTqXxJ3DpEmmLZPBSdTLtZPpQLPbVCtYQgw5Jw4mcDA99WsoBd/zakXz5daMj8BRCB1hO4PlJquR0kU5iXam4IyD89Q31EqqN8lcUTT2nADBeUaaZameBTFZ25nDtRgY4N+v3B5yDg97nhsI8B0f+8Nye6Ta23lEo1jRwcTuEf+GenuyvNjhY4/C6JjkaNjt3uhNztWKpseP4CmkQ5u7VCkSFf8odGjj4OtGykSORmNk6OL1HSH94/S6SRfX0j8+8ivAd3i83v6wv9tbj62WxXZ+W7b59jC+61vW7W+gt7+d3/7hQvj/HnVQYRtI8BaPgcRqSYStH0oFnl1iwv2Aq/0jMhFwJDz9BW4x2MdsHwIPAAAAAElFTkSuQmCC)
}

.message-center i.icon.telegram {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAgVBMVEVBlNAAAABDk9ByjuRDkdFEl9JElNBHkdBGls9Dj9FClNBFlM5Ek9BEk9BEk9BEk89Ih85Ek9BElNBEk9BEk9BEk9FElNBDktBEk9BEk9BEk9FEk9BEk9BEk9BEk9FDk9BEk9BEk9BEk9FEk9FEk9BEk9BFlNFEk9BDk9BDk89Ek9DWARDgAAAAKnRSTlMrACgCGAgjIBAMGxOQMfIeBfpdTuSldUE469+d2tLLwbptrWRWgDy2i0WvoGZ1AAACrUlEQVRYw62Y6XaqMBSFtwlTQATBCadWWzvk/R/wnhVuCQKBNPTzh5C1/MjZWcQDWJjwIy8LGAPBgjD2EpHzhYlhDY8yhj4s9AS31XCRYYQw4hYanjBMwGJ/ShMx2BDnY5o8hCUsMWsEgz1hPqzhHn4F84c0PMMvYUJr3C2E6GnI4uzRGg9OsPxJI+BI2NZwBleSliaGMyxvND5m4DWaDHPIlUZNZu508NtkDreymw5XGg57ivtartAhUpoEluyXG0ms0SFTmhA2pLsXWXNBF06aHBa8b1fyhy26CNJEFsUcZYtdf61IE9sW81mu1XeJLgFpgtGVaYqpboerOlihDwe3K+Z+OFyk4oo+Pn3Gi1Fs3vBxljUn9IkQGVdGc0qxbyZ2Q58E3uTKnAvge9OcfqNPjHisGGK9TIGyas4rDJAhHCmGuJQ0WrQGXzBAQJ8WF/nM+iul0dtaapbDGoYWnalcSxAPsmjeMAB71rwvr/o3q4ca+3pWf4xr9LZ0r+oQ9up8+2zZwJ7idJSv9bq9ymfUsD2Vuuz/22gkYV3WIFtZAvuz7PJmkASGuui6+0r2+DBoTFvo5oqbJKwSDmDatU7y8JCEVcIhPNPuK3cnKS0TjhHBwPH1s76r1pMJw4MPA6fVRe3AaVFNJYwIxtamrDdPOvo+TySMHOZ/u3OzY6b38YTZAuau76uV6G41lnBGGh8mdkWrxPNIwglpFgw2pHSrH1NTowT7XrZ4HIzdKGY2W7q/obWaBeO1RmAWyU8nGs6bzJ/0xYnu0j04E7SfGQLnkvxGQ/jMebG1hojcg9EaInHr87VGe1wsWuNaVzT8OO8HDmukNU4P9B5fdDQOEwr9iRcvIrCQCIvXQH7MRjPxfMuXUlzEhjkF2jGm0eQiiUPGUMNYkHmR4AsD/wAFyGY24OW6FAAAAABJRU5ErkJggg==)
}

.message-center .unread-wrap {
    position: absolute;
    right: .17rem
}

.message-center .unread-wrap i {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: .4rem;
    height: .4rem;
    padding: 0 .09rem;
    font-size: .26rem;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    background: #fe615f;
    border-radius: .3rem;
    box-shadow: 0 .03rem .08rem 0 rgba(255, 50, 93, .5)
}

.shell-spinner-loading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100)
}

.shell-spinner-loading-wrap .spinner-loading {
    width: .65rem;
    height: .65rem;
    animation: rotator 1.4s linear infinite
}

.shell-spinner-loading-wrap .spinner-loading .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124
    }
}

@keyframes color {
    0%,
    to {
        stroke: #d62d20
    }
    40% {
        stroke: #0057e7
    }
    66% {
        stroke: #008744
    }
    80%,
    90% {
        stroke: #ffa700
    }
}

.filter_box {
    position: fixed;
    inset: 100% 0 0;
    z-index: 19999 !important;
    width: 100%;
    height: 100%;
    padding: 1rem .4rem .4rem;
    overflow: auto;
    overscroll-behavior: none;
    font-size: .28rem;
    color: #fff;
    background: rgba(0, 0, 0, .5)
}

.filter_box .search-game {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: .8rem;
    margin: .3rem 0
}

.filter_box .search-game .search-icon {
    position: absolute;
    top: .26rem;
    left: .25rem;
    width: .3rem;
    height: .3rem;
    color: #595959
}

.filter_box .search-game .search-input {
    height: 100%;
    padding-left: .7rem;
    color: #fff;
    background-color: #bcc0c4;
    border: none;
    border-radius: .24rem
}

.filter_box .search-game .search-input::placeholder {
    color: #595959
}

.filter_box .filter_title {
    margin-bottom: .18rem;
    font-size: .48rem;
    text-align: center
}

.filter_box .close_fiflter {
    position: absolute;
    top: .6rem;
    right: .4rem;
    width: .5rem;
    height: .5rem;
    color: #000
}

.filter_box .gameClassify-box,
.filter_box .minbet-box {
    margin-top: .4rem;
    text-align: left
}

.filter_box .gameClassify_title,
.filter_box .minbet_title {
    margin-bottom: .07rem;
    font-size: .34rem
}

.filter_box .filter_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.filter_box .filter_item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: .86rem;
    padding: .15rem .18rem;
    margin-top: .2rem;
    font-size: .28rem;
    text-align: center;
    background-color: #5c5c5c;
    border-radius: .24rem
}

.filter_box .filter_item span img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.filter_box .filter_item span.classactive {
    background-color: #57ec7d;
    border: .02rem solid #fff
}

.filter_box .filter_item span:not(:nth-child(3n+3)) {
    margin-right: 5%
}

.filter_box .filter_submit {
    display: inline-block;
    width: 100%;
    height: .8rem;
    margin-top: .3rem;
    font-size: .28rem;
    line-height: .8rem;
    color: #fff;
    text-align: center;
    background-color: #57ec7d;
    border: none;
    border: .02rem solid #fff;
    border-radius: .4rem;
    box-shadow: 0 .05rem .2rem 0 rgba(0, 0, 0, .49)
}

.filter_box .gameType-filter {
    margin-top: .3rem
}

.filter_box.open {
    top: 0;
    transition: all .25s ease-in-out
}

.slotsCenter-wrap {
    padding-top: 1rem
}

.slotsCenter-wrap .slots-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1rem;
    padding: 0 .2rem;
    font-size: .4rem;
    color: #fff;
    background: linear-gradient(180deg, #45f577, #29c355)
}

.slotsCenter-wrap .slots-header .left_icon .am-icon-left {
    display: block;
    width: .68rem;
    height: .68rem
}

.slotsCenter-wrap .slots-header .search-icon {
    display: block;
    width: .47rem;
    height: .47rem
}

.slotsCenter-wrap .slots-header .filter-list {
    display: flex;
    flex: 1 1 0%
}

.slotsCenter-wrap .slots-header .filter-list .filter-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .6rem;
    padding: 0 .1rem 0 .2rem;
    margin-right: .1rem;
    font-size: .22rem;
    border: .02rem solid #57ec7d;
    border-radius: .3rem
}

.slotsCenter-wrap .slots-header .filter-list .filter-clean {
    position: relative;
    width: .4rem;
    height: .4rem;
    margin-left: .15rem
}

.slotsCenter-wrap .slots-header .filter-list .filter-clean:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .23rem;
    height: .03rem;
    content: "";
    background-color: #57ec7d;
    transform: translate(-50%, -50%) rotate(45deg)
}

.slotsCenter-wrap .slots-header .filter-list .filter-clean:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .23rem;
    height: .03rem;
    content: "";
    background-color: #57ec7d;
    transform: translate(-50%, -50%) rotate(135deg)
}

.slotsCenter-wrap .select-bar {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 1rem;
    padding: 0 .2rem;
    color: #fff
}

.slotsCenter-wrap .select-bar .select-btn {
    position: relative;
    height: .54rem;
    font-size: .3rem;
    font-weight: 700;
    white-space: nowrap
}

[data-theme=light] .slotsCenter-wrap .select-bar .select-btn {
    color:  !important
}

[data-theme=dark] .slotsCenter-wrap .select-bar .select-btn {
    color:  !important
}

.slotsCenter-wrap .select-bar .select-btn.on {
    color: #57ec7d !important
}

.slotsCenter-wrap .select-bar .select-btn.on:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .5rem;
    height: .03rem;
    content: "";
    background-color: #57ec7d;
    transform: translateX(-50%)
}

.slotsCenter-wrap .select-bar .filter-icon {
    width: .4rem;
    height: .4rem
}

.slotsCenter-wrap .slots-games {
    position: relative;
    min-height: 6rem;
    margin-top: .2rem
}

.slotsCenter-wrap .slots-games .game-list-wrapper {
    padding: 0 .4rem .4rem
}

.slotsCenter-wrap .slots-games .game-list-wrapper .game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem .7rem
}

.vnlist-center.vnlott-container {
    height: calc(100% - 3.2rem);
    overflow: hidden auto
}

.vnlist-center.vnlott-container .vnlott-list {
    padding: 0 .15rem
}

.vnlott-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.vnlott-container .vnlott-tabs {
    position: relative;
    display: flex;
    align-items: center;
    height: .8rem
}

.vnlott-container .vnlott-tabs:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .02rem;
    content: "";
    background-color: #1d1d34;
    box-shadow: 0 1px .02rem #343435
}

.vnlott-container .vnlott-tabs .tab-item {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 .3rem;
    font-size: .26rem;
    color: #fff
}

.vnlott-container .vnlott-tabs .tab-item.on {
    background-color: hsla(0, 0%, 100%, .3)
}

.vnlott-container .vnlott-menu {
    display: flex;
    align-items: center;
    min-height: .4rem
}

.vnlott-container .vnlott-menu .lott-history {
    display: flex;
    align-items: center;
    height: .8rem;
    margin: 0 .1rem
}

.vnlott-container .vnlott-menu .lott-history .am-icon-clock {
    width: .4rem;
    height: .4rem
}

.vnlott-container .vnlott-menu .lott-item {
    flex: 1 1 0%;
    height: .8rem;
    font-size: .26rem;
    line-height: .8rem;
    color: #fff;
    text-align: center
}

.vnlott-container .vnlott-menu .lott-item.on {
    color: #30b5fe
}

.vnlott-container .vnlott-content {
    flex: 1 1 0%;
    overflow-y: auto;
    text-align: center
}

.vnlott-container .vnlott-list {
    display: flex;
    flex-wrap: wrap;
    color: #fff
}

.vnlott-container .vnlott-list .list-item {
    width: 33.333%;
    padding: 0 .1rem .12rem
}

.vnlott-container .vnlott-list .list-item:after {
    flex: auto;
    content: ""
}

.vnlott-container .vnlott-list .list-item .lott-img {
    position: relative;
    width: 85%;
    margin: 0 auto
}

.vnlott-container .vnlott-list .list-item .lott-img .lottime_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 50%
}

.vnlott-container .vnlott-list .list-item .fav-icon {
    position: absolute;
    top: .1rem;
    right: .1rem;
    z-index: 11;
    width: .4rem;
    height: .4rem;
    color: #ede93d
}

.vnlott-container .vnlott-list .list-item .fav-icon .am-icon {
    display: block;
    width: 100%;
    height: 100%
}

.vnlott-container .vnlott-list .vnlott-icon {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 50%
}

.vnlott-container .vnlott-list .vnlott-icon:after {
    display: block;
    padding-bottom: 100%;
    content: ""
}

.vnlott-container .vnlott-list .vnlott-name {
    width: 100%;
    height: .45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .24rem;
    line-height: .45rem;
    color: #fff;
    text-align: center;
    white-space: nowrap
}

.vnlott-container .vnlott-list .lottery-time {
    position: absolute;
    bottom: 15%;
    left: 50%;
    width: 100%;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    transform: translateX(-50%)
}

@media only screen and (device-width <=369px) {
    .vnlott-container .vnlott-list .list-item .lott-img {
        width: 1.55rem
    }
    .vnlott-container .vnlott-list .list-item .vnlott-icon {
        width: 1.55rem;
        height: 1.55rem
    }
    .vnlott-container .vnlott-list .list-item .vnlott-name {
        height: .45rem;
        line-height: .45rem
    }
}

.hairline-remove-right-bottom {
    border-bottom: 0
}

.hairline-remove-right-bottom:after {
    display: none
}

.hairline-remove-right-bottom-bak:after {
    display: none
}

.hairline-remove-left-top:before {
    display: none
}

.am-accordion {
    position: relative;
    border-top: 1px solid #ddd
}

.am-accordion-anim-active {
    transition: all .2s ease-out
}

.am-accordion .am-accordion-item .am-accordion-header {
    position: relative;
    color: #000;
    font-size: .34rem;
    height: .88rem;
    line-height: .88rem;
    background-color: #fff;
    box-sizing: content-box;
    padding-left: .3rem;
    padding-right: .6rem;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-accordion .am-accordion-item .am-accordion-header:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-accordion .am-accordion-item .am-accordion-header i {
    position: absolute;
    display: block;
    top: .3rem;
    right: .3rem;
    width: .3rem;
    height: .3rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='26' viewBox='0 0 16 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2l11.5 11L0 24l2 2 14-13z' fill='%23C7C7CC' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.am-accordion .am-accordion-item .am-accordion-content {
    overflow: hidden;
    background: #fff
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
    font-size: .3rem;
    color: #333;
    position: relative
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive {
    display: none
}

.activity_container {
    padding-bottom: 1.5rem;
    overflow-y: auto
}

.activity_container .activity_title {
    z-index: 5;
    width: 100%;
    padding-left: .4rem;
    overflow: hidden
}

.activity_container .my-activity {
    padding: .35rem .4rem
}

.activity_container .activity_header {
    height: .88rem;
    font-size: .32rem;
    line-height: .88rem;
    color: #414655;
    text-align: center;
    background-color: #fff
}

.activity_container .promo_menu .swiper-wrapper {
    width: 100%;
    overflow-x: auto
}

.activity_container .promo_menu .promo_menu_item {
    position: relative;
    flex-shrink: 0;
    width: auto;
    height: 1rem;
    margin-right: .55rem;
    font-size: .32rem;
    font-weight: 700;
    line-height: 1rem;
    color: #a5a5a5;
    text-align: center
}

.activity_container .promo_menu .promo_menu_item .promo_border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .5rem;
    height: .04rem;
    background-color: transparent;
    transform: translateX(-50%)
}

.activity_container .promo_menu .promo_menu_item.on {
    color: #fff
}

.activity_container .promo_menu .promo_menu_item.on .promo_border {
    background-color: #57ec7d
}

.activity_container .activity_box {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto
}

.activity_container .activity_content {
    width: 100%
}

.activity_container .activity_content .promo_list {
    border-radius: .12rem
}

.activity_container .activity_content .promo_list img {
    max-width: 100%
}

.activity_container .activity_content .am-accordion-item {
    margin-bottom: .3rem;
    overflow: hidden;
    background-color: #121212;
    border: .02rem solid #57ec7d;
    border-radius: .1rem
}

.activity_container .activity_content .am-accordion-item .am-accordion-content {
    background: none
}

.activity_container .activity_content .am-accordion-item .am-accordion-content .am-list-body {
    background: none !important;
    border: none;
    border-radius: 0 0 .12rem .12rem
}

.activity_container .activity_content .am-accordion-item .am-accordion-content .am-list-body:after {
    display: none
}

.activity_container .activity_content .am-accordion-item .am-accordion-content .am-accordion-content-box:after {
    display: none
}

.activity_container .activity_content .am-accordion {
    border: none
}

.activity_container .activity_content .am-accordion-header {
    height: auto !important;
    padding: 0 !important;
    background-color: transparent !important
}

.activity_container .activity_content .am-accordion-header:after {
    display: none
}

.activity_container .activity_content .am-accordion-header i.arrow {
    display: none !important
}

.activity_container .activity_content .promo_item {
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.activity_container .activity_content .promo_item .activity_type {
    position: absolute;
    top: .04rem;
    left: -.08rem;
    z-index: 99;
    height: .98rem
}

.activity_container .activity_content .promo_item .activity_img {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: .1rem .1rem 0 0
}

.activity_container .activity_content .promo_item .activity_img img {
    display: block;
    width: 100%;
    min-height: 2rem
}

.activity_container .activity_content .promo_item .activity_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1rem;
    padding: 0 .2rem;
    line-height: 1
}

.activity_container .activity_content .promo_item .activity_info .title {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: hidden
}

.activity_container .activity_content .promo_item .activity_info .title p {
    font-size: .3rem;
    font-weight: 600;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.activity_container .activity_content .promo_item .activity_info .title .activity_time {
    margin-top: .1rem;
    font-size: .22rem;
    color: #fff
}

.activity_container .activity_content .promo_item .activity_info .promo-down {
    width: .19rem;
    height: .13rem;
    transform: rotate(0deg);
    transition: all .2s
}

.activity_container .activity_content .promo_item .activity_info .promo-down svg {
    display: block;
    width: 100%;
    height: 100%
}

.activity_container .activity_content .promo_item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .66rem;
    padding: 0 .15rem;
    line-height: 1.1
}

.activity_container .activity_content .promo_item .title p {
    flex: 1 1 0%;
    width: 100%;
    font-size: .25rem;
    color: #fff;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    white-space: break-spaces
}

.activity_container .activity_content .promo_item .title .promo-down {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: .19rem;
    height: .13rem;
    margin-left: .1rem;
    color: #fff;
    border-radius: 50%;
    transition: all .3s
}

.activity_container .activity_content .promo_item .title .promo-down svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: url(#promo-arrow)
}

.activity_container .activity_content .am-accordion-item-active .promo-down {
    transform: rotate(-180deg)
}

.activity_container .activity_content .wysiwyg {
    padding: .25rem;
    font-size: .24rem;
    color: #fff
}

.activity_container .activity_content .wysiwyg img {
    max-width: 100%
}

.container_activity table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt {
    border: 1px solid #fff
}

.shell-appDownload {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background: #ededed
}

.shell-appDownload:after {
    display: block;
    height: 1.4rem;
    content: ""
}

.shell-appDownload .appDownload-header {
    height: 3.26rem;
    padding: 0 .3rem;
    background: url(/m/appDownload-header.6fd800e7.png) no-repeat;
    background-size: 100% 100%
}

.shell-appDownload .appDownload-header .app-name {
    font-size: .4rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #fff;
    text-indent: 1em
}

.shell-appDownload .appDownload-header .appDownload-header-content {
    position: relative;
    bottom: -.68rem;
    height: 2.1rem;
    padding-top: .33rem;
    padding-left: 2.25rem;
    background: #fff;
    border-radius: .28rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-icon {
    position: absolute;
    top: -.34rem;
    left: .3rem;
    z-index: 1px;
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    background-color: #76bfff;
    border-radius: .28rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-icon img {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .official-logo {
    display: inline-block;
    min-width: .68rem;
    height: .38rem;
    padding: 0 1em;
    margin-left: .13rem;
    font-size: .2rem;
    line-height: .38rem;
    vertical-align: middle;
    color: #34bff9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAjVBMVEUAAAA2wvNj5n5k5n43wvM4w+5l53o3wvI1wPZl5nti5YE4w+9l53o0wPk4w/Bf4opm53c8xeVg44c7xOk2wfVl5nth5IM5w+xh5IM0v/pm53g0wPk+x+BBytlJ0MRP1bNV2qJa3pdd4I9j5YE2wfQ7xedDy9NFzM9GzspL0r5N07lS161T2KhY3Jxf44lMtBDnAAAAGnRSTlMALCsHmP6SBtjYNDOZkQv5+PbX1ry8mZCP9CgNQd0AAADzSURBVEjHrdBXFoMgEIXhURBbTK+mB0zX/S8vM4nZAJf/gcPLfAeGpNjk49qjcW5i+qVMDTRQX2PBt0KRR6oY1PVCRo3NY/Iuzq3h01rA6OfXdklQS7umaVdgSNFNadQpDFHdiC4XwmIhDHI+gwYLYZC2BQ0RTifQYCEM8n6DhgivF2iIcDyCBgthkOcTNER4PEBDhMMBNFgIg9zvoCHC7QYaIlyvoCHCfg8aLIRBdjvQYCEMMmlSzBg2E5o1JYaUzYxWicYQnawoSpIIIPp57bIIMDInP0nnzuky9dppqZ2bpyRKtQXSw/+bqswL2GRVRNwHGNsqP2r0w8cAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-full-name {
    display: inline-block;
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .32rem;
    font-weight: 700;
    line-height: .38rem;
    vertical-align: middle;
    color: #2a2b2d;
    white-space: nowrap
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade {
    height: .25rem;
    margin-top: .12rem;
    font-size: .24rem;
    font-weight: 700;
    color: #757575
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .star-icon {
    display: inline-block;
    width: .24rem;
    height: .25rem;
    margin-right: .08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAV1BMVEUAAAD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD6xBfPAAAAHHRSTlMA8ArXPpX46M9xaN2zqDgwIsbAd1USnomFX0ka9HEmugAAAJ5JREFUKM9tkFcOxCAMRO0QUilp233/cy4BhLDw+5wn7MFQMa0PkJiJrCiQiKQnFwVeglC3wK7JHUWWRhxJKBZ2/mMpYxaXxm36UEgMXPeng5FkQMk5woai6MOSQcwDvs0viPRVxH/55dNmKEx1PvIDZvghu6GpVLbLO2YudBE6BWvuYIswFBhOgCWedGKl9C/WeN+m1DpxL028GeOOP33PIOKc92DnAAAAAElFTkSuQmCC) no-repeat;
    background-size: .24rem .25rem
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-star-grade .grade-text {
    display: inline-block;
    vertical-align: top
}

.shell-appDownload .appDownload-header .appDownload-header-content .app-download-btn {
    position: absolute;
    top: .39rem;
    right: .3rem;
    height: .64rem;
    padding: 0 .38rem;
    font-size: .26rem;
    line-height: .64rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #3887fe;
    border-radius: .32rem
}

.shell-appDownload .appDownload-tabs {
    padding: 0 .3rem;
    margin-top: .98rem;
    line-height: .48rem
}

.shell-appDownload .appDownload-tabs p {
    text-align: justify
}

.shell-appDownload .appDownload-tabs .view-item {
    position: relative;
    float: left;
    min-width: 50%;
    font-weight: 700;
    line-height: .88rem;
    color: #5e5e5e;
    text-align: center
}

.shell-appDownload .appDownload-tabs .am-tabs-ink-bar {
    background-color: unset
}

.shell-appDownload .appDownload-tabs .am-tabs-bar,
.shell-appDownload .appDownload-tabs .am-tabs-tab {
    background-color: transparent;
    border: none
}

.shell-appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: .36rem;
    height: .06rem;
    margin-left: -.18rem;
    content: "";
    background: #2297ff;
    border-radius: .03rem
}

.shell-appDownload .appDownload-tabs .tips-red {
    color: #ff3636
}

.shell-appDownload .appDownload-tabs .view-content {
    padding: 0 .37rem;
    margin-top: .5em;
    color: #5e5e5e
}

.shell-appDownload .appDownload-tabs .view-content img {
    width: 100%
}

.shell-appDownload .donw-load-btn {
    position: fixed;
    bottom: .4rem;
    left: .3rem;
    width: calc(100% - .6rem);
    height: .64rem;
    font-size: .26rem;
    line-height: .64rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #3887fe;
    border-radius: .32rem
}

.shell-appDownload .app-guide {
    width: 80%;
    margin: 1.2rem auto 0
}

.shell-appDownload .app-guide .step {
    width: 100%;
    margin-bottom: .4rem
}

.shell-appDownload .app-guide .step:last-of-type {
    margin-bottom: 0
}

.error-ip,
.error-service {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: .3rem
}

.error-ip {
    background: url(/m/ip.ff5435ec.jpg) no-repeat 50% fixed;
    background-size: cover
}

.error-service {
    background: url(/m/service.410e3a51.jpg) no-repeat 50% fixed;
    background-size: cover
}

.errr-logo {
    width: 2rem
}

.error-contact-us {
    position: absolute;
    bottom: .76rem;
    left: 50%;
    width: 60%;
    overflow: hidden;
    font-size: .3rem !important;
    color: #fff !important;
    text-align: center;
    background: linear-gradient(90deg, #fe6e74, #f3077f);
    border: none !important;
    border-radius: .5rem !important;
    transform: translateX(-50%)
}

.error-icon {
    width: .3rem;
    margin-right: .1rem
}

.error-content,
.error-text {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 80%;
    transform: translateX(-50%)
}

.error-content {
    color: #fff;
    text-align: center
}

.error-content .title {
    margin-bottom: .1rem;
    font-size: .5rem;
    font-weight: 700
}

.error-content .ip-address {
    margin-bottom: .2rem;
    font-size: .3rem
}

.error-content .error-info {
    margin-top: .3rem
}

.error-content p {
    font-size: .3rem;
    line-height: .4rem;
    white-space: pre-wrap
}

.game-title {
    width: 100%;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.game-title .title-content {
    position: relative;
    width: 2.94rem;
    height: .6rem
}

.game-title .title-content .title-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    font-size: .3rem;
    font-weight: 700;
    line-height: .6rem;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(180deg, #45f577, #29c355);
    border: 1px solid #fff;
    border-radius: .3rem
}

.game-title .title-content .filter-line {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: .3rem
}

.game-title .title-content .filter-line:before {
    position: absolute;
    right: 100%;
    content: "";
    background-image: linear-gradient(90deg, rgba(86, 206, 255, 0), #2f6a96)
}

.game-title .title-content .filter-line:after {
    position: absolute;
    left: 100%;
    content: "";
    background-image: linear-gradient(270deg, rgba(86, 206, 255, 0), #2f6a96)
}

.game-title .title-content .filter-line:first-child::after,
.game-title .title-content .filter-line:first-child::before {
    top: .2rem;
    width: .69rem;
    height: .02rem
}

.game-title .title-content .filter-line:nth-child(2):after,
.game-title .title-content .filter-line:nth-child(2):before {
    top: .3rem;
    width: 1.2rem;
    height: .02rem
}

.game-title .title-content .filter-line:nth-child(3):after,
.game-title .title-content .filter-line:nth-child(3):before {
    top: .4rem;
    width: .45rem;
    height: .02rem
}

.home-footer {
    padding: 0 .1rem 0 .12rem;
    margin-top: .3rem
}

.home-footer svg {
    flex-shrink: 0
}

.home-footer .h-line {
    width: 100%;
    margin-bottom: .1rem;
    border-style: dashed;
    border-bottom: 1px
}

[data-theme=light] .home-footer .h-line {
    border-color:  !important
}

[data-theme=dark] .home-footer .h-line {
    border-color:  !important
}

.home-footer .title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem;
    font-size: .2rem;
    font-weight: 600
}

[data-theme=light] .home-footer .title {
    color:  !important
}

[data-theme=dark] .home-footer .title {
    color:  !important
}

.home-footer .title .icon-license {
    width: .24rem;
    height: .23rem;
    margin-left: .1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAMAAAAm/38fAAAAWlBMVEVHcExBj89Fks9Fkc9Fks9Fks9Fkc9Fks8+jc9Fks85h8dFkc9Eks5Fks9EkNBFktBDj85Gks/+//+Et9/r8/mdxeX3+v1MldDV5vRwq9pXm9Njo9auz+m/2e6WmYkoAAAAEXRSTlMAL7ba4/aI/hPSCcZy7V2rVJbTyp8AAADPSURBVCjPdVJXFoMgEAQEAbFksaDG3P+aWYqFaOaHxwzbZiEkohW6prTWoiUZFAeQQkgArjLeIBUh2aEoWnK4oChpFQQmJGSQggWhyGnng4KgM34b3o/CaG0PoEPt5sL3k/URvmel5Y3HEEVKzy/z6K/LYKc+NlYScWZeh3AEiBSBKZZ1tnZ0sEfEGph8Qn7bRzQq+oeKRXzS++RkmMNhmXnduzOXAd3n5OOAh1cOfoTu7m4XhOrfPrxf7GmDx86bBuVC5b+h5cb/EsNfifgClMYZnlGYG1EAAAAASUVORK5CYII=) no-repeat 50%/cover
}

.home-footer .game-curacao {
    display: flex;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto
}

.home-footer .game-curacao .curacao-iframe {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.home-footer .brand-desc {
    font-size: .18rem;
    font-weight: 300;
    line-height: 1.33;
    text-align: center
}

[data-theme=light] .home-footer .brand-desc {
    color:  !important
}

[data-theme=dark] .home-footer .brand-desc {
    color:  !important
}

.home-footer .game-banks {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: .18rem .1rem .15rem;
    margin: .2rem 0;
    overflow: auto;
    background-color: rgba(56, 144, 249, .09)
}

.home-footer .game-banks svg {
    display: block;
    width: 1rem;
    height: .5rem
}

.home-footer .sub-title {
    display: block;
    margin: .2rem 0 .1rem;
    font-size: .2rem;
    font-weight: 600;
    text-align: left
}

[data-theme=light] .home-footer .sub-title {
    color:  !important
}

[data-theme=dark] .home-footer .sub-title {
    color:  !important
}

.home-footer .certification,
.home-footer .follow-us,
.home-footer .security {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: .6rem;
    overflow: auto
}

.home-footer .security svg {
    width: 1.5rem;
    height: .6rem
}

.home-footer .security svg:not(:last-child) {
    margin-right: .39rem
}

.home-footer .certification svg {
    width: 1rem;
    height: .5rem
}

.home-footer .certification svg:not(:last-child) {
    margin-right: .2rem
}

.home-footer .follow-us svg {
    width: .6rem;
    height: .6rem
}

.game-list-item .game-more-bg {
    position: relative;
    width: 100%
}

.game-list-item .game-more-bg i {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    border-radius: .2rem
}

.game-list-item .game-more-bg .game-more-text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.game-list-item .game-more-bg .game-more-text svg {
    width: .67rem;
    height: .15rem;
    margin-bottom: .2rem
}

.game-list-item .game-more-bg .game-more-text span {
    font-size: .2rem
}

.gameList-wrap .game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .14rem
}

.game-title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: .26rem 0 .3rem
}

.game-title-wrap .game-title-text {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .3rem;
    font-style: italic;
    font-weight: 700;
    color: #ff8900;
    text-align: left
}

.game-title-wrap .game-title-text .am-icon {
    width: .43rem;
    height: .43rem;
    margin-right: .2rem
}

.hotmatch-container {
    width: 100%;
    margin-bottom: .2rem
}

.hotmatch-container .hotmatch-swiper {
    position: relative;
    height: .5rem;
    padding: 0 .05rem;
    overflow: hidden;
    background-color: #57ec7d;
    border-radius: .25rem;
    box-shadow: inset 0 -.03rem .07rem 0 hsla(0, 0%, 100%, .69)
}

.hotmatch-container .hotmatch-swiper .swiper-container,
.hotmatch-container .hotmatch-swiper .swiper-slide,
.hotmatch-container .hotmatch-swiper .swiper-wrapper {
    height: 100% !important
}

.hotmatch-container .hotmatch-swiper .hotmatch-content {
    display: flex;
    align-items: center;
    height: 100%;
    font-size: .24rem;
    font-weight: 600;
    color: #fff
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .start-data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 100%;
    margin-right: .05rem;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .match-info {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    line-height: 1
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .team-name {
    max-width: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .team-vs {
    margin: 0 .05rem
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .teaminfo {
    display: flex;
    align-items: center;
    height: 100%;
    white-space: nowrap
}

.hotmatch-container .hotmatch-swiper .hotmatch-content .team-icon {
    display: flex;
    height: .4rem;
    margin: 0 .05rem
}

.lottery {
    width: 100%
}

.lottery img {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem .33rem;
    width: 100%
}

.lottery .lott-list.game-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem
}

.lottery .lott-list.game-list .lott-game-item {
    width: 100%;
    height: auto
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg {
    width: 100%;
    background: none !important
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg .lott-game-icon {
    position: relative;
    width: 100%;
    padding-bottom: 100%
}

.lottery .lott-list.game-list .lott-game-item .lott-game-bg .lott-game-icon img.icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.lottery .lott-list .lott-game-item {
    width: 100%;
    height: 1.6rem;
    overflow: hidden
}

.lottery .lott-list .lott-game-bg {
    position: relative;
    height: 100%;
    padding: .2rem .148rem .05rem .18rem;
    border-radius: .12rem
}

[data-theme=light] .lottery .lott-list .lott-game-bg {
    background-color:  !important
}

[data-theme=dark] .lottery .lott-list .lott-game-bg {
    background-color:  !important
}

.lottery .lott-list .lott-game-bg .fav-icon {
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: .3rem;
    height: .3rem;
    color: #595959
}

.lottery .lott-list .lott-game-bg .fav-icon.on {
    color: #57ec7d
}

.lottery .lott-list .lott-game-bg .fav-icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list .lott-game {
    width: 100%;
    margin-top: .1rem
}

.lottery .lott-list .lott-name {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-right: .5rem
}

.lottery .lott-list .lott-name h6 {
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-theme=light] .lottery .lott-list .lott-name h6 {
    color:  !important
}

[data-theme=dark] .lottery .lott-list .lott-name h6 {
    color:  !important
}

.lottery .lott-list .lott-game-info {
    display: flex;
    align-items: center
}

.lottery .lott-list .lott-game-info .lott-icon {
    position: relative;
    flex-shrink: 0;
    width: .6rem;
    height: .6rem;
    margin-right: .15rem;
    overflow: hidden
}

.lottery .lott-list .lott-game-info .lott-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.lottery .lott-list .draw-time {
    display: flex;
    align-items: flex-end;
    width: .68rem;
    height: .56rem
}

.lottery .lott-list .win-time {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-size: .24rem;
    font-weight: 500
}

[data-theme=light] .lottery .lott-list .win-time {
    color:  !important
}

[data-theme=dark] .lottery .lott-list .win-time {
    color:  !important
}

.lottery .lottery-time {
    margin-top: .05rem;
    font-size: .24rem;
    line-height: 1;
    color: #57ec7d
}

.lott-list-wrap {
    width: 100%;
    height: 100%;
    overflow: auto
}

.lott-list-wrap .lottGame-list .week-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .18rem .1rem 0
}

.lott-list-wrap .lottGame-list .week-menu .lott-history svg {
    display: block;
    width: .34rem;
    height: .34rem
}

.lott-list-wrap .lottGame-list .week-menu .lott-item {
    font-size: .23rem;
    color: #fff
}

.lott-list-wrap .lottGame-list .week-menu .lott-item.on {
    color: #57ec7d
}

.lott-list-wrap .lottGame-list .lottGame-scroll {
    padding: .2rem .18rem .4rem .2rem
}

.winnerBoard {
    padding: .2rem .2rem 0
}

.winnerBoard .winner-content {
    width: 100%
}

.winnerBoard .seamless-scroll {
    position: relative;
    width: 100%;
    height: 3.5rem;
    overflow: hidden;
    background: rgba(1, 14, 51, .9);
    border: 1px solid #2f6a96;
    border-radius: .12rem;
    box-shadow: inset 0 0 .06rem 0 #57ec7d
}

.winnerBoard .seamless-scroll .scroll-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.winnerBoard .seamless-scroll .scroll-cover:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.18rem;
    content: "";
    background-image: linear-gradient(180deg, rgba(29, 47, 98, 0), #1d2f62)
}

.winnerBoard .seamless-scroll .winner-item {
    display: flex;
    align-items: center;
    height: 1.16rem;
    padding: 0 .4rem;
    font-size: .22rem;
    color: #9c917f
}

.winnerBoard .seamless-scroll .winner-item .winner-icon {
    flex-shrink: 0;
    margin-right: .3rem
}

.winnerBoard .seamless-scroll .winner-item .winner-icon img {
    display: block;
    width: .87rem;
    height: .87rem;
    border-radius: .1rem
}

.winnerBoard .seamless-scroll .winner-item .winner-info {
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.winnerBoard .seamless-scroll .winner-item .winner-info p {
    font-size: .2rem;
    color: #fff
}

.winnerBoard .seamless-scroll .winner-item .winner-info .winner-game {
    margin-top: .04rem;
    font-size: .2rem;
    font-weight: 700
}

.winnerBoard .seamless-scroll .winner-item .winner-info .winner-game span {
    margin-right: .1rem;
    color: #9e9e9e
}

.winnerBoard .seamless-scroll .winner-item .winner-info .winner-game a {
    color: #c19b37
}

.winnerBoard .seamless-scroll .winner-item .winner-amount {
    flex-shrink: 0;
    width: 1.6rem;
    font-size: .26rem;
    font-weight: 700;
    color: #57ec7d;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clearfloat {
    zoom: 1
}

.clearfloat:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ""
}

.lottery-history {
    display: flex;
    width: 100%;
    height: 3.23rem;
    padding: 0 2%;
    margin-top: .14rem;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif
}

.lh-content-top {
    width: 100%;
    padding: .3rem .1rem;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.lottery-name {
    float: left;
    width: 2rem;
    margin: .33rem 1% 0;
    color: #666
}

.lottery-periods {
    margin-top: .1rem;
    font-size: .28rem;
    color: #c5c5c5
}

.lottery-num {
    float: left;
    width: 3.75rem
}

.lottery-num span {
    display: inline-block;
    width: .65rem;
    height: .65rem;
    margin-right: .1rem;
    font-size: .36rem;
    line-height: .65rem;
    color: #fff;
    background: #ff5252;
    border-radius: 50%
}

.lottery-num span:last-child,
.lottery-num span:nth-child(5) {
    margin-right: 0
}

.betting {
    float: right;
    color: #ff5252
}

.lottery-pic {
    float: left;
    width: 1.3rem;
    height: 1.3rem
}

.lottery-pic img {
    width: 100%;
    height: 100%
}

.lottery-line {
    position: absolute;
    top: .22rem;
    right: 21%;
    width: 1px;
    height: .7rem;
    background: #aaa
}

.lottery-history .slider-decorator-0 {
    display: none
}

.less-five {
    margin-top: .45rem
}

.lottery-history .lottery-time {
    font-size: .24rem;
    font-weight: 700
}

.lh-content-bottom {
    padding: .2rem;
    font-size: .29rem;
    color: #c5c5c5
}

span.next-periods {
    margin: 0 .1rem;
    color: #666
}

.lottery-history .lott_number {
    font-size: .18rem
}

.lottery-history .lott_left {
    position: relative;
    width: 46.5%;
    height: 100%;
    margin-top: .18rem;
    color: #fff;
    background: linear-gradient(#fc466d, #fc466d), linear-gradient(0deg, #ff4e74 50%, #fff), linear-gradient(#fff, #fff)
}

.lottery-history .lott_left>span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: linear-gradient(1turn, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .53), #fff)
}

.lottery-history .lott_left .go_bet {
    position: absolute;
    bottom: .31rem;
    left: 50%;
    display: inline-block;
    width: 2.66rem;
    height: .48rem;
    font-size: .22rem;
    line-height: .48rem;
    color: #fff;
    text-align: center;
    background: hsla(0, 0%, 100%, .26);
    border-radius: .24rem;
    transform: translateX(-50%)
}

.lottery-history .lott_left .lott_content {
    position: absolute;
    bottom: .67rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: .22rem
}

.lottery-history .lott_left .lott_name {
    font-size: .36rem;
    text-align: left
}

.lottery-history .lott_left .lott_info {
    display: flex;
    flex-direction: row;
    width: 1.21rem;
    margin-left: .09rem;
    font-size: .32rem;
    text-align: left
}

.lottery-history .lott_left .lottery-time {
    font-size: .48rem
}

.lottery-history .lott_right {
    position: relative;
    width: 53.5%;
    padding: 0 .25rem;
    margin-top: .18rem;
    color: #fff;
    background-image: linear-gradient(#fc466d, #fc466d), linear-gradient(0deg, #ff4e74 50%, #fff), linear-gradient(#fff, #fff)
}

.lottery-history .lott_right li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 33.3333%;
    border-bottom: 1px solid hsla(0, 0%, 59%, .2)
}

.lottery-history .lott_right li .lott_logo {
    width: .63rem;
    height: .62rem;
    line-height: .62rem;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    border-radius: .25rem
}

.lottery-history .lott_right li .lott_name {
    font-size: .24rem;
    text-align: left
}

.lottery-history .lott_right :nth-child(3) {
    border-bottom: unset
}

.lottery-history .lott_right .lott_info {
    display: flex;
    flex-direction: column;
    margin-left: .14rem;
    text-align: right
}

.lottery-history .lott_right .lott_info>div {
    display: flex;
    flex-direction: row;
    align-items: center
}

.lottery-history .lott_right .lott_info .lott_number {
    line-height: .3rem
}

.lottery-history .lott_right .lottery-time {
    position: absolute;
    right: 0;
    font-size: .2rem;
    font-weight: 400;
    line-height: .3rem
}

.lottery-history .lott_right .am-icon-clock {
    position: absolute;
    right: .9rem;
    width: .21rem
}

.member_nav {
    display: flex;
    align-items: center;
    height: 1.4rem;
    padding: 0 .2rem
}

.member_nav .nav_left_login {
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #888
}

.member_nav .nav_left_login .icon_wallet {
    width: .5rem;
    height: .5rem;
    margin-right: .1rem
}

.member_nav .nav_left_nologin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .26rem;
    color: #888
}

.member_nav .nav_left_nologin h5 {
    font-size: .3rem
}

.member_nav .nav_right {
    display: flex;
    flex: 1 1 0%;
    align-items: center;
    justify-content: space-between;
    height: 1.2rem
}

.member_nav .nav_right li {
    flex: 1 1 0%;
    color: #888;
    text-align: center
}

.member_nav .nav_right .nav_icon {
    width: .5rem;
    height: .5rem
}

.member_nav .nav_right .nav_name {
    font-size: .22rem
}

.home_nav {
    flex-direction: column;
    justify-content: space-between;
    padding-top: .25rem;
    font-size: .24rem;
    background: #fff
}

.home_nav>div {
    display: flex;
    justify-content: space-between
}

.home_nav a {
    position: relative;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    margin-bottom: .25rem;
    color: #666
}

.home_nav img {
    width: .86rem;
    height: .86rem;
    margin-bottom: .15rem;
    border-radius: 50%
}

.home_nav .chat,
.home_nav .service {
    filter: drop-shadow(0 .13rem .35rem rgb(252 219 39 / 48%))
}

.home_nav .activity {
    filter: drop-shadow(0 .13rem .35rem rgb(21 141 231 / 35%))
}

.home_nav .member {
    filter: drop-shadow(0 .13rem .35rem rgb(166 109 255 / 35%))
}

.home_nav .wallet {
    filter: drop-shadow(0 .13rem .35rem rgb(22 231 223 / 35%))
}

.home_nav .deposit {
    filter: drop-shadow(0 .13rem .35rem rgb(254 87 96 / 35%))
}

.home_nav .withdraw {
    filter: drop-shadow(0 .13rem .35rem rgb(22 231 223 / 35%))
}

.home_nav .game,
.home_nav .notice {
    filter: drop-shadow(0 .13rem .35rem rgb(211 179 98 / 35%))
}

.language-container {
    position: relative;
    z-index: 99;
    display: inline-block
}

.language-container .language-name {
    display: inline-block;
    font-size: .22rem !important;
    border-radius: .1rem
}

.language-container .language-icon {
    width: .5rem;
    height: .5rem
}

.language-container .language-list {
    display: flex
}

.language-container .language-list .language-item {
    display: flex;
    align-items: center;
    width: 1.8rem;
    height: .7rem;
    padding: .1rem;
    margin: 0 .05rem;
    color: #fff;
    border-radius: .35rem
}

.language-container .language-list .language-item.language-active {
    color: #57ec7d;
    background-color: #0f0047
}

.language-container .language-list .language-name {
    margin-left: .13rem;
    font-size: .26rem;
    font-weight: 700
}

.language-container .language-list .correct {
    width: .21rem;
    height: .21rem;
    margin-left: .16rem
}

.download-bar-shell.show-bar+.this-mc-header+.notice-wrap {
    padding-top: 1.2rem
}

.notice-wrap {
    min-height: calc(100vh - 1rem);
    min-height: calc(var(--vh, 1vh)*100 - 1rem);
    padding-bottom: 1rem
}

@media only screen and (device-width>=390px)and (device-width <=844px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=428px)and (device-width <=926px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=375px)and (device-width <=812px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:3) {
    .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:2) {
    .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=390px)and (device-width <=844px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=428px)and (device-width <=926px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=375px)and (device-width <=812px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:3) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

@media only screen and (device-width>=414px)and (device-width <=896px)and (-webkit-device-pixel-ratio:2) {
    #root.app {
        --safe-area-inset-bottom: 0.37rem !important
    }
    #root.app .notice-wrap {
        padding-bottom: calc(1rem + var(--safe-area-inset-bottom))
    }
}

.shell-notice-container {
    margin-bottom: .1rem
}

.shell-notice-container .mc-notice-header {
    position: relative;
    display: flex;
    padding: 0;
    padding: .2rem .3rem 0
}

.shell-notice-container .mc-notice-header .icon-bell {
    display: block;
    width: .7rem;
    height: .7rem;
    margin: .13rem .22rem 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUAAABY7H9Y7H1X7X1Y74BY635Q74BX7X1X7H1Z7X9X7H1X7X5X631W7HxX7H1X7X5X631X7HxY7X1W7XxY54BY7H1X7H3amsi9AAAAFnRSTlMAn2DfIEAQ74Awv89wULCQj5BwzyC/Di7yUQAABA5JREFUeNrsmetu6yAQhLkvkLuT7vs/6lGrVhxaBrChTqX2+wmJNcwOC4nFOCEycwziJ6CI3/Di+Rj+4CSezoE/0OJbcYu8qkZgOGHrD1NSeiO2cuFXdNX+EyeOooLV/MpVbEPyOzVzFCd8TQu/Izf68gG5lpi2aM0janyf/xaJwdW8DmipL8b0ifHcUU7sfqeYAMSAmmOnMYb4f27DmVGcYddo0ZwRQOcI6kqc0GdvHfhovjoyopvI7So9lsgl4hJgaBJ3ILr5xYMrtObImLsyX79x4MSKLWVbWpwnbiANULPyWHV5YLT5PH/hHqSpq6GuQsm6Fk/cia9vi/P6IoVPs3dugRdiaG2hdK09LQzoM8euLJSvdDsXeS13A5/e3lEm9xnUfHupIspAO73ZgwLxFijg2MQVxvgBLQk6obsEs+02RgMtY96cgTUNY8xoXpIaWCjbacwNaBlN8dJnjYEPiDzGHXYy22WMytrDKFfU+mKXMdnEOBb5DNqwQsZoHkc7YI1vn0oaFGk7HlhDokQAxhjiKRhgjW3Fl0w2vhkUVeKEbFVJzkovsMAXbxLAOmDMNGtco04XThzmGQN2cazX6VCOr+J5+HIdqN7xTKZxGgR+YYZax3sBGmdGONb+B5DlySPP5FZe/LkWmZAtYBBw4DkUGjzneC6Pclt74C5zzoanorJWkg+Xs3FEZ+T80KRhdE222fA45W4acIIjJ9zkLtOOoxYZVM428WRcOcFwM71kw5MJ5Qg80MXqBvrv7B58QQe3RcfZbBT80xZM7CMGv4/xnLA7iQmc8M8WYzgh0TXvsZMYgcTIXy9Gd4hxu4vBmSHxBDE30PRedhNzQRcaXRw/fasYi07tQKX2o+aLKXU3CsW3DHQUO4oRi34LRhBfCItXTuwiJnHyixWI/cQk/sQMijn+JDH+T8y/9u01t0EYCALwmLXNw5BH08z9j9qiKMoviuXYm42a7wSjxY8BiQ1H1jajmGNtA4pNrO1sKYxDMWFtCcVYXY9SI+v7RqGFKyMHzZE3JrZTYn2CMp4tjFYKxGqwcuStxNBTIoONW/JmKhmMsBFvoVjdOUODIYOVFbOajGylop8ChC310cbqvTkgX2Brs4mddDcaykLxyBEv1CDeTpasNP5CLeItrJdHGjtZyH7EH4S6JGJTR20nO4P5FbFhob5Z8Q2y/MqcqE/eIsyB+tJbrJmF+jpsiD21SVStvuXfJBJ1iaFbe69DJOpJHjs6oY5+Robw5Ro7XN0p4OPjv1u6bGjOMdcVzXXMNaC5yFwj2puYJ0FBeKrDvWY0AhWjocEAZ+5z0JJyirYWL/t9Uo8XO1nWNHayANFxyzVCXSdP9GxoxLkMEa8SnPChf3nlD6fEVaqQ5AfqCJFV5vLiTwAAAABJRU5ErkJggg==) no-repeat 50%/cover
}

.shell-notice-container .mc-notice-header .icon-bell.unread {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAARVBMVEX/wgAAAAD/wgD/wgD/wgD/tgD/vAD/wAD/vwD/tQD/sgD/vgD/vAD/vwD/vwD/kgD/wgD/tAD/vgD/uQD/rAD/ogD/jwCc5uoBAAAAEHRSTlMzACocD+NxrOuEo1vVy0ffd8P64AAAAf5JREFUWMOt2NGSgyAMBdBsoICiXah1//9TV+lU2pIQpd6Zvp4hwaEB+GGjtVKYo5TWP1wYRiECFVR6L6MVQi2odzAaQY4SGAnJxdUYAuFL4xgNh4I0owCaHagocgpGUCQHCqWpLhC7KzuZgeaoFwbbGcyMhi+iNgbhmyRGXEznguukskBajAlrzA4GahmCvdowCN0B6ctzwYMPTqgKpAaPYTTLD2oRGW9dWOOsr1YFtX1ampJjr5WqoNIa48JrnKkxyCpvyO0WbpyDmmXQh3dmycQ1aGGAyfCupAxcj1nGEMo0GY7RDDNSysQsB0Exe00qMV6PMYZWomEYpJmOVmJ3jOlpJfZAhmMsrdwbGEI5yKCllYbVEErDagilYTW0MveHPj+0hdLCwPihxITM88gwGqgYSkmO2c14Ozh3cRc6g/W7zhsfinMvZYrPeIJB+tjLwFbeVmFx6miC2YwC2dZDHOnFVsXUytTS+MgHEt0nQ/3d/f6tmdckKue5az3BFFVdkzMnaGUS9BpbdLhgUny3JVkL5MwzvjyO64MJAsJ4T8xjc5A+LFEek7rwaE8vjEnS0Dbc1uZcgA/uGiF7F50Fifl+oD1nvMZTh/0vHXXORej8axnvyEpm2ttz/gW6/Tp/8uNC+1MHqBMeXlA1PgPxSGYIqe1RirEU7n0i+wdYsTeddd3ZzAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat
}

.shell-notice-container .mc-notice-header .icon-bell.unread .bubble {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: .14rem;
    height: .14rem;
    background-color: #fe615f;
    border-radius: 50%;
    box-shadow: 0 .03rem .08rem 0 rgba(255, 50, 93, .5)
}

.shell-notice-container .mc-notice-header .icon-bell.read {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAaVBMVEWfn58AAACfn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn5+fn59IGEdoAAAAInRSTlMzAOMqMS4ZEgsEJiOmBx/w1myy+YBzR4VhVs/HoDl5kOd4rvR8vQAAAidJREFUWMPNmNt24jAMRU+wHd9wAqFQyq0z/v+PHGBNQ0skC0geuh/yuFd8lKXIQsXgk7N1DEqZM0qF2NTW+YoBpMLV0YBAq8b6BzWuMSigo/WixlsFEd2ksqaXiCLPa1LEw2jLaazGM0RaU+NJVCI0EU+j00DT4AVMutPUeAnlf2gsXiR813iDV6l7jRCvFHOvcRhB7DUBY0j/NU6jwNssz96k14GUzClfOJXScVeNR4lF7jZdXgjFgvTltXmLbW5RQF01CiX2efd3l/co4c+aZMDzMW/zhXb+UTwVSl3mHMqNblM4FQrRLNv8nXYJBuNRBdayyj9ZLdmSozJcLL3l5uECsqj4D2bIgssYDjTrTLEGSYQFzY7U7EASUDO1zjR01RWifCb5VAZMvT8ZzSddcSiQHBjNASScZs5o5qAxv0qjfpUmTKHRiFNoDGquBdPsmWQs83fiONHJOKJhdYsZz6IbNq9ItK3tKpdZbYdtq9Ji25OboCVaepYhWvqgVCvR0hI/GKufPtSB+N2le81mJli6433C9Ciwfb/wdqH9Osd6vV5e2Q7bsRcHk31fHB4jj0nvRBzUmCRMkMfd1TI7CkObNM8eD39y2xUsCNMMtG7K8Xrk6+g0+dVj/EVIuNwJGD/JJdFNcmV11U3z8vsoR1/n8RTRc8uFMG650GPNg5ImTbJ4Gb0GQqj9w0upoOniNDaxSylaZesmBnXdkZ2fIdbWpYrhHy3na8pzUrcyAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.shell-notice-container .mc-notice-header .notice-body {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    min-width: 0;
    padding-bottom: .32rem
}

.shell-notice-container .mc-notice-header .notice-body:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #a9aaad;
    transform: scaleY(.5)
}

.shell-notice-container .mc-notice-header .notice-body__title {
    display: flex;
    align-items: center;
    margin-bottom: .16rem
}

.shell-notice-container .mc-notice-header .notice-body__title--text {
    display: inline-block;
    width: calc(100% - 1.7rem);
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .3rem;
    color: #fff;
    white-space: nowrap
}

.shell-notice-container .mc-notice-header .notice-body__title--time {
    order: 2;
    margin-right: .1rem;
    margin-left: auto;
    font-size: .26rem;
    color: #57ec7d
}

.shell-notice-container .mc-notice-header .notice-body__content .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    white-space: break-spaces;
    display: block;
    width: 100%;
    height: .68rem;
    font-size: .24rem;
    color: #a9aaad
}

@supports(-webkit-line-clamp:2) {
    .shell-notice-container .mc-notice-header .notice-body__content .ellipsis {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.shell-notice-container p {
    text-align: justify
}

.shell-notice-container .mc-notice-time {
    margin-top: .1rem
}

.shell-notice-container .mc-notice-content {
    padding: .41rem .29rem .32rem .44rem;
    overflow: auto;
    font-size: .26rem;
    color: #a9aaad;
    word-break: break-all;
    white-space: pre-wrap;
    background-color: #292b34
}

.shell-notice-container .mc-notice-content a:visited {
    color: #a9aaad
}

.shell-notice-container .double-arrow {
    position: absolute;
    top: 50%;
    right: .1rem;
    transform: translateY(-50%)
}

.noticeTop {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.trail-user,
.trail-username .iconfont {
    color: #dedede !important
}

.trail-user {
    border: 1px solid #dedede !important
}

.test_username {
    position: absolute;
    right: 0;
    bottom: -.52rem;
    padding: .1rem .2rem;
    font-size: .24rem;
    color: #eee;
    background: rgb(0 0 0/20%);
    border-radius: .05rem
}

.this_captcha {
    position: absolute;
    top: .08rem;
    right: .08rem;
    width: 1.6rem;
    height: .82rem
}

.from-captcha input {
    padding: .1rem 1.8rem .1rem .7rem !important
}

.user_agreement {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1% 2%;
    padding-top: .9rem;
    overflow: auto;
    color: #ddd;
    text-align: left;
    background: #fff;
    border-radius: 1%
}

.user_agreement span {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #666;
    text-align: justify;
    text-indent: .3rem
}

.user_agreement a {
    display: block;
    margin: 0 auto;
    margin-bottom: .2rem;
    font-size: .3rem;
    line-height: .8rem;
    text-align: center;
    border-radius: .2rem
}

.user_agreement a.agreement {
    color: #fff;
    background: linear-gradient(270deg, #47a8fb, #07ddfa)
}

.user_agreement a.notagree {
    color: #333;
    background: #f5f5f5
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }
    6.5% {
        transform: translateX(-.06rem) rotateY(-9deg)
    }
    18.5% {
        transform: translateX(.05rem) rotateY(7deg)
    }
    31.5% {
        transform: translateX(-.03rem) rotateY(-5deg)
    }
    43.5% {
        transform: translateX(.02rem) rotateY(3deg)
    }
    50% {
        transform: translateX(0)
    }
}

.headShake {
    animation-name: headShake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out
}

.shine:after {
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    content: "";
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .13) 0, hsla(0, 0%, 100%, .13) 77%, hsla(0, 0%, 100%, .5) 92%, hsla(0, 0%, 100%, 0));
    transform: rotate(35deg);
    animation: animate-shine 4s ease 0s infinite
}

@keyframes animate-shine {
    80% {
        left: -60%;
        opacity: 0
    }
    to {
        left: 130%;
        opacity: 1
    }
}

@keyframes infinite-tada {
    78% {
        transform: scaleX(1)
    }
    80%,
    82% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    86%,
    90%,
    94%,
    98% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    88%,
    92%,
    96% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes animate-tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes animate-heartBeat {
    0% {
        transform: scale(1)
    }
    14% {
        transform: scale(1.1)
    }
    28% {
        transform: scale(1)
    }
    42% {
        transform: scale(1.1)
    }
    70% {
        transform: scale(1)
    }
}

@supports(padding-bottom:constant(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-bottom: constant(safe-area-inset-bottom);
        --safe-area-inset-bottom: min(constant(safe-area-inset-bottom), 0.37rem)
    }
}

@supports(padding-bottom:env(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        --safe-area-inset-bottom: min(env(safe-area-inset-bottom), 0.37rem)
    }
}

:root {
    --s-app-modal-bg-rgb: 73, 147, 253;
    --s-app-modal-color: #fff;
    --s-logo: url(/m/logo.159369ce.png)
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html body {
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    -webkit-overflow-scrolling: touch
}

html[lang=VI] body {
    font-family: "Be+Vietnam+Pro", SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif
}

html button,
html input,
html optgroup,
html select,
html textarea {
    font-family: inherit
}

html input::-webkit-input-placeholder {
    font-family: inherit
}

html input:-moz-placeholder,
html input::-moz-placeholder {
    font-family: inherit
}

html input:-ms-input-placeholder {
    font-family: inherit
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.pointer {
    cursor: pointer
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.mc-home-test-link {
    display: inline-block;
    width: 100%;
    padding: .3rem .4rem;
    font-size: .4rem;
    color: #fff;
    text-align: center;
    background: #6495ed
}

.mc-flex {
    display: -webkit-box;
    display: flexbox;
    display: flex
}

.mc-flex-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mc-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap
}

#mc-animate-container {
    transition: transform .5s, opacity .8s
}

.fade-enter {
    z-index: 1;
    opacity: 0
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity 50ms ease-in
}

.fade-exit.fade-exit-active {
    opacity: 0
}

.this-home-bg {
    width: 100%;
    height: 100%;
    background: url(/m/bg.9eb3f39a.jpg) no-repeat;
    background-size: 100% 100%
}

#root .mc_app_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mc_app_box .mc_app_list {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.mc_app_list ._populars,
.mc_app_list .home_nav,
body.outter-app {
    background-color: #121212
}

.mc_app_list .home_nav a {
    color: #7ab9e4 !important
}

.am-modal-mask {
    background-color: rgba(0, 0, 0, .6) !important
}

.am-modal-button-group-h .am-modal-button {
    color: #009cff
}

.skype-chat .lwc-chat-frame {
    width: 80% !important;
    max-height: 80% !important
}

.skype-button.bubble a {
    z-index: 88 !important;
    display: block;
    width: .7rem !important;
    height: .7rem !important;
    background-color: transparent;
    border-radius: .4rem;
    opacity: 0 !important
}

.skype-button.bubble a .lwc-button-icon {
    display: none !important
}

body.change-position {
    position: fixed
}

.am-toast.am-toast-mask {
    z-index: 100000000000
}

.number-shell {
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif
}

.monospace-shell {
    font-family: Helvetica Neue, Roboto Mono, Avenir, sans-serif
}

.app-win a .icon {
    fill: currentcolor
}

.none-exit {
    position: absolute !important;
    right: -400rem !important;
    display: none !important;
    opacity: 0 !important
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -4.68rem 0
    }
    to {
        background-position: 4.68rem 0
    }
}

.loading-example {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #d8d8d8 linear-gradient(90deg, #d8d8d8 0, #bdbdbd 20%, #d8d8d8 40%, #d8d8d8) no-repeat;
    background-size: 100% 100%;
    animation-name: placeHolderShimmer;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: forwards
}

.input-holder {
    position: fixed;
    top: -100rem;
    left: -100rem
}

.login_wrap .form-banner,
.register_wrap .form-banner {
    min-height: 2.2rem
}

.login_wrap .form-banner .default-banner,
.register_wrap .form-banner .default-banner {
    display: block;
    width: 100%
}

.login_wrap .form-title,
.register_wrap .form-title {
    padding: .4rem 0;
    font-size: .36rem;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.form_wrap {
    width: 6.86rem;
    margin: 0 auto
}

.form_wrap .form_label {
    display: block;
    height: .58rem;
    padding-left: .1rem;
    font-size: .28rem;
    line-height: .58rem;
    color: #fff
}

.form_wrap .form_label span.input_required {
    margin-right: .05rem;
    font-size: .32rem;
    color: red
}

.outter_form.martop {
    margin-top: 1.6rem
}

.outter_form .checkbox-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .06rem;
    font-size: .32rem;
    font-weight: 500;
    color: #fff
}

.outter_form .forget-pwd {
    color: #ffa700;
    text-decoration: underline
}

.outter_form .form_item {
    position: relative;
    width: 100%
}

.outter_form .form_item:after {
    position: absolute;
    top: 0;
    left: 0;
    width: .2rem;
    height: .9rem;
    content: "";
    background-color: #57ec7d;
    border-radius: .22rem 0 0 .22rem
}

.outter_form .form_item input:disabled {
    background: #fff
}

.outter_form .form_item.form_error:after {
    position: absolute;
    top: 0;
    left: 0;
    width: .2rem;
    height: .9rem;
    content: "";
    background-color: #ec5757;
    border-radius: .22rem 0 0 .22rem
}

.outter_form .input_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .48rem;
    height: .5rem;
    color: #347bbc
}

.outter_form .input_icon svg {
    width: .42rem;
    height: .48rem
}

.outter_form .hide_pass {
    position: absolute;
    top: 50%;
    right: .3rem;
    width: .38rem;
    height: .38rem;
    margin-left: .2rem;
    color: #8c8998;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: translateY(-50%)
}

.outter_form .hide_pass svg {
    display: block;
    width: 100%;
    height: 100%
}

.outter_form input {
    width: 100%;
    height: .9rem;
    padding: 0 0 0 1.1rem;
    font-size: .3rem;
    color: #fff;
    background: #292b34;
    border: 1px solid transparent;
    border-radius: .25rem
}

.outter_form input.form_error {
    border: 1px solid #ec5757
}

.outter_form input::placeholder {
    font-size: .3rem;
    color: #a9aaad
}

.outter_form input:focus {
    border: 1px solid #57ec7d
}

.outter_form .country-code-input {
    position: absolute;
    top: 0;
    left: 1.4rem;
    z-index: 10;
    width: 1.5rem;
    height: .9rem;
    padding: 0;
    padding: 0 .16rem;
    color: #fff;
    background: #3890f9
}

.outter_form .country-code-input i {
    border-top: .08rem solid #fff
}

.outter_form .country-code-input+input.form-mobileNum {
    padding: 0 0 0 3.2rem
}

.outter_form .country-code-input .country-code {
    height: .4rem;
    line-height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.outter_form .icon-refresh {
    width: .5rem;
    height: .5rem;
    color: #fff
}

.outter_form .icon-refresh.on {
    animation: rotate-full .5s infinite linear
}

.outter_form .btn-clear {
    width: .36rem;
    height: .36rem;
    margin-left: .2rem
}

.outter_form .catchat_pic {
    position: absolute;
    top: .1rem;
    right: .1rem;
    height: .7rem
}

.outter_form .submit-btn {
    width: 100%;
    height: 1.2rem;
    margin-top: .2rem;
    font-size: .45rem;
    color: #020e33;
    background: linear-gradient(180deg, #45f577, #29c355);
    border: 1px solid #57ec7d;
    border-radius: .8rem
}

.outter_form .submit-btn.forget {
    margin-top: .5rem;
    color: #57ec7d;
    background: transparent;
    border: .03rem solid #57ec7d
}

.outter_form .submit-btn:disabled {
    opacity: .5
}

.outter_form .getCode {
    position: absolute;
    top: .1rem;
    right: .1rem;
    height: .7rem;
    padding: 0 .2rem;
    font-size: .28rem;
    line-height: .7rem;
    color: #595959;
    text-align: center;
    border-radius: .08rem
}

.outter_form .panel-default {
    min-height: .2rem;
    padding-bottom: .1rem;
    padding-left: .15rem;
    text-align: left
}

.outter_form .panel-default strong {
    display: block;
    font-size: .26rem;
    font-weight: 400;
    line-height: 1.2;
    color: #fb6060
}

.social-media-login {
    margin-top: .8rem;
    text-align: center
}

.social-media-login .tips {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: .3rem
}

.social-media-login .tips span {
    padding: 0 .25rem;
    font-size: .28rem;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize
}

.social-media-login .tips:after,
.social-media-login .tips:before {
    flex: 1 1 0%;
    height: 1px;
    content: "";
    background-color: #fff;
    opacity: .2;
    transform: scaleY(.5)
}

.social-media-login .item-group {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.social-media-login .item {
    width: 2.35rem;
    height: .86rem;
    margin: 0 .16rem;
    font-size: .29rem;
    font-weight: 500;
    color: #fff;
    border: .02rem solid #fff;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.social-media-login .item.facebook {
    background-color: #3a5898
}

.social-media-login .item.facebook svg {
    width: .21rem;
    height: .42rem;
    margin-right: .22rem
}

.social-media-login .item.google {
    background-color: #dc3f2c
}

.social-media-login .item.google svg {
    width: .42rem;
    height: .42rem;
    margin-right: .3rem
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.svg-gradient {
    position: absolute;
    width: 0;
    height: 0
}

._container_box {
    width: 100vw
}

._container_box.on {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow: hidden
}

._container_box .lazy-load-image-background {
    display: block !important;
    width: 100%
}

._container_box .img-loading {
    display: block;
    width: 100%
}

._container_box .download-bar {
    height: 1.2rem !important;
    padding: .1rem 0 0 1.4rem
}

._container_box .download-bar .download-bar-icon {
    top: .2rem;
    left: .26rem;
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    border-radius: .15rem
}

._container_box .download-bar .download-bar-icon img {
    display: block;
    width: 100%;
    height: 100%
}

._container_box .download-bar .download-bar-btn {
    top: 50%;
    right: .82rem;
    min-width: 2rem;
    height: .64rem;
    padding: 0 .29rem;
    font-size: .26rem;
    font-weight: 600;
    line-height: .64rem;
    color: #292b34;
    background: linear-gradient(180deg, #45f577, #29c355);
    border-radius: .3rem;
    box-shadow: 0 0 .1rem 0 #175cad;
    transform: translateY(-50%)
}

._container_box .download-bar .download-bar-close {
    top: .38rem;
    right: .27rem;
    width: .45rem;
    height: .45rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAuCAMAAACLUGAGAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMA72Aw34AgkFC/EK9woJ9fQM8dK6DMAAABKUlEQVRIx5XVW27EIAwFUMwjOMCkGe9/sa1SUdfYCcz9i3RimbfT2dCnlBoGN0tpFagHqt8e7JaBhhx3vmRGU49AdqLXONN90ogPesqh8DrPNEtmnGie1vFGC4E+kZFWsv9iT2vxqjREAd7/P+NYei+uyWqVOOeP3omD/e+OHcrOi1pi37EaVBE/E4RLMA5iq+G4jF+dG5gyty24iam6SBbfLEzREVncxASsBWcsYml/r8HGNnfRxjejrBYOMVh8d9nCQGDx7NDEZHLUu6oLCOrIFrVjL8z8FG2r7wszr2Ob4jS95SSAmL/PT7Hbl3Dstw+s6L9rvC3g9OGtyXlN8Isp8wnmpFnPMhhvLJzma2l3k0sHysNYNz+9xsWLl7sVN0vAllLyaFT9BqfkYK8EarPUAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    opacity: .9
}

._container_box .download-bar .download-bar-gift {
    display: none
}

._container_box .download-bar .app-full-name-wrap {
    height: 1.5em;
    margin-top: .1rem;
    font-size: .28rem;
    color: #fff
}

._container_box .download-bar .app-star-grade {
    margin-top: .15rem
}

._container_box .app-win,
._container_box .download-bar .app-star-grade .grade-text {
    display: none
}