/*! 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-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-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-tabs {
    overflow: hidden
}

.am-tabs-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.am-tabs-bar .am-tabs-prevpage:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 1.18rem;
    height: 100%;
    content: " ";
    z-index: 999;
    left: 0;
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.am-tabs-bar .am-tabs-nextpage:after {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 1.18rem;
    height: 100%;
    content: " ";
    z-index: 999;
    right: 0;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.am-tabs-bar .am-tabs-nav-swipe-container {
    width: 100%
}

.am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe {
    position: relative;
    left: 0
}

.am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe .am-tabs-nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe .am-tabs-nav .am-tabs-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.am-tabs-bar .am-tabs-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #ddd;
    font-size: .3rem;
    height: .87rem;
    line-height: .87rem;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-tabs-bar .am-tabs-tab-active {
    color: #108ee9
}

.am-tabs-bar .am-tabs-tab .am-badge .am-badge-text {
    top: -.26rem;
    -webkit-transform: translateX(-.1rem);
    -ms-transform: translateX(-.1rem);
    transform: translateX(-.1rem)
}

.am-tabs-bar .am-tabs-tab .am-badge .am-badge-dot {
    top: -.12rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.am-tabs-ink-bar {
    position: absolute;
    bottom: 0;
    height: .04rem;
    background-color: #108ee9
}

.am-tabs-ink-bar-animated {
    transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
    transition: transform .3s cubic-bezier(.86, 0, .07, 1);
    transition: transform .3s cubic-bezier(.86, 0, .07, 1), -webkit-transform .3s cubic-bezier(.86, 0, .07, 1)
}

.am-tabs.am-tabs-bottom .am-tabs-ink-bar {
    bottom: auto;
    top: 0
}

.am-tabs.am-tabs-bottom .am-tabs-tab {
    border-top: 1px solid #ddd;
    border-bottom: 0
}

.am-tabs-content {
    zoom: 1
}

.am-tabs-content .am-tabs-tabpane {
    overflow: auto
}

.am-tabs-content-animated {
    transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
    transition: transform .3s cubic-bezier(.86, 0, .07, 1);
    transition: transform .3s cubic-bezier(.86, 0, .07, 1), -webkit-transform .3s cubic-bezier(.86, 0, .07, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    will-change: transform
}

.am-tabs-content-animated .am-tabs-tabpane {
    box-sizing: border-box;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.am-tabs-content-no-animated .am-tabs-tabpane-inactive {
    display: none
}

.am-tabs .am-tabs-tabpane-inactive {
    height: 0;
    overflow: visible
}

/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.3333333333%;
    left: 0;
    top: 33.3333333333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.3333333333%;
    top: 0;
    width: 33.3333333333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -.03rem;
    top: 0;
    width: .07rem
}

.cropper-center:after {
    height: .07rem;
    left: 0;
    top: -.03rem;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -.03rem;
    top: 0;
    width: .05rem
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: .05rem;
    left: 0;
    top: -.03rem
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -.03rem;
    top: 0;
    width: .05rem
}

.cropper-line.line-s {
    bottom: -.03rem;
    cursor: ns-resize;
    height: .05rem;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: .05rem;
    opacity: .75;
    width: .05rem
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -.03rem;
    right: -.03rem;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -.03rem;
    top: -.03rem
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -.03rem;
    margin-top: -.03rem;
    top: 50%
}

.cropper-point.point-s {
    bottom: -.03rem;
    cursor: s-resize;
    left: 50%;
    margin-left: -.03rem
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -.03rem;
    top: -.03rem
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -.03rem;
    top: -.03rem
}

.cropper-point.point-sw {
    bottom: -.03rem;
    cursor: nesw-resize;
    left: -.03rem
}

.cropper-point.point-se {
    bottom: -.03rem;
    cursor: nwse-resize;
    height: .2rem;
    opacity: 1;
    right: -.03rem;
    width: .2rem
}

@media(min-width:768px) {
    .cropper-point.point-se {
        height: .15rem;
        width: .15rem
    }
}

@media(min-width:992px) {
    .cropper-point.point-se {
        height: .1rem;
        width: .1rem
    }
}

@media(min-width:1200px) {
    .cropper-point.point-se {
        height: .05rem;
        opacity: .75;
        width: .05rem
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.v-base .profile-icon,
.v-base .profile-icon img {
    width: 100%;
    height: 100%
}

.profile-swiper-container .react-swipe-container>div>div {
    text-align: left;
    column-gap: .1rem
}

.profile-swiper-container {
    width: 6.29rem !important
}

.profile-swiper-container .am-modal-title {
    text-align: center !important;
    font-size: 0
}

.profile-swiper-container.am-modal-android .mc-profile-item {
    margin: .05rem .09rem !important
}

.profile-swiper-container .am-modal-footer {
    padding: 0 .4rem .4rem
}

.profile-swiper-container .am-modal-footer .am-modal-button-group-normal {
    padding: 0 !important
}

.profile-swiper-container .am-modal-footer .am-modal-button {
    width: 100%;
    height: .8rem;
    line-height: .8rem
}

.profile-swiper-container .am-modal-content {
    padding-top: 0 !important;
    background: #fff !important
}

.profile-swiper-container .am-modal-body,
.profile-swiper-container .am-modal-header {
    background: #fff !important
}

.profile-swiper-container .am-modal-body {
    padding-top: .1rem;
    padding-top: .3rem !important;
    text-align: center !important;
    background: url(/mobile/mc/icon_modal.315d3ac0.png) no-repeat !important;
    background-position: 50%;
    border-bottom-left-radius: .14rem;
    border-bottom-right-radius: .14rem
}

.profile-swiper-container .am-modal-button {
    border-radius: .5rem;
    color: #fff !important;
    background-color: #ec2529;
    font-size: .33rem;
    border-top: none !important
}

.profile-swiper-container .am-modal-header {
    position: relative;
    display: none !important;
    top: .02rem;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
    font-weight: 700;
    padding-top: .16rem
}

.mc-profile-item {
    width: 1.15rem;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    height: 1.15rem;
    margin: .05rem .12rem
}

.mc-profile-item div {
    text-align: center
}

.mc-profile-item img {
    position: absolute;
    border: .06rem solid #fff;
    left: 50%;
    border-radius: 50%;
    width: 1.15rem;
    height: 1.15rem;
    top: 50%;
    transform: translate(-50%, -50%)
}

.profile-swiper-drop-header {
    width: 100%;
    height: .26rem;
    position: relative
}

.close-modal {
    width: .26rem;
    height: .26rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/mobile/mc/close.2b4bb3a2.png);
    background-size: 100% auto
}

.mc-profile-swiper-nav {
    text-align: center
}

.mc-profile-swiper-nav .mc-profile-swiper-nav-text {
    position: relative;
    top: -.12rem;
    color: #0d0d0d;
    font-size: .3rem;
    margin: 0 .2rem
}

.mc-profile-swiper-nav svg {
    width: .64rem;
    height: .64rem;
    fill: #0d0d0d
}

.mc-profile-swiper-nav svg.dis {
    fill: #d4d4d4
}

.mc-profile-swiper-nav span {
    display: inline-block;
    position: relative;
    top: .1rem
}

.cropper-view-box {
    border-radius: 50%
}

.crop-thumb-container {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 100011;
    left: 0;
    top: 0;
    background: #000
}

.crop-thumb-container .cropper-bg {
    background: none !important
}

.crop-thumb-container .cropper-hidden {
    display: none !important
}

.default-thumb {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: .06rem solid #fff
}

.profile-swiper-drop {
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    display: inline-block;
    overflow: hidden
}

.default-change {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    opacity: 0
}

.crop-thumb-footer {
    position: fixed;
    height: .7rem;
    font-size: 0;
    bottom: 0;
    width: 100%
}

.crop-thumb-footer span {
    display: inline-block;
    width: 50%;
    font-size: .28rem;
    text-align: center;
    color: #fff;
    margin-top: .16rem
}

.crop-thumb-footer .crop-thumb-scale {
    color: #fff;
    position: absolute;
    width: 100%;
    top: -.5rem
}

.crop-thumb-footer .crop-thumb-scale div {
    display: inline-block;
    font-size: .3rem;
    width: 50%;
    height: .5rem
}

.crop-thumb-footer .crop-thumb-scale div:first-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAMVJREFUaEPtksERAjEMA60fpdAGpVAZrdAFrfAzQwU6RnhChr2vzkq8G9Xmnza/f7HAaoMYwEBIgCcUAozHMRAjDAswEAKMxzEQIwwLMBACjMcxECMMCzAQAozH/8NAd5+q6hrj+qzgJunpRg4Z6O5HVZ1d2Zfzu6SL6/zlBUqSvZ/94U1g+yfkNK7MDxlYeUF3Ngs4QtM5BqYJu34MOELTOQamCbt+DDhC0zkGpgm7fgw4QtM5BqYJu34MOELTOQamCbv+FyjaEzF/gWUFAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .5rem .5rem
}

.crop-thumb-footer .crop-thumb-scale div:last-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAPNJREFUaEPtWNsNwjAM9M0DQ8BklMlgCJjHKFLUD6SQc50IRbr+1nF9jzSnwBZ/sPj8JgD/VlAKSIEkA7JQksD08qkKuPurTAjgnJ600WAaAHe/mdlWv7sBuM8AIQAtVqUA6TdZSBYirdIqk4VkIVkoycAyFqonaxTunoWiC9nsRP2F3P1hZpfoEMn6J4BrrwcLoMTiU6/Z4PdvJoZTAMpgS1voCLNKoyRrtIXIfnuZFCAZkwLLnMSkotoDUaK0B7QHop75qpeFfhFYY3i53O3G4qNCTFPg6EDRdQIQZWx0vRQYzWi0nxSIMja6XgqMZjTa7wPR65QxnJlpawAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-size: .5rem .5rem;
    background-repeat: no-repeat
}

.cropper-face {
    border-radius: 50%
}

.cropper-container {
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%)
}

.profile-swiper-drop-tips {
    padding: .2rem 0;
    font-size: .24rem;
    color: #7f7f7f
}

.cropper-html {
    overflow: hidden !important
}

.cropper-crop-box .cropper-point,
.cropper-crop-box .cropper-point.point-se,
.cropper-crop-box .cropper-point.point-se:before {
    width: .1rem;
    height: .1rem
}

.cropper-crop-box .cropper-dashed,
.cropper-crop-box .cropper-line,
.cropper-crop-box .cropper-point {
    display: none !important
}

.cropper-crop-box .cropper-view-box {
    outline: none;
    outline-color: #fff;
    border: .02rem solid #fff
}

.cropper-crop-box *,
.cropper-crop-box .cropper-point {
    background-color: #fff
}

.profile-swiper-drop-title {
    color: #434343;
    margin-bottom: .2rem;
    text-align: left;
    font-family: MicrosoftYaHei;
    font-size: .26rem;
    padding-left: .1rem
}

#image {
    display: block;
    max-width: 100%
}

.toast {
    z-index: 999;
    display: flex;
    flex-direction: column
}

.toast,
.toast_bg {
    position: fixed;
    left: 0;
    top: 0
}

.toast_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .65)
}

.toast_box {
    position: relative;
    left: 50%;
    top: 50%;
    width: 2rem;
    height: 2rem;
    margin: -1rem;
    background: #fff;
    border-radius: .2rem;
    color: #fff
}

.toast_text {
    position: absolute;
    bottom: 16%;
    text-align: center;
    width: 90%;
    margin: 0 5%;
    height: .28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.toast_icon {
    position: relative;
    left: 50%;
    top: 20%;
    margin: -.6rem;
    width: 1.2rem;
    height: 1.2rem
}

.toast_loading {
    background: url(/mobile/mc/loading.0cbab840.gif);
    background-size: 100%
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#mc-logout.default-loading {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: transparent;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

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

.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-segment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-radius: .1rem;
    overflow: hidden;
    min-height: .54rem;
    opacity: 1
}

.am-segment.am-segment-disabled {
    opacity: .5
}

.am-segment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #108ee9;
    font-size: .28rem;
    line-height: 1;
    transition: background .2s;
    position: relative;
    border: .02rem solid #108ee9;
    width: 100%;
    box-sizing: border-box;
    border-left-width: 0
}

.am-segment-item-tintcolor {
    border-color: #108ee9
}

.am-segment-item:first-child {
    border-left-width: .02rem;
    border-radius: .1rem 0 0 .1rem
}

.am-segment-item:last-child {
    border-radius: 0 .1rem .1rem 0
}

.am-segment-item-selected {
    background: #108ee9;
    color: #fff
}

.am-segment-item-active .am-segment-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .1;
    transition: background .2s;
    background-color: #108ee9
}

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

.nodata-container {
    color: #1296db;
    font-size: .5rem;
    text-align: center;
    background: #fff;
    height: 100%
}

.nodata-container .nodata-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.not-con {
    color: #1296db;
    font-size: .5rem;
    text-align: center;
    height: 100%
}

.not-con .nodata-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.spec-model-no-data {
    background: url(/mobile/mc/bet_no_data.a4f65bca.png) no-repeat;
    width: 4rem;
    height: 2rem;
    background-size: auto 100%;
    background-position: 50%;
    display: inline-block;
    margin-top: 2rem;
    margin-bottom: .4rem
}

.bet-no-data-title {
    color: #b5b5b5;
    font-size: .34rem
}

.help-detail-container {
    color: #64656b;
    height: 100%
}

.help-detail-container .email-detail {
    margin-top: 1rem
}

.help-detail-container .help-detail {
    color: #64656b;
    overflow-y: scroll;
    height: 100%
}

.help-detail-container .help-detail>* {
    word-wrap: break-word
}

.help-detail-container .help-detail .help-tab {
    width: 100%;
    height: auto !important;
    background: #fff;
    white-space: nowrap
}

.help-detail-container .help-detail .help-tab ul {
    overflow-x: scroll
}

.help-detail-container .help-detail .help-tab li {
    display: inline-block;
    padding: 0 .2rem;
    height: 100%;
    line-height: 1rem
}

.help-detail-container .help-detail .help-tab li.act {
    color: #2184f4;
    font-size: .36rem;
    font-weight: 700
}

.help-detail-container .help-detail .help-content {
    padding: .4rem .2rem;
    background: #fff;
    position: relative
}

.help-detail-container .help-detail .help-content p img {
    max-width: 100%
}

.help-detail-container .help-detail .help-content:after {
    position: absolute;
    width: 100%;
    height: .2rem;
    background: #f8f9fb;
    content: "";
    top: 0;
    left: 0
}

.help-detail-container .help-detail .tag-container {
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 .2rem .2rem
}

.help-detail-container .help-detail .tag-container>span {
    display: inline-block;
    padding: .1rem .2rem;
    border-radius: .3rem;
    font-size: .24rem;
    background: #f2f2f2;
    color: #64656b;
    margin-right: .1rem
}

.help-detail-container .help-detail .tag-container>span.on {
    color: #fff;
    background: #2184f4;
    box-shadow: .06rem 0 .16rem rgba(33, 132, 244, .3)
}

.help-detail-container .help-header {
    height: auto !important
}

.help-detail-container.dark {
    background: #202632 !important
}

.help-detail-container.dark .tag-container>span {
    background: #595959;
    color: #9da3c2
}

.help-detail-container.dark .help-content {
    color: #9da3c2;
    background: #202632
}

.help-detail-container.dark .help-content:after {
    background: #171b24
}

.help-detail-container.dark .help-tab,
.help-detail-container.dark .mc-help-popup>div {
    color: #9da3c2;
    background: #202632 !important
}

.mc-help-popup>div {
    height: 100%;
    padding-top: 1rem
}

.mc-help-popup>div>.am-popup-body>div,
.mc-help-popup>div>.am-popup-content,
.mc-help-popup>div>.am-popup-content>div {
    height: 100% !important
}

#root .mc-header-wrap {
    height: 1rem
}

#root .mc-header-wrap .am-navbar-light {
    color: #fff
}

#root .mc-header-wrap .mc-default-header {
    height: 1rem !important
}

#root .mc-header-wrap .mc-default-header .am-navbar-title {
    white-space: wrap;
    text-align: center
}

#root .mc-header-wrap .am-navbar-left {
    flex: 0 0 20%
}

#root .mc-header-wrap .am-navbar-left .am-navbar-left-content {
    padding-left: 0
}

#root .mc-header-wrap .am-navbar-title {
    flex: 1 1 0%
}

#root .mc-header-wrap .am-navbar-right {
    flex: 0 0 20%;
    margin-right: 0;
    padding-right: .3rem
}

#root .mc-header-wrap .am-navbar-right .am-icon-voucher_list {
    margin-left: .2rem
}

#root .mc-header-wrap .am-navbar-right .invite-list-icon {
    color: #fff
}

#root .mc-header-wrap .am-navbar-right .right-wrapper {
    display: flex;
    align-items: center;
    gap: .1rem
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .report-icon {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .report-icon .report-count {
    position: absolute;
    top: -.15rem;
    right: .32rem;
    min-width: .3rem;
    height: .3rem;
    background: #ec2529;
    color: #fff;
    border-radius: .2rem;
    font-size: .2rem;
    padding: 0 .05rem;
    line-height: .3rem;
    text-align: center
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .help-icon {
    height: 100%;
    display: flex;
    align-items: center
}

#root .mc-header-wrap .am-navbar-right .right-wrapper .cs-icon {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: .2rem
}

#root .help-center-icon {
    margin-left: .2rem
}

#root .mc-navbar-blue {
    top: 0;
    width: 100%;
    transform: translateZ(0);
    z-index: 11 !important;
    height: 1rem
}

#root .mc-navbar-blue#mc-header,
#root .mc-navbar-blue.this-mc-header {
    position: fixed
}

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

#root .mc-navbar-blue#mc-header .am-navbar-left-content {
    width: 100%
}

#root .mc-navbar-blue#mc-header .return_icon {
    padding-left: .5rem
}

#root .mc-navbar-blue .am-icon-left,
#root .mc-navbar-blue .am-navbar-right,
#root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

#root .mc-navbar-blue .return_icon {
    display: flex;
    height: 1rem;
    align-items: center
}

#root .mc-navbar-blue .to-record a {
    margin: 0 .15rem
}

#root .mc-navbar-blue .to-record .more-icon {
    width: .44rem;
    height: .44rem;
    color: #fff;
    background-repeat: no-repeat;
    background-size: contain
}

#root .mc-navbar-blue .to-record .more-icon.withdraw {
    background-image: url(/mobile/mc/withdraw-record.f45d119d.png)
}

#root .mc-navbar-blue .to-record .more-icon.deposit {
    background-image: url(/mobile/mc/deposit-record.4d24f83f.png)
}

#root .mc-navbar-blue .to-record .more-icon.claim {
    background-image: url(/mobile/mc/claim-history.0c1f9df1.png)
}

#root .mc-navbar-blue .to-record img,
#root .mc-navbar-blue .to-record svg {
    width: .44rem;
    height: .44rem;
    color: #fff
}

#root .sigin-nav-tab {
    background: #fff
}

#root .sigin-nav-tab .am-segment-item {
    background: #695ffe !important;
    color: #fff;
    border-color: #fff !important
}

#root .sigin-nav-tab .am-segment-item-selected {
    background: #fff !important;
    color: #fe3b44 !important
}

#root #mc-header.callback {
    background: linear-gradient(270deg, #2dc5be, #2a7774) !important
}

#root #mc-header.callback .am-navbar-left,
#root #mc-header.callback .am-navbar-title {
    color: #fff !important
}

#root.mc-test-root .mc-header-wrap,
#root.mc-test-root .mc-navbar-blue,
#root.mc-test-root .mc-whitespace {
    height: 1rem
}

#root.mc-test-root #mc-app-home-root.gc,
#root.mc-test-root .mc-navbar-blue {
    background: #695ffe
}

#root #mc-app-home-root.mc .mc-navbar-blue:after,
#root .reward-center-container .mc-navbar-blue:after {
    content: none;
    background-color: transparent
}

.am-navbar-right {
    margin-right: 0
}

.am-navbar-left {
    padding-left: 0
}

.am-navbar-left .am-navbar-left-content {
    padding-left: .3rem
}

.main-language-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #333;
    font-size: .26rem;
    font-weight: 500
}

.main-language-wrap .language-item {
    height: .98rem;
    display: flex;
    align-items: center;
    gap: .14rem
}

.main-language-wrap .language-item svg {
    width: .1rem;
    height: .22rem;
    transition: transform .3s ease-in-out
}

.main-language-wrap .language-item.show svg {
    transform: rotate(90deg)
}

.main-language-wrap .language-item.on {
    position: relative
}

.main-language-wrap .language-item.on:after {
    content: "";
    width: .36rem;
    height: .36rem;
    background: url(/mobile/mc/language-check.692b6bff.png) no-repeat 50%/contain
}

.main-language-wrap .language-item .language-name {
    flex: 1 1 0%
}

.main-language-wrap .language-item img {
    width: .48rem;
    height: .48rem
}

.main-language-wrap .select-language-wrap {
    display: flex;
    flex-direction: column
}

.main-language-wrap .select-language-wrap .language-item {
    border-top: 1px solid #dbdce0
}

.service-modal-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999999;
    top: 0;
    left: 0
}

.service-modal-container .smc-content {
    width: 5.8rem;
    padding: 0 .64rem .38rem;
    background-color: #fff;
    border-radius: .2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.service-modal-container .smc-content>svg {
    position: absolute;
    right: 0;
    top: -.8rem;
    fill: #fff;
    width: .7rem;
    height: .7rem
}

.service-modal-container .smc-content h2 {
    text-align: center;
    font-size: .32rem;
    font-weight: 700;
    font-stretch: normal;
    line-height: .9rem;
    letter-spacing: 0;
    color: #666
}

.service-modal-container .smc-content ul {
    max-height: 50vh;
    overflow-y: scroll
}

.service-modal-container .smc-content li {
    min-height: .92rem;
    border-radius: .16rem;
    margin-bottom: .26rem;
    position: relative;
    padding: 0 .2rem 0 .4rem;
    color: #666;
    display: flex;
    align-items: center;
    gap: .4rem
}

.service-modal-container .smc-content li .item-icon {
    width: .66rem;
    height: .66rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.service-modal-container .smc-content li .item-icon.fb svg,
.service-modal-container .smc-content li .item-icon.tg svg {
    width: .36rem;
    height: .36rem
}

.service-modal-container .smc-content li .item-icon svg {
    width: .4rem;
    height: .4rem
}

.service-modal-container .smc-content li .item-txt {
    flex: 1 1 0%
}

.service-modal-container .smc-content li:nth-child(4n+1) {
    background-color: rgba(230, 81, 62, .16)
}

.service-modal-container .smc-content li:nth-child(4n+1) .item-icon {
    background: #e84530;
    box-shadow: 0 0 .24rem 0 #e84530
}

.service-modal-container .smc-content li:nth-child(4n+2) {
    background-color: rgba(119, 130, 253, .16)
}

.service-modal-container .smc-content li:nth-child(4n+2) .item-icon {
    background: #6976fc;
    box-shadow: 0 0 .24rem 0 #6976fc
}

.service-modal-container .smc-content li:nth-child(4n+3) {
    background-color: rgba(246, 153, 0, .16)
}

.service-modal-container .smc-content li:nth-child(4n+3) .item-icon {
    background: #ffa000;
    box-shadow: 0 0 .24rem 0 #ffa000
}

.service-modal-container .smc-content li:nth-child(4n+4) {
    background-color: rgba(29, 199, 144, .16)
}

.service-modal-container .smc-content li:nth-child(4n+4) .item-icon {
    background: #0ebb84;
    box-shadow: 0 0 .24rem 0 #0ebb84
}

@media(orientation:portrait) {
    .embedded-launch .launch-hide-btn.landscape {
        display: none
    }
}

@media(orientation:landscape) {
    .embedded-launch .launch-hide-btn {
        display: none
    }
    .embedded-launch .launch-hide-btn.landscape {
        display: block;
        z-index: 10;
        position: absolute;
        top: calc(50% - .14rem) !important;
        left: -.15rem;
        width: 4em;
        height: 1em;
        font-size: .36rem;
        transform: rotate(270deg);
        background-color: hsla(0, 0%, 44%, .9);
        border-bottom-right-radius: .2em;
        border-bottom-left-radius: .2em
    }
    .embedded-launch .launch-hide-btn.landscape svg {
        display: block;
        margin: 0 auto;
        color: #fff
    }
    .remove-font-size.large-2 #root #mc-header .records:after {
        content: " ";
        position: absolute;
        top: -.2rem;
        right: -.2rem;
        left: -.2rem;
        bottom: -.2rem
    }
    .remove-font-size.large-2 #root .launch-hide-btn.landscape {
        top: calc(50% - .15rem) !important;
        left: -.3rem
    }
    .remove-font-size.large-2 #root .launch-hide-btn.landscape svg {
        width: .4rem;
        height: .4rem;
        padding-bottom: .05rem
    }
}

.popup-game .am-popup {
    bottom: 0
}

.am-fade-leave+.popup-game,
.am-popup-mask-hidden+.popup-game {
    display: none
}

#root.embedded-launch {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    height: -webkit-fill-available
}

#root.embedded-launch .mc-navbar-blue.hide-no-anim {
    height: 0 !important
}

.embedded-launch .mc-navbar-blue#mc-header .am-navbar-title {
    justify-content: center !important
}

.embedded-launch .hide-no-anim .am-navbar-left,
.embedded-launch .hide-no-anim .am-navbar-right {
    visibility: hidden
}

.embedded-launch .anim-hide .game-back-icon {
    font-size: 0;
    display: none !important
}

.embedded-launch .anim-hide .records {
    display: none !important
}

.embedded-launch .anim-show .game-back-icon {
    font-size: .36rem;
    display: flex
}

.embedded-launch .anim-show .launch-hide-btn {
    display: none !important
}

.embedded-launch .anim-show .records {
    font-size: inherit
}

.embedded-launch .launch-hide-btn {
    position: absolute;
    top: 0;
    width: 1.2rem;
    height: .3rem;
    text-align: center;
    background-color: hsla(0, 0%, 44%, .9);
    border-bottom-right-radius: .2em;
    border-bottom-left-radius: .2em
}

.embedded-launch .launch-hide-btn:after {
    content: "";
    position: absolute;
    left: -.2rem;
    top: -.1rem;
    right: -.2rem;
    bottom: -.2rem
}

.embedded-launch .launch-hide-btn .am-icon {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.embedded-launch .iframe-container iframe#third-game {
    position: fixed;
    left: 0;
    top: 0;
    border: 0;
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    height: -webkit-fill-available;
    -webkit-overflow-scrolling: touch;
    background: hsla(0, 0%, 44%, .9)
}

@supports(height:100dvh) {
    .embedded-launch .iframe-container iframe#third-game {
        height: 100dvh
    }
}

.embedded-launch .click-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.remove-font-size .am-toast-notice-content .am-toast-text {
    min-width: 60px
}

.remove-font-size .am-toast-text-info {
    white-space: nowrap
}

.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
    margin-top: 6px
}

.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon {
    padding: 15px;
    font-size: 14px;
    border-radius: 5px
}

.remove-font-size .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-icon-lg {
    width: 36px;
    height: 36px
}

.remove-font-size #root #mc-header {
    height: 50px !important
}

.remove-font-size #root #mc-header.hide-no-anim {
    height: 0 !important
}

.remove-font-size #root #mc-header.hide-no-anim .launch-hide-btn {
    top: 0
}

.remove-font-size #root #mc-header.hide-no-anim .game-back-icon {
    font-size: 0;
    display: none !important
}

.remove-font-size #root #mc-header.hide-no-anim .records {
    font-size: 0
}

.remove-font-size #root #mc-header.anim-hide {
    height: 0 !important;
    transition: all .25s ease
}

.remove-font-size #root #mc-header.anim-hide .launch-hide-btn {
    animation: hide-btn-show .25s ease forwards
}

.remove-font-size #root #mc-header.anim-show {
    animation: header-show .25s ease forwards;
    height: 50px !important;
    font-size: 22px !important
}

.remove-font-size #root #mc-header.anim-show .am-icon-lg,
.remove-font-size #root .game-back-icon {
    width: 34px !important;
    height: 34px !important
}

.remove-font-size #root .game-back-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 0 !important
}

.remove-font-size #root .launch-hide-btn {
    position: absolute;
    top: 50px;
    width: 60px;
    height: 15px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.remove-font-size #root .launch-hide-btn .am-icon {
    width: 15px;
    height: 15px
}

.remove-font-size #root .am-navbar-left {
    padding-left: 15px !important;
    position: relative
}

.remove-font-size #root .am-navbar-right {
    position: relative;
    font-size: 16px
}

.remove-font-size #root .am-navbar-right .records {
    height: 36px !important;
    position: absolute;
    top: 50%;
    line-height: 36px;
    transform: translateY(-50%);
    white-space: nowrap
}

.remove-font-size #root .am-navbar-right .records i {
    margin-right: .2rem;
    background-image: linear-gradient(#f1c78b, #bd9161);
    border-radius: 25px;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .35);
    display: inline-block;
    font-style: normal;
    padding: 0 .4rem 0 .8rem;
    color: #fff;
    position: relative
}

.remove-font-size #root .am-navbar-right .records i:before {
    content: "";
    background: url(/mobile/mc/deposit_icon.0433fce9.png);
    position: absolute;
    width: 24px;
    height: 24px;
    left: .2rem;
    background-size: 100% auto;
    margin-top: -1px;
    top: 50%;
    transform: translateY(-50%)
}

.remove-font-size.large-2 .am-toast-notice-content .am-toast-text {
    min-width: 120px
}

.remove-font-size.large-2 .am-toast-text-info {
    white-space: nowrap
}

.remove-font-size.large-2 .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info {
    margin-top: 12px
}

.remove-font-size.large-2 .am-toast-notice-content .am-toast-text.am-toast-text-icon {
    padding: 30px;
    font-size: 28px;
    border-radius: 10px
}

.remove-font-size.large-2 .am-toast-notice-content .am-toast-text.am-toast-text-icon .am-icon-lg {
    width: 72px;
    height: 72px
}

@keyframes header-show {
    0% {
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes hide-btn-show {
    0% {
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

.remove-font-size.large-2 #root #mc-header {
    height: 100px !important
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim {
    height: 0 !important
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim .launch-hide-btn {
    top: 0
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim .game-back-icon {
    font-size: 0;
    display: none !important
}

.remove-font-size.large-2 #root #mc-header.hide-no-anim .records {
    font-size: 0
}

.remove-font-size.large-2 #root #mc-header.anim-hide {
    height: 0 !important;
    transition: all .25s ease
}

.remove-font-size.large-2 #root #mc-header.anim-hide .launch-hide-btn {
    animation: hide-btn-show .25s ease forwards
}

.remove-font-size.large-2 #root #mc-header.anim-show {
    animation: header-show .25s ease forwards;
    height: 100px !important;
    font-size: 44px !important
}

.remove-font-size.large-2 #root #mc-header.anim-show .am-icon-lg {
    width: 68px !important;
    height: 68px !important
}

.remove-font-size.large-2 #root .game-back-icon {
    width: 68px !important;
    height: 68px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 0 !important
}

.remove-font-size.large-2 #root .launch-hide-btn {
    position: absolute;
    top: 100px;
    width: 120px;
    height: 30px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px
}

.remove-font-size.large-2 #root .launch-hide-btn .am-icon {
    width: 30px;
    height: 30px
}

.remove-font-size.large-2 #root .am-navbar-left {
    padding-left: 30px !important;
    position: relative
}

.remove-font-size.large-2 #root .am-navbar-right {
    position: relative;
    font-size: 32px
}

.remove-font-size.large-2 #root .am-navbar-right .records {
    height: 72px !important;
    position: absolute;
    top: 50%;
    line-height: 72px;
    transform: translateY(-50%);
    white-space: nowrap
}

.remove-font-size.large-2 #root .am-navbar-right .records i {
    margin-right: .2rem;
    background-image: linear-gradient(#f1c78b, #bd9161);
    border-radius: 50px;
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .35);
    display: inline-block;
    font-style: normal;
    padding: 0 .4rem 0 .8rem;
    color: #fff;
    position: relative
}

.remove-font-size.large-2 #root .am-navbar-right .records i:before {
    content: "";
    background: url(/mobile/mc/deposit_icon.0433fce9.png);
    position: absolute;
    width: 48px;
    height: 48px;
    left: .2rem;
    background-size: 100% auto;
    margin-top: -1px;
    top: 50%;
    transform: translateY(-50%)
}

.amount-balance-common {
    display: flex
}

.amount-balance-common .currency.back {
    order: 1;
    display: flex;
    align-items: center
}

.memberInfo-theme-wrapper .member-info {
    display: flex;
    align-items: center
}

.memberInfo-theme-wrapper .member-info .profile {
    display: flex;
    flex: 1 1 0%
}

.memberInfo-theme-wrapper .member-info .profile .profile-img {
    margin-right: .12rem
}

.memberInfo-theme-wrapper .member-info .profile .profile-img img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.memberInfo-theme-wrapper .member-info .profile .profile-info {
    margin-right: .12rem;
    display: flex;
    flex-direction: column;
    gap: .19rem
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account {
    display: flex;
    align-items: center;
    gap: .1rem;
    color: #000;
    font-size: .32rem;
    font-weight: 600
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account svg {
    width: .3rem;
    height: .3rem;
    fill: rgba(37, 37, 37, .6)
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
    color: #444;
    font-size: .24rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
    width: .28rem;
    height: .28rem;
    margin-left: .05rem;
    fill: rgba(37, 37, 37, .6)
}

.memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit .name-text {
    word-break: break-word
}

.memberInfo-theme-wrapper .member-info .member-top-wrap {
    display: flex;
    align-items: center;
    gap: .24rem;
    margin-right: .1rem
}

.memberInfo-theme-wrapper .member-info .member-top-wrap svg {
    width: .42rem;
    height: .42rem;
    fill: #000
}

.memberInfo-theme-wrapper .member-info .member-top-wrap .top-item {
    position: relative
}

.memberInfo-theme-wrapper .member-info .member-top-wrap .top-item .unread-count {
    top: -.21rem;
    right: -.21rem;
    border-radius: .14857rem .14857rem .14857rem 0
}

.memberInfo-theme-wrapper .profile-detail-wrapper {
    margin-top: .3rem;
    width: 100%;
    background: linear-gradient(90deg, #34405f, #56688c);
    background-blend-mode: overlay;
    border-radius: .2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: .16rem 0;
    padding: 0 .2rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet {
    color: #fff;
    font-size: .4rem;
    display: flex;
    align-items: center;
    margin-right: .1rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet .number-mc {
    margin-left: .05rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .current-wallet svg {
    width: .32rem;
    height: .32rem;
    fill: hsla(0, 0%, 100%, .6);
    margin-left: .11rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level {
    flex: 1 1 0%;
    margin: 0;
    max-width: 3rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .member-level-name {
    background: none;
    color: hsla(0, 0%, 100%, .8);
    font-size: .22rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin-left: .36rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .member-level-name:before {
    content: "";
    position: absolute;
    left: -.36rem;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem;
    height: .3rem;
    background: url(/mobile/mc/vip.41c78f04.png) no-repeat 50%/contain
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .quanyi-go {
    color: hsla(0, 0%, 100%, .8);
    font-size: .22rem;
    font-weight: 400;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABuSURBVHgBlZE9DoAwCIWBGK/i5NTJybM7OfUAXsWlQoIJwZbalzSvTT9+AgCsUsoqBxqa1DeFZ0TMHiL1Qz0xmDyE74U/F7Zdn9lmRBvRAtGnroEfqAKeBH3d9KPcNdZ4dwQRICJZRQTYXlK04AdzWkIBKbsNvwAAAABJRU5ErkJggg==) no-repeat 100%/.1rem .1rem;
    padding-right: .14rem;
    height: auto;
    text-align: right;
    line-height: 1
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .member-level-progress-bar {
    background: hsla(0, 0%, 100%, .3)
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .member-level-progress-bar .cur-progress-bar {
    background: linear-gradient(90deg, #f4b880, #f19f67)
}

.memberInfo-theme-wrapper .profile-detail-wrapper .common-member-level .level-progress-text {
    font-size: .24rem;
    color: hsla(0, 0%, 100%, .8);
    font-weight: 500
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid {
    display: flex;
    align-items: center;
    margin-bottom: .16rem;
    padding: 0 .2rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid svg {
    width: .2rem;
    height: .2rem;
    fill: hsla(0, 0%, 100%, .8)
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .08rem;
    color: hsla(0, 0%, 100%, .6);
    font-size: .24rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item.time {
    justify-content: flex-end
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-mid .mid-item.oneItem {
    justify-content: flex-start
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom {
    width: 100%;
    flex: 1 1 0%;
    border-radius: 0 0 .2rem .2rem;
    background: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: space-between;
    padding: .1rem .2rem;
    gap: .1rem;
    min-height: .62rem
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .04rem;
    font-size: .24rem;
    font-weight: 400;
    color: #fff;
    justify-content: center
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item svg {
    width: .26rem;
    height: .26rem;
    fill: #fff
}

.memberInfo-theme-wrapper .profile-detail-wrapper .detail-bottom .bottom-item .item-txt {
    word-break: break-word;
    max-width: calc(100% - .3rem)
}

.mc-app-download {
    min-width: 6.3rem
}

.mc-app-download.am-modal.am-modal-transparent .am-modal-content {
    background-color: transparent;
    padding: 0
}

.mc-app-download.am-modal.am-modal-transparent .am-modal-content .am-modal-body {
    padding: 0
}

.mc-app-download-wrapper {
    position: relative;
    display: flex;
    flex-direction: column
}

.mc-app-download-wrapper .app-close {
    align-self: flex-end
}

.mc-app-download-wrapper .app-close svg {
    width: .5rem;
    height: .5rem
}

.mc-app-download-wrapper .modal-wrap {
    border-radius: .3rem;
    background: linear-gradient(180deg, #f5faff, #fff 15%, #fff 91.93%, #f5faff);
    position: relative;
    padding: .24rem;
    display: flex;
    flex-direction: column
}

.mc-app-download-wrapper .modal-info {
    display: flex;
    flex-direction: column
}

.mc-app-download-wrapper .modal-info .modal-top {
    display: flex;
    justify-content: flex-end;
    position: relative;
    direction: ltr
}

.mc-app-download-wrapper .modal-info .modal-top:before {
    content: "";
    position: absolute;
    top: -.83rem;
    left: .43rem;
    width: 1.76rem;
    height: 1.6rem;
    background: url(/mobile/mc/app-download-icon.3c2db9ba.png) no-repeat 50%/contain
}

.mc-app-download-wrapper .modal-info .modal-top .top-bg {
    width: 1.13rem;
    height: .6rem
}

.mc-app-download-wrapper .modal-info .modal-top .top-bg svg {
    width: 100%;
    height: 100%;
    fill: #e8f1ff
}

.mc-app-download-wrapper .modal-info .modal-top .top-title {
    color: #4c4c4c;
    font-size: .22rem;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    height: .6rem;
    min-width: 2.1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: .22rem;
    background-color: #e8f1ff;
    border-radius: 0 .3rem 0 0
}

.mc-app-download-wrapper .modal-info .modal-bottom {
    display: flex;
    flex-direction: column;
    padding: .3rem .15rem;
    gap: .2rem;
    border-radius: .3rem 0 .3rem .3rem;
    background: linear-gradient(0deg, #d9e4f7 9.5%, #e8f1ff);
    box-shadow: -.07rem .03rem .07rem rgba(5, 54, 103, .2)
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item {
    display: flex;
    gap: .3rem;
    border-radius: .16rem;
    background: #fff;
    padding: .15rem .2rem
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item.ios .down-btn {
    background: linear-gradient(0deg, #7f55f3 9.5%, #d89afd)
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item.android .dpwn-btn {
    background: linear-gradient(0deg, #3887fe 9.5%, #2bd5f0)
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .item-info {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .2rem;
    color: #111827;
    font-size: .22rem;
    font-weight: 500
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .item-info .info-txt {
    flex: 1 1 0%;
    text-align: left
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .item-info svg {
    width: .4rem;
    height: .4rem
}

.mc-app-download-wrapper .modal-info .modal-bottom .modal-item .down-btn {
    min-width: 1.7rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .1rem;
    color: #fff;
    font-size: .22rem;
    font-weight: 700;
    border-radius: .4rem;
    background: linear-gradient(0deg, #64c213 9.5%, #a8eb25)
}

.default-member-wrapper {
    width: 100%;
    min-height: 4.46rem;
    border-radius: .28rem 0 0 .28rem;
    background: linear-gradient(248deg, #f1f9ff, #b3bcc8);
    padding: .5rem;
    display: flex;
    flex-direction: column;
    gap: .22rem;
    position: relative;
    overflow: hidden
}

.default-member-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/mobile/mc/member-info-bg.f44b2894.png) no-repeat 50%/cover;
    z-index: 0
}

.default-vip-icon {
    position: absolute;
    right: 0;
    top: 0
}

.default-vip-icon img {
    width: 2.58rem;
    object-fit: contain;
    opacity: .5;
    filter: blur(.5px)
}

.default-member-header {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    gap: .3rem
}

.default-member-header .profile-icon {
    width: 1.73rem;
    height: 1.73rem;
    border-radius: 50%;
    border: .09rem solid #fff;
    overflow: hidden
}

.default-member-header .profile-icon img {
    width: 100%;
    object-fit: cover
}

.default-member-header .member-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.default-member-header .member-info .vip-tag {
    display: flex;
    align-items: center;
    gap: .08rem;
    padding: 0 .16rem;
    min-width: 1.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .49rem;
    border-radius: .6rem;
    border: .02rem solid hsla(0, 0%, 100%, .2);
    background: linear-gradient(180deg, hsla(0, 0%, 40%, .9), rgba(67, 72, 81, .9));
    -webkit-backdrop-filter: blur(.1rem);
    backdrop-filter: blur(.1rem);
    position: relative;
    overflow: hidden
}

.default-member-header .member-info .vip-tag:after {
    content: "";
    top: 0;
    transform: translateX(100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    animation: slide 1.6s infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#007db9e8", GradientType=1)
}

.default-member-header .member-info .vip-tag .vip-name {
    color: #fff;
    font-size: .24rem;
    font-weight: 700;
    text-shadow: 0 .02rem 0 rgba(0, 0, 0, .25)
}

.default-member-header .member-info .vip-tag .vip-img {
    display: flex;
    align-items: center
}

.default-member-header .member-info .vip-tag .vip-img img {
    width: .31rem;
    height: .33rem;
    object-fit: contain
}

.default-member-header .member-info .account-wrapper {
    color: #000;
    font-size: .3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: .1rem
}

.default-member-header .member-info .account-wrapper svg {
    width: .35rem;
    height: .35rem
}

.default-member-header .member-info .nickname-wrapper {
    display: flex;
    align-items: center;
    color: #666;
    font-size: .24rem;
    font-weight: 700;
    gap: .1rem
}

.default-member-header .member-info .nickname-wrapper svg {
    width: .31rem;
    height: .31rem;
    fill: #666
}

.default-member-header .member-info .nickname-wrapper .name-text {
    word-break: break-word
}

.default-member-mid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    gap: .05rem;
    z-index: 1
}

.default-member-mid .current-wallet {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    color: #434851;
    font-size: .4rem;
    font-weight: 600;
    margin-right: .05rem
}

.default-member-mid .refresh-btn {
    display: inline-flex;
    align-items: center
}

.default-member-mid .refresh-btn svg {
    width: .32rem;
    height: .32rem;
    fill: #979797
}

.default-member-mid .refresh-btn .refresh-balance.loading {
    animation: rotate-full .5s infinite linear
}

.default-member-footer-wrapper {
    position: relative;
    width: 100%
}

.default-member-footer-wrapper .member-arrow svg {
    width: .36rem;
    height: .36rem
}

.default-member-footer-wrapper .member-arrow .arrow-item {
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    width: .36rem
}

.default-member-footer-wrapper .member-arrow .prev {
    left: 0
}

.default-member-footer-wrapper .member-arrow .prev svg {
    transform: rotate(180deg)
}

.default-member-footer-wrapper .member-arrow .next {
    right: 0
}

.default-member-footer-wrap {
    width: 100%;
    overflow-x: auto
}

.default-member-footer {
    position: relative;
    z-index: 1;
    display: flex;
    margin: .15rem 0 0;
    padding: 0 .1rem .15rem;
    gap: .16rem;
    width: -webkit-max-content;
    width: max-content
}

.default-member-footer.equal {
    justify-content: space-evenly;
    width: 100%;
    padding: .05rem
}

.default-member-footer.equal .footer-item {
    flex: 1 1 0%
}

.default-member-footer [data-scroll=next] {
    -webkit-mask: linear-gradient(90deg, #1f1f39, transparent 70%);
    mask: linear-gradient(90deg, #1f1f39, transparent 70%)
}

.default-member-footer [data-scroll=prev] {
    -webkit-mask: linear-gradient(0deg, #1f1f39, transparent 70%);
    mask: linear-gradient(0deg, #1f1f39, transparent 70%)
}

.default-member-footer .footer-item {
    min-width: 1.5rem;
    min-height: .54rem;
    padding: 0 .2rem;
    border-radius: .3rem;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .3) 33.33%, hsla(0, 0%, 100%, 0) 67%, #fff);
    box-shadow: 0 .02rem .1rem 0 hsla(0, 0%, 43%, .5);
    font-size: .24rem;
    font-weight: 700;
    color: #454545;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@keyframes slide {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

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

body {
    position: static !important;
    -webkit-overflow-scrolling: touch !important;
    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
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-font-smoothing: antialiased
}

.mc-home-test-link {
    display: inline-block;
    font-size: .4rem;
    width: 100%;
    padding: .3rem .4rem;
    background: #6495ed;
    color: #fff;
    text-align: center
}

.mc-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mc-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.fade-enter {
    opacity: 0;
    z-index: 1
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity .24s ease-in
}

.fade-exit.fade-exit-active {
    opacity: 0
}

.sliding-enter {
    position: absolute;
    opacity: 0;
    transform: translateX(100%)
}

.sliding-enter-active {
    position: static;
    opacity: 1;
    transform: translateX(0);
    transition: all .5s
}

.sliding-exit {
    position: absolute;
    top: 0;
    opacity: 1;
    transform: translateX(0)
}

.sliding-exit-active {
    transition: all .5s
}

.sliding-exit-active,
.sliding-out-enter {
    opacity: 0;
    transform: translateX(-100%)
}

.sliding-out-enter-active {
    opacity: 1;
    transform: none;
    transition: all .25s linear
}

.sliding-out-exit {
    position: fixed;
    top: 0;
    width: 100%;
    opacity: 1;
    transform: translateX(0)
}

.sliding-out-exit-active {
    opacity: 0;
    transform: translate(100%);
    transition: all .5s
}

.this-home-bg {
    width: 100%;
    height: 100%
}

input {
    display: block;
    width: 100%;
    outline: none;
    -webkit-appearance: none
}

.mc_app_list {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mc_common_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .26rem
}

.flex-text {
    font-size: .35rem;
    height: 1.05rem;
    margin: .15rem .4rem .05rem
}

.btn-gray {
    background-image: -moz-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    background-image: -webkit-linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    background-image: -ms-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(5, 0, 0, .11)
}

.btn-gray,
.v-detail-base .btn-success {
    border-radius: .15rem !important;
    transition: all .3s linear
}

.v-detail-base .btn-success {
    background: unset;
    background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30);
    box-shadow: 0 .1rem .2rem 0 rgba(255, 0, 16, .4);
    color: #fffefe !important;
    margin-bottom: 1em
}

.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

.flex-submit {
    background: none !important;
    border: none !important
}

.icon-down {
    position: relative
}

.icon-down svg {
    position: absolute;
    top: .3rem;
    left: 50%;
    transform: translateX(-50%)
}

.bank-select {
    margin: .15rem .4rem .05rem !important;
    border-radius: .15rem !important;
    overflow: hidden !important
}

.am-search-input .am-search-synthetic-ph {
    box-sizing: content-box
}

.am-modal-mask,
.am-modal-wrap,
.am-popup,
.am-popup-mask {
    z-index: 9999999 !important
}

.am-modal-wrap[role=dialog] {
    z-index: 9999999 !important
}

.am-toast {
    z-index: 10000001 !important
}

.am-search-clear-show {
    top: 50% !important;
    transform: translateY(-50%)
}

.am-search-start .am-search-synthetic-ph-placeholder {
    visibility: hidden !important
}

#mc-animate-container .am-whitespace.am-whitespace-lg {
    height: .3rem
}

#mc-animate-container .flex-shrink1 {
    flex-shrink: 1
}

#recaptcha-container,
#recaptcha-container-v2 {
    display: none
}

.default-font-size {
    font-size: .5rem !important
}

.rmii-list-container {
    text-align: left
}

.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-flexbox {
    text-align: left;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-flexbox.am-flexbox-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-flexbox.am-flexbox-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.am-flexbox.am-flexbox-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-flexbox.am-flexbox-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.am-flexbox.am-flexbox-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.am-flexbox.am-flexbox-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.am-flexbox.am-flexbox-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.am-flexbox.am-flexbox-justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.am-flexbox.am-flexbox-justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.am-flexbox.am-flexbox-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.am-flexbox.am-flexbox-justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.am-flexbox.am-flexbox-justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.am-flexbox.am-flexbox-align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.am-flexbox.am-flexbox-align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.am-flexbox.am-flexbox-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-flexbox.am-flexbox-align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.am-flexbox.am-flexbox-align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.am-flexbox.am-flexbox-align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.am-flexbox.am-flexbox-align-content-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.am-flexbox.am-flexbox-align-content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-flexbox.am-flexbox-align-content-between {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.am-flexbox.am-flexbox-align-content-around,
.am-flexbox.am-flexbox-align-content-stretch {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.am-flexbox .am-flexbox-item {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    margin-left: .16rem;
    min-width: .2rem
}

.am-flexbox .am-flexbox-item:first-child {
    margin-left: 0
}

.v-base .time-zone-container .time-zone-tips {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: .04rem 0;
    line-height: .44rem;
    background: #fef0f0;
    color: #ff1212;
    border-top: 1px solid #ff1212;
    text-align: center;
    font-size: .24rem
}

.v-base .time-zone-container .time-zone-tips .warn-icon {
    position: relative;
    top: .08rem;
    margin-right: .2rem
}

.v-base .time-zone-container .list-wrapper .scroll-inner-container {
    padding-bottom: .6rem
}

.v-base .time-zone-container .list-wrapper .pullup-wrapper {
    bottom: .7rem
}

.v-base .time-zone-container .time-zone-space-p {
    padding-bottom: .8rem
}

.v-base .time-zone-container .time-zone-space-p__small {
    padding-bottom: .6rem
}

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

.sec_card .am-list-header {
    border-bottom: 1px solid #064ecd;
    background: #e4e4e4
}

.sec_card_header {
    position: relative;
    height: .5rem;
    font-size: .32rem
}

.popup-list.sec_card {
    height: 4.5rem;
    margin-bottom: .3rem
}

.sec_card_body {
    overflow-y: scroll
}

.ivi-icon svg {
    display: none
}

.id-verification-icon {
    width: .8rem;
    display: inline-block;
    height: .7rem;
    background: url(/mobile/mc/verification.6b67d2b8.png) no-repeat 50%/80% auto
}

.is-comp {
    border-radius: .04rem;
    border: 1px solid #06c900;
    color: #06c900
}

.is-comp,
.no-comp {
    padding: .04rem .08rem;
    display: inline-block;
    font-style: normal;
    font-size: .22rem;
    margin-left: .2rem
}

.no-comp {
    border-radius: .04rem;
    border: 1px solid #666;
    color: #666
}

.security-center {
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#ccc, #ccc)
}

.card-container {
    overflow: hidden;
    padding-bottom: .25rem
}

.card-btm .am-list-body:last-child:after {
    border-bottom: 0
}

.circleL {
    transition: stroke-dasharray .25s;
    -webkit-transition: stroke-dasharray .25s;
    text-align: center;
    display: inline-block;
    margin-right: .15rem
}

.circleR {
    text-align: left;
    position: relative;
    margin-top: .45rem
}

.add-card-list {
    overflow: hidden;
    overflow-y: auto;
    height: 4.8rem
}

.circleR-header {
    font-size: .4rem
}

.u-full {
    flex: 0 0 100% !important
}

.u-1of2 {
    flex: 0 0 50% !important
}

.u-1of3 {
    flex: 0 0 33.3333% !important
}

.u-1of4 {
    flex: 0 0 25% !important
}

.u-1of5 {
    flex: 0 0 13.5% !important
}

.card-list-item {
    margin: .25rem;
    text-align: right;
    min-height: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    background: #fff;
    box-shadow: 0 .06rem .32rem 0 rgba(0, 0, 0, .08);
    border-radius: .1rem;
    padding: .2rem;
    gap: .3rem
}

.circle-root {
    width: 1.6rem;
    height: 1.6rem
}

.flex-center {
    margin-top: -.2rem;
    height: 100%;
    text-align: left
}

.base-item {
    width: 100%
}

.center-header {
    font-size: .3rem;
    margin-bottom: .25rem;
    color: #48484e;
    font-weight: 700;
    display: inline-block
}

.center-svgBox {
    display: inline-block;
    color: #fde006;
    height: .52rem;
    width: 1.8rem;
    vertical-align: sub;
    margin-left: .1rem
}

.center-svgL {
    width: .35rem;
    height: .35rem
}

.flex-text-tips {
    color: #ea3324;
    font-size: .3rem;
    margin-top: .23rem;
    font-weight: 500;
    padding: 0 .2rem;
    margin-bottom: .22rem;
    text-align: center;
    width: 100%;
    letter-spacing: .013rem
}

.flex-tips {
    color: #878787;
    font-size: .24rem;
    line-height: .38rem;
    word-break: break-word;
    white-space: wrap;
    max-width: 100%
}

.flex-list-item {
    height: 100%;
    position: relative;
    width: 100%;
    padding-left: 0
}

.flex-grad {
    text-align: center;
    display: inline-block;
    position: absolute
}

.flex-list-con {
    flex: 1 1 0%;
    display: inline-block;
    font-size: .3rem;
    padding: 0 .25rem
}

.flex-list-header {
    font-weight: 700;
    font-size: .28rem;
    margin: .05rem .05rem .05rem 0;
    position: relative;
    color: #5e5e5e
}

.flex-list-text {
    margin-right: .15rem;
    color: #595959;
    white-space: normal
}

.flex-list-icon-unsett {
    color: #ff2627
}

.flex-list-icon {
    color: #00e354;
    font-size: .15rem;
    position: relative;
    height: .6rem
}

.flex-container-card {
    margin-bottom: .5rem;
    display: flex;
    width: 100%
}

.add-mask {
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    position: fixed
}

.add-userName {
    background: #fff;
    width: 4.2rem;
    height: 2.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: .2rem;
    margin-left: -2.1rem;
    margin-top: -1.25rem
}

.currcy-card-flex {
    position: relative
}

.nodata-text {
    color: #888;
    font-size: .28rem
}

.vou-list-div {
    width: 100%;
    padding: .8rem 0;
    text-align: center
}

.vou-list-div img {
    width: 100%;
    margin: 0 auto
}

.goto-enter {
    background: #e4393c;
    height: 35%;
    border-bottom-right-radius: .2rem;
    border-bottom-left-radius: .2rem;
    text-align: center;
    line-height: .75rem;
    background-image: -moz-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30) !important;
    background-image: -ms-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
    color: #fffefe !important
}

.goto-enter a {
    display: block;
    color: #fffffe
}

.flex-list-title {
    color: #a6a6a6;
    font-size: .22rem;
    padding-right: .15rem;
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden
}

.flex-list-desc {
    white-space: normal;
    word-break: break-word;
    padding-right: .3rem
}

.flex-grad-arrows {
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%);
    color: #a6a6a6;
    display: flex;
    align-items: center
}

.mc .am-list-item .am-list-line {
    padding-right: 0
}

.flex-container {
    text-align: center;
    min-height: 2rem;
    overflow: hidden
}

.flex-base {
    height: 1.05rem;
    border-radius: .1rem;
    border: 1px solid #ccc;
    margin: .15rem .4rem .03rem;
    font-size: .35rem;
    overflow: hidden
}

.submitBtn {
    width: 100%;
    height: 1.05rem
}

.add-picker {
    width: 100%;
    height: 100%;
    position: relative
}

.add-inputIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 14%;
    height: 100%;
    background: #3b79f3;
    text-align: center;
    line-height: 1.05rem;
    border-radius: 0 .15rem .15rem 0
}

.flex-text-other {
    font-size: .33rem;
    height: 1.05rem;
    margin: .15rem .4rem .05rem .45rem;
    font-weight: 700;
    color: #0a0a0a
}

.flex-text-other span {
    font-weight: 400;
    font-size: .35rem
}

.space-bet {
    margin-top: 3.5rem
}

.icon-base {
    text-align: center
}

.btn-gray {
    border-radius: .1rem !important;
    background: #d8d8d8;
    transition: all .3s linear
}

.enterButton {
    height: 1.05rem;
    border-radius: .1rem;
    margin: 0 .4rem;
    font-size: .28rem;
    color: #fff;
    line-height: 1.05rem
}

.placeholder {
    font-size: .29rem;
    color: #a8a8a8;
    padding-left: .28rem;
    width: 1.85rem
}

.btn-success {
    border-radius: .15rem;
    color: #fffefe !important;
    transition: all .3s linear
}

.v-base .errors {
    color: red;
    font-size: .28rem;
    line-height: 1.5;
    min-height: .4rem;
    margin: .15rem .4rem .16rem 0
}

.link {
    display: block;
    width: 100%;
    height: 100%
}

.inputBox {
    width: 100%;
    height: .75rem
}

.inputBox input::placeholder {
    font-size: .3rem
}

.flex-container .am-flexbox {
    overflow: hidden
}

.input-base {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
    padding-right: .2rem
}

.icon-downArrows {
    line-height: 1.1rem
}

.flex-card {
    width: 100%;
    background: #f6f6f6;
    padding-top: .2rem
}

.add-card {
    height: 1.8rem;
    line-height: 1.8rem;
    background: #e6e6e6;
    margin: 0 auto
}

.add-card,
.bank-card {
    width: 85%;
    text-align: center;
    font-size: .55rem;
    color: #fff;
    border-top-right-radius: .15rem;
    border-top-left-radius: .15rem;
    z-index: 10
}

.bank-card {
    height: 2rem;
    line-height: 2rem;
    margin: .3rem auto
}

.bank-card .add-button {
    background: #7883a1;
    display: inline-block;
    width: 2.6rem;
    font-size: .28rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .5rem
}

.bank-card svg {
    width: .5rem;
    height: .5rem;
    position: relative;
    top: .13rem
}

.icon-title {
    width: 100%;
    height: .75rem;
    text-align: left;
    position: relative
}

.icon-bank {
    height: .75rem;
    padding: .1rem .15rem
}

.icon-bank>span {
    display: block;
    width: 100%;
    height: 100%;
    background-size: 3.35rem;
    background-repeat: no-repeat
}

.num-title {
    text-align: center;
    height: 1.05rem;
    line-height: 1.05rem;
    font-size: .65rem
}

.flex-icon {
    text-align: center;
    display: block;
    overflow: hidden
}

.flex-icon-other {
    margin-top: -.25rem
}

.flex-icon a {
    display: block;
    width: 100%;
    height: 100%
}

.icon-add {
    margin: 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    background: red;
    border: .06rem solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: .85rem;
    box-shadow: -1px 0 .15rem #cccccd, 1px 0 .15rem #cccccd, 0 -1px .15rem #cccccd, 0 1px .15rem #fff
}

.icon-add span {
    font-size: 1rem
}

.default-add {
    color: #fff
}

.wing-bank {
    margin-top: .3rem
}

.flex-text1 {
    font-size: .4rem;
    text-align: center;
    color: #3786ff;
    margin-bottom: .35rem
}

.flex-text2 {
    font-size: .26rem;
    text-align: center;
    color: #adadad
}

.add-area {
    position: relative;
    height: 100%
}

.addBank_root .account-form-group {
    margin-bottom: .1rem !important
}

.addBank_root .payeeName {
    margin-left: .5rem;
    margin-bottom: .2rem;
    margin-top: .3rem
}

.addBank_root .error {
    font-size: .26rem
}

.addBank_root .error,
.addBank_root .tip {
    text-align: left;
    color: red;
    font-weight: 700;
    padding: .05rem 0
}

.addBank_root .tip {
    font-size: .3rem
}

.addBank_root .flex-money-contentbank-select {
    margin-bottom: .1rem
}

.addBank_root .select-bank-type {
    border-radius: .16rem;
    border: .02rem solid rgba(0, 0, 0, .2);
    background: #fff;
    padding: .2rem .06rem
}

.addBank_root .error.has-error {
    margin-bottom: .1rem
}

.addBank_root .account-form-group.province {
    border-radius: .1rem
}

.inputBox-other {
    width: 100%;
    height: .75rem;
    color: #747474;
    overflow: hidden
}

.inputBox-other input::placeholder {
    font-size: .35rem;
    line-height: .5rem;
    color: #888
}

.security-center .security-circle {
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    left: auto;
    top: auto;
    transform: none
}

.security-center .security-circle canvas {
    top: auto;
    left: auto
}

.pieChart {
    width: 2.1rem;
    height: 2.1rem
}

.recharts-surface {
    transform: scale(1.3)
}

.pie_left,
.pie_right,
.security-center .left,
.security-center .right {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0
}

.security-center .left,
.security-center .right {
    background: #0ac;
    border-radius: 50%
}

.pie_right,
.security-center .right {
    clip: rect(0, auto, auto, 1rem)
}

.pie_left,
.security-center .left {
    clip: rect(0, 1rem, auto, 0)
}

.origin {
    position: relative
}

.mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    transform: translate(-50%, -50%);
    color: #08c
}

.none {
    display: none
}

.life-cycle-bg {
    background: pink
}

.parent-life-cycle-bg {
    background: #add8e6
}

.am-action-sheet-button-list-item {
    font-size: .32rem !important;
    height: .8rem !important;
    line-height: .8rem !important
}

.bankcard.c0 {
    background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
    background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
    background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%)
}

.bankcard.c1 {
    background-image: -moz-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
    background-image: -webkit-linear-gradient(0deg, #5775e6, #7f45c9);
    background-image: -ms-linear-gradient(0deg, #5775e6 0, #7f45c9 100%)
}

.bankcard.c2 {
    background-image: -moz-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
    background-image: -webkit-linear-gradient(0deg, #ffbe80, #ff978a);
    background-image: -ms-linear-gradient(0deg, #ffbe80 0, #ff978a 100%)
}

.bankcard.c3 {
    background-image: -moz-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
    background-image: -webkit-linear-gradient(0deg, #69f2a9, #5accf1);
    background-image: -ms-linear-gradient(0deg, #69f2a9 0, #5accf1 100%)
}

.bankcard.c4 {
    background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%)
}

.bankcard.c5 {
    background: #cecfd6
}

.show-tips {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding: .2rem
}

.show-tips.error {
    color: #ff1e30;
    font-size: .24rem
}

.show-tips.prompt {
    color: #adadad;
    font-size: .24rem
}

.btn-copy-code {
    border: 1px solid #108ee9;
    font-size: .24rem;
    color: #108ee9;
    border-radius: .1rem;
    margin: 0 0 0 .2rem;
    padding: .04rem .12rem;
    display: inline-block
}

#canvas_1,
#canvas_2 {
    height: 1.6rem;
    width: 1.6rem
}

.fundspassword-desc {
    margin-top: -.23rem;
    color: #bbb;
    font-size: .24rem;
    padding-left: .7rem;
    text-align: left
}

.disabled-backgroud-common {
    background: #ebebe4
}

.nickname-panel input:disabled {
    background-color: #c1c1c1 !important
}

.nickname-panel .flex-base.disabled {
    background-color: #c1c1c1
}

.account-form .account-form-group.has-error {
    margin-bottom: .1rem
}

.edit-icon {
    width: .32rem;
    height: .32rem
}

.edit-icon,
.icon-complete {
    position: relative;
    top: .1rem
}

.icon-complete {
    margin-right: .06rem
}

.sms-btn {
    margin-top: .2rem
}

.mobileNum-tips {
    color: red;
    padding: .05rem 0;
    font-size: .26rem;
    display: inherit;
    text-align: right !important
}

.bank-card-container .tcg-tips,
.choose-bank-type {
    margin-bottom: .35rem
}

.addBank_root .type-group-area {
    border-radius: 0 0 .16rem .16rem;
    border: .02rem solid rgba(0, 0, 0, .2);
    border-top: none;
    padding: .1rem;
    background: #fff;
    margin-top: -.3rem
}

.addBank_root .type-group-area+.payment-password {
    margin-top: .2rem
}

.bank-card-container {
    text-align: left;
    padding-bottom: 1rem !important
}

.add-card-number .mc-account-list {
    display: inline-block;
    width: 61%;
    vertical-align: top
}

.add-card-number {
    margin-bottom: .3rem
}

.add-card-number>a {
    display: inline-block;
    width: calc(37% - .1rem);
    vertical-align: top;
    box-shadow: none !important;
    margin-left: .1rem;
    height: 1.05rem;
    line-height: 1.05rem
}

.add-card-number .btn-success {
    margin-bottom: 0
}

.fpb-container {
    padding-top: .2rem
}

.fpb-container .code-tip {
    color: red;
    font-size: .28rem;
    word-break: break-word;
    line-height: normal;
    margin: -.1rem 5% .2rem
}

.bank-card-container .brl-tip-info .tip-item {
    color: red;
    font-size: .24rem;
    line-height: .34rem
}

.security-center .card-btm {
    padding-bottom: .15rem;
    margin-bottom: .5rem;
    width: 100%;
    height: 100%
}

.security-center .card-btm .am-list-body {
    border-top: 0;
    box-shadow: 0 .06rem .32rem 0 rgba(0, 0, 0, .08);
    border-radius: .1rem;
    background-image: linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#ccc, #ccc)
}

.security-center .card-btm .am-list-body .am-list-line {
    padding: 0 .7rem 0 .4rem
}

.security-center .card-btm .am-list-item {
    margin-top: 1px;
    box-sizing: content-box
}

.security-center .card-btm .am-list-content {
    gap: .4rem;
    display: flex
}

.security-center-container .account-form {
    text-align: left
}

.security-center-container .account-form.has-inputIcon input {
    padding-right: 14%
}

.security-center-container .flex-base {
    position: relative
}

.security-center-container .forget-fpwd {
    margin: 0;
    padding: 0 5%
}

.ga-auth .submit {
    margin-top: .3rem
}

.ga-auth canvas {
    display: inline-block;
    width: 3.75rem !important;
    height: 3.75rem !important
}

.ga-auth .txt-gray {
    padding: 0 .4rem
}

.ga-auth .am-flexbox.errors {
    margin: 0
}

.sms-verification .sms-send {
    position: absolute;
    top: 50%;
    right: .08rem;
    transform: translateY(-50%);
    font-size: .24rem;
    min-width: 1rem;
    height: auto;
    line-height: 1.5;
    padding: .5em
}

.sms-verification .mc-account-list {
    position: relative
}

.sms-verification .mc-account-list input {
    direction: ltr
}

.sms-verification .input-number-show {
    position: absolute;
    width: calc(100% - 3em);
    right: .07rem;
    height: .97rem;
    top: .04rem;
    padding-left: .1rem;
    line-height: .97rem;
    background-color: #efefef
}

.sms-verification .input-number-show.dis {
    background-color: #c1c1c1
}

.sms-verification .verify-tip {
    margin: .2rem 0;
    color: #e4393c;
    font-size: .28rem;
    word-break: break-word;
    line-height: normal
}

.sms-verification .contact-service {
    white-space: break-spaces;
    justify-content: flex-end;
    display: flex
}

.sms-verification .contact-service .title {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.sms-verification .contact-service .link {
    width: auto;
    color: blue
}

.addBank_root .account-form-group .input-group {
    background-color: #efefef
}

.addBank_root .account-form-group .bankCardInput {
    background-color: transparent;
    z-index: 1
}

.addBank_root .account-form-group .bankCardInput-placeholder {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 1.05rem;
    top: 0;
    color: #a1a1a1;
    font-size: .31rem;
    padding-left: .94rem
}

.addBank_root:not(.CN) .tcg-tips div {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.funds-password .forget-fpwd {
    padding: 0
}

.mc-test-root .let_link {
    display: flex
}

.mc-test-root .let_link a {
    font-size: .3rem;
    line-height: 0;
    border: 1px solid #dedede;
    padding: .3rem .08rem;
    color: #fff;
    display: inline-block;
    margin: 0 .08rem;
    border-radius: .04rem;
    text-align: center;
    flex: 1 1 0%
}

.mc-test-root .let_service {
    margin-top: .6rem
}

.mc-test-root .outter_form .service_center {
    margin-top: .4rem;
    background: none;
    color: #fff;
    border: 1px solid #fff;
    font-size: .24rem
}

.new-date-picker .date-picker-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .4)
}

@keyframes toTopspick {
    0% {
        bottom: -100%
    }
    to {
        bottom: 0
    }
}

.new-date-picker .date-picker-content {
    position: relative;
    width: 100%;
    z-index: 2;
    background-color: #fff
}

.new-date-picker .date-picker-content .btn-clear-date {
    position: absolute;
    color: #4c84f7;
    right: 1em;
    top: .14rem;
    max-width: 2rem;
    line-height: 1.2
}

.new-date-picker .date-picker-content .date-picker-title {
    display: flex;
    justify-content: center;
    height: .66rem;
    line-height: .64rem;
    font-size: .26rem;
    border-bottom: .02rem solid #ebebeb;
    font-weight: 700;
    color: #898989
}

.new-date-picker .date-picker-content .date-picker-title .picker-end-date,
.new-date-picker .date-picker-content .date-picker-title .picker-start-date {
    margin: 0 .15rem
}

.new-date-picker .date-picker-content .date-picker-title .active-item {
    color: #4c84f7
}

.new-date-picker .date-picker-warp {
    padding: 0 2.75%
}

.new-date-picker .date-picker-warp .date-picker-month {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
    margin-bottom: .15rem;
    line-height: .3rem;
    font-weight: 700;
    color: #474747
}

.new-date-picker .date-picker-warp .date-picker-month .btn-next-prev {
    width: 14.28%;
    text-align: center
}

.new-date-picker .date-picker-warp .date-picker-month .disable-item {
    color: #ccc
}

.new-date-picker .date-picker-warp .date-picker-week {
    display: flex
}

.new-date-picker .date-picker-warp .pickter-item {
    width: 14.28%;
    text-align: center;
    line-height: .62rem;
    color: #474747;
    font-weight: 700;
    margin: .02rem 0;
    white-space: nowrap;
    position: relative;
    font-size: .26rem
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-radius: 0;
    box-shadow: none !important
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #e1ebfe;
    border-radius: 0 .1rem .1rem 0;
    left: auto !important;
    right: calc((100% - .62rem)/2) !important;
    width: calc(100% + .62rem) !important
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1) {
    box-shadow: none !important;
    border-radius: 0 !important
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).active-item.end-item:before {
    display: none !important
}

.new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #e1ebfe;
    content: "";
    border-radius: .1rem 0 0 .1rem;
    left: calc((100% - .62rem)/2) !important
}

.new-date-picker .date-picker-warp .pickter-item.active-item {
    color: #fff
}

.new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.new-date-picker .date-picker-warp .pickter-item.active-item.start-item span {
    border-radius: .15rem;
    background-color: #4c84f7;
    width: .62rem;
    height: .62rem;
    display: inline-block
}

.new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #e1ebfe;
    left: -50%
}

.new-date-picker .date-picker-warp .pickter-item.through-item {
    background-color: #e1ebfe;
    box-shadow: .02rem 0 #e1ebfe;
    color: #4c84f7
}

.new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #e1ebfe;
    left: -50%
}

.new-date-picker .date-picker-warp .pickter-item.disable-item {
    color: #ccc !important
}

.new-date-picker .date-picker-warp .pickter-item.week-item {
    color: #b9b9b9
}

.new-date-picker .date-picker-warp .date-picker-days {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    margin: .1rem 0 .15rem
}

.new-date-picker .date-picker-time {
    position: relative;
    height: 2.02rem;
    padding: 0 12%;
    border-top: .02rem solid #ebebeb;
    display: flex;
    align-items: center
}

.new-date-picker .date-picker-time .time-picker-item {
    flex: 1 1 0%;
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    line-height: 1
}

.new-date-picker .date-picker-time .time-picker-item .item-col-text {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    line-height: .66rem;
    font-size: .34rem;
    color: #474747
}

.new-date-picker .date-picker-time .time-picker-item .item-col-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, .1) 50%), linear-gradient(0deg, #fff, hsla(0, 0%, 100%, .1) 50%);
    background-position: top, bottom;
    background-repeat: no-repeat;
    height: 100%;
    margin: 0 auto
}

.new-date-picker .date-picker-time .time-picker-item .item-col-indicator {
    position: absolute;
    height: .66rem;
    left: 0;
    width: 100%;
    top: .67rem;
    z-index: 3
}

.new-date-picker .date-picker-time .time-picker-item .item-col-content {
    position: absolute;
    left: 0;
    top: 0;
    padding: .67rem 0;
    width: 100%;
    margin-top: -.66rem;
    z-index: 1
}

.new-date-picker .date-picker-time .time-picker-item .item-col-content .time-col-item {
    touch-action: manipulation;
    text-align: center;
    font-size: .45rem;
    height: .66rem;
    line-height: .66rem;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.new-date-picker .date-picker-time .time-picker-item .item-col-content .time-col-item.time-col-item-selected {
    transform: scale(1.7);
    color: #474747
}

.new-date-picker:not(.CN) .date-picker-time {
    padding: 0 4%
}

.new-date-picker .btn-confirm-date {
    height: .9rem;
    background: #4c84f7;
    text-align: center;
    color: #fff;
    font-size: .34rem;
    line-height: .9rem
}

.filter-time-btn span {
    display: inline-block;
    padding: 0 .04rem
}

.team-list-root {
    pointer-events: auto !important
}

.team-member-item-content.pnl-team-item {
    padding-bottom: .05rem;
    border-bottom: 1px solid #f5f6f7
}

.team-member-item-content.pnl-team-item .ti-item-container div {
    display: inherit;
    min-height: inherit
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-top {
    display: flex;
    justify-content: space-between;
    padding: 0 .4rem;
    width: 100%;
    background: #fcfcfc;
    flex: 0 0 100%
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-left,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-right {
    display: flex;
    justify-content: space-between;
    margin: .15rem 0 0;
    align-items: center;
    min-height: inherit;
    flex: 0 0 48%;
    margin-bottom: .06rem
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-left .mt-team-footer,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-left .time,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-right .mt-team-footer,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-top .list-right .time {
    height: inherit;
    line-height: inherit
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom {
    padding: 0 .4rem
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom.bg-white {
    background-color: #fff;
    border-bottom: 1px solid #f5f6f7;
    margin: 0;
    padding-bottom: .2rem;
    flex: 0 0 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-left,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-right {
    padding-top: .05rem;
    flex: 0 0 48%;
    display: flex;
    flex-wrap: wrap
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-left .item-list,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-right .item-list {
    display: flex;
    justify-content: space-between;
    margin: .1rem 0 .11rem;
    align-items: center;
    min-height: inherit;
    flex: 0 0 100%
}

.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-left .item-list .mt-team-footer,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-left .item-list .time,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-right .item-list .mt-team-footer,
.team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom .list-right .item-list .time {
    height: inherit;
    line-height: inherit
}

.team-member-item-content .time {
    color: #424242;
    display: inline-block;
    text-align: left;
    word-break: break-word;
    padding: 0 .08rem;
    line-height: 1.2
}

.team-member-item-content .footer-label {
    padding-right: .08rem
}

.team-member-item-content .ti-item-container {
    display: flex;
    flex-wrap: wrap
}

.team-member-item-content .ti-item-container div {
    flex: 0 0 50%
}

.team-member-item-content .go-team-record {
    position: absolute;
    right: .1rem;
    font-size: .28rem;
    font-weight: 400;
    top: .12rem
}

.team-member-item-content .go-team-record svg {
    fill: #5e88ee
}

.team-member-item-content .go-team-record i {
    position: relative;
    top: -.12rem;
    font-size: .25rem;
    margin-left: .06rem;
    font-style: normal;
    color: #5e88ee;
    max-width: 2.29rem;
    display: inline-block;
    line-height: 1
}

.team-member-item-content .show-more-amount {
    color: #3e6ffe
}

.team-member-item-content .self-amount {
    color: #5b5b5b
}

.team-member-item-header .name-wrap {
    display: flex;
    align-items: center;
    width: 100%
}

.team-member-item-header .name-wrap.direct {
    justify-content: space-between
}

.team-member-item-header .name-wrap .direct-member-btn {
    height: .54rem;
    border-radius: .95rem;
    background: #f5f5f5;
    color: #6d6d6d;
    font-size: .24rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .2rem
}

.team-member-item-header .name-wrap .direct-member-btn .member-num {
    margin: 0 .12rem 0 .05rem
}

.team-member-item-header .name-wrap .direct-member-btn .arrow-icon {
    height: .54rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.team-member-item-header .name-wrap .direct-member-btn .arrow-icon svg {
    width: .23rem;
    height: .23rem
}

.direct-item-wrap {
    display: flex;
    flex-direction: column;
    padding: 0 .4rem
}

.direct-item-wrap .item-header {
    display: flex;
    align-items: center;
    font-size: .25rem;
    font-weight: 600;
    min-height: .8rem
}

.direct-item-wrap .item-header .item-name {
    padding-right: .6rem
}

.direct-item-wrap .item-header .level-icon {
    width: auto;
    height: .3rem;
    margin-right: .09rem
}

.direct-item-wrap .item-header .item-self {
    margin-left: .1rem
}

.direct-item-wrap .team-member-item-content.pnl-team-item .ti-item-container .list-content-bottom,
.direct-item-wrap .team-member-item-content.pnl-team-item .ti-item-container .list-content-top {
    padding: 0
}

.sort-container {
    display: inline-block;
    line-height: .7;
    vertical-align: sub;
    margin-left: .16rem
}

.sort-container img {
    width: .2rem;
    height: .12rem
}

.scroll-root {
    position: relative
}

.scroll-root .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.scroll-root .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.scroll-root .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.scroll-root {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.list-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.ts-pulldown-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all;
    z-index: 99
}

.ts-pulldown-wrapper .after-trigger,
.ts-pulldown-wrapper .before-trigger {
    padding-top: .2rem
}

.pullup-wrapper {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .16rem 0;
    z-index: 99
}

.list-wrapper .pullup-wrapper .am-activity-indicator,
.list-wrapper .ts-pulldown-wrapper .am-activity-indicator {
    display: inline-block;
    margin-right: .2rem;
    vertical-align: middle
}

.list-wrapper .scroll-inner-container {
    -webkit-overflow-scrolling: touch;
    min-height: calc(100% + 1px)
}

.mc-game-record-root .pullup-wrapper {
    bottom: 1.2rem
}

.mc-game-record-root .game-record-wrapper .mc-trans-filter {
    justify-content: flex-start
}

.mc-game-record-root .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-icon {
    margin-right: 0
}

.mc-game-record-root .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-button-small.set-btn,
.mc-game-record-root .game-record-wrapper.ELOTT_3RD .mc-trans-filter .am-button-small.vasslage-btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.activity-spinner svg {
    animation: spinner-anime 1s linear infinite;
    width: .6rem
}

@keyframes spinner-anime {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.team-list-root {
    pointer-events: auto !important
}

.team-member-item-content .time {
    color: #a6a6a6;
    font-size: .24rem
}

.team-member-item-content .footer-label {
    padding-right: .08rem
}

.ti-item-container {
    display: flex;
    flex-wrap: wrap
}

.ti-item-container div {
    flex: 0 0 50%
}

.go-team-record {
    flex: 1 1 0%;
    font-size: .28rem;
    font-weight: 400;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.go-team-record svg {
    fill: #5e88ee
}

.go-team-record i {
    margin-left: .06rem;
    font-style: normal;
    color: #5e88ee;
    max-width: 2.29rem;
    display: inline-block;
    line-height: 1
}

.am-wingblank {
    margin-left: .16rem;
    margin-right: .16rem
}

.am-wingblank.am-wingblank-sm {
    margin-left: .1rem;
    margin-right: .1rem
}

.am-wingblank.am-wingblank-md {
    margin-left: .16rem;
    margin-right: .16rem
}

.am-wingblank.am-wingblank-lg {
    margin-left: .3rem;
    margin-right: .3rem
}

.team-member-root {
    font-size: .32rem
}

.team-member-root:first-of-type {
    padding-top: 0
}

.team-member-item-header {
    padding: .14rem .4rem;
    height: .8rem;
    background: #efefef
}

.team-member-item-header .customer-item {
    max-width: 1.6rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .6rem;
    line-height: .6rem
}

.team-op--nickname {
    white-space: nowrap;
    text-align: right;
    width: 50%
}

.team-op--nickname div {
    display: inline-block;
    white-space: nowrap;
    line-height: .7rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.team-member-item-content {
    background: #fcfcfc
}

.records-list-root .team-op {
    color: #a6a6a6;
    font-size: .28rem
}

.mc-icon-member {
    position: relative;
    top: .1rem;
    margin-right: .05rem
}

.mc-divider {
    width: .02rem;
    height: .05rem;
    background-color: #777;
    margin: 0 .05rem
}

.mc-divider,
.team-op a {
    display: inline-block;
    color: #5288f8
}

.team-op a {
    -webkit-appearance: none;
    box-sizing: border-box;
    text-align: center;
    font-size: .28rem;
    height: .7rem;
    line-height: .7rem;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    background-color: #fff;
    outline: 0 none;
    padding: 0 .3rem
}

a.trans-checked {
    color: #fff;
    background-color: #108ee9
}

.team-rebate-mbody {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.team-rebate-title {
    min-height: .96rem;
    line-height: .46rem;
    padding: .25rem .45rem;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden
}

.team-rebate-title span {
    display: inline-block;
    margin-right: .26rem
}

.team-rebate-tcenter {
    color: #ff2936
}

.team-rebate-tright {
    color: #000;
    font-size: .4rem
}

.team-rebate-btn {
    padding: .35rem .45rem .1rem;
    overflow: hidden
}

.team-rebate-btnleft,
.team-rebate-btnright {
    width: 45%
}

.team-rebate-btnleft {
    float: left
}

.team-rebate-btnright {
    float: right
}

.team-rebate-btnright .am-button {
    background-color: #ff2936;
    color: #fff
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
    background-color: rgba(255, 41, 55, .6)
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
    width: 23.333% !important;
    margin-right: .1rem !important;
    margin-bottom: .2rem
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom .am-steps-tail {
    padding-right: 0 !important;
    right: 0
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
    margin-top: 0
}

#root .team-member-flow .team-member-item {
    display: flex;
    width: 100%;
    margin: 0 !important;
    padding: 0 .3rem;
    overflow: auto;
    flex-wrap: nowrap
}

.team-member-nickname header {
    padding: .3rem;
    font-size: .28rem;
    color: #5e5e5e;
    background-color: #fff
}

.team-member-nickname header .label {
    font-size: .4rem;
    display: inline-block;
    padding: 0 .2rem;
    color: coral
}

.team-member-nickname .nickname-form {
    background-color: #f9f8fd;
    padding: 0 .3rem
}

.team-member-nickname .nickname-form input {
    background-color: #efefef;
    outline: none;
    border: 0;
    border-radius: .15rem
}

.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
    margin: .2rem 0
}

.team-member-nickname .trans-container-header {
    display: flex;
    padding: 0 .32rem;
    border-bottom: 1px solid #dedede;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-around
}

.team-member-nickname .trans-container-header .trans-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    font-size: .28rem;
    text-align: center;
    color: #accdfb;
    padding: .2rem .1rem;
    border-radius: .1rem;
    background: #edf3ff
}

.team-member-nickname .trans-container-header .trans-container:last-child {
    background: #ebebeb;
    color: #c4c4c4
}

.team-member-nickname .trans-container-header .trans-icon-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
    height: 1rem;
    line-height: 1.2rem;
    color: #a5a5a5;
    text-align: center
}

.team-member-trans header {
    padding: .3rem;
    font-size: .28rem;
    color: #5e5e5e;
    background-color: #fff
}

.team-member-trans header .label {
    font-size: .4rem;
    display: inline-block;
    padding: 0 .2rem;
    color: coral
}

.team-member-trans .am-button,
.team-member-trans input {
    margin: .2rem 0
}

.mc-popup-trans {
    padding: .3rem 0 0;
    position: relative
}

.mc-popup-trans>span {
    position: absolute;
    right: .2rem !important;
    top: .2rem !important
}

.tt-refresh-balance {
    width: .3rem;
    height: .3rem;
    position: absolute;
    right: 0;
    top: .08rem
}

@keyframes rotate-full {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.tt-refresh-balance.loading {
    animation: rotate-full .5s infinite linear
}

.tt-balance-content {
    position: relative;
    color: #1bb9fc;
    margin-left: .1rem;
    font-weight: 700;
    padding-right: .5rem
}

.team-member-root {
    font-size: .32rem;
    padding-top: .2rem
}

.team-member-root:first-of-type {
    padding-top: 0
}

.team-member-item-header {
    padding: .14rem .4rem;
    height: .8rem;
    background: #efefef
}

.team-member-item-header .customer-item {
    max-width: 1.6rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .6rem;
    line-height: .6rem
}

.team-op--nickname {
    white-space: nowrap;
    text-align: right;
    width: 50%
}

.team-op--nickname div {
    display: inline-block;
    white-space: nowrap;
    line-height: .7rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis
}

.ti-name {
    font-size: .25rem;
    font-weight: 700
}

.mt-team-footer {
    color: #5b5b5b;
    font-weight: 700;
    display: inline-block;
    padding: 0 .08rem;
    text-align: right
}

.team-member-item-content {
    background: #fcfcfc
}

.team-member-item-content .rebate-item-wrap {
    width: 100%
}

.team-member-item-content .rebate-item-wrap .team-item {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.team-member-item-content .rebate-item-wrap .team-item .team-item-left {
    font-size: .24rem
}

.team-member-item-content .rebate-item-wrap .team-item .team-item-right {
    font-size: .24rem;
    font-weight: 700
}

.records-list-root .team-op {
    color: #a6a6a6;
    font-size: .28rem
}

.mc-icon-member {
    position: relative;
    top: .1rem;
    margin-right: .05rem
}

.mc-divider {
    width: .02rem;
    height: .05rem;
    background-color: #777;
    margin: 0 .05rem
}

.mc-divider,
.team-op a {
    display: inline-block;
    color: #5288f8
}

.team-op a {
    -webkit-appearance: none;
    box-sizing: border-box;
    text-align: center;
    font-size: .28rem;
    height: .7rem;
    line-height: .7rem;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    background-color: #fff;
    outline: 0 none;
    padding: 0 .3rem
}

a.trans-checked {
    color: #fff;
    background-color: #108ee9
}

.team-rebate-mbody {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.team-rebate-title {
    min-height: .96rem;
    line-height: .46rem;
    padding: .25rem .45rem;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden
}

.team-rebate-title span {
    display: inline-block;
    margin-right: .26rem
}

.team-rebate-tcenter {
    color: #ff2936
}

.team-rebate-tright {
    color: #000;
    font-size: .4rem
}

.team-rebate-btn {
    padding: .35rem .45rem .1rem;
    overflow: hidden
}

.team-rebate-btnleft,
.team-rebate-btnright {
    width: 45%
}

.team-rebate-btnleft {
    float: left
}

.team-rebate-btnright {
    float: right
}

.team-rebate-btnright .am-button {
    background-color: #ff2936;
    color: #fff
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
    background-color: rgba(255, 41, 55, .6)
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
    width: 23.333% !important;
    margin-right: .1rem !important;
    margin-bottom: .2rem
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom .am-steps-tail {
    padding-right: 0 !important;
    right: 0
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
    margin-top: 0
}

#root .team-member-flow .team-member-item {
    display: flex;
    width: 100%;
    margin: 0 !important;
    padding: 0 .3rem;
    overflow: auto;
    flex-wrap: nowrap
}

.team-member-nickname header {
    padding: .3rem;
    font-size: .28rem;
    color: #5e5e5e;
    background-color: #fff
}

.team-member-nickname header .label {
    font-size: .4rem;
    display: inline-block;
    padding: 0 .2rem;
    color: coral
}

.team-member-nickname .nickname-form {
    background-color: #f9f8fd;
    padding: 0 .3rem
}

.team-member-nickname .nickname-form input {
    background-color: #efefef;
    outline: none;
    border: 0;
    border-radius: .15rem;
    height: 1rem;
    padding: 0 .2rem
}

.team-member-nickname .nickname-form .am-button,
.team-member-nickname .nickname-form input {
    margin: .2rem 0
}

.team-member-nickname .trans-container-header {
    display: flex;
    padding: 0 .32rem;
    border-bottom: 1px solid #dedede;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-around
}

.team-member-nickname .trans-container-header .trans-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    font-size: .28rem;
    text-align: center;
    color: #accdfb;
    padding: .2rem .1rem;
    border-radius: .1rem;
    background: #edf3ff
}

.team-member-nickname .trans-container-header .trans-container:last-child {
    background: #ebebeb;
    color: #c4c4c4
}

.team-member-nickname .trans-container-header .trans-icon-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
    height: 1rem;
    line-height: 1.2rem;
    color: #a5a5a5;
    text-align: center
}

.team-member-trans header {
    padding: .3rem;
    font-size: .28rem;
    color: #5e5e5e;
    background-color: #fff
}

.team-member-trans header .label {
    font-size: .4rem;
    display: inline-block;
    padding: 0 .2rem;
    color: coral
}

.team-member-trans .am-button,
.team-member-trans input {
    margin: .2rem 0
}

.team-member-trans input {
    height: 1rem;
    padding: 0 .2rem
}

.tt-refresh-balance {
    width: .3rem;
    height: .3rem;
    position: absolute;
    right: 0;
    top: .08rem
}

@keyframes rotate-full {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.tt-refresh-balance.loading {
    animation: rotate-full .5s infinite linear
}

.tt-balance-content {
    position: relative;
    color: #1bb9fc;
    margin-left: .1rem;
    font-weight: 700;
    padding-right: .5rem
}

.team-manage-wrapper .mc-agent-team-list ul li:first-child .team-member-root .team-member-item-header .item-header-name .ti-blue {
    color: #000 !important
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header {
    height: inherit;
    line-height: inherit;
    background-color: #f5f6f7;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    margin: .2rem .2rem 0;
    padding: .26rem .2rem;
    position: relative;
    direction: ltr
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .club-label {
    position: absolute;
    color: #f79a23;
    font-size: .24rem;
    padding: .1rem .23rem;
    background-color: #eef0f1;
    border: .03rem solid #fff;
    border-top-right-radius: .2rem;
    border-bottom-left-radius: .2rem;
    top: 0;
    right: 0;
    max-width: 2.2rem;
    word-break: break-all
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle {
    justify-content: flex-start;
    align-items: flex-start
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon {
    width: .86rem;
    text-align: center
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .user-status {
    width: .2rem;
    display: inline-block;
    height: .2rem;
    border-radius: 50%;
    position: absolute;
    left: .1rem;
    top: .37rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .mc-icon-member {
    margin: 0;
    top: 0;
    fill: #000;
    height: .44rem;
    vertical-align: bottom;
    text-align: center
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .mc-icon-member.icon-player svg {
    height: .27rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .mc-icon-member svg {
    width: .42rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .mc-member-number {
    background-color: rgba(237, 38, 42, .1);
    border-radius: .19rem;
    font-size: .24rem;
    padding: 0 .12rem;
    color: #ec2529;
    line-height: .38rem;
    text-align: center;
    display: inline-block;
    margin-top: .08rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name {
    margin-left: .12rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name {
    font-size: .28rem;
    color: #000;
    line-height: .44rem;
    height: .44rem;
    margin-bottom: .12rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .self {
    padding-left: .05rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .ti-blue {
    color: #3e6ffe
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .nickname-wrap {
    margin-left: .17rem;
    vertical-align: middle
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .nickname-wrap svg {
    width: .31rem;
    height: .31rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .nickname-wrap .nickname-item {
    width: 1.31rem;
    display: inline-block;
    padding-left: .11rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-name .nickname-wrap .nickname-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: .02rem;
    background-color: #a0a0a0;
    bottom: .03rem;
    left: 0
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-name .ti-blance {
    color: #616161;
    font-size: .26rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer {
    padding: .29rem .3rem .18rem .2rem;
    background-color: #fafafa;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    margin: 0 .2rem;
    color: #a8a8a8;
    font-size: .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer .item-left .item-date {
    margin: 0 0 .18rem
}

.team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer .item-right svg {
    fill: #5f5f5f;
    width: .51rem
}

.item-more-popup .am-popup-slide-up {
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem
}

.item-more-popup .am-popup-slide-up .mc-popup-rebate-settings {
    max-height: 90vh;
    max-height: calc(var(--vh, 1vh)*90);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header {
    color: #5b5b5b;
    font-size: .32rem;
    padding: .3rem .24rem;
    position: relative;
    text-align: left
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header.padding-setting {
    padding: .28rem .62rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header.padding-setting .popup-close {
    right: .4rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .popup-close {
    position: absolute;
    right: .1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .popup-close svg {
    fill: #b7b7b7;
    width: .48rem;
    height: .48rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .popup-close.set-rebate {
    right: .4rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title {
    font-size: .32rem;
    color: #5b5b5b;
    display: flex;
    justify-content: left;
    align-items: center
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title .item-icon.icon-player svg {
    height: .27rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title .customer-name {
    font-size: .28rem;
    color: #000
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header .list-title svg {
    fill: #000;
    margin-right: .11rem;
    vertical-align: middle
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content {
    padding: 0 .24rem;
    color: #5b5b5b;
    font-size: .28rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content.padding-setting {
    padding: 0 .5rem 0 .62rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item {
    border-top: 1px solid #e6e6e6;
    padding: .14rem 0;
    display: flex;
    align-items: center
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item .item-icon {
    margin-right: .17rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item .item-icon svg {
    fill: #7f7f7f
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item .red-text {
    color: #ec2529
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item.set-agent-item {
    justify-content: center;
    padding: .4rem 0 .09rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer {
    font-size: .28rem;
    color: #000;
    padding-top: .2rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer .item-icon.icon-player svg {
    height: .27rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer svg {
    fill: #000;
    margin-right: .11rem;
    vertical-align: middle
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form {
    display: flex;
    margin: .2rem 0;
    font-size: .28rem;
    align-items: center
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-left input {
    background-color: #f5f5f5;
    height: .64rem;
    padding: 0 .23rem;
    color: #646464;
    width: 75vw;
    border: none;
    border-radius: .08rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-right {
    flex-grow: 1
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-right button {
    color: #ec2529;
    background: none;
    border: none;
    text-align: center;
    width: 100%;
    height: .64rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info {
    margin-top: .3rem;
    border-bottom: 1px solid #e6e6e6
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info {
    display: flex;
    align-items: center;
    margin-bottom: .24rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info .item-title {
    position: relative;
    padding-right: .25rem;
    font-size: .28rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info .item-title:before {
    position: absolute;
    content: "\FF1A";
    right: -.05rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info .info-customer {
    color: #000;
    padding-left: .4rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
    fill: #ec2529;
    width: .3rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn .am-button-ghost {
    position: relative;
    border: .02rem solid #cdcdcd;
    border-radius: .08rem;
    min-width: 2.04rem;
    height: .6rem;
    display: inline-block;
    align-items: center;
    justify-content: center;
    line-height: .6rem;
    padding: 0 .8rem;
    margin: 0 .32rem .24rem 0;
    text-align: center;
    background-color: #fff;
    font-size: .26rem;
    color: #5b5b5b
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn .am-button-ghost.trans-checked {
    border: .02rem solid #ec2529;
    color: #ec2529;
    background-color: #fef4f4
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail {
    margin: .24rem 0
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item-title {
    color: #5b5b5b
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item {
    position: relative
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item:last-child {
    margin-bottom: .4rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item .pwd-set {
    position: absolute;
    right: .32rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .3rem;
    height: .3rem
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item .pwd-set svg {
    fill: #666;
    width: 100%;
    height: inherit
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item input {
    background-color: #f5f5f5;
    border-radius: .08rem;
    height: .64rem;
    padding: 0 0 0 .22rem;
    font-size: .26rem;
    color: #646464;
    border: none;
    margin: .28rem 0;
    direction: ltr
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-balance {
    font-size: .26rem;
    color: #646464
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-balance .tt-balance-content {
    color: #ec2529
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-balance .tt-balance-content .tt-refresh-balance {
    top: 0;
    bottom: 0;
    margin: auto
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit {
    display: flex;
    margin: .28rem 0 0;
    font-size: .28rem;
    align-items: center;
    height: .79rem;
    line-height: .79rem;
    text-align: center
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit.set-agent .item-confirm {
    width: 100%
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit .item-reset {
    width: 50%;
    background-color: #f5f5f5;
    color: #646464
}

.item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit .item-confirm {
    width: 50%;
    background-color: #fef4f4;
    color: #ec2529
}

.item-more-popup .am-popup-slide-up .team-more-modal .list-name-title {
    padding: 0 .24rem .4rem 0;
    color: #5b5b5b;
    font-size: .28rem
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 12rem;
    perspective: 12rem
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: .27rem;
    height: .44rem;
    margin-top: -.22rem;
    z-index: 10;
    cursor: pointer;
    background-size: .27rem .44rem;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: .1rem;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: .1rem;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: .1rem;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: .08rem;
    height: .08rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: .1rem;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .06rem 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .08rem
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    -webkit-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s;
    -webkit-transition: transform .2s, top .2s, -webkit-transform .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .04rem
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    -webkit-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s;
    -webkit-transition: transform .2s, left .2s, -webkit-transform .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    -webkit-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s;
    -webkit-transition: transform .2s, right .2s, -webkit-transform .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: .04rem;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: .04rem;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: .1rem;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: .03rem;
    z-index: 50;
    height: .05rem;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: .03rem;
    top: 1%;
    z-index: 50;
    width: .05rem;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: .42rem;
    height: .42rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.21rem;
    margin-top: -.21rem;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(.5rem);
    filter: blur(.5rem);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 12rem
}

.mc-new-team-tab .mc-agent-team-tab {
    height: .8rem;
    z-index: 999;
    background: #fff;
    line-height: .8rem;
    width: 100%;
    top: 1rem
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
    text-align: center;
    min-width: 25%;
    margin-left: 0;
    height: .8rem;
    border-bottom: .04rem solid #fff
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    border-bottom: .04rem solid #108ee9
}

.mc-new-team-tab .mc-agent-team-container {
    top: 2rem
}

.mc-agent-team-list {
    width: 100%;
    height: 100%
}

.mc-agent-team-filter {
    height: .97rem;
    position: relative
}

.mc-agent-team-filter .pdfc-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, .3)
}

.mc-agent-team-filter .pnl-date-filter-container {
    position: relative;
    background-color: #fff;
    padding: .2rem;
    top: 0;
    box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
    opacity: 0;
    z-index: -999;
    animation-duration: .5s;
    animation-fill-mode: both
}

@keyframes filter-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mc-agent-team-filter .pnl-date-filter-container.show-filter {
    animation-name: filter-fadeIn;
    z-index: 888;
    opacity: 1
}

.mc-agent-team-filter .pnl-date-filter-container .am-button-ghost {
    color: #565656;
    border: 0
}

.mc-agent-team-filter .pnl-date-filter-container .am-button-ghost svg {
    fill: #565656
}

.mc-agent-team-filter .pnl-date-filter-container .bet-filter-item-content>div {
    display: inline-block;
    min-width: calc(33% - .12rem);
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    margin: .06rem;
    border-radius: .1rem;
    color: #565656;
    border: .02rem solid #d6d6d6;
    vertical-align: top;
    overflow: hidden
}

.mc-agent-team-filter .pnl-date-filter-container .bet-filter-item-content>div.ck-date {
    border: .02rem solid #fe0425;
    color: #fe0425
}

.mc-agent-team-filter .filter-top {
    display: flex;
    align-items: center;
    width: 100%
}

.mc-agent-team-filter .mc-agent-team-filter-search {
    flex: 1 1 0%;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .1rem;
    top: .1rem;
    position: relative;
    display: inline-block
}

.mc-agent-team-filter .mc-agent-team-filter-search svg {
    left: .2rem;
    top: .13rem;
    position: absolute
}

.mc-agent-team-filter .mc-agent-team-filter-search input {
    height: .6rem;
    padding-left: .6rem;
    border-radius: .4rem;
    display: inline-block;
    background-color: #f5f5f5;
    border: none;
    outline: none
}

.mc-agent-team-filter .mc-agent-team-filter-date {
    top: .1rem;
    min-width: 1.8rem;
    position: relative;
    font-size: .26rem;
    height: .77rem;
    text-align: center;
    line-height: .77rem;
    display: inline-block
}

.mc-agent-team-filter .mc-agent-team-filter-date svg {
    position: relative;
    top: 0;
    transform: rotate(-90deg);
    width: .18rem;
    height: .18rem
}

.bet-filter-modal .am-list-body div:not(:last-child) .am-list-line:after {
    border: none !important
}

.team-member-flow .mc-team-flow-unit span {
    display: inline-block;
    padding: 0 .2rem;
    line-height: 1.3;
    border-radius: .1rem
}

.team-member-flow .mc-team-flow-unit span.unit-active {
    color: #3e6ffe;
    border-color: #3e6ffe;
    border: 1px solid #3e6ffe
}

.agent-color {
    color: #3e6ffe !important
}

.filter-null {
    position: relative;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem;
    color: #5b5b5b;
    margin-top: .2rem;
    padding: 0 .06rem
}

.filter-null .mc-switch .checkbox.on:before,
.filter-null .mc-switch.mc-qutas-bg .checkbox:before {
    background: #fff
}

.filter-null .mc-switch .checkbox.on:after {
    background: #3e6ffe !important
}

.filter-null .agrg-downline-type .mc-switch {
    margin: 0 !important
}

.filter-null .mc-switch .checkbox:after {
    background-color: #cdcdcd
}

.filter-null .setting_sort_right {
    right: 0;
    top: 0
}

.footer-pnl-item .ti-item-container {
    position: absolute;
    background: #fff;
    z-index: 9999;
    top: 3.5rem
}

.mc-pnl-container .team-member-flow {
    background: #fff;
    border-bottom: 1px solid #f5f6f7
}

.mc-pnl-container .ti-item-container div {
    display: table-cell;
    vertical-align: middle;
    min-height: .5rem
}

.mc-pnl-container .mt-team-footer {
    padding-right: .24rem;
    width: 50%;
    font-size: .24rem;
    height: 100%;
    position: relative
}

.mc-pnl-container .mt-team-footer i {
    font-style: normal;
    color: inherit
}

.mc-pnl-container .time {
    font-size: .22rem;
    width: 50%
}

.mc-pnl-container .pnl-container {
    padding-bottom: .5rem;
    padding-bottom: calc(.5rem + (var(--safe-area-inset-bottom, 0px)));
    position: fixed;
    background: #fff;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
    animation-name: detail-slideInUp;
    animation-duration: .25s;
    animation-fill-mode: both
}

.mc-pnl-container .pnl-container.hide-pop {
    animation-name: detail-slideOutDown
}

.mc-pnl-container .pnl-container .swiper-pagination-bullets {
    bottom: calc(.08rem + (var(--safe-area-inset-bottom, 0px))) !important
}

@keyframes detail-slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes detail-slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.team-member-item-agents {
    overflow-x: scroll;
    white-space: nowrap;
    flex: 1 1 0%
}

.pnl-filter-date {
    color: #858585 !important
}

.pnl-filter-date svg {
    fill: #858585 !important
}

.pnl-total {
    display: inline-block;
    position: relative;
    padding: 0 .3rem;
    font-size: .28rem;
    color: #000
}

.pnl-total:before {
    content: "";
    height: .3rem;
    position: absolute;
    top: .24rem;
    left: .12rem;
    width: 1px;
    background: #818181
}

.pnl-total i {
    font-style: normal;
    color: #f79a23;
    margin-right: .2rem
}

.footer-content-item {
    box-shadow: 0 .05rem .1rem -.04rem #8c8c8c
}

.footer-content-item .fci-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8888;
    background: rgba(0, 0, 0, .3)
}

.footer-content-item .pnl-team-item .ti-item-container {
    padding-top: .1rem
}

.footer-content-item .pnl-team-item .ti-item-container .bg-white {
    border-bottom: inherit
}

.show-mask-pnl .mc-agent-team-flow {
    position: relative;
    z-index: 9999
}

.pnl-modal-title {
    text-align: center;
    height: .9rem;
    line-height: .9rem;
    font-size: .32rem;
    color: #5b5b5b;
    font-weight: 700;
    position: relative
}

.pnl-modal-title svg {
    position: absolute;
    left: .14rem;
    top: .26rem;
    fill: #b7b7b7
}

.pnl-modal-title i {
    font-style: normal;
    display: inline-block;
    white-space: normal;
    word-break: break-all;
    line-height: 1.2;
    max-width: 80%;
    font-size: .28rem
}

.pnl-table-list div {
    display: inline-block;
    width: 33.33333333%;
    padding: .14rem .06rem;
    font-size: .24rem;
    min-height: .8rem;
    line-height: 1;
    color: #5b5b5b;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    position: relative
}

.pnl-table-list div.pnl-table-header {
    min-height: .9rem
}

.pnl-table-list div span {
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 .2rem;
    text-align: right;
    transform: translate(-50%, -50%)
}

.fixed-bg {
    background: #fafafa
}

.pnl-mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99990;
    background: rgba(0, 0, 0, .3)
}

.pmt-close {
    position: absolute;
    left: .3rem;
    top: .3rem;
    display: inline-block;
    width: .26rem;
    height: .26rem;
    background: url(/mobile/mc/close.5a5a60c6.png) no-repeat;
    background-position: 50%
}

.pnl-table-list-container {
    max-height: 7.2rem;
    overflow-y: scroll;
    margin: 0 .2rem;
    border: 1px solid #cdcccc;
    position: relative
}

.pnl-table-list-container .swiper-container {
    position: static
}

.bank-swiper-pagination,
.profit-swiper-pagination {
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%)
}

.bank-swiper-pagination .swiper-pagination-bullet,
.profit-swiper-pagination .swiper-pagination-bullet {
    width: .18rem;
    height: .18rem;
    margin: 0 .08rem
}

.bank-swiper-pagination .swiper-pagination-bullet-active,
.profit-swiper-pagination .swiper-pagination-bullet-active {
    background: #e70011
}

.pnl-table-list-left {
    width: 20%
}

.pnl-table-list-left div {
    width: 100%;
    min-height: .8rem
}

.table-header-item {
    min-height: .92rem !important
}

.bank-list-pop-container .pnl-table-list-left {
    width: 30% !important
}

.bank-list-pop-container .pnl-table-list-right {
    width: 70% !important;
    border-left: 1px solid #cdcccc
}

.bank-list-pop-container .pnl-table-list-right .pnl-table-list div {
    width: 50% !important
}

.pnl-table-list-right,
.table-bl {
    border-left: 1px solid #cdcccc
}

.pnl-table-list-right {
    width: 80%;
    overflow-x: scroll;
    padding-bottom: .3rem
}

.pnl-table-list-right .pnl-table-list {
    white-space: nowrap
}

.win-amount {
    color: #ec2529 !important
}

.pth-100 {
    width: 100% !important
}

.tb-total-amount {
    width: 66.66666% !important
}

.tb-total-amount span {
    text-align: center !important
}

.pnl-sort-pop .ck-icon {
    position: absolute;
    top: .2rem;
    right: .3rem;
    fill: #ec2529
}

.pnl-sort-pop .am-list-header {
    border: 0 !important
}

.pnl-sort-pop .am-list-header>div {
    text-align: center
}

.pnl-sort-pop .am-list-header span {
    left: 0 !important;
    right: auto !important
}

.loss-amount {
    color: #70b603 !important
}

.pnl-table-list-left,
.pnl-table-list-right {
    display: inline-block;
    vertical-align: top
}

.team-member-root .level-icon {
    width: auto;
    height: .3rem
}

.pnl-table-header {
    background: #fafafa
}

.pnl-table-header .header-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.pnl-table-header .header-wrap .header-text {
    display: inline-block
}

.btm-border,
.pnl-table-list-left .pnl-table-header {
    border-bottom: 1px solid #dbdbdb
}

.swiper-slide-active .pnl-table-list:first-child {
    border-bottom: 1px solid #dbdbdb
}

.mc-agent-team:not(.CN) .pnl-table-header {
    white-space: normal
}

.mc-agent-team:not(.CN) .pnl-table-list div {
    word-break: break-word
}

.mc-agent-team:not(.CN) .mt-team-footer {
    height: .52rem;
    line-height: .52rem;
    vertical-align: top
}

.pnl-table-list-left>div .pnl-table-list:nth-child(2n) {
    background: #fafafa
}

.pnl-table-left,
.pnl-table-list-left span {
    text-align: left !important
}

.pnl-table-list-right .swiper-slide .pnl-table-list:nth-child(odd) {
    background: #fafafa
}

.promotion-detail .pnl-table-list-container>div .pnl-table-list:nth-child(2n) {
    background: #fafafa
}

.pnl-list {
    position: relative
}

.direct-member-pop .pop-mask {
    position: fixed;
    content: "";
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .1)
}

.direct-member-pop .popup-wrapper {
    background: #fff;
    border-radius: .2rem .2rem 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    animation: detail-slideInUp .25s both;
    height: 100%
}

.direct-member-pop .popup-wrapper.hide-pop {
    animation-name: pop-slideOutDown
}

.direct-member-pop .direct-content {
    height: 100%
}

.direct-member-pop .close-btn {
    position: absolute;
    right: .4rem;
    top: .2rem;
    z-index: 2;
    width: .4rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.direct-member-pop .close-btn svg {
    width: .22rem;
    height: .22rem
}

.direct-member-pop .list-wrapper {
    height: 100% !important
}

@keyframes pop-slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        display: none;
        transform: translate3d(0, 100%, 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-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .88rem;
    padding: 0 .16rem;
    background-color: #efeff4
}

.am-search,
.am-search-input {
    position: relative;
    overflow: hidden
}

.am-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    width: 100%;
    height: .56rem;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .06rem
}

.am-search-input .am-search-synthetic-ph,
.am-search-input input[type=search] {
    position: absolute;
    top: 0;
    left: 0
}

.am-search-input .am-search-synthetic-ph {
    z-index: 1;
    height: .56rem;
    line-height: .56rem;
    width: 100%;
    transition: width .3s;
    display: block;
    text-align: center
}

.am-search-input .am-search-synthetic-ph-icon {
    display: inline-block;
    margin-right: .1rem;
    width: .3rem;
    height: .3rem;
    overflow: hidden;
    vertical-align: -.05rem;
    background-repeat: no-repeat;
    background-size: .3rem auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='36' viewBox='0 0 38 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.05 25.23a15.81 15.81 0 0 0 3.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02 7.136.02 15.936c0 8.802 7.172 15.937 16.017 15.937a16 16 0 0 0 10.772-4.143l8.873 8.232 2.296-2.45-8.927-8.282zM16.2 28.933c-7.19 0-13.04-5.788-13.04-12.903 0-7.113 5.85-12.904 13.04-12.904 7.19 0 12.9 5.79 12.9 12.904 0 7.115-5.71 12.903-12.9 12.903z' fill='%23bbb' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.am-search-input .am-search-synthetic-ph-placeholder {
    color: #bbb;
    font-size: .3rem
}

.am-search-input input[type=search] {
    z-index: 2;
    opacity: 0;
    width: 100%;
    text-align: left;
    display: block;
    color: #000;
    height: .56rem;
    font-size: .3rem;
    background-color: transparent;
    border: 0
}

.am-search-input input[type=search]::-webkit-input-placeholder {
    background: none;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]:-ms-input-placeholder {
    background: none;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::placeholder {
    background: none;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.am-search-input .am-search-clear {
    position: absolute;
    display: none;
    z-index: 3;
    width: .3rem;
    height: .3rem;
    padding: .13rem;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .3rem .3rem;
    transition: all .3s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23ccc'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E")
}

.am-search-input .am-search-clear:active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23108ee9'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M8 8l12 12'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-miterlimit='10' d='M20 8L8 20'/%3E%3C/svg%3E")
}

.am-search-input .am-search-clear-show {
    display: block
}

.am-search-cancel {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    opacity: 0;
    padding-left: .16rem;
    height: .88rem;
    line-height: .88rem;
    font-size: .32rem;
    color: #108ee9;
    text-align: right
}

.am-search-cancel-anim {
    transition: margin-right .3s, opacity .3s;
    transition-delay: .1s
}

.am-search-cancel-show {
    opacity: 1
}

.am-search.am-search-start .am-search-input input[type=search] {
    opacity: 1;
    padding-left: .7rem
}

.am-search.am-search-start .am-search-input input[type=search]::-webkit-input-placeholder {
    color: transparent
}

.am-search.am-search-start .am-search-input input[type=search]:-ms-input-placeholder {
    color: transparent
}

.am-search.am-search-start .am-search-input input[type=search]::placeholder {
    color: transparent
}

.am-search.am-search-start .am-search-input .am-search-synthetic-ph {
    padding-left: .3rem;
    width: auto
}

.mc-bet-filter-popup .am-popup {
    overflow: hidden;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem
}

.mc-bet-filter-popup .am-list-header {
    border-bottom: 1px solid #bbb
}

.mc-bet-filter-popup .am-list-content {
    font-size: .28rem !important;
    color: #929292 !important
}

.bfi-name-search {
    color: #999;
    padding-left: .4rem;
    position: relative;
    width: 40% !important
}

.bfi-name-search svg {
    fill: #999;
    position: absolute;
    left: .4rem;
    top: .23rem !important;
    transform: rotate(0deg) !important
}

.bfc-mask {
    content: "";
    left: 0;
    bottom: 0;
    height: calc(100% - 5.3rem);
    background: rgba(0, 0, 0, .5)
}

.bfc-mask,
.bfsc-mask {
    position: fixed;
    width: 100%;
    z-index: 99
}

.bfsc-mask {
    height: calc(100% - .3rem);
    top: 0;
    background: rgba(0, 0, 0, .3)
}

.bet-filter-search-container {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
    display: flex
}

.mc-bet-filter-popup-games .am-popup {
    top: 2.8rem
}

.mc-bet-filter-popup-games:before {
    position: fixed;
    width: 100%;
    height: calc(100% - .3rem);
    top: .9rem;
    z-index: 99;
    background: rgba(0, 0, 0, .3)
}

.bfm-types {
    padding: .1rem
}

.bfm-types div {
    display: inline-block;
    width: 25%;
    font-size: .28rem;
    text-align: center;
    border-radius: .06rem
}

.bfm-types div.ck-icon {
    background: #fff9e9;
    color: red !important;
    top: 0
}

.ck-btn {
    color: red
}

.ck-btn svg {
    fill: red
}

.mask-container .am-popup-mask {
    top: 2.8rem
}

.mask-container .mc-bet-filter-popup .am-popup {
    border-radius: 0 !important
}

.bet-filter-container {
    background: #fff
}

.bet-filter-container .bet-filter-input {
    height: .86rem;
    padding: .1rem .2rem;
    position: relative;
    width: 43%;
    display: inline-block
}

.bet-filter-container .bet-filter-input svg {
    position: absolute;
    left: .4rem;
    top: .24rem;
    fill: #565656
}

.bet-filter-container .bet-filter-input .am-search {
    background: #fff;
    width: 100% !important;
    height: 100%;
    border-radius: .5rem;
    border: none
}

.bet-filter-container .bet-filter-input .am-search .am-search-input,
.bet-filter-container .bet-filter-input .am-search input {
    background: #fff;
    padding-left: .3rem !important
}

.bet-filter-container .bet-filter-input .am-search .am-search-synthetic-ph {
    text-align: left !important;
    padding-left: .26rem
}

.bet-filter-container .bet-filter-input .am-search .am-search-synthetic-ph i {
    display: none
}

.bet-filter-container .bet-filter-input.focus .bi-close {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .24rem;
    right: .7rem;
    background: url(/mobile/mc/input_close.dd0cea0c.png) no-repeat;
    background-size: 100% auto
}

.bet-filter-container .bfsc-search-icon {
    z-index: 999;
    font: inherit;
    fill: #999 !important;
    left: .3rem !important;
    top: .3rem !important;
    width: .3rem;
    height: .3rem
}

.bet-filter-container .bet-filter-sub {
    color: #999;
    position: relative;
    flex: 1 1 0%;
    vertical-align: top;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: .2rem
}

.bet-filter-container .bet-filter-sub .bf-close {
    display: inline-block;
    color: #f07a60;
    right: .6rem;
    background-size: 100% auto;
    margin-left: .1rem;
    word-break: break-all
}

.bet-filter-container .bet-filter-sub div {
    display: inline-block;
    padding: .06rem .2rem;
    position: relative;
    font-size: .28rem
}

.bet-filter-container .bet-filter-sub div.ck {
    color: #565656;
    border: 1px solid #999;
    border-radius: .1rem
}

.bet-filter-container .bet-filter-item {
    min-height: .77rem;
    font-size: 0;
    border-bottom: 1px solid #d6d6d6
}

.bet-filter-container .bet-filter-item div {
    display: inline-block;
    width: 20%;
    height: .77rem;
    font-size: .28rem;
    text-align: center;
    line-height: .77rem;
    overflow: hidden;
    vertical-align: middle;
    position: relative
}

.bet-filter-container .bet-filter-item div>span {
    display: inline-block;
    max-width: 1rem;
    overflow: hidden;
    line-height: 1;
    word-break: break-all
}

.bet-filter-container .bet-filter-item div svg {
    width: .3rem;
    height: .3rem;
    transform: rotate(-90deg);
    position: absolute;
    top: .26rem
}

.bet-filter-container .date-filter-container {
    margin-bottom: .14rem;
    box-shadow: 0 .05rem .1rem -.04rem #8c8c8c
}

.bet-filter-container .bet-filter-item-content {
    font-size: 0;
    padding: .1rem .2rem
}

.bet-filter-container .bet-filter-item-content .ck-date {
    border: .02rem solid #fe0425;
    color: #fe0425
}

.bet-filter-container .bet-filter-item-content>div {
    display: inline-block;
    width: calc(25% - .12rem);
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    margin: .06rem;
    border-radius: .1rem;
    color: #565656;
    border: .02rem solid #d6d6d6;
    vertical-align: top;
    overflow: hidden
}

.bet-filter-container .bet-filter-item-content .bet-filter-item-calendar {
    border: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bet-filter-container .bet-filter-item-content .bet-filter-item-calendar a {
    color: #565656;
    border: .02rem solid #d6d6d6
}

.bet-filter-modal .am-list-header {
    text-align: left;
    position: relative;
    padding: .3rem 0 .3rem .3rem !important;
    color: #232323
}

.bet-filter-modal .am-list-header span {
    position: absolute;
    right: .2rem;
    top: -.06rem;
    display: inline-block
}

.amount-positive-number {
    color: #70b603
}

.amount-negative-number {
    color: red
}

.loss-amount {
    color: #70b603 !important
}

.win-amount {
    color: red !important
}

.amount-zero-number {
    color: #000
}

.record-amount {
    font-weight: 700;
    font-size: .3rem;
    margin-top: .1rem
}

.total-hands {
    color: #108ee9;
    font-style: normal;
    margin: 0 .1rem
}

.cons-bet-item .records-item-content-sy {
    background: none;
    padding-top: 0 !important
}

.cons-bet-item.lott-records-root {
    margin: 0 !important
}

.cons-bet-item .mc_common_overflow span {
    color: #c9c9c9
}

.gameCecords-list-root .am-activity-indicator {
    justify-content: center;
    padding-bottom: .4rem
}

.gameCecords-list-root .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.lott-records-root .records-item-content-sy>div {
    margin-bottom: .2rem
}

.record_date {
    line-height: 1;
    white-space: nowrap
}

.cr-container li {
    border-bottom: 1px solid #a9a9a9
}

.cr-container li .records-item-content-sy {
    position: relative
}

.cr-container li .records-item-content-sy>div:first-child {
    background-color: #f5f5f5;
    padding: .1rem 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-switch {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.am-switch,
.am-switch .checkbox {
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.am-switch .checkbox {
    width: 1.02rem;
    height: .62rem;
    border-radius: .62rem;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    transition: all .3s
}

.am-switch .checkbox:before {
    content: " ";
    position: absolute;
    left: .03rem;
    top: .03rem;
    width: .96rem;
    height: .56rem;
    border-radius: .56rem;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    transition: all .2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.am-switch .checkbox:after {
    content: " ";
    height: .56rem;
    width: .56rem;
    border-radius: .56rem;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: .03rem;
    top: .03rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all .2s;
    box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21)
}

.am-switch .checkbox.checkbox-disabled {
    z-index: 3
}

.am-switch input[type=checkbox] {
    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-switch input[type=checkbox]:checked+.checkbox {
    background: #4dd865
}

.am-switch input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.am-switch input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.4rem);
    -ms-transform: translateX(.4rem);
    transform: translateX(.4rem)
}

.am-switch input[type=checkbox]:disabled+.checkbox {
    opacity: .3
}

.am-switch.am-switch-android .checkbox {
    width: 1.44rem;
    height: .46rem;
    border-radius: .06rem;
    background: #a7aaa6
}

.am-switch.am-switch-android .checkbox:before {
    display: none
}

.am-switch.am-switch-android .checkbox:after {
    width: .7rem;
    height: .42rem;
    border-radius: .04rem;
    box-shadow: none;
    left: .02rem;
    top: .02rem
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox {
    background: #108ee9
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.am-switch.am-switch-android input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.7rem);
    -ms-transform: translateX(.7rem);
    transform: translateX(.7rem)
}

.rmc-date-picker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .1rem 0
}

.rmc-date-picker-item {
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center
}

.rmc-multi-picker,
.rmc-picker {
    height: 2.38rem
}

.rmc-multi-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rmc-picker-item {
    font-size: .16rem;
    height: .34rem;
    line-height: .34rem;
    padding: 0 .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9b9b9b;
    box-sizing: border-box
}

.rmc-picker,
.rmc-picker-item {
    position: relative;
    overflow: hidden;
    width: 100%
}

.rmc-picker {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center
}

.rmc-picker-mask {
    height: 100%;
    margin: 0 auto;
    z-index: 3;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    background-size: 100% 2.04rem;
    background-repeat: no-repeat
}

.rmc-picker-content,
.rmc-picker-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.rmc-picker-content {
    z-index: 1
}

.rmc-picker-indicator {
    box-sizing: border-box;
    width: 100%;
    height: .34rem;
    position: absolute;
    left: 0;
    top: 1.02rem;
    z-index: 3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.rmc-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff
}

.rmc-picker-popup-close {
    display: none
}

.rmc-picker-popup-wrap {
    overflow: auto;
    overflow-scrolling: touch;
    outline: 0
}

.rmc-picker-popup-mask,
.rmc-picker-popup-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050
}

.rmc-picker-popup-mask {
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    filter: alpha(opacity=50)
}

.rmc-picker-popup-mask-hidden {
    display: none
}

.rmc-picker-popup-header {
    background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: linear-gradient(180deg, #e7e7e7, #e7e7e7, transparent, transparent);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rmc-picker-popup-header-left,
.rmc-picker-popup-header-right {
    padding-left: .15rem;
    padding-right: .15rem
}

.rmc-picker-popup-item {
    color: #0ae;
    font-size: .18rem;
    height: .44rem;
    line-height: .44rem;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.rmc-picker-popup-item-active {
    background-color: #ddd
}

.rmc-picker-popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    color: #666;
    cursor: default
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter {
    opacity: 0
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter,
.rmc-picker-popup-fade-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -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
}

.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active,
.rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerFadeIn;
    animation-name: rmcPopupPickerFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerFadeOut;
    animation-name: rmcPopupPickerFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

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

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

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

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

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -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
}

.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active,
.rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeIn;
    animation-name: rmcPopupPickerSlideFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeOut;
    animation-name: rmcPopupPickerSlideFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

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

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

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

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

.mc-lott-record-root {
    position: relative;
    overflow-x: hidden
}

.mc-lott-record-root .play-chooser .am-search-cancel {
    display: none
}

.mc-lott-record-root .select-Box {
    font-size: .63rem;
    position: relative
}

.mc-lott-record-root .select-Box .am-list-content {
    color: #108ee9
}

.mc-lott-record-root .select-Box>div {
    border: 1px solid #108ee9;
    border-radius: .1rem;
    margin-top: .3rem;
    padding: .1rem .2rem .2rem
}

.mc-lott-record-root .select-Box .type {
    display: inline-block;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #108ee9;
    position: absolute;
    background: #fff;
    transform: translateY(-.3rem)
}

.mc-lott-record-root .select-Box span {
    margin-right: .2rem;
    color: #888;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative;
    font-size: .28rem;
    text-align: center;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mc-lott-record-root .select-Box span.active {
    color: #108ee9;
    border-color: #108ee9
}

.mc-lott-record-root .btn {
    margin-top: .2rem
}

.mc-lott-record-root .main {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 2;
    transition: all .25s ease-out
}

.mc-lott-record-root .play-chooser {
    visibility: hidden;
    opacity: 0;
    top: 0;
    padding: 0 .15rem;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 80%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    color: #eee;
    left: 100%;
    transition: all .25s ease-out
}

.mc-lott-record-root .play-chooser.open {
    left: 20%;
    opacity: 1
}

.mc-lott-record-root .play-chooser-open {
    transform: translate3d(-80%, 0, 0)
}

.mc-lott-record-root .chooser-mask {
    transition: opacity .5s;
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    background-color: #000
}

.mc-lott-record-root .chooser-mask.show {
    opacity: .5;
    visibility: visible
}

.lottType-box .am-list-line {
    display: flex !important;
    justify-content: left !important
}

.lottType-box .am-list-extra {
    overflow: auto !important;
    flex-basis: 50% !important;
    text-align: left !important
}

.lottType-box .am-list-arrow {
    position: absolute !important;
    right: 0
}

.lottType-box .am-list-content {
    display: none
}

.lottType-box>.type {
    z-index: 10
}

.play-chooser .chase-number {
    padding: .2rem 0
}

.play-chooser .chase-number>span {
    color: #108ee9
}

.team-betting-filter .flex-shrink1 {
    width: 100%
}

.mc-trans-filter {
    height: .77rem;
    padding-left: .15rem;
    padding-right: .15rem;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 .02rem .05rem -1px rgba(0, 0, 0, .1);
    justify-content: space-between;
    position: relative;
    z-index: 9;
    background: #fff;
    overflow-x: auto
}

.mc-trans-filter .am-button-ghost.am-button-actived {
    color: #fff;
    background-color: #1284d6
}

.mc-trans-filter .am-button-small {
    margin-right: .1rem;
    padding: 0 .1rem;
    min-width: 1rem;
    font-size: .24rem
}

.mc-trans-filter .set-btn.am-button-small,
.mc-trans-filter .vasslage-btn.am-button-small {
    display: flex
}

.mc-trans-filter .set-btn.am-button-small span,
.mc-trans-filter .vasslage-btn.am-button-small span {
    flex: 1 1 0%;
    white-space: normal;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
    word-break: break-word
}

.mc-trans-filter .am-flexbox .am-flexbox-item {
    height: .77rem;
    line-height: .45rem;
    flex: none
}

.am-flexbox.am-flexbox-align-middle.mc-trans-filter {
    align-items: center
}

.mc-date-picker {
    display: block;
    flex: 0 0 37%;
    width: 37%;
    margin-left: .1rem;
    line-height: .4rem
}

.mc-popup-txtype .am-list .am-list-body {
    max-height: 5.4rem;
    overflow: auto
}

.mc-popup-txtype .am-list-header {
    padding: .3rem 0 .18rem .3rem
}

.mc-popup-txtype .am-list-header div {
    padding-right: .3rem;
    text-align: left
}

.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
    position: relative;
    top: .06rem;
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    color: #888
}

.mc-popup-txtype .am-list .am-list-body .am-list-item {
    border-top: 1px solid #bbb
}

.mc-team-filter .am-list-item.am-input-item {
    max-width: 50%;
    height: .6rem;
    min-height: .6rem;
    padding-left: .1rem;
    padding-right: .1rem;
    border-radius: .1rem;
    border: 1px solid #1284d6
}

.mc-team-filter .am-list-item .am-input-control input {
    color: #1284d6
}

.mc-team-filter .am-list-item .am-input-label.am-input-label-5 {
    width: .4rem
}

.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
    position: relative;
    top: .03rem;
    color: #1284d6
}

.mc-trans-filter .chase-number {
    font-size: .26rem;
    color: #108ee9;
    height: 100%;
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding: 0 .2rem
}

.mc-trans-filter .am-search {
    height: .6rem;
    padding: 0 .02rem;
    border-radius: .1rem
}

.mc-trans-filter .am-search-synthetic-ph {
    padding-left: .02rem !important
}

.mc-trans-filter .am-search-start .am-search-synthetic-ph {
    width: 2.5rem !important
}

.mc-trans-filter .am-search-value {
    padding-left: .5rem !important
}

.mc-trans-filter .am-search-cancel {
    padding: 0 .12rem;
    background: #108ee9;
    color: #fff;
    font-size: .26rem;
    border-radius: .1rem
}

.sub-name-search {
    min-width: 65%;
    height: .6rem;
    min-height: .6rem;
    padding-left: .1rem;
    padding-right: .1rem;
    border-radius: .1rem;
    border: 1px solid #1284d6;
    position: relative;
    margin-left: .2rem
}

.sub-name-search input {
    color: #000;
    height: .6rem;
    font-size: .34rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .04rem 0;
    border: 0;
    background-color: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sub-name-search svg {
    fill: #1284d6;
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%)
}

.padding-bottom-1rem {
    padding-bottom: 1rem
}

.padding-bottom-2rem .scroll-inner-container:after {
    content: "";
    display: block;
    padding-bottom: 2rem
}

.betting-footer-wrap .am-flexbox.total-money,
.padding-bottom-2rem .am-flexbox.total-money {
    flex-wrap: wrap
}

.betting-footer-wrap .am-flexbox.total-money-item,
.padding-bottom-2rem .am-flexbox.total-money-item {
    width: 50%
}

.record-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #e8e8e8;
    padding: .5em .6rem;
    max-height: 2rem;
    font-size: .24rem
}

.record-footer .am-flexbox {
    overflow-y: inherit
}

.bet-all-footer {
    background: #fff;
    box-shadow: .02rem .02rem .2rem #9a9a9a;
    padding: .5em .2rem
}

.bet-all-footer .total-money>div {
    width: 50%;
    display: inline-block;
    padding: .04rem 0
}

.bet-all-footer .total-money>div span {
    display: inline-block;
    min-width: 1.2rem;
    padding: 0 .1rem;
    color: #000
}

.amount-positive-number {
    color: #70b603
}

.amount-negative-number {
    color: red
}

.amount-zero-number {
    color: #000
}

.record-amount {
    font-weight: 700;
    font-size: .3rem;
    margin-top: .1rem
}

.order-number-group {
    display: flex;
    align-items: center
}

.order-number-group svg {
    fill: #000;
    margin-left: .05rem;
    width: .35rem;
    height: .36rem
}

.records-item-header-sy {
    position: relative
}

.records-item-header-sy .full_name_tip {
    line-height: 1;
    border-radius: .05rem;
    opacity: 0;
    color: #fff;
    position: absolute;
    top: .8rem;
    max-width: 80%;
    margin: 0;
    background-color: gray;
    padding: .1rem;
    transition: all .5s cubic-bezier(.075, .82, .165, 1)
}

.records-item-header-sy .full_name_tip:after {
    left: .3rem;
    border-left: .2rem solid transparent;
    border-bottom: .2rem solid gray;
    border-right: .2rem solid transparent;
    border-top: .2rem solid transparent;
    bottom: 100%;
    content: "";
    position: absolute;
    height: 0;
    width: .03rem
}

.records-item-header-sy .full_name_tip.showTip {
    opacity: 1
}

.gameCecords-list-root .am-activity-indicator {
    justify-content: center;
    padding-bottom: .4rem
}

.gameCecords-list-root .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.lott-records-root .records-item-content-sy>div {
    margin-bottom: .2rem
}

.record_date {
    line-height: 1;
    white-space: nowrap
}

.am-whitespace.am-whitespace-xs {
    height: .06rem
}

.am-whitespace.am-whitespace-sm {
    height: .12rem
}

.am-whitespace.am-whitespace-md {
    height: .18rem
}

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

.am-whitespace.am-whitespace-xl {
    height: .42rem
}

.lottOrderInfo_root {
    font-size: .26rem;
    padding: .2rem .4rem .1rem;
    background: #fff;
    border-bottom: 1px solid #cecdcd
}

.lottOrderInfo_root span {
    margin-bottom: .1rem
}

.lottOrderInfo_root .order_content {
    width: 2.8rem;
    overflow: hidden;
    display: flex
}

.lottOrderInfo_root .order_content i {
    font-style: normal
}

.lottOrderInfo_root .order_content .content {
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.lottOrderInfo_root .order_content .bett-more {
    color: #108ee9
}

#root.lott-detail .records-info-sy .order-status {
    position: absolute;
    right: .6rem
}

.lottChasing_root {
    font-size: .26rem;
    padding: .2rem 0 .1rem;
    background: #fff;
    border-bottom: 1px solid #cecdcd
}

.lottChasing_root span {
    margin-bottom: .1rem
}

.lottChasing_root .order_content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 2.7rem
}

.lott-detail {
    height: 100%;
    background: #f5f5f5
}

.lott-detail .records-info-sy {
    background: #fff;
    font-size: .26rem;
    margin-bottom: .2rem
}

.lott-detail .records-info-sy .order-info {
    border-bottom: 1px solid #cecdcd;
    padding: .3rem .6rem .2rem
}

.lott-detail .records-info-sy .info-box>span {
    margin-bottom: .1rem
}

.lott-detail .records-info-sy .order-money {
    padding: .3rem .6rem .2rem
}

.lott-detail .records-info-sy .wn-content {
    display: inline-block;
    word-break: break-word
}

.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-picker-col {
    display: block;
    position: relative;
    height: 4.76rem;
    overflow: hidden;
    width: 100%
}

.am-picker-col-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 2.04rem 0
}

.am-picker-col-item {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-size: .32rem;
    height: .68rem;
    line-height: .68rem;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.am-picker-col-item-selected {
    font-size: .34rem
}

.am-picker-col-mask {
    top: 0;
    height: 100%;
    margin: 0 auto;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    background-size: 100% 2.04rem;
    background-repeat: no-repeat
}

.am-picker-col-indicator,
.am-picker-col-mask {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.am-picker-col-indicator {
    box-sizing: border-box;
    height: .68rem;
    top: 2.04rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.am-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-picker-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center
}

.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-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff
}

.am-picker-popup-wrap {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.am-picker-popup-mask,
.am-picker-popup-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.am-picker-popup-mask {
    background-color: rgba(0, 0, 0, .4);
    height: 100%
}

.am-picker-popup-mask-hidden {
    display: none
}

.am-picker-popup-header {
    background-image: linear-gradient(180deg, #e7e7e7, #e7e7e7, transparent, transparent);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.am-picker-popup-header:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-picker-popup-header .am-picker-popup-header-right {
    text-align: right
}

.am-picker-popup-item {
    color: #108ee9;
    font-size: .34rem;
    padding: .18rem .3rem;
    height: .84rem;
    box-sizing: border-box;
    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-picker-popup-item-active {
    background-color: #ddd
}

.am-picker-popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center;
    color: #000
}

.am-picker-popup .am-picker-popup-close {
    display: none
}

.am-picker-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.lott-records-root {
    margin-bottom: .4rem
}

.lott-records-root .records-item-header-sy {
    background: #fff;
    display: flex;
    align-items: center;
    padding: .14rem .6rem;
    height: .7rem;
    line-height: .7rem
}

.lott-records-root .records-item-header-sy .details>span {
    font-size: .26rem;
    color: #108ee9;
    padding: .2rem 0 .2rem .3rem
}

.ri-order-details {
    max-height: .62rem
}

.lott-records-root .records-item-content-sy {
    background: #f9f9f9;
    font-size: .26rem;
    padding: .3rem .6rem .2rem
}

.lott-records-root .records-item-content-sy .is-link {
    color: #4db2f4 !important
}

.lott-records-root .records-item-content-sy .order-info {
    border-bottom: 1px solid #cecdcd;
    display: flex;
    position: relative
}

.lott-records-root .records-item-content-sy .order-info .info-box {
    float: left
}

.lott-records-root .records-item-content-sy .order_status {
    flex: 1 1 0%;
    max-width: 40%
}

.lott-records-root .records-item-content-sy .info-box>span {
    margin-bottom: .1rem
}

.order_status {
    font-size: .26rem;
    line-height: 1.2
}

.lott-record-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.lott-record-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.lott-record-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.lott-record-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.game-record-container {
    position: relative
}

.mc-game-record-right-component {
    display: flex;
    align-items: center;
    gap: .1rem;
    height: 100%;
    flex: 1 1 0%;
    position: relative
}

.am-navbar-right .mc-game-record-right-component .exclude-btn {
    position: relative;
    flex: 1 1 0%
}

.game-record-container .play-chooser .am-search-cancel {
    display: none
}

.game-record-container .select-Box {
    font-size: .63rem;
    position: relative
}

.game-record-container .select-Box .am-list-content {
    color: #108ee9
}

.game-record-container .select-Box>div {
    border: 1px solid #108ee9;
    border-radius: .1rem;
    margin-top: .3rem;
    padding: .1rem .2rem .2rem
}

.ck-icon {
    position: relative;
    top: .1rem
}

.game-record-container .select-Box .type {
    display: inline-block;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #108ee9;
    position: absolute;
    background: #fff;
    transform: translateY(-.3rem)
}

.game-record-container .select-Box span {
    margin-right: .2rem;
    color: #888;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative;
    font-size: .28rem;
    text-align: center;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.game-record-container .select-Box span.active {
    color: #108ee9;
    border-color: #108ee9
}

.game-record-container .btn {
    margin-top: .2rem
}

.game-record-container .main {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 2;
    transition: all .25s ease-out
}

.game-record-container .play-chooser {
    visibility: hidden;
    opacity: 0;
    top: 0;
    padding: 0 .15rem;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 80%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    color: #eee;
    left: 100%;
    transition: all .25s ease-out
}

.game-record-container .play-chooser.open {
    left: 20%;
    opacity: 1
}

.game-record-container .play-chooser-open {
    transform: translateZ(0)
}

.game-record-container .chooser-mask {
    transition: opacity .5s;
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    background-color: #000
}

.game-record-container .chooser-mask.show {
    opacity: .5;
    visibility: visible
}

.lottType-box .am-list-line {
    display: flex !important;
    justify-content: left !important
}

.lottType-box .am-list-extra {
    overflow: auto !important;
    flex-basis: 50% !important;
    text-align: left !important
}

.lottType-box .am-list-arrow {
    position: absolute !important;
    right: 0
}

.lottType-box .am-list-content {
    display: none
}

.lottType-box>.type {
    z-index: 10
}

.play-chooser .chase-number {
    padding: .2rem 0
}

.play-chooser .chase-number>span {
    color: #108ee9
}

.game-record-show-container {
    position: fixed;
    width: 100%;
    height: calc(100vh - 2rem);
    height: calc(var(--vh, 1vh)*100 - 2rem);
    z-index: 100;
    top: 2rem;
    left: 100%;
    transition: all .25s ease-out;
    overflow: hidden
}

.game-record-show-container.open {
    left: 0;
    opacity: 1
}

.mc-trans-filter {
    left: 0
}

.open-modal {
    left: -80%;
    transition: all .25s ease-out
}

.game-record-show {
    width: 80%;
    height: 100%;
    background: #fff;
    padding: .2rem;
    float: right;
    display: flex;
    flex-direction: column
}

.game-record-show .btn-wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.game-record-show .mc-trans-filter {
    padding-left: 0
}

.game-record-show-left {
    width: 20%;
    height: calc(100% - .77rem);
    float: left;
    background: rgba(0, 0, 0, .5);
    padding: .2rem;
    margin-top: .77rem
}

.game-record-show-content {
    width: 100%;
    height: 100%;
    color: #ddd
}

.team-member-item-header {
    padding: .14rem .2rem .14rem .4rem;
    height: .8rem;
    line-height: .8rem;
    background: #fff;
    position: relative
}

.team-member-item-content {
    background: #fcfcfc
}

.records-list-root .team-op {
    color: #a6a6a6;
    font-size: .28rem
}

.mc-icon-member {
    position: relative;
    top: .1rem;
    margin-right: .05rem;
    fill: #5288f8
}

.mc-divider {
    width: .02rem;
    height: .05rem;
    background-color: #777;
    margin: 0 .05rem
}

.mc-divider,
.team-op a {
    display: inline-block;
    color: #5288f8
}

.team-op a {
    -webkit-appearance: none;
    box-sizing: border-box;
    text-align: center;
    font-size: .28rem;
    height: .7rem;
    line-height: .7rem;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
    background-color: #fff;
    outline: 0 none;
    padding: 0 .3rem
}

a.trans-checked {
    color: #fff;
    background-color: #108ee9
}

.team-rebate-mbody {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.team-rebate-title {
    min-height: .96rem;
    line-height: .46rem;
    padding: .25rem .45rem;
    border-bottom: 1px solid #d1d1d1;
    overflow: hidden
}

.team-rebate-title span {
    display: inline-block;
    margin-right: .26rem
}

.team-rebate-tleft svg {
    position: relative;
    top: .12rem
}

.team-rebate-tcenter {
    color: #ff2936
}

.team-rebate-tright {
    color: #000;
    font-size: .4rem
}

.team-rebate-btn {
    padding: .35rem .45rem .1rem;
    overflow: hidden
}

.team-rebate-btnleft,
.team-rebate-btnright {
    width: 45%
}

.team-rebate-btnleft {
    float: left
}

.team-rebate-btnright {
    float: right
}

.team-rebate-btnright .am-button {
    background-color: #ff2936;
    color: #fff
}

.team-rebate-btnright .am-button.team-rebate-btnrhv {
    background-color: rgba(255, 41, 55, .6)
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom {
    width: 23.333% !important;
    margin-right: .1rem !important;
    margin-bottom: .2rem
}

#root .team-member-flow .am-steps-item.am-steps-status-finish.am-steps-custom .am-steps-tail {
    padding-right: 0 !important;
    right: 0
}

#root .team-member-flow .am-steps-label-vertical .am-steps-main {
    margin-top: 0
}

.mc-lps-wrapper {
    position: relative
}

.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-item .am-input-control {
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-list-item .am-input-control .fake-input-container {
    height: .6rem;
    line-height: .6rem;
    position: relative
}

.am-list-item .am-input-control .fake-input-container .fake-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-right: .1rem;
    -webkit-text-decoration: rtl;
    text-decoration: rtl;
    text-align: right;
    color: #000;
    font-size: .34rem
}

.am-list-item .am-input-control .fake-input-container .fake-input.fake-input-disabled {
    color: #bbb
}

.am-list-item .am-input-control .fake-input-container .fake-input.focus {
    transition: color .2s
}

.am-list-item .am-input-control .fake-input-container .fake-input.focus:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    height: 80%;
    border-right: .03rem solid #108ee9;
    -webkit-animation: keyboard-cursor infinite 1s step-start;
    animation: keyboard-cursor infinite 1s step-start
}

.am-list-item .am-input-control .fake-input-container .fake-input-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #bbb;
    text-align: right
}

.am-number-keyboard-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 4rem;
    z-index: 10000;
    font-family: PingFang SC;
    background-color: #f6f6f7;
    transition-duration: .2s;
    transition-property: -webkit-transform display;
    transition-property: transform display;
    transition-property: transform display, -webkit-transform display;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
    bottom: -10rem
}

.am-number-keyboard-wrapper table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-top: 1px solid #ccc
}

.am-number-keyboard-wrapper table tr {
    width: 100%;
    padding: 0;
    margin: 0
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
    width: 25%;
    padding: 0;
    margin: 0;
    height: 1rem;
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: .51rem;
    color: #2a2b2c;
    position: relative
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.am-number-keyboard-item-active {
    background-color: #ddd
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
    color: #fff;
    font-size: .42rem;
    background-color: #108ee9
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
    background-color: #1284d6
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
    background-color: #1284d6;
    color: hsla(0, 0%, 100%, .45)
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='204' height='148' viewBox='0 0 153.000000 111.000000'%3E%3Cpath d='M46.9 4.7c-2.5 2.6-14.1 15.5-25.8 28.6L-.1 57l25.6 27 25.7 27.1 47.4-.3 47.4-.3 3.2-3.3 3.3-3.2V7l-3.3-3.2L146 .5 98.7.2 51.5-.1l-4.6 4.8zm97.9 3.5c1.7 1.7 1.7 92.9 0 94.6-.9.9-12.6 1.2-46.3 1.2H53.4L31.2 80.4 9 56.9l5.1-5.7c2.8-3.1 12.8-14.4 22.2-24.9L53.5 7h45c33.8 0 45.4.3 46.3 1.2z'/%3E%3Cpath d='M69.5 31c-1.9 2.1-1.7 2.2 9.3 13.3L90 55.5 78.8 66.7 67.5 78l2.3 2.2 2.2 2.3 11.3-11.3L94.5 60l11.2 11.2L117 82.5l2.2-2.3 2.3-2.2-11.3-11.3L99 55.5l11.2-11.2L121.5 33l-2.3-2.2-2.2-2.3-11.3 11.3L94.5 51l-11-11c-6-6-11.2-11-11.6-11-.3 0-1.4.9-2.4 2z'/%3E%3C/svg%3E");
    background-size: .51rem .37rem;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-hide {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' width='260' height='188' viewBox='0 0 195.000000 141.000000'%3E%3Cpath d='M0 57v57h195V0H0v57zm183 0v45H12V12h171v45z'/%3E%3Cpath d='M21 31.5V39h15V24H21v7.5zm27 0V39h15V24H48v7.5zm27 0V39h15V24H75v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm27 0V39h15V24h-15v7.5zm-120 24V63h15V48H36v7.5zm27 0V63h15V48H63v7.5zm27 0V63h15V48H90v7.5zm27 0V63h15V48h-15v7.5zm27 0V63h15V48h-15v7.5zm-117 24V87h15V72H27v7.5zm21 0V87h96V72H48v7.5zm102 0V87h15V72h-15v7.5zm-69 45c0 .8.7 1.5 1.5 1.5s1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5.7 1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5.7-1.5 1.5-1.5 1.5-.7 1.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5 1.5z'/%3E%3C/svg%3E");
    background-size: .65rem .47rem;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@-webkit-keyframes keyboard-cursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes keyboard-cursor {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.am-list-item.am-input-item {
    height: .88rem;
    padding-left: .3rem;
    padding-right: .3rem
}

.am-list-item.am-input-item:after {
    display: block;
    position: absolute;
    content: "";
    left: .3rem;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-list-item .am-input-label {
    color: #000;
    font-size: .34rem;
    margin-left: 0;
    margin-right: .1rem;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    padding: .04rem 0
}

.am-list-item .am-input-label.am-input-label-2 {
    width: .68rem
}

.am-list-item .am-input-label.am-input-label-3 {
    width: 1.02rem
}

.am-list-item .am-input-label.am-input-label-4 {
    width: 1.36rem
}

.am-list-item .am-input-label.am-input-label-5 {
    width: 1.7rem
}

.am-list-item .am-input-label.am-input-label-6 {
    width: 2.04rem
}

.am-list-item .am-input-label.am-input-label-7 {
    width: 2.38rem
}

.am-list-item .am-input-control {
    font-size: .34rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.am-list-item .am-input-control input {
    color: #000;
    font-size: .34rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .04rem 0;
    border: 0;
    background-color: transparent;
    line-height: 1;
    box-sizing: border-box
}

.am-list-item .am-input-control input::-webkit-input-placeholder {
    color: #bbb;
    line-height: 1.2
}

.am-list-item .am-input-control input:-ms-input-placeholder {
    color: #bbb;
    line-height: 1.2
}

.am-list-item .am-input-control input::placeholder {
    color: #bbb;
    line-height: 1.2
}

.am-list-item .am-input-control input:disabled {
    color: #bbb;
    background-color: #fff
}

.am-list-item .am-input-clear {
    display: none;
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    overflow: hidden;
    font-style: normal;
    color: #fff;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23fff' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-size: .42rem auto;
    background-position: .04rem .04rem
}

.am-list-item .am-input-clear:active {
    background-color: #108ee9
}

.am-list-item.am-input-focus .am-input-clear {
    display: block
}

.am-list-item .am-input-extra {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    min-width: 0;
    max-height: .42rem;
    overflow: hidden;
    padding-right: 0;
    line-height: 1;
    color: #888;
    font-size: .3rem;
    margin-left: .1rem
}

.am-list-item.am-input-error .am-input-control input {
    color: #f50
}

.am-list-item.am-input-error .am-input-error-extra {
    height: .42rem;
    width: .42rem;
    margin-left: .12rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.266a7.69 7.69 0 0 1 5.469 2.264c.71.71 1.269 1.538 1.657 2.459.404.954.608 1.967.608 3.011a7.69 7.69 0 0 1-2.264 5.469 7.694 7.694 0 0 1-2.459 1.657A7.675 7.675 0 0 1 9 16.734a7.69 7.69 0 0 1-5.469-2.264 7.694 7.694 0 0 1-1.657-2.459A7.675 7.675 0 0 1 1.266 9 7.69 7.69 0 0 1 3.53 3.531a7.694 7.694 0 0 1 2.459-1.657A7.675 7.675 0 0 1 9 1.266zM9 0a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9zm0 11.25a.703.703 0 0 1-.703-.703V4.06a.703.703 0 1 1 1.406 0v6.486A.703.703 0 0 1 9 11.25zm-.791 1.916a.791.791 0 1 1 1.582 0 .791.791 0 0 1-1.582 0z' fill='%23F50' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: .42rem auto
}

.am-list-item.am-input-disabled .am-input-label {
    color: #bbb
}

.am-list-body .am-list-item:last-child {
    border-bottom: 0
}

.am-list-body .am-list-item:last-child:after {
    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-slider {
    position: relative;
    margin: .32rem 0
}

.am-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #ddd;
    height: .04rem;
    box-sizing: border-box
}

.am-slider-wrapper {
    padding: 0 .32rem
}

.am-slider-track {
    position: absolute;
    left: 0;
    height: .04rem;
    border-radius: .04rem;
    background-color: #108ee9
}

.am-slider-handle {
    position: absolute;
    margin-left: -.24rem;
    margin-top: -.24rem;
    width: .44rem;
    height: .44rem;
    cursor: pointer;
    border-radius: 50%;
    border: .04rem solid #108ee9;
    background-color: #fff;
    box-sizing: border-box
}

.am-slider-handle:focus {
    background-color: #40a5ed
}

.am-slider-handle:active {
    background-color: #40a5ed;
    box-shadow: 0 0 .05rem #40a5ed
}

.am-slider-mark {
    position: absolute;
    top: .4rem;
    left: 0;
    width: 100%;
    font-size: .24rem
}

.am-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #000
}

.am-slider-mark-text-active {
    opacity: .3
}

.am-slider-step {
    position: absolute;
    width: 100%;
    height: .08rem;
    background: transparent
}

.am-slider-dot {
    position: absolute;
    bottom: -.1rem;
    margin-left: -.08rem;
    width: .24rem;
    height: .24rem;
    border: .04rem solid #ddd;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.am-slider-dot:first-child {
    margin-left: -.08rem
}

.am-slider-dot:last-child {
    margin-left: -.08rem
}

.am-slider-dot-active {
    border-color: #108ee9
}

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

.am-slider-disabled .am-slider-track {
    height: .04rem
}

.am-slider-disabled .am-slider-dot,
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text {
    cursor: not-allowed;
    box-shadow: none
}

.modal-list-content {
    padding: 0 .24rem;
    color: #5b5b5b;
    font-size: .28rem
}

.modal-list-content .team-rebate-title {
    padding: 0;
    font-size: .28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: inherit
}

.modal-list-content .team-rebate-title .team-rebate-tleft {
    margin-right: .1rem
}

.modal-list-content .team-rebate-title .team-rebate-tleft .icon-player svg {
    height: .27rem;
    top: .05rem;
    width: .42rem
}

.modal-list-content .team-rebate-title .team-rebate-tcenter {
    color: #ec2529
}

.modal-list-content .team-rebate-title .agrg-downline-bnbtdis {
    float: inherit
}

.modal-list-content .team-rebate-title .agrg-downline-bnbtdis .agrg-downline-type {
    font-size: .26rem;
    color: #5b5b5b;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-list-content .team-rebate-title .agrg-downline-bnbtdis .agrg-downline-type .agrg-downline-cname {
    margin-right: 0
}

.modal-list-content .agrg-bouns-main>div:last-child .agrg-downline-bnset:last-child {
    border-bottom: none
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnbt {
    margin: 0;
    border-bottom: none
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnbt .agrg-downline-type {
    display: flex;
    align-items: center
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnbt .agrg-downline-type .agrg-downline-cname {
    line-height: inherit
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset {
    margin: 0;
    height: inherit;
    border-bottom: 1px solid #e6e6e6;
    min-height: 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem 0;
    height: inherit
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap {
    display: flex;
    align-items: center
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap .game-type {
    font-size: .28rem;
    font-weight: 700;
    color: #5b5b5b;
    margin-right: .1rem
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap .game-rebate {
    color: #ec2529
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group {
    display: flex;
    float: inherit;
    flex-grow: 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group .agrg-downline-bnstbt {
    width: .36rem;
    height: .36rem;
    border-radius: .18rem;
    border: 1px solid #9d9d9d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .2rem
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group .agrg-downline-bnstbt:last-child {
    margin-right: 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group .agrg-downline-bnstbt svg {
    width: .3rem;
    height: .3rem;
    fill: #9d9d9d
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnslt,
.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsrt {
    font-size: .26rem;
    color: #5b5b5b;
    line-height: .26rem;
    width: 14%
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct {
    float: inherit;
    flex-grow: 1
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper {
    margin-top: -.06rem
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper .am-slider {
    margin: 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper .am-slider .am-slider-rail {
    height: .1rem;
    border-radius: inherit;
    background-color: #f0f0f0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper .am-slider .am-slider-track {
    box-shadow: 0 .06rem .08rem 0 rgba(255, 4, 75, .1);
    background-color: #ec2529;
    height: .1rem;
    border-radius: inherit
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper .am-slider .am-slider-handle {
    width: .28rem;
    height: .28rem;
    border-radius: .14rem;
    box-shadow: 0 .04rem .06rem 0 rgba(155, 171, 190, .1);
    background-color: #e7ecf2;
    margin: -.1rem -.14rem 0
}

.modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsct .am-slider-wrapper .am-slider .am-slider-step {
    height: .1rem;
    border-radius: inherit
}

.modal-list-content .mc-switch {
    margin: 0 .2rem;
    top: inherit
}

.modal-list-content .mc-switch .checkbox {
    width: .74rem;
    height: .42rem;
    border: .02rem solid #cdcdcd;
    background-color: #fff
}

.modal-list-content .mc-switch .checkbox:before {
    display: none
}

.modal-list-content .mc-switch .checkbox:after {
    width: .42rem;
    height: .42rem;
    background-color: #cdcdcd;
    left: 0;
    top: -1px
}

.modal-list-content .mc-switch .checkbox.on {
    background-color: #fff;
    border: .02rem solid #ec2529
}

.modal-list-content .mc-switch .checkbox.on:before {
    display: none
}

.modal-list-content .mc-switch .checkbox.on:after {
    background-color: #ec2529;
    right: 0;
    top: -1px;
    left: inherit
}

.modal-list-footer.disable-btn .am-button {
    background-color: #efefef;
    color: #aeaeae
}

.modal-list-footer.active-btn,
.modal-list-footer .am-button {
    color: #ec2529;
    background-color: #fef4f4
}

.modal-list-footer .am-button {
    font-size: .28rem;
    height: .8rem;
    line-height: .8rem;
    border: none;
    border-radius: inherit;
    margin: 0
}

.records-root {
    font-size: .32rem;
    margin-bottom: .3rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.record-time {
    left: 0 !important;
    margin: .1rem;
    right: .2rem
}

.record-time .am-popover-inner-wrapper {
    background: #000;
    padding: .1rem;
    color: #fff
}

.record-time .am-popover-arrow {
    background: #000
}

.records-list-root .time {
    font-size: .28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 3.8rem
}

.records-list-root .tic-remark.true>p {
    display: block
}

.records-list-root .tic-remark>p {
    background: #000;
    color: #fff;
    position: absolute;
    max-width: 70%;
    white-space: pre-wrap;
    display: none;
    line-height: 1.4;
    border-radius: .1rem;
    z-index: 888;
    margin: .1rem;
    right: .2rem;
    top: 42%;
    word-break: break-all;
    padding: 1em
}

.mc-transaction-record-root .records-item-header {
    padding: .14rem .4rem;
    height: auto;
    background: #fff
}

.record-icon-yen {
    position: relative;
    top: .08rem;
    margin-right: .15rem;
    color: #3a86f7
}

.records-item-content {
    font-size: .28rem;
    background: rgba(0, 0, 0, .05);
    position: relative
}

.records-list-root .line {
    height: .8rem;
    line-height: .8rem;
    padding: 0 .4rem;
    font-size: .25rem;
    position: static;
    z-index: 2 !important
}

.records-list-root .line-large {
    height: 1rem;
    margin-top: .1rem;
    padding: 0 .4rem;
    z-index: 1 !important
}

.records-list-root .line-large .am-flexbox {
    line-height: .45rem
}

.records-list-root .user-name {
    padding: .3rem .4rem 0;
    font-size: .25rem
}

.tic-code {
    max-width: 50%
}

.mc-transaction-record-root .mc-transaction-filterbar {
    position: absolute;
    width: 100%
}

.mc-transaction-record-root {
    position: relative
}

.mc-transaction-record-root .mc-trans-filter {
    width: 100%
}

.mc-transaction-record-root .am-search-cancel-show {
    display: none
}

.mc-filter-container {
    width: 100%;
    background: #f8f8ff;
    z-index: 99
}

.mc-trans-record-container .empty-text {
    font-size: .32rem;
    margin-top: .3rem;
    padding: .1rem .15rem
}

.mc-trans-record-container .color-red-out {
    color: #f6573a
}

.mc-trans-record-container .color-green-in {
    color: #59d169
}

.mc-transaction-record-root .mc-trans-filter .am-button-small:first-child {
    flex: 0 0 auto !important
}

.mc-transaction-record-root .name-filter {
    padding-top: 0
}

.mc-transaction-record-root .name-filter>span {
    font-size: .3rem
}

.mc-transaction-record-root .mc-trans-filter {
    background: #f5f5f5
}

.tr-item-header {
    position: relative;
    height: .68rem;
    padding: 0 .45rem;
    background: #fff;
    box-shadow: 0 .19rem .4rem 0 rgba(0, 0, 0, .02)
}

.tr-item-content {
    background: #fcfcfc;
    position: relative
}

.tr-item-title {
    font-size: .27rem;
    color: #5e5e5e;
    font-weight: 700;
    margin-left: .14rem
}

.tr-item-time {
    font-size: .26rem;
    color: #a6a6a6
}

.tr-item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 66%;
    display: flex;
    align-items: center
}

.record-icon-ticket {
    display: inline-block;
    width: .54rem;
    height: .6rem;
    background: url(/mobile/mc/bill.b01b2d35.png);
    background-size: cover;
    background-repeat: no-repeat
}

.tr-item-content-item {
    min-height: .36rem;
    line-height: .36rem;
    font-size: .26rem;
    color: #5e5e5e;
    display: flex;
    flex-wrap: wrap;
    padding: .08rem 0 .08rem .24rem;
    margin: 0 .45rem;
    justify-content: space-between
}

.tr-item-detail {
    padding: .16rem 0
}

.tic-footer {
    min-height: .92rem;
    padding: .16rem .45rem .16rem .69rem;
    line-height: normal;
    margin: 0;
    border-top: .02rem solid #f5f5f5
}

.tic-footer-title {
    display: block;
    font-size: .22rem !important;
    font-weight: 700;
    color: #a6a6a6
}

.tic-footer-amount {
    font-size: .3rem;
    color: #000;
    font-weight: 700
}

.mtrr-container .mc-trans-filter,
.mtrr-container .name-filter {
    height: .9rem;
    line-height: .9rem;
    background: #f5f5f5
}

.mtrr-container .name-filter>.mc-trans-filter {
    padding-left: .3rem;
    padding-right: .3rem
}

.mtrr-container .name-filter .mc-trans-filter>a:first-child {
    padding-right: .6rem !important
}

.mtrr-container .mc-trans-filter {
    box-shadow: none;
    border: 0
}

.records-list-root .scroll-inner-container {
    background: #f5f5f5
}

.records-list-root .list-wrapper li {
    margin-bottom: .24rem
}

.tic-remark {
    font-size: .26rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 2.6rem
}

.appDownload {
    min-height: 100%;
    width: 100%;
    position: absolute;
    background: #f6f6f6
}

.appDownload:after {
    content: "";
    display: block;
    height: 1.4rem
}

.appDownload .appDownload-header {
    background: url(/mobile/mc/appDownload-header.ba1c108b.png) no-repeat;
    background-size: 100% 100%;
    height: 3.26rem;
    padding: 0 .3rem
}

.appDownload .appDownload-header .app-name {
    text-indent: 1em;
    font-size: .4rem;
    line-height: 1.5rem;
    color: #fff;
    font-weight: 700
}

.appDownload .appDownload-header .appDownload-header-content {
    height: 2.1rem;
    border-radius: .28rem;
    background: #fff;
    position: relative;
    bottom: -.68rem;
    padding-left: 2.25rem;
    padding-top: .33rem
}

.appDownload .appDownload-header .appDownload-header-content .app-icon {
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
    top: -.34rem;
    left: .3rem;
    border-radius: .28rem;
    background-color: #76bfff;
    z-index: 1px;
    overflow: hidden
}

.appDownload .appDownload-header .appDownload-header-content .app-icon img {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem
}

.appDownload .appDownload-header .appDownload-header-content .official-logo {
    color: #34bff9;
    background: url(/mobile/mc/official-logo.9c6a1a43.png) no-repeat;
    background-size: 100% 100%;
    padding: 0 1em;
    min-width: .68rem;
    font-size: .2rem;
    display: inline-block;
    vertical-align: middle;
    height: .38rem;
    margin-left: .13rem;
    line-height: .38rem
}

.appDownload .appDownload-header .appDownload-header-content .app-full-name {
    max-width: 2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: .38rem;
    font-size: .32rem;
    color: #2a2b2d;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.appDownload .appDownload-header .appDownload-header-content .app-star-grade {
    margin-top: .12rem;
    height: .25rem;
    font-size: .24rem;
    font-weight: 700;
    color: #757575
}

.appDownload .appDownload-header .appDownload-header-content .app-star-grade .star-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAMAAAAc9R5vAAAAb1BMVEUAAAD/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/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wD/2wAZz5IsAAAAJHRSTlMA1+746M9oQAny3aiTOCIMxsC1mHdzb1U8MBIBrp6JhV9JMhovLTHFAAAAqUlEQVQoz3WRVxLDIAxEBe424BqX9KL7nzGUDAOD8j73DWJBEFC0Z6BYETtScESkjmyouROCGdH0SS7RUiZidIJFYX08O/wxldKNU/PIOEY07XCTkCMNMDrnoDgpdgCVEXkFmneab2Cpgih+5Suedgo2EeY5eOLOTe3zPksqOXb8c8caC+GFcEFrO4Sbv6ImWwBK+6XFJSw1f+xmHsb4WgsffJNjyoU58QX26SqtkBvKkgAAAABJRU5ErkJggg==) no-repeat;
    background-size: .24rem .25rem;
    height: .25rem;
    width: .24rem;
    margin-right: .08rem;
    display: inline-block
}

.appDownload .appDownload-header .appDownload-header-content .app-star-grade .grade-text {
    display: inline-block;
    vertical-align: top
}

.appDownload .appDownload-header .appDownload-header-content .app-download-btn {
    position: absolute;
    top: .39rem;
    right: .3rem;
    padding: 0 .38rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .26rem;
    background: #3887fe;
    color: #fff;
    text-align: center;
    border-radius: .32rem;
    cursor: pointer
}

.appDownload .appDownload-tabs {
    margin-top: .98rem;
    padding: 0 .3rem;
    line-height: .48rem
}

.appDownload .appDownload-tabs p {
    text-align: justify
}

.appDownload .appDownload-tabs .view-item {
    min-width: 50%;
    text-align: center;
    color: #5e5e5e;
    line-height: .88rem;
    float: left;
    position: relative;
    font-weight: 700
}

.appDownload .appDownload-tabs .am-tabs-ink-bar {
    background-color: unset
}

.appDownload .appDownload-tabs .am-tabs-bar,
.appDownload .appDownload-tabs .am-tabs-tab {
    background-color: transparent;
    border: none
}

.appDownload .appDownload-tabs .am-tabs-tab-active {
    border-bottom: none !important
}

.appDownload .appDownload-tabs .am-tabs-tab-active .view-item:before {
    content: "";
    border-radius: .03rem;
    background: #2297ff;
    height: .06rem;
    width: .36rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.18rem
}

.appDownload .appDownload-tabs .tips-red {
    color: #ff3636
}

.appDownload .appDownload-tabs .view-content {
    margin-top: .5em;
    padding: 0 .37rem;
    color: #5e5e5e
}

.appDownload .appDownload-tabs .view-content img {
    width: 100%
}

.appDownload .donw-load-btn {
    position: fixed;
    bottom: .4rem;
    height: .64rem;
    width: calc(100% - .6rem);
    left: .3rem;
    line-height: .64rem;
    font-size: .26rem;
    background: #3887fe;
    color: #fff;
    text-align: center;
    border-radius: .32rem;
    cursor: pointer
}

.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-progress-outer {
    background-color: #ddd;
    display: block
}

.am-progress-fixed-outer {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2000
}

.am-progress-hide-outer {
    background-color: transparent
}

.am-progress-bar {
    border: .04rem solid #108ee9;
    transition: all .3s linear 0s
}

#root .member-benefits {
    position: relative;
    background: #f5f5f9;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow-y: auto
}

#root .member-benefits .mc-header-wrap .am-navbar-right {
    flex: 1 1 0%;
    padding: 0 .3rem 0 .1rem
}

#root .member-benefits .mc-header-wrap .am-navbar-right .vip-rule {
    font-size: .3rem;
    font-weight: 600;
    line-height: 1;
    text-align: right
}

.member-benefits-wrapper {
    flex: 1 1 0%;
    padding: .2rem .3rem;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.member-level-info {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.2rem;
    border-radius: .2rem;
    background: linear-gradient(0deg, #f1f9ff, #b3bcc8);
    position: relative;
    gap: .16rem
}

.member-level-info:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/mobile/mc/level-info-bg.adf05721.png) no-repeat 50%/cover;
    z-index: 0
}

.member-level-info .level-info {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    flex: 1 1 0%
}

.member-level-info .level-info .label-name {
    flex: 1 1 0%;
    font-size: .44rem;
    font-weight: 800;
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: hsla(0, 0%, 100%, .1);
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: 1;
    color: #333;
    word-break: break-word
}

@supports(-webkit-line-clamp:2) {
    .member-level-info .level-info .label-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.member-level-info .level-info .level-img {
    height: 1.37rem;
    margin: -.08rem .25rem 0
}

.member-level-info .level-info .level-img img {
    height: 100%;
    object-fit: contain
}

.member-level-info .level-btn {
    border-radius: .7rem 0 0 .7rem;
    background: hsla(0, 0%, 100%, .4);
    box-shadow: -.03rem .09rem .2rem 0 rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    width: 2.4rem;
    min-height: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    padding: .1rem .15rem .1rem .24rem;
    color: #434851;
    font-size: .2rem;
    font-weight: 600;
    line-height: 1;
    word-break: break-word
}

.member-level-info .level-btn svg {
    width: .3rem;
    height: .3rem
}

.maintainRank-wrapper {
    border-radius: .2rem;
    border: .0213rem solid hsla(0, 0%, 100%, .3);
    background: linear-gradient(102deg, #fefefe, #eddeba 50%, #f0c2a7);
    background-clip: padding-box;
    box-shadow: inset 0 -.08519rem .08519rem 0 hsla(37, 34%, 76%, .06), inset 0 .08519rem .08519rem 0 hsla(37, 34%, 76%, .06);
    display: flex;
    align-items: center;
    padding: .24rem 0 .24rem .12rem;
    position: relative;
    min-height: 2.52rem;
    gap: .08rem
}

.maintainRank-wrapper:after {
    content: "";
    width: 1.71rem;
    height: 2.14rem;
    margin-right: -.11rem;
    background: url(/mobile/mc/maintain-img.8b2accc8.png) no-repeat 50%/contain
}

.maintainRank-wrapper .maintainRank-wrap {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.maintainRank-wrapper .condition-title {
    color: #333;
    font-size: .2rem;
    font-weight: 700
}

.maintainRank-wrapper .condition-info,
.maintainRank-wrapper .condition-item {
    display: flex;
    flex-direction: column;
    gap: .14rem
}

.maintainRank-wrapper .condition-item .item-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    min-height: .54rem;
    gap: .2rem
}

.maintainRank-wrapper .condition-item .item-top .task-text {
    flex: 1 1 0%;
    font-size: .22rem;
    font-weight: 600;
    background: linear-gradient(90deg, #87591e, #aa7a31);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.maintainRank-wrapper .condition-item .item-top .task-view {
    color: #977b55;
    font-size: .28rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

.maintainRank-wrapper .condition-item .item-top .task-view .symbol {
    margin-right: .08rem
}

.maintainRank-wrapper .condition-item .item-top .task-view .target {
    font-size: .22rem;
    font-weight: 600
}

.maintainRank-wrapper .condition-item .item-progress .am-progress-outer {
    border-radius: .8rem;
    background: hsla(0, 0%, 100%, .7);
    -webkit-backdrop-filter: blur(.04rem);
    backdrop-filter: blur(.04rem);
    padding: .02rem .04rem;
    height: .1rem
}

.maintainRank-wrapper .condition-item .item-progress .am-progress-outer .am-progress-bar {
    width: 0;
    border-radius: .8rem;
    background: linear-gradient(90deg, #87591e, #aa7a31);
    height: .06rem !important;
    border: none;
    position: relative;
    animation: progressAnimationStrike 1.5s ease-in
}

.rankBenefits-wrapper .rankBenefits-list-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .12rem;
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
    padding: .2rem .3rem 0
}

.rankBenefits-wrapper .rankBenefits-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    padding-bottom: .2rem
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-bottom,
.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-top {
    width: 100%;
    display: flex;
    align-items: stretch;
    gap: .3rem
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title {
    width: calc(50% - .15rem);
    position: relative;
    display: flex;
    align-items: center;
    gap: .18rem;
    color: #fd2f2f;
    font-size: .22rem;
    font-weight: 600;
    min-height: .81rem
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title .title-txt {
    flex: 1 1 0%
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-title:before {
    content: "";
    width: .76rem;
    height: .79rem;
    background: url(/mobile/mc/rankBenefit-img.8ee2929c.png) no-repeat 50%/contain
}

.rankBenefits-wrapper .rankBenefits-list .rankBenefits-item .item-info {
    width: calc(50% - .15rem);
    min-height: .72rem;
    color: #4c4d4f;
    font-size: .2rem;
    font-weight: 400;
    padding: .12rem .1rem;
    border-radius: .06rem;
    background: linear-gradient(270deg, rgba(188, 230, 252, 0), rgba(126, 193, 255, .2));
    display: flex;
    align-items: center
}

.rankBenefits-wrapper .rankBenefits-more {
    min-width: 3.74rem;
    height: .42rem;
    border-radius: .12rem .12rem 0 0;
    padding: .05rem;
    color: #fff;
    font-size: .24rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.benefits-title {
    color: #666;
    font-size: .28rem;
    font-weight: 600;
    padding-left: .4rem;
    border-left: .1rem solid #fd2f2f;
    margin: .4rem 0 .24rem
}

.upgrade-wrapper .am-popup {
    background-color: transparent
}

.upgrade-wrapper .upgrade-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.upgrade-wrapper .upgrade-list-wrap {
    border-radius: .16rem;
    background: #fff;
    width: 6.3rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-height: calc(var(--vh, 1vh)*100 - 2rem)
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top {
    position: relative;
    min-height: 1.2rem;
    display: flex;
    align-items: center;
    padding: 0 .24rem 0 .4rem;
    gap: .35rem;
    border-radius: .16rem .16rem 0 0
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/upgrade-bg.adf05721.png) no-repeat 50%/cover;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-title {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .12rem;
    font-weight: 700;
    font-size: .32rem;
    position: relative;
    z-index: 1;
    color: #333
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-title .subtitle-item {
    font-size: .24rem;
    font-weight: 500
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-img {
    margin-top: -.08rem;
    height: 1.37rem
}

.upgrade-wrapper .upgrade-list-wrap .upgrade-top .top-img img {
    height: 100%;
    object-fit: contain
}

.upgrade-wrapper .upgrade-info-wrapper {
    flex: 1 1 0%;
    overflow-y: auto;
    border-radius: 0 0 .16rem .16rem;
    padding: .3rem .2rem;
    display: flex;
    flex-direction: column;
    gap: .14rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item {
    border-radius: .14rem;
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
    padding: .2rem;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-text {
    color: #a6a6a6;
    font-size: .24rem;
    font-weight: 600
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap {
    display: flex;
    align-items: flex-end;
    gap: .1rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info {
    color: #656565;
    font-size: .28rem;
    font-weight: 700
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info .symbol {
    margin-right: .08rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-view-info .target {
    font-size: .22rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .06rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress {
    flex: 1 1 0%;
    display: flex;
    gap: .37rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress .progress {
    flex: 1 1 0%;
    height: .16rem;
    border-radius: .8rem;
    border: 1px solid hsla(0, 0%, 95%, .2);
    background: hsla(0, 0%, 97%, .7);
    -webkit-backdrop-filter: blur(.04rem);
    backdrop-filter: blur(.04rem);
    display: flex;
    align-items: center;
    padding: .02rem .04rem
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress .progress-done {
    height: 100%
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .item-progress .progress-done span {
    width: 100%;
    display: flex;
    height: 100%;
    border-radius: .8rem;
    animation: upgradeAnimationStrike 1.5s ease-in
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .task-progress .current-progress {
    font-size: .22rem;
    font-weight: 600
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .btn-task-status {
    min-height: .54rem;
    width: 1.08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    border: .03rem solid hsla(0, 0%, 100%, .2);
    background: #333;
    font-size: .2rem;
    font-weight: 600;
    color: #fff;
    padding: 0 .05rem;
    text-align: center
}

.upgrade-wrapper .upgrade-info-wrapper .info-item .task-info-wrap .btn-task-status.done {
    border-radius: .8rem;
    border: .03rem solid hsla(0, 0%, 100%, .2);
    background: var(--green, #23e63a)
}

.upgrade-wrapper .upgrade-close svg {
    width: .8rem;
    height: .8rem
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .1rem
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .rankRewardDetail-tab-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .54rem;
    border-radius: .16rem;
    background: hsla(0, 0%, 100%, .7);
    box-shadow: 0 0 .2rem 0 rgba(0, 0, 0, .04);
    -webkit-backdrop-filter: blur(.02rem);
    backdrop-filter: blur(.02rem);
    color: #666;
    font-size: .2rem;
    font-weight: 600;
    gap: .04rem;
    padding: 0 .04rem
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .rankRewardDetail-tab-wrapper .tab-item {
    padding: 0 .2rem;
    min-width: 1.03rem;
    border-radius: .12rem;
    height: .46rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn {
    min-width: 1.6rem;
    height: .54rem;
    font-size: .22rem;
    font-weight: 600;
    text-shadow: 0 0 .02rem rgba(0, 0, 0, .4);
    padding: 0 .2rem;
    border-radius: .12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    background: linear-gradient(0deg, #f1f9ff, #b3bcc8)
}

.rankRewardDetail-wrapper .rankRewardDetail-filter-wrapper .history-btn svg {
    width: .32rem;
    height: .32rem
}

.rankRewardDetail-wrapper .unlock-time-wrapper {
    margin: .2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .1rem
}

.rankRewardDetail-wrapper .unlock-time-wrapper .time-info {
    gap: .12rem;
    display: flex;
    align-items: center;
    color: #666;
    font-size: .2rem;
    font-weight: 500
}

.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time {
    font-size: .24rem;
    font-weight: 600
}

.rankRewardDetail-wrapper .unlock-time-wrapper .unlock-time .wysiwyg {
    display: flex;
    align-items: center;
    gap: .1rem;
    padding-bottom: 0
}

.rankRewardDetail-wrapper .unlock-time-wrapper .info-icon {
    display: flex;
    align-items: center
}

.rankRewardDetail-wrapper .unlock-time-wrapper .info-icon svg {
    width: .34rem;
    height: .34rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item {
    width: 100%;
    min-height: 1.54rem;
    background: url(/mobile/mc/not-unlocked.0d475e2c.png) no-repeat 50%/contain;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .14);
    position: relative;
    padding: .18rem .31rem 0 1.67rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .2rem;
    font-weight: 700;
    color: #666
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item.unlocked {
    background: url(/mobile/mc/unlocked.6f51516b.png) no-repeat 50%/contain
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item.unlocked:not(:last-child):after {
    border-right: 1px solid hsla(136, 8%, 74%, .2);
    border-left: 1px solid hsla(136, 8%, 74%, .2);
    background: #80ecbc;
    box-shadow: inset -.03rem 0 0 0 rgba(213, 252, 239, .6), inset .05rem 0 0 0 #76d8ae
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item:not(:last-child):after {
    position: absolute;
    content: "";
    width: .22rem;
    height: .4rem;
    border-right: 1px solid hsla(136, 8%, 74%, .2);
    border-left: 1px solid hsla(136, 8%, 74%, .2);
    background: #bababa;
    box-shadow: inset -.03rem 0 0 0 #e8e8e8, inset .05rem 0 0 0 hsla(0, 0%, 50%, .6);
    left: .65rem;
    bottom: -.4rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .07rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    gap: .1rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item .num {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .05rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-top .top-item svg {
    width: .28rem;
    height: .28rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 500;
    color: hsla(0, 0%, 40%, .8);
    line-height: .48rem
}

.rankRewardDetail-wrapper .rankRewardDetail-list-wrapper .list-item .item-info:before {
    content: "";
    margin: .04rem 0;
    width: 100%;
    height: .02rem;
    border-radius: .6rem;
    background: hsla(0, 0%, 40%, .1)
}

.upConditions-wrapper {
    position: relative;
    padding-bottom: .5rem
}

.upConditions-wrapper .upConditions-subtitle {
    color: #666;
    font-size: .22rem;
    font-weight: 400
}

.upConditions-wrapper .upConditions-list-wrap {
    margin: .2rem 0 0;
    position: relative;
    border-radius: .2rem;
    background: #fff;
    box-shadow: 0 0 .4rem 0 rgba(255, 236, 170, .3)
}

.upConditions-wrapper .upConditions-list-wrap .list-item {
    display: flex;
    flex-direction: column
}

.upConditions-wrapper .upConditions-list-wrap .list-item.default-title {
    position: absolute;
    top: .8rem;
    left: 0;
    width: 33%;
    color: #666;
    font-size: .24rem;
    font-weight: 600;
    background: linear-gradient(180deg, rgba(241, 249, 255, .15), rgba(179, 188, 200, .15));
    z-index: 1
}

.upConditions-wrapper .upConditions-list-wrap .list-item.prev .item-name {
    opacity: .5
}

.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-name {
    color: #e4e4e4
}

.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-name img {
    filter: grayscale(100%)
}

.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-info .item-mid,
.upConditions-wrapper .upConditions-list-wrap .list-item.next .item-info .item-top {
    color: #e4e4e4
}

.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-name {
    color: #000
}

.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-name img {
    filter: none
}

.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-info .item-mid,
.upConditions-wrapper .upConditions-list-wrap .list-item.moving .item-info .item-top {
    color: #e4e4e4
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-name {
    font-size: .22rem;
    font-weight: 700;
    color: #000;
    height: .8rem;
    padding: .12rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .2rem
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-name img {
    height: .56rem;
    object-fit: contain
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info {
    height: 1.94rem;
    padding: .22rem .08rem;
    display: flex;
    flex-direction: column;
    word-break: break-word;
    border-bottom: .02rem solid hsla(240, 7%, 94%, .5)
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-top {
    font-size: .24rem;
    font-weight: 700
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-mid {
    margin-top: .04rem;
    color: #979797;
    font-size: .2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .04rem;
    text-align: right
}

.upConditions-wrapper .upConditions-list-wrap .list-item .item-info .item-bottom {
    flex: 1 1 0%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    color: rgba(0, 0, 0, .5);
    font-size: .24rem;
    font-weight: 700
}

.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet {
    fill: #fff;
    filter: drop-shadow(0 .02rem .02rem rgba(0, 0, 0, .1));
    width: .24rem;
    height: .24rem;
    bottom: 0
}

.upConditions-wrapper .swiper-pagination .swiper-pagination-bullet-active {
    height: .2rem;
    bottom: .02rem;
    border-radius: .5rem;
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .1)
}

@keyframes upgradeAnimationStrike {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.rewardsHistory-wrapper {
    width: 100%;
    margin: 0 auto;
    background: #f5f5f9
}

.rewardsHistory-search {
    margin: .2rem .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rewardsHistory-search .search-tab-wrapper {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: .12rem;
    padding: .04rem
}

.rewardsHistory-search .search-tab-wrapper .tab-item {
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    height: .46rem;
    padding: 0 .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .12rem
}

.rewardsHistory-search .search-tab-wrapper .tab-item.on {
    background: linear-gradient(0deg, #f1f9ff, #b3bcc8)
}

.rewardsHistory-search .select-date .am-button-ghost {
    border-radius: .1rem;
    border: .02rem solid #666;
    color: #666;
    font-size: .2rem;
    font-weight: 700;
    height: .54rem;
    line-height: .54rem;
    padding: 0 .12rem
}

.rewardsHistory-search .select-date .am-button-ghost .am-icon {
    margin-right: .16rem
}

.rewardsHistory-search .search-result .list-wrapper {
    background: transparent
}

.rewardsHistory-search .search-result .scroll-inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .14rem
}

.rewardsHistory-search .search-result .scroll-inner-container li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rewardsHistory-search .search-result .scroll-inner-container .list-item {
    width: calc(100% - .6rem);
    border-radius: .14rem;
    background: #fff;
    box-shadow: inset 0 -.06rem 0 0 rgba(0, 0, 0, .03), 0 0 .2rem 0 rgba(255, 236, 170, .3);
    display: flex;
    flex-direction: column;
    padding: .2rem;
    gap: .12rem;
    margin: .06rem 0
}

.rewardsHistory-search .search-result .scroll-inner-container .list-item .item-date {
    font-size: .2rem;
    font-weight: 500;
    color: #a6a6a6
}

.rewardsHistory-search .search-result .scroll-inner-container .list-item .item-title {
    min-height: .68rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333;
    font-size: .24rem;
    font-weight: 600;
    position: relative;
    padding-bottom: .26rem
}

.rewardsHistory-search .search-result .scroll-inner-container .list-item .item-title:after {
    position: absolute;
    bottom: .13rem;
    content: "";
    width: 100%;
    height: .02rem;
    border-radius: .4rem;
    background: #ebebeb
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group {
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .2rem;
    font-weight: 700;
    color: #666
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-info {
    display: flex;
    align-items: center;
    gap: .14rem;
    min-height: .42rem
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-icon {
    border-radius: .42rem;
    width: .42rem;
    height: .42rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-icon.bonus {
    border: 1.68px solid hsla(0, 0%, 100%, .6);
    background: #5076f3
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-icon.point {
    border: 1.68px solid hsla(0, 0%, 100%, .6);
    background: #fdb752
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-icon.ticket {
    border: 1.68px solid hsla(0, 0%, 100%, .6);
    background: #fb556a
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-icon svg {
    width: .26rem;
    height: .26rem
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .num {
    display: flex;
    align-items: center;
    gap: .05rem;
    line-height: 1
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-status {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .34rem;
    height: .34rem
}

.rewardsHistory-search .search-result .scroll-inner-container .item-group .item-status svg {
    width: 100%;
    height: 100%
}

.terms-conditions {
    background: #f5f5f9;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: column
}

.terms-conditions .rule-wrapper {
    flex: 1 1 0%;
    padding: .2rem .3rem;
    height: 100%;
    display: flex;
    flex-direction: column
}

.terms-conditions .rule-content {
    flex: 1 1 0%;
    border-radius: .14rem;
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
    padding: .2rem;
    color: #979797;
    font-size: .2rem;
    font-weight: 500
}

.terms-conditions .rule-content img {
    max-width: 100%;
    object-fit: contain
}

.common-center-top {
    background-repeat: no-repeat;
    background-size: calc(100% - .3rem) calc(100% - .3rem), auto 80%, 100% 100%;
    background-position: 50%, bottom .1rem right .1rem;
    min-height: 4.36rem;
    width: 90%;
    margin: 1.2rem auto 0;
    position: relative;
    overflow: hidden;
    border-radius: .28rem;
    padding-top: .8rem
}

.common-center-top.forProm {
    margin: .19rem auto 0
}

.common-center-top.no-level {
    background-image: url(/mobile/mc/border.b5fa93b3.png), url(/mobile/mc/badge.bf45a271.png), linear-gradient(90deg, #f1f9ff, #b3bcc8) !important
}

.common-center-top .last-login-info {
    color: rgba(37, 37, 37, .5);
    padding: .12rem 0 0 .7rem;
    font-size: .24rem
}

.common-center-top .last-login-info .member-level-name {
    margin-top: .15rem;
    margin-left: -.24rem
}

.common-center-top .last-login-info .last-login-item {
    margin-top: .16rem;
    position: relative
}

.common-center-top .last-login-info .last-login-item:before {
    content: "";
    position: absolute;
    left: -.24rem;
    top: 50%;
    margin-top: -.06rem;
    background-color: #b9c6d8;
    border-radius: 50%;
    width: .12rem;
    height: .12rem
}

.common-center-top .btn-check-view {
    display: inline-block;
    border-radius: .3rem;
    box-shadow: 0 .02rem .1rem 0 hsla(0, 0%, 43%, .5);
    min-width: 1.5rem;
    color: #454545;
    padding: 0 .28rem;
    min-height: .54rem;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, 0) 67%, #fff);
    line-height: .52rem;
    font-size: .24rem;
    text-align: center;
    font-weight: 700
}

.common-center-top .common-top-img {
    height: 1.16rem;
    width: 1.16rem;
    min-width: 1.16rem;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    border: .06rem solid #caa86d
}

.common-center-top .common-member-info {
    display: flex;
    align-items: center;
    color: rgba(37, 37, 37, .6);
    font-size: .41rem;
    line-height: 1;
    font-weight: 700;
    padding: 0 .42rem;
    white-space: normal
}

.common-center-top .common-member-info .user-info {
    margin: 0 .15rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.common-center-top .common-member-info .user-name {
    width: 100%;
    display: flex;
    align-items: center;
    margin-right: .2rem;
    margin-bottom: .02rem
}

.common-center-top .common-member-info .user-name .copy-account {
    color: #000;
    font-size: .3rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

.common-center-top .common-member-info .user-name .copy-account svg {
    margin-left: .1rem;
    width: .35rem;
    height: .35rem;
    fill: #000
}

.common-center-top .common-member-info .nickname-edit {
    flex-wrap: wrap;
    position: relative;
    display: flex;
    align-items: center;
    font-size: .24rem;
    font-weight: 700;
    color: rgba(37, 37, 37, .6);
    margin-top: .13rem
}

.common-center-top .common-member-info .nickname-edit .name-text {
    display: flex;
    max-width: 4rem;
    word-break: break-word;
    white-space: break-spaces
}

.common-center-top .common-member-info .nickname-edit .go-to-edit {
    margin-left: .1rem
}

.common-center-top .common-member-info .nickname-edit .go-to-edit svg {
    width: .31rem;
    height: .31rem;
    fill: rgba(37, 37, 37, .6)
}

.common-center-top .common-member-info .nickname-edit span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 2.5rem;
    line-height: 1.2
}

.common-center-top .common-member-info .amount-info {
    display: flex;
    margin-top: .04rem
}

.common-center-top .currency {
    padding-right: .04rem;
    font-size: 90%
}

.common-center-top .currency.back {
    order: 1
}

.cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .54rem;
    padding: 0 .75rem 0 1.4rem;
    background-image: url(/mobile/mc/sign.4c5310da.png), linear-gradient(0deg, #bb0c0c, #ec515b);
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.cumulative-sign-in a {
    color: inherit
}

.cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .51rem;
    position: absolute;
    left: .1rem;
    top: 0;
    z-index: 9;
    background: url(/mobile/mc/top.ff5ff179.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    position: absolute;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAYCAMAAAAS21dbAAAAYFBMVEUAAAD2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYf2hYePm/CpAAAAH3RSTlMA+Obth0IXDAby4MCQSDYuI9rQzHVX6LarqoBuaF9OTNUBHwAAAIJJREFUGNNdkNsSREAMRGUY1t0u607+/y+RojMmb32qkk53UBqKPoFOz8yjA4jPyRPoiK/5xR7IGoBFQFgB/OUGlQA2FbAB1EZ2OoDmK6AAiFsPJLnc8E6YR1YhPNUxtbfcCS/qg6a+5fpO1Glizds+cuZ3QeI7aF9XkMnp02ZUOPIAQKoPDTi3mn4AAAAASUVORK5CYII=) 50%;
    background-repeat: no-repeat;
    background-size: .18rem .28rem
}

.refresh-balance {
    width: .36rem;
    height: .36rem
}

@keyframes rotate-full {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.refresh-balance.loading {
    animation: rotate-full .5s infinite linear
}

.level-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.member-level-name {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAhCAMAAACoVtiLAAAASFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACrhKybAAAAGHRSTlMAZkBNYgNfFDAGUyELWRkQSzo1KiZGHUnmeP/XAAABPElEQVQ4y8WS3ZKDIAyFAwRBBRS17fu/6WoOnU79Yb3a/a4ySU5IQuiUZBS/BrpNYrXC9xWdEh53860CDd2FIYi3BRqC6SLc5/z89rQyxGh3icMgQbMFXxJ0OpQpvFILgaAd6sZ1qtWZy/NohadWoqNSGo9NDOuJvJ6az4Atb6uZV8sjRjRvYd6KGOR19Fkh0pQnciyuIOPD9S6s3p80yn/BaCN8xpLtxEAQhUtvaWvJx1K2MMljcbZ4vrjSqjWxkWnt/CRaECplll5WlVl60laWaDc954Bt80cQW7j06uuH2Tt6E+Q89UDoGpT7cw9pfveNr5LgsvpiTiOMvL8P9Qtuf9JNPb87udAq/iBIdUGgA7GWP9IRXxMsdCRU8tnSCeZaoOmM5VqQTgXtaC540P/gdIWAnPvn5/5Q8AMVTwrXxKIMmwAAAABJRU5ErkJggg==) no-repeat;
    background-size: .48rem .33rem;
    height: .33rem;
    line-height: .42rem;
    padding-left: .54rem;
    color: rgba(37, 37, 37, .6);
    font-size: .24rem;
    font-weight: 700
}

.member-level-name.hide-icon {
    display: none
}

.common-member-level {
    margin: .24rem .42rem 0;
    position: relative
}

.common-member-level .last-login-item {
    margin-top: .16rem;
    position: relative;
    padding-left: .3rem;
    color: rgba(37, 37, 37, .6);
    font-size: .24rem
}

.common-member-level .last-login-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.06rem;
    background-color: #b9c6d8;
    border-radius: 50%;
    width: .12rem;
    height: .12rem
}

.common-member-level .member-progress-warp {
    display: flex;
    font-size: .26rem;
    color: #fff;
    margin-top: .1rem;
    align-items: center
}

.common-member-level .member-progress-warp .level-progress-text {
    padding-left: .1rem;
    min-height: .3rem;
    color: rgba(37, 37, 37, .6)
}

.common-member-level .quanyi-go {
    font-size: .28rem;
    height: .33rem;
    line-height: .3rem;
    padding-right: .3rem;
    color: rgba(0, 0, 0, .6);
    background: url(/mobile/mc/right.530b2394.png) 100% no-repeat;
    background-size: auto 80%
}

.common-member-level .quanyi-go a {
    color: inherit;
    font-size: .26rem
}

.common-member-level .member-level-progress-bar {
    position: relative;
    background-color: hsla(0, 0%, 40%, .3);
    height: .08rem;
    flex: 1 1 0%;
    border-radius: .04rem
}

.common-member-level .member-level-progress-bar .cur-progress-bar {
    position: absolute;
    height: .08rem;
    left: 0;
    top: 0;
    width: 0;
    background-color: hsla(0, 0%, 100%, .9);
    border-radius: .04rem
}

#root .reward-center {
    background: url(/mobile/mc/mall-bg.c29e722c.png) top no-repeat;
    background-size: 100% auto;
    background-position-y: -.34rem
}

#root .reward-center .mc-navbar-blue {
    background: transparent !important;
    position: relative
}

#root .reward-center .for-rewardCenter-hide {
    display: none
}

#root .reward-center .gain-card-wrap {
    flex-direction: row;
    display: flex;
    align-items: stretch;
    justify-content: space-evenly;
    margin-top: .11rem;
    padding: 0 .36rem .38rem;
    gap: .21rem
}

#root .reward-center .gain-card-wrap .gain-card {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    border-radius: .16rem;
    padding: .16rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .3))
}

#root .reward-center .gain-card-wrap .gain-card svg {
    width: .24rem;
    height: .24rem;
    margin-right: .05rem
}

#root .reward-center .gain-card-wrap .gain-card .gain-title {
    font-size: .24rem;
    font-weight: 400;
    margin-bottom: .24rem
}

#root .reward-center .gain-card-wrap .gain-card .gain-total {
    width: 100%;
    flex-grow: 1;
    font-size: .37rem;
    font-weight: 700;
    word-wrap: break-word
}

#root .reward-center .reward-today-bonus {
    display: flex;
    align-items: center;
    height: .6rem;
    position: relative;
    color: #fff;
    padding-left: .1rem;
    line-height: .54rem;
    border-radius: .39rem;
    margin: .4rem .42rem 0;
    background: rgba(0, 0, 0, .4);
    background-size: .36rem .33rem
}

#root .reward-center .reward-today-bonus .reward-content-info {
    display: flex;
    flex-direction: row;
    width: 100%;
    line-height: 1.2
}

#root .reward-center .reward-today-bonus .reward-content-info span {
    display: flex;
    align-items: center
}

#root .reward-center .reward-today-bonus .reward-content-info:before {
    border-radius: 50%;
    margin-right: .1rem;
    display: block;
    content: "";
    background-color: #ffd4d7;
    width: .46rem;
    height: .46rem;
    flex-shrink: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/mobile/mc/reward-today-bonus.1aa27ef4.png)
}

#root .reward-center .reward-today-bonus .point {
    padding-right: .27rem;
    flex-grow: 1;
    justify-content: flex-end;
    display: flex
}

#root .reward-center .reward-today-bonus .btn-check-view {
    position: absolute;
    right: .42rem;
    top: 0
}

#root .reward-center .reward-today-bonus .btn-check-view a {
    color: inherit
}

#root .reward-center .reward-user-integral {
    display: flex;
    align-items: center;
    height: .54rem;
    margin: .11rem 0 .2rem;
    position: relative;
    width: 100%;
    color: #694015;
    padding: 0 .42rem;
    line-height: .54rem
}

#root .reward-center .reward-user-integral .reward-content-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .04rem;
    line-height: 1.2;
    position: relative
}

#root .reward-center .reward-user-integral .reward-content-info:before {
    content: "";
    width: .36rem;
    height: .33rem;
    background: url(/mobile/mc/cash.4696e03d.png) no-repeat 50%/contain
}

#root .reward-center .reward-user-integral .btn-check-view {
    position: absolute;
    right: .42rem;
    top: 0
}

#root .reward-center .reward-user-integral .btn-check-view a {
    color: inherit
}

#root .reward-center .task-list-warp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: .56rem .42rem 0
}

#root .reward-center .task-list-item {
    width: 48%;
    margin-bottom: .34rem;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

#root .reward-center .task-list-item .item-bg {
    width: 100%;
    height: auto
}

#root .reward-center .task-list-item .item-icon {
    position: absolute;
    display: inline-block;
    top: 15%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 10%;
    min-width: .9rem;
    min-height: .9rem;
    border-radius: 50%
}

#root .reward-center .task-list-item .item-icon img {
    position: absolute;
    width: 50%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block
}

#root .reward-center .task-list-item .task-list-title {
    position: absolute;
    width: 100%;
    top: 58%;
    left: 50%;
    font-size: .28rem;
    transform: translateX(-50%)
}

#root .reward-center .task-list-item .task-list-title div {
    max-height: .64rem;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

#root .reward-center .task-list-item .task-list-title p {
    font-size: .22rem;
    margin-top: .04rem
}

.record_list_root {
    background: #f7f6fb;
    padding-top: .5rem
}

.records-items-content {
    height: 2.6rem;
    background-color: #fafafa;
    position: relative;
    margin-bottom: .3rem
}

.records-items-content .content_left {
    background: url(/mobile/mc/promotion_bg1.c2a98c28.png);
    background-size: 100% 100%;
    height: 2.6rem;
    padding-top: .2rem;
    width: 7.4rem
}

.records-items-content .content_left>div {
    width: 100%;
    overflow-y: initial
}

.records-items-content.background2 .content_left {
    background-image: url(/mobile/mc/promotion_bg2.15e50d17.png)
}

.records-items-content.background2 .ticket {
    background-image: url(/mobile/mc/ticket2.97b0c110.png)
}

.records-items-content.background3 .content_left {
    background-image: url(/mobile/mc/promotion_bg3.933f3c7a.png)
}

.records-items-content.background3 .ticket {
    background-image: url(/mobile/mc/ticket3.3e9b28f4.png)
}

.records-items-content .content_right {
    text-align: center;
    width: 2.6rem;
    color: #8c8c8c
}

.records-items-content .content_right .get_pro {
    display: inline-block;
    width: 1.3rem;
    height: .7rem;
    line-height: .7rem;
    color: #fff;
    background-color: #32d005;
    border-radius: .4rem;
    font-size: .3rem;
    margin-top: .25rem
}

.records-items-content .ticket {
    width: 3rem;
    height: 1.85rem;
    background: url(/mobile/mc/ticket1.b1816f05.png);
    background-size: 100% 100%;
    text-align: center;
    padding-top: .75rem;
    margin: 0 .2rem;
    margin-top: .2rem;
    color: #fff;
    font-size: .6rem;
    font-weight: 700;
    flex-shrink: 0
}

.records-items-content .ticket .yuan {
    font-size: .28rem
}

.records-items-content .pro_content {
    padding-top: .25rem;
    flex: 1 1 0%;
    overflow: hidden
}

.records-items-content .pro_content .pro_name {
    color: #727272;
    font-weight: 900;
    font-size: .33rem;
    margin-bottom: .1rem;
    margin-top: .1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.records-items-content .pro_content .pro_remark {
    color: #bababa;
    white-space: normal;
    height: 2.3em;
    padding-right: 1em;
    overflow: hidden
}

.row_bottoms div,
.row_tops div {
    width: 50%
}

.row_bottoms .time,
.row_tops .time {
    background: #1face1;
    color: #fff;
    font-size: .28rem
}

.not_activity h2 {
    padding: 0 .5rem;
    font-size: .48rem;
    color: #ccc;
    text-align: center;
    line-height: 6rem;
    font-weight: 400
}

.ticket-center-container {
    padding-left: .2rem;
    color: #b3b3b3
}

.ticket-center-container span {
    display: inline-block;
    border-bottom: .04rem solid #fff;
    padding: .2rem;
    font-size: .28rem
}

.ticket-center-container span.tcc-active {
    color: #fa1f4e;
    border-bottom: .04rem solid #fa1f4e
}

.reward-icon {
    width: .41rem;
    height: .44rem;
    display: inline-block
}

.icon-points {
    fill: #fa3fbc
}

.icon-points,
.icon-sign {
    display: inline-block;
    width: .44rem;
    height: .44rem;
    background-size: 100% auto
}

.icon-sign {
    fill: #734efe
}

.icon-task {
    display: inline-block;
    width: .44rem;
    height: .44rem;
    fill: #0bc3c9;
    background-size: 100% auto
}

.ticket-count {
    position: absolute;
    top: -.1rem;
    right: -.16rem
}

.ticket-count i {
    display: inline-block;
    padding: .08rem .16rem;
    text-align: center;
    background: linear-gradient(180deg, #ff5841, #fe0425);
    border-radius: .3rem;
    color: #fff;
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif;
    font-size: .22rem;
    font-style: normal
}

.reward-content {
    padding: .2rem 0
}

.task-notice {
    text-align: left
}

.mall-home-top {
    width: 100%;
    height: 3.3rem;
    background-size: cover
}

.mall-home-top .reward-point {
    display: flex;
    gap: .06rem;
    align-items: center;
    margin: .24rem 0 .38rem
}

.mall-home-top .reward-point .mall-point-svg {
    width: .28rem;
    height: .28rem
}

.mall-home-top .remain-wrap {
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .6rem 0 .56rem;
    height: 1.22rem;
    background-size: 6.93rem auto;
    background-image: url(/mobile/mc/point-deco.88bac3ae.png);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    bottom: -.23rem;
    min-height: 1.3rem;
    min-width: 6.94rem;
    position: relative;
    z-index: 1
}

.mall-home-top .remain-wrap svg {
    display: block;
    top: .07rem;
    right: .28rem;
    position: absolute;
    height: .98rem;
    min-width: 1.18rem
}

.mall-home-top .remain-wrap:after {
    position: absolute;
    content: "";
    width: 1.18rem;
    height: .98rem
}

.mall-home-top .remain-wrap .remain-point-title {
    font-size: .3rem;
    font-weight: 400
}

.mall-home-top .remain-wrap .remain-point-total {
    font-size: .5rem;
    font-weight: 700
}

.mall-home-top .mall-header {
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    margin: .6rem 0 0 .5rem;
    border-radius: 50%;
    border: .1rem solid #9fd2f9;
    overflow: hidden;
    margin-top: .24rem;
    position: relative;
    z-index: 1
}

.mall-home-top .mall-header img {
    width: 100%;
    height: 100%
}

.mall-home-top .mall-number-info {
    float: left;
    margin: .3rem 0 0 .3rem;
    color: #fff;
    font-size: .26rem
}

.mall-home-top .mall-number-info p {
    padding: .05rem 0
}

.mall-home-top .mall-number-info p.mall-user-integral {
    padding: .1rem .15rem
}

.mall-home-top .mall-number-info .mall-user-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 2.5rem;
    overflow: hidden;
    font-weight: 700
}

.mall-home-top .mall-number-info .mall-user-amount {
    font-size: .42rem;
    font-weight: 700
}

.mall-home-top .mall-user-integral {
    position: relative;
    margin: .12rem 0 0;
    height: .4rem;
    line-height: .18rem;
    font-size: .24rem;
    background: rgba(39, 32, 32, .14);
    border-radius: .4rem;
    padding: .1rem .15rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .04rem
}

.mall-home-top .mall-user-integral .mall-intergral-svg {
    fill: #fef565
}

.ticket-item {
    height: 2.5rem;
    position: relative;
    margin-bottom: .2rem;
    box-shadow: 0 .08rem .8rem rgba(0, 0, 0, .1);
    background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center
}

.ticket-item.unavailable:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    -webkit-backdrop-filter: blur(.025rem);
    backdrop-filter: blur(.025rem);
    top: 0;
    left: 0;
    z-index: 0
}

.ticket-item.unavailable .ticket .ticket-card {
    position: relative
}

.ticket-item.unavailable .ticket .ticket-card:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: .2rem
}

.ticket-item.unavailable .ticket .ticket-card .item-date {
    font-size: .2rem;
    font-weight: 600
}

.ticket-item .operating {
    width: 1.75rem;
    background: #fff;
    height: 100%;
    text-align: center;
    padding: .17rem .08rem;
    color: #bababa;
    font-size: .24rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.ticket-item .operating .due-title {
    width: 100%;
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .08rem
}

.ticket-item .operating p {
    flex: 1 1 0%
}

.ticket-item .ticket-item-btn {
    color: #fff;
    border-radius: .4rem;
    background: #30d005;
    box-shadow: 0 .03rem .08rem 0 rgba(53, 213, 106, .48);
    font-size: .22rem;
    font-weight: 400;
    width: 1.6rem;
    min-height: .6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
    padding: 0 .05rem
}

.ticket-item .ticket-item-btn.expired {
    border-radius: .4rem;
    background: #d5d5d5;
    box-shadow: 0 .03rem .08rem 0 hsla(0, 1%, 70%, .48)
}

.ticket-item .ticket {
    flex: 1 1 0%;
    margin: 0 .3rem;
    display: flex;
    align-items: center;
    gap: .12rem;
    position: relative;
    z-index: 1
}

.ticket-item .ticket .ticket-card {
    border-radius: .2rem;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    padding: .15rem .09rem;
    width: 2.18rem;
    min-height: 1.5rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(0deg, #07e5ed, #1075f2);
    box-shadow: 0 .05rem .2rem rgba(10, 182, 213, .35)
}

.ticket-item .ticket .ticket-card .card-wrapper {
    flex: 1 1 0%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .06rem;
    font-weight: 400
}

.ticket-item .ticket .ticket-card .card-wrapper .item-type {
    font-size: .22rem
}

.ticket-item .ticket .ticket-card .card-wrapper .item-title {
    font-size: .25rem
}

.ticket-item .ticket .ticket-card .card-wrapper .item-date {
    font-size: .24rem;
    word-break: break-word
}

.ticket-item .ticket .ticket-card span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.ticket-item .ticket .ticket-info {
    flex: 1 1 0%;
    padding: 0 .14rem 0 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: .05rem;
    position: relative;
    z-index: 1
}

.ticket-item .ticket .ticket-info h3 {
    color: #737373;
    font-size: .28rem;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .ticket-item .ticket .ticket-info h3 {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.ticket-item .ticket .ticket-info .ticket-desc {
    display: flex;
    flex-direction: column;
    font-size: .24rem;
    color: #666;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .ticket-item .ticket .ticket-info .ticket-desc {
        display: -webkit-box !important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.ticket-item .ticket .ticket-info .ticket-desc.ellipsis:after {
    content: "...";
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 .2rem 1px .45rem
}

.ticket-item .ticket .ticket-info .ticket-desc span {
    display: block
}

.ticket-item .ticket .ticket-info .gift-desc {
    display: inline-flex;
    align-items: center;
    gap: .06rem;
    color: #888;
    font-size: .2rem;
    border-radius: .5rem;
    background: hsla(0, 0%, 100%, .8);
    padding: .06rem .1rem;
    min-height: .39rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ticket-item .ticket .ticket-info .gift-desc .desc-txt {
    word-break: break-word
}

.ticket-item .ticket .ticket-info .gift-desc svg {
    width: .2rem;
    height: .2rem;
    fill: #888
}

.ticket-item.RAFFLE {
    background: url(/mobile/mc/tiket_bg_red.ef244f9f.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.RAFFLE .ticket-card {
    background-image: linear-gradient(0deg, #ff73c3, #f425d4);
    box-shadow: 0 .05rem .2rem rgba(254, 52, 216, .35)
}

.ticket-item.MISSION_MANUAL {
    background: url(/mobile/mc/mission.6efa4cb3.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.MISSION_MANUAL .ticket-card {
    background-image: linear-gradient(0deg, #ff73c3, #f425d4);
    box-shadow: 0 .05rem .2rem rgba(254, 52, 216, .35)
}

.ticket-item.GIFT_CODE {
    background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.GIFT_CODE .ticket-card {
    background-image: linear-gradient(0deg, #07e5ed, #1075f2);
    box-shadow: 0 .05rem .2rem rgba(10, 182, 213, .35)
}

.ticket-item.PRIZE_WHEEL {
    background: url(/mobile/mc/tiket_bg_orange.69c4f2e7.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.PRIZE_WHEEL .ticket-card {
    background-image: linear-gradient(0deg, #ff7282, #f52644);
    box-shadow: 0 .05rem .2rem rgba(255, 114, 130, .35)
}

.ticket-item.GOLDEN_EGG,
.ticket-item.NEW_REGISTER,
.ticket-item.TEMU {
    background: url(/mobile/mc/tiket_bg_orange.69c4f2e7.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.GOLDEN_EGG .ticket-card,
.ticket-item.NEW_REGISTER .ticket-card,
.ticket-item.TEMU .ticket-card {
    background-image: linear-gradient(0deg, #ff773b, #ff1e31);
    box-shadow: 0 .05rem .2rem rgba(255, 117, 59, .35)
}

.ticket-item.CASH_VOUCHER {
    background: url(/mobile/mc/tiket_bg_orange_2.a0c3fc51.png) no-repeat;
    background-size: 100% 100%
}

.ticket-item.CASH_VOUCHER .ticket-card {
    background: linear-gradient(180deg, #fb9231, #fdc456);
    box-shadow: 0 .04rem .04rem 0 rgba(252, 170, 67, .4)
}

.ticket-item.FREE_SPIN {
    background: url(/mobile/mc/tiket_bg_green.c9fc0ec8.png) no-repeat;
    background-size: 100% 100%
}

.ticket-item.FREE_SPIN .ticket-card {
    background: transparent linear-gradient(180deg, #30c100, #a7e500) 0 0 no-repeat padding-box;
    box-shadow: 0 .08rem .15rem #08c90031
}

.ticket-item.UPGRADE_BONUS {
    background: url(/mobile/mc/tiket_bg_yellow.2a73b198.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.UPGRADE_BONUS .ticket-card {
    background-image: linear-gradient(0deg, #feea40, #ff8d1e);
    box-shadow: 0 .05rem .2rem rgba(254, 234, 64, .35)
}

.ticket-item.MANUAL,
.ticket-item.RANK_SALARY {
    background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.MANUAL .ticket-card,
.ticket-item.RANK_SALARY .ticket-card {
    background-image: linear-gradient(0deg, #07e5ed, #1075f2);
    box-shadow: 0 .05rem .2rem rgba(10, 182, 213, .35)
}

.ticket-item.dis .ticket-card {
    background-image: linear-gradient(0deg, #a2a2a2, #cdcdcd)
}

.ticket-item.dis .ticket-item-btn {
    background: #a2a2a2;
    box-shadow: 0 .03rem .08rem #a2a2a2
}

.ticket-item .count-down {
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif;
    font-size: .24rem;
    font-weight: 700;
    font-style: normal;
    color: #666
}

.ticket-item .days {
    font-size: .68rem;
    color: #666;
    font-weight: 700
}

.ticket-item .days.small {
    font-size: .5rem;
    line-height: 1.2
}

.ticket-item .days i {
    font-size: .2rem;
    font-style: normal
}

.ticket-item .permanent {
    font-size: .32rem;
    color: #666;
    font-weight: 700;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 45%;
    transform: translate(-50%, -50%)
}

.modal-gift-code .am-modal-content {
    max-height: 90vh;
    max-height: calc(var(--vh, 1vh)*90);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.modal-gift-code .am-modal-header {
    padding: .03rem .51rem .3rem
}

.modal-gift-code .am-modal-body {
    padding: 0 .51rem;
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.modal-gift-code .am-modal-body img {
    max-width: 100%
}

.modal-gift-code .modal-gift-title {
    color: #656565;
    font-size: .3rem;
    font-weight: 800
}

.modal-gift-code .modal-gift-info {
    flex: 1 1 0%;
    font-size: .24rem;
    color: #6e6e6e;
    overflow-y: auto
}

.modal-gift-code .am-modal-button {
    border-top: none;
    width: -webkit-max-content;
    width: max-content;
    height: .64rem;
    padding: 0 .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    background: #fd2f2f;
    font-size: .3rem;
    font-weight: 900;
    color: #fff;
    margin: 0 auto .33rem
}

.not_activity h2 {
    font-size: .46rem;
    margin-top: .6rem;
    color: #ccc;
    text-align: center;
    line-height: 1rem;
    font-weight: 400
}

.ticket-center-container {
    padding-left: .2rem;
    color: #b3b3b3
}

.ticket-center-container span {
    display: inline-block;
    border-bottom: .04rem solid #fff;
    padding: .2rem;
    font-size: .28rem
}

.ticket-center-container span.tcc-active {
    color: #fa1f4e;
    border-bottom: .04rem solid #fa1f4e
}

.collarCenter.fixed {
    position: fixed
}

.collarCenter.prize-bg {
    background-color: #fb471e
}

.gift-modal {
    text-align: center
}

.gift-modal .gift-modal-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 100011;
    top: 0;
    background: linear-gradient(4deg, rgba(0, 0, 0, .65), rgba(40, 40, 40, .65))
}

.gift-modal .show-gift {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: 100012;
    transform: translate(-50%, -50%)
}

.gift-modal .show-gift .receive-btn {
    display: inline-block;
    color: #bb7e1c;
    text-align: center;
    background-size: 100% auto;
    z-index: 1;
    bottom: -.65rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .45rem;
    padding: .25rem 1.05rem;
    background-image: linear-gradient(90deg, #ebcba3, #fffffe 55%, #f9ead2 99%);
    box-shadow: 1px .09rem .189rem .021rem hsla(33, 66%, 70%, .3)
}

.gift-modal .show-gift .receive-btn span {
    display: inline-block;
    font-size: .36rem;
    white-space: nowrap;
    position: relative;
    word-break: keep-all;
    z-index: 9
}

.gift-modal .show-gift img {
    width: 100%
}

.gift-modal .show-gift .gift-content {
    color: #fff;
    font-size: .36rem;
    font-weight: 700;
    position: absolute;
    left: 50%;
    padding-top: 1.02rem;
    top: 50%;
    transform: translate(-50%, -50%)
}

.gift-modal .show-gift .gift-content .title {
    margin-bottom: 5%;
    text-shadow: 0 .03rem .027rem rgba(212, 133, 27, .2)
}

.gift-modal .show-gift .gift-content .content {
    font-size: .3rem;
    font-weight: 400
}

.gift-modal .show-gift .close-gift {
    position: absolute;
    right: 0;
    margin-right: .48rem;
    top: .4rem;
    width: .5rem
}

.new-show-gift {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    padding: .4rem;
    z-index: 998;
    transform: translate(-50%, -50%)
}

.new-show-gift .new-show-gift-bg {
    width: 88%
}

.new-show-gift .close-gift {
    position: absolute;
    right: -.1rem;
    margin-right: .48rem;
    top: -.1rem;
    width: .6rem
}

.new-show-gift .gift-content {
    width: 90%;
    text-align: center
}

.new-show-gift .gift-content .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: .28rem;
    top: 14%;
    color: #fdfae3;
    margin-top: .2rem
}

.new-show-gift .gift-content .content {
    font-size: 1.2rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    top: 27%;
    margin-left: .1rem;
    color: #fdfae3;
    font-weight: 700;
    text-shadow: .03rem -.04rem .0324rem rgba(88, 23, 3, .34)
}

.new-show-gift .gift-content .content.small {
    font-size: .5rem;
    line-height: 3
}

.new-show-gift .receive-btn {
    display: inline-block;
    color: #bb7e1c;
    text-align: center;
    background-size: 100% auto;
    z-index: 1;
    bottom: -.44rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .6rem;
    padding: .04rem .82rem
}

.new-show-gift .receive-btn:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    border-radius: .6rem;
    left: .1rem;
    top: .1rem;
    background-image: linear-gradient(1turn, #f98824 2%, #e62f19 98%)
}

.new-show-gift .receive-btn:before {
    content: "";
    width: 100%;
    z-index: 9;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1rem;
    border: .1rem solid transparent;
    background-image: linear-gradient(58deg, #f9f6c2 15%, #f5ce82 57%, #fdf0b5 93%)
}

.new-show-gift .receive-btn span {
    display: inline-block;
    font-size: .38rem;
    position: relative;
    word-break: keep-all;
    z-index: 20;
    margin-top: .2rem;
    color: #fef5c2
}

.new-show-gift .receive-btn span:before {
    content: "";
    position: absolute;
    right: -.3rem;
    top: .15rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .06rem 0 .06rem .12rem;
    border-color: transparent transparent transparent #fef5c2
}

.claim-history-wrap {
    background: #fff;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: column
}

.claim-history-wrap .claim-search-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .3rem;
    position: -webkit-sticky;
    position: sticky;
    border-bottom: .02rem solid #ebebeb;
    box-shadow: 0 .02rem .05rem -.02rem rgba(0, 0, 0, .1);
    padding: .09rem .3rem
}

.claim-history-wrap .claim-search-wrap .select-item {
    border-radius: .1rem;
    border: .02rem solid #108ee9;
    position: relative;
    height: .6rem;
    padding: 0 .12rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #108ee9;
    gap: .1rem
}

.claim-history-wrap .claim-search-wrap .select-item .arrow {
    width: .24rem;
    height: .24rem;
    justify-self: flex-end
}

.claim-history-wrap .claim-search-wrap .select-item .select-text {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    line-height: 1
}

.claim-history-wrap .claim-search-wrap .select-type.show-game {
    min-width: auto;
    flex: 1 1 0%
}

.claim-history-wrap .claim-search-wrap .select-date {
    min-width: 1.62rem;
    padding: 0;
    border: none
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small {
    height: .6rem;
    font-size: .24rem;
    color: #108ee9;
    background: transparent;
    padding: 0 .12rem;
    border-radius: .1rem;
    border: .02rem solid #108ee9
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small.am-button-active {
    background-color: #108ee9;
    color: #fff
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small.am-button-active svg {
    fill: #fff
}

.claim-history-wrap .claim-search-wrap .select-date .am-button-small svg {
    width: .2rem;
    height: .2rem
}

.claim-history-wrap .search-result {
    height: calc(100% - 2.8rem);
    overflow: hidden;
    margin-top: .2rem
}

.claim-history-wrap .search-result .list-wrapper {
    height: 100% !important
}

.claim-history-wrap .search-result .list-wrapper .list-item {
    display: flex;
    flex-direction: column;
    padding: .2rem;
    background: #fcfcfc;
    box-shadow: 0 .08rem .1rem 0 rgba(0, 0, 0, .1);
    margin-bottom: .2rem;
    border-image-slice: 1;
    border-right: .1rem solid;
    border-left: .1rem solid
}

.claim-history-wrap .search-result .list-wrapper .list-item.RAFFLE {
    border-image-source: linear-gradient(180deg, #f524d3, #ff73c2)
}

.claim-history-wrap .search-result .list-wrapper .list-item.RAFFLE .item-img {
    background: url(/mobile/mc/type-icon-1.b56b898a.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.PRIZE_WHEEL {
    border-image-source: linear-gradient(180deg, #f3223f, #ff7485)
}

.claim-history-wrap .search-result .list-wrapper .list-item.PRIZE_WHEEL .item-img {
    background: url(/mobile/mc/type-icon-2.f19975c2.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.GOLDEN_EGG {
    border-image-source: linear-gradient(180deg, #ff1e32, #fe763b)
}

.claim-history-wrap .search-result .list-wrapper .list-item.GOLDEN_EGG .item-img {
    background: url(/mobile/mc/type-icon-3.7081e262.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.CASH_VOUCHER {
    border-image-source: linear-gradient(180deg, #fb9231, #fdc456)
}

.claim-history-wrap .search-result .list-wrapper .list-item.CASH_VOUCHER .item-img {
    background: url(/mobile/mc/type-icon-4.917f25b8.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.GIFT_CODE {
    border-image-source: linear-gradient(180deg, #1075f2, #07e5ed)
}

.claim-history-wrap .search-result .list-wrapper .list-item.GIFT_CODE .item-img {
    background: url(/mobile/mc/type-icon-5.0961ca32.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.FREE_SPIN {
    border-image-source: linear-gradient(180deg, #f3223f, #ff7485)
}

.claim-history-wrap .search-result .list-wrapper .list-item.FREE_SPIN .item-img {
    background: url(/mobile/mc/type-icon-6.2017aacb.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item.TEMU {
    border-image-source: linear-gradient(180deg, #fb9231, #fdc456)
}

.claim-history-wrap .search-result .list-wrapper .list-item.TEMU .item-img {
    background: url(/mobile/mc/type-icon-7.bb513784.png) no-repeat 50%/cover
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header {
    display: flex;
    padding-bottom: .3rem;
    position: relative
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header .item-img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .3rem
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header .item-info .info-time {
    margin-top: .22rem
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-header .item-info .info-title {
    margin-top: 0
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom {
    display: flex;
    justify-content: center;
    position: relative;
    gap: .1rem
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: .02rem;
    border-radius: .4rem;
    background: #ebebeb
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom.not-one {
    justify-content: space-around
}

.claim-history-wrap .search-result .list-wrapper .list-item .item-bottom .bottom-info {
    display: flex;
    flex-direction: column;
    word-break: break-word
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-title {
    font-size: .2rem;
    color: #a6a6a6;
    margin: .3rem 0 .1rem
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-content {
    font-size: .24rem;
    color: #333;
    display: flex;
    align-items: center
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-content svg {
    width: .35rem;
    height: .35rem;
    fill: #333
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-content.keep-all {
    word-break: keep-all
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-status {
    padding: 0 .2rem;
    border-radius: .3rem;
    font-size: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .36rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: .1rem
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-status.delivered {
    border: .02rem solid #23e63a;
    color: #23e63a
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-status.pending_delivery {
    border: .02rem solid #5076f3;
    color: #5076f3
}

.claim-history-wrap .search-result .list-wrapper .list-item .info-status.encashed {
    border: .02rem solid #fdb752;
    color: #fdb752
}

.claim-history-wrap .history-footer {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: .8rem;
    border-top: .02rem solid #ebebeb;
    background: #f9f9f9;
    box-shadow: 0 0 .24rem .06rem rgba(0, 0, 0, .1);
    font-size: .2rem;
    font-weight: 500;
    color: #666;
    padding: 0 .28rem;
    width: 100%;
    position: fixed;
    bottom: 0
}

.claim-history-wrap .history-footer .footer-item {
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.claim-history-wrap .history-footer .footer-num {
    font-size: .24rem;
    color: #fd2f2f
}

.claim-type-modal .modal-list-header {
    padding: .2rem .35rem;
    display: flex;
    justify-content: space-between;
    border-bottom: .02rem solid #bbb;
    color: #888;
    font-size: .32rem;
    font-weight: 400
}

.claim-type-modal .modal-list-header svg {
    width: .34rem;
    height: .34rem
}

.claim-type-modal .modal-list-content {
    display: flex;
    flex-direction: column;
    padding: 0
}

.claim-type-modal .modal-list-content .list-item {
    padding: .21rem .6rem;
    border-bottom: .02rem solid #ddd;
    font-size: .28rem;
    font-weight: 400;
    color: #000
}

.claim-type-modal .modal-list-content .list-item:last-child {
    border-bottom: none
}

.mall-wrapper .mc-header-wrap .am-navbar-right {
    padding-left: .3rem
}

.mall-wrapper .mc-header-wrap .return_icon {
    padding-right: .3rem
}

.mall-home-wrap {
    position: relative;
    background: #fff
}

.mall-home-wrap .am-icon-md {
    width: .46rem
}

.mall-home-wrap .home-orders-scroll {
    position: relative;
    overflow: hidden
}

.mall-home-wrap .mall-home-middle {
    box-shadow: 0 0 0 0 #fff, 0 0 0 0 #fff, 0 0 .6rem 0 #bebcbc, 0 0 0 0 #fff;
    margin: -.6rem .28rem 0;
    border-radius: .25rem;
    background: #fff;
    height: 1.23rem;
    font-size: .24rem;
    color: #b3b3b3;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.mall-home-wrap .mall-home-middle.forProm {
    margin: 0 .28rem;
    border-radius: 0 0 .25rem .25rem;
    margin-top: -.2rem;
    min-width: 6.94rem
}

.mall-home-wrap .mall-home-middle div {
    flex: 1 0 20%;
    text-align: center;
    border-right: 1px solid #b3b3b3
}

.mall-home-wrap .mall-home-middle .mall-middle-last {
    border-right: none
}

.mall-home-wrap .mall-home-middle:last-child {
    border-right: none
}

.mall-home-wrap .mall-home-choose {
    position: relative;
    height: .85rem;
    line-height: .76rem;
    font-size: .3rem;
    color: gray;
    overflow: hidden;
    margin: .15rem 0 0;
    white-space: nowrap;
    overflow-x: scroll
}

.mall-home-wrap .mall-home-choose ul li {
    display: inline-block;
    padding: 0 .2rem
}

.mall-home-wrap .mall-home-choose .active {
    color: #fa1f4e;
    border: none;
    box-shadow: none;
    transition: all .2s;
    transform: scale(1.04);
    border-bottom: .04rem solid #fa1f4e
}

.mall-home-wrap .mall-home-orders {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    background-color: #f6f6fa;
    justify-content: space-between;
    margin-top: .16rem
}

.mall-home-wrap .mall-home-orders .mall-order {
    box-sizing: border-box;
    height: 4.41rem;
    flex: 0 0 47%;
    margin: 0 .15rem .16rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.mall-home-wrap .mall-home-orders .mall-order:nth-child(2n) {
    margin: 0 .15rem .16rem 0
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img {
    margin-top: .16rem;
    justify-items: center;
    width: 2.7rem;
    height: 2.7rem;
    display: flex;
    align-items: center
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.mall-home-wrap .mall-home-orders .mall-order .mall-info-wrap {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .08rem;
    width: 100%
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-text {
    width: 100%;
    text-align: center;
    font-size: .22rem;
    font-weight: 400;
    color: #666;
    word-break: break-all
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral {
    display: flex;
    gap: .08rem;
    max-height: 1rem;
    width: calc(100% - .2rem);
    margin: 0 auto
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: .38rem;
    width: 100%;
    text-align: center;
    padding: .05rem .1rem;
    font-size: .22rem;
    font-weight: 400;
    border-radius: .1rem;
    background: linear-gradient(0deg, #ffc0bc, #fff0ef);
    box-shadow: 0 .02rem .14rem 0 #ffcecb
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #f9564b;
    font-weight: 600
}

.mall-home-wrap .mall-home-orders .mall-order-def {
    box-sizing: border-box;
    height: 3.62rem;
    flex: 0 0 47%;
    margin: .16rem 0 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.mall-home-wrap .mall-home-orders .mall-order-def div {
    display: flex;
    height: .72rem;
    width: 100%;
    background: #f6f6fa
}

.mall-home-wrap .mall-home-orders .mall-order-def p {
    margin-bottom: -.1rem;
    font-size: .3rem;
    line-height: .3rem;
    height: .3rem;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    width: 75%;
    text-align: center;
    text-overflow: ellipsis;
    background: #f6f6fa
}

.mall-home-wrap .mall-home-orders .mall-order-def span {
    display: block;
    justify-items: center;
    border: none;
    width: 1.35rem;
    height: 1.35rem;
    background: #f6f6fa
}

.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-stepper {
    position: relative;
    margin: 0;
    padding: .04rem 0;
    display: inline-block;
    box-sizing: content-box;
    width: 1.26rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem;
    vertical-align: middle;
    overflow: hidden
}

.am-stepper-handler-wrap {
    position: absolute;
    width: 100%;
    font-size: .48rem
}

.am-stepper-handler,
.am-stepper-handler-down-inner,
.am-stepper-handler-up-inner {
    width: .6rem;
    height: .6rem;
    line-height: .6rem
}

.am-stepper-handler {
    text-align: center;
    border: .02rem solid #ddd;
    border-radius: .1rem;
    overflow: hidden;
    color: #000;
    position: absolute;
    display: inline-block;
    box-sizing: content-box
}

.am-stepper-handler-active {
    z-index: 2;
    background-color: #ddd
}

.am-stepper-handler-up {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.am-stepper-handler-down {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.am-stepper-handler-down-inner,
.am-stepper-handler-up-inner {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: .04rem;
    color: #000
}

.am-stepper-handler-down-inner:before,
.am-stepper-handler-up-inner:before {
    display: block;
    font-family: anticon !important
}

.am-stepper-input-wrap {
    display: none;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    overflow: hidden
}

.am-stepper-input {
    display: none;
    width: 1.2rem;
    font-size: .32rem;
    color: #000;
    text-align: center;
    border: 0;
    padding: 0;
    background: none;
    vertical-align: middle
}

.am-stepper-input[disabled] {
    opacity: 1;
    color: #000
}

.am-stepper.showNumber {
    width: 2.76rem
}

.am-stepper.showNumber .am-stepper-input,
.am-stepper.showNumber .am-stepper-input-wrap {
    display: inline-block
}

.am-stepper.showNumber .am-stepper-handler-up {
    border-top-left-radius: .1rem;
    border-bottom-left-radius: .1rem
}

.am-stepper.showNumber .am-stepper-handler-down {
    border-top-right-radius: .1rem;
    border-bottom-right-radius: .1rem;
    border-right: .02rem solid #ddd
}

.am-stepper.showNumber .am-stepper-handler-down-disabled {
    right: -.02rem
}

.am-stepper-handler-up {
    cursor: pointer;
    right: 0
}

.am-stepper-handler-up-inner:before {
    text-align: center;
    content: "+"
}

.am-stepper-handler-down {
    cursor: pointer;
    left: 0
}

.am-stepper-handler-down-inner:before {
    text-align: center;
    content: "-"
}

.am-stepper-handler-down-disabled,
.am-stepper-handler-up-disabled {
    opacity: .3
}

.am-stepper-handler-up-disabled .am-stepper-handler-active {
    background: none
}

.am-stepper-disabled .am-stepper-handler-down,
.am-stepper-disabled .am-stepper-handler-up {
    opacity: .3;
    background: none
}

.am-stepper-disabled .am-stepper-handler,
.am-stepper-disabled .am-stepper-input-wrap {
    opacity: .3
}

.exchange-wrap {
    background: #f7f6fb;
    position: relative;
    font-size: .3rem
}

.exchange-wrap .exchange-order-img {
    width: 100%;
    height: 3.2rem;
    position: relative;
    background: #fff
}

.exchange-wrap .exchange-order-img img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: 70%
}

.exchange-wrap .exchange-order-info {
    width: 100%;
    min-height: 2.8rem;
    margin-top: .2rem;
    background: #fff
}

.exchange-wrap .exchange-order-info .exchange-order-name {
    min-height: .75rem;
    font-weight: 700;
    color: #666;
    padding: .1rem .3rem;
    line-height: .42rem
}

.exchange-wrap .exchange-order-info .exchange-order-price {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    overflow: hidden
}

.exchange-wrap .exchange-order-info .exchange-order-price li {
    float: left;
    display: block;
    height: .72rem;
    line-height: .72rem;
    color: #929292;
    padding: 0 .1rem;
    margin: .13rem .32rem;
    text-align: center;
    border-radius: .1rem;
    display: inline-block;
    border: 1px solid #fff;
    background: #f5f5f5
}

.exchange-wrap .exchange-order-info .exchange-order-price .active {
    border: 1px solid #ffd4dd !important;
    background: #fff0f0;
    color: #ff0048;
    box-shadow: none
}

.exchange-wrap .exchange-order-info .exchange-order-count {
    display: flex;
    height: .98rem;
    font-size: .26rem;
    padding: 0 .3rem;
    position: relative
}

.exchange-wrap .exchange-order-info .exchange-order-count>span {
    padding: .1rem 0;
    min-width: 1.1rem;
    font-size: .26rem;
    z-index: 9;
    display: inline-block
}

.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity {
    left: .3rem;
    white-space: nowrap;
    line-height: .78rem
}

.exchange-wrap .exchange-order-info .exchange-order-count .mall-quantity-count {
    left: 3.6rem;
    white-space: nowrap;
    line-height: .78rem
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-list-extra {
    padding: 0 !important;
    overflow: initial
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper.showNumber {
    border: 1px solid #ddd;
    border-radius: .1rem
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-handler {
    border: none;
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: 0 !important
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper {
    padding: 0;
    width: 2rem
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-input-wrap {
    height: .7rem
}

.exchange-wrap .exchange-order-info .exchange-order-count .am-stepper-input {
    width: .7rem;
    height: .7rem;
    line-height: .7rem
}

.exchange-wrap .exchange-user-account {
    margin-top: .2rem;
    background: #fff
}

.exchange-wrap .exchange-user-account p {
    min-height: .98rem;
    padding: 0 .3rem
}

.exchange-wrap .exchange-user-account p+.forget-fpwd {
    margin: 0;
    padding: 0 .3rem .2rem
}

.exchange-wrap .exchange-user-account .exchange-user-money {
    line-height: .98rem;
    border-bottom: 1px solid #d7d7d7
}

.exchange-wrap .exchange-user-account .exchange-user-password input {
    border: none;
    padding: 0
}

.exchange-wrap .exchange-user-address {
    margin-top: .2rem;
    background: #fff
}

.exchange-wrap .exchange-user-address .exchange-address-info {
    min-height: .98rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #d7d7d7;
    clear: both
}

.exchange-wrap .exchange-user-address .exchange-address-info .am-list-item {
    padding-left: 0
}

.exchange-wrap .exchange-user-address .exchange-address-info .am-list-extra {
    overflow: initial
}

.exchange-wrap .exchange-user-address p {
    min-height: .98rem;
    padding: 0 .3rem;
    border-bottom: 1px solid #d7d7d7;
    clear: both
}

.exchange-wrap .exchange-user-address p input {
    border: transparent;
    background: transparent;
    padding: 0
}

.exchange-wrap .exchange-user-address p .error-vlidata {
    display: block
}

.exchange-wrap .exchange-line-content {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    min-height: .98rem
}

.exchange-wrap .exchange-line-content input {
    border: transparent;
    background: transparent;
    padding: 0
}

.exchange-wrap .input-wrapper {
    display: flex;
    flex: 1 1 0%
}

.exchange-wrap .exchange-submit {
    margin-top: .2rem;
    background: #fff;
    padding: 0 .3rem;
    padding-bottom: .5rem
}

.exchange-wrap .exchange-submit p {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #8a8a8a;
    font-size: .24rem;
    padding: .14rem;
    box-sizing: content-box;
    text-align: center
}

.exchange-wrap .exchange-submit .button-submit {
    width: 100%;
    height: .96rem;
    color: #fff;
    font-size: .34rem;
    border-radius: .94rem;
    border: none;
    box-shadow: 0 0 .3rem 1px #ff6f55;
    background: #ff0453;
    background: -moz-linear-gradient(left, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355 100%);
    background: -webkit-linear-gradient(left, #ff0453, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    background: linear-gradient(90deg, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1)
}

.exchange-wrap .exchange-submit .button-submit.button-submit-dis {
    background: linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    box-shadow: 0 0 .3rem 1px #c4c4c4
}

.exchange-wrap .font-color-gray {
    color: #666;
    padding-right: .3rem
}

.exchange-wrap .font-color-red {
    color: #fa1f4e
}

.exchange-wrap .error {
    display: block;
    margin-top: -.2rem;
    font-size: .26rem;
    color: #fa1f4e;
    background: #fff;
    padding: .05rem 0
}

.exchange-wrap .displaynone {
    display: none
}

.exchange-history-wrap {
    margin-top: .9rem;
    height: calc(100vh - 1.9rem);
    height: calc(100*var(--vh, 1vh) - 1.9rem);
    overflow: hidden
}

.exchange-history-wrap .mc-trans-filter {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.exchange-history-wrap .exchange-history-preloading {
    overflow: hidden;
    background: #f7f7f7;
    height: 2.84rem;
    padding: 0 .25rem;
    font-size: .24rem;
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.exchange-history-wrap .exchange-history-preloading .preloading-left {
    margin-right: .24rem;
    border-radius: .1rem;
    background: #fff;
    height: 1.32rem;
    width: 1.32rem;
    text-align: center
}

.exchange-history-wrap .exchange-history-preloading .preloading-rigth {
    height: 1.32rem;
    width: 80%;
    display: flex;
    flex-flow: column;
    justify-content: space-around
}

.exchange-history-wrap .exchange-history-preloading .preloading-rigth p {
    height: .3rem;
    background: #fff
}

.exchange-history-wrap .exchange-history-item {
    overflow: hidden;
    background: #f7f7f7;
    height: 2.84rem;
    font-size: .24rem
}

.exchange-history-wrap .exchange-history-item .item-order-info {
    height: 1.9rem;
    display: flex;
    flex-flow: row nowrap;
    padding: .32rem .24rem
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-left {
    margin-right: .24rem;
    border-radius: .1rem;
    background: #fff;
    height: 1.32rem;
    width: 1.32rem;
    text-align: center
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-left img {
    display: block;
    margin-top: .06rem;
    width: 1.2rem;
    height: 1.2rem
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right {
    display: flex;
    flex: 1 1 100%;
    height: 1.32rem;
    overflow: hidden;
    flex-flow: column;
    justify-content: space-around
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first {
    display: flex
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name {
    flex: 1 1 80%;
    font-size: .28rem;
    font-weight: 600;
    color: #5e5e5e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number {
    font-size: .28rem;
    font-weight: 600
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third {
    display: flex;
    justify-content: space-between
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date {
    font-size: .24rem;
    color: #a4a4a4
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-P {
    font-size: .28rem;
    font-weight: 600;
    color: #4bb319
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A {
    font-size: .28rem;
    font-weight: 600;
    color: #999
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-R {
    font-size: .28rem;
    font-weight: 600;
    color: #d03520
}

.exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type {
    font-size: .24rem;
    color: #a4a4a4
}

.exchange-history-wrap .exchange-history-item .item-order-integral {
    height: .7rem;
    line-height: .7rem;
    padding: 0 .24rem;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first {
    color: #fe681f;
    font-size: .28rem
}

.exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-seconed {
    color: #5e5e5e;
    font-size: .28rem
}

.exchange-history-wrap .exchange-history-item .item-order-space {
    height: .24rem;
    background: #f2f2f2
}

.point-history-wrap {
    margin-top: .8rem;
    font-size: .28rem;
    color: #a4a4a4
}

.point-history-wrap .point-item-wrap {
    height: 1.74rem;
    box-sizing: border-box
}

.point-history-wrap .point-item-wrap .point-balance {
    padding: 0 .3rem;
    display: flex;
    justify-content: space-between
}

.point-history-wrap .point-item-wrap .point-types {
    height: .84rem;
    line-height: .84rem;
    padding: 0 .3rem;
    background: #fafafa;
    overflow: hidden
}

.point-history-wrap .point-item-wrap .point-types .point-type-text {
    float: left;
    padding-right: .15rem
}

.point-history-wrap .point-item-wrap .point-types .point-date {
    float: left
}

.point-history-wrap .point-item-wrap .point-types .point-remarks {
    float: right
}

.point-history-wrap .point-item-wrap .point-balance {
    color: #a4a4a4;
    font-size: .3rem;
    height: .72rem;
    line-height: .72rem
}

.point-history-wrap .point-item-wrap .point-space {
    height: .18rem;
    background: #f2f2f2
}

.point-history-wrap .color-black {
    color: #5e5e5e
}

.point-history-wrap .color-red {
    color: #ff4d4d
}

.point-history-wrap .color-green {
    color: #25c300
}

.point-history-wrap .color-black {
    color: #090f13
}

.point-history-wrap .font-weight {
    font-weight: 600;
    font-size: .32rem
}

.mall-banner .swiper-container {
    position: relative;
    height: 4.76rem
}

.mall-banner .swiper-container img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 50%
}

.point-wrap {
    margin-top: .8rem;
    text-align: center;
    padding-bottom: .3rem
}

.point-wrap .point-tips-group {
    padding: .3rem .3rem .1rem;
    background: #fff
}

.point-wrap .point-tips-group .point-tips {
    text-align: left;
    color: #666;
    font-size: .3rem;
    white-space: pre-line
}

.point-wrap .point-table-title {
    font-size: .38rem;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.point-wrap .point-table-title span {
    position: relative;
    z-index: 10;
    color: #646464
}

.point-wrap .point-list-wrap {
    background: #fff;
    padding: .2rem .3rem .3rem;
    border-collapse: collapse
}

.point-wrap .point-list-wrap .point-list-header,
.point-wrap .point-list-wrap .point-list-item {
    display: flex
}

.point-wrap .point-list-wrap .point-list-header div,
.point-wrap .point-list-wrap .point-list-item div {
    flex: 1 1 50%;
    text-align: center
}

.point-wrap .point-list-wrap .point-list-item {
    color: #8a8a8a;
    background-color: #f7f7f7
}

.point-wrap .point-list-wrap .point-list-item>div {
    padding: .1rem;
    border-bottom: 1px solid #f0f0f0
}

.point-wrap .point-list-wrap .point-list-item>div:first-child {
    border-right: 1px solid #f0f0f0
}

.point-wrap .point-list-wrap .point-list-header {
    background-color: #e6e6e6;
    margin-top: .3rem;
    color: #5e5e5e;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem
}

.point-wrap .point-list-wrap .point-list-header>div {
    padding: .1rem
}

.point-wrap .point-list-wrap .point-list-header>div:first-child {
    border-right: 1px solid #c7c7c7
}

.point-wrap .point-list-wrap .red {
    color: #d03520
}

.point-wrap .point-list-wrap th {
    height: .5rem
}

.point-wrap .point-list-wrap tr td {
    font-size: .3rem;
    height: .64rem;
    line-height: .64rem;
    text-align: center;
    border: 1px solid #ccc
}

.point-wrap .forget-fpwd {
    text-align: right;
    margin: 0;
    padding: .2rem .3rem
}

.point-wrap .forget-fpwd a {
    color: #3b79f3
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item {
    line-height: 1rem
}

.point-convert {
    background: #fff;
    margin-top: .3rem
}

.point-convert .am-list-item {
    padding: 0 .3rem
}

.point-convert .am-list-item .am-list-line .am-list-content {
    font-size: .32rem
}

.point-convert .point-convert-errors {
    color: #e4393c;
    font-size: .31rem;
    line-height: .5rem;
    font-weight: 400;
    text-align: right;
    padding-right: .3rem
}

.point-convert .am-list-line {
    padding-right: 0
}

.point-convert .am-list-content {
    color: #5a5a5a !important;
    display: flex;
    justify-content: flex-start
}

.point-convert input {
    min-width: 4rem;
    display: inline-block;
    height: auto;
    text-align: right;
    padding: 0;
    border: 0
}

.point-convert input::placeholder {
    display: flex;
    justify-content: flex-start
}

.point-convert .point-form-item:first-child .am-list-body {
    border: 0
}

.point-convert .point-form-item:last-child .am-list-body:after {
    border: 0
}

.point-convert .point-form-item .am-list-extra {
    color: #0a0a0a;
    display: flex;
    justify-content: flex-end
}

.point-convert .point-form-item.important-number .am-list-extra {
    color: #ff002e
}

.point-convert>div {
    text-align: left
}

.point-convert .fake-input {
    text-align: left !important;
    top: .1rem !important
}

.point-convert .error {
    color: #e4393c;
    font-size: .28rem;
    margin-left: 1.6rem;
    margin-top: .1rem
}

.point-wrap a {
    color: #fff
}

.sunmit-point {
    width: 80%;
    margin: 0 auto;
    margin-top: .3rem
}

.sunmit-point span {
    width: 1.6rem;
    display: inline-block;
    vertical-align: top
}

.button-submit {
    width: 100%;
    height: .96rem;
    color: #fff;
    font-size: .34rem;
    border-radius: .94rem;
    border: none;
    box-shadow: 0 0 .3rem 1px #ff6f55;
    background: #ff0453;
    background: -moz-linear-gradient(left, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355 100%);
    background: -webkit-linear-gradient(left, #ff0453, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    background: linear-gradient(90deg, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1)
}

.button-submit-dis {
    background: -webkit-linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    box-shadow: 0 0 .3rem 1px #c4c4c4
}

.orderinfo-wrap {
    background: #fff
}

.orderinfo-wrap .orderinfo-header {
    min-height: 6.25rem;
    background: #fff
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle {
    min-height: 1.5rem;
    border-top: 1px solid #ddd;
    padding: .1rem .3rem
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text {
    min-height: .7rem;
    font-weight: 700;
    color: #666;
    line-height: .42rem;
    overflow: hidden
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price {
    font-size: .24rem;
    margin-top: -.1rem;
    display: flex;
    flex-flow: row wrap
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    flex: 1 1 0%;
    line-height: .52rem;
    text-align: center;
    margin: .05rem 0;
    border-radius: .1rem;
    background: #ffefed
}

.orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li .font-color-red {
    color: #f9564b
}

.orderinfo-wrap .gray-bg {
    height: .2rem;
    background: #f6f6fa
}

.orderinfo-wrap .orderinfo-body {
    padding: 0 .3rem 1.66rem
}

.orderinfo-wrap .orderinfo-body .orderinfo-desc {
    height: .62rem;
    line-height: .62rem;
    font-size: .28rem;
    border-bottom: 1px solid #d7d7d7
}

.orderinfo-wrap .orderinfo-body .orderion-content-text {
    margin: .25rem 0;
    line-height: .35rem
}

.orderinfo-wrap .orderinfo-body .orderion-content-text * {
    font-size: 100%
}

.orderinfo-wrap .orderinfo-body .orderion-content-text img {
    max-width: 100%
}

.orderinfo-wrap .orderinfo-body .orderion-content-img {
    position: relative;
    padding: .3rem 0;
    background: #f6f6f6
}

.orderinfo-wrap .orderinfo-body .orderion-content-img img {
    display: block;
    margin: .1rem auto
}

.orderinfo-wrap .orderinfo-submit {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 1.62rem;
    width: 100%;
    background: hsla(0, 0%, 100%, .9);
    padding: 0 .3rem;
    padding-bottom: 2rem
}

.orderinfo-wrap .orderinfo-submit p {
    color: #8a8a8a;
    font-size: .24rem;
    padding: .1rem 0;
    box-sizing: content-box;
    text-align: center
}

.orderinfo-wrap .orderinfo-submit .button-submit {
    width: 100%;
    height: .96rem;
    color: #fff;
    font-size: .34rem;
    border-radius: .94rem;
    border: none;
    box-shadow: 0 0 .3rem 1px #ff6f55;
    background: #ff0453;
    background: -moz-linear-gradient(left, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355 100%);
    background: -webkit-linear-gradient(left, #ff0453, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    background: linear-gradient(90deg, #ff0453 0, #ff0f53 28%, #ff3654 48%, #ff5955 76%, #ff7355);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0453", endColorstr="#ff7355", GradientType=1)
}

.orderinfo-wrap .orderinfo-submit .button-submit.button-submit-dis {
    background: linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    box-shadow: 0 0 .3rem 1px #c4c4c4
}

.orderinfo-wrap .font-color-red {
    font-size: .3rem;
    font-weight: 600;
    color: #fa1f4e
}

.selector-wrap {
    position: relative
}

.selector-wrap .am-tabs-bar {
    display: flex;
    position: fixed;
    width: 100%;
    top: .9rem;
    left: 0;
    z-index: 999
}

.mc-email-popup .am-navbar-title div {
    text-align: center;
    width: 4.2rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .mc-email-popup .am-navbar-title div {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.mc-email-popup .am-popup {
    height: 100%
}

.email-detail-container .email-detail {
    height: calc(100vh - .5rem);
    height: calc(100*var(--vh, 1vh) - .5rem);
    display: flex;
    flex-flow: column
}

.emailMessageInsetContent {
    -webkit-user-select: all;
    user-select: all;
    overflow-y: scroll;
    padding-bottom: .125rem;
    flex-grow: 1
}

.emailMessageInsetContent>* {
    word-wrap: break-word
}

.emailMessageInsetContent .am-list-body:after {
    display: none
}

.emailMessageInsetContent .am-list-item .am-list-line .am-list-content {
    font-size: .32rem;
    color: #888
}

.emailMessageInsetContent .am-list-item .am-list-line .am-list-content img {
    height: auto;
    width: auto;
    max-width: 100%;
    object-fit: contain
}

.message-open-title .am-list-extra {
    -webkit-user-select: all;
    user-select: all;
    max-width: 80vh;
    word-break: break-word;
    white-space: normal !important;
    flex: 1 1 0%;
    text-align: left !important
}

.message-open-title .am-list-content {
    max-width: 20%
}

.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-badge {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

.am-badge-text {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -.12rem;
    height: .36rem;
    line-height: .36rem;
    min-width: .18rem;
    border-radius: .24rem;
    padding: 0 .1rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    background-color: #ff5b05;
    white-space: nowrap;
    -webkit-transform: translateX(-45%);
    -ms-transform: translateX(-45%);
    transform: translateX(-45%);
    -webkit-transform-origin: -10% center;
    -ms-transform-origin: -10% center;
    transform-origin: -10% center;
    z-index: 10;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, sans-serif
}

.am-badge-text a {
    color: #fff
}

.am-badge-text p {
    margin: 0;
    padding: 0
}

.am-badge-hot .am-badge-text {
    background-color: #f96268
}

.am-badge-dot {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
    top: -.08rem;
    height: .16rem;
    width: .16rem;
    border-radius: 100%;
    background: #ff5b05;
    z-index: 10
}

.am-badge-dot-large {
    height: .32rem;
    width: .32rem
}

.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
    top: auto;
    display: block;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.am-badge-corner {
    width: 1.6rem;
    padding: .16rem;
    position: absolute;
    right: -.64rem;
    top: .16rem;
    background-color: #ff5b05;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: .3rem
}

.am-badge-corner-wrapper {
    overflow: hidden
}

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

.getMail {
    width: 100%;
    padding-left: .3rem;
    padding-right: .3rem
}

.editEmail_root .am-tabs-nav-wrap {
    direction: ltr
}

.editEmail_root .am-tabs-content-animated {
    position: absolute;
    width: 100%
}

.getMail .am-list-item .am-list-line .am-list-extra {
    width: 100%
}

.EmaiWebList,
.getDit {
    border-bottom: 1px solid #d1d1d1
}

.getMail .status {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.getMail span {
    line-height: .9rem
}

.reply-btn span {
    line-height: inherit
}

.getMail .status span {
    line-height: normal;
    min-height: .9rem;
    display: flex;
    align-items: center
}

.getMail .status span.all {
    text-align: left
}

.getMail .status span.all .am-checkbox-wrapper {
    display: flex;
    align-items: center
}

.getMail .status span.all .am-checkbox-wrapper .am-checkbox {
    width: .4rem;
    height: .4rem;
    margin: 0 .15rem 0 .1rem
}

.getMail .status span.all .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
    border: .02rem solid #3d4754;
    width: .4rem;
    height: .4rem;
    border-radius: .14rem;
    min-height: 0
}

.getMail .status span.all .am-checkbox-wrapper .am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBrdE9TsMwFAfw9+IOjB2ZgIEuFQMrCKJmKRELIDWIDTgB4gT0CNyAsKFmgDEqS0QFcxlAHTqkPUEO0ObVjtrKddIPp/1LcZJn52c7RthQzOr1LWH8DIARItYRNpAx6kqlyIA1Y545DwoKyaphjZjV2hMh1FMdiPe54UVoy/fcXPAyNHlUT/PLb7zmQCOOPk5QEba7X/7g921+FQHocq90EPa6f7866DBG67vp+XLRIKCiXCCK3RO7VtFBfz69tjreEFtQi0jwfnzuHOZFE0M0p7Zzx5f6kvqQoVUY0IUuKsJE0+/+t3dKZeSzVKS+Lf6fbvjUti46hcd4kIXPDseQYeGo1Wx0YEmY/DIHl1BmBf5bCCuEqYVsXA/NhFM4QsC3f6WDiowAudmV1gTpvrwAAAAASUVORK5CYII=) no-repeat 50%/.22rem .16rem;
    width: .4rem;
    height: .4rem;
    border: none;
    transform: none;
    top: -1px;
    right: -1px
}

.getMail .status span.del {
    text-align: center;
    height: .4rem
}

.getMail .status .right-com {
    display: flex;
    gap: .1rem
}

.getMail .status span.label-read svg {
    width: .54rem;
    height: .54rem;
    fill: #7e7f7f
}

.getMail .status span.label-read.on svg {
    color: #3d4754;
    fill: #3d4754
}

.getMail .status span.del svg {
    width: .4rem;
    height: .4rem;
    fill: #7e7f7f
}

.getMail .status span.del.del-on svg {
    color: #3d4754;
    fill: #3d4754
}

.getMail .status span.complete {
    text-align: right
}

.getDit .ditBtn {
    width: 30%;
    display: block;
    text-align: left
}

.webMail .mc-header-wrap .am-navbar-right {
    padding: 0 .1rem 0 .3rem
}

.EmaiWebList,
.webMail .am-tabs-content .am-tabs-tabpane {
    overflow: hidden
}

.webMail .am-tabs-bar {
    width: 100%;
    z-index: 5
}

.noDataIcon {
    height: 100vh;
    position: relative;
    padding-top: 1.6rem;
    text-align: center
}

.noDataIcon .am-icon {
    width: 1.8rem;
    height: 1.8rem
}

.noDataIcon p {
    text-align: center;
    color: #999
}

.EmaiWebList .am-flexbox-align-middle {
    float: left;
    height: 1.36rem;
    overflow: hidden
}

.EmaiWebList .am-checkbox-agree {
    padding-top: .8rem;
    margin: 0 .1rem
}

.EmaiWebList .am-list-item .am-list-line-multiple .am-list-extra,
.EmaiWebList .am-list-item .am-list-line .am-list-brief,
.EmaiWebList .am-list-item .am-list-line .am-list-content {
    font-size: .25rem;
    color: #5e5e5e
}

.getMail .am-list-item {
    padding-left: 0
}

.EmaiWebList .am-checkbox-inner {
    border: .02rem solid rgba(61, 71, 84, .5);
    width: .4rem;
    height: .4rem;
    border-radius: .14rem
}

.EmaiWebList .am-checkbox.am-checkbox-checked .am-checkbox-inner {
    border: .02rem solid #3d4754
}

.EmaiWebList .am-checkbox.am-checkbox-checked .am-checkbox-inner:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBrdE9TsMwFAfw9+IOjB2ZgIEuFQMrCKJmKRELIDWIDTgB4gT0CNyAsKFmgDEqS0QFcxlAHTqkPUEO0ObVjtrKddIPp/1LcZJn52c7RthQzOr1LWH8DIARItYRNpAx6kqlyIA1Y545DwoKyaphjZjV2hMh1FMdiPe54UVoy/fcXPAyNHlUT/PLb7zmQCOOPk5QEba7X/7g921+FQHocq90EPa6f7866DBG67vp+XLRIKCiXCCK3RO7VtFBfz69tjreEFtQi0jwfnzuHOZFE0M0p7Zzx5f6kvqQoVUY0IUuKsJE0+/+t3dKZeSzVKS+Lf6fbvjUti46hcd4kIXPDseQYeGo1Wx0YEmY/DIHl1BmBf5bCCuEqYVsXA/NhFM4QsC3f6WDiowAudmV1gTpvrwAAAAASUVORK5CYII=) no-repeat 50%/.22rem .16rem;
    width: .4rem;
    height: .4rem;
    border: none;
    transform: none;
    top: -1px;
    right: -1px
}

.EmaiWebList .am-checkbox-agree .am-checkbox-agree-label {
    margin-left: .4rem
}

.EmaiWebList .am-checkbox-agree .am-checkbox {
    width: .4rem
}

.EmaiWebList .am-checkbox-item {
    float: left;
    top: .35rem
}

.EmaiWebList .am-list-item {
    padding-left: 0;
    background-color: transparent;
    display: flex;
    align-items: center
}

.EmaiWebList .am-list-item-top .am-list-line.am-list-line-multiple,
.EmaiWebList .am-list-thumb {
    padding: .3rem 0 .16rem;
    align-items: center
}

.EmaiWebList .am-list-thumb {
    position: relative;
    display: flex;
    min-height: .88rem
}

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

.EmaiWebList .look .am-badge-dot {
    background: green
}

.EmaiWebList .noLook .am-badge-dot {
    background: #ccc
}

.EmaiWebList .am-list-item .am-list-line .am-list-arrow {
    width: .4rem;
    height: .4rem;
    background-size: .16rem .26rem;
    margin: 0 0 0 .1rem
}

.EmaiWebList .mail-info {
    position: relative
}

.EmaiWebList .mail-info .am-list-brief {
    color: #5e5e5e;
    font-size: .25rem;
    font-weight: 400;
    padding: 0 .5rem 0 .86rem;
    margin-bottom: .25rem
}

.EmaiWebList.item-checked {
    background: rgba(94, 94, 94, .1)
}

.emailMessageInset {
    display: flex;
    width: 100%
}

.emailMessageInset .ContarsContent {
    flex: 0 0 64%;
    word-wrap: break-word;
    padding: .14rem 0;
    max-height: 2.5rem;
    overflow: hidden;
    overflow-y: auto
}

.emailMessageInset .am-list-body {
    width: 100%
}

.emailMessageInset .am-list-body .am-list-item {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.example-enter {
    opacity: .01
}

.example-enter.example-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in
}

.example-leave {
    opacity: 1
}

.example-leave.example-leave-active {
    opacity: .01;
    transition: opacity .3s ease-in
}

.WriteMessage .am-list-content {
    max-width: 20%;
    word-break: break-all
}

.WriteMessage .adds {
    flex: 0 0 0.52rem;
    width: .52rem;
    height: .52rem;
    border-radius: 50%;
    border: .02rem solid #999;
    text-align: center;
    color: #999;
    font-size: .38rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.WriteMessage .am-list-item .am-list-line {
    padding-right: .6rem
}

.WriteMessage .am-list-item .am-input-label.am-input-label-5 {
    width: auto;
    font-size: .3rem
}

.WriteMessage .am-list-item .am-input-control input,
.WriteMessage .am-textarea-control textarea {
    font-size: .3rem;
    color: #999
}

.WriteMessage .am-list-item {
    padding-right: 0
}

.WriteMessage .am-list .am-list-item.am-textarea-item {
    padding: 0
}

.TextareaItemContent .am-list-body .am-list-item:last-child {
    border-bottom: none
}

.TextareaItemContent .am-textarea-control,
.TextareaItemContent textarea {
    height: 5.6rem;
    width: 100%;
    border: none;
    color: #999
}

.TextareaItemContent {
    margin-top: .3rem
}

.on_popup {
    top: 1.8rem;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
    transition: all .3s ease
}

.on_popup,
.on_popup .popups {
    width: 100%;
    position: absolute
}

.on_popup .popups {
    overflow: hidden;
    box-shadow: inset 0 0 .03rem #ccc;
    direction: ltr
}

.on_popup .closePopups {
    width: .68rem;
    height: .68rem;
    display: inline-block;
    text-align: center;
    float: right;
    text-indent: 0;
    line-height: .68rem
}

.on_popup .am-list-item {
    padding: 0
}

.on_popup .am-list-item .am-list-line-multiple {
    padding: .25rem .4rem
}

.Contacts {
    padding: 0 .4rem
}

.Contacts .status {
    width: 100%;
    display: flex;
    margin: .18rem 0 0;
    padding-bottom: .18rem;
    border-bottom: 1px solid #c6c5ca
}

.Contacts .status span {
    line-height: .6rem
}

.Contacts .status span.contactsAll {
    flex: 0 0 30%;
    min-width: 30%;
    text-align: left
}

.Contacts .status span.inputsearch {
    flex: 0 0 40%;
    width: 40%;
    text-align: center
}

.Contacts .status span.complete {
    flex: 0 0 30%;
    width: 30%;
    text-align: right
}

.Contacts .am-search {
    background: #fff;
    border: 1px solid #666
}

.Contacts .am-search,
.Contacts .am-search-input {
    height: .6rem;
    padding: 0
}

.Contacts .am-checkbox-wrapper {
    display: block
}

.Contacts .am-search-cancel {
    padding: 0 .12rem;
    background: #108ee9;
    color: #fff;
    font-size: .26rem;
    border-radius: .1rem
}

p .ContacsList {
    overflow-y: auto
}

.ContacsList li {
    height: .96rem;
    border-bottom: 1px solid #c6c5ca;
    display: flex
}

.ContacsList .am-checkbox-agree {
    padding-top: .22rem;
    margin-left: 0;
    width: 100%
}

.ContacsList .am-checkbox-agree .am-checkbox-agree-label {
    height: 1rem;
    width: 100%
}

.ContacsList .am-flexbox {
    flex: 0 0 .8rem;
    width: .8rem
}

.ContacsList p.contarsPeople {
    flex: 0 0 80%;
    width: 80%;
    line-height: .95rem;
    color: #989898
}

.on_popup .am-list-item .am-list-line .am-list-content {
    line-height: .68rem;
    max-width: 100%
}

.on_popup .am-list-item {
    border-bottom: 1px solid #ccc
}

.ContactName {
    display: inline-block;
    padding: .05rem .16rem;
    background: #3786ff;
    color: #fff;
    margin: 0 .05rem .08rem;
    border-radius: .5rem;
    font-size: .28rem
}

.submitEmail {
    width: 96%;
    height: 1.05rem;
    background: #f04;
    margin: .2rem auto .5rem;
    color: #fff;
    text-align: center;
    line-height: 1.05rem;
    border-radius: .1rem;
    box-shadow: .04rem .1rem .24rem #f7989c;
    cursor: pointer;
    font-size: .34rem
}

.submitEmail .postEmailgiveContars {
    display: block
}

.Contacts p {
    color: #ddd;
    line-height: .6rem
}

.am-list-item .am-list-line .am-list-extra {
    overflow: initial
}

.EmailMessage {
    overflow: hidden;
    text-overflow: ellipsis;
    height: .48rem;
    line-height: .48rem
}

.am-list-item .am-list-line .am-list-content {
    text-overflow: unset;
    white-space: wrap
}

.exchange-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999999;
    top: 0;
    left: 0
}

.exchange-modal .exchange-modal-content {
    display: flex;
    border-radius: .2rem;
    background: #fff;
    padding: .33rem .51rem;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    min-width: 5.4rem;
    transform: translate(-50%, -50%);
    flex-direction: column;
    align-items: center
}

.exchange-modal .exchange-modal-content .modal-head {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    color: #656565;
    font-size: .3rem;
    font-weight: 800
}

.exchange-modal .exchange-modal-content .modal-head .add-icon {
    display: block;
    min-width: 1.7rem;
    height: 1.7rem
}

.exchange-modal .exchange-modal-content .si-modal-item {
    margin: .3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    display: flex;
    flex-direction: column
}

.exchange-modal .exchange-modal-content .si-modal-item .bonus-info {
    align-items: center;
    margin-bottom: .1rem;
    color: #000;
    display: flex;
    flex-direction: column;
    width: 100%
}

.exchange-modal .exchange-modal-content .si-modal-btn {
    width: 30%;
    min-width: 2.3rem;
    min-height: .41rem;
    color: #fff;
    border-radius: .2rem;
    display: flex;
    padding: .11rem .25rem;
    justify-content: center;
    align-items: center;
    gap: .1rem;
    background: #fd2f2f
}

.promo-ticket-item {
    border-radius: .05rem;
    margin: 0 .24rem;
    background: #fff;
    position: relative;
    margin-bottom: .2rem;
    box-shadow: 0 .05rem .08rem 0 rgba(0, 0, 0, .08)
}

.promo-ticket-item .ticket-head {
    display: flex;
    align-items: center;
    height: 1rem;
    gap: .2rem;
    justify-content: center
}

.promo-ticket-item .ticket-head .promo-name {
    max-width: 2.8rem;
    word-break: break-word;
    color: #9e9e9e;
    font-size: .26rem;
    font-weight: 900
}

.promo-ticket-item .ticket-head .promo-code {
    color: #666;
    text-align: center;
    font-size: .38rem;
    font-weight: 900
}

.promo-ticket-item .ticket-head .ticket-info {
    padding: 0 .2rem;
    text-align: left;
    width: 60%;
    float: right
}

.promo-ticket-item .ticket-head .ticket-info h3 {
    color: #737373;
    font-size: .28rem;
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc {
    display: flex;
    flex-direction: column;
    font-size: .24rem;
    color: #bababa;
    line-height: 1.4;
    word-break: break-all;
    position: relative;
    overflow: hidden
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc.ellipsis:after {
    content: "...";
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 .2rem 1px .45rem
}

.promo-ticket-item .ticket-head .ticket-info .ticket-desc span {
    display: block
}

.promo-ticket-item .ticket {
    margin-left: .1rem
}

.promo-ticket-item .operating {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 0 0 .05rem .05rem;
    background: #f9f6ef;
    min-height: .8rem;
    text-align: center;
    color: #888;
    font-size: .2rem
}

.promo-ticket-item .operating .due-content {
    margin-right: .1rem;
    max-width: 1.2rem;
    max-height: .5rem;
    min-width: 4.72rem;
    display: -webkit-box;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.promo-ticket-item .operating svg {
    width: .3rem
}

.promo-ticket-item .operating svg.red {
    color: red;
    fill: red
}

.promo-ticket-item .ticket-item-btn {
    white-space: nowrap;
    color: #fff;
    border-radius: .05rem;
    padding: .045rem .08rem;
    background: linear-gradient(0deg, #f48075, #e94040);
    font-size: .26rem;
    min-width: 1.2rem;
    text-align: center;
    height: .42rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.promo-ticket-item .ticket-item-btn.redeemed {
    background: linear-gradient(0deg, #c2c2c2, #8f8f8f);
    box-shadow: unset
}

.promo-ticket-item.dis .ticket-card {
    background-image: linear-gradient(0deg, #a2a2a2, #cdcdcd)
}

.promo-ticket-item.dis .ticket-item-btn {
    background: #a2a2a2;
    box-shadow: 0 .03rem .08rem #a2a2a2
}

.promo-ticket-item .permanent {
    font-size: .32rem;
    color: #666;
    font-weight: 700;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 45%;
    transform: translate(-50%, -50%)
}

.promo-home-wrap {
    width: 100%;
    position: fixed;
    overflow-y: hidden;
    display: flex;
    flex-direction: column
}

.promo-home-wrap .reward-content {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
    max-height: calc(100vh - 6.81rem);
    height: calc(var(--vh, 1vh)*100 - 6.81rem);
    padding: 0;
    flex: 1 1 0%;
    bottom: 0
}

.promo-home-wrap .promo-title {
    color: #656565;
    text-align: center;
    font-size: .32rem;
    font-weight: 900;
    margin: .3rem 0 .2rem;
    display: flex;
    flex: 1 1 0%;
    justify-content: center
}

.promo-home-wrap .input-container {
    flex: 1 1 0%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    padding: .2rem .24rem 0;
    margin-bottom: .3rem
}

.promo-home-wrap .input-container .account-form {
    width: 100%;
    display: flex;
    position: relative;
    padding: 0;
    flex-direction: column
}

.promo-home-wrap .input-container .account-form input {
    margin: 0;
    padding-left: .31rem;
    max-height: .9rem;
    width: 5.52rem;
    font-size: .3rem;
    font-weight: 800;
    border-radius: .2rem 0 0 .2rem;
    border-top: .02rem solid #e5e5e5;
    border-bottom: .02rem solid #e5e5e5;
    border-left: .02rem solid #e5e5e5;
    background: #fff;
    box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08)
}

.promo-home-wrap .input-container .account-form input::placeholder {
    color: #b5b5b5
}

.promo-home-wrap .input-container .account-form input:focus {
    border: none
}

.promo-home-wrap .input-container .account-form:has(.errors) input {
    background: linear-gradient(0deg, rgba(253, 47, 47, .2), rgba(253, 47, 47, .2)), #fff
}

.promo-home-wrap .input-container .account-form:has(.errors) input:focus {
    border: .02rem solid #fd2f2f
}

.promo-home-wrap .input-container .account-form .code-send {
    right: 0;
    width: 100%;
    max-height: .9rem;
    height: 100%;
    color: #fff;
    font-size: .24rem;
    border-radius: 0 .2rem .2rem 0;
    max-width: 1.5rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fd2f2f;
    box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08), 0 0 .1rem 0 #ffd3d3
}

.promo-home-wrap .input-container .account-form .code-send.btn-success {
    background: #fd2f2f
}

.promo-home-wrap .input-container .account-form .code-send.am-button-disabled {
    box-shadow: none
}

.promo-home-wrap .not-activity {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #656565;
    text-align: center;
    font-size: .32rem;
    font-weight: 900
}

.promo-home-wrap .not-activity .img-not-data {
    margin-top: .4rem;
    margin-bottom: .2rem;
    background-size: contain;
    background-position: 50%;
    width: 3.4rem;
    min-height: 3.4rem;
    display: block;
    opacity: .4;
    background-repeat: no-repeat;
    background-image: url(/mobile/mc/no-data.fc633307.png)
}

.promo-home-wrap .not-activity p {
    color: #666;
    text-align: center;
    font-size: .3rem
}

.promo-home-wrap .promo-popup {
    text-align: left;
    padding: .37rem .35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid red
}

.promo-home-wrap .promo-popup h3 {
    margin-bottom: .2rem
}

.promo-popup,
.savior-list {
    padding: .37rem .35rem;
    display: flex;
    flex-direction: column
}

.promo-popup ul,
.savior-list ul {
    display: flex;
    align-items: flex-start;
    list-style: disc;
    flex-direction: column;
    margin: 0 .25rem;
    gap: .1rem
}

.promo-popup ul li,
.savior-list ul li {
    list-style: decimal
}

.promo-popup h3,
.savior-list h3 {
    text-align: center;
    color: #656565;
    font-weight: 700;
    padding-bottom: .2rem;
    margin-bottom: .2rem
}

.lucky-bet-item {
    display: flex;
    width: 6.6rem;
    align-items: center;
    border: 1px solid #e7e7e7;
    flex-direction: column;
    border-radius: .2rem;
    background: #fff;
    box-shadow: 0 .08808rem .08808rem 0 rgba(0, 0, 0, .1)
}

.lucky-bet-item .lucky-bet-title {
    padding: .22rem;
    border: none;
    box-shadow: none;
    display: flex;
    width: 100%;
    border-radius: .2rem;
    background: #f5f6fa;
    height: .99rem;
    align-items: center;
    justify-content: flex-start
}

.lucky-bet-item .lucky-bet-title:before {
    border-radius: .2rem;
    content: "";
    display: block;
    background-color: #e86361;
    width: .06rem;
    height: .39rem
}

.lucky-bet-item .lucky-bet-title.active {
    border-radius: .2rem .2rem 0 0
}

.lucky-bet-item .lucky-bet-title.active .bet-title {
    color: #e86361
}

.lucky-bet-item .lucky-bet-title.active svg {
    rotate: 180deg;
    opacity: .5;
    transition: all .1s linear
}

.lucky-bet-item .lucky-bet-title .bet-title {
    display: flex;
    color: #000;
    text-align: center;
    font-size: .28rem;
    font-weight: 500;
    flex: 1 1 0%;
    margin-left: .19rem
}

.lucky-bet-item .lucky-bet-detail {
    padding: .16rem 0;
    min-height: 2rem;
    width: 100%;
    display: block;
    border-radius: .2rem;
    background: #fff
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box {
    display: flex;
    flex-direction: column
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .bet-detail-title {
    display: block;
    color: #000;
    font-size: .18rem;
    font-weight: 500;
    margin-top: .18rem;
    margin-bottom: .2rem;
    margin-left: .26rem
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content {
    overflow: hidden
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .lucky-bet-header {
    color: #fff;
    text-align: center;
    font-size: .18rem;
    font-weight: 500;
    background-color: #e86361;
    display: flex;
    height: .55rem
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .lucky-bet-header span {
    flex: 1 1 0%;
    word-break: break-word;
    white-space: normal;
    display: flex;
    overflow-wrap: break-word;
    align-items: center;
    justify-content: center
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .list-wrapper .nodata-container {
    font-size: .25rem
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .list-wrapper .nodata-container .nodata-icon {
    margin: 0 auto;
    width: 2.5rem;
    height: 2.5rem
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .lucky-bet-div {
    color: #000;
    text-align: center;
    font-size: .18rem;
    font-weight: 500;
    line-height: .29rem;
    border-bottom: 1px solid rgba(232, 99, 97, .5);
    display: flex;
    padding: .12rem 0
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .lucky-bet-div:last-child {
    border-bottom: none
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .lucky-bet-div span {
    flex: 1 1 0%;
    line-height: 1;
    min-height: .28rem;
    word-break: break-word;
    white-space: normal;
    display: flex;
    overflow-wrap: break-word;
    align-items: center;
    justify-content: center
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .bet-detail-wrapper {
    position: relative;
    margin: 0 .26rem;
    border-radius: .18rem;
    box-shadow: 0 .03704rem .14815rem 0 rgba(0, 0, 0, .1);
    margin-bottom: .18rem;
    overflow: hidden
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .bet-detail-wrapper .pullup-wrapper {
    position: absolute
}

.lucky-bet-item .lucky-bet-detail .lucky-bet-box .lucky-history-content .description {
    margin-left: .26rem;
    padding: 0
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper {
    height: 3.025rem !important
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper li {
    border-bottom: 1px solid rgba(232, 99, 97, .5)
}

.lucky-bet-item .bet-detail-wrapper .list-wrapper li:last-child {
    border-bottom: none
}

.lucky-bt-home-wrap {
    width: 100%;
    background-color: #fff;
    position: fixed;
    overflow-y: hidden;
    display: flex;
    flex-direction: column
}

.lucky-bt-home-wrap .mall-header,
.lucky-bt-home-wrap .mall-number-info {
    margin-top: .6rem
}

.lucky-bt-home-wrap .lucky-bet-content {
    gap: .3rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: scroll;
    max-height: calc(100vh - 4.39rem);
    height: calc(var(--vh, 1vh)*100 - 4.39rem);
    padding: 0;
    padding-top: .37rem;
    flex: 1 1 0%;
    padding-bottom: 1.47rem
}

.lucky-bt-home-wrap .promo-title {
    color: #656565;
    text-align: center;
    font-size: .32rem;
    font-weight: 900;
    margin: .3rem 0 .2rem;
    display: flex;
    flex: 1 1 0%;
    justify-content: center
}

.lucky-bt-home-wrap .input-container {
    flex: 1 1 0%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    padding: .2rem .24rem 0;
    margin-bottom: .3rem
}

.lucky-bt-home-wrap .input-container .account-form {
    width: 100%;
    display: flex;
    position: relative;
    padding: 0;
    flex-direction: column
}

.lucky-bt-home-wrap .input-container .account-form input {
    margin: 0;
    padding-left: .31rem;
    max-height: .9rem;
    width: 5.52rem;
    font-size: .3rem;
    font-weight: 800;
    border-radius: .2rem 0 0 .2rem;
    border-top: .02rem solid #e5e5e5;
    border-bottom: .02rem solid #e5e5e5;
    border-left: .02rem solid #e5e5e5;
    background: #fff;
    box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08)
}

.lucky-bt-home-wrap .input-container .account-form input::placeholder {
    color: #b5b5b5
}

.lucky-bt-home-wrap .input-container .account-form input:focus {
    border: none
}

.lucky-bt-home-wrap .input-container .account-form:has(.errors) input {
    background: linear-gradient(0deg, rgba(253, 47, 47, .2), rgba(253, 47, 47, .2)), #fff
}

.lucky-bt-home-wrap .input-container .account-form:has(.errors) input:focus {
    border: .02rem solid #fd2f2f
}

.lucky-bt-home-wrap .input-container .account-form .code-send {
    right: 0;
    width: 100%;
    max-height: .9rem;
    height: 100%;
    color: #fff;
    font-size: .24rem;
    border-radius: 0 .2rem .2rem 0;
    max-width: 1.5rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fd2f2f;
    box-shadow: inset 0 1px .05rem 1px rgba(0, 0, 0, .08), 0 0 .1rem 0 #ffd3d3
}

.lucky-bt-home-wrap .input-container .account-form .code-send.btn-success {
    background: #fd2f2f
}

.lucky-bt-home-wrap .input-container .account-form .code-send.am-button-disabled {
    box-shadow: none
}

.lucky-bt-home-wrap .not-activity {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #656565;
    text-align: center;
    font-size: .32rem;
    font-weight: 900
}

.lucky-bt-home-wrap .not-activity .img-not-data {
    margin-top: .4rem;
    margin-bottom: .2rem;
    background-size: contain;
    background-position: 50%;
    width: 3.4rem;
    min-height: 3.4rem;
    display: block;
    opacity: .4;
    background-repeat: no-repeat;
    background-image: url(/mobile/mc/no-data.fc633307.png)
}

.lucky-bt-home-wrap .not-activity p {
    color: #666;
    text-align: center;
    font-size: .3rem
}

.lucky-bt-home-wrap .promo-popup {
    text-align: left;
    padding: .37rem .35rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid red
}

.lucky-bt-home-wrap .promo-popup h3 {
    margin-bottom: .2rem
}

.promo-popup,
.savior-list {
    padding: .37rem .35rem;
    display: flex;
    flex-direction: column
}

.promo-popup ul,
.savior-list ul {
    display: flex;
    align-items: flex-start;
    list-style: disc;
    flex-direction: column;
    margin: 0 .25rem;
    gap: .1rem
}

.promo-popup ul li,
.savior-list ul li {
    list-style: decimal
}

.promo-popup h3,
.savior-list h3 {
    text-align: center;
    color: #656565;
    font-weight: 700;
    padding-bottom: .2rem;
    margin-bottom: .2rem
}

.records-item-content .am-flexbox-align-middle {
    margin-top: .2rem
}

.records-item-content .am-flexbox-align-middle:first-child {
    margin-top: 0
}

.records-item-header {
    padding: 0 .05rem
}

.records-item-header .header-block {
    line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.records-item-header .header-block .personal-icon .am-icon-md {
    top: .06rem
}

.records-item-header .amount-total {
    font-weight: 700;
    color: #333
}

.records-item-header .game-amount-content {
    align-items: center
}

.records-item-header .game-amount-content .time {
    line-height: 1
}

.pal-records-list-root {
    margin-top: 1rem
}

.pal-records-root {
    font-size: .32rem;
    margin-bottom: .3rem
}

.pal-records-list-root .time {
    color: #a6a6a6;
    font-size: .24rem
}

.ph-text span {
    width: auto;
    display: inline-block;
    word-break: break-all;
    white-space: normal;
    line-height: 1.2;
    position: relative;
    top: .07rem
}

.pal-records-list-root .records-item-header {
    padding: 0 .6rem;
    height: .8rem;
    line-height: .8rem;
    background: #fff
}

.pal-records-list-root .records-item-header .am-icon {
    position: relative;
    top: .16rem;
    width: .55rem;
    height: .55rem;
    margin-right: .1rem
}

.record-icon-yen {
    position: relative;
    top: .1rem;
    margin-right: .15rem;
    color: #3a86f7
}

.pal-records-list-root .records-item-content {
    font-size: .28rem;
    background: #fcfcfc;
    padding: 0 .15rem
}

.pal-records-list-root .line {
    height: .8rem;
    line-height: .8rem;
    padding: 0 .4rem;
    border-bottom: 1px solid #289afe
}

.pal-records-list-root .line-large {
    height: 1rem;
    margin-top: .1rem;
    padding: 0 .4rem
}

.pal-records-list-root .line-large .am-flexbox {
    line-height: .45rem
}

.game-amount-title {
    font-weight: 700;
    font-size: .3rem;
    display: inline-block;
    text-align: right;
    width: 100%
}

.mc-profitLoss-record-container .empty-text {
    font-size: .32rem;
    margin-top: .3rem;
    padding: .1rem .15rem
}

.mc-profitLoss-record-container .color-red-out {
    color: #f6573a
}

.card-amount {
    display: inline-block;
    width: 100%;
    text-align: right
}

.mc-profitLoss-record-container .color-green-in {
    color: #59d169
}

.mc-profitLoss-record-root .records-root {
    border-bottom: 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-card {
    border-radius: .1rem;
    border: 1px solid #ddd;
    min-height: 1.92rem;
    padding-bottom: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.am-card.am-card-full {
    border-radius: 0;
    border-left: 0;
    border-right: 0
}

.am-card-header {
    -ms-flex-align: center;
    font-size: .34rem;
    padding: .18rem .3rem
}

.am-card-header,
.am-card-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.am-card-header-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: left;
    color: #000;
    -ms-flex-align: center
}

.am-card-header-content img {
    margin-right: .1rem
}

.am-card-header-extra {
    text-align: right;
    font-size: .34rem;
    color: #888
}

.am-card-body,
.am-card-header-extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.am-card-body {
    border-top: 1px solid #ddd;
    padding: .3rem .3rem .12rem;
    font-size: .3rem;
    color: #333;
    min-height: .8rem
}

.am-card-footer {
    font-size: .28rem;
    color: #888;
    padding: 0 .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-card-footer-content,
.am-card-footer-extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%
}

.am-card-footer-extra {
    text-align: right
}

.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-activity-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99
}

.am-activity-indicator-spinner {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2.125 -1.875 64 64'%3E%3Cpath fill='%23CCC' d='M29.875-1.875c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 60.7c-15.85 0-28.7-12.85-28.7-28.7s12.85-28.7 28.7-28.7 28.7 12.85 28.7 28.7-12.85 28.7-28.7 28.7z'/%3E%3Cpath fill='%23108ee9' d='M61.858 30.34c.003-.102.008-.203.008-.305 0-11.43-5.996-21.452-15.01-27.113l-.013.026a1.629 1.629 0 0 0-.81-.22 1.646 1.646 0 1 0-.713 3.132c7.963 5.1 13.247 14.017 13.247 24.176 0 .147-.01.293-.01.44h.022c0 .01-.004.02-.004.03 0 .91.74 1.65 1.65 1.65s1.65-.74 1.65-1.65c0-.06-.012-.112-.018-.167z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: spinner-anime 1s linear infinite;
    animation: spinner-anime 1s linear infinite
}

.am-activity-indicator-tip {
    font-size: .28rem;
    margin-left: .16rem;
    color: #000;
    opacity: .4
}

.am-activity-indicator.am-activity-indicator-toast {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    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;
    text-align: center;
    z-index: 1999
}

.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-spinner {
    margin: 0
}

.am-activity-indicator.am-activity-indicator-toast .am-activity-indicator-toast {
    display: inline-block;
    position: relative;
    top: .08rem
}

.am-activity-indicator-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3rem;
    border-radius: .14rem;
    background-clip: padding-box;
    color: #fff;
    background-color: rgba(58, 58, 58, .9);
    font-size: .3rem;
    line-height: .4rem
}

.am-activity-indicator-spinner-lg {
    width: .64rem;
    height: .64rem
}

@-webkit-keyframes spinner-anime {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-anime {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.interBank .flex-con {
    position: relative
}

.flex-vou-tips {
    padding-left: .2rem;
    font-size: .3rem;
    color: #888
}

.flex-vou-tips.cl-black {
    color: #000
}

.vou-balance {
    text-align: center !important;
    font-size: .32rem;
    height: .6rem;
    line-height: .6rem
}

.pay-tips {
    padding: .2rem
}

.flex-base-item {
    width: 100%;
    display: flex
}

.vou-icon {
    position: relative
}

.v-detail-base .vou-icon-ref {
    position: absolute;
    top: .06rem;
    left: 0;
    color: #2f94fc;
    width: .42rem;
    height: .42rem
}

.payMoney {
    text-align: center !important;
    font-size: .6rem;
    color: #2595fc
}

.btn-gray {
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    background-image: -webkit-linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    background-image: -ms-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(5, 0, 0, .11);
    transition: all .3s linear;
    margin-bottom: 1em
}

.btn-success {
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30) !important;
    background-image: -ms-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    color: #fffefe !important;
    transition: all .2s linear;
    border: none
}

.choose-bank {
    font-size: .32rem;
    margin: .35rem -.46rem .05rem;
    background: #efefef
}

.choose-bank .bank-container {
    margin-bottom: .2rem
}

.bank-errors-tips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .3rem;
    font-weight: 700;
    color: red;
    text-align: center;
    height: 30%;
    width: 65%
}

.deposit-bank {
    height: .4rem;
    line-height: .4rem;
    margin-top: .15rem;
    font-size: .3rem;
    font-weight: 500;
    margin-left: .35rem;
    color: #848484
}

.deposit-con {
    margin-top: .15rem;
    width: 100%;
    height: auto !important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .25rem;
    max-height: 2.45rem
}

.deposit-con.all-item {
    max-height: none !important
}

.deposit-con:after {
    display: table;
    content: " ";
    overflow: hidden
}

.deposit-top {
    margin-top: .5rem
}

.deposit-con:before {
    display: table;
    content: " ";
    overflow: hidden
}

.deposit-span {
    display: flex;
    margin: .15rem 2.62%;
    width: 28%;
    height: .9rem;
    border-radius: .15rem;
    border: 1px solid #fff;
    background: #fff;
    position: relative;
    text-align: center;
    align-items: center;
    overflow: hidden;
    box-shadow: .04rem 0 .21rem hsla(0, 0%, 69%, .39)
}

.deposit-span img {
    padding: 0 .15rem
}

.deposit-icon {
    width: 100%;
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.deposit-icon.failed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5em;
    font-size: 80%
}

.deposit-icon .loading-example {
    display: flex;
    justify-content: center
}

.deposit-icon-svg {
    width: .75rem;
    height: .75rem;
    position: absolute;
    left: .08rem;
    top: .3rem
}

.am-list-item .deposit-img img {
    vertical-align: middle;
    width: .75rem;
    height: .75rem;
    margin-top: -.08rem
}

.am-list-item .flex-img {
    top: .8rem;
    left: .45rem
}

.deposit-icon>img {
    width: 100%;
    height: auto
}

.deposit-icon .am-activity-indicator-spinner-lg {
    margin: 0
}

.deposit-img {
    width: 1rem;
    height: 1rem
}

.choose-more-bank {
    text-align: center;
    font-size: .32rem;
    padding-top: .2rem;
    padding-bottom: .15rem;
    color: #2f94fc;
    position: relative;
    display: none
}

.bank-arrowDown {
    vertical-align: sub;
    margin-right: .05rem
}

.card-btm {
    padding-bottom: .15rem;
    margin-bottom: .5rem;
    width: 100%;
    height: 100%
}

.card-btm .am-list-body {
    border-top: 0
}

.agInterBank .am-tabs-bar,
.at .am-tabs-bar,
.interBank .am-tabs-bar {
    display: none
}

.flex-con.pay-btn {
    margin-top: .2rem
}

.payWayBox {
    width: 100%;
    padding-bottom: .1rem;
    padding-top: .15rem
}

.payWay {
    height: .8rem;
    padding-top: .08rem;
    line-height: .35rem;
    padding-left: .03rem;
    overflow: hidden;
    overflow-x: auto
}

.inline-button {
    width: 1.75rem;
    background: #fff;
    text-align: center;
    border-radius: .05rem;
    display: inline-block;
    font-size: .29rem;
    font-weight: 600;
    padding: .08rem .12rem;
    color: #878787;
    z-index: 10;
    border: 1px solid #878787;
    height: .55rem
}

.payWay .inline-button {
    margin-right: .1rem
}

.active {
    border: 1px solid #289afe;
    box-shadow: -1px 0 .05rem #289afe, 1px 0 .05rem #289afe, 0 -1px .05rem #289afe, 0 1px .03rem #289afe
}

.active,
.active1 {
    transition: all .1s linear
}

.active1 {
    border: 1px solid #1d75ff
}

.active1,
.bg {
    background: #eef7ff
}

.flex-grad {
    top: .1rem;
    left: -.18rem
}

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

.vou a {
    width: 100%;
    height: 100%;
    display: block
}

.vou .am-activity-indicator-spinner {
    margin: 0 auto
}

.space-top {
    margin-top: 10%
}

.list-accout {
    height: 1.5rem
}

.list-base-height {
    height: 1.85rem
}

.list-accout-icon {
    width: 1.5rem;
    display: inline-block
}

.list-account-text {
    display: inline-block;
    margin-left: .1rem
}

.list-icon-rig {
    position: absolute;
    right: 0;
    top: .24rem
}

.list-account-link {
    display: block;
    width: 100%;
    height: 100%
}

.transLate-space {
    margin-top: 1rem
}

.popUpHeader {
    position: relative;
    font-size: .32rem
}

.popup-list.popUp-list {
    margin-bottom: .2rem
}

.act_card {
    margin-bottom: .3rem
}

.list-container {
    overflow: hidden;
    overflow-y: scroll;
    height: 3.5rem
}

.popUps-list-item {
    padding-bottom: .1rem;
    margin-bottom: .05rem
}

.message-base {
    font-size: .28rem;
    width: 100%;
    min-height: 1.05rem;
    margin: .1rem;
    display: flex
}

.message-base a {
    font-size: .28rem;
    position: relative;
    height: inherit;
    line-height: inherit;
    height: .84rem
}

.message-base a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.message-spanL {
    font-size: .31rem;
    font-weight: 700;
    display: inline-block;
    width: 27%
}

.message-spanC {
    display: inline-block;
    width: calc(60% - .4rem);
    word-break: break-all;
    padding: 0 .2rem
}

.card-list {
    flex: none;
    min-height: 2rem
}

.message-spanR {
    display: inline-block;
    width: 13%;
    color: #437ef8
}

.tab_item {
    text-align: center;
    line-height: 3rem;
    color: #fff;
    display: none
}

.show {
    display: block
}

.hide {
    display: none !important
}

.p-container {
    text-align: center;
    margin: 0 auto;
    margin-bottom: .15rem
}

.iframe-wrap,
.p-container {
    width: 100%;
    height: 100%
}

.imgContainer {
    display: inline-block;
    verticalalign: middle;
    margin-top: .35rem;
    overflow: hidden;
    overflow-y: scroll
}

.alipay_ref_code {
    font-size: .3rem;
    font-weight: 700;
    margin-top: .5rem;
    color: #e4393c;
    text-align: center
}

.alipay_ref_code .amount {
    font-size: .32rem;
    margin-bottom: .2rem
}

.alipay_ref_code .last_p {
    font-size: .6rem
}

.alipay_ref_code .last_p-spanR {
    font-size: .32rem;
    margin-left: .15rem;
    font-weight: 500;
    color: #437ef8
}

.flex-span {
    margin: .1rem .2rem .35rem 0;
    font-size: .32rem;
    color: #e4393c;
    font-weight: 700
}

.flex-con-new {
    margin: .15rem .2rem .05rem 0;
    background: #cef7e7;
    border-radius: .1rem;
    height: .85rem;
    width: 100% !important;
    position: relative
}

.flex-con-new p {
    font-size: .25rem;
    color: #666;
    margin-left: .18rem
}

.setting_sort_left {
    position: relative
}

.setting_sort_left p {
    padding-right: 1.2rem
}

.setting_sort_left p a {
    font-size: .3rem;
    max-width: 1rem;
    line-height: 1
}

.setting_sort_left p a,
.setting_sort_left p span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.setting_sort_left p span {
    left: 1.8rem;
    text-align: left;
    max-width: calc(100% - 3rem);
    padding-left: .1rem
}

.setting_sort_right {
    position: absolute;
    top: .06rem;
    right: .2rem
}

.other-size {
    font-size: .27rem
}

.flex-con-other {
    margin-top: .2rem
}

body .styles_modal__gNwvD {
    padding: 0;
    max-width: unset !important
}

body .styles_closeButton__20ID4 {
    padding: .3rem .1rem;
    opacity: .7
}

body .styles_overlay__CLSq- {
    padding: 0
}

.star-query {
    font-size: .5rem;
    font-weight: 700
}

.special-badge .am-badge {
    transform: rotate(45deg);
    transform-origin: right bottom;
    right: 0;
    top: .26rem;
    width: 1rem
}

.order {
    border: .02rem solid #b36143;
    background: #e0e6e6;
    color: #f96268;
    display: inline-block;
    margin-right: .13rem;
    font-weight: 700;
    border-radius: 50%;
    width: .5rem;
    height: .55rem;
    line-height: .5rem;
    text-align: center
}

.no-active {
    margin-top: .25rem;
    margin-right: 12%;
    margin-left: 12%;
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-90deg, #da3e34 0, #da3e34 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, #da3e34, #da3e34) !important;
    background-image: -ms-linear-gradient(-90deg, #da3e34 0, #da3e34 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
    color: #fffefe !important;
    transition: all .3s linear
}

.no-active:active {
    background-image: -moz-linear-gradient(-90deg, red 0, red 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, red, red) !important;
    background-image: -ms-linear-gradient(-90deg, red 0, red 100%) !important
}

.ios-tips {
    margin-top: .2rem;
    font-size: .28rem;
    font-weight: 700;
    color: #926e6e
}

.hd .am-tabs-bar {
    opacity: 1
}

.sh .am-tabs-bar {
    opacity: 0;
    height: 1em
}

.onlineService {
    width: 100%;
    text-align: center;
    margin-bottom: .25rem;
    color: #888;
    font-size: .28rem
}

.linkService {
    display: block;
    padding-top: .1rem;
    color: blue;
    text-decoration: underline
}

.vc-info {
    padding: .1rem .5rem
}

.vc-info span {
    font-size: .26rem;
    color: red
}

.showNow {
    display: block;
    width: 100%;
    height: 100%
}

.bank-charge,
.bank-error-tips,
.deposit-info {
    float: left
}

.deposit-info {
    color: red
}

.vou .flex-list-title {
    margin: 0;
    min-height: .34rem
}

.notice-footer {
    text-align: center
}

.notice-footer a {
    margin: 0 .1rem
}

.vcpay {
    padding: .4rem
}

.vcpay .amount {
    text-align: left
}

.vcpay .pay-tips {
    padding: 0
}

.ept .am-tabs-bar {
    display: none
}

.ept .bank-info {
    margin: .15rem .4rem .05rem;
    line-height: 1.5
}

.v-base .errors {
    margin-left: .2rem;
    width: 100%
}

.v-base .errors .bank-error-tips {
    margin-right: .5em
}

.fixed-money {
    display: flex;
    flex-wrap: wrap;
    margin-right: -3.33%;
    margin-top: .5em
}

.deposit-amount-con {
    margin-top: .5em;
    overflow: hidden
}

.deposit-amount-con .title {
    color: #747474;
    padding-bottom: .5em
}

.fixed-money>div.fixed-money-item {
    width: 30%;
    padding: .5em 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: .1rem;
    background-color: #efefef;
    white-space: nowrap;
    color: #919191;
    margin-bottom: .5em;
    margin-right: 3.33%
}

.fixed-money>div.fixed-money-item.money-active {
    background-color: #f3f7ff;
    border-color: #a8cfff;
    color: #3786fc
}

.flex-con.noborder {
    border: none !important
}

.upload-container label {
    top: .7rem
}

.deposit .am-wingblank.am-wingblank-lg {
    margin: 0 .46rem
}

.deposit .inputIcon {
    border-radius: 0 .15rem .15rem 0
}

.deposit .inputSelect {
    background-color: transparent
}

.deposit a[role=button] {
    margin-bottom: 1em
}

.deposit .bank-active {
    background: #eef7ff;
    border: .02rem solid #4c84f8;
    transition: all .1s linear
}

.deposit .inputCon input {
    border-radius: .15rem !important
}

.deposit .inputCon input:focus {
    border: .02rem solid #4c84f8 !important
}

.mt-name-footer {
    padding: 0 .3rem
}

.mt-name-footer .footer-button {
    flex: auto;
    background: #da3e34;
    color: #fff;
    border: 0;
    margin: 0 .1rem
}

.deposit .agrg-downline-cname {
    display: inline-block;
    width: 1rem;
    text-align: center;
    right: .1rem;
    word-break: break-word;
    line-height: 1 !important;
    float: none !important
}

.setting_sort_right.switch-box .other-size {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    display: none
}

.setting_sort_right.switch-box .mc-switch {
    float: right !important
}

.voucher-success-footer a {
    font-size: .28rem;
    white-space: normal;
    height: inherit;
    line-height: 1.2;
    padding: .2rem
}

.mc-usdt-msg-popup .am-navbar-title div {
    max-width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.mc-usdt-msg-popup .am-popup {
    height: 100%
}

.voucher-msg-container {
    min-height: calc(100vh - 1rem);
    min-height: calc(var(--vh, 1vh)*100 - 1rem);
    padding: .44rem;
    background: #fff
}

.voucher-msg-container .msg-img {
    padding: .3rem;
    text-align: center
}

.voucher-msg-container .msg-img img {
    max-width: 100%;
    display: inline-block
}

.voucher-msg-container .voucher-msg-desc {
    margin-bottom: .4rem;
    color: #3c3c3c;
    font-size: .3rem;
    text-align: left
}

.voucher-msg-container .voucher-btn {
    box-shadow: 0 .1rem .15rem rgba(239, 37, 78, .46);
    color: #fff;
    background-color: #ef254e;
    font-size: .36rem;
    border: none;
    height: .9rem;
    line-height: .9rem;
    width: 100%;
    border-radius: .2rem
}

.voucher-msg-container .voucher-msg-list {
    position: relative;
    line-height: 1.2;
    margin-bottom: .4rem;
    min-height: .8rem;
    clear: both
}

.voucher-msg-container .voucher-msg-list .voucher-msg-title {
    font-size: .3rem;
    color: #666;
    margin-bottom: .06rem;
    padding-right: .9rem;
    text-align: left;
    float: left
}

.voucher-msg-container .voucher-msg-list .voucher-msg-red {
    font-size: .26rem;
    color: #f33;
    margin-top: .06rem;
    clear: both
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content {
    font-size: .3rem;
    font-weight: 700;
    color: #5f5f5f;
    padding-right: .9rem;
    word-break: break-all;
    text-align: left;
    float: left
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content input {
    background: #efefef;
    border: none;
    height: .76rem;
    border-radius: .1rem;
    margin-top: .14rem
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content.no-copy {
    padding: 0
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    color: #428dfc;
    background: #f0f2fe;
    border-radius: .1rem;
    width: .8rem;
    text-align: center
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy svg {
    width: .32rem;
    height: .38rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.voucher-msg-container .intergallery {
    border: .02rem solid #e2e1e1;
    width: 100%;
    color: #428dfc;
    text-align: center;
    border-radius: .1rem;
    position: relative
}

.voucher-msg-container .intergallery.hide-upload {
    height: 1.3rem
}

.voucher-msg-container .intergallery label {
    display: inline-block
}

.voucher-msg-container .intergallery .upload-container {
    color: #428dfc;
    height: 1.3rem;
    top: .2rem;
    display: inline-block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%
}

.voucher-msg-container .intergallery .upload-container #upload {
    width: .8rem;
    height: .76rem;
    background: #f0f2fe;
    border-radius: .1rem;
    display: inline-block;
    position: relative;
    top: .2rem
}

.voucher-msg-container .intergallery .upload-container #upload svg {
    width: .32rem;
    height: .38rem;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.voucher-msg-container .intergallery .upload-content {
    position: relative;
    margin: 0 .2rem;
    top: .4rem
}

.voucher-msg-container .intergallery input {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 100% !important;
    z-index: 10;
    top: 0
}

#previewImg {
    width: 100%;
    height: auto
}

.hide-img {
    opacity: 0
}

.deposit .am-navbar-title {
    flex: initial;
    overflow: hidden;
    justify-content: left
}

.bank-virtual-tips {
    color: red;
    font-size: .28rem;
    line-height: 1.5;
    min-height: .4rem;
    margin: .15rem .4rem .16rem .22rem
}

.wallet-address-content {
    margin-top: .46rem !important;
    background: inherit;
    padding: 0;
    text-align: left
}

.wallet-address-content .code-container {
    text-align: center
}

.wallet-address-content .get-virtual-wallet {
    margin-top: .26rem
}

.wallet-address-content canvas {
    margin: .2rem 0
}

.wallet-address-content .tcg-tips {
    margin-bottom: .2rem;
    margin-top: .2rem
}

.wallet-address-content .voucher-msg-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wallet-input-content {
    margin-top: .46rem !important;
    background: inherit
}

.wallet-input-content .tcg-tips {
    margin-bottom: .2rem;
    margin-top: .2rem
}

.service-link-container {
    padding: .1rem 0 .6rem;
    color: #2595fc;
    text-decoration: underline;
    text-align: center
}

.inputCon {
    width: 100%;
    height: 1.08rem;
    line-height: 1.08rem;
    font-size: .32rem;
    padding: 1px 0;
    color: #1c1c1c;
    position: relative
}

.inputCon input::placeholder {
    font-size: .32rem;
    font-weight: 500;
    color: #747474
}

.inputBase {
    background: #efefef;
    color: #747474;
    display: block;
    height: 100%;
    width: 100%;
    border: none;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: .15rem
}

.inputBase::placeholder {
    color: #888;
    line-height: .5rem
}

.inputSelect {
    display: inline-block;
    vertical-align: top;
    height: 1.05rem;
    line-height: 1.05rem;
    width: 90%;
    border: none
}

.inputSelect div {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inputSelect input {
    color: #000;
    z-index: 10
}

.inputSelect .inputBase::placeholder {
    color: #747474;
    line-height: .5rem
}

.inputBox-other input {
    color: #747474
}

.inputIcon {
    display: inline-block;
    height: 1.05rem;
    width: 14%;
    background: #3b79f3 !important;
    text-align: center;
    position: absolute;
    right: 0;
    top: 1px;
    border-radius: 0 .15rem .15rem 0;
    z-index: 9
}

.chooseExtra {
    font-family: sans-serif;
    color: #747474;
    padding-left: .3rem;
    padding-right: .25rem;
    font-size: .32rem;
    overflow: hidden;
    white-space: nowrap
}

.inputIcon1 {
    display: inline-block;
    height: 100%;
    width: 14%;
    text-align: center
}

.activity-container {
    position: relative
}

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

.mc-spinner-loading-wrap .mc-spinner-loading {
    animation: mc-rotate 2s linear infinite;
    width: .65rem;
    height: .65rem
}

.mc-spinner-loading-wrap .mc-spinner-loading .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: mc-dash 1.5s ease-in-out infinite, mc-colors 6s ease-in-out infinite;
    stroke-linecap: round
}

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

@keyframes mc-colors {
    0%,
    to {
        stroke: #ff5676
    }
    40% {
        stroke: #3296ff
    }
    66% {
        stroke: #30f282
    }
    80%,
    90% {
        stroke: #fefc41
    }
}

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

.deposit-promo-v2 .act-title {
    color: #747474;
    margin-top: .14rem
}

.deposit-promo-v2 .act-container .act-item {
    background: #fff;
    border-radius: .08rem;
    color: #7f7f7f;
    overflow: hidden;
    border: 1px solid #efefef;
    margin-top: .2rem;
    height: 1.09rem;
    min-height: 1.09rem
}

.deposit-promo-v2 .act-container .act-item.on:last-child:after {
    top: 50%;
    transform: translateY(-50%)
}

.deposit-promo-v2 .act-container .act-item:last-child {
    display: flex;
    align-items: center;
    padding-top: .16rem;
    padding-left: 0
}

.deposit-promo-v2 .act-container .act-item:last-child:before {
    top: 50%;
    transform: translateY(-50%)
}

.deposit-promo-v2 .act-container .act-item:last-child .act-prom-name {
    max-width: calc(100% - .56rem);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    position: absolute;
    left: .56rem
}

.deposit-promo-v2 .act-container .act-item .wysiwyg {
    padding-bottom: 0
}

.deposit-promo-v2 .act-container .act-item .act-prom-remark {
    font-size: 85%;
    background-color: #edf2fa;
    color: #7f7f7f
}

.deposit-promo-v2 .act-container .act-prom-name {
    position: relative;
    padding: .2rem 30% 0 .2rem
}

.deposit-promo-v2 .act-container .act-prom-name .act-mount {
    max-width: 30%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 .2rem;
    border-left: 1px solid #ccc
}

.deposit-promo-v2 .act-container .act-prom-name .act-mount i {
    font-style: normal
}

.deposit-promo-v2 .act-container .act-item.on {
    border-color: #a8cfff;
    color: #3786fc !important;
    height: auto
}

.deposit-promo-v2 .act-container .act-item.on p {
    font-size: .26rem;
    padding: 0;
    background: #e4ecfc
}

.deposit-promo-v2 .act-container .act-item.on .act-mount {
    border-left: 1px solid #bcd1fc
}

.deposit-promo-v2 .act-container .act-item.on .act-mount i {
    font-style: normal
}

.deposit-promo-v2 .act-container .act-item.dis {
    color: #c7c7c7
}

#vc-v2-active .act-prom-remark-v2 {
    padding-bottom: .14rem
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg {
    margin-top: .08rem;
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 1.2rem;
    max-height: .3rem
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg br {
    display: none
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg>:not(:first-child) {
    display: none !important
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg p {
    white-space: nowrap !important
}

.msg-v2-container {
    padding-bottom: .8rem;
    min-height: 100vh;
    position: relative;
    background: #f5f5f9
}

.msg-v2-container .voucher-msg-content {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msg-v2-container .interBank .flex-con {
    position: relative
}

.msg-v2-container .vn-desc {
    padding: .2rem 0;
    font-weight: 700;
    color: #000
}

.msg-v2-container .flex-vou-tips {
    padding-left: .2rem;
    font-size: .3rem;
    color: #888
}

.msg-v2-container .flex-vou-tips.cl-black {
    color: #000
}

.msg-v2-container .vou-balance {
    text-align: center !important;
    font-size: .32rem;
    height: .6rem;
    line-height: .6rem
}

.msg-v2-container .pay-tips {
    padding: .2rem
}

.msg-v2-container .flex-base-item {
    width: 100%;
    display: flex
}

.msg-v2-container .vou-icon {
    position: relative
}

.msg-v2-container .v-detail-base .vou-icon-ref {
    position: absolute;
    top: .06rem;
    left: 0;
    color: #2f94fc;
    width: .42rem;
    height: .42rem
}

.msg-v2-container .payMoney {
    text-align: center !important;
    font-size: .6rem;
    color: #2595fc
}

.msg-v2-container .btn-gray {
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    background-image: -webkit-linear-gradient(-93deg, #cecece, #c4c4c4) !important;
    background-image: -ms-linear-gradient(-93deg, #cecece 0, #c4c4c4 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(5, 0, 0, .11);
    transition: all .3s linear;
    margin-bottom: 1em
}

.msg-v2-container .btn-success {
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, #ff3a3e, #ff1e30) !important;
    background-image: -ms-linear-gradient(-90deg, #ff3a3e 0, #ff1e30 100%) !important;
    color: #fffefe !important;
    transition: all .2s linear;
    border: none
}

.msg-v2-container .choose-bank {
    font-size: .32rem;
    margin: .35rem -.46rem .05rem;
    background: #efefef
}

.msg-v2-container .choose-bank .bank-container {
    margin-bottom: .2rem
}

.msg-v2-container .bank-errors-tips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .3rem;
    font-weight: 700;
    color: red;
    text-align: center;
    height: 30%;
    width: 65%
}

.msg-v2-container .deposit-bank {
    height: .4rem;
    line-height: .4rem;
    margin-top: .15rem;
    font-size: .3rem;
    font-weight: 500;
    margin-left: .35rem;
    color: #848484
}

.msg-v2-container .deposit-con {
    margin-top: .15rem;
    width: 100%;
    height: auto !important;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 .25rem;
    max-height: 2.45rem
}

.msg-v2-container .deposit-con.all-item {
    max-height: none !important
}

.msg-v2-container .deposit-con:after {
    display: table;
    content: " ";
    overflow: hidden
}

.msg-v2-container .deposit-top {
    margin-top: .5rem
}

.msg-v2-container .deposit-con:before {
    display: table;
    content: " ";
    overflow: hidden
}

.msg-v2-container .deposit-span {
    display: flex;
    margin: .15rem 2.62%;
    width: 28%;
    height: .9rem;
    border-radius: .15rem;
    border: 1px solid #fff;
    background: #fff;
    position: relative;
    text-align: center;
    align-items: center;
    overflow: hidden;
    box-shadow: .04rem 0 .21rem hsla(0, 0%, 69%, .39)
}

.msg-v2-container .deposit-span img {
    padding: 0 .15rem
}

.msg-v2-container .deposit-icon {
    width: 100%;
    z-index: 5;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.msg-v2-container .deposit-icon.failed {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5em;
    font-size: 80%
}

.msg-v2-container .deposit-icon .loading-example {
    display: flex;
    justify-content: center
}

.msg-v2-container .deposit-icon-svg-v2 {
    width: .75rem;
    height: .75rem;
    position: absolute;
    left: .08rem;
    top: .3rem
}

.msg-v2-container .am-list-item .deposit-img img {
    vertical-align: middle;
    width: .75rem;
    height: .75rem;
    margin-top: -.08rem
}

.msg-v2-container .am-list-item .flex-img {
    top: .8rem;
    left: .45rem
}

.msg-v2-container .deposit-icon>img {
    width: 100%;
    height: auto
}

.msg-v2-container .deposit-icon .am-activity-indicator-spinner-lg {
    margin: 0
}

.msg-v2-container .deposit-img {
    width: 1rem;
    height: 1rem
}

.msg-v2-container .choose-more-bank {
    text-align: center;
    font-size: .32rem;
    padding-top: .2rem;
    padding-bottom: .15rem;
    color: #2f94fc;
    position: relative;
    display: none
}

.msg-v2-container .bank-arrowDown {
    vertical-align: sub;
    margin-right: .05rem
}

.msg-v2-container .card-btm {
    padding-bottom: .15rem;
    margin-bottom: .5rem;
    width: 100%;
    height: 100%
}

.msg-v2-container .card-btm .am-list-body {
    border-top: 0
}

.msg-v2-container .agInterBank .am-tabs-bar,
.msg-v2-container .at .am-tabs-bar,
.msg-v2-container .interBank .am-tabs-bar {
    display: none
}

.msg-v2-container .flex-con.pay-btn {
    margin-top: .2rem
}

.msg-v2-container .payWayBox {
    width: 100%;
    padding-bottom: .1rem;
    padding-top: .15rem
}

.msg-v2-container .payWay {
    height: .8rem;
    padding-top: .08rem;
    line-height: .35rem;
    padding-left: .03rem;
    overflow: hidden;
    overflow-x: auto
}

.msg-v2-container .inline-button {
    width: 1.75rem;
    background: #fff;
    text-align: center;
    border-radius: .05rem;
    display: inline-block;
    font-size: .29rem;
    font-weight: 600;
    padding: .08rem .12rem;
    color: #878787;
    z-index: 10;
    border: 1px solid #878787;
    height: .55rem
}

.msg-v2-container .payWay .inline-button {
    margin-right: .1rem
}

.msg-v2-container .active {
    border: 1px solid #289afe;
    box-shadow: -1px 0 .05rem #289afe, 1px 0 .05rem #289afe, 0 -1px .05rem #289afe, 0 1px .03rem #289afe;
    transition: all .1s linear
}

.msg-v2-container .active1 {
    border: 1px solid #1d75ff;
    transition: all .1s linear;
    background: #eef7ff
}

.msg-v2-container .bg {
    background: #eef7ff
}

.msg-v2-container .flex-grad {
    top: .1rem;
    left: -.18rem
}

.msg-v2-container .vou .am-icon-lg {
    width: 1.2rem;
    height: 1.2rem
}

.msg-v2-container .vou a {
    width: 100%;
    height: 100%;
    display: block
}

.msg-v2-container .vou .am-activity-indicator-spinner {
    margin: 0 auto
}

.msg-v2-container .space-top {
    margin-top: 10%
}

.msg-v2-container .list-accout {
    height: 1.5rem
}

.msg-v2-container .list-base-height {
    height: 1.85rem
}

.msg-v2-container .list-accout-icon {
    width: 1.5rem;
    display: inline-block
}

.msg-v2-container .list-account-text {
    display: inline-block;
    margin-left: .1rem
}

.msg-v2-container .list-icon-rig {
    position: absolute;
    right: 0;
    top: .24rem
}

.msg-v2-container .list-account-link {
    display: block;
    width: 100%;
    height: 100%
}

.msg-v2-container .transLate-space {
    margin-top: 1rem
}

.msg-v2-container .popUpHeader {
    position: relative;
    font-size: .32rem
}

.msg-v2-container .popup-list.popUp-list {
    margin-bottom: .2rem
}

.msg-v2-container .act_card {
    margin-bottom: .3rem
}

.msg-v2-container .list-container {
    overflow: hidden;
    overflow-y: scroll;
    height: 3.5rem
}

.msg-v2-container .popUps-list-item {
    padding-bottom: .1rem;
    margin-bottom: .05rem
}

.msg-v2-container .message-base {
    font-size: .28rem;
    width: 100%;
    min-height: 1.05rem;
    margin: .1rem;
    display: flex
}

.msg-v2-container .message-base a {
    font-size: .28rem;
    position: relative;
    height: inherit;
    line-height: inherit;
    height: .84rem
}

.msg-v2-container .message-base a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.msg-v2-container .message-spanL {
    font-size: .31rem;
    font-weight: 700;
    display: inline-block;
    width: 27%
}

.msg-v2-container .message-spanC {
    display: inline-block;
    width: calc(60% - .4rem);
    word-break: break-all;
    padding: 0 .2rem
}

.msg-v2-container .card-list {
    flex: none;
    min-height: 2rem
}

.msg-v2-container .message-spanR {
    display: inline-block;
    width: 13%;
    color: #437ef8
}

.msg-v2-container .tab_item {
    text-align: center;
    line-height: 3rem;
    color: #fff;
    display: none
}

.msg-v2-container .show {
    display: block
}

.msg-v2-container .hide {
    display: none !important
}

.msg-v2-container .p-container {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: .15rem
}

.msg-v2-container .iframe-wrap {
    width: 100%;
    height: 100%
}

.msg-v2-container .imgContainer {
    display: inline-block;
    verticalalign: middle;
    margin-top: .35rem;
    overflow: hidden;
    overflow-y: scroll
}

.msg-v2-container .alipay_ref_code {
    font-size: .3rem;
    font-weight: 700;
    margin-top: .5rem;
    color: #e4393c;
    text-align: center
}

.msg-v2-container .alipay_ref_code .amount {
    font-size: .32rem;
    margin-bottom: .2rem
}

.msg-v2-container .alipay_ref_code .last_p {
    font-size: .6rem
}

.msg-v2-container .alipay_ref_code .last_p-spanR {
    font-size: .32rem;
    margin-left: .15rem;
    font-weight: 500;
    color: #437ef8
}

.msg-v2-container .flex-span {
    margin: .1rem .2rem .35rem 0;
    font-size: .32rem;
    color: #e4393c;
    font-weight: 700
}

.msg-v2-container .flex-con-new {
    margin: .15rem .2rem .05rem 0;
    background: #cef7e7;
    border-radius: .1rem;
    height: .85rem;
    width: 100% !important;
    position: relative
}

.msg-v2-container .flex-con-new p {
    font-size: .25rem;
    color: #666;
    margin-left: .18rem
}

.msg-v2-container .setting_sort_left {
    position: relative
}

.msg-v2-container .setting_sort_left p {
    padding-right: 1.2rem
}

.msg-v2-container .setting_sort_left p a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: .3rem;
    max-width: 1rem;
    line-height: 1
}

.msg-v2-container .setting_sort_left p span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.8rem;
    text-align: left;
    max-width: calc(100% - 3rem);
    padding-left: .1rem
}

.msg-v2-container .setting_sort_right {
    position: absolute;
    top: .06rem;
    right: .2rem
}

.msg-v2-container .other-size {
    font-size: .27rem
}

.msg-v2-container .flex-con-other {
    margin-top: .2rem
}

.msg-v2-container body .styles_modal__gNwvD {
    padding: 0;
    max-width: unset !important
}

.msg-v2-container body .styles_closeButton__20ID4 {
    padding: .3rem .1rem;
    opacity: .7
}

.msg-v2-container body .styles_overlay__CLSq- {
    padding: 0
}

.msg-v2-container .star-query {
    font-size: .5rem;
    font-weight: 700
}

.msg-v2-container .special-badge .am-badge {
    transform: rotate(45deg);
    transform-origin: right bottom;
    right: 0;
    top: .26rem;
    width: 1rem
}

.msg-v2-container .order {
    border: .02rem solid #b36143;
    background: #e0e6e6;
    color: #f96268;
    display: inline-block;
    margin-right: .13rem;
    font-weight: 700;
    border-radius: 50%;
    width: .5rem;
    height: .55rem;
    line-height: .5rem;
    text-align: center
}

.msg-v2-container .no-active {
    margin-top: .25rem;
    margin-right: 12%;
    margin-left: 12%;
    border-radius: .15rem !important;
    background-image: -moz-linear-gradient(-90deg, #da3e34 0, #da3e34 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, #da3e34, #da3e34) !important;
    background-image: -ms-linear-gradient(-90deg, #da3e34 0, #da3e34 100%) !important;
    box-shadow: 0 .05rem .189rem .021rem rgba(7, 0, 0, .11) !important;
    color: #fffefe !important;
    transition: all .3s linear
}

.msg-v2-container .no-active:active {
    background-image: -moz-linear-gradient(-90deg, red 0, red 100%) !important;
    background-image: -webkit-linear-gradient(-90deg, red, red) !important;
    background-image: -ms-linear-gradient(-90deg, red 0, red 100%) !important
}

.msg-v2-container .ios-tips {
    margin-top: .2rem;
    font-size: .28rem;
    font-weight: 700;
    color: #926e6e
}

.msg-v2-container .hd .am-tabs-bar {
    opacity: 1
}

.msg-v2-container .sh .am-tabs-bar {
    opacity: 0;
    height: 1em
}

.msg-v2-container .onlineService {
    width: 100%;
    text-align: center;
    margin-bottom: .25rem;
    color: #888;
    font-size: .28rem
}

.msg-v2-container .linkService {
    display: block;
    padding-top: .1rem;
    color: blue;
    text-decoration: underline
}

.msg-v2-container .vc-info {
    padding: .1rem .5rem
}

.msg-v2-container .vc-info span {
    font-size: .26rem;
    color: red
}

.msg-v2-container .showNow {
    display: block;
    width: 100%;
    height: 100%
}

.msg-v2-container .bank-charge,
.msg-v2-container .bank-error-tips {
    float: left
}

.msg-v2-container .vou .flex-list-title {
    margin: 0;
    min-height: .34rem
}

.msg-v2-container .notice-footer {
    text-align: center
}

.msg-v2-container .notice-footer a {
    margin: 0 .1rem
}

.msg-v2-container .vcpay {
    padding: .4rem
}

.msg-v2-container .vcpay .amount {
    text-align: left
}

.msg-v2-container .vcpay .pay-tips {
    padding: 0
}

.msg-v2-container .ept .am-tabs-bar {
    display: none
}

.msg-v2-container .ept .bank-info {
    margin: .15rem .4rem .05rem;
    line-height: 1.5
}

.msg-v2-container .v-base .errors {
    margin-left: .2rem
}

.msg-v2-container .v-base .errors .bank-error-tips {
    margin-right: .5em
}

.msg-v2-container .fixed-money {
    display: flex;
    flex-wrap: wrap;
    margin-right: -3.33%;
    margin-top: .5em
}

.msg-v2-container .deposit-amount-con {
    margin-top: .5em;
    overflow: hidden
}

.msg-v2-container .deposit-amount-con .title {
    color: #747474;
    padding-bottom: .5em
}

.msg-v2-container .fixed-money>div.fixed-money-item {
    width: 30%;
    padding: .5em 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: .1rem;
    background-color: #efefef;
    white-space: nowrap;
    color: #919191;
    margin-bottom: .5em;
    margin-right: 3.33%
}

.msg-v2-container .fixed-money>div.fixed-money-item.money-active {
    background-color: #f3f7ff;
    border-color: #a8cfff;
    color: #3786fc
}

.msg-v2-container .flex-con.noborder {
    border: none !important
}

.msg-v2-container .upload-container label {
    top: .7rem
}

.msg-v2-container .mt-name-footer {
    padding: 0 .3rem
}

.msg-v2-container .mt-name-footer .footer-button {
    flex: auto;
    background: #da3e34;
    color: #fff;
    border: 0;
    margin: 0 .1rem
}

.msg-v2-container .deposit .agrg-downline-cname {
    display: inline-block;
    width: 1rem;
    text-align: center;
    right: .1rem;
    word-break: break-word;
    line-height: 1 !important;
    float: none !important
}

.msg-v2-container .setting_sort_right.switch-box .other-size {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    display: none
}

.msg-v2-container .setting_sort_right.switch-box .mc-switch {
    float: right !important
}

.msg-v2-container .voucher-success-footer a {
    font-size: .28rem;
    white-space: normal;
    height: inherit;
    line-height: 1.2;
    padding: .2rem
}

.msg-v2-container .voucher-msg-container {
    min-height: auto;
    background: #f5f5f9;
    padding: 0
}

.msg-v2-container .voucher-msg-container .pay-pop-container {
    padding: 0 .35rem;
    height: auto !important;
    background: #fff
}

.msg-v2-container .voucher-msg-container .pay-pop-container div {
    background: initial !important
}

.msg-v2-container .voucher-msg-container .msg-img {
    padding: .3rem;
    text-align: center
}

.msg-v2-container .voucher-msg-container .msg-img img {
    max-width: 80%;
    display: inline-block
}

.msg-v2-container .voucher-msg-container .voucher-msg-desc {
    margin: .16rem 0;
    color: #f33;
    font-size: .3rem;
    text-align: left !important;
    position: relative;
    padding: .2rem 0
}

.msg-v2-container .voucher-msg-container .voucher-msg-desc:before {
    content: " ";
    position: absolute;
    width: calc(100% + .7rem);
    height: .16rem;
    background: #f5f5f9;
    left: -.35rem;
    top: -.16rem
}

.msg-v2-container .voucher-msg-container .voucher-btn {
    color: #fff;
    font-size: .26rem;
    display: inline-block;
    height: .6rem;
    vertical-align: top;
    margin-top: .1rem !important;
    border: none;
    line-height: .6rem;
    width: calc(33% - .4rem);
    border-radius: .1rem;
    border: 1px solid #fff;
    background: none
}

.msg-v2-container .voucher-msg-container .voucher-btn.mg20 {
    margin: 0 .2rem
}

.msg-v2-container .voucher-msg-container .voucher-btn.more-voucher {
    background-color: #0095fb;
    border: none
}

.msg-v2-container .voucher-msg-container .voucher-msg-list {
    position: relative;
    line-height: 1.2;
    margin-bottom: .3rem
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-title {
    font-size: .3rem;
    color: #666;
    margin-bottom: .06rem
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-content {
    font-size: .26rem;
    font-weight: 700;
    color: #666;
    padding-right: .9rem;
    word-break: break-all
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-content input {
    background: #efefef;
    border: none;
    height: .76rem;
    border-radius: .1rem;
    margin-top: .14rem;
    padding-left: .2rem
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-content.no-copy {
    padding: 0
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    color: #428dfc;
    background: #f0f2fe;
    border-radius: .1rem;
    padding: .1rem .2rem;
    line-height: 1.2;
    width: auto;
    min-width: 1.4rem
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy svg {
    width: .29rem;
    height: .35rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%)
}

.msg-v2-container .voucher-msg-container .intergallery {
    border: .02rem solid #e2e1e1;
    width: 100%;
    color: #428dfc;
    text-align: center;
    border-radius: .1rem;
    position: relative
}

.msg-v2-container .voucher-msg-container .intergallery.hide-upload {
    height: 1.3rem
}

.msg-v2-container .voucher-msg-container .intergallery label {
    display: inline-block
}

.msg-v2-container .voucher-msg-container .intergallery .upload-container {
    color: #428dfc;
    height: 1.3rem;
    top: .2rem;
    display: inline-block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%
}

.msg-v2-container .voucher-msg-container .intergallery .upload-container #upload {
    width: .8rem;
    height: .76rem;
    background: #f0f2fe;
    border-radius: .1rem;
    display: inline-block;
    position: relative;
    top: .2rem
}

.msg-v2-container .voucher-msg-container .intergallery .upload-container #upload svg {
    width: .32rem;
    height: .38rem;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.msg-v2-container .voucher-msg-container .intergallery .upload-content {
    position: relative;
    margin-left: .2rem;
    top: .4rem
}

.msg-v2-container .voucher-msg-container .intergallery input {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 100% !important;
    z-index: 10;
    top: 0
}

.msg-v2-container #previewImg {
    width: 100%;
    height: auto
}

.msg-v2-container .hide-img {
    opacity: 0
}

.msg-v2-container .deposit .am-navbar-title {
    flex: initial;
    overflow: hidden;
    justify-content: left
}

.msg-v2-container .bank-virtual-tips {
    color: red;
    font-size: .28rem;
    line-height: 1.5;
    min-height: .4rem;
    margin: .15rem .4rem .16rem .22rem
}

.msg-v2-container .wallet-address-content {
    margin-top: .46rem !important;
    background: inherit;
    padding: 0;
    text-align: left
}

.msg-v2-container .wallet-address-content .code-container {
    text-align: center
}

.msg-v2-container .wallet-address-content .get-virtual-wallet {
    margin-top: .26rem
}

.msg-v2-container .wallet-address-content canvas {
    margin: .2rem 0
}

.msg-v2-container .wallet-address-content .tcg-tips {
    margin-bottom: .2rem;
    margin-top: .2rem
}

.msg-v2-container .wallet-address-content .voucher-msg-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msg-v2-container .wallet-input-content {
    margin-top: .46rem !important;
    background: inherit
}

.msg-v2-container .wallet-input-content .tcg-tips {
    margin-bottom: .2rem;
    margin-top: .2rem
}

.msg-v2-container .service-link-container {
    padding: .1rem 0 .6rem;
    color: #2595fc;
    text-decoration: underline;
    text-align: center
}

.msg-v2-container .pay-way-msg-info,
.msg-v2-container .pay-way-msg-title {
    background: #fff;
    font-size: .32rem;
    color: #333;
    text-align: center;
    padding: .35rem;
    font-weight: 700
}

.msg-v2-container .pay-way-qr-container {
    text-align: center;
    background: #fff;
    padding-bottom: .1rem
}

.msg-v2-container .pay-way-qr-container img {
    display: inline-block;
    width: 6.9rem;
    height: 6.9rem
}

.msg-v2-container .pay-way-msg-info {
    text-align: left;
    padding-top: 0
}

.msg-v2-container .v2-link-desc {
    font-size: .24rem;
    color: #666;
    text-align: left
}

.msg-v2-container .v2-link-desc .vld-notice {
    padding: .2rem 0
}

.msg-v2-container .v2-link-desc .vld-tips {
    padding: .2rem 0 .4rem
}

.msg-v2-container .v2-link-desc span {
    text-decoration: underline;
    color: blue;
    cursor: pointer
}

.usdt-msg-container .voucher-msg-container {
    padding-top: 1rem
}

.usdt-msg-container .voucher-msg-container .pay-way-msg-info {
    padding: 0
}

.usdt-msg-container .voucher-msg-desc {
    text-align: left !important;
    padding-bottom: 1rem !important
}

.usdt-msg-container .voucher-msg-content {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.usdt-msg-container .am-navbar-title {
    color: #fff
}

.qr-v2-msg-container .voucher-msg-list {
    text-align: center !important;
    background: #fff
}

.qr-v2-msg-container .pd-t20 {
    padding-top: .2rem;
    color: #333 !important;
    font-weight: 700 !important
}

.qr-v2-msg-container .ref-code-container {
    height: 1.13rem;
    line-height: 1.13rem
}

.qr-v2-msg-container .ref-code-container p {
    display: inline-block;
    position: relative;
    top: -.2rem;
    font-size: .4rem;
    margin-right: .2rem
}

.qr-v2-msg-container .ref-code-container span {
    top: -.24rem
}

.qr-v2-msg-container .link-server {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
    margin-top: .2rem;
    display: inline-block
}

.qr-v2-msg-container .voucher-msg-copy {
    color: #428dfc;
    background: #f0f2fe;
    border-radius: .1rem;
    line-height: 1.2;
    width: auto;
    min-width: 1.4rem;
    padding: .1rem .2rem;
    display: inline-block;
    position: relative
}

.qr-v2-msg-container .voucher-msg-copy svg {
    width: .29rem;
    height: .35rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.qr-v2-msg-container .voucher-msg-content {
    padding-top: .3rem;
    color: #333 !important;
    font-weight: 700 !important
}

.qr-v2-msg-container .voucher-msg-desc {
    display: none;
    text-align: left !important
}

.order-time-count-down {
    font-size: .26rem;
    color: #666;
    margin-bottom: .06rem
}

.order-time-count-down div {
    font-size: .26rem;
    color: #f33;
    font-weight: 700;
    margin-top: .06rem
}

.copy-tips-container {
    word-break: break-all;
    text-align: center;
    white-space: break-spaces
}

.copy-tips-container div {
    text-align: center
}

.pay-msg-top .voucher-msg-container {
    padding: 0 0 1rem
}

.pay-msg-top .pay-way-msg-info {
    padding-bottom: .4rem !important
}

.ref-msg-container {
    max-height: calc(var(--vh, 1vh)*100 - 2.1rem) !important;
    overflow-y: scroll;
    background-color: #fff;
    padding-bottom: .2rem
}

.ref-msg-container .order-time-count-down {
    padding: .6rem
}

.vc-pop-container .voucher-msg-container {
    margin-top: 0 !important;
    height: auto
}

.vc-pop-container .voucher-msg-container .voucher-msg-container {
    height: auto !important
}

.vc-pop-container .voucher-msg-desc {
    color: #f33 !important
}

.mc-qr-msg-popup #mc-header,
.mc-usdt-msg-popup #mc-header,
.mc-vc-msg-popup #mc-header {
    position: absolute !important;
    top: 0;
    left: 0
}

.mc-qr-msg-popup .voucher-msg-container,
.mc-usdt-msg-popup .voucher-msg-container,
.mc-vc-msg-popup .voucher-msg-container {
    margin-top: 0 !important;
    padding-top: 1rem !important
}

.ref-msg-container .voucher-msg-content,
.ref-msg-container .voucher-msg-title {
    width: 100% !important
}

.ref-msg-container .qr-title {
    margin-bottom: .1rem
}

.ref-msg-container .link-copy {
    text-align: center;
    color: #fff;
    flex: 1 1 0%;
    padding: .12rem;
    border-radius: .08rem;
    background-color: #428dfc;
    width: 50%;
    height: auto;
    min-height: .78rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.ref-msg-container .link-copy svg {
    fill: #fff;
    margin-right: .2rem;
    min-width: .3rem;
    height: .3rem
}

.VIP-msg-container .voucher-msg-desc {
    display: none
}

.VIP-msg-container .order-time-count-down,
.VIP-msg-container .voucher-msg-title {
    font-size: .28rem
}

.VIP-msg-container .voucher-msg-title {
    font-size: .24rem
}

.VIP-msg-container .voucher-msg-container {
    background-color: #fff
}

.VIP-msg-container .pay-way-msg-title {
    margin-top: .2rem
}

.VIP-msg-container .vip-desc {
    text-align: center
}

.VIP-msg-container .vip-desc .copy-contact {
    height: .9rem;
    line-height: .9rem;
    background-image: linear-gradient(90deg, #ff003c, #fe0027), linear-gradient(#0e0221, #0e0221);
    background-blend-mode: normal, normal;
    box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
    padding: 0 .3rem;
    border-radius: .18rem;
    color: #fff;
    display: inline-block
}

.VIP-msg-container .vip-desc img {
    width: 2.26rem;
    height: 1.7rem;
    display: inline-block;
    margin: .4rem 0
}

.vc-tips {
    color: #333;
    font-size: .28rem;
    padding: .2rem 0
}

.vc-scroll-container {
    height: calc(var(--vh, 1vh)*100 - 2.1rem);
    overflow: auto
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.nodata-title {
    display: block;
    margin-bottom: .2rem;
    font-weight: 500;
    font-size: .35rem
}

.nodata-btn {
    padding: 0 .1rem;
    font-weight: 500;
    height: .6rem;
    color: #108ee9;
    border: 1px solid #108ee9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    margin-top: .19rem;
    margin: .2rem auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: .13rem
}

.vc-v2-container {
    padding: 0 .2rem 1.2rem;
    overflow-x: hidden;
    background: #fff;
    position: relative
}

.vc-v2-container .null-payway {
    min-height: calc(var(--vh, 1vh)*100 - 1.7rem)
}

.vc-v2-container .null-payway .contact-server {
    margin-top: .2rem;
    display: inline-block;
    color: blue;
    font-size: .28rem;
    text-decoration: underline
}

.vc-v2-container .null-icon-container {
    text-align: center;
    padding: .8rem 0;
    line-height: .7rem
}

.vc-v2-container .null-icon-container div {
    border: .02rem dashed #ccc;
    display: inline-block;
    padding: .3rem 1rem;
    border-radius: .1rem;
    font-size: .28rem
}

.vc-v2-container .null-icon-container img {
    width: .8rem;
    height: .8rem
}

.vc-v2-container .loading-info {
    width: .8rem;
    height: .8rem;
    display: inline-block !important;
    animation: skeletonLoading 1.4s ease infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 75%, .2) 25%, hsla(0, 0%, 51%, .24) 37%, hsla(0, 0%, 75%, .2) 63%);
    background-size: 400% 100%
}

.vc-v2-container .vc-tips {
    color: #ec2529
}

.vc-v2-container .bank-charge i {
    font-weight: 700
}

.vc-v2-container .flex-another-pay {
    font-size: .28rem;
    color: #333;
    line-height: 1.2;
    word-break: break-word;
    gap: .16rem
}

.vc-v2-container .flex-another-pay span {
    margin-left: .16rem;
    color: #a1a1a1;
    font-size: .24rem;
    max-width: 4.2rem;
    line-height: 1.2
}

.vc-v2-container .flex-another-pay .setting_sort_right {
    position: relative;
    top: auto;
    right: auto;
    flex: 1 1 0%;
    display: flex;
    justify-content: flex-end
}

.vc-v2-container .flex-another-pay .setting_sort_right .mc-switch {
    top: auto;
    margin: 0
}

.vc-v2-container .deposit-content {
    background: #fff
}

.vc-v2-container .deposit-content ul li .cs-panel {
    box-shadow: 0 0 .1rem #a1a1a1
}

.vc-v2-container .errors {
    font-size: .22rem;
    color: #a1a1a1;
    margin: 0;
    padding-bottom: .2rem
}

.vc-v2-container .errors i {
    font-style: normal;
    color: #ec2529
}

.vc-v2-container input {
    font-size: .26rem !important
}

.vc-v2-container .vc-v2-amount {
    padding-bottom: .2rem
}

.vc-v2-container .vc-v2-amount .bank-virtual-tips {
    margin: .15rem 0 .16rem;
    text-align: center
}

.vc-v2-container .vc-v2-amount .bank-virtual-tips span {
    font-size: .4rem
}

.vc-v2-container .vc-v2-amount .vc-info {
    padding-left: 0
}

.vc-v2-container .vc-v2-amount .fixed-money-item {
    width: calc(20% - .1rem) !important;
    margin-right: .1rem;
    font-weight: 700 !important
}

.vc-v2-container .vc-v2-space {
    padding-top: .2rem !important;
    position: relative
}

.vc-v2-container .vc-v2-space:after {
    content: " ";
    background: #f2f2f2;
    height: .16rem;
    position: absolute;
    width: calc(100% + .4rem);
    left: -.2rem;
    top: 0
}

.vc-v2-container .vc-v2-space-content {
    background: #f2f2f2;
    height: .16rem;
    position: relative;
    width: calc(100% + .4rem);
    left: -.2rem;
    bottom: 0
}

.vc-v2-container .vc-v2-space-bottom {
    padding-bottom: .3rem !important;
    position: relative
}

.vc-v2-container .vc-v2-space-bottom:after {
    content: " ";
    background: #f2f2f2;
    height: .16rem;
    position: absolute;
    width: calc(100% + .4rem);
    left: -.2rem;
    bottom: 0
}

.vc-v2-container .pay-way-container .vc-tips {
    padding-bottom: .2rem;
    padding-top: .2rem
}

.vc-v2-container .vc-v2-title {
    font-size: .26rem;
    font-weight: 700;
    padding: 0 .2rem;
    color: #333;
    height: .7rem;
    line-height: .7rem;
    position: relative
}

.vc-v2-container .vc-v2-title:before {
    content: "";
    left: 0;
    position: absolute;
    width: .1rem;
    height: .1rem;
    display: inline-block;
    border-radius: .1rem;
    top: 50%;
    transform: translateY(-50%);
    background: #fd5580
}

.vc-v2-container .vc-v2-title.pay-active {
    padding: 0 .2rem
}

.vc-v2-container .vc-v2-title.pay-active:before {
    left: 0
}

.vc-v2-container .vc-v2-title .pay-amount {
    border-top: 1px solid #999
}

.vc-v2-container .vc-v2-title.pay-dc {
    padding-bottom: .2rem;
    height: inherit
}

.vc-v2-container .vc-v2-title.pay-dc .flex-another-pay {
    border: 0 !important;
    margin: 0
}

.vc-v2-container .currency-trans {
    margin-bottom: .1rem
}

.vc-v2-container .vc-v2-tips {
    padding: .2rem 0;
    font-size: .24rem;
    font-weight: 700;
    color: #ec2529
}

.vc-v2-container .pay-name-container {
    min-height: 1.1rem
}

.vc-v2-container .pay-name-container .inputCon {
    padding-left: 0 !important
}

.vc-v2-container .pay-name-container .inputCon:focus-within {
    border: .02rem solid #ec2529 !important
}

.vc-v2-container .pay-name-container .vc-v2-input input {
    border-radius: .1rem;
    padding-left: .1rem !important;
    width: 100% !important
}

.vc-v2-container .pay-name-container .vc-v2-input input::placeholder {
    color: #a1a1a1
}

.vc-v2-container .vc-v2-wallet {
    padding: 0 .15rem;
    margin-bottom: 1rem;
    font-size: .3rem;
    font-weight: 700;
    color: #5f5f5f
}

.vc-v2-container .vc-v2-wallet .code-container {
    margin: 0 auto;
    padding: .3rem 0;
    text-align: center
}

.vc-v2-container .vc-v2-wallet .code-container canvas {
    display: inline-block;
    width: 50% !important;
    height: 50% !important
}

.vc-v2-container .vc-v2-wallet .voucher-msg-list {
    position: relative;
    line-height: 1.2;
    margin-bottom: .4rem
}

.vc-v2-container .vc-v2-wallet .voucher-msg-content {
    width: calc(100% - 1.5rem);
    word-break: break-all
}

.vc-v2-container .vc-v2-wallet .voucher-msg-copy {
    color: #428dfc;
    background: #f0f2fe;
    border-radius: .1rem;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    line-height: 1.2;
    width: auto;
    min-width: 1.4rem;
    text-align: center;
    padding: .1rem .2rem
}

.vc-v2-container .vc-v2-wallet .voucher-msg-copy svg {
    width: .29rem;
    height: .35rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.vc-v2-container .vc-v2-bank-in-container {
    transition: all .3s ease-out
}

.vc-v2-container .in-more .vc-v2-bank-in-container,
.vc-v2-container .in-more .vc-v2-bank-out-container,
.vc-v2-container .out-more .vc-v2-bank-in-container,
.vc-v2-container .out-more .vc-v2-bank-out-container {
    max-height: 1.8rem;
    overflow: hidden
}

.vc-v2-container .card-show-more {
    height: .7rem;
    box-shadow: 1px -.04rem .1rem #fff;
    font-size: .2rem;
    line-height: .7rem;
    text-align: center
}

.vc-v2-container .card-show-more span {
    color: #878787;
    display: inline-block;
    padding-left: .18rem
}

.vc-v2-container .card-show-more span img {
    margin-right: .06rem;
    width: .15rem;
    height: .09rem
}

.vc-v2-container .in-hide .card-show-more span,
.vc-v2-container .out-hide .card-show-more span {
    display: inline-block;
    padding-left: .18rem
}

.vc-v2-container .in-hide .card-show-more span img,
.vc-v2-container .out-hide .card-show-more span img {
    margin-right: .06rem
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck {
    padding: 0 .12rem
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck>div {
    height: .64rem;
    position: absolute;
    top: .12rem;
    width: 100%;
    left: 0
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck span {
    top: .22rem !important;
    color: #282a28;
    font-size: .22rem
}

.vc-v2-container .bank-out-container .bank-name-item img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 0 !important;
    transform: translateX(-50%) !important
}

.vc-v2-container .vc-v2-show-bank {
    position: relative;
    padding: .1rem 0 .26rem
}

.vc-v2-container .vc-v2-show-bank:after {
    content: " ";
    background: #f2f2f2;
    height: .16rem;
    position: absolute;
    width: calc(100% + .4rem);
    left: -.2rem;
    bottom: 0
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck {
    height: .89rem;
    border-radius: .1rem;
    border: .02rem solid #e5e5e5;
    padding: .12rem;
    margin-right: .2rem;
    text-align: center;
    display: inline-block;
    font-size: .24rem;
    font-weight: 700;
    color: #a1a1a1;
    width: 32%;
    margin: .06rem .5%;
    position: relative
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck img,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank img {
    width: auto;
    height: 100%
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck span,
.vc-v2-container .vc-v2-show-bank .vc-v2-bank span {
    position: relative;
    left: 50%;
    top: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
    width: 100%
}

.vc-v2-container .vc-v2-show-bank .bii-container i {
    font-style: normal;
    display: inline-block;
    margin-top: .1rem
}

.vc-v2-container .vc-v2-show-bank .bank-in-img {
    overflow: hidden
}

.vc-v2-container .vc-v2-show-bank .bank-in-img .bank-name-item {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.vc-v2-container .vc-v2-show-bank .bank-in-img i {
    display: flex;
    justify-content: center;
    align-items: center
}

.vc-v2-container .vc-v2-show-bank .bank-in-img .bii-container {
    width: 2.28rem;
    height: .46rem;
    overflow: hidden;
    position: relative
}

.vc-v2-container .vc-v2-show-bank .bank-in-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.vc-v2-container .vc-v2-show-bank .p-right {
    position: absolute;
    right: 0
}

.vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    border: .02rem solid #ec2529
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck {
    position: relative;
    color: #333
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck img {
    height: .31rem;
    position: relative
}

.vc-v2-container .bank-out-container .vc-v2-bank-ck p {
    font-size: .2rem
}

.vc-v2-container .bank-out-container span {
    color: #a1a1a1;
    display: inline-block
}

.vc-v2-container .bank-out-container .bank-bull {
    margin-top: .4rem
}

.vc-v2-container .vc-v2-method.show-more-container {
    overflow-x: scroll
}

.vc-v2-container .vc-v2-method ul {
    display: flex;
    align-content: flex-start;
    align-items: center;
    flex-flow: row wrap
}

.vc-v2-container .vc-v2-method li {
    border-radius: .1rem;
    padding: .15rem;
    text-align: center;
    display: inline-block;
    width: calc(25% - .06rem);
    height: 1.65rem;
    position: relative;
    margin: 0 .03rem .1rem;
    border: .02rem solid #e4e4e4 !important;
    overflow: hidden
}

.vc-v2-container .vc-v2-method li.recommendation:before {
    content: "";
    position: absolute;
    width: .24rem;
    height: .32rem;
    background: url(/mobile/mc/recommend.23491235.png);
    background-size: 100% 100%;
    left: 0;
    top: 0
}

.vc-v2-container .vc-v2-method li.show-more-item span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    word-break: break-word;
    min-width: 80%;
    font-size: .24rem;
    font-weight: 700
}

.vc-v2-container .vc-v2-method li.ck {
    border: .02rem solid #ec2529 !important
}

.vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #ec2529
}

.vc-v2-container .vc-v2-method li.ck .deposit-list-ck {
    position: absolute;
    right: 0;
    width: .32rem;
    height: .32rem;
    bottom: 0;
    fill: #ec2529
}

.vc-v2-container .vc-v2-method li .desc-content {
    position: relative;
    height: .8rem
}

.vc-v2-container .vc-v2-method li .desc-info {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.vc-v2-container .vc-v2-method li .vcn-list-text {
    overflow: hidden;
    color: #333;
    font-size: .2rem;
    font-weight: 700;
    text-align: center;
    position: relative
}

.vc-v2-container .vc-v2-method li .vcn-list-text p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.vc-v2-container .vc-v2-method li .vcn-list-text p div {
    font-size: .18rem
}

.vc-v2-container .vc-v2-method li .deposit-img-new {
    display: flex;
    justify-content: center
}

.vc-v2-container .vc-v2-method li .deposit-img-new img {
    width: .7rem;
    height: .7rem;
    display: inline-block
}

.vc-v2-container .vc-v2-method li .min-max {
    font-size: .18rem;
    font-weight: 700;
    bottom: -.04rem;
    width: 100%;
    overflow: hidden;
    color: #ec2529;
    word-break: break-all;
    position: relative;
    max-height: .4rem
}

.vc-v2-container .vc-v2-method li .min-max span {
    display: inline-block;
    padding-right: .1rem
}

.vc-v2-container .vc-v2-input.vc-v2-other {
    padding-bottom: .4rem
}

.vc-v2-container .vc-v2-input.vc-v2-other .flex-con-other {
    margin-top: 0
}

.vc-v2-container .vc-v2-input.vc-v2-other .inputCon {
    padding-left: 0
}

.vc-v2-container .vc-v2-input.vc-v2-other .inputCon:focus-within {
    border: .02rem solid #ec2529 !important
}

.vc-v2-container .vc-v2-input.vc-v2-other input {
    width: 100%;
    padding-left: .1rem !important
}

.vc-v2-container .vc-v2-method-list ul {
    overflow-y: scroll;
    font-family: Arial
}

.vc-v2-container .vc-v2-method-list li {
    height: .89rem;
    border-radius: .1rem;
    border: .02rem solid #e4e4e4 !important;
    margin-right: .2rem;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    font-size: .24rem;
    font-weight: 700;
    width: calc(33.33% - .1rem);
    margin: .05rem;
    vertical-align: top;
    position: relative;
    padding: .12rem
}

.vc-v2-container .vc-v2-method-list li.recommendation:before {
    content: "";
    position: absolute;
    width: .24rem;
    height: .32rem;
    background: url(/mobile/mc/recommend.23491235.png);
    background-size: 100% 100%;
    left: 0;
    top: 0
}

.vc-v2-container .vc-v2-method-list li .method-list-info {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - .24rem);
    word-break: break-word
}

.vc-v2-container .vc-v2-method-list li .discount-tip {
    border-radius: 0 .1rem 0 .1rem;
    background-color: #ec2529;
    color: #fff;
    font-size: .22rem;
    position: absolute;
    right: -.02rem;
    top: 0;
    padding: .02rem .1rem
}

.vc-v2-container .vc-v2-method-list li img {
    width: auto;
    height: 100%;
    max-width: 100%
}

.vc-v2-container .vc-v2-method-list li.ck {
    border: .02rem solid #ec2529 !important;
    color: #ec2529
}

.vc-v2-container .vc-v2-method-list li div {
    font-size: .2rem
}

.vc-v2-container .bind-first {
    text-align: center;
    padding: .4rem 0
}

.vc-v2-container .bind-first div {
    font-size: .34rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: .7rem;
    letter-spacing: 1px;
    color: #a9a9a9
}

.vc-v2-container .bind-first span {
    margin: .3rem 0;
    min-width: 4.8rem;
    display: inline-block;
    height: .9rem;
    line-height: .9rem;
    color: #fffefe;
    font-size: .36rem;
    background-image: linear-gradient(90deg, #ff003c, #fe0027), linear-gradient(#0e0221, #0e0221);
    background-blend-mode: normal, normal;
    box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
    border-radius: .18rem
}

.vc-v2-container .vc-v2-input {
    position: relative
}

.vc-v2-container .vc-v2-input.account-num-input .inputCon {
    padding-left: .2rem
}

.vc-v2-container .vc-v2-input .flex-con-other {
    margin-top: 0
}

.vc-v2-container .vc-v2-input input {
    position: absolute;
    width: calc(100% - .69rem);
    height: .7rem;
    line-height: .7rem;
    top: 50%;
    transform: translateY(-50%);
    padding-left: .04rem !important
}

.vc-v2-container .vc-v2-input .inputCon.currencyBack input {
    padding-left: .1rem !important
}

.vc-v2-container .vc-v2-input .deposit-amount-con {
    overflow: visible;
    margin-top: 0
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money {
    overflow-x: scroll;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -.12rem 0 .2rem;
    overflow: visible
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    margin: .12rem .12rem 0 0;
    width: calc(20% - .1rem);
    height: .71rem;
    font-size: .24rem;
    white-space: nowrap;
    border: .02rem solid rgba(236, 37, 41, .2);
    border-radius: .12rem;
    color: #565656;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item:nth-child(5n) {
    margin-right: 0
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border: .02rem solid #ec2529;
    background-color: #fff;
    color: #ec2529
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    position: absolute;
    right: 0;
    width: .32rem;
    height: .32rem;
    bottom: 0;
    fill: #ec2529
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip {
    padding-right: .06rem;
    width: 100%;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    font-size: .2rem;
    height: .21rem;
    display: flex;
    align-items: center;
    border-radius: .12rem .12rem 0 0;
    color: #fff;
    direction: ltr
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.hasBonus {
    background: linear-gradient(90deg, rgba(236, 37, 41, 0), rgba(236, 37, 41, .4) 20%, #ec2529);
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .08)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.money-active {
    height: .21rem;
    top: 0;
    left: 0;
    color: #fff
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip:before {
    left: -.02rem;
    top: -.09rem;
    content: "";
    height: .32rem;
    width: 100%;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.GOLDEN_EGG:before {
    background-image: url(/mobile/mc/fix-amount-egg.b3ebc78e.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.PRIZE_WHEEL:before {
    background-image: url(/mobile/mc/fix-amount-prize.575a9fc3.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.RAFFLE:before {
    background-image: url(/mobile/mc/fix-amount-red.e1ce625f.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.CASH_VOUCHER:before {
    background-image: url(/mobile/mc/fix-amount-cash.618a0c0f.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.GIFT_CODE:before {
    background-image: url(/mobile/mc/fix-amount-gift.1bf659a0.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item .bonus-tip.FREE_SPIN:before {
    background-image: url(/mobile/mc/fix-amount-free.21f66802.png)
}

.vc-v2-container .vc-v2-input .inputCon {
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem;
    font-weight: 700;
    border: .02rem solid #e4e4e4 !important;
    border-radius: .12rem;
    padding-left: .5rem;
    padding-top: 0;
    padding-bottom: 0
}

.vc-v2-container .vc-v2-input .inputCon.error {
    border: .02rem solid #ec2529 !important
}

.vc-v2-container .vc-v2-input .inputCon.hasPromo {
    padding-top: .25rem
}

.vc-v2-container .vc-v2-input .inputCon input {
    color: #333;
    background: none
}

.vc-v2-container .vc-v2-input .inputCon input:disabled {
    background: #ddd
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip {
    border-radius: .12rem .12rem 0 0;
    font-size: .18rem;
    justify-content: flex-end;
    height: .22rem;
    color: #fff;
    position: absolute;
    width: 100%;
    padding-right: .06rem;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    direction: ltr
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.hasBonus {
    background: linear-gradient(90deg, rgba(236, 37, 41, 0), rgba(236, 37, 41, .4) 20%, #ec2529);
    box-shadow: 0 .02rem .02rem 0 rgba(0, 0, 0, .08)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.currencyBack {
    right: .46rem
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip .symbol {
    margin: 0 .05rem
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip:before {
    left: -1px;
    top: -.09rem;
    content: "";
    height: .32rem;
    width: 100%;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.GOLDEN_EGG:before {
    background-image: url(/mobile/mc/fix-amount-egg.b3ebc78e.png)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.PRIZE_WHEEL:before {
    background-image: url(/mobile/mc/fix-amount-prize.575a9fc3.png)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.RAFFLE:before {
    background-image: url(/mobile/mc/fix-amount-red.e1ce625f.png)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.CASH_VOUCHER:before {
    background-image: url(/mobile/mc/fix-amount-cash.618a0c0f.png)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.GIFT_CODE:before {
    background-image: url(/mobile/mc/fix-amount-gift.1bf659a0.png)
}

.vc-v2-container .vc-v2-input .inputCon .input-bonus-tip.FREE_SPIN:before {
    background-image: url(/mobile/mc/fix-amount-free.21f66802.png)
}

.vc-v2-container .vc-v2-input .deposit-amount-con .error-tips {
    font-size: .24rem;
    color: #ec2529;
    padding-left: .2rem;
    margin-top: .1rem;
    display: inline-block
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 0
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon i {
    font-style: normal;
    display: inline-block;
    text-align: center;
    font-size: .26rem;
    width: auto;
    flex: 0 0 0.5rem;
    padding: 0 .2rem
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon input {
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    width: auto;
    padding-left: unset;
    flex: 1 1 0%
}

.vc-v2-container .vc-v2-input .deposit-amount-con .inputCon input::placeholder {
    color: #a1a1a1
}

.vc-v2-container .vc-v2-active-container {
    padding-bottom: .4rem
}

.vc-v2-container .vc-v2-active-container .on {
    background: rgba(51, 153, 255, .3)
}

.vc-v2-container .vc-v2-active-container .act-container {
    padding: .25rem .12rem;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.vc-v2-container .vc-v2-active-container .act-container .act-item {
    border-radius: .08rem;
    border: 1px solid #efefef;
    margin-top: 0;
    padding-left: .56rem
}

.vc-v2-container .vc-v2-active-container .act-item {
    font-size: .24rem;
    position: relative
}

.vc-v2-container .vc-v2-active-container .act-item:before {
    top: .16rem;
    left: .16rem;
    position: absolute;
    display: block;
    content: "";
    width: .21rem;
    height: .21rem;
    border-radius: .66rem;
    border: 1px solid #9b9b9b
}

.vc-v2-container .vc-v2-active-container .act-item .act-prom-name {
    font-weight: 900;
    font-size: .24rem;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .1rem;
    padding: .16rem 0 0
}

.vc-v2-container .vc-v2-active-container .act-item .act-name {
    flex: 1 1 0%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: normal
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount {
    border-left: 0;
    padding: 0 .2rem 0 0;
    color: #fa1f4e;
    position: relative;
    transform: none
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #fa1f4e
}

.vc-v2-container .vc-v2-active-container .act-item p {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: .1rem
}

.vc-v2-container .vc-v2-active-container .act-item .vc-v2-account-info {
    line-height: 1.4;
    height: .34rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .2rem;
    display: none
}

.vc-v2-container .vc-v2-active-container .act-item.dis,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-mount,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-mount i,
.vc-v2-container .vc-v2-active-container .act-item.dis .act-prom-name,
.vc-v2-container .vc-v2-active-container .act-item.dis p {
    color: #ccc
}

.vc-v2-container .vc-v2-active-container .act-item.on {
    border: 1px solid #ff9494;
    background: #fff7f7;
    color: #666;
    font-size: .24rem;
    padding-bottom: .16rem
}

.vc-v2-container .vc-v2-active-container .act-item.on:before {
    border: 1px solid #fd2f2f
}

.vc-v2-container .vc-v2-active-container .act-item.on:after {
    border-radius: 50%;
    top: .22rem;
    left: .22rem;
    position: absolute;
    content: "";
    display: block;
    width: .13rem;
    height: .13rem;
    background-color: #fd2f2f
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
    border-top: 1px solid #febbbb;
    margin: .08rem .16rem 0 0;
    padding-top: .08rem;
    background: none;
    white-space: normal;
    word-break: break-word;
    display: flex;
    flex-direction: column;
    gap: .08rem
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item {
    width: 100%;
    display: flex;
    min-height: .78rem;
    margin-bottom: .08rem;
    font-weight: 400;
    padding: .22rem .16rem;
    font-size: .24rem;
    border-radius: .04rem;
    background: url(/mobile/mc/incomplete-bg.9c56c79b.png) no-repeat 100%/cover;
    align-items: center;
    justify-content: space-between;
    color: #fa1f4e
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item.done {
    color: #0c9a1b;
    background: url(/mobile/mc/complete-bg.a5018cd0.png) no-repeat 100%/cover
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item .setting-text {
    display: block;
    line-height: 1.1;
    max-width: 50%
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item .setting-button {
    display: flex;
    position: relative;
    text-align: center;
    min-width: 1.44rem;
    padding: .04rem .1rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .5rem;
    background: #fd2f2f;
    align-items: center;
    justify-content: space-between
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item .setting-button:before {
    position: absolute;
    left: -.16rem;
    top: 0;
    content: "";
    display: block;
    width: 1px;
    height: .42rem;
    background-size: contain;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAsCAYAAABPEGliAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAtSURBVHgB7dDBDQAABENRxEBGsZlVbIgmZnDykybvXK4Io0lnDghtjxvg+QQaTqIDqfYq0DUAAAAASUVORK5CYII=)
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info .task-item .setting-button .deposit-promo-icon {
    width: .24rem;
    height: .24rem
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info :last-child {
    border: none
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-name {
    white-space: normal
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-mount {
    border-left: 0
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
    color: #333
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-prom-remark,
.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
    background: none;
    color: #707070;
    font-size: .24rem;
    font-weight: 400
}

.vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info,
.vc-v2-container .vc-v2-active-container .act-item.on p {
    height: auto;
    overflow: auto;
    white-space: inherit;
    word-break: inherit;
    background: none
}

@keyframes flash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

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

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

.vc-v2-container .change-item-animate.in {
    animation: fadeIn .25s;
    animation-iteration-count: 1
}

.vc-v2-container .change-item-animate.out {
    animation: fadeOut .25s;
    animation-iteration-count: 1
}

.vc-v2-container .pd20 {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.vc-v2-container .pd-btm-20 {
    padding-bottom: .2rem
}

.vc-v2-container .pd-top-20 {
    padding-top: .2rem
}

.vc-v2-container .no-border {
    border: none
}

.vc-v2-container .no-border .inputCon {
    border: none;
    font-weight: 700;
    padding-left: 0;
    border-radius: 0;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid #e4e4e4 !important
}

.vc-v2-container .no-border .inputCon input {
    font-weight: 700
}

.mc-vc-bank-popup .am-list-header {
    font-weight: 700;
    color: #333;
    font-size: .32rem;
    padding-top: .5rem
}

.mc-vc-bank-popup .am-list-header:before {
    content: "";
    width: 1rem;
    height: .1rem;
    border-radius: .1rem;
    background: #cbcbcb;
    position: absolute;
    left: 50%;
    top: .2rem;
    transform: translateX(-50%)
}

.mc-vc-bank-popup .am-list-header span {
    top: -.24rem !important;
    right: -.1rem !important
}

.mc-vc-bank-popup .am-list-header span svg {
    fill: #cbcbcb
}

.mc-vc-bank-popup .am-list-header span .am-icon-md {
    width: .6rem;
    height: .6rem
}

.mc-vc-bank-popup .card-title {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.mc-vc-bank-popup .vc-ban-list-item {
    padding: .2rem .25rem
}

.mc-vc-bank-popup .vc-ban-list-item .bank-name-item {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.mc-vc-bank-popup .vc-ban-list-item {
    margin: 0 .2rem;
    padding: .2rem 0;
    position: relative;
    border-bottom: 1px solid #e4e4e4 !important
}

.mc-vc-bank-popup .vc-ban-list-item .bank-name-item i {
    margin-top: .1rem;
    display: inline-block;
    font-style: normal
}

.mc-vc-bank-popup .vc-ban-list-item div {
    display: inline-block;
    overflow: hidden;
    height: .5rem;
    position: relative
}

.mc-vc-bank-popup .vc-ban-list-item div img {
    width: auto;
    height: 100%
}

.mc-vc-bank-popup .vc-ban-list-item span {
    position: absolute;
    right: .1rem;
    top: 50%;
    color: #666;
    transform: translateY(-50%)
}

.mc-vc-bank-popup .vc-ban-list-item img {
    height: .5rem;
    width: auto;
    margin-left: .1rem
}

.usdt-msg-container .voucher-msg-container {
    height: calc(var(--vh, 1vh)*100 - .8rem);
    overflow-y: scroll;
    background: #fff
}

.usdt-msg-container .am-navbar-title {
    color: #fff
}

.usdt-msg-container .usdt-desc {
    padding: .2rem 0;
    text-align: left;
    font-size: .24rem !important;
    line-height: 1.4;
    color: #ec2529 !important
}

.usdt-msg-container .usdt-desc div {
    color: #666 !important
}

.ranndom-container:nth-child(0) .vc-v2-title:before {
    background: #c330ab
}

.ranndom-container:first-child .vc-v2-title:before {
    background: #fb9e00
}

.ranndom-container:nth-child(2) .vc-v2-title:before {
    background: #65cac0
}

.ranndom-container.pay-way-container .vc-v2-title:before {
    background: #65cac0
}

.ranndom-container.pay-way-container .vc-v2-method-list ul {
    display: flex;
    flex-wrap: wrap
}

.ranndom-container.pay-way-container .vc-v2-method-list ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.14rem
}

.ranndom-container.pay-way-container .vc-v2-method-list ul li.hasTip {
    padding: .3rem .12rem
}

.ranndom-container:nth-child(3) .vc-v2-title:before {
    background: #01bcff
}

.ranndom-container.vc-v2-amount .vc-v2-title:before {
    background: #b56f85
}

.ranndom-container:nth-child(4) .vc-v2-title:before {
    background: #fe01da
}

.ranndom-container:nth-child(5) .vc-v2-title:before {
    background: #5c01fc
}

.ranndom-container:nth-child(6) .vc-v2-title:before {
    background: #34d620
}

.ranndom-container>.pay-dc:before {
    background: #113ee0
}

.ranndom-container .pay-active:before {
    background: #d41717
}

.voucher-msg-v2-footer {
    min-height: 1.2rem;
    width: 100%;
    position: fixed;
    height: auto !important;
    bottom: 0;
    background: #ec2529;
    color: #fff;
    text-align: center;
    left: 0;
    z-index: 99
}

.voucher-msg-v2-footer>div {
    padding: .2rem 0;
    display: flex;
    justify-content: space-around
}

.voucher-msg-v2-footer .voucher-btn {
    color: #fff;
    font-size: .26rem;
    display: inline-block;
    min-height: 1rem;
    width: calc(33% - .4rem);
    border-radius: .1rem;
    border: 1px solid #fff;
    background: none;
    white-space: normal;
    word-break: break-word;
    vertical-align: middle;
    position: relative
}

.voucher-msg-v2-footer .voucher-btn span {
    display: flex;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center
}

.voucher-msg-v2-footer .voucher-btn.more-voucher {
    padding: .05rem;
    background-color: #0095fb;
    border: none
}

#root .mc-header-wrap.msg-show-header,
#root.mc-test-root .mc-header-wrap.msg-show-header {
    height: auto
}

.msg-show-container {
    position: fixed;
    height: 100vh;
    min-height: calc(var(--vh, 1vh)*100 - .8rem);
    width: 100%;
    top: 0;
    z-index: 999
}

.msg-show-container .msg-show-content {
    width: 100%;
    position: absolute;
    white-space: normal;
    overflow-y: scroll;
    word-break: break-all
}

.msg-show-container .msg-show-content .voucher-msg-content {
    width: calc(100vw - 1.1rem)
}

.msg-show-container .msg-show-content .voucher-msg-content.no-copy {
    width: 100%
}

.msg-show-container .voucher-msg-title {
    overflow-y: scroll;
    width: calc(100vw - 1.5rem);
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.msg-show-container .msg-show-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: .8rem
}

.ios-version input {
    height: .7rem
}

.ios-version input::placeholder {
    font-size: .26rem !important
}

.bank-card-tips {
    text-align: left
}

.deposit-bank-card-tips {
    text-align: center
}

.deposit-bank-card-tips .tips-item {
    margin-top: .1rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.bank-phone-tips,
.vc-v2-submit {
    text-align: center
}

.vc-v2-submit {
    padding: .1rem 0;
    min-height: .7rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #ec2529;
    color: #fff;
    left: 0;
    line-height: .9rem;
    z-index: 99
}

.vc-v2-submit div {
    width: 100%;
    height: 100%
}

.vc-v2-submit i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url(/mobile/mc/down_icon.293f08cc.png) no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .26rem;
    bottom: 1.26rem;
    background-size: 100% auto;
    animation: flash 5s;
    animation-iteration-count: infinite
}

.vc-v2-submit.dis {
    background: #cdcdcd
}

.deposit-loading .mc-spinner-loading-wrap,
.null-pay-way-container {
    position: fixed;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    background-color: #fff
}

.first-deposit-popup {
    position: relative;
    z-index: 99999999
}

.first-deposit-popup .am-popup {
    background: rgba(0, 0, 0, .8)
}

.first-deposit-popup .am-popup .first-deposit-wrapper {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding: .28rem .25rem .28rem .45rem
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-icon {
    width: 1.05rem;
    height: 1.04rem
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: .94rem;
    width: 100%
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content:before {
    position: absolute;
    content: "";
    top: -.28rem;
    right: .85rem;
    width: 1.59rem;
    height: 1.35rem;
    background: url(/mobile/mc/first-deposit-arrow.49cb7762.png) no-repeat 50%/contain
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content .content-wrap {
    min-height: .8rem;
    border-radius: .21rem;
    background: linear-gradient(92deg, #ffe7e2 -4.59%, #ffcfb5 96.12%);
    border: .02rem solid #fff1ea;
    display: flex
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content .content-wrap .first-img {
    width: .81rem;
    height: .8rem;
    margin: -.33rem 0 0 -.04rem
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-content .content-wrap .first-deposit-txt {
    padding: .22rem .24rem .24rem;
    flex: 1 1 0%;
    word-break: break-word;
    color: #1d222a;
    font-size: .28rem;
    display: flex;
    align-items: center;
    text-align: left
}

.first-deposit-popup .am-popup .first-deposit-wrapper .first-deposit-btn {
    margin-top: .4rem;
    min-width: 1.7rem;
    height: .7rem;
    padding: 0 .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .94rem;
    border: .02rem solid #fff;
    background: rgba(95, 95, 95, .9);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: .26rem;
    font-weight: 400;
    align-self: center
}

.v-detail-base #mc-my-wallet-root {
    background: none
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body {
    padding: .3rem .35rem .2rem;
    border-top: 1px solid #ddd
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child {
    text-align: left
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child .mc-wallet-button-transfer {
    padding: 0;
    height: 100%;
    line-height: 1;
    border: none;
    font-size: .3rem;
    justify-content: start;
    color: #5c5c5c
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child .mc-wallet-button-transfer svg {
    color: #a4a4a4
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:last-child {
    text-align: right
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:last-child button {
    height: 100%;
    line-height: 1;
    box-sizing: border-box;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    outline: 0 none
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1,
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
    width: .5rem;
    height: .5rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1 {
    margin-right: .08rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
    margin-left: .08rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
    position: relative;
    bottom: .05rem;
    width: .33rem;
    height: .33rem;
    color: #a4a4a4
}

.v-detail-base #mc-my-wallet-root .mc-wallet-banner-footer {
    padding-left: 0;
    padding-right: 0
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-header {
    display: block
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .wallet-list-root {
    flex-direction: column;
    flex-wrap: nowrap
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item {
    padding-left: 0
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item .am-list-line-multiple {
    padding-left: .3rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body>.am-flexbox-item:first-child {
    height: .33rem;
    flex: 0 1 auto;
    line-height: .3rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body>.am-flexbox-item:first-child svg {
    width: .6rem;
    height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox .am-flexbox-item:first-child {
    margin-left: .16rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name {
    font-size: .32rem;
    color: #5b5b5b
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox-item.emptyItem {
    flex: 0 0 20%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox-item.emptyItem-right {
    flex: 0 0 80%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name.empty {
    display: inline-block;
    width: 100%;
    height: 1rem;
    background-color: #efefef;
    border: 1px solid #bbb
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-balance {
    font-size: .32rem;
    color: #fb481f
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-balance.empty {
    display: inline-block;
    width: 97%;
    height: 1rem;
    background-color: #efefef;
    border: 1px solid #bbb
}

.v-detail-base .wallet-list-root {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    font-size: .28rem;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span {
    display: block;
    padding: .2rem 1px;
    background: #ebebeb;
    color: #666262;
    border-radius: .1rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    color: #689fec;
    background: #edf3ff;
    font-size: .26rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-icon-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
    height: 1rem;
    line-height: .6rem;
    color: #a5a5a5;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-item .am-list-line-multiple {
    padding: .25rem .1rem .25rem 0
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: transparent;
    border-top: none
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item {
    flex: 0 0 45%;
    flex-wrap: wrap;
    margin: .15rem .12rem .15rem .15rem;
    padding-left: .2rem;
    height: 1.2rem;
    box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
    border-radius: .24rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item:first-child {
    flex: 0 0 95% !important;
    flex-wrap: wrap;
    margin: .15rem .12rem .15rem .15rem;
    padding-left: .2rem;
    height: 1.2rem;
    box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
    border-radius: .24rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item .am-list-line .am-list-content {
    line-height: 1.2
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border: 1px solid #3a86f7;
    background: rgba(16, 142, 233, .1)
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item .am-list-line .am-list-extra {
    flex-basis: 20%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .am-flexbox-item:first-child {
    width: .7rem;
    height: .33rem;
    flex: 0 1 auto
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .am-flexbox-item:first-child svg {
    width: .6rem;
    height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .am-flexbox-item.empty:first-child {
    width: 100%;
    height: 100%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .am-flexbox .am-flexbox-item:first-child {
    margin-left: .16rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    font-size: .28rem;
    color: #5b5b5b
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance {
    font-size: .24rem;
    color: #fb481f
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more {
    text-align: center;
    height: .6rem;
    line-height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button {
    letter-spacing: 1.5px;
    color: #3a86f7;
    padding: 0;
    height: 100%;
    line-height: 1;
    border: none;
    font-size: .3rem;
    justify-content: start;
    background-color: transparent
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
    position: relative;
    top: .05rem;
    color: #3a86f7;
    width: .33rem;
    height: .33rem;
    margin-right: .1rem
}

.v-detail-base #mc-my-wallet-root .empty-text-container {
    width: 100%;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .empty-text {
    font-size: .32rem;
    color: #656565
}

.v-detail-base #mc-my-wallet-root .noLeftMargin {
    margin-left: 0;
    overflow: hidden
}

.v-detail-base #mc-my-wallet-root .overflow-ellipsis {
    white-space: nowrap;
    overflow: auto;
    text-overflow: ellipsis
}

.v-detail-base .mc-popup-trans {
    width: 100%;
    padding: .3rem .4rem
}

.v-detail-base .mc-popup-trans input {
    display: block;
    margin-top: .15rem;
    margin-bottom: .15rem;
    padding: 0 .2rem;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .3rem
}

.v-detail-base .am-button.btn-confirm-trans {
    color: #fff;
    background-color: #ff0126;
    border: 1px solid #ff0126
}

.v-detail-base .am-button.btn-confirm-trans.am-button-active {
    background-color: #fb481f;
    border: 1px solid #fb481f
}

.v-detail-base .mc-alert-wallet-transfer {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center
}

.v-detail-base .flex-transfer {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 0 .5rem
}

.v-detail-base .flex-transfer .red {
    color: #fb481f
}

.trans-container-header.transfer {
    border: none
}

.nickname-form.wallet {
    background: transparent
}

.nickname-form.wallet .btn-confirm-trans:disabled {
    background-color: unset;
    border: unset;
    background-image: linear-gradient(-93deg, #cecece, #c4c4c4) !important
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body {
    padding: .3rem .35rem .2rem;
    border-top: 1px solid #ddd
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child {
    text-align: left
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child .mc-wallet-button-transfer {
    padding: 0;
    height: 100%;
    line-height: 1;
    border: none;
    font-size: .3rem;
    justify-content: start;
    color: #5c5c5c
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:first-child .mc-wallet-button-transfer svg {
    color: #a4a4a4
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:last-child {
    text-align: right
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-flexbox-item:last-child button {
    height: 100%;
    line-height: 1;
    box-sizing: border-box;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    outline: 0 none
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1,
.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
    width: .5rem;
    height: .5rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-1 {
    margin-right: .08rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-wallet-sample-2 {
    margin-left: .08rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-footer-body .am-icon-exchange {
    position: relative;
    bottom: .05rem;
    width: .33rem;
    height: .33rem;
    color: #a4a4a4
}

.v-detail-base #mc-my-wallet-root .mc-wallet-banner-footer {
    padding-left: 0;
    padding-right: 0
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-header {
    display: block
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item {
    padding-left: 0
}

.v-detail-base .mc-wallet-list-body.disabled .loading {
    width: .5568rem;
    height: .5568rem;
    border-radius: 50%;
    background-image: linear-gradient(130deg, #c9c9c9, #d8d8d8)
}

.v-detail-base .mc-wallet-list-body.disabled .wallet-balance {
    color: #c8c8c8 !important;
    font-weight: 500
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .am-list-item .am-list-line-multiple {
    padding-left: .3rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body>.am-flexbox-item:first-child {
    width: .7rem;
    height: .6rem;
    flex: 0 1 auto
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body>.am-flexbox-item:first-child svg {
    width: .6rem;
    height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox .am-flexbox-item:first-child {
    margin-left: .16rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name {
    font-size: .32rem;
    color: #5b5b5b
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox-item.emptyItem {
    flex: 0 0 20%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .am-flexbox-item.emptyItem-right {
    flex: 0 0 80%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-name.empty {
    display: inline-block;
    width: 100%;
    height: 1rem;
    background-color: #efefef;
    border: 1px solid #bbb
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-balance {
    font-size: .32rem;
    color: #fb481f
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-trans-list .mc-wallet-list-body .wallet-balance.empty {
    display: inline-block;
    width: 97%;
    height: 1rem;
    background-color: #efefef;
    border: 1px solid #bbb
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0 .32rem;
    background: #fff;
    border-bottom: 1px solid #dedede;
    top: 0;
    left: 0;
    z-index: 20
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    font-size: .28rem;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span {
    display: block;
    padding: .2rem .1rem;
    background: #ebebeb;
    color: #c4c4c4;
    border-radius: .1rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    color: #accdfb;
    background: #edf3ff
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-icon-container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 10%;
    height: 1rem;
    line-height: 1.2rem;
    color: #a5a5a5;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: transparent;
    border-top: none
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body>.am-list-item:nth-child(2n) {
    margin-right: 0
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item {
    flex: 0 0 45%;
    flex-wrap: wrap;
    margin: .15rem .12rem .15rem .15rem;
    height: 1.2rem;
    box-shadow: .02rem .02rem .1rem .03rem hsla(0, 0%, 91%, .9);
    border-radius: .24rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item .am-list-line .am-list-content {
    line-height: 1.2
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border: 1px solid #3a86f7;
    background: rgba(16, 142, 233, .1)
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item .am-list-line .am-list-extra {
    flex-basis: 17%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body>.am-flexbox-item:first-child {
    width: .7rem;
    height: .6rem;
    flex: 0 1 auto
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body>.am-flexbox-item:first-child svg {
    width: .6rem;
    height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body>.am-flexbox-item.empty:first-child {
    width: 100%;
    height: 100%
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .am-flexbox .am-flexbox-item:first-child {
    margin-left: .16rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    font-size: .28rem;
    color: #5b5b5b
}

.v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance {
    font-size: .24rem;
    color: #fb481f
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more {
    text-align: center;
    height: .6rem;
    line-height: .6rem
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button {
    letter-spacing: 1.5px;
    color: #3a86f7;
    padding: 0;
    height: 100%;
    line-height: 1;
    border: none;
    font-size: .3rem;
    justify-content: start;
    background-color: transparent
}

.v-detail-base #mc-my-wallet-root .mc-wallet-more button svg {
    position: relative;
    top: .05rem;
    color: #3a86f7;
    width: .33rem;
    height: .33rem;
    margin-right: .1rem
}

.v-detail-base #mc-my-wallet-root .empty-text-container {
    width: 100%;
    text-align: center
}

.v-detail-base #mc-my-wallet-root .empty-text {
    font-size: .32rem;
    color: #656565
}

.v-detail-base #mc-my-wallet-root .noLeftMargin {
    margin-left: 0;
    overflow: hidden
}

.v-detail-base #mc-my-wallet-root .overflow-ellipsis {
    white-space: nowrap;
    overflow: auto;
    text-overflow: ellipsis
}

.mc-wallet-home-list .am-list {
    overflow-x: hidden !important
}

.records {
    color: #fffffe;
    display: block;
    height: .8rem;
    line-height: .8rem
}

.v-base .m-mc-notice-container {
    -webkit-user-select: all;
    user-select: all;
    position: relative
}

.v-base .m-mc-notice-container .m-mc-notice-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .2rem
}

.v-base .m-mc-notice-container .m-mc-notice-title .title {
    flex: 1 1 0%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.v-base .m-mc-notice-container .mmnt-title-detail {
    overflow: hidden;
    font-size: .28rem;
    color: #484848;
    word-break: break-word;
    font-weight: 600;
    text-align: left
}

.v-base .m-mc-notice-container .mc-notice-prev {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABhElEQVQ4jaXVv0tXURjH8ZdmkJu42Q/BKPsDhFr7AUWKrm7h0BQNUg1BNGQtEdRUQUt7OJgKkQi6BS2CBFFEgy4NYZNChBYPnAuX07l+v/j9LJd7nvO8Oc9zPs+9XZ/W17XQSZzAEfzEZ+w0pfQ0rAfgFiYxkMX+YAXPMZ8ndmfvXZjGl/TMYaHDuIy3WMbRJmDAXuEZelv1IekSPuJMCTiD622C6jqGJfTXgSO4dwBYpUE8rQNnUsmd6FqU3p0af7VDmHSgqQBeKJzuBc4n35UU5Z3Dbha7GMDhQsIpfIgNBehj3E52OZTFhgPYVwCGz2aTH+vQgN3FBN4U8voC+KuhrPEMer8Gm00Gz7UVwK8NwBz6qAUs9C1meRV7hTGsQ+fwHk/2gYWWq6/NIsb22diO/laXIvVnr0Pg6yi5Aq7hQQew77gj69tDvDwAbBNXKrfUgdGDG7iJ7TZh73A2Sq0WSjcbX+LTycQbhfhvLKT5H8WPerCdf8pxDKUx20qeDOj/wj+72k2qGTL1tQAAAABJRU5ErkJggg==) no-repeat;
    transform: rotate(90deg);
    background-size: 100% auto;
    position: absolute;
    right: .5rem;
    bottom: -.1rem
}

.v-base .m-mc-notice-container .mc-notice-next {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAABhElEQVQ4jaXVv0tXURjH8ZdmkJu42Q/BKPsDhFr7AUWKrm7h0BQNUg1BNGQtEdRUQUt7OJgKkQi6BS2CBFFEgy4NYZNChBYPnAuX07l+v/j9LJd7nvO8Oc9zPs+9XZ/W17XQSZzAEfzEZ+w0pfQ0rAfgFiYxkMX+YAXPMZ8ndmfvXZjGl/TMYaHDuIy3WMbRJmDAXuEZelv1IekSPuJMCTiD622C6jqGJfTXgSO4dwBYpUE8rQNnUsmd6FqU3p0af7VDmHSgqQBeKJzuBc4n35UU5Z3Dbha7GMDhQsIpfIgNBehj3E52OZTFhgPYVwCGz2aTH+vQgN3FBN4U8voC+KuhrPEMer8Gm00Gz7UVwK8NwBz6qAUs9C1meRV7hTGsQ+fwHk/2gYWWq6/NIsb22diO/laXIvVnr0Pg6yi5Aq7hQQew77gj69tDvDwAbBNXKrfUgdGDG7iJ7TZh73A2Sq0WSjcbX+LTycQbhfhvLKT5H8WPerCdf8pxDKUx20qeDOj/wj+72k2qGTL1tQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto;
    transform: rotate(-90deg);
    position: absolute;
    right: 0;
    bottom: -.1rem
}

.v-base .m-mc-notice-container .m-mc-notice-header {
    border-bottom: 1px solid #ddd;
    padding: .2rem .2rem .2rem .4rem;
    position: relative;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.v-base .m-mc-notice-container .m-mc-notice-header.readed {
    opacity: .5
}

.v-base .m-mc-notice-container .mmnt-header {
    padding-right: .4rem
}

.v-base .m-mc-notice-container p {
    text-align: justify
}

.v-base .m-mc-notice-container img {
    max-width: 100%
}

.v-base .m-mc-notice-container .mc-notice-control {
    position: absolute;
    width: 1rem;
    height: .4rem;
    right: .4rem;
    bottom: .2rem
}

.v-base .m-mc-notice-container .mc-notice-time {
    margin-top: .2rem;
    color: #989898;
    font-size: .26rem;
    position: relative;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-align: left
}

.v-base .m-mc-notice-container .mc-notice-content {
    font-size: .24rem;
    padding: .2rem .4rem;
    white-space: pre-wrap;
    word-break: break-all;
    border-top: 1px solid #ddd;
    overflow: hidden;
    color: gray;
    background: #fff
}

.v-base .m-mc-notice-container .mc-notice-content .responsive-table {
    overflow: auto
}

.v-base .m-mc-notice-container .m-mc-notice-index-content {
    height: .4rem;
    overflow: hidden;
    margin-top: .1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #989898;
    font-size: .26rem
}

.v-base .m-mc-notice-container .m-mc-notice-title {
    font-size: .28rem;
    color: #484848;
    font-weight: 600
}

.v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #989898;
    font-size: .26rem
}

.v-base .m-mc-notice-container .mc-notice-content table,
.v-base .m-mc-notice-container tbody,
.v-base .m-mc-notice-container td,
.v-base .m-mc-notice-container tfoot,
.v-base .m-mc-notice-container th,
.v-base .m-mc-notice-container thead,
.v-base .m-mc-notice-container time,
.v-base .m-mc-notice-container tr,
.v-base .m-mc-notice-container tt {
    border-width: 1px !important;
    border-style: solid !important;
    vertical-align: middle !important
}

#myCanvas {
    width: 100% !important;
    height: auto !important;
    min-height: 4rem !important
}

.mc-canvas-container {
    padding: .1rem
}

.statis-container {
    margin: 0 .15rem;
    background-color: #fff;
    box-shadow: 0 0 .2rem 1px #e7e4e4;
    border-radius: .1rem;
    color: #a8a7a7
}

.statis-container .statis-lin {
    display: flex;
    height: 1.3rem;
    border-bottom: 1px solid #ececec
}

.statis-container .statis-lin .am-icon-md {
    height: .55rem;
    width: .55rem
}

.statis-container .statis-lin .lin-left {
    width: 45%
}

.statis-container .statis-lin .lin-rigth {
    width: 55%
}

.statis-container .statis-lin .lin-left,
.statis-container .statis-lin .lin-rigth {
    display: flex;
    align-items: center;
    line-height: .4rem;
    padding: 0 .15rem
}

.statis-container .statis-lin .lin-left span,
.statis-container .statis-lin .lin-rigth span {
    flex-shrink: 0;
    min-width: 20%
}

.statis-container .statis-lin .lin-left div,
.statis-container .statis-lin .lin-rigth div {
    padding-left: .15rem
}

.statis-container .statis-lin .unit-color {
    font-size: .32rem;
    font-weight: 500;
    color: #c5c5c5 !important;
    padding-left: .08rem
}

.statis-container .statis-lin .red-count {
    color: #fc6e60;
    font-size: .3rem;
    font-weight: 700
}

.statis-container .statis-lin .green-count {
    color: #59c68f;
    font-size: .3rem;
    font-weight: 700
}

.statis-container .statis-lin .blue-count {
    color: #5e88ee;
    font-size: .3rem;
    font-weight: 700
}

.statis-container .statis-lin .gray-count {
    color: #7a7a7a;
    font-size: .3rem;
    font-weight: 700
}

.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}

.change-statis-wrap {
    display: flex;
    justify-content: space-between;
    height: .7rem;
    line-height: .7rem;
    font-size: .3rem;
    margin: .12rem 0 .2rem;
    padding: 0 .2rem;
    overflow: auto
}

.change-statis-wrap .statis-left {
    display: flex;
    flex-shrink: 0
}

.change-statis-wrap .statis-left .btn-change {
    padding: 0 .5em;
    margin: 0 .1rem;
    border-radius: .3rem;
    color: #989898;
    background-color: #f1f1f1
}

.change-statis-wrap .statis-left .btn-change-active {
    padding: 0 .5em;
    margin: 0 .1rem;
    border-radius: .4rem;
    text-align: center;
    background-color: #308afa !important;
    color: #fff !important
}

.change-statis-wrap .statis-rigth {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    flex-shrink: 0;
    margin-right: .7rem
}

.change-statis-wrap .statis-rigth .statis-time {
    padding: 0 .15rem;
    color: #fff;
    background-color: #308afa;
    box-shadow: 1px 1px .05rem 1px #308afa;
    border-radius: .5rem
}

.statis-gameType-wrap {
    margin: .15rem 0;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: .28rem
}

.statis-gameType-wrap .active {
    background-color: #fef0ef !important;
    color: #6b6663 !important;
    border: 1px solid #fdd8e0 !important;
    box-shadow: -1px 0 .05rem #fdd8e0 !important
}

.statis-gameType-wrap .btn-wrap {
    display: inline-block;
    border-radius: .35rem;
    margin: 0 .1rem;
    padding: .15rem .25rem;
    background-color: #f0f0f0;
    color: #c7c7c7
}

.statis-gameType-wrap .btn-wrap i {
    display: inline-block;
    height: .2rem;
    width: .2rem;
    background: red;
    border-radius: 50%
}

.statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #ff8093
}

.statis-gameType-wrap .btn-wrap .gameType-item-1 {
    background: #f2ba25
}

.statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #54bae0
}

.statis-gameType-wrap .btn-wrap .gameType-item-3 {
    background: #c964ee
}

.statis-gameType-wrap .btn-wrap .gameType-item-4 {
    background: #00ce71
}

.statis-gameType-wrap .btn-wrap .gameType-item-5 {
    background: #c964ee
}

.statis-gameType-wrap .btn-wrap .gameType-item-6 {
    background: #a0083b
}

.statis-gameType-wrap .btn-wrap span {
    display: inline-block;
    margin: 0 .1rem;
    height: .2rem;
    line-height: .2rem
}

.overview-sum-wrapper {
    background-color: #fafafa;
    border-radius: .2rem;
    margin: .25rem .25rem 0
}

.overview-sum-wrapper .sum-list-item {
    margin: 0 .31rem;
    display: flex;
    padding: .24rem 0 .23rem;
    border-bottom: 1px solid #ececec;
    font-size: .24rem;
    color: #424242;
    font-weight: 500;
    justify-content: space-between
}

.overview-sum-wrapper .sum-list-item:last-child {
    border-bottom: none
}

.overview-sum-wrapper .sum-list-item .text-blue {
    color: #3e6ffe
}

.overview-statis-wrapper {
    margin: 0 .25rem;
    position: relative
}

.overview-statis-wrapper:after {
    background: url(/mobile/mc/overview-item.7a4d6796.png) no-repeat 50%/contain;
    width: 1.79rem;
    min-height: 1.03rem;
    position: absolute;
    content: "";
    top: -.1rem;
    right: .08rem
}

.overview-statis-wrapper .overview-title {
    font-size: .26rem;
    font-weight: 700;
    color: #424242;
    text-align: left
}

.overview-statis-wrapper .overview-title .count {
    padding-left: .06rem
}

.overview-statis-wrapper .overview-select {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .35rem
}

.overview-statis-wrapper .overview-select .item-btn {
    flex: 0 0 24%;
    position: relative;
    margin-top: .2rem;
    border-radius: .08rem
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+1) {
    background-color: #fef1f1
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+1) input[type=radio]:checked~.item-content:before {
    border-color: transparent transparent #fef1f1
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+1) .count:before {
    background-color: #ed4f4f
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+2) {
    background-color: #f4f1fe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+2) input[type=radio]:checked~.item-content:before {
    border-color: transparent transparent #f4f1fe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+2) .count:before {
    background-color: #6d51f5
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+3) {
    background-color: #fcf1fe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+3) input[type=radio]:checked~.item-content:before {
    border-color: transparent transparent #fcf1fe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+3) .count:before {
    background-color: #dc51f5
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+4) {
    background-color: #f1fef3
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+4) input[type=radio]:checked~.item-content:before {
    border-color: transparent transparent #f1fef3
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+4) .count:before {
    background-color: #4fed65
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+5) {
    background-color: #fef6f1
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+5) input[type=radio]:checked~.item-content:before {
    border-color: transparent transparent #fef6f1
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n+5) .count:before {
    background-color: #f58b51
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n) {
    background-color: #f1fbfe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n) input[type=radio]:checked~label+.item-content:before {
    border-color: transparent transparent #f1fbfe
}

.overview-statis-wrapper .overview-select .item-btn:nth-child(6n) .count:before {
    background-color: #51ccf5
}

.overview-statis-wrapper .overview-select .item-btn input[type=radio] {
    display: none
}

.overview-statis-wrapper .overview-select .item-btn input[type=radio]:checked~label {
    border: 1px solid #ed4f4f
}

.overview-statis-wrapper .overview-select .item-btn input[type=radio]:checked~.item-content:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .13rem;
    content: "";
    position: absolute;
    top: -.23rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3
}

.overview-statis-wrapper .overview-select .item-btn input[type=radio]:checked~.item-content:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .13rem;
    content: "";
    position: absolute;
    top: -.26rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    border-color: transparent transparent #ed4f4f
}

.overview-statis-wrapper .overview-select .select-item {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    border-radius: .08rem;
    z-index: 1
}

.overview-statis-wrapper .overview-select .item-content {
    padding: .15rem .3rem .3rem .38rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.overview-statis-wrapper .overview-select .item-content .count {
    font-size: .36rem;
    font-weight: 700;
    color: #424242;
    position: relative
}

.overview-statis-wrapper .overview-select .item-content .count:before {
    position: absolute;
    content: "";
    width: .07rem;
    height: .14rem;
    border-radius: .04rem;
    left: -.2rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.overview-statis-wrapper .overview-select .item-content .item-title {
    font-size: .2rem;
    color: #646464;
    word-break: break-word;
    margin-top: .12rem
}

.overview-chart {
    margin: .25rem;
    padding: .25rem .2rem;
    background-image: linear-gradient(0deg, #fff, #f8faff);
    border-radius: .16rem
}

.overview-chart .chart-select-wrap {
    display: flex;
    background-color: #ecf0f6;
    border-radius: .3rem;
    min-height: .6rem;
    width: -webkit-max-content;
    width: max-content;
    max-width: 100%;
    align-items: stretch
}

.overview-chart .chart-select-wrap .select-item {
    font-size: .26rem;
    font-weight: 500;
    margin: 0 .05rem;
    padding: .05rem 0;
    flex: 1 1 0%;
    word-break: break-word;
    display: flex;
    align-items: center;
    text-align: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.overview-chart .chart-select-wrap .select-item .item-content {
    padding: .12rem .38rem;
    min-height: .5rem;
    color: #9b9b9b;
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.overview-chart .chart-select-wrap .select-item input[type=radio] {
    display: none
}

.overview-chart .chart-select-wrap .select-item input[type=radio]:checked~label {
    background-color: #fff;
    border-radius: .25rem;
    color: #646464
}

.overview-chart #container {
    height: 3.6rem !important;
    margin-top: .13rem
}

.overview-chart #container canvas {
    padding: .1rem
}

.overview-chart #container .g2-tooltip {
    box-shadow: 0 .03rem .07rem 0 rgba(70, 166, 255, .14) !important;
    border-radius: .1rem !important;
    color: #646464 !important;
    font-size: .22rem !important
}

.overview-chart #container .g2-tooltip .g2-tooltip-value {
    float: inherit !important;
    margin-left: .14rem !important
}

.overview-chart #container .g2-tooltip .tooltip-content {
    padding: .2rem 0;
    color: #646464;
    font-size: .22rem
}

.overview-chart #container .g2-tooltip .tooltip-content .item-title .item-date {
    margin-right: .14rem
}

.overview-chart #container .g2-tooltip .tooltip-content .item-value {
    margin-top: .11rem
}

.mc-trans-filter {
    height: .77rem;
    padding-left: .15rem;
    padding-right: .15rem;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 .02rem .05rem -1px rgba(0, 0, 0, .1);
    justify-content: space-between;
    position: relative;
    z-index: 9;
    background: #fff
}

.mc-trans-filter .am-button-ghost.am-button-actived {
    color: #fff;
    background-color: #1284d6
}

.mc-trans-filter .am-button-small {
    margin-right: .1rem;
    padding: 0 .1rem;
    min-width: 1rem;
    font-size: .24rem
}

.mc-trans-filter .am-flexbox .am-flexbox-item {
    height: .77rem;
    line-height: .45rem;
    flex: none
}

.am-flexbox.am-flexbox-align-middle.mc-trans-filter {
    align-items: center
}

.mc-date-picker {
    display: block;
    flex: 0 0 37%;
    width: 37%;
    margin-left: .1rem;
    line-height: .4rem
}

.mc-popup-txtype .am-list .am-list-body {
    max-height: 5.4rem;
    overflow: auto
}

.mc-popup-txtype .am-list-header {
    padding: .3rem 0 .18rem .3rem
}

.mc-popup-txtype .am-list-header div {
    padding-right: .3rem;
    text-align: left
}

.mc-popup-txtype .am-list .am-list-body .svg-icon-dice {
    position: relative;
    top: .06rem;
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    color: #888
}

.mc-popup-txtype .am-list .am-list-body .am-list-item {
    border-top: 1px solid #bbb
}

.mc-team-filter .am-list-item.am-input-item {
    max-width: 50%;
    height: .6rem;
    min-height: .6rem;
    padding-left: .1rem;
    padding-right: .1rem;
    border-radius: .1rem;
    border: 1px solid #1284d6
}

.mc-team-filter .am-list-item .am-input-control input {
    color: #1284d6
}

.mc-team-filter .am-list-item .am-input-label.am-input-label-5 {
    width: .4rem
}

.mc-team-filter .am-list-item.am-input-item .am-icon-xs {
    position: relative;
    top: .03rem;
    color: #1284d6
}

.mc-trans-filter .chase-number {
    font-size: .26rem;
    color: #108ee9;
    height: 100%;
    display: flex;
    align-items: center;
    overflow-x: auto;
    padding: 0 .2rem
}

.common-search-style {
    display: block
}

.common-search-style .am-search-synthetic-ph {
    display: flex;
    padding-left: .1rem
}

.common-search-style .am-search-synthetic-ph .am-search-synthetic-ph-container {
    margin-left: .1rem
}

.common-search-style .am-search {
    border-radius: .4rem !important;
    background-color: #f5f5f5
}

.common-search-style .am-search-input {
    border-radius: .4rem
}

.common-search-style .am-search-cancel {
    display: none
}

.mc-trans-filter .am-search {
    height: .6rem;
    padding: 0 .02rem;
    border-radius: .1rem
}

.mc-trans-filter .am-search-synthetic-ph {
    padding-left: .02rem !important
}

.mc-trans-filter .am-search-start .am-search-synthetic-ph {
    width: 2.5rem !important
}

.mc-trans-filter .am-search-value {
    padding-left: .5rem !important
}

.mc-trans-filter .am-search-cancel {
    padding: 0 .12rem;
    background: #108ee9;
    color: #fff;
    font-size: .26rem;
    border-radius: .1rem
}

.sub-name-search {
    min-width: 65%;
    height: .6rem;
    min-height: .6rem;
    padding-left: .1rem;
    padding-right: .1rem;
    border-radius: .1rem;
    border: 1px solid #1284d6;
    position: relative;
    margin-left: .2rem
}

.sub-name-search input {
    color: #000;
    height: .6rem;
    font-size: .34rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .04rem .46rem 0 0;
    border: 0;
    background-color: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sub-name-search svg {
    fill: #1284d6;
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%)
}

.dropdown-wrapper {
    position: relative
}

.dropdown-wrapper.filter-overview-wrapper .filter-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .24rem;
    font-weight: 500;
    white-space: nowrap
}

.dropdown-wrapper.filter-overview-wrapper .filter-button svg {
    transform: rotate(-90deg);
    width: .3rem !important;
    height: .3rem !important;
    margin: 0 0 0 .1rem
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup {
    left: 0;
    top: 1rem;
    position: fixed;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem)
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-mask {
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    top: 0;
    z-index: 1
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper {
    padding-bottom: .28rem;
    z-index: 2
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper .calendar-group {
    margin-top: .25rem
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper .calendar-group .calendar-title {
    position: relative;
    color: #5b5b5b;
    font-size: .26rem;
    font-weight: 500;
    padding-bottom: .28rem
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-wrapper .calendar-group .calendar-title:after {
    position: relative;
    content: "\FF1A";
    right: 0
}

.dropdown-wrapper .mc-teamlist-filter {
    padding: .24rem;
    display: flex;
    justify-content: space-between
}

.dropdown-wrapper .mc-teamlist-filter .am-search {
    height: .64rem;
    min-height: .64rem;
    line-height: .64rem;
    border-radius: .32rem;
    background-color: #f5f5f5;
    color: #646464;
    position: relative;
    width: 3.5rem
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-input {
    background-color: #f5f5f5
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-synthetic-ph-container {
    position: absolute;
    left: 0;
    padding-left: .1rem
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-synthetic-ph-placeholder {
    color: gray;
    font-size: .28rem
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-search-cancel {
    display: none
}

.dropdown-wrapper .mc-teamlist-filter .am-search:after {
    display: none
}

.dropdown-wrapper .mc-teamlist-filter .am-search input {
    font-size: .28rem
}

.dropdown-wrapper .mc-teamlist-filter .am-search input::placeholder {
    color: #646464
}

.dropdown-wrapper .mc-teamlist-filter .am-search .am-input-extra {
    position: absolute;
    left: .2rem;
    top: .16rem
}

.dropdown-wrapper .mc-teamlist-filter .filter-button {
    position: relative;
    padding-right: .37rem;
    font-size: .26rem;
    color: #424242
}

.dropdown-wrapper .mc-teamlist-filter .filter-button svg {
    position: absolute;
    width: .3rem;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.dropdown-wrapper .seach-popup {
    top: 1rem;
    z-index: 11
}

.dropdown-wrapper .seach-popup,
.dropdown-wrapper .seach-popup .search-mask {
    position: absolute;
    width: 100%;
    height: calc(100vh - 2.1rem);
    height: calc(var(--vh, 1vh)*100 - 2.1rem)
}

.dropdown-wrapper .seach-popup .search-mask {
    background-color: rgba(0, 0, 0, .4);
    z-index: -1;
    top: .2rem
}

.dropdown-wrapper .seach-popup .search-wrapper {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 100%
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap {
    margin: .02rem .5rem .02rem .24rem;
    color: #5b5b5b
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item {
    margin-top: .16rem;
    border-top: 1px solid #ebebeb
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item:first-child {
    border-top: none
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-title {
    font-size: .28rem;
    line-height: 2.71;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-title .clear-btn {
    font-size: .24rem
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group {
    font-size: .26rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -.14rem
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group .item-btn {
    border: .02rem solid #cdcdcd;
    border-radius: .08rem;
    width: 30%;
    min-height: .6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding: 0 .05rem;
    margin: .14rem 0;
    word-wrap: break-word;
    word-break: break-word;
    text-align: center
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group .item-btn:nth-child(3n) {
    margin-right: 0
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group input[type=radio] {
    display: none
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group input[type=radio]:checked+label {
    border: .02rem solid #ec2529;
    color: #ec2529;
    background-color: #fef4f4
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group.item-spacing {
    margin-top: .16rem
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: .02rem solid #cdcdcd;
    border-radius: .08rem;
    min-height: .6rem;
    font-size: .26rem;
    color: #aeaeae;
    padding: 0 .5rem 0 .16rem;
    line-height: normal;
    margin-bottom: .28rem;
    padding-right: 1.6rem
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default .am-icon-calendar {
    width: .32rem;
    height: .36rem;
    fill: #5b5b5b
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select {
    position: relative
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .disabled-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: inline-block;
    background: transparent
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .disabled-mask+.flex-shrink1 {
    background-color: #efefef
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .disabled-mask+.flex-shrink1 .am-button-icon {
    color: #aeaeae
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-icon {
    display: flex;
    justify-content: center;
    padding: 0 .5rem 0 .16rem;
    border-radius: .08rem;
    border: .02rem solid #cdcdcd;
    font-size: .24rem;
    color: #5b5b5b
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-icon .am-icon-calendar {
    width: .32rem;
    height: .36rem;
    position: absolute;
    left: .16rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .calendar-reset {
    width: .28rem;
    height: .28rem;
    border-radius: .14rem;
    background-color: #8c8c8c;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .calendar-reset svg {
    fill: #fff;
    width: .24rem
}

.dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item.disabled {
    background-color: #efefef
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit {
    display: flex;
    margin: .28rem 0 0;
    font-size: .28rem;
    align-items: center;
    height: .79rem;
    line-height: .79rem;
    text-align: center
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-reset {
    width: 50%;
    background-color: #f5f5f5;
    color: #646464
}

.dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-confirm {
    width: 50%;
    background-color: #fef4f4;
    color: #ec2529
}

.agent-container {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff
}

.agent-container .am-navbar-right svg {
    margin: 0 .1rem
}

.agent-container .go-team-bet {
    position: absolute;
    right: 0;
    font-size: .28rem;
    font-weight: 400
}

.agent-container .go-team-bet svg {
    position: relative;
    top: -.08rem;
    fill: #5e88ee
}

.agent-container .go-team-bet i {
    position: relative;
    top: -.12rem;
    margin-left: .06rem;
    font-style: normal;
    color: #5e88ee;
    max-width: 1.4rem;
    display: inline-block
}

.agent-container .agent-header {
    position: relative;
    height: 2rem;
    text-align: center
}

.agent-container .agent-header .header-info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    border: 1px solid #f1f1f1;
    height: 1.5rem
}

.agent-container .agent-body {
    background: #faf9fe
}

.agent-container .agent-body .body-title {
    position: relative;
    top: .25rem;
    margin: 0 .2rem .48rem
}

.agent-container .agent-body .h4-wrp {
    color: #5c5c5c;
    padding-left: .1rem;
    border-left: .1rem solid #ff0
}

.agent-overview-wrapper {
    padding-bottom: .5rem
}

.agent-overview-wrapper header .am-navbar {
    position: fixed !important;
    width: 100%;
    top: 0;
    justify-content: space-between
}

.agent-overview-wrapper header .am-navbar .info {
    margin-left: .09rem;
    display: flex;
    align-items: center
}

.agent-overview-wrapper header .am-navbar .info svg {
    width: .33rem;
    height: .33rem
}

#root .agent-container .am-whitespace-sm {
    height: .9rem
}

.overview-info .info-top {
    font-size: .28rem;
    text-align: left;
    color: #616161
}

.overview-info .info-down {
    background-color: #ffeded;
    border-radius: .1rem;
    padding: .09rem .08rem;
    color: #ff5b5b;
    font-size: .24rem;
    margin-top: .26rem;
    line-height: 1.42;
    text-align: left
}

.profit-detail .pnl-container {
    padding: .35rem .25rem .58rem;
    position: fixed;
    background: #fff;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
    animation-name: detail-slideInUp;
    animation-duration: .25s;
    animation-fill-mode: both
}

.profit-detail .pnl-container.hide-pop {
    animation-name: detail-slideOutDown
}

.profit-detail .pnl-container .modal-list-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: .3rem;
    border-bottom: 1px solid #dbdbdb
}

.profit-detail .pnl-container .modal-list-header .list-title .item-top {
    color: #424242;
    font-size: .34rem;
    font-weight: 700
}

.profit-detail .pnl-container .modal-list-header .list-title .item-down {
    margin-top: .1rem;
    font-size: .26rem;
    color: #424242
}

.profit-detail .pnl-container .modal-list-header .list-close {
    width: .5rem;
    height: .5rem;
    background-color: #ececec;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.profit-detail .pnl-container .modal-list-header .list-close svg {
    fill: #818181
}

.profit-detail .pnl-container .pnl-table-list-container {
    margin: .38rem 0 0;
    border: 1px solid #dbdbdb
}

.profit-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-right {
    padding-bottom: 0
}

.profit-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-right .swiper-slide-active .pnl-table-list:nth-child(2n) {
    background: #fff
}

.profit-detail .pnl-container .pnl-table-list-container .pnl-table-list div {
    color: #616161
}

.profit-detail .pnl-container .pnl-table-list-container .pnl-table-list div span {
    letter-spacing: -.015rem;
    padding: 0 .1rem;
    word-break: break-all;
    line-height: 1
}

.profit-detail .pnl-container .pnl-table-list-container .pnl-table-list div span.header-wrap .header-text {
    white-space: normal;
    word-break: break-all
}

.profit-detail .pnl-container .pnl-table-list-container .pnl-table-list div.table-bl {
    border-left: 1px solid #dbdbdb
}

.profit-detail .pnl-container .swiper-pagination-bullets {
    position: relative;
    margin-top: .05rem
}

.profit-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    margin: 0 .06rem
}

.profit-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e60012
}

.promotion-detail .pnl-container {
    padding: .35rem .25rem .58rem;
    position: fixed;
    background: #fff;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
    animation-name: detail-slideInUp;
    animation-duration: .25s;
    animation-fill-mode: both
}

.promotion-detail .pnl-container.hide-pop {
    animation-name: detail-slideOutDown
}

.promotion-detail .pnl-container .modal-list-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: .3rem;
    border-bottom: 1px solid #dbdbdb
}

.promotion-detail .pnl-container .modal-list-header .list-title .item-top {
    color: #424242;
    font-size: .34rem;
    font-weight: 700
}

.promotion-detail .pnl-container .modal-list-header .list-title .item-down {
    margin-top: .1rem;
    font-size: .26rem;
    color: #424242
}

.promotion-detail .pnl-container .modal-list-header .list-close {
    width: .5rem;
    height: .5rem;
    background-color: #ececec;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.promotion-detail .pnl-container .modal-list-header .list-close svg {
    fill: #818181
}

.promotion-detail .pnl-container .pnl-table-list-container {
    margin: .38rem 0 0;
    border: 1px solid #dbdbdb
}

.promotion-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-left div {
    min-height: .69rem
}

.promotion-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-left div.table-header-item {
    min-height: .7rem !important
}

.promotion-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-right {
    padding-bottom: 0
}

.promotion-detail .pnl-container .pnl-table-list-container.profit-detail-list .pnl-table-list-right .swiper-slide-active .pnl-table-list:nth-child(2n) {
    background: #fff
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list {
    display: flex
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div {
    color: #616161;
    text-align: right;
    min-height: .69rem;
    display: flex;
    align-items: center
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div span {
    letter-spacing: -.01rem;
    padding: 0 .1rem;
    word-break: break-word;
    line-height: 1;
    position: relative;
    left: inherit;
    top: inherit;
    transform: inherit
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div span.header-wrap .header-text {
    white-space: normal;
    word-break: break-word
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div span.pnl-table-left {
    display: inline-block;
    width: 100%;
    text-align: left
}

.promotion-detail .pnl-container .pnl-table-list-container .pnl-table-list div.table-bl {
    border-left: 1px solid #dbdbdb;
    display: flex;
    align-items: center
}

.promotion-detail .pnl-container .swiper-pagination-bullets {
    position: relative;
    margin-top: .05rem
}

.promotion-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    margin: 0 .06rem
}

.promotion-detail .pnl-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #e60012
}

@keyframes detail-slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes detail-slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.country-code {
    display: flex;
    gap: .1rem
}

.country-code .mc-country-code-input {
    flex: 0 0 35%;
    vertical-align: top;
    position: relative;
    border-radius: .15rem;
    height: 1.05rem;
    line-height: 1.05rem;
    background-color: #efefef;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem
}

.country-code .mc-country-code-input img {
    width: .5rem;
    height: .5rem;
    position: relative;
    top: .14rem;
    margin-right: .1rem
}

.country-code .mc-country-code-input span {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-left: .1rem
}

.country-code .mc-country-code-input:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .15rem .15rem 0;
    border-color: #dadcde transparent transparent;
    content: "";
    z-index: 99
}

.country-code .mc-country-code-input.disabled {
    background: #c1c1c1
}

.country-code .mc-country-code-input.disabled:after {
    display: none
}

.country-code .mc-account-list {
    flex: 1 1 0%;
    display: inline-block;
    width: 100%
}

.mc-country-list-container {
    max-height: 6rem;
    overflow-y: scroll;
    position: relative
}

.mc-country-list-container .am-list-header {
    height: .8rem;
    text-align: left
}

.mc-country-list-container .close {
    position: absolute;
    right: .08rem;
    top: 50%;
    transform: translateY(-50%)
}

.mc-country-list-container .am-list-body {
    overflow-y: scroll;
    height: 4.6rem
}

.mc-country-list-container img {
    width: .6rem;
    height: .6rem;
    position: relative;
    margin-right: .2rem;
    display: inline-block
}

.delete-card-container .am-tabs-bar .am-tabs-tab,
.forget-fund-pwd-container .am-tabs-bar .am-tabs-tab {
    line-height: 1.2;
    padding: 0 .2rem;
    overflow: hidden
}

.delete-card-container .contact-service,
.forget-fund-pwd-container .contact-service {
    justify-content: flex-end;
    padding: 0 5% 5%;
    display: flex
}

.delete-card-container .contact-service .title,
.forget-fund-pwd-container .contact-service .title {
    white-space: break-spaces;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content
}

.delete-card-container .contact-service .link,
.forget-fund-pwd-container .contact-service .link {
    width: auto;
    color: blue
}

.delete-card-container .cs-page,
.forget-fund-pwd-container .cs-page {
    position: relative
}

.delete-card-container .forget-fpwd,
.forget-fund-pwd-container .forget-fpwd {
    margin: 0 5% .2rem;
    padding: 0
}

.fpb-sms {
    display: flex;
    margin: 0 5%;
    gap: 5%
}

.fpb-sms .account-form {
    display: inline-block;
    width: 60%;
    vertical-align: top;
    padding: 0 0 1em
}

.fpb-sms .sms-send {
    display: inline-block;
    vertical-align: top;
    min-width: calc(40% - .4rem);
    padding: 0 .2rem
}

.fpb-container .contact-service span {
    white-space: break-spaces
}

.fpb-container.contact-server {
    min-height: 100vh
}

.fpb-container.contact-server a {
    margin: 2rem 5%
}

.fpb-container.contact-server .smc-content>img {
    margin-top: -.2rem
}

.fpb-container.contact-server ul {
    max-height: 50vh;
    overflow-y: scroll
}

.fpb-sms-input {
    display: flex;
    margin: 0 5%;
    gap: 5%
}

.fpb-sms-input .account-form {
    flex: 1 1 0%;
    display: inline-block;
    width: 100%;
    padding: 0 0 1em
}

.fpb-sms-input .account-form .errors {
    margin: .15rem 0 .16rem
}

.fpb-sms-input .mc-country-code-input {
    display: inline-block;
    flex: 0 0 30%;
    vertical-align: top;
    background-color: #efefef;
    min-width: 20%;
    height: 1.05rem;
    position: relative;
    border-radius: .15rem
}

.fpb-sms-input .mc-country-code-input span {
    display: flex;
    align-items: center;
    height: 100%;
    gap: .1rem;
    justify-content: center
}

.fpb-sms-input .mc-country-code-input span img {
    width: .6rem;
    height: .6rem
}

.fpb-sms-input .mc-country-code-input .account-form {
    padding: 0 0 1em
}

.custom-alert-no-mask {
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: calc(100% - 1.87rem);
    top: auto
}

.search-bank {
    position: relative;
    height: 1.43rem;
    display: block;
    padding: 0 .2rem .2rem
}

.search-bank svg {
    top: 45%;
    transform: translateY(-50%);
    left: .5rem;
    position: absolute;
    fill: #9e9e9e
}

.search-bank input {
    color: #333;
    font-size: .32rem;
    border-radius: .15rem;
    padding: .29rem .34rem .29rem 1.01rem
}

.list-popup-wrapper.filter .list-wrap {
    border-top: initial
}

.list-popup-wrapper.filter .list-wrap .popUps-list-item:not(:last-child) .am-list-line {
    border-bottom: initial
}

.list-popup-wrapper .list-popup-header {
    font-size: .32rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.list-popup-wrapper .list-wrap {
    overflow: hidden;
    overflow-y: auto;
    max-height: 60vh;
    max-height: calc(var(--vh, 1vh)*60);
    border-top: 1px solid #ddd
}

.list-popup-wrapper .list-wrap .popUps-list-item:not(:last-child) .am-list-line {
    border-bottom: 1px solid #ddd
}

.tcg-tips {
    position: relative;
    display: inline-block
}

.tcg-tips div {
    background: rgba(0, 0, 0, .6);
    padding: .1rem;
    border-radius: .08rem;
    color: #fff;
    display: -webkit-box;
    word-break: break-word;
    max-width: calc(100% - .8rem);
    position: relative;
    max-height: .86rem;
    font-size: .26rem;
    line-height: .36rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-left: .8rem;
    text-overflow: ellipsis
}

.tcg-tips>i {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .15rem .14rem .15rem 0;
    border-color: transparent rgba(0, 0, 0, .6) transparent transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: .66rem
}

.tcg-tips img {
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.null-dom {
    display: none
}

.banks-wrapper .bank-title {
    color: #747474;
    font-size: .28rem;
    margin-bottom: .2rem
}

.banks-wrapper .bank-list-wrap {
    max-height: 3.2rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: auto !important;
    margin-bottom: .3rem
}

.banks-wrapper .bank-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.banks-wrapper .bank-list .bank-item {
    padding: .05rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
    font-size: .28rem;
    justify-content: center;
    white-space: break-spaces;
    align-items: center;
    display: flex;
    width: 30%;
    min-height: .88rem;
    border-radius: .16rem;
    border: .02rem solid #e4e4e4;
    background-color: #fff
}

.banks-wrapper .bank-list .bank-item.has-icon {
    height: .88rem
}

.banks-wrapper .bank-list .bank-item:nth-child(3n) {
    margin-right: 0
}

.banks-wrapper .bank-list .bank-item.bank-active {
    border: .02rem solid #ff3039;
    background-color: rgba(255, 48, 57, .06)
}

.banks-wrapper .bank-list .bank-item .bank-text {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden
}

.banks-wrapper .bank-list .bank-item .bank-img {
    display: block;
    width: 100%;
    max-height: 100%;
    object-fit: contain
}

.ewallet-group-wrapper {
    margin-top: .5rem
}

.ewallet-group-wrapper .eWallet-type {
    border-radius: .16rem .16rem 0 0;
    border: .02rem solid rgba(0, 0, 0, .2);
    border-bottom: none;
    background: #fff;
    padding: .2rem .1rem 0
}

.mc-code-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% + .88rem);
    position: fixed;
    top: -.88rem;
    z-index: 100011;
    background-color: rgba(0, 0, 0, .7);
    font-size: .28rem
}

.mc-code-box input {
    height: .7rem;
    padding: .5em;
    border: .02rem solid #ccc;
    border-radius: .1rem;
    color: #a1a1a1
}

.mc-code-box .submit {
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem
}

.mc-code-box .title {
    text-align: center;
    margin-bottom: 1em
}

.mc-code-box .code-form {
    background: #fff;
    padding: .2rem .4rem;
    border-radius: .14rem;
    width: 80vw
}

.mc-code-box .form-group {
    margin-bottom: .15rem;
    position: relative;
    min-height: auto
}

.mc-code-box .send-code {
    position: absolute;
    top: 50%;
    right: .16rem;
    transform: translateY(-50%);
    padding: .1rem .12rem;
    font-size: .24rem;
    min-width: 3em;
    text-align: center
}

.mc-code-box .input-group {
    position: relative;
    width: 100%;
    margin-top: .3rem
}

.mc-code-box .input-group label {
    position: absolute;
    top: -.3rem;
    left: 0;
    color: #757575;
    font-size: .24rem
}

.mc-code-box .mc-country-code-input {
    width: auto;
    height: .7rem;
    padding-right: .4rem
}

.mc-code-box .mc-country-code-input img {
    position: unset;
    top: unset
}

.mc-code-box .mc-country-code-input>span {
    display: flex;
    align-items: center;
    padding-left: .1rem
}

.mc-code-box .mc-country-code-input:after {
    right: .04rem
}

.mc-code-box .code-tip {
    color: red;
    font-size: .28rem;
    word-break: break-word;
    line-height: normal;
    margin: .1rem 0 .2rem
}

.personalCenter {
    background-color: #fefefe;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

.personalCenter .has-error input {
    border: 1px solid #a81616 !important;
    box-shadow: 0 0 .16rem rgba(243, 83, 10, .6) !important
}

.region-list .popUps-list-item {
    margin-bottom: 0;
    padding-bottom: 0
}

.region-list .popUps-list-item.disabled {
    background-color: #d8d8d8;
    opacity: .3
}

.account-form {
    padding: 0 5% 1em
}

.account-form .code-tip {
    color: red;
    font-size: .28rem;
    word-break: break-word;
    line-height: normal;
    margin: .1rem 0 .2rem
}

.account-form.show-codeBox-fixed {
    position: fixed
}

.account-form.no-mgbtm .account-form-group {
    margin-bottom: 0
}

.account-form.no-mgbtm .account-form-group input {
    padding-right: 1rem
}

.account-form .account-form-group {
    position: relative;
    margin-bottom: .3rem
}

.account-form .account-form-group .province .chooseExtra {
    padding: 0 1rem
}

.account-form .mc-account-list {
    overflow: hidden;
    position: relative
}

.account-form .mc-account-list.noIcon .inputSelect .inputBase {
    padding: 0 1rem 0 .25rem
}

.account-form input[name=birthday] {
    -webkit-appearance: none;
    outline: none;
    appearance: none;
    width: 100%;
    height: 1.05rem;
    line-height: 1.05rem !important
}

.account-form .disabled-data span {
    background: #c1c1c1 !important
}

.account-form .placeholder-mdi {
    color: #757575
}

.account-form .mc-date-input {
    position: relative;
    height: 1.05rem
}

.account-form .mc-date-input span {
    display: inline-block;
    top: 0;
    left: calc(3em - .02rem);
    height: 1.05rem;
    border-top-right-radius: .15rem;
    border-bottom-right-radius: .15rem;
    width: calc(100% - .95rem);
    line-height: 1.05rem !important;
    background: #efefef;
    position: absolute;
    z-index: 1;
    padding: 0 .25rem 0 .05rem
}

.account-form .account-icon {
    position: absolute;
    color: #0ec0f0;
    top: 50%;
    transform: translate(50%, -50%)
}

.account-form .account-b {
    position: absolute;
    top: 50%;
    height: 70%;
    width: .02rem;
    left: .85rem;
    transform: translate(35%, -50%);
    border: 1px solid #949494
}

.account-form svg.txt-svg {
    position: absolute;
    top: .525rem;
    left: 1.5em;
    transform: translate(-50%, -50%);
    color: #a5a5a5;
    z-index: 9
}

.account-form svg.txt-svg.birth {
    color: transparent
}

.account-form .eye-group {
    position: absolute;
    right: .5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .44rem;
    height: .44rem
}

.account-form .inputSelect .inputBase {
    padding: 0 1rem
}

.account-form .add-picker {
    border: .03rem solid #ccc
}

.account-form input {
    padding-left: 3em;
    padding-right: .25rem;
    height: 1.05rem;
    background-color: #efefef;
    outline: none;
    color: #333;
    border: .03rem solid transparent;
    border-radius: .15rem;
    vertical-align: middle;
    transition: all .15s ease-in;
    position: relative
}

.account-form input::placeholder {
    font-size: .31rem;
    color: #a1a1a1 !important
}

.account-form input:focus {
    outline: none;
    border-color: #3879d9;
    box-shadow: inset 0 1px .02rem rgba(0, 0, 0, .075), 0 0 .05rem rgba(81, 167, 232, .5)
}

.account-form .account-errors strong {
    color: #e4393c;
    font-size: .31rem;
    line-height: .5rem;
    font-weight: 400
}

.account-form .account-btn {
    border: 1px solid #efefef;
    border-radius: .1rem;
    width: 100%
}

.account-form .hide-data {
    position: absolute;
    width: calc(100% - .9rem);
    background: #efefef;
    display: inline-block;
    font-family: sans-serif;
    color: #757575;
    left: .93rem;
    padding-left: .03rem;
    padding-right: .25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1rem;
    line-height: 1rem;
    border-top-right-radius: .15rem;
    border-bottom-right-radius: .15rem;
    pointer-events: none;
    z-index: 9;
    overflow: hidden
}

.account-form .hide-data-svg:before {
    content: "";
    width: .92rem;
    height: .99rem;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    background: #efefef;
    z-index: 8;
    left: .02rem;
    border-top-left-radius: .15rem;
    border-bottom-left-radius: .15rem
}

.account-form .hide-data-focus.hide-data-svg:before {
    display: none
}

.account-form .disabled-data .hide-data,
.account-form .disabled-data.hide-data-svg:before {
    background: #c1c1c1;
    height: 100%
}

.account-form .disabled-data.hide-data-svg:before {
    left: 0;
    width: .95rem
}

.account-form .disabled-data .hide-data {
    width: calc(100% - .92rem)
}

.account-form .account-tip .tip-title {
    color: #49a3f6;
    font-size: .32rem;
    font-weight: 400;
    margin-top: .02rem
}

.account-form .account-tip .tip-content {
    margin: .27rem 0;
    color: #757575;
    font-size: .24rem;
    font-weight: 400
}

.accelerate-wrapper {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: column
}

.accelerate-wrapper .accelerate-content-wrapper {
    padding: .3rem .6rem;
    flex: 1 1 0%
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery {
    display: flex;
    justify-content: center;
    align-items: center;
    border: .02rem dashed hsla(0, 0%, 46%, .4);
    min-height: 3rem;
    position: relative;
    border-radius: .2rem;
    background: #efefef
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .inputfile {
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .upload-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: hsla(0, 0%, 46%, .4);
    font-size: .27rem;
    align-items: center;
    padding: 0 .57rem
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .upload-container svg {
    width: 1rem;
    height: 1rem
}

.accelerate-wrapper .accelerate-content-wrapper .intergallery .upload-img {
    border-radius: .15rem;
    display: block;
    max-height: 2.58rem;
    max-width: 100%;
    object-fit: contain;
    margin-top: .1rem
}

.accelerate-wrapper .accelerate-content-wrapper .show-img {
    position: relative;
    max-width: calc(100% - .57rem)
}

.accelerate-wrapper .accelerate-content-wrapper .show-img svg {
    width: .46rem;
    height: .46rem;
    top: -.2rem;
    right: -.2rem;
    position: absolute
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item {
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item .item-title {
    color: #333;
    font-size: .28rem;
    text-align: left
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item .remark-textarea {
    padding: .23rem .28rem;
    border-radius: .2rem;
    border: 1.6px solid rgba(58, 106, 211, 0);
    background: #efefef;
    min-height: 3rem;
    font-size: .26rem;
    color: #333
}

.accelerate-wrapper .accelerate-content-wrapper .remark-item .remark-textarea::placeholder {
    color: #999
}

.accelerate-wrapper .accelerate-content-footer {
    padding: 0 .6rem .45rem;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.accelerate-wrapper .accelerate-content-footer .footer-tip {
    color: #999;
    font-size: .26rem;
    text-align: center
}

.accelerate-wrapper .accelerate-content-footer .submit-button {
    border-radius: .15rem;
    background: linear-gradient(270deg, #ff3a3e, #ff1e30);
    box-shadow: 0 .1rem .2rem 0 rgba(255, 0, 16, .4);
    height: .94rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .36rem;
    border: none
}

.accelerate-wrapper .accelerate-content-footer .submit-button.am-button-disabled {
    background: #c9c9c9;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 71%, .3);
    color: #fff
}

.tabPane-tips {
    width: 100%;
    height: .9rem;
    line-height: .9rem;
    display: flex
}

.tabPane-tips a {
    margin: .15rem
}

#uesport .usprot-voucherFilter {
    display: flex;
    text-align: center;
    height: 1rem;
    align-items: center;
    line-height: 1rem;
    width: 100%
}

#uesport .usprot-voucherFilter a {
    font-size: .24rem;
    color: #888;
    line-height: 1;
    padding: 0 1em !important;
    width: 42.5%;
    margin: 0 !important;
    margin-left: 5% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    flex-shrink: 1;
    height: .57rem;
    border: .02rem solid #eeeeef;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem
}

.tabPane-tips a:first-child {
    margin-left: .35rem
}

.tabPane-span {
    font-size: .28rem
}

.other {
    margin-bottom: .45rem
}

.other .am-card {
    padding-bottom: 0
}

.am-tabs-tabpane-active .am-card-body {
    background-color: #fff !important;
    min-height: 1.92rem;
    border-top: 0
}

.card-header {
    height: .8rem;
    line-height: .8rem;
    position: relative;
    width: 100%
}

.people_svg {
    float: left;
    width: 25%;
    position: relative
}

.card-header div:first-child {
    height: 100%;
    float: left;
    font-size: .32rem;
    font-weight: 700
}

.card-header .time {
    margin-right: .15rem;
    height: 100%;
    float: right
}

.card-header-span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.2;
    max-width: 50%;
    word-break: break-all
}

.am-tabs-tabpane-active .card-body {
    background: #f6f6f6 !important
}

.card-body p {
    min-width: .7rem;
    width: 100%;
    line-height: .7rem;
    padding-left: .2rem
}

.card-body p span {
    float: left;
    width: 35%
}

.card-body p span:first-child {
    width: 60%;
    margin-right: .1rem
}

.card-footer {
    min-height: .8rem;
    height: 1.8rem;
    margin-top: .1rem
}

.card-footer ul {
    padding-left: .2rem;
    height: 100%;
    width: 100%;
    display: flex
}

.card-footer ul li {
    float: left;
    width: 40%;
    height: .4rem;
    text-align: center;
    line-height: .4rem
}

.card-footer ul li:first-child {
    width: 30%;
    text-align: left
}

.card-footer ul li:last-child {
    width: 20%
}

.requestedAmount {
    color: #ff3115;
    font-size: .32rem
}

.am-tabs-tabpane-active .records-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #dedede;
    height: .75rem;
    padding-bottom: .3rem;
    line-height: .75rem;
    font-size: .31rem;
    font-weight: 700;
    padding-left: .5rem;
    z-index: 9999
}

.records-footer span:last-child {
    float: right;
    margin-right: 1rem
}

.baseLine {
    height: 2rem;
    line-height: 1.5rem;
    font-size: .32rem;
    color: #979797;
    text-align: center;
    padding-bottom: 1rem
}

.hrLine {
    vertical-align: middle;
    display: inline-block
}

.hrLine.one {
    width: 1.5rem;
    margin-right: .15rem
}

.hrLine.two {
    width: 1.5rem;
    margin-left: .15rem
}

.empty-container {
    text-align: center
}

.empty-text {
    display: inline-block;
    font-weight: 500
}

.col2 {
    color: #00c81c
}

.col3 {
    color: #fd452a
}

.col5 {
    color: #494949
}

.deposit-record-root .deposit-id {
    display: flex;
    align-items: center
}

.deposit-record-root .deposit-id svg {
    margin-left: .1rem;
    fill: #999
}

.vou-record-item .am-card {
    border: none;
    border-bottom: .02rem solid #dedede
}

.vou-record-item .am-card .am-card-body {
    padding: .38rem .32rem .24rem
}

.vou-record-item .am-card .am-card-body .card-body {
    border-radius: .2rem
}

.vou-record-item .am-card .am-card-body .card-footer {
    margin-top: .2rem
}

.vou-record-item .card-header-wrapper {
    display: flex;
    flex-direction: column
}

.vou-record-item .card-header-wrapper .card-header {
    height: auto;
    min-height: .4rem;
    line-height: normal;
    margin-bottom: .15rem;
    gap: .15rem
}

.vou-record-item .card-header-wrapper .card-header .card-header-span {
    font-size: .32rem;
    font-weight: 400;
    float: none;
    position: relative;
    transform: none;
    max-width: none;
    flex: 1 1 0%
}

.vou-record-item .card-header-wrapper .card-header .time {
    font-size: .28rem;
    font-weight: 500;
    width: auto;
    margin-right: 0;
    float: none
}

.vou-record-item .card-header-wrapper .header-bottom {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .36rem
}

.vou-record-item .card-header-wrapper .header-bottom .acceleration-btn {
    height: .6rem;
    padding: 0 .33rem;
    border-radius: .54rem;
    background: #108ee9;
    box-shadow: 0 .04rem .08rem 0 rgba(16, 142, 233, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .28rem;
    width: -webkit-max-content;
    width: max-content;
    line-height: normal
}

.vou-record-item .card-header-wrapper .header-bottom .acceleration-btn.am-button-disabled {
    background: #c9c9c9 !important;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 71%, .3);
    color: #fff !important
}

.tabPane-tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    display: flex;
    background: #f0f0f0;
    border-bottom: 1px solid #ebebeb;
    z-index: 1
}

.tabPane-tips a {
    margin: .15rem
}

.tabPane-tips a:first-child {
    margin-left: .35rem
}

.tabPane-span {
    font-size: .28rem
}

.filter-tabPane-btn {
    color: #108ee9;
    display: inline-block;
    height: .6rem;
    line-height: .6rem;
    margin: 0 .1rem;
    border-radius: .1rem;
    white-space: nowrap;
    padding: 0 .2rem;
    border: 1px solid #108ee9
}

.popUp-span {
    position: absolute;
    right: -.03rem;
    top: -.05rem
}

.mc-profitLoss-record-root .mc-filter-container {
    position: fixed !important;
    top: 1rem
}

.mc-trans-record-container.voucher .records-root {
    border: none;
    margin-bottom: 0
}

.mc-trans-record-container.voucher .card-footer {
    height: auto
}

.mc-trans-record-container.voucher .am-card {
    border: .02rem solid #dedede;
    border-top: none
}

.mc-trans-record-container.voucher .card-footer li {
    height: auto;
    min-height: .4rem
}

.tabPane-tips.voucher-report-tab .am-flexbox.am-flexbox-align-middle {
    justify-content: space-between;
    height: 100%;
    padding: 0 .3rem;
    gap: .3rem
}

.tabPane-tips.voucher-report-tab .am-flexbox.am-flexbox-align-middle a:first-child {
    margin: 0
}

.tabPane-tips.voucher-report-tab .am-flexbox.am-flexbox-align-middle .filter-tabPane-btn {
    margin: 0
}

.am-tabs-tabpane-active .records-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #fff;
    border-top: 1px solid #dedede;
    height: .75rem;
    padding-bottom: .3rem;
    line-height: .75rem;
    font-size: .31rem;
    font-weight: 700;
    padding-left: .5rem;
    z-index: 9999
}

.show {
    display: block
}

.hide {
    display: none !important
}

.records-footer span:last-child {
    float: right;
    margin-right: 1rem
}

.baseLine {
    height: 2rem;
    line-height: 1.5rem;
    font-size: .32rem;
    color: #979797;
    text-align: center;
    padding-bottom: 1rem
}

.hrLine {
    vertical-align: middle;
    display: inline-block
}

.hrLine.one {
    width: 1.5rem;
    margin-right: .15rem
}

.hrLine.two {
    width: 1.5rem;
    margin-left: .15rem
}

.records-root .remark {
    margin: 0 .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 65%
}

.widthMoney {
    color: #f7472c
}

.widthId,
.widthMoney {
    font-size: .32rem;
    font-weight: 700
}

.widthId {
    color: #02e0b6
}

.color1 {
    color: #494949
}

.color2 {
    color: #00c81c
}

.color3 {
    color: #ff3115
}

.color4 {
    color: #00c81c
}

.color5 {
    color: #ff3115
}

.color7 {
    color: #04cae8
}

.records-root .remark.true p {
    display: block
}

.width p {
    margin: 0
}

.withdraw-detail-list .records-root {
    margin-bottom: 0;
    border: none
}

.withdraw-detail-list .records-root .am-card {
    border: initial;
    border-bottom: .02rem solid #dedede;
    background: #fff;
    padding-bottom: 0;
    border-radius: 0
}

.withdraw-detail-list .records-root .am-card-body {
    display: flex;
    flex-direction: column;
    padding: .38rem .32rem
}

.withdraw-detail-list .records-root .am-card-body .card-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: .36rem;
    line-height: normal;
    align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: .1rem
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1 1 0%
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header:before {
    content: "";
    width: .32rem;
    height: .32rem;
    padding-right: .1rem;
    background: url(/mobile/mc/ewallet-icon.0eb5060b.png) no-repeat 50%/contain
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header.BC:before {
    background: url(/mobile/mc/bank-icon.1df25838.png) no-repeat 50%/contain
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header.VW:before {
    background: url(/mobile/mc/virtual-icon.6f3e3a93.png) no-repeat 50%/contain
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header .card-title {
    font-size: .32rem;
    color: #333;
    flex: 1 1 0%;
    word-break: break-word
}

.withdraw-detail-list .records-root .am-card-body .card-header .wr-card-header .card-time {
    font-size: .28rem;
    font-weight: 400;
    color: #333
}

.withdraw-detail-list .records-root .am-card-body .card-body {
    display: flex;
    flex-direction: column;
    border-radius: .2rem;
    background: #f6f6f6;
    padding: 0 .2rem
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item {
    display: flex;
    align-items: center;
    color: #333;
    font-size: .28rem;
    min-height: .7rem;
    gap: .1rem
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item.show-remark {
    background: #000;
    color: #fff;
    padding: .1rem;
    white-space: pre-wrap;
    line-height: 1.4;
    border-radius: .1rem
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item .card-title {
    position: relative
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item .card-title:after {
    content: "\FF1A"
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item .card-num {
    word-break: break-word
}

.withdraw-detail-list .records-root .am-card-body .card-body .card-item .card-num.remark {
    flex: 1 1 0%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    max-width: none;
    margin: 0
}

.withdraw-detail-list .records-root .am-card-body .card-footer {
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
    min-height: 0;
    height: auto;
    gap: .1rem
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    font-size: .3rem
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item.status {
    flex: 1 1 0%;
    align-items: flex-end;
    text-align: right
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item .card-title {
    color: #333
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item .card-num {
    word-break: break-word
}

.withdraw-detail-list .records-root .am-card-body .card-footer .card-item .card-num.amount {
    color: #ff3115;
    font-size: .32rem;
    font-weight: 400
}

.records-root {
    font-size: .32rem;
    margin-bottom: .3rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede
}

.record-time {
    left: 0 !important;
    margin: .1rem;
    right: .2rem
}

.record-time .am-popover-inner-wrapper {
    background: #000;
    padding: .1rem;
    color: #fff
}

.record-time .am-popover-arrow {
    background: #000
}

.records-list-root .time {
    font-size: .28rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width: 3.8rem
}

.records-list-root .time.true p {
    display: block
}

.records-list-root .time p {
    background: #000;
    color: #fff;
    padding: .1rem;
    position: absolute;
    white-space: pre-wrap;
    display: none;
    left: 0 !important;
    line-height: 1.4;
    border-radius: .1rem;
    z-index: 888;
    margin: .1rem;
    right: .2rem
}

.records-item-header {
    padding: .14rem .4rem;
    height: .7rem;
    line-height: .7rem;
    background: #fff
}

.am-icon-coin-yen {
    position: relative;
    top: .08rem;
    margin-right: .15rem;
    color: #3a86f7
}

.records-item-content {
    font-size: .28rem;
    background: rgba(0, 0, 0, .05)
}

.records-list-root .line {
    height: .8rem;
    line-height: .8rem;
    padding: 0 .4rem;
    font-size: .25rem
}

.records-list-root .line-large {
    height: 1rem;
    margin-top: .1rem;
    padding: 0 .4rem
}

.records-list-root .line-large .am-flexbox {
    line-height: .45rem
}

.withdraw-report .records-footer {
    height: .8rem;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 .5rem;
    background: #fff;
    justify-content: space-between
}

.withdraw-report .am-flexbox.am-flexbox-align-middle.mc-trans-filter {
    width: 100%;
    justify-content: flex-start;
    height: .9rem;
    border-bottom: .02rem solid #ebebeb;
    background: #f0f0f0;
    box-shadow: none
}

.withdraw-report .am-flexbox.am-flexbox-align-middle.mc-trans-filter .am-button-small {
    margin-right: .6rem
}

.agentDivident .myDividend {
    position: relative
}

.myDividend .am-whitespace {
    background-color: #f5f5f5
}

.agentDivident .block-container {
    height: 1.25rem
}

.periodic-total-bet {
    width: 27%
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.banner.bet,
.banner.salary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.agentDivident .banner {
    height: 1.1rem;
    position: relative;
    padding-left: 0 !important
}

.agentDivident .banner.bg1 {
    background: #fc8461;
    background: -moz-linear-gradient(top, #fc8167 0, #fe7288 20%, #ff72a8 100%);
    background: -webkit-linear-gradient(top, #fc8167, #fe7288 20%, #ff72a8);
    background: linear-gradient(180deg, #fc8167 0, #fe7288 20%, #ff72a8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg12 {
    background: #fc8461;
    background: -moz-linear-gradient(top, #fcba66 0, #fcba66 20%, #fa8866 100%);
    background: -webkit-linear-gradient(top, #fcba66, #fcba66 20%, #fa8866);
    background: linear-gradient(180deg, #fcba66 0, #fcba66 20%, #fa8866)
}

.agentDivident .banner.bg2,
.agentDivident .banner.bg12 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg2 {
    background: #fcba66;
    background: -moz-linear-gradient(top, #fcba66 0, #fcba66 20%, #fa8866 100%);
    background: -webkit-linear-gradient(top, #fcba66, #fcba66 20%, #fa8866);
    background: linear-gradient(180deg, #fcba66 0, #fcba66 20%, #fa8866)
}

.agentDivident .banner.bg3 {
    background: #a356f7;
    background: -moz-linear-gradient(top, #b556f4 0, #9657f9 20%, #8065fd 100%);
    background: -webkit-linear-gradient(top, #b556f4, #9657f9 20%, #8065fd);
    background: linear-gradient(180deg, #b556f4 0, #9657f9 20%, #8065fd)
}

.agentDivident .banner.bg3,
.agentDivident .banner.bg4 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg4 {
    background: #3af0ac;
    background: -moz-linear-gradient(top, #3bf0aa 0, #2eeabb 20%, #22e4cb 100%);
    background: -webkit-linear-gradient(top, #3bf0aa, #2eeabb 20%, #22e4cb);
    background: linear-gradient(180deg, #3bf0aa 0, #2eeabb 20%, #22e4cb)
}

.agentDivident .banner.bg5 {
    background: #049cf0;
    background: -moz-linear-gradient(top, #2da7df 0, #3993d2 20%, #1d6bdf 100%);
    background: -webkit-linear-gradient(top, #2da7df, #3993d2 20%, #1d6bdf);
    background: linear-gradient(180deg, #2da7df 0, #3993d2 20%, #1d6bdf)
}

.agentDivident .banner.bg5,
.agentDivident .banner.bg6 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg6 {
    background: #f0b6e7;
    background: -moz-linear-gradient(top, #f0a7df 0, #f093d2 20%, #e46bdf 100%);
    background: -webkit-linear-gradient(top, #f0a7df, #f093d2 20%, #e46bdf);
    background: linear-gradient(180deg, #f0a7df 0, #f093d2 20%, #e46bdf)
}

.agentDivident .banner.bg7 {
    background: #1efff3;
    background: -moz-linear-gradient(top, #1efff3 0, #2df0ea 20%, #07d6f5 100%);
    background: -webkit-linear-gradient(top, #1efff3, #2df0ea 20%, #07d6f5);
    background: linear-gradient(180deg, #1efff3 0, #2df0ea 20%, #07d6f5)
}

.agentDivident .banner.bg7,
.agentDivident .banner.bg8 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg8 {
    background: #94ff7b;
    background: -moz-linear-gradient(top, #44ff73 0, #18ff11 20%, #12ff62 100%);
    background: -webkit-linear-gradient(top, #44ff73, #18ff11 20%, #12ff62);
    background: linear-gradient(180deg, #44ff73 0, #18ff11 20%, #12ff62)
}

.agentDivident .banner.bg9 {
    background: #c529ff;
    background: -moz-linear-gradient(top, rgba(210, 84, 255, .96) 0, #c529ff 20%, #b42dff 100%);
    background: -webkit-linear-gradient(top, rgba(210, 84, 255, .96), #c529ff 20%, #b42dff);
    background: linear-gradient(180deg, rgba(210, 84, 255, .96) 0, #c529ff 20%, #b42dff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.agentDivident .banner.bg110 {
    background: #76c2fe;
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: -webkit-gradient(linear, left top, left bottom, from(#76c2fe), color-stop(20%, #76c2fe), to(#6d81fe));
    background: -o-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.agentDivident .banner .title {
    padding: .05rem;
    letter-spacing: 0;
    font-size: .28rem;
    line-height: unset;
    height: auto;
    flex: 0 0 25%;
    top: 0
}

.agentDivident .banner .money {
    height: 100%;
    flex: 0 0 75%;
    line-height: 1rem
}

.card-grid {
    display: flex;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: .25rem
}

.card-grid .tab {
    width: 100%;
    border: 1px solid #fefefe;
    position: relative;
    min-height: 2rem
}

.grid-container {
    background: #fff;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    padding: .12rem .2rem .2rem;
    border-radius: .2rem
}

.grid-title {
    padding-left: .3rem;
    color: gray;
    font-size: .3rem;
    position: relative;
    padding-bottom: .3rem
}

.grid-title:after {
    content: "";
    position: absolute;
    width: .1rem;
    background: #23e63a;
    left: 0;
    top: .02rem;
    height: .3rem
}

.grid-content {
    background: #f5f5f5;
    padding: .3rem .2rem
}

.grid-header {
    padding-bottom: .24rem
}

.grid-body span,
.grid-header span {
    display: inline-block;
    text-align: left;
    font-weight: 400;
    min-width: 25%;
    line-height: 1.5
}

.grid-header span {
    font-size: .24rem;
    vertical-align: middle;
    color: #a6a6a6;
    line-height: 1
}

.agentDivident .searchTwo {
    width: 100%;
    height: 1rem;
    background: #e9e9e9;
    margin-top: -.15rem;
    overflow: hidden
}

.agentDivident .propsBox {
    margin: .15rem .1rem;
    line-height: 1rem;
    height: 100%;
    display: flex
}

.agentDivident .propsBox>* {
    flex-shrink: 1;
    flex-grow: 1
}

.propsBox a {
    float: left;
    margin-top: .12rem
}

.searchTwo a {
    padding: 0 .03rem
}

.searchTwo a:first-child {
    margin-right: .15rem
}

.searchTwo a:nth-child(2) {
    margin-right: .15rem
}

.searchTwo a:last-child {
    margin-left: .15rem;
    white-space: nowrap
}

.agentDivident .tabPane-span {
    font-size: .26rem;
    display: flex;
    align-items: center;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: left;
    line-height: 1
}

.agentDivident .tabPane-span svg {
    width: .18rem;
    margin-left: .11rem
}

.card-box {
    margin: .1rem .15rem;
    margin-top: .2rem
}

.card-box .card-header-people {
    width: .5rem;
    height: .5rem;
    margin-right: .1rem
}

.card-box .card-text {
    position: absolute;
    top: -.1rem;
    font-size: .3rem
}

.card-details {
    margin-bottom: .3rem
}

.card-box .card-header div:last-child {
    margin-top: -.1rem
}

.card-box .card-body.downline_divide_body {
    height: auto;
    line-height: normal;
    min-height: .95rem;
    display: flex;
    align-items: center
}

.card-box .card-footer ul li {
    height: auto
}

.card-box .card-footer ul li:last-child {
    width: 25%;
    height: auto
}

.downline_divide_body p {
    display: flex;
    justify-content: space-between
}

.settlementDate {
    width: auto !important
}

.downline_divide_body p span {
    width: auto !important;
    margin-right: .1rem
}

.card-box .card-header div.lastDiv {
    width: 48%;
    margin-top: -.1rem;
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.card-box .card-header div.lastDiv span {
    display: inline-block;
    width: auto
}

.card-box .card-header div.lastDiv span.b {
    margin-left: .2rem;
    margin-right: .2rem;
    width: 1px;
    height: 45%;
    border-right: 1px solid #747474
}

.card-box .card-header div.lastDiv span.payout {
    color: #025fee
}

.card-box .card-body {
    height: .95rem;
    line-height: .95rem
}

.agentDivident .tips {
    font-size: .32rem;
    text-align: center;
    font-weight: 600;
    margin-top: .15rem
}

.dividendAmount {
    color: #f6573a
}

.dividendAmount,
.rate {
    font-weight: 700;
    font-size: .33rem
}

.rate {
    color: #23deb8
}

.agentDivident .searchThere {
    margin: .1rem .15rem 0 .12rem
}

.agentDivident .switch-box {
    color: #636363;
    font-size: .26rem;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-width: 3.2rem;
    display: flex;
    align-items: center
}

.agentDivident .switch-box span {
    float: left
}

.agentDivident .agrg-downline-type .mc-switch {
    margin: 0 .2rem
}

.agentDivident .switch-box span.agrg-downline-cname {
    line-height: .3rem
}

.agentDivident .grid-header span {
    white-space: normal;
    max-width: 1.65rem
}

.agentDivident .grid-body span {
    max-width: 1.65rem;
    font-weight: 700;
    font-size: .28rem;
    color: #7c7c7c
}

.contract .am-card {
    min-height: auto;
    padding-bottom: 0
}

.contract .am-card .am-card-body {
    padding: .15rem .1rem .08rem
}

.contract .card-header {
    display: flex;
    justify-content: space-between;
    gap: .1rem
}

.contract .card-header .card-header-people {
    width: .5rem;
    height: .5rem;
    color: #46bcf2;
    margin-right: .1rem
}

.contract .card-header .people_svg {
    float: none;
    display: flex;
    align-items: center;
    width: 35%
}

.contract .card-text {
    flex: 1 1 0%;
    font-size: .33rem
}

.agentDivident .startContract {
    color: #2f68f8;
    font-size: .33rem;
    z-index: 10
}

.agentDivident .startContract a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10
}

.contractHeader {
    position: relative;
    font-size: .4rem;
    font-weight: 700;
    color: #202020;
    margin-bottom: .25rem;
    margin-top: .25rem
}

.contractPeople {
    position: absolute;
    left: .03rem;
    top: 0;
    color: #46bcf2
}

.contractText {
    display: inline-block;
    padding-left: .5rem;
    word-break: break-word
}

.contractCross {
    position: absolute;
    right: .03rem;
    top: -.05rem
}

.contract-tips {
    color: red;
    font-size: .31rem;
    margin-top: .3rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.popup-header {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: .26rem;
    padding: .1rem 0;
    font-weight: 700;
    text-align: center
}

.popup-header span {
    min-height: .58rem
}

.popup-container {
    white-space: nowrap;
    font-size: .26rem;
    text-align: left
}

.list-popup-container,
.popup-container {
    width: 100%;
    height: 1rem;
    padding: .1rem 0;
    line-height: .8rem;
    font-weight: 700;
    background: #fff
}

.list-popup-container {
    font-size: .3rem;
    text-align: center
}

.del-icon {
    text-align: center;
    width: 1.1rem !important
}

.devidend-container {
    position: absolute;
    display: inline-block
}

.devidend-container.input-container {
    display: inline-block;
    text-align: center;
    width: 20%;
    margin: 0 .1rem;
    height: 100%;
    color: #868686
}

.list-popup-container .activeMember,
.list-popup-container .contractRate {
    width: 1.1rem
}

.table-container .list-popup-container .icon-span {
    width: 12%;
    display: inline-block;
    height: 100%;
    color: #0570cd;
    z-index: 10
}

.popup-container .input-container {
    display: inline-block;
    text-align: left;
    width: 20%;
    height: 100%;
    color: #868686
}

.popup-container .activeMember {
    width: 17%
}

.popup-container .contractRate {
    width: 15%
}

.table-container .dividentList-container {
    min-height: 7.5rem;
    width: 100%
}

.table-container .popup-container .icon-span {
    width: 20%;
    display: inline-block;
    height: 100%;
    color: #0570cd;
    z-index: 10
}

.popup-container span .span-icon {
    vertical-align: sub
}

.popup-container input {
    display: inline-block;
    width: 21%;
    margin: 0 .1rem;
    vertical-align: top;
    height: .5rem;
    outline: none;
    padding: 0 .1rem;
    text-align: left;
    border: none;
    background: #eee;
    color: #868686;
    border-radius: .2rem
}

.popup-container input[name=activeMember],
.popup-container input[name=contractRate] {
    width: 15%
}

.dividend-tips {
    position: relative;
    height: .75rem
}

.table-container .dividend-tips .arrow-top {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    top: 0;
    right: 17%
}

.table-container .dividend-tips .new-tips {
    top: .14rem
}

.popup-container input:focus {
    outline: none;
    border: .03rem solid #3879d9
}

.card-details.contract .spantime {
    width: 65%;
    margin-right: .3rem
}

.card-details.contract .spandetails {
    width: unset;
    color: #108ee9;
    position: relative;
    float: right;
    z-index: 10;
    margin-right: .5rem
}

.popup-header span {
    display: inline-block;
    width: 1.78rem;
    height: 100%;
    padding: .14rem 0;
    color: #868686;
    white-space: normal;
    vertical-align: middle
}

.popup-header .activeMember,
.popup-header .contractRate {
    width: 1.3rem
}

.popup-header span:last-child {
    text-align: center;
    width: 1.3rem !important
}

.list-box {
    height: .85rem
}

.searchTwo .popup-list {
    min-height: 8rem;
    background: #f6f6f6
}

.devidend-add-icon {
    position: relative;
    margin: 0;
    width: 12%;
    padding-left: .1rem;
    display: inline-block;
    height: 100%
}

.devidend-add-icon svg {
    position: absolute;
    margin-left: .25rem
}

.popup-list .addTerms {
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #2f68f8;
    margin-bottom: .5rem
}

.popup-list .addTermsBody {
    background: #f8f8fc;
    border-top: 1px solid #ccc;
    padding-top: .2rem
}

.popup-list .addTermsBody .list {
    position: relative
}

.popup-list .addTermsBody input {
    background: #f1f1f1;
    margin-bottom: .3rem;
    border-radius: .1rem;
    outline: none
}

.popup-list .addTermsBody .list span {
    position: absolute;
    bottom: .02rem;
    left: .05rem;
    color: red;
    font-weight: 700;
    font-size: .32rem
}

.poplist-footer {
    padding-top: .2rem;
    padding-bottom: 1rem;
    width: 100%;
    bottom: 0
}

.poplist-footer>a {
    width: 40%;
    margin: 0 .1rem
}

.sigin-footer>a {
    margin: 0 .1rem
}

.poplist-footer a.footer-button {
    background: #da3e34;
    color: #fff;
    border: 0
}

.poplist-footer a.footer-button:active {
    background: red
}

.tips {
    color: red;
    font-size: .28rem;
    font-weight: 700
}

.card-details .card-header div.endContract {
    flex: 1 1 0%;
    color: #0a98f8;
    font-size: .3rem;
    width: auto;
    position: relative;
    white-space: nowrap;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.card-details .card-header div.endContract span {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: middle;
    white-space: normal;
    line-height: 1;
    flex: initial
}

.card-details:not(.CN) .card-header div.endContract span {
    font-size: .24rem;
    color: red
}

.card-details .card-header span {
    display: inline-block;
    flex: 1 1 0%
}

.card-details .card-header b {
    width: 1px;
    height: 45%;
    border-right: 1px solid #747474;
    margin-left: .2rem;
    margin-right: .2rem
}

.card-details.contract .card-body {
    border-bottom: 0
}

.card-details.contract .protocolDetails {
    min-height: .6rem;
    background: #e8e7ed;
    color: #848484;
    overflow-x: scroll
}

.card-details.contract .protocolDetails .header {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    display: flex;
    align-items: center;
    min-height: .6rem
}

.card-details.contract .protocolDetails .header p {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center
}

.card-details.contract .protocolDetails.periodicBets .header p {
    width: 25%
}

.card-details.contract .protocolDetails .details {
    width: 100%;
    white-space: nowrap;
    height: 100%;
    overflow-x: scroll
}

.card-details.contract .protocolDetails .details p {
    display: inline-block;
    width: 20%;
    font-weight: 700;
    text-align: center
}

.card-details.contract .protocolDetails.periodicBets .details p {
    width: 25%
}

.col6 {
    color: #0a98f8 !important
}

.col4 {
    color: #23deb8 !important
}

.spandetails b {
    font-weight: 500;
    font-size: .31rem
}

.status-arrowDown {
    vertical-align: sub;
    margin-right: .05rem;
    width: .29rem;
    height: .29rem;
    position: absolute;
    top: .18rem
}

.divident-list-item {
    position: relative
}

.divident-list-item span {
    display: inline-block;
    width: 1.6rem;
    margin: 0 .1rem;
    position: relative
}

.divident-list-item span svg {
    top: -.3rem !important
}

.divident-list-item .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .005rem;
    width: 90%;
    background: #e7ebee;
    bottom: 0
}

.downline-item-toot {
    padding: .2rem .4rem;
    background: #fff;
    margin-top: .2rem
}

.downline-item-toot .user-info .user-name {
    margin-left: .2rem;
    font-weight: 600
}

.downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.downline-item-toot .start_contract {
    color: #108ee9;
    font-size: .3rem
}

.div-over {
    margin-top: 20%
}

.data-container {
    height: 6.5rem;
    overflow: hidden;
    overflow-y: scroll
}

.none-div {
    position: absolute;
    top: .92rem;
    left: 0;
    background: #d0e7e8;
    width: 100%;
    font-size: .32rem;
    font-weight: 700;
    height: 1.09rem;
    line-height: 1.09rem;
    text-align: center;
    z-index: 1000;
    color: #76777b
}

.myDividend .toggleStatus {
    display: inline-block
}

.agentDivident .banner .money.bks {
    color: blue;
    text-decoration: underline
}

.downline_divide_record {
    display: flex;
    justify-content: space-between
}

.mc-switch {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mc-switch,
.mc-switch .checkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.mc-switch .checkbox {
    width: 1.02rem;
    height: .62rem;
    border-radius: .62rem;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.popup-list {
    overflow-x: scroll;
    white-space: nowrap;
    max-height: 50vh;
    background: #fff
}

.mc-switch .checkbox:before {
    content: " ";
    position: absolute;
    left: .03rem;
    top: .03rem;
    width: .96rem;
    height: .56rem;
    border-radius: .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mc-switch .checkbox:after {
    content: " ";
    height: .56rem;
    width: .56rem;
    border-radius: .56rem;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: .03rem;
    top: .03rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21);
    box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21)
}

.mc-switch .checkbox.checkbox-disabled {
    z-index: 3
}

.mc-switch input[type=checkbox] {
    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
}

.mc-switch input[type=checkbox]:checked+.checkbox {
    background: #3b79f3
}

.mc-switch input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mc-switch input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.4rem);
    -ms-transform: translateX(.4rem);
    transform: translateX(.4rem)
}

.mc-switch input[type=checkbox]:disabled+.checkbox {
    opacity: .3
}

.mc-switch.mc-switch-android .checkbox {
    width: 1.44rem;
    height: .46rem;
    border-radius: .06rem;
    background: #a7aaa6
}

.mc-switch.mc-switch-android .checkbox:before {
    display: none
}

.mc-switch.mc-switch-android .checkbox:after {
    width: .7rem;
    height: .42rem;
    border-radius: .04rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: .02rem;
    top: .02rem
}

.mc-switch .checkbox.on:after {
    left: .43rem
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox {
    background: #108ee9
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.7rem);
    -ms-transform: translateX(.7rem);
    transform: translateX(.7rem)
}

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

.mc-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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

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

.agrg-downline {
    font-size: .3rem
}

.agrg-downline-up {
    background: #fff;
    padding: 0 .45rem;
    overflow: hidden
}

.agrg-downline-top {
    display: flex;
    height: .7rem;
    overflow: hidden;
    margin: .1rem 0
}

.agrg-downline-title {
    color: #000;
    line-height: .7rem;
    float: left
}

.agrg-downline-type {
    display: inline-block;
    height: .62rem;
    font-size: .3rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-left: .1rem
}

.agrg-downline-type .mc-switch {
    margin: 0 .25rem;
    float: left
}

.agrg-downline-cname {
    color: #666;
    line-height: .62rem;
    float: left
}

.agrg-downline-input {
    width: 100%;
    height: 1.04rem;
    margin: .2rem 0;
    background-color: #efefef;
    border-radius: .15rem;
    line-height: 1.04rem;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.agrg-downline-input input:focus {
    outline: none;
    border: .02rem solid #3879d9;
    box-shadow: inset 0 1px .02rem rgba(0, 0, 0, .075), 0 0 .05rem rgba(81, 167, 232, .5)
}

.agrg-downline-input input {
    border: 0 none;
    background: none;
    border-radius: .15rem;
    width: 100%;
    height: 100%;
    padding: 0 .25rem
}

.agrgic-downline-select {
    display: block;
    width: .86rem;
    background: #3b79f3;
    line-height: 0;
    padding: .3rem .21rem;
    position: absolute;
    right: 0;
    top: 0
}

.agrg-downline-sub {
    margin: .1rem .45rem;
    background: #eb4641 !important;
    color: #fff !important;
    border-radius: .15rem
}

.agent-register-tab .am-tabs-bar .am-tabs-tab {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
    background: #3b79f3
}

.dividend-rate {
    color: #4c84f8 !important;
    font-weight: 700 !important
}

.dg-tips-container {
    position: relative
}

.dg-tips-container svg {
    position: relative;
    top: .04rem;
    margin-left: .06rem;
    width: .3rem;
    height: .3rem
}

.dg-tips {
    position: absolute;
    color: #fff;
    border-radius: .1rem;
    background: rgba(0, 0, 0, .8);
    padding: .1rem;
    margin-top: .1rem;
    min-width: 2.4rem
}

.agent-divident-container,
.contract-wrapper {
    display: flex;
    flex-flow: column;
    height: 100vh
}

.agent-divident-container .contract-list-wrapper,
.contract-wrapper .contract-list-wrapper {
    flex-grow: 1;
    display: flex;
    flex-flow: column
}

.agent-divident-container .contract-list-wrapper .devidend-container,
.contract-wrapper .contract-list-wrapper .devidend-container {
    display: flex;
    flex-flow: column;
    position: relative;
    flex-grow: 1
}

.agent-divident-container .contract-list-wrapper .devidend-container .popup-list,
.contract-wrapper .contract-list-wrapper .devidend-container .popup-list {
    flex-grow: 1;
    direction: ltr
}

.agent-divident-container .contract-list-wrapper .devidend-container .popup-list .dividentList-container,
.contract-wrapper .contract-list-wrapper .devidend-container .popup-list .dividentList-container {
    flex-grow: 1;
    min-height: 0
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-header .list-title .contractPeople {
    position: relative
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-header .list-title .contractText {
    padding-left: 0
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-header .list-title svg {
    fill: #46bcf2
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content {
    display: flex;
    align-items: center;
    padding: .1rem .3rem
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .contractRate {
    width: 20%;
    word-wrap: break-word;
    text-align: left
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form {
    position: relative
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form input {
    background-color: #f5f5f5;
    height: .64rem;
    padding-left: .23rem;
    color: #646464;
    width: 75vw;
    border: none;
    border-radius: .08rem
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form .list-label {
    padding-left: .12rem
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form .new-tips {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .8rem;
    width: 75vw;
    padding: 0
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form .new-tips .tip-content {
    position: relative;
    padding: .1rem .3rem
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .modal-list-content .list-form .new-tips .tip-content:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    top: -.15rem;
    left: 0;
    right: 0;
    margin: auto
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .poplist-footer {
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem .2rem;
    padding-bottom: calc(.2rem + (var(--safe-area-inset-bottom, 0px)))
}

.item-more-popup.change-contract-wrapper .am-popup-slide-up .team-more-modal .poplist-footer a {
    margin: 0
}

.card-details.contract .protocolDetails.simple-detail {
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

.card-details.contract .protocolDetails.simple-detail .simple-content {
    display: flex;
    align-items: center
}

.card-details.contract .protocolDetails.simple-detail .simple-content .header {
    padding-left: .2rem
}

.card-details.contract .protocolDetails.simple-detail .simple-content .header p {
    width: auto
}

.simple-history .am-card {
    min-height: inherit
}

.simple-history .am-card .am-card-body .card-footer {
    height: auto;
    min-height: 0
}

.simple-history .am-card .am-card-body .card-footer ul {
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center
}

.simple-history .am-card .am-card-body .card-footer ul li {
    display: flex;
    justify-content: space-between;
    flex: 0 0 60%;
    height: auto;
    padding-right: .45rem;
    align-items: center
}

.simple-history .am-card .am-card-body .card-footer ul li:first-child {
    flex: 0 0 40%
}

.simple-history .am-card .am-card-body .card-footer ul li p {
    flex: 0 0 50%;
    text-align: right
}

.simple-history .am-card .am-card-body .card-footer ul li p:first-child {
    margin-right: .15rem;
    text-align: left
}

.mc-agent-total .select {
    display: flex;
    justify-content: space-between;
    font-size: .24rem
}

.mc-agent-total .select>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: .7rem
}

.mc-agent-total .select>div.range-select-container {
    justify-content: flex-end
}

.mc-agent-total .select>div .am-button-icon {
    color: #424242;
    border-color: #424242;
    height: .5rem;
    padding: 0 .2rem
}

.mc-agent-total .select>div .am-button-icon.am-button-active {
    background: unset;
    border-color: #424242
}

.mc-agent-total .select .issue {
    display: flex;
    align-items: center
}

.mc-agent-total .select .issue svg {
    color: #424242;
    width: .18rem;
    margin-left: .06rem
}

.mc-agent-total .bill-content,
.mc-agent-total .header-wrapper {
    background-color: #fff;
    padding: .26rem .3rem 0
}

.mc-agent-total .bill-content .dividend-list .title,
.mc-agent-total .header-wrapper .dividend-list .title {
    display: flex;
    position: relative
}

.mc-agent-total .header-wrapper {
    position: relative;
    padding-bottom: .26rem
}

.mc-agent-total .header-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .1rem;
    background-color: #f2f2f27f
}

.contract-list-wrapper .auto-fill-btn {
    margin-bottom: .2rem
}

.dividend-list {
    padding-top: .2rem
}

.dividend-list li.team-list .title {
    word-break: keep-all;
    text-align: left;
    width: inherit
}

.dividend-list .dl-content p {
    margin: 0 .3rem 0 0
}

.dividend-list .dl-content .link-blue {
    color: #3e6ffe
}

.dividend-list .dl-content .link-green {
    color: #4cb018
}

.dividend-list .dl-content .link-red {
    color: #fb5b5b
}

.dividend-list .dl-content .under-line {
    text-decoration: underline
}

.dividend-list p {
    margin-left: .1rem
}

.dividend-list .show-icon {
    position: absolute;
    left: -.4rem;
    display: block;
    width: .22rem;
    height: .22rem
}

.dividend-list .show-icon.unfold {
    background: url(/mobile/mc/unfold.93430f5d.png);
    background-size: 100% 100%
}

.dividend-list .show-icon.fold {
    background: url(/mobile/mc/fold.8bc00bc5.png);
    background-size: 100% 100%
}

.dividend-list .mark-info {
    position: absolute;
    right: .06rem;
    background: #514d62;
    bottom: .56rem;
    border-radius: .08rem;
    color: #fff;
    padding: .1rem;
    width: 3.5rem;
    text-align: center;
    display: none;
    word-break: break-all
}

.dividend-list .mark-info.show-tips {
    display: inline-block;
    z-index: 1;
    margin: 0
}

.dividend-list .mark-info:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.16rem;
    right: .1rem;
    border: .08rem solid transparent;
    border-top-color: #464358;
    opacity: .95
}

.dividend-list ul.show-more {
    background-color: #fafafa;
    max-height: 10rem;
    transition: max-height .25s
}

.dividend-list ul.hide-more {
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s
}

.dividend-list li {
    display: flex;
    color: #424242;
    justify-content: space-between;
    height: .65rem;
    align-items: center;
    border-bottom: 1px solid #ececec;
    font-size: .24rem;
    position: relative;
    padding-left: .6rem
}

.dividend-list li p {
    font-weight: 700;
    margin-top: .08rem
}

.dividend-list li.team-list {
    padding-left: 1.2rem
}

.dividend-list li.team-list>div,
.dividend-list li.team-list li,
.dividend-list li.team-list ul {
    width: 100%
}

.dividend-list li.team-list>div,
.dividend-list li.team-list li {
    display: flex;
    justify-content: space-between
}

.dividend-list li.team-list.dividend-service-fee .title-text {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: .36rem;
    height: .65rem
}

.dividend-list li.team-list.dividend-service-fee .title-text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .26rem;
    height: .26rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmb////6+vrKyspycnJpaWn39/fCwsKRkZGLi4vp6enh4eHd3d3W1tbU1NTOzs6/v7+xsbGvr69/f3+mZYvAAAAADHRSTlMAFFTgcZ6YEHYrKuJ+jI7IAAAAg0lEQVQY021PWRYCMQijTDubpbU6477c/5YC0eeH5gcS0hLIMXCMPNAHoc+OPoDPXX6jm32ufD1KuTxVMU/S0a7Usxy0SWow730x0bpAjOftJnurTCOEKrVZHSk638oJg0gMoTwgsH4KpaEGrM2LXJ0nC7bRZi22A8Fo+kaf/hz3c/4L7MgJJKnf30YAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.dividend-list-more {
    background: #f2f3fa;
    border-radius: .1rem;
    font-size: 0;
    padding: .2rem;
    margin-top: .2rem
}

.dividend-list-more .link-desc {
    text-decoration: underline
}

.dividend-list-more>div {
    color: #626262;
    margin-bottom: .2rem;
    display: inline-block;
    width: 50%;
    font-size: .28rem
}

.dividend-list-more>div p {
    font-size: .3rem;
    margin-top: .1rem
}

.dividend-list-more>div:nth-child(odd) p {
    color: #f6573a
}

.dividend-list-more>div:nth-child(2n) p {
    color: #4c84f8
}

.dividend-header {
    min-height: 2.05rem;
    background-image: linear-gradient(90deg, #e99958, #ffc79a), linear-gradient(#f5e1d0, #f5e1d0);
    background-size: 100% auto;
    border-radius: .2rem;
    position: relative
}

.dividend-header.RNG {
    background-image: linear-gradient(90deg, #7194ff, #a3cbfe), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.RNG .calculation {
    background-color: #2d69ff
}

.dividend-header.RNG .dividend-detail {
    color: #2d67ff
}

.dividend-header.LIVE {
    background-image: linear-gradient(90deg, #9758e9, #c69aff), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.LIVE .calculation {
    background-color: #6925e5
}

.dividend-header.LIVE .dividend-detail {
    color: #6c27e6
}

.dividend-header.LOTT {
    background-image: linear-gradient(90deg, #f485a2, #fdbab3), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.LOTT .calculation {
    background-color: #f04c6c
}

.dividend-header.LOTT .dividend-detail {
    color: #f2506e
}

.dividend-header.FISH {
    background-image: linear-gradient(90deg, #39b8e7, #76d2f4), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.FISH .calculation {
    background-color: #1a97de
}

.dividend-header.FISH .dividend-detail {
    color: #1a97de
}

.dividend-header.SPORTS {
    background-image: linear-gradient(90deg, #eec447, #ffe186), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.SPORTS .calculation {
    background-color: #ebab1f
}

.dividend-header.SPORTS .dividend-detail {
    color: #2d67ff
}

.dividend-header.PVP {
    background-image: linear-gradient(90deg, #e958d5, #ff9af1), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.PVP .calculation {
    background-color: #e626c8
}

.dividend-header.PVP .dividend-detail {
    color: #6c27e6
}

.dividend-header.ELOTT {
    background-image: linear-gradient(90deg, #44d768, #81e79a), linear-gradient(#f5e1d0, #f5e1d0)
}

.dividend-header.ELOTT .calculation {
    background-color: #1ec629
}

.dividend-header.ELOTT .dividend-detail {
    color: #f2506e
}

.dividend-header.CONS .dividend-header-content .type span {
    top: .9rem;
    bottom: unset;
    min-width: 3rem;
    text-align: center
}

.dividend-header .calculation {
    min-width: 1.48rem;
    height: .41rem;
    line-height: .41rem;
    padding-left: .47rem;
    padding-right: .16rem;
    background-color: #e66e27;
    background-size: .24rem .24rem;
    color: #fff;
    border-radius: 0 0 .16rem .16rem;
    position: absolute;
    left: 1rem;
    font-size: .22rem;
    background-image: url(/mobile/mc/dividend_time.e562c6b9.png);
    background-repeat: no-repeat;
    background-position: .16rem .09rem
}

.dividend-header img {
    position: absolute;
    top: -.38rem;
    width: .99rem;
    left: .05rem
}

.dividend-header .dividend-detail {
    position: absolute;
    right: .2rem;
    top: .2rem;
    font-size: .22rem;
    color: #e66e27;
    padding: 0 .1rem;
    display: inline-block;
    line-height: .34rem;
    text-align: center;
    border-radius: .17rem;
    z-index: 10
}

.dividend-header .dividend-detail svg {
    display: block;
    width: .34rem;
    height: .34rem
}

.dividend-header .profit-detail-table {
    color: #5b5b5b;
    display: flex;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem;
    background-color: #fff;
    overflow-y: scroll;
    transform: scaleY(1);
    transform-origin: top
}

.dividend-header .profit-detail-table.fold {
    transform: scaleY(0);
    height: 0
}

.dividend-header .profit-detail-table .am-carousel-wrap-dot-active>span {
    background: #e70011
}

.dividend-header .profit-detail-table.one-game-type {
    width: 80%;
    margin: 0 auto
}

.dividend-header .profit-detail-table.one-game-type>ul {
    width: 50%
}

.dividend-header .profit-detail-table.one-game-type>ul.title li {
    padding-left: .8rem
}

.dividend-header .profit-detail-table.one-game-type>ul.detail li {
    padding-right: .8rem;
    text-align: right
}

.dividend-header .profit-detail-table>div {
    width: 80% !important
}

.dividend-header .profit-detail-table.product-cost li,
.dividend-header .profit-detail-table.product-cost td,
.dividend-header .profit-detail-table.product-cost th {
    height: .8rem
}

.dividend-header .profit-detail-table.product-cost li,
.dividend-header .profit-detail-table.product-cost td {
    line-height: .8rem
}

.dividend-header .profit-detail-table.product-cost th {
    position: relative;
    line-height: unset;
    padding-right: 0;
    width: 50%
}

.dividend-header .profit-detail-table.product-cost th span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .24rem;
    line-height: .24rem
}

.dividend-header .profit-detail-table.product-cost>div {
    width: 60% !important
}

.dividend-header .profit-detail-table.product-cost>div .slider-decorator-0 {
    width: 60% !important
}

.dividend-header .profit-detail-table.bank-summary>ul {
    width: 40% !important
}

.dividend-header .profit-detail-table.bank-summary>ul li {
    height: .8rem;
    position: relative;
    line-height: unset;
    border-right: 1px solid #dbdbdb
}

.dividend-header .profit-detail-table.bank-summary>ul li span {
    position: absolute;
    left: .24rem;
    top: 50%;
    transform: translateY(-50%);
    word-break: break-word
}

.dividend-header .profit-detail-table.bank-summary .slider-decorator-0 {
    width: 60% !important
}

.dividend-header .profit-detail-table.bank-summary td,
.dividend-header .profit-detail-table.bank-summary th {
    line-height: .8rem;
    height: .8rem
}

.dividend-header .profit-detail-table>ul {
    width: 20%;
    border-right: 1px solid #dbdbdb;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.dividend-header .profit-detail-table>ul>li:first-child {
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb
}

.dividend-header .profit-detail-table>ul li {
    min-height: .56rem;
    line-height: .56rem;
    font-size: .24rem;
    box-sizing: border-box;
    word-break: break-word
}

.dividend-header .profit-detail-table>ul li:nth-child(odd) {
    background: #fafafa
}

.dividend-header .profit-detail-table table {
    border-collapse: inherit;
    width: 100%;
    font-size: .24rem
}

.dividend-header .profit-detail-table td {
    padding-top: .2rem;
    padding-bottom: .13rem
}

.dividend-header .profit-detail-table td,
.dividend-header .profit-detail-table th {
    min-width: 1.36rem
}

.dividend-header .profit-detail-table td.hide-level,
.dividend-header .profit-detail-table th.hide-level {
    min-width: .3rem
}

.dividend-header .profit-detail-table td:first-child,
.dividend-header .profit-detail-table th:first-child {
    border-left: transparent
}

.dividend-header .profit-detail-table td:last-child,
.dividend-header .profit-detail-table th:last-child {
    border-right: transparent
}

.dividend-header .profit-detail-table .basic td,
.dividend-header .profit-detail-table .basic th {
    border: transparent
}

.dividend-header .profit-detail-table .basic th {
    height: .66rem
}

.dividend-header .profit-detail-table thead {
    background-color: rgba(230, 111, 38, .08)
}

.dividend-header .profit-detail-table thead th {
    height: 1.32rem;
    border: .02rem solid #fff
}

.dividend-header .profit-detail-table tbody {
    background-color: rgba(230, 111, 38, .16)
}

.dividend-header .profit-detail-table tbody tr {
    height: .66rem
}

.dividend-header .profit-detail-table tbody tr td {
    text-align: center;
    border: .02rem solid #fff;
    flex-grow: 1
}

.dividend-header .profit-detail-table tbody tr:nth-child(odd) {
    background-color: rgba(230, 111, 38, .08)
}

.dividend-header .profit-detail-table tbody tr:last-child td {
    border-bottom: transparent
}

.dividend-header .profit-detail-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: .2rem
}

.dividend-header .profit-detail-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: .2rem
}

.dividend-header .dividend-header-content {
    position: relative;
    height: 100%;
    display: flex;
    font-size: .24rem
}

.dividend-header .dividend-header-content .dividend-info {
    width: 20%;
    height: 50%;
    transform: rotate(180deg);
    position: absolute;
    right: .2rem;
    bottom: .1rem
}

.dividend-header .dividend-header-content .dividend-info svg {
    transform: rotate(0deg);
    width: .34rem;
    height: .22rem;
    fill: #e97125
}

.dividend-header .dividend-header-content .dividend-info svg.close {
    transform: rotate(180deg)
}

.dividend-header .dividend-header-content>div {
    width: 100%;
    flex-grow: 1;
    color: #fff
}

.dividend-header .dividend-header-content .type {
    min-height: 2.05rem;
    position: relative
}

.dividend-header .dividend-header-content .type span {
    display: flex;
    align-items: center;
    padding-left: .33rem;
    padding-right: .24rem;
    justify-content: center;
    font-size: .26rem;
    margin-top: .7rem;
    min-height: 1.03rem
}

.dividend-header .dividend-header-content table,
.dividend-header .dividend-header-content tbody,
.dividend-header .dividend-header-content td,
.dividend-header .dividend-header-content tr {
    border-style: hidden !important
}

.dividend-header .dividend-header-content table {
    width: 90%
}

.dividend-header .dividend-header-content td {
    padding-right: .2rem
}

.dividend-header .dividend-header-content tr>td:first-child {
    width: 50%
}

.dividend-header .dividend-header-content tr>td:last-child {
    font-weight: 500
}

.dividend-header .dividend-header-content .info {
    font-size: .24rem;
    font-weight: 500;
    position: relative
}

.dividend-header .dividend-header-content .info span {
    margin-left: .2rem
}

.dividend-header .dividend-header-content .info div {
    padding: 0 0 0 .31rem;
    margin-top: .7rem;
    border-left: 1px solid #fff;
    min-height: 1.03rem;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: .3rem
}

.dividend-header .dividend-header-content .info div>ul:first-child {
    margin-right: .2rem
}

.dividend-header .dividend-header-content .info div li {
    margin-bottom: .03rem
}

.dividend-header .dividend-header-content .title {
    font-size: .26rem;
    height: .6rem
}

.dividend-header .dividend-header-content tbody {
    width: 100%
}

.dividend-header .dividend-header-content table {
    display: flex;
    align-items: center
}

.vendor-list {
    font-size: .24rem;
    padding: .26rem 0;
    color: #979797
}

.is-down-line {
    margin-top: .3rem
}

.agentDivident .am-tabs .am-tabs-bar {
    text-align: center
}

.agentDivident .myDividend {
    background: #fff
}

.agentDivident .myDividend .name-filter {
    background-color: #fff;
    padding: .24rem .3rem .14rem;
    display: flex;
    justify-content: flex-end
}

.agentDivident .myDividend .name-filter .searchOne {
    margin: 0;
    color: #ec2529;
    font-size: .26rem;
    display: flex;
    align-items: center
}

.agentDivident .myDividend .name-filter .name-search {
    display: inline-block;
    width: 2.83rem;
    height: .6rem;
    margin-right: .24rem;
    border: 1px solid #f6f6f6;
    border-radius: .32rem;
    position: relative
}

.agentDivident .myDividend .name-filter .name-search input {
    border-radius: .32rem;
    padding-left: .78rem;
    font-size: .22rem;
    border: none;
    color: #000;
    height: 100%;
    background-color: hsla(0, 0%, 95%, .4980392157)
}

.agentDivident .myDividend .name-filter .name-search svg {
    position: absolute;
    left: .28rem;
    top: 50%;
    transform: translateY(-50%);
    width: .3rem;
    fill: #646464
}

.dividend-info-detail-popup,
.product-cost-popup,
.profit-detail-popup {
    color: #5b5b5b
}

.dividend-info-detail-popup .col-right,
.product-cost-popup .col-right,
.profit-detail-popup .col-right {
    text-align: right;
    padding-right: .24rem
}

.dividend-info-detail-popup .col-right.no-sort,
.dividend-info-detail-popup th.col-right,
.product-cost-popup .col-right.no-sort,
.product-cost-popup th.col-right,
.profit-detail-popup .col-right.no-sort,
.profit-detail-popup th.col-right {
    padding-right: 0
}

.dividend-info-detail-popup .col-center,
.product-cost-popup .col-center,
.profit-detail-popup .col-center {
    text-align: center;
    padding-right: 0
}

.dividend-info-detail-popup .col-left,
.product-cost-popup .col-left,
.profit-detail-popup .col-left {
    text-align: left;
    padding-left: .24rem
}

.dividend-info-detail-popup .col-border,
.product-cost-popup .col-border,
.profit-detail-popup .col-border {
    border-right: 1px solid #dbdbdb
}

.dividend-info-detail-popup .keep-all,
.product-cost-popup .keep-all,
.profit-detail-popup .keep-all {
    word-break: keep-all;
    white-space: nowrap
}

.dividend-info-detail-popup .am-popup,
.product-cost-popup .am-popup,
.profit-detail-popup .am-popup {
    border-radius: .14rem .14rem 0 0
}

.dividend-info-detail-popup .am-popup .am-popup-body,
.product-cost-popup .am-popup .am-popup-body,
.profit-detail-popup .am-popup .am-popup-body {
    padding: .38rem .26rem .7rem;
    position: relative
}

.dividend-info-detail-popup .dividend-title,
.product-cost-popup .dividend-title,
.profit-detail-popup .dividend-title {
    font-size: .34rem;
    font-weight: 700;
    color: #333;
    padding-bottom: .3rem;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: .38rem;
    padding-right: .6rem
}

.dividend-info-detail-popup .dividend-title span,
.product-cost-popup .dividend-title span,
.profit-detail-popup .dividend-title span {
    font-size: .26rem;
    font-weight: 400
}

.dividend-info-detail-popup .profit-detail-content,
.product-cost-popup .profit-detail-content,
.profit-detail-popup .profit-detail-content {
    display: flex;
    max-height: 5rem;
    overflow-y: scroll;
    border: 1px solid #dbdbdb
}

.dividend-info-detail-popup .profit-detail-content .am-carousel-wrap-dot-active>span,
.product-cost-popup .profit-detail-content .am-carousel-wrap-dot-active>span,
.profit-detail-popup .profit-detail-content .am-carousel-wrap-dot-active>span {
    background: #e70011
}

.dividend-info-detail-popup .profit-detail-content.one-game-type,
.product-cost-popup .profit-detail-content.one-game-type,
.profit-detail-popup .profit-detail-content.one-game-type {
    width: 80%;
    margin: 0 auto
}

.dividend-info-detail-popup .profit-detail-content.one-game-type>ul,
.product-cost-popup .profit-detail-content.one-game-type>ul,
.profit-detail-popup .profit-detail-content.one-game-type>ul {
    width: 50%
}

.dividend-info-detail-popup .profit-detail-content.one-game-type>ul.title li,
.product-cost-popup .profit-detail-content.one-game-type>ul.title li,
.profit-detail-popup .profit-detail-content.one-game-type>ul.title li {
    padding-left: .8rem
}

.dividend-info-detail-popup .profit-detail-content.one-game-type>ul.detail li,
.product-cost-popup .profit-detail-content.one-game-type>ul.detail li,
.profit-detail-popup .profit-detail-content.one-game-type>ul.detail li {
    padding-right: .8rem;
    text-align: right
}

.dividend-info-detail-popup .profit-detail-content>div,
.product-cost-popup .profit-detail-content>div,
.profit-detail-popup .profit-detail-content>div {
    width: 80% !important
}

.dividend-info-detail-popup .profit-detail-content.product-cost li,
.dividend-info-detail-popup .profit-detail-content.product-cost td,
.dividend-info-detail-popup .profit-detail-content.product-cost th,
.product-cost-popup .profit-detail-content.product-cost li,
.product-cost-popup .profit-detail-content.product-cost td,
.product-cost-popup .profit-detail-content.product-cost th,
.profit-detail-popup .profit-detail-content.product-cost li,
.profit-detail-popup .profit-detail-content.product-cost td,
.profit-detail-popup .profit-detail-content.product-cost th {
    height: .8rem
}

.dividend-info-detail-popup .profit-detail-content.product-cost li,
.dividend-info-detail-popup .profit-detail-content.product-cost td,
.product-cost-popup .profit-detail-content.product-cost li,
.product-cost-popup .profit-detail-content.product-cost td,
.profit-detail-popup .profit-detail-content.product-cost li,
.profit-detail-popup .profit-detail-content.product-cost td {
    line-height: .8rem
}

.dividend-info-detail-popup .profit-detail-content.product-cost th,
.product-cost-popup .profit-detail-content.product-cost th,
.profit-detail-popup .profit-detail-content.product-cost th {
    position: relative;
    line-height: unset;
    padding-right: 0;
    width: 50%
}

.dividend-info-detail-popup .profit-detail-content.product-cost th span,
.product-cost-popup .profit-detail-content.product-cost th span,
.profit-detail-popup .profit-detail-content.product-cost th span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .24rem;
    line-height: .24rem
}

.dividend-info-detail-popup .profit-detail-content.product-cost>div,
.product-cost-popup .profit-detail-content.product-cost>div,
.profit-detail-popup .profit-detail-content.product-cost>div {
    width: 60% !important
}

.dividend-info-detail-popup .profit-detail-content.product-cost>div .slider-decorator-0,
.product-cost-popup .profit-detail-content.product-cost>div .slider-decorator-0,
.profit-detail-popup .profit-detail-content.product-cost>div .slider-decorator-0 {
    width: 60% !important
}

.dividend-info-detail-popup .profit-detail-content.bank-summary>ul,
.product-cost-popup .profit-detail-content.bank-summary>ul,
.profit-detail-popup .profit-detail-content.bank-summary>ul {
    width: 40% !important
}

.dividend-info-detail-popup .profit-detail-content.bank-summary>ul li,
.product-cost-popup .profit-detail-content.bank-summary>ul li,
.profit-detail-popup .profit-detail-content.bank-summary>ul li {
    height: .8rem;
    position: relative;
    line-height: unset;
    border-right: 1px solid #dbdbdb
}

.dividend-info-detail-popup .profit-detail-content.bank-summary>ul li span,
.product-cost-popup .profit-detail-content.bank-summary>ul li span,
.profit-detail-popup .profit-detail-content.bank-summary>ul li span {
    position: absolute;
    left: .24rem;
    top: 50%;
    transform: translateY(-50%);
    word-break: break-word
}

.dividend-info-detail-popup .profit-detail-content.bank-summary .slider-decorator-0,
.product-cost-popup .profit-detail-content.bank-summary .slider-decorator-0,
.profit-detail-popup .profit-detail-content.bank-summary .slider-decorator-0 {
    width: 60% !important
}

.dividend-info-detail-popup .profit-detail-content.bank-summary td,
.dividend-info-detail-popup .profit-detail-content.bank-summary th,
.product-cost-popup .profit-detail-content.bank-summary td,
.product-cost-popup .profit-detail-content.bank-summary th,
.profit-detail-popup .profit-detail-content.bank-summary td,
.profit-detail-popup .profit-detail-content.bank-summary th {
    line-height: normal;
    height: .8rem;
    padding: 0 .2rem;
    vertical-align: middle
}

.dividend-info-detail-popup .profit-detail-content.bank-summary td.empty-th,
.dividend-info-detail-popup .profit-detail-content.bank-summary th.empty-th,
.product-cost-popup .profit-detail-content.bank-summary td.empty-th,
.product-cost-popup .profit-detail-content.bank-summary th.empty-th,
.profit-detail-popup .profit-detail-content.bank-summary td.empty-th,
.profit-detail-popup .profit-detail-content.bank-summary th.empty-th {
    width: 50%
}

.dividend-info-detail-popup .profit-detail-content>ul,
.product-cost-popup .profit-detail-content>ul,
.profit-detail-popup .profit-detail-content>ul {
    width: 20%;
    border-right: 1px solid #dbdbdb;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.dividend-info-detail-popup .profit-detail-content>ul>li:first-child,
.product-cost-popup .profit-detail-content>ul>li:first-child,
.profit-detail-popup .profit-detail-content>ul>li:first-child {
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb
}

.dividend-info-detail-popup .profit-detail-content>ul li,
.product-cost-popup .profit-detail-content>ul li,
.profit-detail-popup .profit-detail-content>ul li {
    min-height: .56rem;
    line-height: .56rem;
    font-size: .24rem;
    box-sizing: border-box;
    word-break: break-word
}

.dividend-info-detail-popup .profit-detail-content>ul li:nth-child(odd),
.product-cost-popup .profit-detail-content>ul li:nth-child(odd),
.profit-detail-popup .profit-detail-content>ul li:nth-child(odd) {
    background: #fafafa
}

.dividend-info-detail-popup .close,
.product-cost-popup .close,
.profit-detail-popup .close {
    background-image: url(/mobile/mc/close.5a5a60c6.png);
    background-size: .33rem .33rem;
    background-repeat: no-repeat;
    background-color: #ececec;
    background-position: 50%;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: .24rem;
    right: .25rem;
    border-radius: 50%
}

.dividend-info-detail-popup table,
.product-cost-popup table,
.profit-detail-popup table {
    font-size: .24rem;
    width: 100%
}

.dividend-info-detail-popup table th,
.product-cost-popup table th,
.profit-detail-popup table th {
    background: #fafafa;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 .1rem
}

.dividend-info-detail-popup table td,
.dividend-info-detail-popup table th,
.product-cost-popup table td,
.product-cost-popup table th,
.profit-detail-popup table td,
.profit-detail-popup table th {
    height: .56rem;
    line-height: .56rem
}

.dividend-info-detail-popup table td,
.product-cost-popup table td,
.profit-detail-popup table td {
    padding-right: .24rem
}

.dividend-info-detail-popup table th,
.product-cost-popup table th,
.profit-detail-popup table th {
    text-align: center
}

.dividend-info-detail-popup table tr,
.product-cost-popup table tr,
.profit-detail-popup table tr {
    background: #fff
}

.dividend-info-detail-popup table tr:nth-child(2n),
.product-cost-popup table tr:nth-child(2n),
.profit-detail-popup table tr:nth-child(2n) {
    background: #fafafa
}

.dividend-info-detail-popup .slider-decorator-0,
.product-cost-popup .slider-decorator-0,
.profit-detail-popup .slider-decorator-0 {
    bottom: .1rem !important;
    width: 80% !important;
    position: fixed !important
}

.dividend-info-detail-popup .slider,
.dividend-info-detail-popup .slider-frame,
.product-cost-popup .slider,
.product-cost-popup .slider-frame,
.profit-detail-popup .slider,
.profit-detail-popup .slider-frame {
    position: static !important
}

.dividend-info-detail-popup .slider-frame,
.dividend-info-detail-popup .slider-list,
.product-cost-popup .slider-frame,
.product-cost-popup .slider-list,
.profit-detail-popup .slider-frame,
.profit-detail-popup .slider-list {
    width: 100% !important
}

.dividend-info-detail-popup .dividend-title {
    padding-right: .5rem
}

.dividend-info-detail-popup tr th:last-child {
    padding-right: .1rem
}

.dividend-info-detail-popup .keep-all {
    line-height: 1.2;
    vertical-align: middle;
    white-space: normal
}

.dividend-info-detail-popup .dividend-detail-bottom {
    font-size: .24rem;
    margin-top: .33rem;
    max-height: 3.5rem;
    overflow-y: scroll
}

.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-title {
    color: #979797;
    font-size: .28rem;
    font-weight: 500
}

.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-table {
    display: flex;
    flex-direction: column;
    font-size: .24rem;
    color: #616161;
    text-align: center;
    width: 100%;
    border: 1px solid #dbdbdb;
    margin: .26rem 0
}

.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-table .list-row {
    display: flex;
    align-items: center
}

.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-table .list-row:nth-child(2n) {
    background-color: #fafafa
}

.dividend-info-detail-popup .dividend-detail-bottom .active-member-wrap .list-table .list-row .list-col {
    flex: 0 0 50%;
    min-height: .56rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.dividend-info-detail-popup .dividend-detail-bottom p {
    margin-bottom: .25rem;
    font-size: .24rem;
    font-weight: 500;
    color: #616161;
    line-height: .35rem;
    position: relative
}

.dividend-info-detail-popup .dividend-detail-bottom p i {
    border-radius: 50%;
    display: inline-block;
    width: .08rem;
    height: .08rem;
    background-color: #818181;
    margin-right: .13rem;
    position: relative;
    top: -.05rem
}

.profit-detail-content .swiper-container,
.profit-detail-content .swiper-wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bank-summary-container .swiper-pagination,
.product-cost-container .swiper-pagination,
.profit-detail-container .swiper-pagination {
    width: 60% !important;
    right: 0
}

.bank-summary-container .swiper-pagination span,
.product-cost-container .swiper-pagination span,
.profit-detail-container .swiper-pagination span {
    background-color: #e70011;
    margin: .08rem
}

.profit-detail-container .swiper-pagination {
    width: 80% !important
}

.profit-detail-container th {
    height: .8rem !important;
    line-height: unset !important;
    position: relative
}

.profit-detail-container th span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .24rem;
    line-height: .24rem
}

.profit-detail-container ul>li:first-child {
    height: .8rem !important
}

.product-cost-container ul>li:first-child {
    height: .8rem !important;
    line-height: unset !important;
    display: flex;
    align-items: center;
    position: relative
}

.product-cost-container ul>li:first-child span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .24rem;
    line-height: .24rem
}

.jackpot-detail-popup {
    color: #5b5b5b
}

.jackpot-detail-popup .col-right {
    justify-content: flex-end;
    text-align: right
}

.jackpot-detail-popup .col-center {
    justify-content: center;
    text-align: center
}

.jackpot-detail-popup .col-left {
    justify-content: flex-start;
    text-align: left
}

.jackpot-detail-popup .col-border {
    border-right: 1px solid #dbdbdb
}

.jackpot-detail-popup .keep-all {
    word-break: keep-all;
    white-space: nowrap
}

.jackpot-detail-popup .am-popup {
    border-radius: .14rem .14rem 0 0
}

.jackpot-detail-popup .am-popup .am-popup-body {
    padding: .38rem .26rem .7rem;
    position: relative
}

.jackpot-detail-popup .dividend-title {
    font-size: .34rem;
    font-weight: 700;
    color: #333;
    padding-bottom: .3rem;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: .38rem
}

.jackpot-detail-popup .dividend-title span {
    font-size: .26rem;
    font-weight: 400
}

.jackpot-detail-popup .close {
    background-image: url(/mobile/mc/close.5a5a60c6.png);
    background-size: .33rem .33rem;
    background-repeat: no-repeat;
    background-color: #ececec;
    background-position: 50%;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: .24rem;
    right: .25rem;
    border-radius: 50%
}

.jackpot-detail-popup table {
    font-size: .24rem;
    width: 100%;
    table-layout: fixed
}

.jackpot-detail-popup table tfoot tr,
.jackpot-detail-popup table thead tr {
    height: .56rem;
    word-break: break-word
}

.jackpot-detail-popup table tbody tr {
    height: .56rem;
    align-items: center
}

.jackpot-detail-popup table tbody tr td {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: normal
}

@supports(-webkit-line-clamp:2) {
    .jackpot-detail-popup table tbody tr td {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.jackpot-detail-popup table th {
    background: #fafafa;
    border-bottom: 1px solid #dbdbdb
}

.jackpot-detail-popup table td,
.jackpot-detail-popup table th {
    padding: 0 .1rem;
    width: 33%;
    display: flex;
    align-items: center;
    flex: 1 1 0%
}

.jackpot-detail-popup table tr {
    background: #fff;
    display: flex
}

.jackpot-detail-popup table tr:nth-child(2n) {
    background: #fafafa
}

.jackpot-detail-popup .slider,
.jackpot-detail-popup .slider-frame {
    position: static !important
}

.jackpot-detail-popup .slider-frame,
.jackpot-detail-popup .slider-list {
    width: 100% !important
}

.jackpot-detail-popup .jackpot-detail-container .swiper-container,
.jackpot-detail-popup .jackpot-detail-container .swiper-wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.jackpot-detail-popup .jackpot-detail-container .swiper-pagination {
    width: 100% !important;
    right: 0
}

.jackpot-detail-popup .jackpot-detail-container .swiper-pagination span {
    background-color: #e70011;
    margin: .08rem
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content {
    display: flex;
    border: 1px solid #dbdbdb
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content>div {
    width: 100% !important
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content .am-carousel-wrap-dot-active>span {
    background: #e70011
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content .swiper-slide {
    max-height: 65vh;
    max-height: calc(var(--vh)*65);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content .list-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.jackpot-detail-popup .jackpot-detail-container .jackpot-detail-content .list-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

.dividend-income-detail .dividend-income-header {
    position: relative;
    z-index: 11 !important;
    justify-content: flex-start;
    align-items: center;
    height: 1rem;
    display: flex;
    background: #695ffe
}

.dividend-income-detail .dividend-income-header .left-arrow {
    fill: #fff;
    position: absolute;
    width: .72rem;
    height: .72rem
}

.dividend-income-detail .dividend-income-header .info-icon {
    fill: #fff;
    width: .4rem;
    margin-left: .1rem
}

.dividend-income-detail .dividend-income-header .item-name {
    justify-content: center;
    align-items: center;
    font-size: .36rem;
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    color: #fff
}

.dividend-income-detail .self-detail-content {
    position: relative;
    flex-direction: column;
    display: flex;
    overflow-y: scroll
}

.dividend-income-detail .self-detail-content .list-wrapper {
    background: #f5f5f5
}

.dividend-income-detail .self-detail-content .list-wrapper li {
    margin: .15rem 0
}

.dividend-income-detail .self-detail-content .dl-container {
    background: #fff;
    padding: .1rem 0 .2rem;
    border-bottom: 1px solid #dbdbdb
}

.dividend-income-detail .self-detail-content .dl-container:last-child {
    border-bottom: none
}

.dividend-income-detail .self-detail-content .dl-container .more-info {
    color: #a6a6a6;
    flex-grow: 1;
    font-size: .24rem;
    margin: .1rem;
    width: 95%;
    display: flex;
    justify-content: flex-end
}

.dividend-income-detail .self-detail-content .dl-container .more-info span {
    display: flex;
    align-items: center;
    width: .4rem;
    height: .3rem;
    margin-left: .08rem
}

.dividend-income-detail .self-detail-content .dl-container .more-info span svg {
    width: 100%;
    height: 100%
}

.dividend-income-detail .self-detail-content .dl-container .more-info span.hide-more {
    transform: rotate(180deg)
}

.dividend-income-detail .self-detail-content .dl-content-detail {
    background-color: #fafafa;
    border-radius: .05rem;
    width: 100%;
    padding: .12rem 0
}

.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-body,
.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-head {
    display: flex
}

.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-body ul,
.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-head ul {
    padding: 0 .05rem;
    font-size: .24rem;
    width: 100%;
    display: flex
}

.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-body ul li,
.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-head ul li {
    word-break: break-word;
    font-weight: 600;
    display: flex;
    width: 30%;
    flex-grow: 1;
    justify-content: center
}

.dividend-income-detail .self-detail-content .dl-content-detail .dl-content-head li {
    font-size: .24rem;
    color: #a6a6a6
}

.dividend-income-detail .self-detail-content .searchName {
    display: flex;
    align-items: center;
    padding: 0 .45rem;
    font-weight: 700;
    font-size: .28rem;
    color: #000
}

.dividend-income-detail .self-detail-content .more-info-wrap {
    display: flex;
    flex-direction: column
}

.dividend-income-detail .self-detail-content .info-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #f6f5fb;
    padding: .15rem .1rem
}

.dividend-income-detail .self-detail-content .info-container.direct {
    background: transparent
}

.dividend-income-detail .self-detail-content .info-container .info-item {
    padding: .1rem .2rem;
    justify-content: space-between;
    display: flex;
    width: 50%;
    font-weight: 700
}

.dividend-income-detail .self-detail-content .info-container .info-item span {
    font-size: .24rem;
    color: #a6a6a6;
    text-align: left
}

.dividend-income-detail .self-detail-content .info-container .info-item p {
    font-size: .24rem
}

.dividend-income-detail .self-detail-content .orange {
    color: #f79a23
}

.dividend-income-detail.show {
    display: block
}

.dividend-income-detail.hide {
    display: none
}

.dividend-income-detail .dividend-title {
    padding: .2rem .45rem;
    font-size: .34rem;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #dbdbdb
}

.dividend-income-detail .dividend-title span {
    font-size: .26rem;
    font-weight: 400
}

.agentDivident {
    background: #e9e9e9;
    width: 100%;
    height: 100%
}

.agentDivident .banner {
    margin-bottom: .25rem
}

.agentDivident .searchOne {
    display: inline-block;
    width: auto
}

.agentDivident .searchOne .am-button-icon {
    padding: 0 .2rem
}

.agentDivident .am-tabs-bar .am-tabs-tab {
    background: none
}

.checkBlock {
    margin: .1rem .15rem;
    text-align: center;
    height: .85rem;
    line-height: .85rem;
    color: #4c84f8
}

.checkBlock p {
    position: relative;
    overflow: hidden
}

.checkBlock p span {
    font-size: .42rem
}

.checkIcon {
    vertical-align: sub;
    margin-right: .1rem
}

.searchDiv {
    width: 30%;
    text-align: center;
    margin: .15rem .1rem;
    margin-left: .2rem
}

.div_badge {
    font-size: .34rem
}

.start-contract-root.div .am-tabs-bar {
    padding: 0
}

.start-contract-root.div .am-tabs-bar .am-tabs-tab {
    background: none
}

.myRebate h2 {
    font-weight: 700;
    color: #424242 !important;
    font-size: .32rem;
    padding: .2rem
}

.myRebate ul {
    font-size: 0;
    padding: .1rem
}

.myRebate ul li {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    font-size: .28rem;
    padding: .1rem
}

.myRebate ul li>div {
    min-height: 1.5rem;
    border-radius: .2rem;
    background: #fff;
    box-shadow: .12rem .09rem .09rem #e5e5e5;
    text-align: center;
    position: relative
}

.myRebate ul li>div .fee-container {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.myRebate ul li>div .fee-container .fee-title {
    font-size: .26rem
}

.myRebate ul li>div div {
    color: #666
}

.myRebate ul li>div p {
    color: #4c84f8;
    font-weight: 700;
    margin-top: .1rem;
    font-size: .28rem
}

.agentDividetails .am-button-ghost {
    border: 1px solid #5f5f5f !important;
    color: #5f5f5f !important
}

.agentDividetails .am-button-ghost svg {
    fill: #5f5f5f !important
}

.bankDetails {
    height: calc(100vh - 2rem);
    overflow-y: scroll
}

.start-contract-root {
    background: #f9f8fd;
    height: 100%
}

.start-contract-root .contract-title {
    color: #e43402;
    padding: .3rem 0;
    font-size: .31rem;
    padding: .35rem .5rem;
    font-weight: 700;
    letter-spacing: .05rem
}

.start-contract-root .contract-select {
    padding: .25rem 0;
    margin: 0 .5rem;
    border-bottom: 1px solid #dddce1;
    border-top: 1px solid #dddce1
}

.div.start-contract-root .contract-select {
    padding: 0;
    margin: 0
}

.start-contract-root .contract-select .contract-btn {
    margin-left: .2rem
}

.start-contract-root .contract-select .contract-btn.noselect {
    border-color: #9a999e;
    color: #9a999e
}

.start-contract-root.bonus-trem .contract-thead {
    background: #eeedf5;
    color: #aaa9ae;
    height: auto;
    min-height: 1rem
}

.start-contract-root .contract-thead>div {
    text-align: center
}

.start-contract-root .contract-tbody {
    color: #616065;
    height: .8rem
}

.start-contract-root .contract-tbody>div {
    text-align: center;
    line-height: .8rem
}

.start-contract-root .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 90%;
    background: #d6d5da
}

.start-contract-root .contract-salary-operation {
    padding: .5rem 0;
    display: flex;
    justify-content: space-around
}

.start-contract-root .contract-salary-refuse {
    width: 3rem;
    background: #ededed;
    color: #616065
}

.start-contract-root a.contract-salary-accept {
    margin-left: 0;
    width: 3rem;
    background: #ff303a;
    color: #fff
}

.start-contract-root .salary-rule {
    color: #616065;
    padding: 0 5%;
    position: absolute;
    top: 3.55rem
}

.start-contract-root .salary-rule p {
    margin-top: .2rem
}

.start-contract-root.div .rule-con {
    margin: .1rem;
    margin-left: .3rem
}

.start-contract-root.div .rule-con p {
    margin-top: .25rem;
    height: .45rem;
    line-height: .45rem;
    font-weight: 700;
    color: #5e5e5e
}

.no-salary-list svg.no-salary-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.no-salary-list {
    text-align: center
}

.salary-list-content {
    height: 5rem;
    overflow: auto
}

.downline-item-toot .user-info .user-name {
    margin-left: .2rem;
    font-weight: 600
}

.downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.downline-item-toot .action-sign {
    color: #108ee9;
    font-size: .3rem;
    max-width: 60%;
    word-break: break-word
}

.singd-downline-item-toot {
    padding: 0 .4rem;
    background: #fff
}

.singd-downline-item-toot .user-info .user-name {
    margin-left: .2rem
}

.singd-downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.sign-operation {
    width: auto;
    height: 100%
}

.sign-operation>span {
    color: #108ee9;
    padding: .2rem .1rem
}

.sign-salary-root:not(.CN) .sign-operation>span {
    font-size: .24rem;
    text-align: center
}

.sign-operation>i {
    display: inline-block;
    height: .3rem;
    width: 1px;
    background: #747474
}

.singd-downline-info {
    padding: .3rem .5rem;
    font-size: .3rem;
    background: #fcfcfc
}

.singd-downline-info .more-info {
    color: #108ee9;
    display: flex;
    align-items: center
}

.singd-downline-info .more-info .double-arrow {
    width: .4rem;
    height: .4rem;
    position: relative
}

.translate-arrow {
    transform: rotateX(180deg)
}

.sign-salary-root {
    margin-bottom: .35rem
}

.sign-salary-root .singd-details {
    width: 100%;
    padding: 0 .3rem
}

.sign-salary-root .singd-details thead tr td {
    text-align: center;
    padding: .2rem 0;
    background: #f6f5fb;
    color: #a5a4a7
}

.sign-salary-root .singd-details tbody {
    padding: .1rem 0
}

.sign-salary-root .singd-details tbody tr td {
    text-align: center;
    padding: .1rem 0;
    background: #fcfcfc
}

.sign-salary-root .singd-details tbody .salary-betVolume {
    color: #ea5747;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-activeMember {
    color: #30d4b2;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-rateType {
    color: #57c2ed;
    border-color: #a5a4a7
}

.contract-history .history-details {
    max-height: 4.15rem;
    overflow: auto
}

.contract-history .user-info {
    height: 1.5rem
}

.contract-history .user-info .user-icon {
    color: #46bcf2
}

.contract-history .user-info .user-name {
    margin-left: .2rem
}

.contract-history .user-info .user-title {
    margin-left: .2rem;
    font-size: .4rem
}

.contract-history tr {
    text-align: center
}

.contract-history td {
    background: #f8f7fc
}

.contract-history .history-thead {
    border-bottom: 1px solid #dedde2;
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-thead span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history .history-tbody {
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-tbody span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history tbody td {
    line-height: .8rem
}

.contract-history .close-history {
    margin: .4rem
}

.salary-history-details {
    background: #fcfcfc;
    margin-bottom: .4rem
}

.salary-history-details .history-header {
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: .8rem
}

.salary-history-details .history-header .history-header-people {
    color: #108ee9
}

.salary-history-details .history-header .history-text {
    margin-left: .15rem
}

.salary-history-details .history-header .user-info {
    display: flex;
    align-items: center
}

.salary-history-details .history-body {
    padding: 0 .5rem
}

.salary-history-details .history-body .normal-info {
    border-bottom: 1px solid dimgray;
    color: #6a6a6a
}

.salary-history-details .history-body .more-info {
    color: #6a6a6a
}

.salary-history-details .history-body .more-info .history-salary {
    margin-top: .1rem;
    color: #f74637;
    font-weight: 700
}

.salary-history-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.salary-history-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.salary-history-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.salary-history-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.banner.bet,
.banner.salary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.agentSalary.VI .banner .title {
    flex: 0 0 28%
}

.agentSalary.VI .banner .money {
    flex: 0 0 72%
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    margin-top: .2rem
}

.block-container .block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    width: 47%;
    height: 100%;
    flex: 0 0 47%;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.block .text {
    font-size: .24rem
}

.block .text .value {
    font-size: .64rem
}

.block .text .title {
    font-size: .28rem
}

.block .icon {
    height: 100%;
    line-height: 2.2rem
}

.block .icon svg {
    width: .88rem;
    height: .88rem
}

.block-container .block.member {
    color: #25e6c9
}

.block-container .block.unerlvl {
    color: #febd3a
}

.block-container .block:first-child {
    margin-right: 2%
}

.salary_info {
    width: 100%;
    border: 1px solid #f5f5f5;
    margin: .8rem 0;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.salary_info thead tr {
    width: 33%;
    height: 1rem;
    background: #f5f6fa
}

.salary_info thead tr td {
    line-height: 1rem;
    text-align: center;
    color: #76777b;
    border: 1px solid #ededed
}

.agentSalary .salary_info thead tr td {
    line-height: .5rem
}

.salary_info tbody tr td {
    line-height: .8rem;
    text-align: center;
    color: #76777b;
    background: #fff;
    border: 1px solid #ededed
}

.agentSalary .am-tabs-bar {
    padding: 0
}

.searchOne {
    width: 2rem;
    margin-left: .15rem;
    margin-right: .15rem;
    margin-bottom: .2rem
}

.downline-item-toot .user-info .user-name {
    margin-left: .2rem;
    font-weight: 600
}

.downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.downline-item-toot .action-sign {
    color: #108ee9;
    font-size: .3rem;
    max-width: 60%;
    word-break: break-word
}

.singd-downline-item-toot {
    padding: 0 .4rem;
    background: #fff
}

.singd-downline-item-toot .user-info .user-name {
    margin-left: .2rem
}

.singd-downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.sign-operation {
    width: auto;
    height: 100%
}

.sign-operation>span {
    color: #108ee9;
    padding: .2rem .1rem
}

.sign-salary-root:not(.CN) .sign-operation>span {
    font-size: .24rem;
    text-align: center
}

.sign-operation>i {
    display: inline-block;
    height: .3rem;
    width: 1px;
    background: #747474
}

.singd-downline-info {
    padding: .3rem .5rem;
    font-size: .3rem;
    background: #fcfcfc
}

.singd-downline-info .more-info {
    color: #108ee9;
    display: flex;
    align-items: center
}

.singd-downline-info .more-info .double-arrow {
    width: .4rem;
    height: .4rem;
    position: relative
}

.translate-arrow {
    transform: rotateX(180deg)
}

.sign-salary-root {
    margin-bottom: .35rem
}

.sign-salary-root .singd-details {
    width: 100%;
    padding: 0 .3rem
}

.sign-salary-root .singd-details thead tr td {
    text-align: center;
    padding: .2rem 0;
    background: #f6f5fb;
    color: #a5a4a7
}

.sign-salary-root .singd-details tbody {
    padding: .1rem 0
}

.sign-salary-root .singd-details tbody tr td {
    text-align: center;
    padding: .1rem 0;
    background: #fcfcfc
}

.sign-salary-root .singd-details tbody .salary-betVolume {
    color: #ea5747;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-activeMember {
    color: #30d4b2;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-rateType {
    color: #57c2ed;
    border-color: #a5a4a7
}

.contract-history .history-details {
    max-height: 4.15rem;
    overflow: auto
}

.contract-history .user-info {
    height: 1.5rem
}

.contract-history .user-info .user-icon {
    color: #46bcf2
}

.contract-history .user-info .user-name {
    margin-left: .2rem
}

.contract-history .user-info .user-title {
    margin-left: .2rem;
    font-size: .4rem
}

.contract-history tr {
    text-align: center
}

.contract-history td {
    background: #f8f7fc
}

.contract-history .history-thead {
    border-bottom: 1px solid #dedde2;
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-thead span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history .history-tbody {
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-tbody span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history tbody td {
    line-height: .8rem
}

.contract-history .close-history {
    margin: .4rem
}

.salary-history-details {
    background: #fcfcfc;
    margin-bottom: .4rem
}

.salary-history-details .history-header {
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: .8rem
}

.salary-history-details .history-header .history-header-people {
    color: #108ee9
}

.salary-history-details .history-header .history-text {
    margin-left: .15rem
}

.salary-history-details .history-header .user-info {
    display: flex;
    align-items: center
}

.salary-history-details .history-body {
    padding: 0 .5rem
}

.salary-history-details .history-body .normal-info {
    border-bottom: 1px solid dimgray;
    color: #6a6a6a
}

.salary-history-details .history-body .more-info {
    color: #6a6a6a
}

.salary-history-details .history-body .more-info .history-salary {
    margin-top: .1rem;
    color: #f74637;
    font-weight: 700
}

.real-time-card .history-body>div {
    padding: .1rem 0 !important;
    margin-top: 0 !important
}

.real-time-card .history-body,
.real-time-card .user-info,
.real-time-card .user-info span {
    font-size: .28rem
}

.salary-history-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.salary-history-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.salary-history-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.salary-history-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.banner.bet,
.banner.salary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 20%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.agentSalary.VI .banner .title {
    flex: 0 0 28%
}

.agentSalary.VI .banner .money {
    flex: 0 0 72%
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    margin-top: .2rem
}

.block-container .block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    width: 47%;
    height: 100%;
    flex: 0 0 47%;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.block .text {
    font-size: .24rem
}

.block .text .value {
    font-size: .64rem
}

.block .text .title {
    font-size: .28rem
}

.block .icon {
    height: 100%;
    line-height: 2.2rem
}

.block .icon svg {
    width: .88rem;
    height: .88rem
}

.block-container .block.member {
    color: #25e6c9
}

.block-container .block.unerlvl {
    color: #febd3a
}

.block-container .block:first-child {
    margin-right: 2%
}

.salary_info {
    width: 100%;
    border: 1px solid #f5f5f5;
    margin: .8rem 0;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.salary_info thead tr {
    width: 33%;
    height: 1rem;
    background: #f5f6fa
}

.salary_info thead tr td {
    line-height: 1rem;
    text-align: center;
    color: #76777b;
    border: 1px solid #ededed
}

.agentSalary .salary_info thead tr td {
    line-height: .5rem
}

.salary_info tbody tr td {
    line-height: .8rem;
    text-align: center;
    color: #76777b;
    background: #fff;
    border: 1px solid #ededed
}

.agentSalary .am-tabs-bar {
    padding: 0
}

.searchOne {
    width: 2rem;
    margin-left: .15rem;
    margin-right: .15rem;
    margin-bottom: .2rem
}

.real-time-filter {
    z-index: 999;
    display: inline-block;
    width: 75%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff
}

.real-time-filter .name-search {
    padding: 0 !important
}

.real-time-filter .am-search {
    background: #fff !important;
    height: .77rem !important
}

.rt-downline-container {
    position: relative
}

.hide-down-line .am-tabs-bar .am-tabs-tab:nth-child(3),
.hide-down-line .top-tip {
    display: none
}

.downline-item-toot .user-info .user-name {
    margin-left: .2rem;
    font-weight: 600
}

.downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.downline-item-toot .action-sign {
    color: #108ee9;
    font-size: .3rem;
    max-width: 60%;
    word-break: break-word
}

.singd-downline-item-toot {
    padding: 0 .4rem;
    background: #fff
}

.singd-downline-item-toot .user-info .user-name {
    margin-left: .2rem
}

.singd-downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.sign-operation {
    width: auto;
    height: 100%
}

.sign-operation>span {
    color: #108ee9;
    padding: .2rem .1rem
}

.sign-salary-root:not(.CN) .sign-operation>span {
    font-size: .24rem;
    text-align: center
}

.sign-operation>i {
    display: inline-block;
    height: .3rem;
    width: 1px;
    background: #747474
}

.singd-downline-info {
    padding: .3rem .5rem;
    font-size: .3rem;
    background: #fcfcfc
}

.singd-downline-info .more-info {
    color: #108ee9;
    display: flex;
    align-items: center
}

.singd-downline-info .more-info .double-arrow {
    width: .4rem;
    height: .4rem;
    position: relative
}

.translate-arrow {
    transform: rotateX(180deg)
}

.sign-salary-root {
    margin-bottom: .35rem
}

.sign-salary-root .singd-details {
    width: 100%;
    padding: 0 .3rem
}

.sign-salary-root .singd-details thead tr td {
    text-align: center;
    padding: .2rem 0;
    background: #f6f5fb;
    color: #a5a4a7
}

.sign-salary-root .singd-details tbody {
    padding: .1rem 0
}

.sign-salary-root .singd-details tbody tr td {
    text-align: center;
    padding: .1rem 0;
    background: #fcfcfc
}

.sign-salary-root .singd-details tbody .salary-betVolume {
    color: #ea5747;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-activeMember {
    color: #30d4b2;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-rateType {
    color: #57c2ed;
    border-color: #a5a4a7
}

.contract-history .history-details {
    max-height: 4.15rem;
    overflow: auto
}

.contract-history .user-info {
    height: 1.5rem
}

.contract-history .user-info .user-icon {
    color: #46bcf2
}

.contract-history .user-info .user-name {
    margin-left: .2rem
}

.contract-history .user-info .user-title {
    margin-left: .2rem;
    font-size: .4rem
}

.contract-history tr {
    text-align: center
}

.contract-history td {
    background: #f8f7fc
}

.contract-history .history-thead {
    border-bottom: 1px solid #dedde2;
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-thead span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history .history-tbody {
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-tbody span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history tbody td {
    line-height: .8rem
}

.contract-history .close-history {
    margin: .4rem
}

.lott-record-container {
    background: #fff
}

.salary-history-details {
    background: #fcfcfc;
    margin-bottom: .4rem
}

.salary-history-details .history-header {
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: .8rem
}

.salary-history-details .history-header .history-header-people {
    color: #108ee9
}

.salary-history-details .history-header .history-text {
    margin-left: .15rem
}

.salary-history-details .history-header .user-info {
    display: flex;
    align-items: center
}

.salary-history-details .history-body {
    padding: 0 .5rem
}

.salary-history-details .history-body p {
    margin-top: .2rem;
    color: #6a6a6a
}

.salary-history-details .history-body>div {
    margin-top: .2rem;
    padding-bottom: .2rem
}

.salary-history-details .history-body .normal-info {
    border-bottom: 1px solid dimgray;
    color: #6a6a6a
}

.salary-history-details .history-body .more-info {
    color: #6a6a6a
}

.salary-history-details .history-body .more-info .history-salary {
    margin-top: .1rem;
    color: #f74637;
    font-weight: 700
}

.get-daily {
    color: green;
    margin-left: .1rem
}

.salary-history-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.salary-history-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.salary-history-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.salary-history-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

#proxy-daily-content .mc-trans-filter {
    justify-content: start;
    width: auto
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.banner.bet,
.banner.salary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    margin-top: .2rem
}

.block-container .block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    width: 47%;
    height: 100%;
    flex: 0 0 47%;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.block .text {
    font-size: .24rem
}

.block .text .value {
    font-size: .64rem
}

.block .text .title {
    font-size: .28rem
}

.block .icon {
    height: 100%;
    line-height: 2.2rem
}

.block .icon svg {
    width: .88rem;
    height: .88rem
}

.block-container .block.member {
    color: #25e6c9
}

.block-container .block.unerlvl {
    color: #febd3a
}

.block-container .block:first-child {
    margin-right: 2%
}

.salary_info {
    width: 100%;
    border: 1px solid #f5f5f5;
    margin: .8rem 0;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.salary_info thead tr {
    width: 33%;
    height: 1rem;
    background: #f5f6fa
}

.salary_info thead tr td {
    line-height: 1rem
}

.salary_info tbody tr td,
.salary_info thead tr td {
    text-align: center;
    color: #76777b;
    border: 1px solid #ededed
}

.salary_info tbody tr td {
    line-height: .8rem;
    background: #fff
}

.agentSalary .am-tabs-bar {
    padding: 0
}

.agentSalary .am-tabs-bar .am-tabs-tab {
    line-height: unset;
    padding: 0 .1rem;
    height: auto !important;
    min-height: .87rem
}

.searchOne {
    width: 2rem;
    margin-left: .15rem;
    margin-right: .15rem;
    margin-bottom: .2rem
}

.salary_rule {
    padding: .2rem;
    background: #fff;
    font-size: .28rem;
    color: #616065;
    margin-top: .5rem
}

.salary-history-details {
    background: #fcfcfc;
    margin-bottom: .4rem
}

.salary-history-details .history-header {
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: .8rem
}

.salary-history-details .history-header .history-header-people {
    color: #108ee9
}

.salary-history-details .history-header .history-text {
    margin-left: .15rem
}

.salary-history-details .history-header .user-info {
    display: flex;
    align-items: center
}

.salary-history-details .history-body {
    padding: 0 .5rem
}

.salary-history-details .history-body p {
    margin-top: .2rem;
    color: #6a6a6a
}

.salary-history-details .history-body>div {
    margin-top: .2rem;
    padding-bottom: .2rem
}

.salary-history-details .history-body .normal-info {
    border-bottom: 1px solid dimgray;
    color: #6a6a6a
}

.salary-history-details .history-body .more-info {
    color: #6a6a6a
}

.salary-history-details .history-body .more-info .history-salary {
    margin-top: .1rem;
    color: #f74637;
    font-weight: 700
}

.salary-history-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.salary-history-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.salary-history-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.salary-history-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.banner.bet,
.banner.salary {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    margin-top: .2rem
}

.block-container .block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    width: 47%;
    height: 100%;
    flex: 0 0 47%;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.block .text {
    font-size: .24rem
}

.block .text .value {
    font-size: .64rem
}

.block .text .title {
    font-size: .28rem
}

.block .icon {
    height: 100%;
    line-height: 2.2rem
}

.block .icon svg {
    width: .88rem;
    height: .88rem
}

.block-container .block.member {
    color: #25e6c9
}

.block-container .block.unerlvl {
    color: #febd3a
}

.block-container .block:first-child {
    margin-right: 2%
}

.salary_info {
    width: 100%;
    border: 1px solid #f5f5f5;
    margin: .8rem 0;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.salary_info thead tr {
    width: 33%;
    height: 1rem;
    background: #f5f6fa
}

.salary_info thead tr td {
    line-height: 1rem
}

.salary_info tbody tr td,
.salary_info thead tr td {
    text-align: center;
    color: #76777b;
    border: 1px solid #ededed
}

.salary_info tbody tr td {
    line-height: .8rem;
    background: #fff
}

.agentSalary .am-tabs-bar {
    padding: 0
}

.searchOne {
    width: 2rem;
    margin-left: .15rem;
    margin-right: .15rem;
    margin-bottom: .2rem
}

.salary_rule {
    padding: .2rem;
    background: #fff;
    font-size: .28rem;
    color: #616065;
    margin-top: .5rem
}

.agentSalary .getSalaryButton {
    display: block;
    height: .94rem;
    line-height: .94rem;
    text-align: center;
    margin: .2rem .3rem;
    border-radius: .15rem;
    color: #fff;
    background-image: linear-gradient(-93deg, #cecece, #c4c4c4)
}

.agentSalary .getSalaryButton.hasSalary {
    background-image: linear-gradient(-90deg, #ff3a3e, #ff1e30)
}

.agentSalary .mc-trans-filter {
    box-shadow: none
}

.agentSalary .name-filter {
    background: #fff
}

.downline-item-toot .user-info .user-name {
    margin-left: .2rem;
    font-weight: 600
}

.downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.downline-item-toot .action-sign {
    color: #108ee9;
    font-size: .3rem;
    max-width: 60%;
    word-break: break-word
}

.singd-downline-item-toot {
    padding: 0 .4rem;
    background: #fff
}

.singd-downline-item-toot .user-info .user-name {
    margin-left: .2rem
}

.singd-downline-item-toot .user-info .user-icon {
    color: #46bcf2
}

.sign-operation {
    width: auto;
    height: 100%
}

.sign-operation>span {
    color: #108ee9;
    padding: .2rem .1rem
}

.sign-salary-root:not(.CN) .sign-operation>span {
    font-size: .24rem;
    text-align: center
}

.sign-operation>i {
    display: inline-block;
    height: .3rem;
    width: 1px;
    background: #747474
}

.singd-downline-info {
    padding: .3rem .5rem;
    font-size: .3rem;
    background: #fcfcfc
}

.singd-downline-info .more-info {
    color: #108ee9;
    display: flex;
    align-items: center
}

.singd-downline-info .more-info .double-arrow {
    width: .4rem;
    height: .4rem;
    position: relative
}

.translate-arrow {
    transform: rotateX(180deg)
}

.sign-salary-root {
    margin-bottom: .35rem
}

.sign-salary-root .singd-details {
    width: 100%;
    padding: 0 .3rem;
    font-size: .3rem
}

.sign-salary-root .singd-details thead tr td {
    text-align: center;
    padding: .2rem 0;
    background: #f6f5fb;
    color: #a5a4a7
}

.sign-salary-root .singd-details tbody {
    padding: .1rem 0
}

.sign-salary-root .singd-details tbody tr td {
    text-align: center;
    padding: .1rem 0;
    background: #fcfcfc
}

.sign-salary-root .singd-details tbody .salary-betVolume {
    color: #ea5747;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-activeMember {
    color: #30d4b2;
    border-color: #a5a4a7
}

.sign-salary-root .singd-details tbody .salary-rateType {
    color: #57c2ed;
    border-color: #a5a4a7
}

.contract-history .history-details {
    max-height: 4.15rem;
    overflow: auto
}

.contract-history .user-info {
    height: 1.5rem
}

.contract-history .user-info .user-icon {
    color: #46bcf2
}

.contract-history .user-info .user-name {
    margin-left: .2rem
}

.contract-history .user-info .user-title {
    margin-left: .2rem;
    font-size: .4rem
}

.contract-history tr {
    text-align: center
}

.contract-history td {
    background: #f8f7fc
}

.contract-history .history-thead {
    border-bottom: 1px solid #dedde2;
    font-size: .34rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-thead span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history .history-tbody {
    font-size: .3rem;
    font-weight: 500;
    color: #828186;
    background: #f8f7fc
}

.contract-history .history-tbody span {
    line-height: 1rem;
    display: inline-block;
    width: 50%;
    text-align: center
}

.contract-history tbody td {
    line-height: .8rem
}

.contract-history .close-history {
    margin: .4rem
}

.lott-record-container {
    background: #fff
}

.agentSalary .mc-trans-filter {
    justify-content: flex-start !important
}

.salary-history-details {
    background: #fcfcfc;
    margin-bottom: .4rem
}

.salary-history-details .history-header {
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: .8rem
}

.salary-history-details .history-header .history-header-people {
    color: #108ee9
}

.salary-history-details .history-header .history-text {
    margin-left: .15rem
}

.salary-history-details .history-header .user-info {
    display: flex;
    align-items: center
}

.salary-history-details .history-body {
    padding: 0 .5rem
}

.salary-history-details .history-body .normal-info {
    border-bottom: 1px solid dimgray;
    color: #6a6a6a
}

.salary-history-details .history-body .more-info {
    color: #6a6a6a
}

.salary-history-details .history-body .more-info .history-salary {
    margin-top: .1rem;
    color: #f74637;
    font-weight: 700
}

.history-time {
    padding: 0 .4rem
}

.salary-history-container .downAnimating {
    justify-content: center;
    padding-bottom: .4rem
}

.salary-history-container .upAnimating {
    justify-content: center;
    padding: .3rem 0
}

.salary-history-container .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.salary-history-container {
    overflow: hidden
}

.gameCecords-list-root {
    pointer-events: auto !important
}

.banner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem
}

.banner.salary {
    background: #fc795a;
    background: -moz-linear-gradient(top, #fc795a 0, #fc795a 20%, #fe64aa 100%);
    background: -webkit-linear-gradient(top, #fc795a, #fc795a 20%, #fe64aa);
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner.bet.hide,
.banner.salary.hide {
    display: none
}

.banner.bet {
    background: #76c2fe;
    background: -moz-linear-gradient(top, #76c2fe 0, #76c2fe 20%, #6d81fe 100%);
    background: -webkit-linear-gradient(top, #76c2fe, #76c2fe 20%, #6d81fe);
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.banner .title {
    width: 23%;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    color: #fff;
    font-size: .32rem;
    line-height: .35rem;
    letter-spacing: .02rem;
    text-align: center;
    padding-right: .3rem
}

.banner .money {
    font-size: .56rem;
    color: #fa8866;
    background-color: #fff;
    width: 77%;
    height: 100%;
    flex: 0 0 77%;
    line-height: 1.5rem;
    text-align: right;
    padding: 0 .2rem
}

.block-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 1.5rem;
    margin-top: .2rem
}

.block-container .block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
    width: 47%;
    height: 100%;
    flex: 0 0 47%;
    border-radius: .1rem;
    background-color: #fff;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.block .text {
    font-size: .24rem
}

.block .text .value {
    font-size: .64rem
}

.block .text .title {
    font-size: .28rem
}

.block .icon {
    height: 100%;
    line-height: 2.2rem
}

.block .icon svg {
    width: .88rem;
    height: .88rem
}

.block-container .block.member {
    color: #25e6c9
}

.block-container .block.unerlvl {
    color: #febd3a
}

.block-container .block:first-child {
    margin-right: 2%
}

.salary_info {
    width: 100%;
    border: 1px solid #f5f5f5;
    margin: .8rem 0;
    box-shadow: .023em .03rem .1rem rgba(0, 0, 0, .1)
}

.salary_info thead tr {
    width: 33%;
    height: 1rem;
    background: #f5f6fa
}

.salary_info thead tr td {
    line-height: 1rem
}

.salary_info tbody tr td,
.salary_info thead tr td {
    text-align: center;
    color: #76777b;
    border: 1px solid #ededed
}

.salary_info tbody tr td {
    line-height: .8rem;
    background: #fff
}

.agentSalary .am-tabs-bar {
    padding: 0
}

.searchOne {
    width: 2rem;
    margin-left: .15rem;
    margin-right: .15rem;
    margin-bottom: .2rem
}

.contractHeader {
    position: relative;
    font-size: .4rem;
    font-weight: 700;
    color: #202020;
    margin-bottom: .25rem;
    margin-top: .25rem
}

.contractPeople {
    position: absolute;
    left: .03rem;
    top: 0;
    color: #46bcf2
}

.contractText {
    display: inline-block;
    padding-left: .5rem;
    word-break: break-word
}

.contractCross {
    position: absolute;
    right: .03rem;
    top: -.05rem
}

.contract-tips {
    color: red;
    font-size: .31rem;
    margin-top: .3rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.salary-popup-header {
    background: #f6f6f6;
    white-space: normal;
    padding: .5em 0
}

.salary-popup-container,
.salary-popup-header {
    width: 100%;
    font-size: .3rem;
    font-weight: 700;
    text-align: center
}

.salary-popup-container {
    padding: .1rem 0;
    background: #fff
}

.salary-popup-container .input-container {
    display: inline-block;
    text-align: center;
    width: 25%;
    color: #868686;
    vertical-align: middle
}

.salary-popup-container .contractRate.input-container {
    width: 30%
}

.salary-popup-container .icon-span {
    width: 15%;
    height: 100%;
    display: inline-block;
    color: #0570cd;
    z-index: 10
}

.salary-popup-container .input-container input {
    display: inline-block;
    width: 80%;
    height: .5rem;
    outline: none;
    padding: 0 .2rem;
    text-align: center;
    border: none;
    background: #eee;
    color: #868686;
    border-radius: .1rem
}

.dividendRatio {
    position: relative;
    height: .75rem;
    margin-top: .1rem
}

.dividendRatio .arrow-top {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    top: -.1rem;
    right: 2rem
}

.salary-popup-container input:focus {
    outline: none;
    border: .03rem solid #3879d9
}

.salary-popup-header div {
    display: inline-block;
    width: 25%;
    color: #868686;
    height: 100%;
    word-break: break-word
}

.salary-popup-header div:last-child {
    display: inline-block;
    height: 100%;
    width: 15%
}

.salary-popup-header div.contractRate {
    width: 30%
}

.popup-list .add-icon {
    text-align: center
}

.popup-list .add-icon span {
    background: red;
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    line-height: .77rem;
    border-radius: 50%;
    font-size: .9rem;
    border: .06rem solid #fff;
    color: #fff;
    box-shadow: -1px 0 .15rem #cccccd, 1px 0 .15rem #cccccd, 0 -1px .15rem #cccccd, 0 1px .15rem #fff
}

.popup-list .addTerms {
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #2f68f8;
    margin-bottom: .5rem
}

.popup-list .addTermsBody {
    background: #f8f8fc;
    border-top: 1px solid #ccc;
    padding-top: .2rem
}

.popup-list .addTermsBody .list {
    position: relative
}

.popup-list .addTermsBody input {
    background: #f1f1f1;
    margin-bottom: .3rem;
    border-radius: .1rem;
    outline: none
}

.popup-list .addTermsBody .list span {
    position: absolute;
    bottom: .02rem;
    left: .05rem;
    color: red;
    font-weight: 700;
    font-size: .32rem
}

.poplist-footer {
    padding-top: .2rem;
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
    bottom: 0
}

.signedSalary-root .poplist-footer>a {
    width: 40%;
    margin: 0 .1rem
}

.signedSalary-root .poplist-footer a.footer-button {
    background: #da3e34;
    color: #fff;
    border: 0
}

.signedSalary-root .poplist-footer a.footer-button:active {
    background: red
}

.activeMember {
    position: relative
}

.activeMember .row-right {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    right: 0;
    bottom: 0
}

.signedSalary-root .type-switch-container {
    margin-left: .25rem;
    margin-bottom: .3rem
}

.signedSalary-root .type-switch {
    margin: 0 .2rem
}

.type-switch-container>span {
    color: #838287;
    font-size: .3rem
}

.salary-popup-container .icon-container {
    height: 100%
}

.salary-popup-container .delete-icon {
    width: .4rem;
    height: .4rem;
    color: #838287
}

.salary-popup-container .add-icon {
    width: .3rem;
    height: .3rem;
    color: #108ee9
}

.salary-table-container .popup-list {
    min-height: 8rem
}

.salary-table-container .salaryList-container {
    background: #f6f6f6;
    min-height: 7.5rem;
    overflow: hidden;
    overflow-y: scroll
}

.salary-list-item {
    position: relative
}

.salary-list-item .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .005rem;
    width: 90%;
    background: #e7ebee;
    bottom: 0
}

.contractRate {
    text-align: center
}

.salary-popup-header div.cont-switch:last-child {
    position: absolute;
    width: 100%;
    left: 0;
    top: -.45rem;
    z-index: 100
}

.cont-switch {
    position: absolute;
    left: -.1rem;
    width: 1.1rem;
    height: 100%;
    text-align: center;
    font-size: .3rem;
    z-index: 100;
    overflow-x: scroll
}

.contractRate {
    position: relative
}

.auto-fill-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block;
    min-width: 1.4rem;
    height: .7rem;
    line-height: .7rem;
    outline: none;
    padding: 0 .2rem;
    margin: 0 .4rem;
    font-size: .26rem;
    text-align: center;
    border: none;
    background: #da3e34;
    color: #fff;
    border-radius: .1rem
}

.contractHeader {
    position: relative;
    font-size: .4rem;
    font-weight: 700;
    color: #202020;
    margin-bottom: .25rem;
    margin-top: .25rem
}

.contractPeople {
    position: absolute;
    left: .03rem;
    top: 0;
    color: #46bcf2
}

.contractText {
    display: inline-block;
    padding-left: .5rem;
    word-break: break-word
}

.contractCross {
    position: absolute;
    right: .03rem;
    top: -.05rem
}

.contract-tips {
    color: red;
    font-size: .31rem;
    margin-top: .3rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.salary-popup-header {
    background: #f6f6f6;
    white-space: normal;
    padding: .5em 0
}

.salary-popup-container,
.salary-popup-header {
    width: 100%;
    font-size: .3rem;
    font-weight: 700;
    text-align: center
}

.salary-popup-container {
    padding: .1rem 0;
    background: #fff
}

.salary-popup-container .input-container {
    display: inline-block;
    text-align: center;
    width: 25%;
    color: #868686;
    vertical-align: middle
}

.salary-popup-container .contractRate.input-container {
    width: 30%
}

.salary-popup-container .icon-span {
    width: 15%;
    height: 100%;
    display: inline-block;
    color: #0570cd;
    z-index: 10
}

.salary-popup-container .input-container input {
    display: inline-block;
    width: 80%;
    height: .5rem;
    outline: none;
    padding: 0 .2rem;
    text-align: center;
    border: none;
    background: #eee;
    color: #868686;
    border-radius: .1rem
}

.dividendRatio {
    position: relative;
    height: .75rem;
    margin-top: .1rem
}

.dividendRatio .arrow-top {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    top: -.1rem;
    right: 2rem
}

.salary-popup-container input:focus {
    outline: none;
    border: .03rem solid #3879d9
}

.salary-popup-header div {
    display: inline-block;
    width: 25%;
    color: #868686;
    height: 100%;
    word-break: break-word
}

.salary-popup-header div:last-child {
    display: inline-block;
    height: 100%;
    width: 15%
}

.salary-popup-header div.contractRate {
    width: 30%
}

.popup-list .add-icon {
    text-align: center
}

.popup-list .add-icon span {
    background: red;
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    line-height: .77rem;
    border-radius: 50%;
    font-size: .9rem;
    border: .06rem solid #fff;
    color: #fff;
    box-shadow: -1px 0 .15rem #cccccd, 1px 0 .15rem #cccccd, 0 -1px .15rem #cccccd, 0 1px .15rem #fff
}

.popup-list .addTerms {
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #2f68f8;
    margin-bottom: .5rem
}

.popup-list .addTermsBody {
    background: #f8f8fc;
    border-top: 1px solid #ccc;
    padding-top: .2rem
}

.popup-list .addTermsBody .list {
    position: relative
}

.popup-list .addTermsBody input {
    background: #f1f1f1;
    margin-bottom: .3rem;
    border-radius: .1rem;
    outline: none
}

.popup-list .addTermsBody .list span {
    position: absolute;
    bottom: .02rem;
    left: .05rem;
    color: red;
    font-weight: 700;
    font-size: .32rem
}

.poplist-footer {
    padding-top: .2rem;
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
    bottom: 0
}

.signedSalary-root .poplist-footer>a {
    width: 40%;
    margin: 0 .1rem
}

.signedSalary-root .poplist-footer a.footer-button {
    background: #da3e34;
    color: #fff;
    border: 0
}

.signedSalary-root .poplist-footer a.footer-button:active {
    background: red
}

.activeMember {
    position: relative
}

.activeMember .row-right {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    right: 0;
    bottom: 0
}

.signedSalary-root .type-switch-container {
    margin-left: .25rem;
    margin-bottom: .3rem
}

.signedSalary-root .type-switch {
    margin: 0 .2rem
}

.type-switch-container>span {
    color: #838287;
    font-size: .3rem
}

.salary-popup-container .icon-container {
    height: 100%
}

.salary-popup-container .delete-icon {
    width: .4rem;
    height: .4rem;
    color: #838287
}

.salary-popup-container .add-icon {
    width: .3rem;
    height: .3rem;
    color: #108ee9
}

.salary-table-container .popup-list {
    min-height: 8rem
}

.salary-table-container .salaryList-container {
    background: #f6f6f6;
    min-height: 7.5rem;
    overflow: hidden;
    overflow-y: scroll
}

.salary-list-item {
    position: relative
}

.salary-list-item .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .005rem;
    width: 90%;
    background: #e7ebee;
    bottom: 0
}

.contractRate {
    text-align: center
}

.salary-popup-header div.cont-switch:last-child {
    position: absolute;
    width: 100%;
    left: 0;
    top: -.45rem;
    z-index: 100
}

.cont-switch {
    position: absolute;
    left: -.1rem;
    width: 1.1rem;
    height: 100%;
    text-align: center;
    font-size: .3rem;
    z-index: 100;
    overflow-x: scroll
}

.contractRate {
    position: relative
}

.auto-fill-btn {
    display: inline-block;
    min-width: 1.4rem;
    height: .7rem;
    line-height: .7rem;
    outline: none;
    padding: 0 .2rem;
    margin: 0 .4rem;
    font-size: .26rem;
    text-align: center;
    border: none;
    background: #da3e34;
    color: #fff;
    border-radius: .1rem
}

.real-time-item-container .input-container {
    overflow: inherit;
    position: relative
}

.real-time-item-container .input-container:first-child,
.real-time-items .salary-popup-header div:first-child,
.real-time-items .salary-popup-header div:nth-child(2) {
    width: 33%
}

.real-time-items .salary-popup-header div:last-child {
    width: 33%
}

.real-time-item-container .input-container:nth-child(2),
.real-time-items .salary-popup-container .input-container,
.real-time-items .salary-popup-header div.contractRate:nth-child(3),
.real-time-items .salary-popup-header div:nth-child(2) {
    width: 33%
}

.real-time-items>.rt-tips-container {
    padding: .2rem;
    font-weight: 700;
    line-height: 1.2;
    font-size: .28rem
}

.real-time-items .salary-table-container .popup-list,
.real-time-items .salaryList-container {
    min-height: 4.8rem !important
}

.input-tips {
    background: rgba(0, 0, 0, .8);
    padding: .04rem .06rem;
    color: #fff;
    border-radius: .06rem;
    position: absolute;
    min-height: .42rem;
    z-index: 999;
    top: .54rem;
    left: .4rem
}

.contractHeader {
    position: relative;
    font-size: .4rem;
    font-weight: 700;
    color: #202020;
    margin-bottom: .25rem;
    margin-top: .25rem
}

.contractPeople {
    position: absolute;
    left: .03rem;
    top: 0;
    color: #46bcf2
}

.contractText {
    display: inline-block;
    padding-left: .5rem;
    word-break: break-word
}

.contractCross {
    position: absolute;
    right: .03rem;
    top: -.05rem
}

.contract-tips {
    color: red;
    font-size: .31rem;
    margin-top: .3rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.salary-popup-header {
    background: #f6f6f6;
    white-space: normal
}

.salary-popup-container,
.salary-popup-header {
    width: 100%;
    font-size: .3rem;
    font-weight: 700;
    text-align: center
}

.salary-popup-container {
    padding: .1rem 0;
    position: relative
}

.salary-popup-container .input-container {
    display: inline-block;
    text-align: center;
    width: 25%;
    color: #868686;
    vertical-align: middle
}

.salary-popup-container .contractRate.input-container {
    width: 30%
}

.salary-popup-container .icon-span {
    width: 15%;
    height: 100%;
    display: inline-block;
    color: #0570cd;
    z-index: 10
}

.salary-popup-container .input-container input {
    display: inline-block;
    width: 80%;
    height: .5rem;
    outline: none;
    padding: 0 .2rem;
    text-align: center;
    border: none;
    background: #eee;
    color: #868686;
    border-radius: .1rem
}

.dividendRatio {
    position: relative;
    height: .75rem;
    margin-top: .1rem
}

.dividendRatio .arrow-top {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    top: -.1rem;
    right: 2rem
}

.salary-popup-container input:focus {
    outline: none;
    border: .03rem solid #3879d9
}

.salary-popup-header div {
    display: inline-block;
    width: 25%;
    color: #868686;
    height: 100%;
    word-break: break-word
}

.salary-popup-header div:last-child {
    display: inline-block;
    height: 100%;
    width: 15%
}

.salary-popup-header div.contractRate {
    width: 30%
}

.popup-list .add-icon {
    text-align: center
}

.popup-list .add-icon span {
    background: red;
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    line-height: .77rem;
    border-radius: 50%;
    font-size: .9rem;
    border: .06rem solid #fff;
    color: #fff;
    box-shadow: -1px 0 .15rem #cccccd, 1px 0 .15rem #cccccd, 0 -1px .15rem #cccccd, 0 1px .15rem #fff
}

.popup-list .addTerms {
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #2f68f8;
    margin-bottom: .5rem
}

.popup-list .addTermsBody {
    background: #f8f8fc;
    border-top: 1px solid #ccc;
    padding-top: .2rem
}

.popup-list .addTermsBody .list {
    position: relative
}

.popup-list .addTermsBody input {
    background: #f1f1f1;
    margin-bottom: .3rem;
    border-radius: .1rem;
    outline: none
}

.popup-list .addTermsBody .list span {
    position: absolute;
    bottom: .02rem;
    left: .05rem;
    color: red;
    font-weight: 700;
    font-size: .32rem
}

.poplist-footer {
    padding-top: .2rem;
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
    bottom: 0
}

.signedSalary-root .poplist-footer>a {
    width: 40%;
    margin: 0 .1rem
}

.signedSalary-root .poplist-footer a.footer-button {
    background: #da3e34;
    color: #fff;
    border: 0
}

.signedSalary-root .poplist-footer a.footer-button:active {
    background: red
}

.activeMember {
    position: relative
}

.activeMember .row-right {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    right: 0;
    bottom: 0
}

.signedSalary-root .type-switch-container {
    margin-left: .25rem;
    margin-bottom: .3rem
}

.signedSalary-root .type-switch {
    margin: 0 .2rem
}

.type-switch-container>span {
    color: #838287;
    font-size: .3rem
}

.salary-popup-container .icon-container {
    height: 100%
}

.salary-popup-container .delete-icon {
    width: .4rem;
    height: .4rem;
    color: #838287
}

.salary-popup-container .add-icon,
.salary-popup-container .save-icon {
    width: .5rem !important;
    height: .5rem !important;
    color: #108ee9
}

.salary-table-container .popup-list {
    min-height: 8rem
}

.salary-table-container .salaryList-container {
    background: #f6f6f6;
    min-height: 7.5rem;
    overflow: hidden;
    overflow-y: scroll
}

.salary-list-item {
    position: relative
}

.salary-list-item .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .005rem;
    width: 90%;
    background: #e7ebee;
    bottom: 0
}

.contractRate {
    text-align: center
}

.salary-popup-header div.cont-switch:last-child {
    position: absolute;
    width: 100%;
    left: 0;
    top: -.45rem;
    z-index: 100
}

.cont-switch {
    position: absolute;
    left: -.1rem;
    width: 1.1rem;
    height: 100%;
    text-align: center;
    font-size: .3rem;
    z-index: 100;
    overflow-x: scroll
}

.contractRate {
    position: relative
}

.manual-header div {
    width: 25%;
    float: left;
    padding: .2rem .2rem 0
}

.manual-container {
    position: relative;
    text-align: left !important
}

.manual-icon {
    margin-left: .3rem
}

.manual-icon .save-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.manual-content .salary-popup-container,
.manual-list .salary-popup-container {
    text-align: left
}

.manual-save-icon {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    color: #0570cd
}

.operating-hide {
    opacity: 0
}

.manual-content .manual-header {
    display: flex;
    align-items: center
}

.manual-content .manual-header>div {
    flex: 1 0 0%
}

.manual-content .manual-container {
    display: flex;
    align-items: center
}

.manual-content .manual-container>div {
    flex: 1 0 0%
}

.manual-content .salary-popup-container {
    display: flex;
    align-items: center
}

.manual-content .salary-popup-container>div {
    flex: 1 0 0%
}

.manual-content .hidden {
    visibility: hidden
}

.manual-content .manual-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0
}

.manual-content .contractRate {
    width: auto !important
}

.manual-content .contractRate input {
    width: 80% !important
}

.contractHeader {
    position: relative;
    font-size: .4rem;
    font-weight: 700;
    color: #202020;
    margin-bottom: .25rem;
    margin-top: .25rem
}

.contractPeople {
    position: absolute;
    left: .03rem;
    top: 0;
    color: #46bcf2
}

.contractText {
    display: inline-block;
    padding-left: .5rem;
    word-break: break-word
}

.contractCross {
    position: absolute;
    right: .03rem;
    top: -.05rem
}

.contract-tips {
    color: red;
    font-size: .31rem;
    margin-top: .3rem;
    font-weight: 500;
    margin-bottom: .25rem;
    margin-left: .25rem
}

.salary-popup-header {
    background: #f6f6f6;
    overflow: hidden;
    white-space: normal
}

.salary-popup-container,
.salary-popup-header {
    width: 100%;
    font-size: .3rem;
    font-weight: 700;
    text-align: center
}

.salary-popup-container {
    padding: .1rem 0;
    background: #fff
}

.salary-popup-container .input-container {
    display: inline-block;
    text-align: center;
    width: 23%;
    color: #868686;
    vertical-align: middle
}

.salary-popup-container .icon-span {
    width: 15%;
    height: 100%;
    display: inline-block;
    color: #0570cd;
    z-index: 10
}

.salary-popup-container .input-container input {
    display: inline-block;
    width: 80%;
    height: .5rem;
    outline: none;
    padding: 0 .2rem;
    text-align: center;
    border: none;
    background: #eee;
    color: #868686;
    border-radius: .1rem
}

.dividendRatio {
    position: relative;
    height: .75rem;
    margin-top: .1rem
}

.dividendRatio .arrow-top {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-right: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    top: -.1rem;
    right: 2rem
}

.salary-popup-container input:focus {
    outline: none;
    border: .03rem solid #3879d9
}

.salary-popup-header div {
    display: inline-block;
    width: 23%;
    color: #868686;
    height: 100%;
    vertical-align: middle;
    word-break: break-word
}

.salary-popup-header div:last-child {
    display: inline-block;
    height: 100%
}

.popup-list .add-icon {
    text-align: center
}

.popup-list .add-icon span {
    background: red;
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    line-height: .77rem;
    border-radius: 50%;
    font-size: .9rem;
    border: .06rem solid #fff;
    color: #fff;
    box-shadow: -1px 0 .15rem #cccccd, 1px 0 .15rem #cccccd, 0 -1px .15rem #cccccd, 0 1px .15rem #fff
}

.popup-list .addTerms {
    text-align: center;
    font-size: .36rem;
    font-weight: 700;
    color: #2f68f8;
    margin-bottom: .5rem
}

.popup-list .addTermsBody {
    background: #f8f8fc;
    border-top: 1px solid #ccc;
    padding-top: .2rem
}

.popup-list .addTermsBody .list {
    position: relative
}

.popup-list .addTermsBody input {
    background: #f1f1f1;
    margin-bottom: .3rem;
    border-radius: .1rem;
    outline: none
}

.popup-list .addTermsBody .list span {
    position: absolute;
    bottom: .02rem;
    left: .05rem;
    color: red;
    font-weight: 700;
    font-size: .32rem
}

.poplist-footer {
    padding-top: .2rem;
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
    bottom: 0
}

.signedSalary-root .poplist-footer>a {
    width: 40%;
    margin: 0 .1rem
}

.signedSalary-root .poplist-footer a.footer-button {
    background: #da3e34;
    color: #fff;
    border: 0
}

.signedSalary-root .poplist-footer a.footer-button:active {
    background: red
}

.activeMember {
    position: relative
}

.activeMember .row-right {
    width: 0;
    height: 0;
    border-left: .17rem dashed transparent;
    border-bottom: .15rem solid #108ee9;
    position: absolute;
    right: 0;
    bottom: 0
}

.signedSalary-root .type-switch-container {
    margin-left: .25rem;
    margin-bottom: .3rem
}

.signedSalary-root .type-switch {
    margin: 0 .2rem
}

.type-switch-container>span {
    color: #838287;
    font-size: .3rem
}

.salary-popup-container .icon-container {
    height: 100%
}

.salary-popup-container .delete-icon {
    width: .4rem;
    height: .4rem;
    color: #838287
}

.salary-popup-container .add-icon {
    width: .3rem;
    height: .3rem;
    color: #108ee9
}

.salary-table-container .popup-list {
    min-height: 8rem
}

.salary-table-container .salaryList-container {
    background: #f6f6f6;
    min-height: 7.5rem;
    overflow: hidden;
    overflow-y: scroll
}

.salary-list-item {
    position: relative
}

.salary-list-item .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: .005rem;
    width: 90%;
    background: #e7ebee;
    bottom: 0
}

.contractRate {
    text-align: center
}

.salary-popup-header div.cont-switch:last-child {
    position: absolute;
    width: 100%;
    left: 0;
    top: -.45rem;
    z-index: 100
}

.cont-switch {
    position: absolute;
    left: -.1rem;
    width: 1.1rem;
    height: 100%;
    text-align: center;
    font-size: .3rem;
    z-index: 100;
    overflow-x: scroll
}

.contractRate {
    position: relative
}

.cont-input {
    width: 60% !important
}

.start-contract-root {
    background: #f9f8fd;
    height: 100%
}

.start-contract-root .contract-title {
    color: #e43402;
    padding: .3rem 0;
    font-size: .31rem;
    padding: .35rem .5rem;
    font-weight: 700;
    letter-spacing: .05rem
}

.start-contract-root .salary-container {
    min-height: 6rem
}

.start-contract-root .contract-select {
    padding: .25rem 0;
    margin: 0 .5rem;
    border-bottom: 1px solid #dddce1;
    border-top: 1px solid #dddce1
}

.div.start-contract-root .contract-select {
    padding: 0;
    margin: 0
}

.start-contract-root .contract-select .contract-btn {
    margin-left: .2rem
}

.start-contract-root .contract-select .contract-btn.noselect {
    border-color: #9a999e;
    color: #9a999e
}

.start-contract-root .contract-thead {
    background: #eeedf5;
    color: #aaa9ae;
    height: 1rem
}

.start-contract-root .contract-thead>div {
    text-align: center
}

.start-contract-root .contract-tbody {
    color: #616065;
    height: .8rem
}

.start-contract-root .contract-tbody>div {
    text-align: center;
    line-height: .8rem
}

.start-contract-root .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 90%;
    background: #d6d5da
}

.start-contract-root .contract-salary-operation {
    padding: .5rem 0;
    display: flex;
    justify-content: space-around
}

.start-contract-root .contract-salary-refuse {
    width: 3rem;
    background: #ededed;
    color: #616065
}

.start-contract-root a.contract-salary-accept {
    margin-left: 0;
    width: 3rem;
    background: #ff303a;
    color: #fff
}

.start-contract-root .salary-rule {
    color: #616065;
    padding: 0 5%;
    position: absolute;
    top: 3.55rem
}

.start-contract-root .salary-rule p {
    margin-top: .2rem
}

.start-contract-root.div .rule-con {
    margin: .1rem;
    margin-left: .3rem
}

.start-contract-root.div .rule-con p {
    margin-top: .25rem;
    height: .45rem;
    line-height: .45rem;
    font-weight: 700;
    color: #5e5e5e
}

.no-salary-list svg.no-salary-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.no-salary-list {
    text-align: center;
    min-height: 6rem
}

.salary-list-content {
    height: 5rem;
    overflow: auto
}

.start-contract-root {
    background: #f9f8fd;
    height: 100%
}

.start-contract-root .contract-title {
    color: #e43402;
    padding: .3rem 0;
    font-size: .31rem;
    padding: .35rem .5rem;
    font-weight: 700;
    letter-spacing: .05rem
}

.start-contract-root .salary-container {
    min-height: 6rem
}

.start-contract-root .contract-select {
    padding: .25rem 0;
    margin: 0 .5rem;
    border-bottom: 1px solid #dddce1;
    border-top: 1px solid #dddce1
}

.div.start-contract-root .contract-select {
    padding: 0;
    margin: 0
}

.start-contract-root .contract-select .contract-btn {
    margin-left: .2rem
}

.start-contract-root .contract-select .contract-btn.noselect {
    border-color: #9a999e;
    color: #9a999e
}

.start-contract-root .contract-thead {
    background: #eeedf5;
    color: #aaa9ae;
    height: 1rem
}

.start-contract-root .contract-thead>div {
    text-align: center
}

.start-contract-root .contract-tbody {
    color: #616065;
    height: .8rem
}

.start-contract-root .contract-tbody>div {
    text-align: center;
    line-height: .8rem
}

.start-contract-root .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 90%;
    background: #d6d5da
}

.start-contract-root .contract-salary-operation {
    padding: .5rem 0;
    display: flex;
    justify-content: space-around
}

.start-contract-root .contract-salary-refuse {
    width: 3rem;
    background: #ededed;
    color: #616065
}

.start-contract-root a.contract-salary-accept {
    margin-left: 0;
    width: 3rem;
    background: #ff303a;
    color: #fff
}

.start-contract-root .salary-rule {
    color: #616065;
    padding: 0 5%;
    position: absolute;
    top: 3.55rem
}

.start-contract-root .salary-rule p {
    margin-top: .2rem
}

.start-contract-root.div .rule-con {
    margin: .1rem;
    margin-left: .3rem
}

.start-contract-root.div .rule-con p {
    margin-top: .25rem;
    height: .45rem;
    line-height: .45rem;
    font-weight: 700;
    color: #5e5e5e
}

.no-salary-list svg.no-salary-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.no-salary-list {
    text-align: center;
    min-height: 6rem
}

.salary-list-content {
    height: 5rem;
    overflow: auto
}

.start-contract-root {
    background: #f9f8fd;
    height: 100%
}

.start-contract-root .contract-title {
    color: #e43402;
    padding: .3rem 0;
    font-size: .31rem;
    padding: .35rem .5rem;
    font-weight: 700;
    letter-spacing: .05rem
}

.start-contract-root .contract-select {
    padding: .25rem 0;
    margin: 0 .5rem;
    border-bottom: 1px solid #dddce1;
    border-top: 1px solid #dddce1
}

.div.start-contract-root .contract-select {
    padding: 0;
    margin: 0
}

.start-contract-root .contract-select .contract-btn {
    margin-left: .2rem
}

.start-contract-root .contract-select .contract-btn.noselect {
    border-color: #9a999e;
    color: #9a999e
}

.start-contract-root .contract-thead {
    background: #eeedf5;
    color: #aaa9ae;
    height: 1rem
}

.start-contract-root .contract-thead>div {
    text-align: center
}

.start-contract-root .contract-tbody {
    color: #616065;
    height: .8rem
}

.start-contract-root .contract-tbody>div {
    text-align: center;
    line-height: .8rem
}

.start-contract-root .line {
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 90%;
    background: #d6d5da
}

.start-contract-root .contract-salary-operation {
    padding: .5rem 0;
    display: flex;
    justify-content: space-around
}

.dividend-footer-btn {
    margin-top: -1.6rem !important;
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%)
}

.start-contract-root .contract-salary-refuse {
    width: 3rem;
    background: #ededed;
    color: #616065
}

.start-contract-root a.contract-salary-accept {
    margin-left: 0;
    width: 3rem;
    background: #ff303a;
    color: #fff
}

.start-contract-root .salary-rule {
    color: #616065;
    padding: 0 5%;
    position: absolute;
    top: 3.55rem
}

.start-contract-root .salary-rule p {
    margin-top: .2rem
}

.start-contract-root.div .rule-con {
    margin: .1rem;
    margin-left: .3rem
}

.start-contract-root.div .rule-con p {
    margin-top: .25rem;
    height: .45rem;
    line-height: .45rem;
    font-weight: 700;
    color: #5e5e5e
}

.no-salary-list svg.no-salary-icon {
    height: 4rem;
    width: 4rem;
    margin-top: 2rem
}

.no-salary-list {
    text-align: center
}

.salary-list-content {
    height: 5rem;
    overflow: auto
}

.myRebate .rebate-span-lf {
    font-weight: 700;
    color: #0a0a0a;
    width: 60%;
    word-break: break-word
}

.myRebate .rebate-span-rt {
    width: 40%
}

.myRebate .rebate-span-lf,
.myRebate .rebate-span-rt {
    display: inline-block;
    height: 100%;
    font-size: .32rem;
    padding: .5em;
    padding-bottom: 0;
    vertical-align: middle
}

.rebateIncome .searchTwo {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #f6f6f6;
    overflow: hidden
}

.rebateIncome .propsBox {
    margin: .15rem .1rem;
    line-height: 1rem;
    height: 100%;
    width: 9.5rem
}

.rebateIncome .searchTwo a:first-child {
    margin-right: .2rem
}

.rebateIncome .propsBox a {
    margin-right: .2rem
}

.rebateReport .rebate {
    display: flex;
    align-items: center;
    background: #fff;
    color: #848484;
    font-size: .32rem;
    padding: 0 .4rem;
    font-weight: 600
}

.rebateReport .rebate-footer p {
    height: .5rem;
    line-height: .5rem;
    padding-left: .2rem
}

.rebateReport .rebate-footer p span {
    display: inline-block;
    width: 45%;
    margin-right: .3rem;
    font-size: .3rem
}

.card-details.contract .rebateBody .spantime {
    width: 45%
}

.rebateReport-item-root {
    padding-bottom: .3rem;
    background: #f0f0f0
}

.rebateReport-item-root .time {
    color: #a6a6a6;
    font-size: .24rem
}

.rebateReport-item-root .rebateReport-item-content {
    background: #fcfcfc
}

.rebateIncome .searchTwo {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #f6f6f6;
    overflow: hidden
}

.rebateIncome .propsBox {
    margin: .15rem .1rem;
    line-height: 1rem;
    height: 100%;
    width: 9.5rem
}

.rebateIncome .searchTwo a:first-child {
    margin-right: .2rem
}

.rebateIncome .propsBox a {
    margin-right: .2rem
}

.rebateReport .rebate-wrapper {
    background: #fff
}

.rebateReport .rebate {
    background: #fff;
    color: #848484;
    font-size: .32rem;
    padding: 0 .4rem;
    font-weight: 600
}

.rebateReport .rebate-footer p {
    height: .5rem;
    line-height: .5rem;
    padding-left: .2rem
}

.rebateReport .rebate-footer p span {
    display: inline-block;
    width: 45%;
    margin-right: .3rem;
    font-size: .3rem
}

.card-details.contract .rebateBody .spantime {
    width: 45%
}

.rebateReport-item-root {
    padding-bottom: .3rem;
    background: #f0f0f0
}

.rebateReport-item-root .time {
    color: #a6a6a6;
    font-size: .24rem
}

.rebat_footer,
.rebateReport-item-root .rebateReport-item-content {
    background: #fcfcfc
}

.rebat_footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    padding: .1rem .4rem
}

.rebat_footer>div {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem
}

.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-result {
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: .6rem;
    padding-bottom: .42rem;
    background-color: #fff
}

.am-result:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-result .am-result-pic {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    line-height: 1.2rem;
    background-size: 1.2rem 1.2rem
}

.am-result .am-result-message,
.am-result .am-result-title {
    font-size: .42rem;
    color: #000;
    padding-left: .3rem;
    padding-right: .3rem
}

.am-result .am-result-title {
    margin-top: .3rem;
    line-height: 1
}

.am-result .am-result-message {
    margin-top: .18rem;
    line-height: 1.5;
    font-size: .32rem;
    color: #888
}

.am-result .am-result-button {
    padding: 0 .3rem;
    margin-top: .3rem
}

.ag-link-umscroll {
    position: relative
}

.ag-link-umscroll .ag-link-umbody {
    pointer-events: auto !important
}

.ag-link-umref {
    text-align: center
}

.ag-link-umanage {
    padding-top: 1px
}

.ag-link-lmanage {
    background-color: #f5f5f5;
    padding-top: .3rem
}

.ag-link-lmanage .ag-link-mgtop {
    background-color: #fff;
    padding: 0 .3rem 0 .32rem;
    height: .68rem;
    color: #5e5e5e;
    line-height: .68rem;
    overflow: hidden;
    font-size: .27rem
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left {
    float: left;
    white-space: nowrap;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left svg {
    margin-top: -.05rem;
    height: .68rem;
    width: .68rem;
    vertical-align: middle;
    filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33))
}

.ag-link-lmanage .ag-link-mgtop .rotate180 {
    transform: rotate(180deg)
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right {
    float: right;
    width: 50%;
    margin-top: .2rem;
    display: flex
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg {
    color: #6897f9;
    display: block;
    width: .35rem;
    height: .35rem
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span {
    display: flex;
    width: .9rem;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    border-right: .02rem solid #5e5e5e
}

.ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span:last-child {
    border-right: none
}

.ag-link-lmanage .ag-link-mgtop.show-mgcenter+.ag-link-mgcenter {
    padding: .18rem .66rem;
    height: auto
}

.ag-link-lmanage .ag-link-mgcenter {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    padding: 0;
    background-color: #fcfcfc;
    color: #5e5e5e;
    height: 0;
    overflow: hidden
}

.ag-link-lmanage .ag-link-mgcenter>div {
    width: 50%;
    line-height: .42rem
}

.ag-link-lmanage .alm-date-container {
    width: 100% !important
}

.ag-link-lmanage .alm-date-container>div {
    width: 100%
}

.ag-link-lmanage .ag-link-mgbottom {
    display: flex;
    padding: 0 .66rem;
    min-height: .96rem;
    background-color: #fcfcfc;
    border-top: 1px solid #ebebeb;
    color: #a6a6a6;
    align-items: center;
    font-size: .22rem;
    line-height: 1.5;
    justify-content: space-between
}

.ag-link-lmanage .ag-link-mgbottom>div {
    width: 35%;
    display: flex;
    flex-direction: column;
    white-space: normal;
    word-break: break-word
}

.ag-link-lmanage .ag-link-mgbottom>div:last-child {
    width: 20%
}

.ag-link-lmanage .ag-link-mgbottom .mcfont-bold {
    font-weight: 700
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-db2404 {
    color: #db2404;
    font-size: .26rem
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
    color: #f6573a;
    font-size: .26rem
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
    color: #23deb8;
    font-size: .26rem
}

.ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
    color: #1cc534;
    font-size: .26rem
}

.am-result.agent-link-nodata {
    padding-top: 1.2rem;
    height: 100vh
}

.am-result.agent-link-nodata:after {
    display: none
}

.agent-link-nodata .am-result-pic {
    width: 3.2rem !important;
    height: 3.2rem !important
}

.agent-link-nodata .agent-link-ndicon {
    width: 3rem;
    height: 3rem
}

.agent-link-nodata .am-result-title {
    color: #108ee9
}

.pulldown-wrapper {
    z-index: -1;
    position: absolute;
    width: 100%;
    left: 0;
    top: -10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all;
    transition: all
}

.register-info-container .domain {
    word-break: keep-all;
    white-space: nowrap
}

.am-modal.am-modal-transparent.link-manage-poup {
    position: absolute;
    bottom: .5rem
}

.am-modal.am-modal-transparent.link-manage-poup .am-modal-content {
    width: 90%;
    margin: 0 auto
}

.am-modal.am-modal-transparent.link-manage-poup .am-modal-content,
.am-modal.am-modal-transparent.lkmn-poup-alert .am-modal-content {
    background-color: inherit
}

.am-modal.am-modal-transparent.link-manage-poup .am-modal-content .am-modal-body {
    width: 100%;
    padding: 0 !important
}

.am-modal.am-modal-transparent.lkmn-poup-alert .am-modal-content .am-modal-body {
    padding: 0 .45rem
}

.lkmn-poup-content {
    background-color: #fff;
    border-radius: .14rem;
    padding: .4rem 0 0;
    overflow: hidden
}

.lkmn-poup-title {
    height: .8rem;
    line-height: .4rem;
    padding: 0 .4rem
}

.lkmn-poup-title span {
    display: block;
    margin-right: .15rem;
    float: left
}

.lkmn-poup-tsmall {
    font-size: .3rem;
    color: #5e5e5e
}

.lkmn-poup-tbig {
    font-size: .4rem;
    color: #000
}

.lkmn-poup-qrcode {
    background-color: #f8f8fc
}

.lkmn-poup-mheight {
    max-height: 4.2rem;
    overflow: hidden
}

.lkmn-poup-mheight>div {
    max-height: 4.2rem;
    overflow: auto
}

.lkmn-poup-qrimg,
.lkmn-poup-qrlink,
.lkmn-poup-qrtitle {
    text-align: center
}

.lkmn-poup-qrimg {
    margin: auto;
    width: 4.2rem;
    padding: .175rem;
    border-radius: .14rem;
    background-color: #fff
}

.lkmn-poup-qrimg canvas {
    display: none
}

.lkmn-poup-qrimg img {
    width: 3.85rem !important;
    height: 3.85rem !important
}

.lkmn-poup-qrtitle {
    padding: .3rem 0 .1rem
}

.lkmn-poup-qrlink {
    padding: .4rem 0;
    color: #5d8df7
}

.lkmn-poup-qrcnt {
    padding: 0 .1rem;
    overflow: hidden;
    display: inline-block
}

.lkmn-poup-qrcnt span {
    display: flex;
    margin-left: .1rem;
    word-break: break-all
}

.lkmn-poup-qrcnt span svg {
    min-width: .44rem
}

.lkmn-poup-qrcopy {
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    color: #fff;
    text-align: center;
    background-image: linear-gradient(-90deg, #eb4f47, #eb3f3b);
    border-radius: .1rem;
    margin-top: .22rem
}

.lkmn-poup-acontent {
    background-color: #000;
    border-radius: .14rem;
    color: #fff;
    padding: .45rem 0 0;
    font-size: .3rem;
    overflow: hidden
}

.lkmn-poup-aicon {
    text-align: center
}

.lkmn-poup-atitle {
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem
}

.lkmn-poup-atitle span {
    color: #e15136
}

.lkmn-poup-abtn {
    overflow: hidden
}

.lkmn-poup-abtn span {
    display: block;
    text-align: center;
    width: 50%;
    height: .95rem;
    line-height: .95rem;
    font-size: .4rem;
    float: left
}

.lkmn-poup-abtn span:first-child {
    background-color: #363636
}

.lkmn-poup-abtn span:last-child {
    background-color: #da4235
}

.lkmn-poup-hislist {
    padding: 0 .4rem;
    height: .7rem;
    line-height: .7rem;
    font-size: .27rem
}

.lkmn-poup-hislist span {
    display: block;
    width: 50%;
    text-align: left;
    float: left
}

.lkmn-poup-hislistc,
.lkmn-poup-nohis {
    background-color: #fff
}

.lkmn-poup-nohis {
    line-height: 1.6rem;
    font-size: .32rem
}

.lkmn-poup-QR {
    padding-top: .8rem
}

.lkmn-poup-QR .lkmn-poup-qrcode {
    background: #fff
}

.copy_qrcopy_link {
    width: 80%;
    margin: .3rem auto 0
}

.agrg-downline-bntitle {
    color: #000;
    padding: 0 .45rem;
    font-size: .3rem;
    min-height: .7rem;
    line-height: .7rem;
    overflow: hidden
}

.agrg-downline-bntwrite {
    float: left
}

.agrg-bouns-main {
    background: #fff
}

.agrg-downline-bnmain.agrg-downline-bnmainno {
    padding-left: .45rem
}

.agrg-downline-bnbt {
    margin: .05rem .45rem;
    min-height: .8rem;
    border-bottom: 1px solid #d1d1d1
}

.agrg-bouns-main>div:last-child>div:last-child {
    border-bottom: none
}

.agrg-downline-bnbtlf {
    float: left
}

.agrg-downline-bnbtrg {
    float: right
}

.agrg-downline-bnbtdis {
    position: relative
}

.agrg-downline-btdisdiv {
    z-index: 99;
    background: hsla(0, 0%, 100%, .3);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: -.15rem
}

.agrg-checkbox-main {
    width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.agrg-checkbox-main::-webkit-scrollbar {
    display: none
}

.agrg-checkbox-list {
    min-width: 100%;
    height: .9rem
}

.agrg-checkbox-list>div {
    float: left;
    margin: .225rem .1rem .225rem 0;
    height: .45rem;
    min-width: 2.04rem;
    padding-right: .1rem;
    border-right: 1px solid #d1d1d1
}

.agrg-downline-bnline {
    margin-right: .45rem;
    border-bottom: 1px solid #d1d1d1
}

.agrg-checkbox-num {
    margin-left: .1rem
}

.agrg-downline-bnset {
    margin: 0 .45rem;
    min-height: 1.72rem;
    border-bottom: 1px solid #d1d1d1;
    direction: ltr
}

.agrg-downline-bnset .am-slider {
    margin: .05rem 0
}

.agrg-downline-bnset .am-slider-wrapper {
    padding: 0
}

.agrg-downline-bnset .am-slider-rail,
.agrg-downline-bnset .am-slider-step,
.agrg-downline-bnset .am-slider-track {
    height: .2rem;
    border-radius: .1rem
}

.agrg-downline-bnset .am-slider-handle {
    margin-top: -.14rem
}

.agrg-downline-bnsetp {
    min-height: 1rem;
    padding-top: .2rem;
    display: flex;
    align-items: center
}

.agrg-downline-bnset .am-slider-handle {
    border: 0 none;
    background: #ededed
}

.agrg-downline-bnsetp>span {
    display: inline-block;
    color: #3b79f3;
    vertical-align: middle
}

.agrg-downline-bnsetp>span:first-child {
    margin-top: .09rem;
    margin-right: .12rem
}

.agrg-downline-bnsetp>span:nth-child(2) {
    margin-right: .12rem;
    color: #000;
    max-width: 67%
}

.agrg-downline-bnsetp>span:nth-child(3) {
    flex-grow: 1
}

.agrg-downline-bnsetp>span.agrg-downline-bnstbt {
    width: .6rem;
    height: .6rem;
    padding: .05rem;
    border-radius: .6rem;
    border: 1px solid #959595;
    text-align: center;
    margin-left: .1rem;
    float: right
}

.agrg-downline-bnslider {
    clear: both;
    min-height: .25rem;
    margin: .2rem 0 .3rem
}

.agrg-downline-bnslt,
.agrg-downline-bnsrt {
    width: 18%;
    float: left
}

.agrg-downline-bnsrt {
    text-align: right
}

.agrg-downline-bnsct {
    width: 64%;
    float: left
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
    background: #3b79f3
}

.mc-switch {
    display: inline-block;
    vertical-align: middle;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.mc-switch,
.mc-switch .checkbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.mc-switch .checkbox {
    width: 1.02rem;
    height: .62rem;
    border-radius: .62rem;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.mc-switch .checkbox:before {
    content: " ";
    position: absolute;
    left: .03rem;
    top: .03rem;
    width: .96rem;
    height: .56rem;
    border-radius: .56rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mc-switch .checkbox:after {
    content: " ";
    height: .56rem;
    width: .56rem;
    border-radius: .56rem;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: .03rem;
    top: .03rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21);
    box-shadow: .04rem .04rem .08rem rgba(0, 0, 0, .21)
}

.mc-switch .checkbox.checkbox-disabled {
    z-index: 3
}

.mc-switch input[type=checkbox] {
    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
}

.mc-switch input[type=checkbox]:checked+.checkbox {
    background: #3b79f3
}

.mc-switch input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mc-switch input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.4rem);
    -ms-transform: translateX(.4rem);
    transform: translateX(.4rem)
}

.mc-switch input[type=checkbox]:disabled+.checkbox {
    opacity: .3
}

.mc-switch.mc-switch-android .checkbox {
    width: 1.44rem;
    height: .46rem;
    border-radius: .06rem;
    background: #a7aaa6
}

.mc-switch.mc-switch-android .checkbox:before {
    display: none
}

.mc-switch.mc-switch-android .checkbox:after {
    width: .7rem;
    height: .42rem;
    border-radius: .04rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: .02rem;
    top: .02rem
}

.mc-switch .checkbox.on:after {
    left: .43rem
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox {
    background: #108ee9
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mc-switch.mc-switch-android input[type=checkbox]:checked+.checkbox:after {
    -webkit-transform: translateX(.7rem);
    -ms-transform: translateX(.7rem);
    transform: translateX(.7rem)
}

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

.mc-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);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

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

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

.agrg-downline {
    font-size: .3rem
}

.agrg-downline-up {
    background: #fff;
    padding: 0 .45rem;
    overflow: hidden
}

.agrg-downline-top {
    display: flex;
    height: .7rem;
    overflow: hidden;
    margin: .1rem 0
}

.agrg-downline-top .type-wrapper {
    display: flex;
    align-items: center;
    gap: .3rem;
    flex: 1 1 0%
}

.agrg-downline-top .type-wrapper .type-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: .1rem
}

.agrg-downline-top .type-wrapper .type-item .option-border {
    content: "";
    width: .26rem;
    height: .26rem;
    border-radius: 50%;
    border: .02rem solid #9b9b9b
}

.agrg-downline-top .type-wrapper .type-item.on .option-border {
    position: relative;
    border: .02rem solid #fd2f2f
}

.agrg-downline-top .type-wrapper .type-item.on .option-border:before {
    position: absolute;
    content: "";
    display: block;
    width: .15rem;
    height: .15rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fd2f2f;
    border-radius: 50%
}

.agrg-downline-top .type-wrapper .type-item .option {
    flex: 1 1 0%
}

.agrg-downline-title {
    color: #000;
    line-height: .7rem;
    float: left
}

.agrg-downline-type {
    display: inline-block;
    height: .62rem;
    font-size: .28rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.agrg-downline-type .mc-switch {
    margin: 0 .25rem;
    float: left
}

.agrg-downline-cname {
    color: #666;
    line-height: .62rem;
    float: left
}

.agrg-downline-type .agrg-downline-cname {
    line-height: 2.5
}

.agrg-downline-type .mc-switch {
    top: .06rem
}

.agrg-downline-input {
    width: 100%;
    height: 1.04rem;
    margin: .2rem 0;
    background-color: #efefef;
    border-radius: .15rem;
    line-height: 1.04rem;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.agrg-downline-input input {
    border: 0 none;
    border-radius: .15rem;
    background: none;
    width: 100%;
    height: 100%;
    padding: 0 .25rem
}

.agrgic-downline-select {
    display: block;
    width: .86rem;
    background: #3b79f3;
    line-height: 0;
    padding: .3rem .21rem;
    position: absolute;
    right: 0;
    top: 0
}

.agrg-downline-sub {
    margin: .1rem .45rem;
    background: #eb4641 !important;
    color: #fff !important;
    border-radius: .15rem
}

.agent-register-tab .am-tabs-bar .am-tabs-tab {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .02rem
}

.art-tab .am-tabs-bar .am-tabs-tab {
    line-height: inherit;
    white-space: inherit;
    text-align: center
}

.mc-switch .checkbox.on:before,
.mc-switch.mc-qutas-bg .checkbox:before {
    background: #3b79f3
}

.agrg-downline-up .error {
    margin-top: -.2rem
}

.agrg-downline-up .error strong {
    color: #e4393c;
    font-size: .31rem;
    line-height: .5rem;
    font-weight: 400
}

.link-detail-title {
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center
}

.link-detail-title .am-icon {
    vertical-align: middle;
    margin-right: .12rem
}

.link-detail-top {
    color: #a6a6a6;
    background: #eeedf5
}

.link-detail-list span {
    display: inline-block;
    width: 50%;
    line-height: .8rem;
    height: .8rem;
    padding: 0 .4rem
}

.mc-code-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% + .88rem);
    position: fixed;
    top: -.88rem;
    z-index: 100011;
    background-color: rgba(0, 0, 0, .7);
    font-size: .28rem
}

.mc-code-box input {
    height: .7rem;
    padding: .5em;
    border: .02rem solid #ccc;
    border-radius: .1rem
}

.mc-code-box .submit {
    height: .7rem;
    line-height: .7rem;
    font-size: .28rem
}

.mc-code-box .title {
    text-align: center;
    margin-bottom: 1em
}

.mc-code-box .code-form {
    background: #fff;
    padding: .2rem .4rem;
    border-radius: .14rem;
    width: 80vw
}

.mc-code-box .form-group {
    margin-bottom: .15rem;
    position: relative;
    min-height: auto
}

.mc-code-box .send-code {
    position: absolute;
    top: 50%;
    right: .16rem;
    transform: translateY(-50%);
    padding: .1rem .12rem;
    font-size: .24rem;
    min-width: 3em;
    text-align: center
}

.mc-code-box .input-group {
    position: relative;
    width: 100%;
    margin-top: .3rem
}

.mc-code-box .input-group label {
    position: absolute;
    top: -.3rem;
    left: 0;
    color: #757575;
    font-size: .24rem
}

.mc-code-box .mc-country-code-input {
    width: auto;
    height: .7rem;
    padding-right: .4rem
}

.mc-code-box .mc-country-code-input img {
    position: unset;
    top: unset
}

.mc-code-box .mc-country-code-input>span {
    display: flex;
    align-items: center;
    padding-left: .1rem
}

.mc-code-box .mc-country-code-input:after {
    right: .04rem
}

.am-modal-content .withdraw-alert-link {
    color: blue;
    text-decoration: underline
}

.amount-wrap {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.amount-wrap .amount-title {
    margin: 0 .45rem;
    font-size: .26rem;
    color: #333
}

.amount-wrap .fixed-money-withdraw {
    margin: 0 .45rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .11rem
}

.amount-wrap .fixed-money-withdraw .fixed-money-item {
    margin: .12rem .12rem 0 0;
    width: 100%;
    height: .71rem;
    font-size: .24rem;
    white-space: nowrap;
    border: .02rem solid rgba(236, 37, 41, .2);
    border-radius: .12rem;
    color: #565656;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative
}

.amount-wrap .fixed-money-withdraw .fixed-money-item:nth-child(5n) {
    margin-right: 0
}

.amount-wrap .fixed-money-withdraw .fixed-money-item.money-active {
    border: .02rem solid #ec2529;
    background-color: #fff;
    color: #ec2529
}

.amount-wrap .fixed-money-withdraw .fixed-money-item.money-active svg {
    position: absolute;
    right: 0;
    width: .32rem;
    height: .32rem;
    bottom: 0;
    fill: #ec2529
}

.amount-wrap .fixed-money-withdraw .fixed-money-item .bonus-tip {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 .1rem;
    background: #fbd3d4;
    font-size: .2rem;
    color: #ec2529;
    padding: 0 .1rem;
    display: flex;
    align-items: center
}

.amount-wrap .fixed-money-withdraw .fixed-money-item .bonus-tip.money-active {
    background: #ec2529;
    color: #fff
}

.amount-wrap .currency-trans {
    margin: 0 .45rem
}

.w-input-content {
    margin: .1rem .45rem 0;
    height: 1.05rem;
    border: .02rem solid #ccc;
    border-radius: .1rem;
    padding: .25rem .2rem .25rem 2rem;
    position: relative
}

.forget-fpwd {
    text-align: right;
    margin: .1rem .45rem 0;
    padding: .4rem 0 0
}

.forget-fpwd.no-space {
    margin: 0;
    padding: .1rem 0
}

.w-input-content span {
    width: 2.5rem;
    position: absolute;
    left: 0;
    top: 0
}

.w-input-content .placeholder {
    display: flex;
    align-items: center;
    height: 100%;
    color: #0a0a0a
}

.w-input-content input {
    width: 100%;
    height: .55rem;
    font-size: .3rem;
    border: 0 none;
    background-color: inherit
}

.w-input-content input::placeholder {
    color: #a8a8a8 !important
}

.w-input-content .error {
    color: red;
    top: -.04rem;
    position: relative;
    margin-left: -10 px;
    display: inline
}

.w-input-error {
    color: #b3b3b3;
    text-align: left;
    padding: .15rem 0 .1rem .45rem
}

.red-input-error {
    color: red;
    text-align: left;
    padding: .15rem .45rem .1rem .5rem
}

.w-input-submit {
    margin: .7rem .45rem
}

.w-input-submit-false,
.w-input-submit-true {
    color: #fff !important
}

.w-input-submit-true {
    background: #ff0944
}

.wallet_return div svg {
    fill: #3b79f3
}

.w-input-submit-false {
    background: #d8d8d8 !important
}

.withdraw-nbank {
    color: #fff;
    font-size: .48rem;
    height: 3.4rem;
    line-height: 3.4rem;
    text-align: center;
    background-color: #ececec;
    border-radius: .1rem;
    width: 100%
}

.withdraw-bank .slider-frame {
    margin: 0 .55rem !important;
    overflow: inherit !important
}

.withdraw-bank .slider-frame+div {
    bottom: -.85rem !important
}

.withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background-color: #38a0f3
}

.withdraw-bank-container {
    margin: .35rem .4rem !important
}

.withdraw-bankcard {
    border-radius: .1rem;
    margin: 0;
    padding: .3rem .22rem;
    color: #fff;
    overflow: hidden;
    font-size: .27rem;
    background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
    background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
    background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%)
}

.withdraw-bankcard.maintain {
    position: relative;
    height: 100%
}

.withdraw-bankcard.maintain:after {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: .1rem;
    background: rgba(46, 46, 46, .6);
    z-index: 1
}

.withdraw-bankcard .maintain-wrap {
    position: absolute;
    z-index: 2;
    justify-content: space-evenly;
    display: flex;
    flex-direction: column;
    font-size: .3rem;
    top: 0;
    left: 0;
    height: 100%
}

.withdraw-bankcard .maintain-wrap,
.withdraw-bankcard .maintain-wrap .maintain-time {
    color: #fff;
    text-align: center;
    text-shadow: 0 .02rem 1px rgba(0, 0, 0, .25);
    font-weight: 800;
    width: 100%
}

.withdraw-bankcard .maintain-wrap .maintain-time {
    font-size: .24rem
}

.withdraw-bankcard.c0 {
    background-image: -moz-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%);
    background-image: -webkit-linear-gradient(-3deg, #c47ff4, #eb498e);
    background-image: -ms-linear-gradient(-3deg, #c47ff4 0, #eb498e 100%)
}

.withdraw-bankcard.c1 {
    background-image: -moz-linear-gradient(0deg, #5775e6 0, #7f45c9 100%);
    background-image: -webkit-linear-gradient(0deg, #5775e6, #7f45c9);
    background-image: -ms-linear-gradient(0deg, #5775e6 0, #7f45c9 100%)
}

.withdraw-bankcard.c2 {
    background-image: -moz-linear-gradient(0deg, #ffbe80 0, #ff978a 100%);
    background-image: -webkit-linear-gradient(0deg, #ffbe80, #ff978a);
    background-image: -ms-linear-gradient(0deg, #ffbe80 0, #ff978a 100%)
}

.withdraw-bankcard.c3 {
    border-radius: .1rem;
    background-image: -moz-linear-gradient(0deg, #69f2a9 0, #5accf1 100%);
    background-image: -webkit-linear-gradient(0deg, #69f2a9, #5accf1);
    background-image: -ms-linear-gradient(0deg, #69f2a9 0, #5accf1 100%)
}

.withdraw-bankcard.c4 {
    background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%)
}

.withdraw-bankcard.c5 {
    background-image: -moz-linear-gradient(0deg, #ffeb3b 2%, #989579 98%);
    background-image: -webkit-linear-gradient(0deg, #ffeb3b 2%, #989579 98%);
    background-image: -ms-linear-gradient(0deg, #ffeb3b 2%, #989579 98%)
}

.withdraw-bankcard.c6,
.withdraw-bankcard.c7,
.withdraw-bankcard.c8,
.withdraw-bankcard.c9,
.withdraw-bankcard.c10,
.withdraw-bankcard.c11,
.withdraw-bankcard.c12,
.withdraw-bankcard.c13,
.withdraw-bankcard.c14,
.withdraw-bankcard.c15 {
    background-image: -moz-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -webkit-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%);
    background-image: -ms-linear-gradient(0deg, #3be4fd 2%, #2d8afd 98%)
}

.withdraw-bank.vc {
    min-height: 3rem;
    height: auto
}

.withdraw-bank.vc .vc-cards-item {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: url(/mobile/mc/BTC.f8897fea.png) no-repeat;
    background-size: 100% auto
}

.withdraw-bank.vc .vc-cards-item.USDT {
    background: url(/mobile/mc/USDT.0ca8a046.png) no-repeat;
    background-size: 100% auto
}

.withdraw-bank.vc .vc-cards-item.BTC {
    background: url(/mobile/mc/BTC.f8897fea.png) no-repeat;
    background-size: 100% auto
}

.withdraw-bank.vc .vc-cards-item.ETH {
    background: url(/mobile/mc/ETH.6e8a5489.png) no-repeat;
    background-size: 100% auto
}

.withdraw-bank.vc.pix .withdraw-bankcard {
    background-size: 100% 100%
}

.withdraw-bank.vc.pix .withdraw-bankcard.c0 {
    background-image: url(/mobile/mc/ewallet-01.e23a3204.png)
}

.withdraw-bank.vc.pix .withdraw-bankcard.c1 {
    background-image: url(/mobile/mc/ewallet-02.509f0058.png)
}

.withdraw-bank.vc.pix .withdraw-bankcard.c2 {
    background-image: url(/mobile/mc/ewallet-03.1a836db2.png)
}

.withdraw-bank.vc.pix .withdraw-bankcard.c3 {
    background-image: url(/mobile/mc/ewallet-04.527aa645.png)
}

.vc-cards-item .withdraw-bankcard-num {
    font-size: .34rem;
    padding: 0;
    text-align: left;
    width: 100%;
    display: inline-block;
    word-break: break-word
}

.vc-cards-item .withdraw-bankcard-icon {
    font-size: .34rem
}

.create-time {
    font-size: .22rem;
    margin-top: .18rem;
    display: inline-block
}

.vc-cards-item .withdraw-bankcard-icon {
    display: inline-block;
    margin-left: .6rem;
    margin-top: .1rem
}

.withdraw-container-v2 .vc-cards-item .withdraw-bankcard-cont,
.withdraw-container-v2 .vc-cards-item .withdraw-bankcard-title {
    display: none
}

.withdraw-bank-container .swiper-container {
    padding-bottom: .6rem;
    direction: ltr
}

.swiper-pagination {
    bottom: .04rem !important
}

#swiper-container-vc {
    height: 3rem
}

.swiper-pagination span {
    width: .17rem;
    height: .17rem
}

.withdraw-bankcard-icon {
    height: .49rem;
    margin: .05rem 0 .15rem
}

.withdraw-bankcard-icon span {
    display: -webkit-box;
    word-break: break-word;
    margin-right: .1rem;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.withdraw-bankcard-icon img {
    height: 100%
}

.withdraw-bankcard-cont,
.withdraw-bankcard-num,
.withdraw-bankcard-title {
    padding: .125rem .18rem;
    display: flex
}

.withdraw-bankcard-num {
    font-size: .48rem;
    font-weight: 700;
    text-align: center;
    justify-content: center
}

.withdraw-bankcard-cont {
    height: .75rem
}

.withdraw-bankcard-cont div {
    flex: 1 1 50%
}

.withdraw-bankcard-cont div span {
    display: block;
    margin: .075rem 0
}

.withdraw-bankcard-cont div span:last-child {
    font-size: .3rem
}

.card-name {
    margin-top: .32rem !important
}

.wbc-date {
    font-size: .3rem
}

.wbc-date div:last-child {
    position: absolute;
    display: inline-block;
    right: .2rem
}

.wallet_return {
    margin-top: .05rem;
    margin-bottom: .3rem;
    text-align: center
}

.wallet_return div {
    margin-top: .1rem;
    color: #3b79f3;
    background-color: #d7e7fe;
    display: inline-block;
    padding: 0 .24rem;
    font-size: .28rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .5rem;
    text-align: center;
    position: relative
}

.wallet_return div span {
    padding-left: .56rem;
    display: inline-block
}

.wallet_return svg {
    position: absolute;
    left: .2rem;
    top: .1rem;
    width: .5rem;
    height: .5rem
}

.getCode_bar {
    padding: .05rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.getCode_button {
    background: #108ee9;
    color: #fff;
    padding: .1rem 0;
    width: 1rem;
    text-align: center;
    border-radius: .15rem
}

.turnover-tips {
    padding: .1rem .45rem;
    text-align: center
}

.tt-title {
    font-size: .28rem;
    color: #646464
}

.tt-tip {
    font-size: .25rem;
    margin: .2rem 0;
    color: #ea604b;
    font-weight: 700
}

.turnover-tips table {
    width: 100%;
    border-radius: .06rem .06rem 0 0;
    overflow: hidden
}

.turnover-tips table thead {
    background-color: #e6e6e6
}

.turnover-tips table thead td {
    padding: .1rem;
    color: #5e5e5e
}

.turnover-tips table tbody td {
    color: #8a8a8a
}

.turnover-tips table tbody td.required-turnover {
    color: #ea604b
}

.turnover-tips table td {
    border-color: #f0f0f0;
    text-align: center;
    height: .55rem;
    font-size: .26rem
}

.play-more-game {
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    background-image: linear-gradient(0deg, #fe002d, #ff3035), linear-gradient(#0e0221, #0e0221);
    background-blend-mode: normal, normal;
    box-shadow: 0 .08rem .32rem .04rem rgba(255, 0, 0, .36);
    border-radius: .18rem;
    color: #fff;
    margin: .4rem .45rem;
    font-size: .36rem
}

.cards-title {
    font-size: .32rem;
    padding: 0 .35rem .35rem 0;
    color: #595959
}

.withdraw-nbank,
.withdraw-nbank-vc {
    color: #fff;
    font-size: .48rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 3.4rem !important;
    line-height: 3.4rem;
    background: url(/mobile/mc/no_cards.b073c0ab.png) no-repeat;
    border-radius: .1rem;
    background-size: auto 100%;
    background-position: 50%;
    text-align: center;
    position: relative
}

.withdraw-nbank-vc {
    background: url(/mobile/mc/no_vcards.48bb30c6.png) no-repeat;
    border-radius: .1rem;
    background-size: auto 100%;
    background-position: 50%
}

.withdraw-nbank-vc span,
.withdraw-nbank span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.bank-delete-icon {
    position: absolute;
    right: .2rem;
    top: .2rem
}

.w-input-content-i18n {
    padding: 0 .2rem 0 2.8rem
}

.w-input-content-i18n .input-group {
    position: relative
}

.w-input-content-i18n .input-group input {
    height: 1.05rem
}

.w-input-content-i18n .input-group .input-placeholder {
    position: absolute;
    width: 100%;
    height: 1.05rem;
    top: 0;
    color: #a8a8a8;
    font-size: .3rem;
    display: flex;
    align-items: center;
    padding-right: .7rem;
    word-break: break-word
}

.w-input-content-i18n .eye-group {
    position: absolute;
    right: .25rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: .44rem;
    height: .44rem
}

.withdraw-container-v2 .tab-wrapper {
    position: relative
}

.withdraw-container-v2 .tab-wrapper.has-mask:before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - .87rem);
    left: 0;
    top: .87rem;
    background: transparent;
    z-index: 1
}

.withdraw-container-v2 .tab-wrapper .tab-arrow {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.withdraw-container-v2 .tab-wrapper .tab-arrow.one-right {
    justify-content: flex-end
}

.withdraw-container-v2 .tab-wrapper .arrow-content {
    width: 1.6rem;
    height: .85rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.withdraw-container-v2 .tab-wrapper .arrow-content svg {
    fill: #3b79f3;
    width: .3rem;
    height: .3rem
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-left {
    padding-left: .2rem;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) 0, #fff 67%, #fff)
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-left svg {
    transform: rotate(180deg)
}

.withdraw-container-v2 .tab-wrapper .arrow-content.arrow-right {
    display: flex;
    justify-content: flex-end;
    padding-right: .2rem;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 67%, #fff)
}

.withdraw-container-v2 .am-tabs-bar {
    align-items: center;
    overflow: auto
}

.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar {
    display: none;
    background-color: transparent
}

.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar-thumb,
.withdraw-container-v2 .am-tabs-bar::-webkit-scrollbar-track {
    background-color: transparent
}

.withdraw-container-v2 .am-tabs-bar .am-tabs-nav-swipe-container .am-tabs-nav-swipe .am-tabs-nav .am-tabs-tab {
    height: 1.1rem
}

.withdraw-container-v2 .am-tabs-bar .tab-content {
    display: flex;
    justify-content: center
}

.withdraw-container-v2 .am-tabs-bar .item-group {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.3rem
}

.withdraw-container-v2 .am-tabs-bar .item-group .bank-txt {
    flex: 1 1 0%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: 1;
    height: auto;
    word-break: break-word
}

@supports(-webkit-line-clamp:2) {
    .withdraw-container-v2 .am-tabs-bar .item-group .bank-txt {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.withdraw-container-v2 .am-tabs-bar img {
    width: auto;
    max-width: .5rem;
    max-height: .5rem;
    object-fit: contain;
    margin-right: .1rem
}

.withdraw-container-v2 .am-tabs-bar img.no-txt {
    max-width: 100%;
    max-height: .6rem
}

.withdraw-main {
    font-size: .25rem;
    background-color: #fff;
    overflow: hidden;
    min-height: calc(100vh - 1.9rem)
}

.wm-space {
    height: .2rem;
    background: #faf9fe
}

.withdraw-bank {
    margin: .65rem 0;
    height: 4.4rem
}

.withdraw-bkdbtn {
    height: .32rem;
    border-bottom: 1px solid #dedede;
    line-height: 0;
    font-size: 0;
    position: relative
}

.withdraw-bkadd {
    padding: .2rem;
    background-color: #fe0000;
    border: .05rem solid #fff;
    border-radius: .5rem;
    position: absolute;
    right: .45rem;
    bottom: -.45rem
}

.withdraw-bkinfo {
    color: #bababa;
    padding: .4rem .45rem 0;
    line-height: .34rem;
    font-size: .24rem
}

.withdraw-bkinfo img {
    max-width: 100%;
    object-fit: contain
}

.dark-gray {
    color: #333
}

.translate-tips {
    margin: .25rem .45rem 0;
    color: #ea604b;
    text-align: left;
    line-height: .34rem;
    font-size: .24rem
}

.withdraw-tips.no-allow .withdraw-tips-content .wysiwyg {
    padding-bottom: 0
}

.withdraw-tips-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 4.73rem;
    transform: translate(-50%, -50%);
    border-radius: .2rem;
    background: #ffcc6a;
    box-shadow: 0 .12rem .3rem 0 rgba(0, 0, 0, .2);
    color: #ee5a5a;
    font-size: .4rem;
    line-height: .6rem;
    padding: .4rem .5rem;
    font-weight: 700;
    word-break: break-word;
    z-index: 1
}

.withdraw-tips-footer {
    border-top: 1px solid #c9b079;
    padding: .3rem 0;
    font-size: .28rem;
    text-align: left;
    line-height: 1.5;
    font-weight: 400;
    color: #888
}

.withdraw-tips-footer span {
    font-weight: 700;
    color: #ee5a5a
}

.withdraw-tips-content .tips-title .wysiwyg {
    line-height: normal
}

.withdraw-tips-content .wysiwyg {
    padding-bottom: .3rem;
    letter-spacing: .03rem
}

.withdraw-container-v2 .tab-title .am-tabs-tab {
    padding: 0 .1rem
}

.withdraw-container-v2 .am-tabs-tab-active.am-tabs-tab {
    border-bottom: none !important
}

.withdraw-container-v2 .am-tabs-ink-bar,
.withdraw-container-v2.hide-tab-bar .am-tabs-bar {
    display: none !important
}

.withdraw-container-v2 .am-tabs-tab {
    color: #666
}

.withdraw-container-v2 .am-tabs-tab-active span,
.withdraw-container-v2 .am-tabs-tab span {
    padding-left: .05rem;
    line-height: 1.2;
    text-align: center;
    width: 100%
}

.withdraw-container-v2 .am-tabs-tab-active span {
    height: 100%;
    color: #ec2529;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center
}

.withdraw-container-v2 .am-tabs-tab-active span:before {
    content: "";
    height: .06rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ec2529
}

.withdraw-container-v2 .mc-header-wrap {
    z-index: 1001;
    position: relative
}

.withdraw-container-v2 .mc-header-wrap .report-icon {
    margin-left: .1rem
}

.withdraw-container-v2 .am-tabs-top.show-one .am-tabs-bar {
    z-index: 1000
}

.withdraw-bank-card {
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card .cards-title {
    font-size: .28rem;
    color: #333;
    padding: .24rem 0 .24rem .2rem;
    position: relative;
    display: flex;
    align-items: center
}

.withdraw-bank-card .cards-title:before {
    position: absolute;
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #4080fd;
    left: 0
}

.withdraw-bank-card .cards-list {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card .cards-list .card-item {
    width: 7.1rem;
    height: 1.76rem;
    display: flex;
    gap: .2rem;
    padding: .2rem;
    border-radius: .16rem;
    margin-bottom: .2rem;
    box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12)
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+1) {
    background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+2) {
    background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+3) {
    background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+4) {
    background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+5) {
    background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+6) {
    background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item:nth-child(7n+7) {
    background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50%/cover
}

.withdraw-bank-card .cards-list .card-item .card-content {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem
}

.withdraw-bank-card .cards-list .card-item .item-top {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .16rem
}

.withdraw-bank-card .cards-list .card-item .item-top .item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 1.66rem;
    height: .8rem;
    border-radius: .12rem;
    overflow: hidden
}

.withdraw-bank-card .cards-list .card-item .item-top .item-icon img {
    width: 100%
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    font-size: .26rem;
    overflow: hidden
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-name {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    word-break: break-word;
    line-height: .28rem
}

@supports(-webkit-line-clamp:2) {
    .withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.withdraw-bank-card .cards-list .card-item .item-top .item-info .bank-num {
    color: #666;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.withdraw-bank-card .cards-list .card-item .item-bottom {
    color: #999;
    font-size: .22rem;
    text-align: right;
    flex: 1 1 0%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.withdraw-bank-card .cards-list .card-item .delete-icon {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.withdraw-bank-card .cards-list .card-item .delete-icon svg {
    width: .3rem;
    height: .36rem
}

.withdraw-bank-card .cards-tips {
    margin: .4rem 0 .3rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card .add-card-btn {
    margin: .3rem 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.withdraw-bank-card .add-card-btn svg {
    width: 1.42rem;
    height: 1.42rem
}

.withdraw-bank-card .max-limit-tip {
    margin: .6rem 0 .2rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card .no-bank-card {
    color: #fff;
    font-size: .48rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    background: url(/mobile/mc/no_cards.b073c0ab.png) no-repeat;
    border-radius: .1rem;
    background-size: auto 100%;
    background-position: 50%;
    text-align: center;
    position: relative
}

.withdraw-bank-card .no-bank-card span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.withdraw-bank-card-ew {
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card-ew .cards-title {
    font-size: .28rem;
    color: #333;
    padding: .24rem 0 .24rem .2rem;
    position: relative;
    display: flex;
    align-items: center
}

.withdraw-bank-card-ew .cards-title:before {
    position: absolute;
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #fdac40;
    left: 0
}

.withdraw-bank-card-ew .cards-list {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card-ew .cards-list .card-item {
    width: 7.1rem;
    height: 1.76rem;
    display: flex;
    gap: .2rem;
    padding: .2rem;
    border-radius: .16rem;
    margin-bottom: .2rem;
    box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12)
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+1) {
    background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+2) {
    background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+3) {
    background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+4) {
    background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+5) {
    background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+6) {
    background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item:nth-child(7n+7) {
    background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50%/cover
}

.withdraw-bank-card-ew .cards-list .card-item .card-content {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem
}

.withdraw-bank-card-ew .cards-list .card-item .item-top {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .16rem
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 1.66rem;
    height: .8rem;
    border-radius: .12rem;
    overflow: hidden
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-icon img {
    width: 100%
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    font-size: .26rem;
    overflow: hidden
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info .bank-name {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    word-break: break-word;
    line-height: .28rem
}

@supports(-webkit-line-clamp:2) {
    .withdraw-bank-card-ew .cards-list .card-item .item-top .item-info .bank-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.withdraw-bank-card-ew .cards-list .card-item .item-top .item-info .bank-num {
    color: #666;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.withdraw-bank-card-ew .cards-list .card-item .item-bottom {
    color: #999;
    font-size: .22rem;
    text-align: right;
    flex: 1 1 0%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.withdraw-bank-card-ew .cards-list .card-item .delete-icon {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.withdraw-bank-card-ew .cards-list .card-item .delete-icon svg {
    width: .3rem;
    height: .36rem
}

.withdraw-bank-card-ew .cards-tips {
    margin: .4rem 0 .3rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card-ew .add-card-btn {
    margin: .3rem 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.withdraw-bank-card-ew .add-card-btn svg {
    width: 1.42rem;
    height: 1.42rem
}

.withdraw-bank-card-ew .max-limit-tip {
    margin: .6rem 0 .2rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card-ew .no-bank-card {
    color: #fff;
    font-size: .48rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    background: url(/mobile/mc/no_cards.b073c0ab.png) no-repeat;
    border-radius: .1rem;
    background-size: auto 100%;
    background-position: 50%;
    text-align: center;
    position: relative
}

.withdraw-bank-card-ew .no-bank-card span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.select-bank-wrapper .am-popup {
    background-color: transparent
}

.select-bank-wrapper .select-bank-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.select-bank-wrapper .select-list-wrap {
    border-radius: .16rem;
    background: #fff;
    width: 6.66rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-height: calc(var(--vh, 1vh)*100 - 2rem);
    overflow: auto
}

.select-bank-wrapper .select-title {
    background: #f2f2f2;
    min-height: .92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #333;
    border-radius: .16rem .16rem 0 0
}

.select-bank-wrapper .select-list .select-item {
    padding: .1rem 0;
    margin: 0 .4rem;
    min-height: .92rem;
    display: flex;
    align-items: center
}

.select-bank-wrapper .select-list .select-item:not(:last-child) {
    border-bottom: 1px solid #dedede
}

.select-bank-wrapper .select-list .select-item .item-group {
    display: flex;
    align-items: center;
    gap: .15rem;
    font-size: .28rem;
    color: #333
}

.select-bank-wrapper .select-list .select-item .item-group.only-img img {
    height: .8rem;
    max-width: none
}

.select-bank-wrapper .select-list .select-item .item-group .icon-img {
    display: flex
}

.select-bank-wrapper .select-list .select-item .item-group .bank-txt {
    word-break: break-word
}

.select-bank-wrapper .select-list .select-item .item-group img {
    max-width: 1.33rem;
    height: .32rem;
    object-fit: contain
}

.select-bank-wrapper .select-close svg {
    width: 1.42rem;
    height: 1.42rem
}

.withdraw-bank-card-vc {
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card-vc .cards-title {
    font-size: .28rem;
    color: #333;
    padding: .24rem 0 .24rem .2rem;
    position: relative;
    display: flex;
    align-items: center
}

.withdraw-bank-card-vc .cards-title:before {
    position: absolute;
    content: "";
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #fd4084;
    left: 0
}

.withdraw-bank-card-vc .cards-list {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

.withdraw-bank-card-vc .cards-list .card-item {
    width: 7.1rem;
    height: 1.76rem;
    display: flex;
    gap: .2rem;
    padding: .2rem;
    border-radius: .16rem;
    margin-bottom: .2rem;
    box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12)
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+1) {
    background: url(/mobile/mc/withdraw-card-bg1.f4a3a62f.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+2) {
    background: url(/mobile/mc/withdraw-card-bg2.ad06aadd.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+3) {
    background: url(/mobile/mc/withdraw-card-bg3.ccb4d828.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+4) {
    background: url(/mobile/mc/withdraw-card-bg4.a330a105.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+5) {
    background: url(/mobile/mc/withdraw-card-bg5.5cfd86bd.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+6) {
    background: url(/mobile/mc/withdraw-card-bg6.df0e3b26.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item:nth-child(7n+7) {
    background: url(/mobile/mc/withdraw-card-bg7.55a264e6.png) no-repeat 50%/cover
}

.withdraw-bank-card-vc .cards-list .card-item .card-content {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem
}

.withdraw-bank-card-vc .cards-list .card-item .item-top {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .16rem
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 1.66rem;
    height: .8rem;
    border-radius: .12rem;
    overflow: hidden
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-icon img {
    width: 100%
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    font-size: .26rem;
    overflow: hidden
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info .bank-name {
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    word-break: break-word;
    line-height: .28rem
}

@supports(-webkit-line-clamp:2) {
    .withdraw-bank-card-vc .cards-list .card-item .item-top .item-info .bank-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.withdraw-bank-card-vc .cards-list .card-item .item-top .item-info .bank-num {
    color: #666;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.withdraw-bank-card-vc .cards-list .card-item .item-bottom {
    color: #999;
    font-size: .22rem;
    text-align: right;
    flex: 1 1 0%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.withdraw-bank-card-vc .cards-list .card-item .delete-icon {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.withdraw-bank-card-vc .cards-list .card-item .delete-icon svg {
    width: .3rem;
    height: .36rem
}

.withdraw-bank-card-vc .cards-tips {
    margin: .4rem 0 .3rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card-vc .add-card-btn {
    margin: .3rem 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.withdraw-bank-card-vc .add-card-btn svg {
    width: 1.42rem;
    height: 1.42rem
}

.withdraw-bank-card-vc .max-limit-tip {
    margin: .6rem 0 .2rem;
    color: #666;
    font-size: .28rem;
    text-align: center
}

.withdraw-bank-card-vc .no-bank-card {
    color: #fff;
    font-size: .48rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 3.4rem;
    line-height: 3.4rem;
    background: url(/mobile/mc/no_vcards.48bb30c6.png) no-repeat;
    border-radius: .1rem;
    background-size: auto 100%;
    background-position: 50%;
    text-align: center;
    position: relative
}

.withdraw-bank-card-vc .no-bank-card span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.my-withdraw-cards-wrap {
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff
}

.my-withdraw-cards-wrap .my-withdraw-cards {
    flex: 1 1 0%;
    overflow: auto;
    padding-bottom: .1rem
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-banks-wrap {
    height: auto
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-banks-wrap .no-bank-card span:before {
    background: #fff url(/mobile/mc/bank-icon.dede4e29.png) no-repeat 50%/.55rem .55rem
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-vb-banks-wrap {
    height: auto
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-vb-banks-wrap .no-bank-card span:before {
    background: #fff url(/mobile/mc/vbank-icon.f30d9229.png) no-repeat 50%/.55rem .55rem
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-ew-banks-wrap {
    height: auto
}

.my-withdraw-cards-wrap .my-withdraw-cards .my-ew-banks-wrap .no-bank-card span:before {
    background: #fff url(/mobile/mc/ebank-icon.211e86d0.png) no-repeat 50%/.55rem .55rem
}

.my-withdraw-cards-wrap .add-card-btn {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.my-withdraw-cards-wrap .add-card-btn svg {
    width: 1.42rem;
    height: 1.42rem
}

.my-withdraw-cards-wrap .no-bank-card {
    width: 7.1rem;
    height: 1.62rem;
    line-height: normal;
    display: flex;
    align-items: center;
    background: url(/mobile/mc/withdraw-card-default.61270f85.png) no-repeat 50%/cover;
    padding: 0 .2rem;
    border-radius: .16rem;
    margin: 0 0 .2rem;
    box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .12);
    text-align: left
}

.my-withdraw-cards-wrap .no-bank-card span {
    bottom: auto;
    position: relative;
    padding-left: .86rem;
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #333
}

.my-withdraw-cards-wrap .no-bank-card span:before {
    position: absolute;
    content: "";
    left: 0;
    width: .7rem;
    height: .7rem;
    border-radius: 50%
}

.my-cards-select-wrapper .am-popup {
    background-color: transparent
}

.my-cards-select-wrapper .select-bank-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.my-cards-select-wrapper .select-list-wrap {
    border-radius: .16rem;
    background: #fff;
    width: 6.66rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-height: calc(var(--vh, 1vh)*100 - 2rem);
    overflow: auto
}

.my-cards-select-wrapper .select-title {
    background: #f2f2f2;
    min-height: .92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #333;
    border-radius: .16rem .16rem 0 0
}

.my-cards-select-wrapper .select-list .select-item {
    padding: .1rem 0;
    margin: 0 .4rem;
    min-height: .92rem;
    display: flex;
    align-items: center
}

.my-cards-select-wrapper .select-list .select-item:not(:last-child) {
    border-bottom: 1px solid #dedede
}

.my-cards-select-wrapper .select-list .select-item .item-group {
    display: flex;
    align-items: center;
    gap: .15rem;
    font-size: .28rem;
    color: #333
}

.my-cards-select-wrapper .select-list .select-item .item-group.only-img img {
    height: .8rem;
    max-width: none
}

.my-cards-select-wrapper .select-list .select-item .item-group .icon-img {
    display: flex
}

.my-cards-select-wrapper .select-list .select-item .item-group .bank-txt {
    word-break: break-word
}

.my-cards-select-wrapper .select-list .select-item .item-group img {
    max-width: 1.33rem;
    height: .32rem;
    object-fit: contain
}

.my-cards-select-wrapper .select-close svg {
    width: 1.42rem;
    height: 1.42rem
}

.my-banks-wrap {
    margin: 0 .2rem;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    display: flex;
    flex-direction: column
}

.my-ew-banks-wrap {
    margin: 0 .2rem;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    display: flex;
    flex-direction: column
}

.my-vb-banks-wrap {
    margin: 0 .2rem;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    display: flex;
    flex-direction: column
}

.red-rain-select {
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    color: #fff;
    background: #3b79f3;
    position: relative;
    margin-top: 1.1rem
}

.clear-icon {
    height: 1rem;
    line-height: 1rem
}

#root .red-rain-lpbody .am-navbar-light {
    width: 75%
}

#root .red-rain-lpbody .am-navbar-left {
    flex: 1 1 auto
}

#root .red-rain-lpbody .am-navbar-left .am-navbar-left-content {
    padding-left: .16rem
}

#root .red-rain-lpbody .am-navbar-right {
    flex: 1 1 auto;
    padding-right: .16rem;
    display: flex;
    justify-self: flex-end
}

.red-rain-sall,
.red-rain-sdone {
    position: absolute
}

.red-rain-sall {
    left: .45rem
}

.red-rain-sdone {
    right: .45rem
}

.red-rain-underling {
    padding: .2rem .45rem;
    background: #f5f5f5
}

.red-rain-underling span {
    display: inline-block;
    min-width: 1.5rem;
    min-height: .5rem;
    text-align: center;
    padding: .1rem;
    font-size: .3rem;
    margin-bottom: .1rem;
    color: #5e5e5e;
    border: 1px solid #5e5e5e;
    border-radius: .1rem;
    margin-right: .2rem
}

.red-rain-underling span.on {
    color: #3786ff;
    border: 1px solid #3786ff
}

.red-rain-lul {
    max-height: calc(100% - 3rem);
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.red-rain-lul .red-rain-option {
    padding: 0 .45rem;
    height: 1.06rem;
    position: relative
}

.red-rain-opleft {
    position: absolute;
    left: .45rem;
    top: .32rem
}

.red-rain-oname {
    margin-left: .6rem;
    line-height: 1.06rem;
    border-bottom: 1px solid #5e5e5e
}

.red-rain-lul .red-rain-option:last-child .red-rain-oname {
    border-bottom: 0 none
}

.red-rain-lpbody .am-search.am-search-start .am-search-synthetic-ph {
    width: 1.3rem !important;
    padding-left: .2rem
}

.red-rain-main {
    padding: 0 .45rem
}

.red-rain-top {
    padding: .4rem 0;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
    font-size: .3rem
}

.red-rain-tleft {
    width: 1.12rem;
    color: #848484;
    left: 0;
    word-break: break-all
}

.red-rain-tright {
    width: .4rem;
    height: .4rem;
    color: #4c84f8;
    border-radius: 100%;
    text-align: center;
    line-height: .4rem;
    right: 0
}

.red-rain-tleft,
.red-rain-tright {
    position: absolute;
    top: .45rem
}

.red-rain-tcenter {
    padding: 0 .5rem 0 1.3rem;
    max-height: 3rem;
    overflow: auto;
    word-break: break-all
}

.red-rain-tcenter span {
    display: inline-block;
    padding: .05rem 0
}

.red-rain-type {
    height: 1.22rem;
    padding: .3rem 0
}

.red-rain-tetit {
    float: left;
    line-height: .62rem
}

.red-rain-bottom {
    padding: .1rem 0 .7rem
}

.red-rain-input input {
    padding-left: .2rem;
    width: 100%;
    height: 1.04rem;
    margin: .2rem 0;
    background-color: #efefef;
    border-radius: .15rem;
    line-height: 1.04rem;
    position: relative;
    border: 0 none;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.red-rain-input input:focus {
    border: .02rem solid #3879d9
}

.red-rain-sub {
    margin: .1rem 0;
    color: #fff
}

.red-rain-leftbody,
.red-rain-leftpull {
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.red-rain-leftbody {
    position: relative
}

.red-rain-leftpull input {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.red-rain-leftpull {
    width: 100%;
    height: 100%;
    z-index: 99;
    position: fixed;
    top: 0
}

.red-rain-lpmain {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.red-rain-lpbody {
    background: #fff;
    margin-left: 25%;
    width: 75%;
    height: 100%
}

.red-rain-lpbody>div {
    height: 100%
}

.red-rain-lpbg {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    left: 0;
    top: 0;
    right: 75%;
    bottom: 0
}

.team-manage-wrapper header .info {
    margin-left: .09rem;
    display: flex;
    align-items: center
}

.team-manage-wrapper header .info svg {
    width: .33rem;
    height: .33rem
}

.team-manage-wrapper header .am-navbar-right {
    padding: 0 .3rem 0 .1rem
}

.team-manage-wrapper .mc-agent-team-container {
    border-bottom: 1px solid #dbdbdb;
    height: 1.13rem
}

.team-manage-wrapper .mc-agent-team-container .dropdown-wrapper {
    z-index: 10
}

.team-manage-wrapper .mc-agent-team-container .dropdown-wrapper .mc-teamlist-filter .am-input-item {
    max-width: 3.5rem
}

.team-manage-wrapper .mc-agent-team-flow {
    background-color: #fff
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow {
    box-shadow: inherit !important;
    height: 1.06rem
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow .team-member-item {
    padding: 0 .24rem
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow .team-member-item .unit-active {
    background-color: #fff;
    color: #108ee9;
    border: 1px solid #108ee9
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow input[type=radio] {
    display: none
}

.team-manage-wrapper .mc-agent-team-flow .team-member-flow input[type=radio]:checked+label {
    background-color: #fff;
    color: #108ee9;
    border: 1px solid #108ee9
}

.team-manager-modal .modal-list-header {
    color: #5b5b5b;
    font-size: .32rem;
    padding: .28rem .62rem;
    position: relative;
    text-align: left
}

.team-manager-modal .modal-list-header .popup-close {
    position: absolute;
    right: .4rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.team-manager-modal .modal-list-header .popup-close svg {
    fill: #b7b7b7;
    width: .48rem;
    height: .48rem
}

.team-manager-modal .modal-list-content {
    padding: 0 .5rem 0 .62rem;
    color: #5b5b5b;
    font-size: .28rem
}

.team-manager-modal .modal-list-content input[type=radio] {
    display: none
}

.team-manager-modal .modal-list-content input[type=radio]:checked+label .check-icon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1 0%
}

.team-manager-modal .modal-list-content .list-item {
    border-top: 1px solid #e6e6e6;
    padding: .14rem 0;
    display: flex;
    align-items: center;
    position: relative;
    gap: .17rem
}

.team-manager-modal .modal-list-content .list-item .check-icon {
    display: none
}

.team-manager-modal .modal-list-content .list-item .check-icon svg {
    fill: #ec2529;
    width: .33rem
}

.team-manager-modal .modal-list-content .list-item .sort_icon svg {
    fill: #7f7f7f
}

.member-detail-wrapper {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    background: #fff7f6 url(/mobile/mc/member_detail_bg.8e345edd.jpg) top no-repeat;
    background-size: 7.5rem 6.34rem;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    overflow: auto
}

.member-detail-wrapper header {
    display: flex;
    height: 1rem;
    justify-content: center;
    position: relative;
    align-items: center;
    color: #fff;
    font-size: .36rem
}

.member-detail-wrapper header svg {
    position: absolute;
    left: .25rem;
    fill: #fff
}

.member-detail-wrapper .member-detail-top {
    background-size: cover;
    margin: 0 .4rem;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    margin-bottom: .23rem
}

.member-detail-wrapper .member-detail-top .item-left .avatar-icon {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: .58rem;
    overflow: hidden;
    border: .05rem solid #ffe2de;
    background-color: #fd2f2f
}

.member-detail-wrapper .member-detail-top .item-left .avatar-icon img {
    object-fit: fill;
    width: 100%;
    height: auto
}

.member-detail-wrapper .member-detail-top .item-right {
    margin-left: .15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.member-detail-wrapper .member-detail-top .item-right .item-name {
    font-size: .34rem;
    text-align: left
}

.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap {
    margin-left: .17rem;
    vertical-align: middle
}

.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap svg {
    width: .35rem;
    height: .35rem
}

.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap .nickname-item {
    width: 1.31rem;
    display: inline-block;
    padding-left: .11rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.member-detail-wrapper .member-detail-top .item-right .item-name .nickname-wrap .nickname-item:before {
    position: absolute;
    content: "";
    width: 100%;
    height: .02rem;
    background-color: #a0a0a0;
    bottom: .03rem;
    left: 0
}

.member-detail-wrapper .member-detail-top .item-right .item-avail {
    font-size: .48rem;
    text-align: left
}

.member-detail-wrapper .member-detail-top .item-date {
    flex: 0 0 100%;
    margin: .1rem 0 0;
    font-size: .24rem;
    text-align: left
}

.member-detail-wrapper .member-detail-top .item-date .date-title {
    position: relative;
    padding-right: .2rem
}

.member-detail-wrapper .member-detail-top .item-date .date-title:before {
    position: absolute;
    content: ":";
    right: .1rem
}

.member-detail-wrapper .member-detail-btn {
    border-radius: .26rem;
    background-color: hsla(0, 0%, 100%, .8);
    display: flex;
    justify-content: space-around;
    margin: 0 .24rem;
    padding: .2rem 0
}

.member-detail-wrapper .member-detail-btn .btn-item {
    font-size: .24rem;
    color: #212121;
    display: flex;
    flex-direction: column;
    align-items: center
}

.member-detail-wrapper .member-detail-btn .btn-item img {
    width: .64rem;
    object-fit: contain;
    margin-bottom: .13rem
}

.member-detail-wrapper .member-detail-tab {
    margin: 0 .24rem
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar {
    position: relative;
    margin-top: .2rem;
    width: 100%
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-ink-bar {
    display: none !important
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab {
    background-color: transparent;
    position: relative;
    border-bottom: inherit;
    color: #212121;
    font-size: .3rem;
    font-weight: 700;
    width: 50%;
    word-break: break-all;
    height: inherit;
    line-height: inherit;
    padding: 0 .1rem
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab .icon-setrebate {
    display: none
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab:nth-child(3).am-tabs-tab-active:before {
    left: -.42rem
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active {
    color: #ec2529;
    border-bottom: none !important
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active:before {
    position: absolute;
    content: "";
    width: .36rem;
    height: .05rem;
    background-color: #ec2529;
    bottom: -.05rem;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: .02rem
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active .icon-setrebate {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: .38rem;
    height: .38rem;
    background-color: #fea195;
    border-radius: .19rem;
    position: relative;
    margin: auto 0 auto .12rem
}

.member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active .icon-setrebate svg {
    width: .23rem;
    height: .23rem;
    fill: #fff
}

.member-detail-wrapper .member-detail-tab .am-tabs-content {
    margin-top: .28rem;
    color: #616161;
    font-size: .28rem;
    line-height: 2.5
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane {
    padding: 0 1.12rem .28rem;
    background-color: #fafafa;
    border-radius: .19rem;
    height: auto
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: .1rem 0
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li .item-left {
    text-align: left;
    width: 45%;
    word-break: break-word;
    line-height: 1.3
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li .item-right {
    text-align: right
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li .item-right.text-red {
    color: #ec2529
}

.member-detail-wrapper .member-detail-tab .am-tabs-content .am-tabs-tabpane li .item-right.text-green {
    color: #4bb319
}

.info-modal.am-modal-transparent {
    width: 4.56rem !important
}

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

.info-modal.am-modal-transparent .am-modal-content .am-modal-body .info-title {
    font-size: .32rem;
    font-weight: 700;
    line-height: normal
}

.info-modal.am-modal-transparent .am-modal-content .am-modal-body .info-content {
    margin-top: .2rem;
    color: #616161;
    font-size: .28rem;
    line-height: 1.36
}

.info-modal.am-modal-transparent .am-modal-content .am-modal-footer .am-modal-button-group-v .am-modal-button {
    border-top: none;
    color: #3e6ffe;
    font-weight: 700;
    font-size: .28rem
}

.footer-content-item-income {
    box-shadow: 0 -.07rem .1rem 0 rgba(0, 0, 0, .08);
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    font-size: .24rem
}

.footer-content-item-income .footer-rows-wrap {
    padding: .27rem .24rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .16rem 0
}

.footer-content-item-income .footer-rows-wrap .footer-rows {
    font-size: .24rem;
    font-weight: 500;
    color: #1b1b1b;
    width: 50%;
    display: flex;
    padding: .04rem 0
}

.amount-positive-number {
    color: #70b603
}

.amount-negative-number {
    color: red
}

.loss-amount {
    color: #70b603 !important
}

.win-amount {
    color: red !important
}

.amount-zero-number {
    color: #000
}

.record-amount {
    font-weight: 700;
    font-size: .3rem;
    margin-top: .1rem
}

.total-hands {
    color: #108ee9;
    font-style: normal;
    margin: 0 .1rem
}

.pnl-filter-type svg {
    width: 20
}

.cons-bet-item .records-item-content-box {
    background-color: #fafafa;
    padding-top: .12rem
}

.cons-bet-item .records-item-content-box.content {
    border-radius: .08rem;
    color: #616161;
    font-size: .24rem;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    gap: .16rem 0;
    padding: .13rem
}

.cons-bet-item .records-item-content-box.content div {
    width: 50%
}

.cons-bet-item .records-item-content-box div:first-child {
    padding: 0 !important;
    background-color: transparent
}

.cons-bet-item .records-item-content-box .item-total {
    display: flex;
    width: 100% !important;
    color: #1b1b1b;
    font-weight: 500;
    margin-top: .06rem
}

.cons-bet-item.income-records-root {
    padding: .26rem;
    margin: 0 !important
}

.cons-bet-item .mc_common_overflow span {
    color: #c9c9c9
}

.gameCecords-list-root .am-activity-indicator {
    justify-content: center;
    padding-bottom: .4rem
}

.gameCecords-list-root .top-tip {
    position: absolute;
    top: -.4rem;
    left: 0;
    z-index: 1;
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    font-size: .28rem;
    color: #000;
    opacity: .4
}

.lott-records-root .records-item-content-sy>div {
    margin-bottom: .2rem
}

.record_date {
    line-height: 1;
    white-space: nowrap
}

.cr-container li {
    border-bottom: 1px solid #dbdbdb
}

.cr-container li .records-item-content-sy {
    position: relative
}

.cr-container li .records-item-content-sy>div:first-child {
    background-color: #f5f5f5;
    padding: .1rem 0
}

.mc-new-team-tab .mc-agent-team-tab {
    height: .8rem;
    z-index: 999;
    background: #fff;
    line-height: .8rem;
    width: 100%;
    top: 1rem
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
    text-align: center;
    min-width: 25%;
    margin-left: 0;
    height: .8rem;
    border-bottom: .04rem solid #fff
}

.mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    border-bottom: .04rem solid #108ee9
}

.mc-new-team-tab .mc-agent-team-container {
    top: 2rem
}

.mc-agent-team-list {
    width: 100%;
    height: 100%
}

.mc-agent-team-filter-income {
    box-shadow: 0 .07rem .1rem 0 rgba(0, 0, 0, .08);
    z-index: 1;
    position: relative;
    top: 0;
    height: .97rem
}

.mc-agent-team-filter-income .pdfc-mask {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, .3)
}

.mc-agent-team-filter-income .filter-container {
    position: relative;
    background-color: #fff;
    padding: .2rem;
    top: 0;
    box-shadow: 0 .05rem .1rem -.04rem #8c8c8c;
    opacity: 0;
    z-index: -999;
    animation-duration: .5s;
    animation-fill-mode: both
}

@keyframes filter-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mc-agent-team-filter-income .filter-container.show-filter {
    animation-name: filter-fadeIn;
    z-index: 888;
    opacity: 1
}

.mc-agent-team-filter-income .filter-container .am-button-ghost {
    color: #565656;
    border: 0
}

.mc-agent-team-filter-income .filter-container .am-button-ghost svg {
    fill: #565656
}

.mc-agent-team-filter-income .filter-container .game-label {
    display: inline-block;
    min-width: calc(33% - .12rem);
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    margin: .06rem;
    border-radius: .1rem;
    color: #565656;
    border: .02rem solid #d6d6d6;
    vertical-align: top;
    overflow: hidden
}

.mc-agent-team-filter-income .filter-container .game-label.ck-icon {
    top: 0;
    border: .02rem solid #fe0425;
    color: #fe0425
}

.mc-agent-team-filter-income .filter-container .bet-filter-item-content>div {
    display: inline-block;
    min-width: calc(33% - .12rem);
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    margin: .06rem;
    border-radius: .1rem;
    color: #565656;
    border: .02rem solid #d6d6d6;
    vertical-align: top;
    overflow: hidden
}

.mc-agent-team-filter-income .filter-container .bet-filter-item-content>div.ck-date {
    border: .02rem solid #fe0425;
    color: #fe0425
}

.mc-agent-team-filter-income .filter-top {
    font-size: .28rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    color: #575757
}

.mc-agent-team-filter-income .filter-top .mc-agent-team-filter-date svg {
    margin-left: .15rem;
    top: 0 !important;
    width: .18rem;
    height: .18rem
}

.mc-agent-team-filter-income .mc-agent-team-filter-search {
    flex: 1 1 0%;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .1rem;
    top: .1rem;
    position: relative;
    display: inline-block
}

.mc-agent-team-filter-income .mc-agent-team-filter-search svg {
    left: .2rem;
    top: .13rem;
    position: absolute
}

.mc-agent-team-filter-income .mc-agent-team-filter-search input {
    height: .6rem;
    padding: 0 .1rem 0 .6rem;
    border-radius: .4rem;
    display: inline-block;
    background-color: #f5f5f5;
    border: none;
    outline: none
}

.mc-agent-team-filter-income .mc-agent-team-filter-date {
    top: .1rem;
    min-width: 1.8rem;
    position: relative;
    font-size: .26rem;
    height: .77rem;
    text-align: center;
    line-height: .77rem;
    display: inline-block
}

.mc-agent-team-filter-income .mc-agent-team-filter-date svg {
    position: relative;
    top: .16rem;
    transform: rotate(-90deg)
}

.income-tab .am-flexbox-item {
    height: .5rem;
    line-height: 1;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-line;
    display: flex;
    align-items: center;
    justify-content: center
}

.pnl-filter-date {
    color: #858585 !important
}

.pnl-filter-date svg {
    fill: #858585 !important
}

.show-mask-pnl .mc-agent-team-flow {
    position: relative;
    z-index: 9999
}

.bank-swiper-pagination,
.profit-swiper-pagination {
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%)
}

.bank-swiper-pagination .swiper-pagination-bullet,
.profit-swiper-pagination .swiper-pagination-bullet {
    width: .18rem;
    height: .18rem;
    margin: 0 .08rem
}

.bank-swiper-pagination .swiper-pagination-bullet-active,
.profit-swiper-pagination .swiper-pagination-bullet-active {
    background: #e70011
}

.swiper-slide-active .pnl-table-list:first-child {
    border-bottom: 1px solid #dbdbdb
}

.mc-agent-team:not(.CN) .pnl-table-header {
    white-space: normal
}

.mc-agent-team:not(.CN) .pnl-table-list div {
    word-break: break-word
}

.mc-agent-team:not(.CN) .mt-team-footer {
    height: .52rem;
    line-height: .52rem;
    vertical-align: top
}

.promotion-detail .pnl-table-list-container>div .pnl-table-list:nth-child(2n) {
    background: #fafafa
}

.pnl-list {
    position: relative
}

.direct-member-pop .pop-mask {
    position: fixed;
    content: "";
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .1)
}

.direct-member-pop .popup-wrapper {
    background: #fff;
    border-radius: .2rem .2rem 0 0;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    animation: detail-slideInUp .25s both;
    height: 100%
}

.direct-member-pop .popup-wrapper.hide-pop {
    animation-name: pop-slideOutDown
}

.direct-member-pop .direct-content {
    height: 100%
}

.direct-member-pop .close-btn {
    position: absolute;
    right: .4rem;
    top: .2rem;
    z-index: 2;
    width: .4rem;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.direct-member-pop .close-btn svg {
    width: .22rem;
    height: .22rem
}

.direct-member-pop .list-wrapper {
    height: 100% !important
}

@keyframes pop-slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        display: none;
        transform: translate3d(0, 100%, 0)
    }
}

.ug-order-info {
    line-height: 1.6em;
    font-size: .22rem;
    padding: 1em 5% 0
}

.ug-order-info .header-back {
    line-height: 1rem;
    text-align: center;
    font-size: .36rem;
    background: #695ffe;
    color: #fff
}

.ug-order-info .betDetails-list {
    border: 1px solid #000
}

.ug-order-info .betDetails-list .list-item {
    border-bottom: 1px solid #000
}

.ug-order-info .betDetails-list .list-item .list-item-row {
    display: flex;
    justify-content: space-between
}

.ug-order-info .betDetails-list .list-item .list-item-row div:first-child {
    width: 73%;
    padding: 0 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ug-order-info .betDetails-list .list-item .list-item-row div:last-child {
    font-weight: 700;
    width: 30%;
    white-space: nowrap;
    text-align: center
}

.ug-order-info .betDetails-list .list-item:nth-child(2n-1) {
    background-color: #efefef
}

.ug-order-info .cl-red {
    color: red
}

.ug-order-info .cl-green {
    color: green
}

.ug-order-info .ft-bold {
    font-weight: 700
}

.ug-order-info .pd1em {
    padding-left: 1em
}

.mc-teamBetting .am-navbar-right {
    align-items: flex-start
}

.mc-gameRecord .am-navbar-right {
    position: relative;
    flex: 0 0 2.3rem !important
}

.am-navbar-right .exclude-btn {
    position: absolute;
    font-size: .22rem;
    padding: .1rem;
    border-radius: .4rem;
    background-color: #108ee9;
    min-width: 2rem;
    text-align: center
}

.am-search-synthetic-ph {
    width: 1.5rem
}

.exclude-info-wrap .content-text {
    color: #333;
    font-size: .25rem;
    text-align: left
}

.exclude-info-wrap .red-title {
    color: red;
    text-align: left;
    font-weight: 700;
    margin-bottom: .3rem
}

.mc-lott-record-root {
    position: relative;
    overflow-x: hidden
}

.mc-lott-record-root .play-chooser .am-search-cancel {
    display: none
}

.mc-lott-record-root .select-Box {
    font-size: .63rem;
    position: relative
}

.mc-lott-record-root .select-Box .am-list-content {
    color: #108ee9
}

.mc-lott-record-root .select-Box>div {
    border: 1px solid #108ee9;
    border-radius: .1rem;
    margin-top: .3rem;
    padding: .1rem .2rem .2rem
}

.mc-lott-record-root .select-Box .type {
    display: inline-block;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #108ee9;
    position: absolute;
    background: #fff;
    transform: translateY(-.3rem)
}

.mc-lott-record-root .select-Box span {
    margin-right: .2rem;
    color: #888;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative;
    font-size: .28rem;
    text-align: center;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mc-lott-record-root .select-Box span.active {
    color: #108ee9;
    border-color: #108ee9
}

.mc-lott-record-root .btn {
    margin-top: .2rem
}

.mc-lott-record-root .main {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    z-index: 2;
    transition: all .25s ease-out
}

.mc-lott-record-root .play-chooser {
    visibility: hidden;
    opacity: 0;
    top: 0;
    padding: 0 .15rem;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 80%;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    color: #eee;
    left: 100%;
    transition: all .25s ease-out
}

.mc-lott-record-root .play-chooser.open {
    left: 20%;
    opacity: 1
}

.mc-lott-record-root .play-chooser-open {
    transform: translate3d(-80%, 0, 0)
}

.mc-lott-record-root .chooser-mask {
    transition: opacity .5s;
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    background-color: #000
}

.mc-lott-record-root .chooser-mask.show {
    opacity: .5;
    visibility: visible
}

.lottType-box .am-list-line {
    display: flex !important;
    justify-content: left !important
}

.lottType-box .am-list-extra {
    overflow: auto !important;
    flex-basis: 50% !important;
    text-align: left !important
}

.lottType-box .am-list-arrow {
    position: absolute !important;
    right: 0
}

.lottType-box .am-list-content {
    display: none
}

.lottType-box>.type {
    z-index: 10
}

.play-chooser .chase-number {
    padding: .2rem 0
}

.play-chooser .chase-number>span {
    color: #108ee9
}

.mc-lott-record-root .lott-records-root.list {
    margin-bottom: 0
}

#root.lott-detail .am-whitespace-lg {
    height: 1rem
}

#root.lott-detail>div {
    height: auto
}

#root.lott-detail .am-tabs-bar {
    background-color: initial
}

.u-filter-game-type .flex-shrink1,
.u-filter-game-type .flex-shrink1 .am-button {
    width: 100% !important
}

.exclude-records-root {
    margin-bottom: .4rem
}

.exclude-records-root .records-item-header-sy {
    background: #fff;
    display: flex;
    align-items: center;
    padding: .14rem .3rem;
    height: .7rem;
    line-height: .7rem
}

.exclude-records-root .records-item-header-sy .details>span {
    font-size: .26rem;
    color: #108ee9;
    padding: .2rem 0 .2rem .3rem
}

.exclude-records-root .records-item-content-sy {
    background: #f9f9f9;
    font-size: .26rem;
    padding: .3rem .3rem .2rem
}

.exclude-records-root .records-item-content-sy .info-box>span {
    margin-bottom: .1rem
}

.records-item-header-sy {
    position: relative
}

.records-item-header-sy .full_name_tip {
    line-height: 1;
    border-radius: .05rem;
    opacity: 0;
    color: #fff;
    position: absolute;
    top: .8rem;
    max-width: 80%;
    margin: 0;
    background-color: gray;
    padding: .1rem;
    transition: all .5s cubic-bezier(.075, .82, .165, 1)
}

.records-item-header-sy .full_name_tip:after {
    left: .3rem;
    border-left: .2rem solid transparent;
    border-bottom: .2rem solid gray;
    border-right: .2rem solid transparent;
    border-top: .2rem solid transparent;
    bottom: 100%;
    content: "";
    position: absolute;
    height: 0;
    width: .03rem
}

.records-item-header-sy .full_name_tip.showTip {
    opacity: 1
}

.lottOrderInfo_root {
    font-size: .26rem;
    padding: .2rem .4rem .1rem;
    background: #fff;
    border-bottom: 1px solid #cecdcd
}

.lottOrderInfo_root span {
    margin-bottom: .1rem
}

.lottOrderInfo_root .order_content {
    width: 2.8rem;
    overflow: hidden;
    display: flex
}

.lottOrderInfo_root .order_content i {
    font-style: normal
}

.lottOrderInfo_root .order_content .content {
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.lottOrderInfo_root .order_content .bett-more {
    color: #108ee9
}

.lott-detail {
    height: 100%;
    background: #f5f5f5
}

.lott-detail .records-info-sy {
    background: #fff;
    font-size: .26rem;
    margin-bottom: .2rem
}

.lott-detail .records-info-sy .order-info {
    border-bottom: 1px solid #cecdcd;
    padding: .3rem .6rem .2rem
}

.lott-detail .records-info-sy .info-box>span {
    margin-bottom: .1rem
}

.lott-detail .records-info-sy .order-money {
    padding: .3rem .6rem .2rem
}

.deposit-promo .act-title {
    color: #747474;
    margin-top: .14rem
}

.deposit-promo .act-container .act-item {
    background: #fff;
    border-radius: .08rem;
    color: #7f7f7f;
    overflow: hidden;
    border: 1px solid #efefef;
    margin-top: .2rem
}

.deposit-promo .act-container .act-item .wysiwyg {
    padding-bottom: 0
}

.deposit-promo .act-container .act-item .act-prom-remark {
    font-size: 85%;
    background-color: #edf2fa;
    padding: .1rem .2rem;
    color: #7f7f7f
}

.deposit-promo .act-container .act-prom-name {
    position: relative;
    padding: .2rem 30% .2rem .2rem
}

.deposit-promo .act-container .act-prom-name .act-mount {
    max-width: 30%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 .2rem;
    border-left: 1px solid #ccc
}

.deposit-promo .act-container .act-prom-name .act-mount i {
    font-style: normal
}

.deposit-promo .act-container .act-item.on {
    border-color: #a8cfff;
    color: #3786fc !important
}

.deposit-promo .act-container .act-item.on p {
    color: #9ea5b4;
    font-size: .26rem;
    padding: .2rem;
    background: #e4ecfc
}

.deposit-promo .act-container .act-item.on .act-mount {
    border-left: 1px solid #bcd1fc
}

.deposit-promo .act-container .act-item.on .act-mount i {
    font-style: normal
}

.deposit-promo .act-container .act-item.dis {
    color: #c7c7c7
}

#vc-v2-active .act-prom-remark-v2 {
    padding-bottom: .14rem
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-right: 1.2rem
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg br {
    display: none
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg>:not(:first-child) {
    display: none !important
}

#vc-v2-active .act-prom-remark-v2 .wysiwyg p {
    white-space: nowrap !important
}

.rmc-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff
}

.rmc-picker-popup-close {
    display: none
}

.rmc-picker-popup-wrap {
    overflow: auto;
    overflow-scrolling: touch;
    outline: 0
}

.rmc-picker-popup-mask,
.rmc-picker-popup-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050
}

.rmc-picker-popup-mask {
    background-color: #373737;
    background-color: rgba(55, 55, 55, .6);
    height: 100%;
    filter: alpha(opacity=50)
}

.rmc-picker-popup-mask-hidden {
    display: none
}

.rmc-picker-popup-header {
    background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: linear-gradient(180deg, #e7e7e7, #e7e7e7, transparent, transparent);
    background-position: bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.rmc-picker-popup-header-left,
.rmc-picker-popup-header-right {
    padding-left: .15rem;
    padding-right: .15rem
}

.rmc-picker-popup-item {
    color: #0ae;
    font-size: .32rem;
    height: .88rem;
    line-height: .88rem;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.rmc-picker-popup-item-active {
    background-color: #ddd
}

.rmc-picker-popup-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    color: #666;
    cursor: default
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter {
    opacity: 0
}

.rmc-picker-popup-fade-appear,
.rmc-picker-popup-fade-enter,
.rmc-picker-popup-fade-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -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
}

.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active,
.rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerFadeIn;
    animation-name: rmcPopupPickerFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerFadeOut;
    animation-name: rmcPopupPickerFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

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

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

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

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

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-leave {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -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
}

.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active,
.rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeIn;
    animation-name: rmcPopupPickerSlideFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
    -webkit-animation-name: rmcPopupPickerSlideFadeOut;
    animation-name: rmcPopupPickerSlideFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

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

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

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

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

.rmc-multi-picker,
.rmc-picker {
    height: 4.76rem
}

.rmc-multi-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rmc-picker-item {
    font-size: .32rem;
    height: .68rem;
    line-height: .68rem;
    padding: 0 .1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9b9b9b;
    box-sizing: border-box
}

.rmc-picker,
.rmc-picker-item {
    position: relative;
    overflow: hidden;
    width: 100%
}

.rmc-picker {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    text-align: center
}

.rmc-picker-mask {
    height: 100%;
    margin: 0 auto;
    z-index: 3;
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6)), linear-gradient(0deg, hsla(0, 0%, 100%, .95), hsla(0, 0%, 100%, .6));
    background-position: top, bottom;
    background-size: 100% 2.04rem;
    background-repeat: no-repeat
}

.rmc-picker-content,
.rmc-picker-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.rmc-picker-content {
    z-index: 1
}

.rmc-picker-indicator {
    box-sizing: border-box;
    width: 100%;
    height: .68rem;
    position: absolute;
    left: 0;
    top: 2.04rem;
    z-index: 3;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

#root.deposit-iframe,
.deposit-iframe .iframe-container iframe#deposit-content {
    width: 100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    height: -webkit-fill-available
}

.deposit-iframe .iframe-container iframe#deposit-content {
    position: fixed;
    left: 0;
    top: 0;
    border: 0;
    -webkit-overflow-scrolling: touch
}

@supports(height:100dvh) {
    .deposit-iframe .iframe-container iframe#deposit-content {
        height: 100dvh
    }
}

.game-back-icon {
    width: 1rem;
    height: 1rem;
    position: fixed;
    top: 0;
    left: .3rem;
    z-index: 11 !important;
    display: flex;
    align-items: center
}

.game-back-icon svg {
    fill: #606060
}

.myActivity .mc-header-wrap .am-navbar-right {
    padding-left: .3rem
}

.myActivity .mc-header-wrap .return_icon {
    padding-right: .3rem
}

.rescue-content {
    white-space: wrap;
    height: auto;
    overflow: auto;
    margin: .15rem 0;
    max-height: 5rem
}

.rescue-list {
    margin-top: -.85rem
}

.rescue-list .rescue-item {
    position: relative;
    font-size: .28rem;
    vertical-align: top;
    margin: .2rem;
    padding: .2rem .2rem .2rem 1.4rem;
    overflow: hidden;
    border-radius: .1rem;
    background: #fff;
    box-shadow: 0 .08rem .32rem hsla(0, 0%, 54%, .08);
    list-style: none;
    white-space: nowrap;
    background-image: url(/mobile/mc/money.1101a9c5.png);
    background-position: .2rem .15rem;
    background-repeat: no-repeat;
    background-size: 1rem 1rem
}

.rescue-list .rescue-item .list-title {
    font-weight: 700;
    color: #b3b3b3;
    font-size: .24rem
}

.rescue-list .rescue-item .list-title .rescue-money {
    margin-bottom: .2rem;
    font-size: .38rem;
    color: #f94b3f
}

.rescue-list .rescue-item .rescue-item-submit {
    position: absolute;
    top: 50%;
    right: 5%;
    height: 2em;
    line-height: 2em;
    width: 1.38rem;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #f8493f, #fd603f);
    display: inline;
    color: #fff;
    font-size: .26rem;
    padding: 0 .25rem;
    border-radius: .4rem;
    text-align: center;
    margin-left: .2rem
}

.rescue-list .rescue-item .rescue-item-submit.finshed {
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(/mobile/mc/check.7bd3914a.png)
}

.savior-list {
    color: #9a9a9a;
    padding: .2rem
}

.savior-list h3 {
    color: #6e6e6e;
    font-weight: 700;
    padding-bottom: .2rem
}

.savior-list td {
    height: .25rem;
    text-align: center;
    border: 1px solid #ccc
}

.mall-user-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 2.5rem;
    overflow: hidden
}

.manual-rebate .games {
    padding: .2rem .3rem 0;
    background: #f5f5f5;
    overflow: auto
}

.manual-rebate .banner {
    display: flex;
    height: .8rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 .15rem;
    margin-bottom: .3rem;
    border-radius: .1rem;
    background: #fc795a;
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcba66", endColorstr="#fa8866", GradientType=0)
}

.manual-rebate .banner .title {
    padding: 0 .04rem;
    letter-spacing: 0;
    word-break: break-all
}

.manual-rebate .banner .money {
    line-height: .8rem;
    font-size: .4rem
}

.manual-rebate .banner.loading {
    background-image: linear-gradient(130deg, #c9c9c9, #d8d8d8) !important
}

.manual-rebate .banner.loading .money {
    color: #c8c8c8 !important
}

.manual-rebate .banner.bg-0 {
    background-image: linear-gradient(130deg, #ff718d, #ffab68)
}

.manual-rebate .banner.bg-1 {
    background-image: linear-gradient(130deg, #5f6be4, #73bdeb)
}

.manual-rebate .banner.bg-2 {
    background-image: linear-gradient(130deg, #dda8ff, #c560fa)
}

.manual-rebate .banner.bg-3 {
    background-image: linear-gradient(130deg, #0bc8b2, #2eebe4)
}

.manual-rebate .banner.bg-4 {
    background-image: linear-gradient(-130deg, #fc44b9, #fe9bc2)
}

.manual-rebate .list-wrapper {
    background: initial
}

.manual-rebate .list-wrapper .after-trigger {
    padding-top: 0
}

.manual-rebate .w-input-submit {
    position: fixed;
    margin: 0;
    bottom: 0;
    padding: 1em 0;
    width: 100%;
    background: #f5f5f5
}

.manual-rebate .w-input-submit .am-button {
    margin: 0 .5rem
}

#mc-app-home-root.gc .lott-item-root {
    float: left;
    width: 1.48rem;
    height: 1.86rem
}

#mc-app-home-root.gc .lott-item-root .lott-name-container {
    text-align: center;
    font-size: .28rem
}

#mc-app-home-root.gc .lott-item-root span {
    display: inline-block;
    width: 100%
}

#mc-app-home-root.gc .lott-item-root span img {
    width: 100%;
    height: auto
}

#mc-app-home-root.gc .lott-item-root .loading-example>div {
    display: flex;
    justify-content: center
}

#mc-app-home-root.gc .vasslage-item-root {
    width: 2.8rem;
    height: 2.09rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left
}

#mc-app-home-root.gc .vasslage-item-root .vasslage_icon img {
    width: 2.8rem;
    height: 1.72rem
}

#mc-app-home-root.gc .vasslage-item-root .vasslage_icon.failed,
#mc-app-home-root.gc .vasslage-item-root .vasslage_icon.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 1.72rem
}

#mc-app-home-root.gc .vasslage-item-root .loading-example>div {
    display: flex;
    justify-content: center
}

#mc-app-home-root.gc .vasslage-item-root .vasslage-name-container {
    text-align: center;
    font-size: .28rem
}

#mc-app-home-root.gc .vassBox {
    height: 100%
}

#mc-app-home-root.gc .vassBox ul {
    overflow: auto;
    overflow-y: hidden;
    _height: 1%
}

#mc-app-home-root.gc .sectionHeader {
    margin-bottom: .3rem
}

#mc-app-home-root.gc .sectionHeader .title {
    height: 1.2rem;
    position: relative;
    padding-left: .5rem
}

#mc-app-home-root.gc .sectionHeader .title>b {
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    position: absolute;
    top: .85rem;
    left: .2rem
}

#mc-app-home-root.gc .sectionHeader .title>.gameType {
    position: absolute;
    top: .7rem;
    margin-left: .2rem;
    font-size: .4rem
}

#mc-app-home-root.gc .sectionHeader .title>.more {
    position: absolute;
    font-size: .28rem;
    right: .4rem;
    bottom: .05rem;
    color: #108ee9;
    padding: .3rem 0 0 .5rem
}

.sy_game_item {
    padding: .4rem .6rem;
    border-bottom: 1px solid #e9e9e9;
    height: 1.85rem
}

.sy_game_icon>img {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: .14rem
}

.sy_game_name {
    font-size: .24rem;
    width: 4rem;
    text-align: center
}

.game-Container {
    height: calc(100vh - 1.87rem);
    height: calc(100*var(--vh, 1vh) - 1.87rem);
    overflow: hidden
}

.game-Container .am-activity-indicator {
    justify-content: center;
    padding: .3rem 0
}

.game-Container>div {
    pointer-events: auto !important
}

.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-carousel {
    position: relative
}

.am-carousel-wrap {
    font-size: .36rem;
    color: #000;
    background: none;
    text-align: center;
    zoom: 1;
    width: 100%
}

.am-carousel-wrap-dot {
    display: inline-block;
    zoom: 1
}

.am-carousel-wrap-dot>span {
    display: block;
    width: .16rem;
    height: .16rem;
    margin: 0 .06rem;
    border-radius: 50%;
    background: #ccc
}

.am-carousel-wrap-dot-active>span {
    background: #888
}

.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-grid .am-flexbox {
    background: #fff
}

.am-grid .am-flexbox .am-flexbox-item {
    margin-left: 0
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item {
    position: relative
}

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

.am-grid .am-flexbox .am-flexbox-item.am-grid-item.am-grid-null-item:active {
    background-color: #fff
}

.am-grid .am-flexbox .am-flexbox-item.am-grid-item:before {
    display: block;
    content: " ";
    padding-bottom: 100%
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
    height: 100%
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-icon {
    margin-top: .18rem;
    width: 28%;
    height: 28%
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text {
    margin-top: .18rem;
    font-size: .24rem;
    color: #000;
    text-align: center
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-3 .am-grid-text {
    font-size: .32rem
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-2 .am-grid-text {
    margin-top: .3rem;
    font-size: .36rem
}

.am-grid.am-grid-line .am-flexbox {
    position: relative
}

.am-grid.am-grid-line .am-flexbox:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.am-grid.am-grid-line .am-flexbox:last-child {
    border-bottom: 0
}

.am-grid.am-grid-line .am-flexbox:last-child:after {
    display: none
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
    position: relative
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: #ddd;
    display: block
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:last-child {
    border-bottom: 0
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:last-child:after {
    display: none
}

.am-grid.am-grid-line .am-grid-carousel-page {
    border-right: 1px solid #ddd
}

.am-grid.am-grid-line .am-grid-carousel-page:first-child {
    border-left: 1px solid #ddd
}

.am-grid .am-carousel .am-carousel-wrap-dot>span {
    background: #dcdee3
}

.am-grid .am-carousel .am-carousel-wrap-dot-active>span {
    background: #0ae
}

#mc-app-home-root.gc .vassList_container .vasslage_item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#mc-app-home-root.gc .vassList_container .icon_container {
    font-size: .46rem
}

#mc-app-home-root.gc .vassList_container .vass_icon img {
    width: 3.42rem;
    height: 2.1rem
}

#mc-app-home-root.gc .vassList_container .vass_icon.failed,
#mc-app-home-root.gc .vassList_container .vass_icon.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.42rem;
    height: 2.1rem
}

#mc-app-home-root.gc .vassList_container .name_container {
    color: #888;
    font-size: .28rem
}

#mc-app-home-root.gc .vassList_container .vasslage_name {
    color: #888
}

#mc-app-home-root.gc .lott-container {
    padding-bottom: 2.8rem
}

#mc-app-home-root.gc .lott-container .lott_icon img {
    width: 1.2rem;
    height: 1.2rem
}

#mc-app-home-root.gc .lott-container .list-lott-item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

#mc-app-home-root.gc .lott-container .list-lott-item .lott-name {
    color: #888;
    font-size: .28rem
}

#mc-app-home-root.gc .lott-container .loading-example {
    display: flex;
    align-items: center;
    justify-content: center
}

#mc-app-home-root.gc .lott-container .lott-img-container {
    position: relative;
    min-width: 2rem
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-new {
    width: .58rem;
    height: .42rem;
    display: inline-block;
    background: url(/mobile/mc/new.fc41b06a.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 99
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-hot {
    width: .58rem;
    height: .42rem;
    display: inline-block;
    background: url(/mobile/mc/hot.107dd0a3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 99
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-coordinates-top {
    top: -.1rem;
    right: .12rem
}

#mc-app-home-root.gc .lott-container .lott-img-container .tag-img-coordinates-bottom {
    top: .4rem;
    right: .12rem
}

#mc-app-home-root.gc .lott-container .lott-img-container .lott-name {
    margin-top: 1em
}

#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.failed,
#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.loading,
#mc-app-home-root.gc .lott-container .lott-img-container .imageloader.pending {
    display: flex;
    justify-content: center;
    width: 1.2rem;
    height: 1.25rem;
    margin: 0 auto
}

#mc-app-home-root.gc .sub-title {
    color: #888;
    font-size: .14rem;
    padding: .15rem 0 .09rem .15rem
}

#mc-app-home-root.gc .not-square-grid .am-grid-icon {
    width: .4rem;
    height: .6rem
}

#mc-app-home-root.gc .tab_vasslist {
    background-color: #fff
}

#mc-app-home-root.gc .tab_vasslist>.am-tabs>.am-tabs-bar {
    display: none !important
}

#mc-app-home-root.gc .tab_vasslist .game-tab-hide {
    display: none
}

#mc-app-home-root.gc .tab_vasslist .tabBar {
    color: #717171;
    padding-bottom: .1rem;
    padding-top: .2rem
}

#mc-app-home-root.gc .tab_vasslist .tabBar .tabActive {
    color: #108ee9
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item {
    text-align: center;
    font-size: .24rem
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item>.am-icon {
    font-size: .5rem;
    width: .5rem;
    height: .5rem
}

#mc-app-home-root.gc .gc-menu-tab .gc-menu-tab-item>.title {
    font-size: .23rem;
    text-align: center
}

#mc-app-home-root.gc .gc-vass-container .tab-all-games {
    overflow: hidden;
    padding-bottom: 2.8rem
}

#mc-app-home-root.gc,
.rngList {
    background-color: initial
}

#mc-app-home-root.gc #mc-header,
.rngList #mc-header {
    position: fixed !important
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -4.68rem 0
    }
    to {
        background-position: 4.68rem 0
    }
}

#mc-app-home-root.gc .loading-example,
.rngList .loading-example {
    display: flex;
    justify-content: center;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #d8d8d8 linear-gradient(90deg, #d8d8d8 0, #bdbdbd 20%, #d8d8d8 40%, #d8d8d8) no-repeat;
    background-size: 100% 100%;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%
}

#mc-app-home-root.gc .imageloader.failed,
#mc-app-home-root.gc .imageloader.loading,
#mc-app-home-root.gc .imageloader.pending,
.rngList .imageloader.failed,
.rngList .imageloader.loading,
.rngList .imageloader.pending {
    display: flex;
    justify-content: center;
    width: 1.2rem;
    height: 1.25rem;
    margin: 0 auto
}

#mc-app-home-root.gc .imageloader.lott_icon .loading-example,
.rngList .imageloader.lott_icon .loading-example {
    width: 1.2rem;
    height: 1.2rem
}

#mc-app-home-root.gc .imageloader.lott_group_icon.loading,
.rngList .imageloader.lott_group_icon.loading {
    margin-bottom: .3rem
}

#mc-app-home-root.gc .imageloader.vasslage_icon .loading-example,
.rngList .imageloader.vasslage_icon .loading-example {
    width: 2.56rem;
    height: 1.5rem;
    border-radius: .15rem;
    margin-bottom: .3rem
}

#mc-app-home-root.gc .imageloader.vass_icon .loading-example,
.rngList .imageloader.vass_icon .loading-example {
    width: 3.14rem;
    height: 1.88rem;
    border-radius: .15rem;
    margin-bottom: .3rem
}

#mc-app-home-root.gc .imageloader.sy_game_icon,
.rngList .imageloader.sy_game_icon {
    margin: 0
}

#mc-app-home-root.gc .imageloader.sy_game_icon .loading-example,
.rngList .imageloader.sy_game_icon .loading-example {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .14rem
}

.lott-iframe-container .iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.lott-iframe-container .lott-iframe-wrap {
    position: relative
}

.rngList .am-search-cancel {
    display: none
}

.rngList .select-Box {
    font-size: .63rem;
    position: relative
}

.rngList .select-Box>div {
    border: 1px solid #108ee9;
    border-radius: .2rem;
    margin-top: .3rem;
    padding: .1rem .2rem .2rem
}

.rngList .select-Box .type {
    display: inline-block;
    padding: 0 .15rem;
    font-size: .32rem;
    color: #108ee9;
    position: absolute;
    background: #fff;
    transform: translateY(-.3rem)
}

.rngList .select-Box span {
    margin-right: .2rem;
    color: #888;
    border: 1px solid #ddd;
    display: inline-block;
    position: relative;
    font-size: .28rem;
    text-align: center;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    border-radius: .06rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.rngList .select-Box span.active {
    color: #108ee9;
    border-color: #108ee9
}

.rngList .btn-game-query {
    margin: .2rem 0
}

.rngList .main {
    height: 100%
}

.rngList .play-chooser {
    padding: 0 .15rem;
    position: fixed;
    top: 1rem;
    display: inline-block;
    vertical-align: middle;
    overflow: auto;
    zoom: 1;
    width: 0;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    background-color: #fff;
    z-index: 12;
    color: #eee;
    left: 100%;
    transition: all .25s ease-out
}

.rngList .play-chooser.open {
    width: 80%;
    left: 20%
}

.rngList .play-chooser-open {
    transform: translate3d(-80%, 0, 0)
}

.rngList .chooser-mask {
    transition: opacity .5s;
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    background-color: #000
}

.rngList .chooser-mask.show {
    opacity: .5;
    visibility: visible;
    overflow: hidden
}

.rngList .am-activity-indicator-spinner-lg {
    margin: 0
}

.gold_egg_root {
    z-index: 100029
}

.gold_egg_bg,
.gold_egg_root {
    position: absolute;
    height: 100%;
    width: 100%
}

.gold_egg_bg {
    background-image: url(/mobile/mc/egg_bg.3e72abcd.png);
    background-size: 100% 100%;
    z-index: 100026;
    background-color: #6e0e00
}

.gold_egg_root .am-icon-left {
    position: absolute;
    top: .26rem;
    left: 0;
    width: 1rem;
    color: #f1dc97
}

.gold_egg_root ul {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
    position: absolute;
    top: 5.2rem
}

.gold_egg_root li {
    text-align: center;
    margin: 0 .3rem;
    margin-top: .3rem
}

.egg_root {
    display: inline-block;
    position: relative
}

.gold_egg_root .prize_message {
    word-break: break-word;
    width: 75%;
    white-space: normal;
    font-size: .26rem;
    line-height: 1.4;
    letter-spacing: 0;
    text-shadow: 0 0 .07rem #ec2529, 0 0 .07rem #ec2529;
    color: #fcf7d3;
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: .38rem;
    transform: translateX(-50%);
    z-index: 100030;
    opacity: 0
}

.gold_egg_root .eggOpen .prize_message {
    opacity: 1
}

.gold_egg_root .selected.eggOpen .egg_root .egg {
    transition-property: all;
    background-image: url(/mobile/mc/egg_open.c774edad.png);
    background-repeat: no-repeat;
    background-position-y: bottom
}

.egg_root .egg {
    background-image: url(/mobile/mc/egg.01403664.png);
    background-size: contain;
    height: 2.18rem;
    width: 1.53rem;
    position: relative;
    z-index: 100023;
    display: inline-block;
    transform-origin: 50% 100%
}

.otherEgg.eggOpen .egg_root .egg {
    background-image: url(/mobile/mc/egg_open2.0a7e0d48.png);
    background-size: 100% 100%;
    background-position-y: bottom
}

.gold_egg_root .random .egg_root .egg {
    animation-name: egg_random_shake;
    animation-iteration-count: 6;
    animation-duration: 50ms
}

.gold_egg_root .selected .egg_root .egg {
    animation-name: egg_shake;
    animation-iteration-count: infinite;
    animation-duration: 10ms;
    animation-delay: 1.1s
}

.gold_egg_root .selected.eggOpen .egg_root .egg {
    animation: none
}

.egg_root .golden_light {
    opacity: 0
}

.gold_egg_root .selected.eggOpen .egg_root .golden_light {
    background-image: url(/mobile/mc/light.859eaef2.png);
    animation: light_move .5s steps(8) infinite;
    transition-property: opacity
}

.gold_egg_root .otherEgg.eggOpen .egg_root .golden_light,
.gold_egg_root .selected.eggOpen .egg_root .golden_light {
    background-size: 100% 100%;
    height: 1.9rem;
    width: 1.92rem;
    position: absolute;
    top: -.6rem;
    left: -.17rem;
    z-index: 100021;
    opacity: 1
}

.gold_egg_root .otherEgg.eggOpen .egg_root .golden_light {
    background-image: url(/mobile/mc/light2.58a067ed.png)
}

.egg_root .chuizi {
    background-image: url(/mobile/mc/chuizi.85a31d34.png);
    background-size: 100% 100%;
    width: .86rem;
    height: .67rem;
    display: inline-block;
    position: absolute;
    right: -.25rem;
    top: .2rem;
    z-index: 100029;
    display: none
}

.egg_root .liewen1 {
    background-image: url(/mobile/mc/liewen1.b7f78079.png);
    width: .57rem;
    height: .69rem;
    right: .2rem;
    animation-delay: 0
}

.egg_root .liewen1,
.egg_root .liewen2 {
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 100025
}

.egg_root .liewen2 {
    background-image: url(/mobile/mc/liewen2.4e785e0c.png);
    width: .62rem;
    height: .6rem;
    left: .43rem;
    animation-delay: .5s
}

.egg_root .liewen3 {
    background-image: url(/mobile/mc/liewen3.ba5d8466.png);
    background-size: 100% 100%;
    width: .29rem;
    height: .81rem;
    display: inline-block;
    position: absolute;
    right: .59rem;
    top: 0;
    animation-delay: .7s;
    opacity: 0;
    z-index: 100025
}

.gold_egg_root .selected .egg_root .liewen1,
.gold_egg_root .selected .egg_root .liewen2,
.gold_egg_root .selected .egg_root .liewen3 {
    animation-name: liewen_open;
    animation-duration: .6s;
    animation-timing-function: cubic-bezier(0, .76, .05, 1);
    animation-fill-mode: forwards
}

.gold_egg_root .selected.eggOpen .egg_root .liewen1,
.gold_egg_root .selected.eggOpen .egg_root .liewen2,
.gold_egg_root .selected.eggOpen .egg_root .liewen3 {
    animation: none;
    opacity: 0
}

.gold_egg_root .selected .egg_root .chuizi {
    animation-name: chiuzi_move;
    animation-duration: .7s;
    animation-timing-function: cubic-bezier(0, 1.46, .73, .84);
    animation-iteration-count: 1;
    transform-origin: 100% 100%;
    display: inline-block
}

.egg_root .red_bag {
    display: inline-block;
    background-image: url(/mobile/mc/redBag.fddbd011.png);
    background-size: 100% 100%;
    width: .92rem;
    height: .85rem;
    z-index: 100022;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: .8rem
}

.gold_egg_root .selected.eggOpen .egg_root .red_bag {
    top: -.1rem;
    transition-property: top;
    transition-duration: .3s
}

.egg_root .egg_top {
    background-image: url(/mobile/mc/egg_top.d349dc9a.png);
    background-size: 100% 100%;
    width: .93rem;
    height: .74rem;
    position: absolute;
    transform: rotate(202deg);
    z-index: 100027;
    left: .33rem;
    top: -.07rem;
    opacity: 0
}

.gold_egg_root .selected.eggOpen .egg_root .egg_top {
    display: inline-block;
    animation: egg_drop .7s 0s cubic-bezier(0, .76, .05, 1) forwards
}

.gold_egg_root .eggOpen.otherEgg .egg_root .egg_top {
    background-image: url(/mobile/mc/egg_top2.0b912151.png);
    left: -.5rem;
    top: 1.3rem;
    opacity: 1
}

.getEgg_container .ticket_message {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 3.1rem;
    transform: translate(-50%, -50%) scale(.7);
    background-image: url(/mobile/mc/message_bg.bd77cda3.png);
    background-size: 100% 100%;
    opacity: 0;
    z-index: 100015;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: .1rem
}

.getEgg_container .ticket_message>div {
    background-image: url(/mobile/mc/message_bg2.9db69a3f.png);
    background-size: 100% 100%;
    width: 7.14rem;
    height: 3.3rem;
    position: absolute;
    top: -.43rem;
    left: -.61rem
}

.getEgg_container .ticket_message.messageOpen {
    transform: translate(-50%, -50%) scale(1);
    transition: all .3s;
    transition-delay: .5s;
    opacity: 1;
    z-index: 100032;
    text-align: center
}

.getEgg_container .ticket_message h1 {
    font-size: .48rem;
    color: #d33100;
    text-align: center
}

.getEgg_container .ticket_message p {
    text-align: center;
    font-size: .36rem;
    color: #332b28;
    margin-top: .18rem;
    letter-spacing: .02rem
}

.gold_egg_root .lossMessage {
    font-size: .36rem;
    color: #332b28;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.getEgg_container .ticket_message .close_button {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background-image: url(/mobile/mc/close.b7e9ed35.png);
    background-size: 100% 100%;
    position: absolute;
    right: -.2rem;
    top: -.3rem
}

.message_mask.messageOpen {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .2);
    z-index: 100031
}

@keyframes egg_shake {
    0% {
        transform: rotate(2deg)
    }
    to {
        transform: rotate(-2deg)
    }
}

@keyframes egg_random_shake {
    0% {
        transform: rotate(4deg)
    }
    to {
        transform: rotate(-4deg)
    }
}

@keyframes chiuzi_move {
    0% {
        transform: rotate(70deg)
    }
    25% {
        transform: rotate(0deg)
    }
    50% {
        transform: rotate(70deg)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes light_move {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes liewen_open {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes egg_drop {
    0% {
        opacity: 1;
        transform: translate(0)
    }
    to {
        opacity: 1;
        transform: translate(-.83rem, 1.37rem)
    }
}

.egg_title_container {
    height: 1.44rem;
    position: relative;
    padding-top: .26rem;
    margin: 0 auto
}

.egg_title {
    display: inline-block;
    font-size: .54rem;
    bottom: 0;
    width: 100%
}

.egg_title,
.subtitle {
    font-weight: 700;
    background: linear-gradient(180deg, #e8c463, #fcf7d3, #e8c463);
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    text-align: center;
    left: 50%;
    transform: translateX(-50%)
}

.subtitle {
    font-size: .28rem;
    top: 4.2rem;
    margin-top: .28rem
}

@media(max-device-width:414px) {
    .gold_egg_root ul {
        top: 4.8rem
    }
    .gold_egg_root ul li {
        height: 1.8rem;
        transform: scale(.9)
    }
}

@media(max-device-width:375px) {
    .gold_egg_root ul {
        top: 4.2rem
    }
    .gold_egg_root ul li {
        height: 1.8rem;
        transform: scale(.9)
    }
}

@media(max-device-width:360px) {
    .gold_egg_root ul {
        top: 4.8rem
    }
    .gold_egg_root ul li {
        height: 2.02rem
    }
}

@media(max-device-width:321px) {
    .gold_egg_root ul {
        top: 4.2rem
    }
    .gold_egg_root ul li {
        height: 2.02rem
    }
}

@media only screen and (device-width:375px)and (device-height:812px)and (-webkit-device-pixel-ratio:3) {
    .gold_egg_root ul {
        top: 5rem
    }
    .gold_egg_root ul li {
        height: 2.02rem;
        transform: scale(.9)
    }
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:2) {
    .gold_egg_root ul {
        top: 6.2rem
    }
}

@media only screen and (device-width:414px)and (device-height:896px)and (-webkit-device-pixel-ratio:3) {
    .gold_egg_root ul {
        top: 6.2rem
    }
}

.getEgg_container .pyro {
    position: absolute;
    z-index: 100027;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.getEgg_container .pyro>.before {
    left: -1rem
}

.getEgg_container .pyro>.after,
.getEgg_container .pyro>.before {
    position: absolute;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards
}

.getEgg_container .pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s
}

@-webkit-keyframes bang {
    to {
        box-shadow: -2.41rem .51333rem #00ffae, -1.91rem -3.01667rem #b0f, .96rem -2.25667rem #ffd500, -1.5rem -3.65667rem #d000ff, .27rem -4.03667rem #7f0, -.64rem .28333rem #59ff00, -2rem -2.66667rem #f10, 1.22rem .18333rem #07f, -.68rem -3.13667rem #00ff80, -2.29rem -3.42667rem #ff8400, .08rem -1.59667rem #4cff00, .85rem .56333rem #00f2ff, 2.02rem -.12667rem #bf0, .54rem -.53667rem #00ff2b, -1.26rem -.71667rem #ff6200, -1.86rem -.82667rem #00ff04, 2.13rem -.23667rem #9500ff, -2.03rem .43333rem #000dff, -1.63rem -3.06667rem #2600ff, 1.87rem -1.73667rem #eaff00, 1.05rem -3.09667rem #00ffd9, .78rem -.43667rem #00ffea, 1.5rem -4.02667rem #ff006a, .6rem -.78667rem #0df, 1.51rem -4.08667rem #ff00a6, -2.26rem -2.99667rem #51ff00, -2.28rem .18333rem #4000ff, -1.63rem -2.27667rem #5eff00, 1.95rem .33333rem #f700ff, 1.23rem -1.00667rem #ff0048, -2.38rem -.64667rem #ff0037, 2.06rem -.06667rem #008cff, .67rem -.80667rem #ff00e6, -1.24rem -2.44667rem #8f0, -1.64rem -2.89667rem #e0f, -1.13rem .10333rem #0df, 1.73rem .03333rem #ff2600, -.27rem -3.62667rem #00ff73, .38rem -3.02667rem #ff9500, 1.42rem -.74667rem #001eff, -2.41rem -3.16667rem #3c00ff, -.22rem .40333rem #009dff, -.33rem -3.84667rem #f02, .32rem -.67667rem #f04, -1.4rem -1.21667rem #00fff7, 2.2rem -3.74667rem #fa0, -1.08rem -2.00667rem #a0f, -2.23rem -.79667rem #0026ff, -.13rem .29333rem #3cff00, -.2rem -1.96667rem #0f4, -.8rem -1.39667rem #0048ff
    }
}

@-moz-keyframes bang {
    to {
        box-shadow: -2.41rem .51333rem #00ffae, -1.91rem -3.01667rem #b0f, .96rem -2.25667rem #ffd500, -1.5rem -3.65667rem #d000ff, .27rem -4.03667rem #7f0, -.64rem .28333rem #59ff00, -2rem -2.66667rem #f10, 1.22rem .18333rem #07f, -.68rem -3.13667rem #00ff80, -2.29rem -3.42667rem #ff8400, .08rem -1.59667rem #4cff00, .85rem .56333rem #00f2ff, 2.02rem -.12667rem #bf0, .54rem -.53667rem #00ff2b, -1.26rem -.71667rem #ff6200, -1.86rem -.82667rem #00ff04, 2.13rem -.23667rem #9500ff, -2.03rem .43333rem #000dff, -1.63rem -3.06667rem #2600ff, 1.87rem -1.73667rem #eaff00, 1.05rem -3.09667rem #00ffd9, .78rem -.43667rem #00ffea, 1.5rem -4.02667rem #ff006a, .6rem -.78667rem #0df, 1.51rem -4.08667rem #ff00a6, -2.26rem -2.99667rem #51ff00, -2.28rem .18333rem #4000ff, -1.63rem -2.27667rem #5eff00, 1.95rem .33333rem #f700ff, 1.23rem -1.00667rem #ff0048, -2.38rem -.64667rem #ff0037, 2.06rem -.06667rem #008cff, .67rem -.80667rem #ff00e6, -1.24rem -2.44667rem #8f0, -1.64rem -2.89667rem #e0f, -1.13rem .10333rem #0df, 1.73rem .03333rem #ff2600, -.27rem -3.62667rem #00ff73, .38rem -3.02667rem #ff9500, 1.42rem -.74667rem #001eff, -2.41rem -3.16667rem #3c00ff, -.22rem .40333rem #009dff, -.33rem -3.84667rem #f02, .32rem -.67667rem #f04, -1.4rem -1.21667rem #00fff7, 2.2rem -3.74667rem #fa0, -1.08rem -2.00667rem #a0f, -2.23rem -.79667rem #0026ff, -.13rem .29333rem #3cff00, -.2rem -1.96667rem #0f4, -.8rem -1.39667rem #0048ff
    }
}

@-o-keyframes bang {
    to {
        box-shadow: -2.41rem .51333rem #00ffae, -1.91rem -3.01667rem #b0f, .96rem -2.25667rem #ffd500, -1.5rem -3.65667rem #d000ff, .27rem -4.03667rem #7f0, -.64rem .28333rem #59ff00, -2rem -2.66667rem #f10, 1.22rem .18333rem #07f, -.68rem -3.13667rem #00ff80, -2.29rem -3.42667rem #ff8400, .08rem -1.59667rem #4cff00, .85rem .56333rem #00f2ff, 2.02rem -.12667rem #bf0, .54rem -.53667rem #00ff2b, -1.26rem -.71667rem #ff6200, -1.86rem -.82667rem #00ff04, 2.13rem -.23667rem #9500ff, -2.03rem .43333rem #000dff, -1.63rem -3.06667rem #2600ff, 1.87rem -1.73667rem #eaff00, 1.05rem -3.09667rem #00ffd9, .78rem -.43667rem #00ffea, 1.5rem -4.02667rem #ff006a, .6rem -.78667rem #0df, 1.51rem -4.08667rem #ff00a6, -2.26rem -2.99667rem #51ff00, -2.28rem .18333rem #4000ff, -1.63rem -2.27667rem #5eff00, 1.95rem .33333rem #f700ff, 1.23rem -1.00667rem #ff0048, -2.38rem -.64667rem #ff0037, 2.06rem -.06667rem #008cff, .67rem -.80667rem #ff00e6, -1.24rem -2.44667rem #8f0, -1.64rem -2.89667rem #e0f, -1.13rem .10333rem #0df, 1.73rem .03333rem #ff2600, -.27rem -3.62667rem #00ff73, .38rem -3.02667rem #ff9500, 1.42rem -.74667rem #001eff, -2.41rem -3.16667rem #3c00ff, -.22rem .40333rem #009dff, -.33rem -3.84667rem #f02, .32rem -.67667rem #f04, -1.4rem -1.21667rem #00fff7, 2.2rem -3.74667rem #fa0, -1.08rem -2.00667rem #a0f, -2.23rem -.79667rem #0026ff, -.13rem .29333rem #3cff00, -.2rem -1.96667rem #0f4, -.8rem -1.39667rem #0048ff
    }
}

@-ms-keyframes bang {
    to {
        box-shadow: -2.41rem .51333rem #00ffae, -1.91rem -3.01667rem #b0f, .96rem -2.25667rem #ffd500, -1.5rem -3.65667rem #d000ff, .27rem -4.03667rem #7f0, -.64rem .28333rem #59ff00, -2rem -2.66667rem #f10, 1.22rem .18333rem #07f, -.68rem -3.13667rem #00ff80, -2.29rem -3.42667rem #ff8400, .08rem -1.59667rem #4cff00, .85rem .56333rem #00f2ff, 2.02rem -.12667rem #bf0, .54rem -.53667rem #00ff2b, -1.26rem -.71667rem #ff6200, -1.86rem -.82667rem #00ff04, 2.13rem -.23667rem #9500ff, -2.03rem .43333rem #000dff, -1.63rem -3.06667rem #2600ff, 1.87rem -1.73667rem #eaff00, 1.05rem -3.09667rem #00ffd9, .78rem -.43667rem #00ffea, 1.5rem -4.02667rem #ff006a, .6rem -.78667rem #0df, 1.51rem -4.08667rem #ff00a6, -2.26rem -2.99667rem #51ff00, -2.28rem .18333rem #4000ff, -1.63rem -2.27667rem #5eff00, 1.95rem .33333rem #f700ff, 1.23rem -1.00667rem #ff0048, -2.38rem -.64667rem #ff0037, 2.06rem -.06667rem #008cff, .67rem -.80667rem #ff00e6, -1.24rem -2.44667rem #8f0, -1.64rem -2.89667rem #e0f, -1.13rem .10333rem #0df, 1.73rem .03333rem #ff2600, -.27rem -3.62667rem #00ff73, .38rem -3.02667rem #ff9500, 1.42rem -.74667rem #001eff, -2.41rem -3.16667rem #3c00ff, -.22rem .40333rem #009dff, -.33rem -3.84667rem #f02, .32rem -.67667rem #f04, -1.4rem -1.21667rem #00fff7, 2.2rem -3.74667rem #fa0, -1.08rem -2.00667rem #a0f, -2.23rem -.79667rem #0026ff, -.13rem .29333rem #3cff00, -.2rem -1.96667rem #0f4, -.8rem -1.39667rem #0048ff
    }
}

@keyframes bang {
    to {
        box-shadow: -2.41rem .51333rem #00ffae, -1.91rem -3.01667rem #b0f, .96rem -2.25667rem #ffd500, -1.5rem -3.65667rem #d000ff, .27rem -4.03667rem #7f0, -.64rem .28333rem #59ff00, -2rem -2.66667rem #f10, 1.22rem .18333rem #07f, -.68rem -3.13667rem #00ff80, -2.29rem -3.42667rem #ff8400, .08rem -1.59667rem #4cff00, .85rem .56333rem #00f2ff, 2.02rem -.12667rem #bf0, .54rem -.53667rem #00ff2b, -1.26rem -.71667rem #ff6200, -1.86rem -.82667rem #00ff04, 2.13rem -.23667rem #9500ff, -2.03rem .43333rem #000dff, -1.63rem -3.06667rem #2600ff, 1.87rem -1.73667rem #eaff00, 1.05rem -3.09667rem #00ffd9, .78rem -.43667rem #00ffea, 1.5rem -4.02667rem #ff006a, .6rem -.78667rem #0df, 1.51rem -4.08667rem #ff00a6, -2.26rem -2.99667rem #51ff00, -2.28rem .18333rem #4000ff, -1.63rem -2.27667rem #5eff00, 1.95rem .33333rem #f700ff, 1.23rem -1.00667rem #ff0048, -2.38rem -.64667rem #ff0037, 2.06rem -.06667rem #008cff, .67rem -.80667rem #ff00e6, -1.24rem -2.44667rem #8f0, -1.64rem -2.89667rem #e0f, -1.13rem .10333rem #0df, 1.73rem .03333rem #ff2600, -.27rem -3.62667rem #00ff73, .38rem -3.02667rem #ff9500, 1.42rem -.74667rem #001eff, -2.41rem -3.16667rem #3c00ff, -.22rem .40333rem #009dff, -.33rem -3.84667rem #f02, .32rem -.67667rem #f04, -1.4rem -1.21667rem #00fff7, 2.2rem -3.74667rem #fa0, -1.08rem -2.00667rem #a0f, -2.23rem -.79667rem #0026ff, -.13rem .29333rem #3cff00, -.2rem -1.96667rem #0f4, -.8rem -1.39667rem #0048ff
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        opacity: 0
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        opacity: 0
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        opacity: 0
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        opacity: 0
    }
}

@keyframes gravity {
    to {
        transform: translateY(2rem);
        -moz-transform: translateY(2rem);
        -webkit-transform: translateY(2rem);
        -o-transform: translateY(2rem);
        -ms-transform: translateY(2rem);
        opacity: 0
    }
}

@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-moz-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-o-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@-ms-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%
    }
}

.prize_wheel_bg {
    z-index: 100011;
    height: 100%;
    width: 100%;
    background-image: url(/mobile/mc/bg.9f884f1e.jpg);
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    background-color: #fb471e
}

.prize_wheel_bg:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    background-image: url(/mobile/mc/losePopUp.46ecd0cd.png), url(/mobile/mc/winPopUp.78bdfac0.png)
}

.prize_wheel_root {
    z-index: 100012;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.prize_wheel_root svg.am-icon {
    margin: .3rem;
    fill: #fff;
    display: inline-block;
    position: absolute;
    z-index: 100000
}

.prize_wheel_root .wheel_title_container {
    margin-top: .62rem;
    text-align: center;
    width: 100%;
    font-weight: 700;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.prize_wheel_root .wheel_title_container .wheel_title {
    z-index: 1;
    text-align: center;
    width: 100%;
    background: linear-gradient(0deg, #f9d57e, #fff3d1), linear-gradient(180deg, #fefefe, #fefefe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #c75c5c00;
    font-size: .85rem;
    color: #fefefe;
    position: absolute;
    font-weight: 700;
    word-wrap: break-word
}

.prize_wheel_root .wheel_title_container:after {
    text-shadow: .02rem .05rem .04rem #ca1e0cad;
    color: transparent;
    font-size: .85rem;
    content: attr(title)
}

.prize_wheel_root .wheel_bg {
    background-image: url(/mobile/mc/wheelBg.3a959412.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 9rem;
    display: flex;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content {
    border-radius: 50%;
    width: 69%;
    position: relative;
    content: "";
    top: 1.38rem;
    left: .12rem;
    height: 63%;
    display: flex;
    justify-content: center;
    align-items: center
}

.prize_wheel_root .wheel_bg .wheel_content.number_0 ul {
    transform: rotate(4turn);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_1 ul {
    transform: rotate(1395deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_2 ul {
    transform: rotate(1350deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_3 ul {
    transform: rotate(1305deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_4 ul {
    transform: rotate(1260deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_5 ul {
    transform: rotate(1215deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_6 ul {
    transform: rotate(1170deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.number_7 ul {
    transform: rotate(1125deg);
    transition: all 2s linear;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content.rotate {
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: rotate;
    will-change: transform
}

.prize_wheel_root .wheel_bg .wheel_content ul {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    position: relative;
    background-image: url(/mobile/mc/wheel.6006c95c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(0deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-0 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(45deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(90deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(135deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(180deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(225deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(270deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 {
    text-align: center;
    width: 88%;
    height: 88%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    transform: rotate(315deg)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem {
    display: flex;
    flex-wrap: wrap;
    height: 30%;
    word-break: break-word;
    white-space: break-spaces;
    text-overflow: ellipsis;
    justify-content: center
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message span {
    height: .7rem;
    color: #462f2f;
    font-size: .24rem;
    max-width: 1.4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item {
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item .icon {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item .icon-EMPTY {
    background-image: url(/mobile/mc/empty.829cc01a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(/mobile/mc/retry.3bfe4b4a.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item .icon-MONEY {
    background-image: url(/mobile/mc/money.5dd3e7b1.png)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .start_wheel {
    content: "";
    position: absolute;
    background-image: url(/mobile/mc/goBtn.3278ac69.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.88rem;
    height: 3.8rem;
    bottom: 3.2rem;
    left: 2.9rem;
    z-index: 100
}

.prize_wheel_root .start_btn {
    position: relative;
    border-radius: .46rem;
    margin: 0 auto;
    box-shadow: 0 .06rem 0 0 rgba(133, 28, 4, .15), inset 0 .05rem .06rem 0 #fff;
    background-image: linear-gradient(0deg, #eea429, #ffe48a);
    padding: .19rem .05rem;
    text-align: center;
    width: 68%;
    margin-top: -.5rem
}

.prize_wheel_root .start_btn .draw_wheel {
    font-size: .36rem;
    font-weight: 900;
    color: #c73809
}

.prize_wheel_root .lossMessage {
    font-size: .36rem;
    color: #332b28;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.wheel_container .ticket_message {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 6rem;
    transform: translate(-50%, -50%);
    opacity: 0;
    display: none;
    z-index: 100015;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 2.02rem 0 1rem
}

.wheel_container {
    position: fixed;
    width: 100%;
    height: 100vh;
    height: calc(100*var(--vh, 1vh));
    top: 0;
    z-index: 100011
}

.wheel_container .message_mask.messageOpen {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .8);
    z-index: 100031
}

.wheel_container .ticket_message .close_button {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    border: .04rem solid #cbcbcb;
    border-radius: 50%;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1rem
}

.wheel_container .ticket_message .close_button:after {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(45deg)
}

.wheel_container .ticket_message .close_button:before {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(-45deg)
}

.wheel_container .ticket_message.messageOpen {
    transition: all .3s;
    transition-delay: .5s;
    opacity: 1;
    z-index: 100032;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.wheel_container .ticket_message.messageOpen .message-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.wheel_container .ticket_message.messageOpen .message-wrap:before {
    position: absolute;
    content: "";
    top: -2.02rem;
    width: 5.2rem;
    height: 2.90925rem;
    background: url(/mobile/mc/win-popup-bg.998ffd33.png) no-repeat 50%/contain
}

.wheel_container .ticket_message.messageOpen .msg-title {
    width: 4.6rem;
    height: 1.01028rem;
    margin: -.41rem auto 0;
    background: url(/mobile/mc/win-popup-title.cdf11e23.png) no-repeat 50%/contain;
    display: flex;
    justify-content: center;
    align-items: center
}

.wheel_container .ticket_message.messageOpen .msg-title .title-txt {
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cd9181;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 .08rem hsla(0, 0%, 100%, .4), 0 -.03rem 0 #fff;
    font-size: .34rem;
    font-weight: 900;
    margin-top: -.1rem
}

.wheel_container .ticket_message.messageOpen .message {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-radius: .4rem;
    border: .08rem solid #bf8431;
    background: linear-gradient(180deg, #fef1d6, #ffe3bf);
    box-shadow: inset 0 -.26rem .04rem 0 hsla(35, 85%, 72%, .5);
    gap: .48rem;
    padding: 0 .3rem .56rem
}

.wheel_container .ticket_message.messageOpen .message .msg-content {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center
}

.wheel_container .ticket_message.messageOpen .message .msg-img img {
    max-width: 4.2rem;
    max-height: 4.2rem;
    object-fit: contain
}

.wheel_container .ticket_message.messageOpen .message .msg-text {
    color: #000;
    text-align: center;
    font-size: .48rem;
    font-weight: 900;
    line-height: normal;
    -webkit-text-stroke: .06rem #fff;
    -webkit-text-fill-color: #000;
    paint-order: stroke fill
}

.wheel_container .ticket_message.messageOpen .message .prize-contact {
    min-width: 3rem;
    height: .68rem;
    border-radius: .8rem;
    border: .04rem solid #ffd269;
    background: linear-gradient(180deg, #fff, #f7c163 49%, #f2b03e);
    box-shadow: 0 .06rem 0 0 rgba(0, 0, 0, .25), inset 0 .06rem .04rem 0 #ffe6ba, inset 0 .1rem .28rem 0 #fff0d6, inset 0 -.08rem .06rem 0 #c57f04;
    -webkit-text-stroke-width: .02rem;
    -webkit-text-stroke-color: #d63000;
    paint-order: stroke fill;
    font-size: .36rem;
    font-weight: 900;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    justify-self: center;
    padding: 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.wheel_container .am-modal-content .am-modal-header .am-modal-title {
    color: #616161
}

.wheel_container .am-modal-content .am-modal-body .mc-popup-trans {
    padding: 0
}

.wheel_container .am-modal-content .am-modal-footer .am-modal-button {
    flex: none;
    width: 50%
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(2turn)
    }
}

.sigin-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999999;
    top: 0;
    left: 0
}

.sigin-modal .sigin-modal-content {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    min-width: 4.68rem;
    min-height: 5.39rem;
    transform: translate(-50%, -50%)
}

.sigin-modal .sigin-modal-content .modal-head {
    position: relative;
    height: 1.1rem;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    background: url(/mobile/mc/signin-modal-bg.8dd70f1c.png);
    background-size: 100% .9rem;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
    align-items: center;
    text-shadow: 0 .04rem .04rem rgba(0, 0, 0, .25);
    font-size: .3rem;
    justify-content: flex-start;
    font-weight: 600;
    padding: .15rem 0 0 .3rem
}

.sigin-modal .sigin-modal-content .modal-head:before {
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    background: url(/mobile/mc/siginin-deco-rigtht.0685efe7.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    width: 100%;
    height: 100%
}

.sigin-modal .sigin-modal-content .modal-btn {
    min-height: .5rem;
    max-width: 3.62rem;
    margin: 0 auto;
    display: flex;
    padding: .1rem .56rem;
    justify-content: center;
    align-items: center;
    gap: .2rem;
    border-radius: .21rem;
    color: #fff;
    font-size: .24rem;
    background: linear-gradient(0deg, #f48075, #e94040)
}

.sigin-modal .sigin-modal-content h3 {
    text-align: center;
    font-size: .44rem;
    color: #656565;
    margin: .4rem 0
}

.sigin-modal .sigin-modal-content>svg {
    position: absolute;
    top: -.8rem;
    width: .46rem;
    right: 0;
    height: .46rem
}

.sigin-modal .sigin-modal-content .si-modal-title {
    color: #666;
    text-align: center;
    font-size: .24rem;
    font-weight: 600
}

.sigin-modal .sigin-modal-content .smc-title {
    font-size: .44rem;
    letter-spacing: .04rem;
    color: #656565
}

.sigin-modal .sigin-modal-content .amount-info {
    padding: .2rem .34rem .3rem;
    border-radius: 0 0 .3rem .3rem;
    border-right: 1.5px solid rgba(6, 182, 197, 0);
    border-bottom: 1.5px solid rgba(6, 182, 197, 0);
    border-left: 1.5px solid rgba(6, 182, 197, 0);
    background: #fff
}

.sigin-modal .sigin-modal-content .amount-info p {
    color: #6e6e6e;
    font-size: .32rem;
    margin: .3rem 0
}

.sigin-modal .sigin-modal-content .amount-info .reward-content {
    color: #666;
    text-align: center;
    font-family: Inter;
    font-size: .24rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: .06rem 0
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .1rem;
    border-bottom: 1px solid #efefef
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item:last-child {
    border-bottom: none
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item span {
    display: flex;
    flex: 1 0 0%
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item span:nth-child(2) {
    white-space: nowrap
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item:before {
    content: "";
    display: block;
    height: .68rem;
    width: .68rem
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item:after {
    content: "";
    display: block;
    height: .24rem;
    width: .24rem
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.amount:before {
    display: block;
    background: url(/mobile/mc/item-a.e484958e.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.point:before {
    display: block;
    background: url(/mobile/mc/item-p.5c0f405e.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.item-r:before {
    background: url(/mobile/mc/item-r.5fdbbaeb.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.item-g:before {
    background: url(/mobile/mc/item-g.da30ed71.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item.item-w:before {
    background: url(/mobile/mc/item-w.856fb0b8.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item-wrap.claim .reward-item.amount:after {
    background: url(/mobile/mc/icon-done.ff3a5e57.png) no-repeat 50%/contain
}

.sigin-modal .sigin-modal-content .amount-info .reward-content.modal .reward-item-wrap.claim .reward-item.point:after {
    background: url(/mobile/mc/icon-done.ff3a5e57.png) no-repeat 50%/contain
}

.si-modal-item {
    height: 1.57rem;
    width: 1.57rem;
    color: #fff;
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 50% !important
}

.signin-notice>div {
    padding-top: .2rem
}

.signin-notice>div>p {
    display: block;
    text-align: start;
    padding-left: .2rem
}

.signin-notice>div>p span:first-child {
    text-align: right
}

#mc-animate-container .sigin-container {
    height: 100%
}

#mc-animate-container .sigin-container .wysiwyg {
    color: unset
}

.sigin-h-content,
.sigin-h-thumb {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-68%)
}

.sigin-h-thumb {
    padding-left: .5rem
}

.sigin-h-content {
    left: 2.34rem;
    padding: .1rem;
    color: #fff
}

.s-h-nick-name {
    color: #fff;
    font-size: .32rem;
    opacity: .8;
    display: inline-block;
    padding-left: .1rem
}

.score-name {
    display: inline-block;
    margin: 0 .1rem
}

.s-h-nick-wallet {
    margin: .1rem 0;
    font-size: .5rem;
    font-weight: 700
}

.sigin-h-thumb img {
    width: 1.38rem;
    height: 1.38rem;
    border-radius: 100%;
    border: .06rem solid #fff
}

.sigin-c-header {
    width: 94%;
    padding: .2rem;
    margin: 0 auto;
    position: relative;
    top: -.6rem;
    border-radius: .25rem;
    background: #fff
}

.sigin-c-header .am-flexbox.am-flexbox-align-middle {
    align-items: flex-start
}

.sigin-c-header .am-flexbox-item {
    border-right: 1px solid #b3b3b3
}

.sigin-c-header .am-flexbox-item:last-child {
    border-right: 0
}

.sigin-c-header .am-flexbox-item:last-child .sc-score {
    position: relative
}

.sigin-c-header .am-flexbox-item:last-child .sc-score.toMall {
    cursor: pointer
}

.sigin-c-header .am-flexbox-item:last-child .sc-score.toMall:after {
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    bottom: .02rem;
    border-bottom: .05rem solid #e539ff
}

.sigin-c-content {
    margin-top: -.46rem
}

.sigin-c-header .am-flexbox-item {
    margin-left: 0;
    text-align: center
}

.sc-score {
    font-weight: 900;
    font-size: .42rem
}

.sc-days {
    color: #2476ff
}

.sc-integral {
    color: #e539ff
}

.sc-bonus {
    color: #fe3b44
}

.sc-score-desc {
    padding: 0 .05rem;
    color: #b3b3b3;
    margin-top: .06rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .24rem;
    min-height: .5rem
}

.sigin-operating {
    position: relative;
    padding: .26rem .4rem;
    background: #fff;
    display: flex;
    flex-flow: column
}

.sigin-operating .already-singin {
    margin-left: 0
}

.sigin-operating .sigin-container {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.sigin-operating .am-flexbox {
    vertical-align: middle;
    margin-top: .16rem
}

.sigin-sore-tip {
    background: url(/mobile/mc/coin_l.28496047.png);
    display: block;
    text-align: center;
    line-height: 1.4rem;
    width: 1.4rem;
    color: #ffed50;
    font-size: .2rem;
    font-weight: 900;
    height: 1.4rem;
    background-size: cover
}

.sigin-sore-tip.min-amount {
    font-size: .3rem
}

.sigin-price-tip {
    background: url(/mobile/mc/ticket.06389a91.png) no-repeat 50%/contain;
    display: block;
    text-align: center;
    margin-top: .2rem;
    line-height: .8rem;
    width: 1.6rem;
    color: #fff;
    font-size: .3rem;
    font-weight: 900;
    height: .8rem
}

.i-price {
    position: absolute;
    bottom: 0;
    font-style: normal;
    font-size: .22rem;
    color: #ffed50;
    left: .22rem;
    width: .4rem;
    text-align: center;
    display: inline-block
}

.sigin-amount {
    display: inline-block;
    margin-right: .22rem
}

.sigin-title {
    width: 50%;
    display: flex;
    position: relative;
    vertical-align: middle;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    margin-right: .28rem
}

.sigin-title .sigin-tab-title {
    color: #f32246;
    font-size: .3rem;
    font-weight: 700;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .sigin-title .sigin-tab-title {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.sigin-btn {
    text-align: center
}

.sigin-btn .sigin-today-sub {
    background: linear-gradient(90deg, #f8493f, #fd603f)
}

.sigin-btn .already-singin,
.sigin-btn .sigin-today-sub {
    color: #fff;
    font-size: .26rem;
    min-width: 1.68rem;
    min-height: .66rem;
    border-radius: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .1rem
}

.sigin-btn .already-singin {
    max-width: 2rem;
    background: #cecece;
    word-break: break-word
}

.sigin-today-title {
    font-weight: 700;
    margin: .1rem .1rem .1rem 0;
    font-size: .24rem;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center;
    color: #8e0019
}

.sigin-today-title .signin-text {
    min-width: 1.7rem
}

.sigin-today-title.sigin-today {
    color: #2476ff
}

.sigin-today-title.sigin-today svg {
    fill: #2476ff
}

.sigin-today-title svg {
    margin: 0 .1rem;
    width: .28rem;
    height: .28rem;
    fill: #8e0019;
    overflow: initial
}

.sigin-today-title span {
    color: #fa1f50;
    font-size: .32rem
}

.sigin-today-desc {
    background-color: #fff8f1;
    border-radius: .2rem;
    display: flex;
    margin-top: .15rem;
    width: 100%;
    padding: 0 .25rem
}

.sigin-today-desc .item-wrap {
    padding: .21rem 0;
    flex: 0 0 50%;
    display: flex;
    flex-flow: column
}

.sigin-today-desc .item-wrap .item-title {
    color: #6f6f6f;
    font-size: .26rem
}

.sigin-today-desc .item-wrap .item-desc {
    color: #f32246;
    font-size: .26rem;
    margin-top: .08rem
}

.sigin-c-footer,
.sigin-c-remarks {
    padding: .2rem;
    background: #fff
}

.sigin-c-footer.blank,
.sigin-c-remarks.blank {
    padding: 0
}

.sigin-c-footer .wysiwyg,
.sigin-c-remarks .wysiwyg {
    overflow-x: auto
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar {
    width: .06rem;
    height: .06rem;
    background-color: #69696940
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar-thumb,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar-thumb {
    background-color: #9a9a9a;
    border-radius: .1rem
}

.sigin-c-footer .wysiwyg::-webkit-scrollbar-track,
.sigin-c-remarks .wysiwyg::-webkit-scrollbar-track {
    background-color: transparent
}

.sigin-c-footer .title {
    color: #6e6e6e
}

.sigin-c-remarks .sigin-rule {
    font-size: .28rem;
    color: #f94b3f
}

.sigin-c-remarks p {
    line-height: 1.3;
    font-size: .26rem
}

.sigin-c-footer {
    font-size: 0;
    margin-top: .14rem
}

.sigin-c-footer .reward-icon-content {
    z-index: 1;
    display: flex;
    height: 1.2rem;
    min-height: .8rem;
    max-height: 1.52rem;
    justify-content: center
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap {
    display: flex;
    width: 100%;
    justify-content: center
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item {
    min-width: 30%;
    flex: 1 0 30%
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.default {
    background: url(/mobile/mc/item-default.881bcb00.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.amount {
    background: url(/mobile/mc/item-a.e484958e.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.point {
    background: url(/mobile/mc/item-p.5c0f405e.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-g {
    background: url(/mobile/mc/item-g.da30ed71.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-w {
    background: url(/mobile/mc/item-w.856fb0b8.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-icon-content .reward-icon-wrap .reward-item.item-r {
    background: url(/mobile/mc/item-r.5fdbbaeb.png) no-repeat 50%/contain
}

.sigin-c-footer .reward-content {
    flex: 1 1 0%;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: .05rem;
    min-height: 1.3rem;
    width: 100%;
    color: #666;
    font-size: .2rem;
    font-weight: 700;
    line-height: .2rem;
    padding: 0;
    text-align: left;
    align-items: stretch
}

.sigin-c-footer .reward-content .reward-item-wrap,
.sigin-c-footer .reward-content .reward-item-wrapper {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    width: 100%
}

.sigin-c-footer .reward-content .reward-item-wrap {
    gap: .05rem
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item {
    color: #666;
    font-size: .2rem;
    font-weight: 700;
    line-height: .3rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item.ticket span {
    width: 100%
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item.ticket span:last-child {
    text-align: left
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item span {
    font-size: .2rem;
    width: 50%
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item span:first-child {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .sigin-c-footer .reward-content .reward-item-wrap .reward-item span:first-child {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.sigin-c-footer .reward-content .reward-item-wrap .reward-item span:last-child {
    overflow: hidden;
    text-align: right
}

.sigin-c-footer .reward-content .sigin-btn {
    margin-top: .14rem;
    width: 100%;
    max-width: 2rem
}

.sigin-c-footer .reward-content .already-singin,
.sigin-c-footer .reward-content .sigin-today-sub {
    margin-top: .14rem;
    min-height: .39rem
}

.sigin-c-footer ul {
    display: flex;
    flex-wrap: wrap
}

.sigin-c-footer li {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(34% - 0.07rem);
    font-size: .28rem;
    display: flex;
    flex-direction: column;
    vertical-align: top;
    padding: .2rem .07rem
}

.sigin-c-footer .has-price,
.sigin-c-footer .has-price-gray,
.sigin-c-footer .has-score,
.sigin-c-footer .has-score-gray,
.sigin-c-footer .has-score-price,
.sigin-c-footer .has-score-price-gray {
    height: .74rem;
    color: #fff;
    text-align: center
}

.has-price,
.has-price-gray {
    line-height: .66rem;
    font-size: .37rem;
    background: url(/mobile/mc/coin_s.7c8d9f11.png) no-repeat 50%/.74rem .74rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.acmount-fsize {
    font-size: .2rem;
    padding-right: .08rem
}

.acmount-fsize2 {
    font-size: .28rem
}

.acmount-fsize3 {
    font-size: .24rem
}

.acmount-fsize4 {
    font-size: .21rem
}

.has-price.ck {
    background: url(/mobile/mc/right.a20221ee.png) no-repeat .46rem .32rem/.48rem .48rem, url(/mobile/mc/coin_s.7c8d9f11.png) no-repeat .04rem/.74rem .74rem
}

.has-score {
    background: url(/mobile/mc/ticket.06389a91.png) no-repeat .04rem/.79rem .51rem
}

.has-price-gray {
    background: url(/mobile/mc/coin_s_bw.183e01be.png) no-repeat .04rem/.74rem .74rem
}

.has-score,
.has-score-gray {
    width: .9rem
}

.has-score-gray .acmount-fsize,
.has-score .acmount-fsize {
    padding-right: 0
}

.has-score.ck {
    background: url(/mobile/mc/right.a20221ee.png) no-repeat .54rem .32rem, url(/mobile/mc/ticket.06389a91.png) no-repeat .04rem
}

.has-score span {
    display: inline-block;
    margin: .24rem .1rem .1rem .04rem;
    color: #fff
}

.has-score-gray {
    line-height: .65rem;
    background: url(/mobile/mc/ticket_bw.79cbdad0.png) no-repeat .04rem/.79rem .51rem;
    width: .9rem
}

.has-score-gray span {
    display: inline-block;
    margin: .18rem 0 .1rem;
    line-height: 1;
    color: #fff;
    width: 100%;
    text-align: center
}

.has-score-price,
.has-score-price-gray {
    position: relative;
    background: url(/mobile/mc/coin_s.7c8d9f11.png) no-repeat .04rem .24rem, url(/mobile/mc/ticket.06389a91.png) no-repeat .16rem .04rem;
    background-size: .5rem .5rem, .7rem .4rem;
    width: auto !important
}

.has-score-price-gray .score,
.has-score-price .score {
    display: inline-block;
    color: #fff;
    width: .46rem;
    text-align: center;
    font-size: .24rem
}

.has-score-price-gray .price,
.has-score-price .price {
    display: inline-block;
    position: absolute;
    left: .14rem;
    color: #ffed50;
    font-size: .2rem;
    bottom: .14rem;
    width: .3rem;
    text-align: center
}

.has-score-price.ck {
    background: url(/mobile/mc/coin_s.7c8d9f11.png) no-repeat .04rem .24rem, url(/mobile/mc/right.a20221ee.png) no-repeat .54rem .3rem, url(/mobile/mc/ticket.06389a91.png) no-repeat .16rem .04rem;
    background-size: .5rem .5rem, auto, .7rem .4rem
}

.has-score-price-gray {
    background: url(/mobile/mc/coin_s_bw.183e01be.png) no-repeat .04rem .24rem, url(/mobile/mc/ticket_bw.79cbdad0.png) no-repeat .16rem .04rem;
    background-size: .5rem .5rem, .7rem .4rem
}

.has-score-price-gray .price,
.has-score-price-gray .score {
    color: #fff
}

.sigin-tab {
    background: #fff
}

.sigin-tab .am-tabs-tab {
    width: 0
}

.sigin-container .tab-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5em;
    position: relative
}

.sigin-tab .am-tabs-tab-active .tab-title:after {
    content: "";
    background-color: #fa1f50 !important;
    height: .06rem !important;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.si-item {
    height: .74rem;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 50% !important
}

.has-claimed,
.no-claimed {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%
}

.has-claimed:after,
.no-claimed:after {
    position: absolute;
    content: "";
    z-index: 0;
    right: .1rem;
    top: .4rem;
    width: 2.1rem;
    height: 2.1rem;
    background: url(/mobile/mc/deco-sparkle.a1b71173.png) no-repeat 50%/contain
}

.has-claimed .title,
.no-claimed .title {
    text-align: center;
    font-size: .24rem;
    font-weight: 700;
    height: .41rem;
    display: flex;
    border-radius: .2rem .2rem 0 0;
    background: #2476ff;
    width: 100%;
    color: #fff;
    align-items: center;
    justify-content: center
}

.has-claimed .claimed-content,
.no-claimed .claimed-content {
    flex: 1 1 0%;
    position: relative;
    padding: .16rem .1rem;
    min-height: 2.8rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 .2rem .2rem;
    border-right: .02rem solid rgba(12, 210, 175, .2);
    border-bottom: .02rem solid rgba(12, 210, 175, .2);
    border-left: .02rem solid rgba(12, 210, 175, .2);
    background: linear-gradient(180deg, #fff4d9 12.06%, #fff);
    justify-content: center
}

.has-claimed svg,
.no-claimed svg {
    width: .28rem;
    height: .28rem;
    fill: #999;
    margin-bottom: .2rem;
    overflow: initial
}

.has-claimed svg {
    fill: #61b62e
}

.sigin-title-item {
    display: block;
    height: .72rem;
    width: .82rem;
    background: url(/mobile/mc/gift.5366dc7e.png) no-repeat 50%/contain
}

.task-container {
    background: #f7f6fb;
    height: 100%
}

.task-container .am-tabs-bar {
    background: #fff
}

.task-container .am-flexbox {
    overflow-y: initial
}

.am-progress-bar {
    border: .1rem solid #33cd0c
}

.am-progress-outer {
    overflow: hidden;
    border-radius: .3rem
}

.task-c-header {
    padding: .2rem;
    margin-top: .14rem;
    position: relative;
    background: #fff;
    color: #666
}

.task-c-header .am-flexbox-item {
    text-align: center
}

.task-c-header .task-progress-txt {
    flex: 0 0 70%;
    text-align: left;
    font-size: .28rem
}

.task-c-header .task-progress-txt span {
    color: #fa1f50
}

.task-c-header .am-progress-outer {
    margin-top: .4rem
}

.task-c-header .am-flexbox-item:last-child {
    border-right: 0
}

.task-c-content {
    margin-top: -.4rem
}

.sc-score {
    font-weight: 900;
    font-size: .42rem
}

.sc-days {
    color: #2476ff
}

.sc-integral {
    color: #e539ff
}

.sc-bonus {
    color: #fe3b44
}

.sc-score-desc {
    color: #b3b3b3;
    margin-top: .06rem;
    font-size: .24rem
}

.task-operating {
    padding: .1rem;
    background: #fff;
    height: 1.88rem
}

.task-operating .am-flexbox {
    vertical-align: middle;
    margin-top: .16rem
}

.task-sore-tip {
    background: url(/mobile/mc/coin_l.28496047.png);
    display: block;
    text-align: center;
    line-height: 1.4rem;
    width: 1.4rem;
    color: #ffed50;
    font-size: .4rem;
    font-weight: 900;
    height: 1.4rem;
    background-size: cover
}

.task-price-tip {
    background: url(/mobile/mc/ticket.06389a91.png) no-repeat;
    line-height: .8rem;
    width: 1.6rem;
    height: .8rem;
    background-size: 100% 100%
}

.task-price-sore-tip,
.task-price-tip {
    display: block;
    text-align: center;
    margin-top: .2rem;
    color: #fff;
    font-size: .4rem;
    font-weight: 900
}

.task-price-sore-tip {
    background: url(/mobile/mc/coin_l.28496047.png) no-repeat 0 .2rem, url(/mobile/mc/ticket.06389a91.png) no-repeat .2rem 0;
    position: relative;
    line-height: .6rem;
    width: 1.7rem;
    height: .9rem;
    background-size: .84rem .84rem, 1.2rem .6rem
}

.task-operating .am-flexbox-item {
    flex: none !important
}

.task-container .am-badge {
    width: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.task-today-sub {
    padding: .14rem .2rem;
    background: linear-gradient(90deg, #f8493f, #fd603f);
    display: inline;
    color: #fff;
    font-size: .26rem;
    border-radius: .4rem;
    margin-left: .2rem
}

.task-today-sub.grey {
    background-image: none;
    background-color: #ccc
}

.task-today-title {
    color: #6e6e6e;
    font-weight: 700;
    margin-bottom: .1rem;
    font-size: .28rem
}

.task-today-title span {
    color: #fa1f50;
    font-size: .32rem
}

.task-today-desc {
    font-size: .28rem;
    color: #a6a6a6
}

.task-today-desc span {
    color: #f94b3f
}

.task-c-footer,
.task-c-remarks {
    margin-top: .14rem;
    padding: .2rem;
    background: #fff
}

.task-c-footer ul,
.task-c-remarks ul {
    list-style: disc
}

.task-c-footer ol,
.task-c-remarks ol {
    list-style: decimal
}

.task-c-footer {
    padding-left: 0
}

.task-c-footer .list-title {
    max-width: 60%
}

.today {
    color: #f94b3f
}

.task-c-footer .title {
    padding-bottom: .1rem
}

.task-c-remarks {
    padding: .2rem
}

.task-c-footer {
    font-size: 0;
    margin-top: .14rem
}

.task-c-footer div>div {
    margin: .1rem 0
}

.task-c-footer .title {
    font-size: .26rem;
    display: block;
    text-align: center;
    margin-bottom: .1rem
}

.task-c-footer li {
    font-size: .28rem;
    vertical-align: top;
    padding: .1rem 0;
    position: relative;
    overflow: hidden
}

.task-c-footer li .icon {
    font-size: .28rem;
    display: inline-block;
    vertical-align: top;
    width: 1.1rem;
    height: 1.1rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 1rem 1rem
}

.task-c-footer li .icon.qq {
    background-image: url(/mobile/mc/QQ.b4f8c5aa.png);
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    background-size: 100% 100%;
    box-shadow: 0 .13rem .21rem 0 hsla(50, 60%, 67%, .35)
}

.task-c-footer li .icon.email {
    background-image: url(/mobile/mc/mail.1682ba2a.png)
}

.task-c-footer li .icon.zalo {
    background-image: url(/mobile/mc/zalo.9b6f7af0.png);
    background-size: .74rem .74rem
}

.task-c-footer li .icon.mobile {
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    background-size: 100% 100%;
    box-shadow: 0 .13rem .21rem 0 rgba(219, 133, 253, .35);
    background-image: url(/mobile/mc/phone.415a2f09.png)
}

.task-c-footer li .icon.bankCard,
.task-c-footer li .icon.withdrawalAccount {
    background-image: url(/mobile/mc/card.90e09d9d.png)
}

.task-c-footer li .icon.virtualWallet {
    background: url(/mobile/mc/virtual.d5633c9b.png) no-repeat 50%/contain;
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    box-shadow: 0 .13rem .21rem 0 hsla(40, 97%, 71%, .35)
}

.task-c-footer li .icon.electronicWallet {
    background: url(/mobile/mc/electronic.c31486dc.png) no-repeat 50%/contain;
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    box-shadow: 0 .13rem .21rem 0 rgba(255, 152, 230, .35)
}

.task-c-footer li .icon.payeeName {
    box-shadow: 0 .13rem .21rem 0 hsla(52, 99%, 71%, .35);
    background-image: url(/mobile/mc/payeeName.cef13fa4.png)
}

.task-c-footer li .icon.line,
.task-c-footer li .icon.payeeName {
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    background-size: 100% 100%
}

.task-c-footer li .icon.line {
    background-image: url(/mobile/mc/line.8a3e3e37.png);
    box-shadow: 0 .13rem .21rem 0 rgba(40, 181, 17, .35)
}

.task-c-footer li .icon.wechat {
    background-image: url(/mobile/mc/wechat.a7ebae18.png);
    box-shadow: 0 .13rem .21rem 0 rgba(0, 185, 87, .35)
}

.task-c-footer li .icon.address,
.task-c-footer li .icon.wechat {
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    background-size: 100% 100%
}

.task-c-footer li .icon.address {
    background-image: url(/mobile/mc/address.c1568e5c.png);
    box-shadow: 0 .05rem .24rem 0 rgba(255, 54, 51, .65)
}

.task-c-footer li .icon.facebook {
    background-image: url(/mobile/mc/facebook.6192030d.png);
    box-shadow: 0 .13rem .21rem 0 rgba(84, 132, 230, .35)
}

.task-c-footer li .icon.facebook,
.task-c-footer li .icon.idPicture {
    width: .7rem;
    height: .7rem;
    margin: .2rem;
    border-radius: .66rem;
    background-size: 100% 100%
}

.task-c-footer li .icon.idPicture {
    background-image: url(/mobile/mc/identify.4a6945e4.png);
    box-shadow: 0 .05rem .24rem 0 rgba(211, 52, 255, .65)
}

.task-c-footer li .icon.viber {
    background-image: url(/mobile/mc/viber.920ee26e.png)
}

.task-c-footer li .icon.birthday {
    background-image: url(/mobile/mc/birthday.68305ad1.png)
}

.task-c-footer li .icon.twitter {
    background-image: url(/mobile/mc/twitter.e316868f.png)
}

.task-c-footer li .icon.telegram {
    background-image: url(/mobile/mc/telegram.7d77880d.png)
}

.task-c-footer li .icon.whatsapp {
    background-image: url(/mobile/mc/whatsapp.ee758198.png)
}

.task-c-footer li .icon.promotionPeriodDepositAmount {
    background-image: url(/mobile/mc/deposit.8b975d18.png)
}

.task-c-footer li .list-title {
    color: #666;
    display: inline-block;
    font-weight: 700;
    margin-top: .22rem
}

.add-info {
    margin-top: .2rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    transform: translateY(-50%)
}

.finshed {
    float: right;
    margin-top: .2rem;
    width: 1.38rem;
    height: .86rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(/mobile/mc/check.7bd3914a.png)
}

.task-c-footer li .list-title div {
    color: #d7d7d7
}

.task-c-content .am-tabs-ink-bar {
    background: #fa1f50 !important;
    padding: .03rem
}

.task-c-content .am-tabs-tab-active {
    color: #fa1f50 !important;
    border-bottom: 1px solid #ddd !important
}

.task-tab {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    overflow: hidden;
    margin-top: -.36rem
}

.task-tab .am-tabs-tab {
    width: 0
}

.task-tab .am-tabs-tab .tab-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 .05rem
}

.task-tab .am-tabs-ink-bar {
    display: none !important
}

.task-tab .am-tabs-tab-active .tab-title {
    color: #fa1f50 !important
}

.task-tab .tab-title {
    position: relative;
    color: #666
}

.task-tab .am-tabs-bar .am-tabs-tab {
    height: 1rem;
    line-height: 1rem
}

.task-tab .am-tabs-tab-active .tab-title:after {
    content: "";
    background-color: #fa1f50 !important;
    height: .06rem !important;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.invite-friends-link-pop {
    border-radius: .08rem;
    background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
    min-height: 2.3rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .4rem .3rem .24rem
}

.invite-friends-link-pop .link-top-title {
    font-size: .34rem;
    font-weight: 600;
    color: #3b2987;
    display: flex
}

.invite-friends-link-pop .link-top-title .share {
    margin-left: .2rem
}

.invite-friends-link-pop .link-top-title .share svg {
    width: .2rem;
    height: .2rem
}

.invite-friends-link-pop .link-subtitle {
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    margin-top: .25rem
}

.invite-friends-link-pop .invite-get-link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .08rem;
    background-color: #fff;
    height: .4rem;
    margin-top: .1rem
}

.invite-friends-link-pop .invite-get-link .link-url {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 0%;
    font-size: .2rem;
    font-weight: 600;
    padding: 0 .2rem
}

.invite-friends-link-pop .copy-container {
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    margin-top: .4rem;
    display: flex;
    width: 100%
}

.invite-friends-link-pop .copy-container span {
    min-width: 1.55rem;
    white-space: wrap;
    word-break: break-word
}

.invite-friends-link-pop .copy-container .link-copy {
    padding: .12rem;
    border-radius: .08rem;
    background-color: #428dfc;
    width: 50%;
    height: 100%;
    min-height: .78rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .04rem
}

.invite-friends-link-pop .copy-container .link-copy svg {
    margin-right: .2rem;
    min-width: .3rem;
    height: .3rem
}

.invite-friends-link-pop .copy-container .link-qrcode {
    margin-right: .2rem;
    padding: .12rem;
    border-radius: .08rem;
    background-image: linear-gradient(104deg, #6b73ff, #000dff);
    width: 50%;
    height: 100%;
    min-height: .78rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.invite-friends-link-pop .copy-container .link-qrcode svg {
    margin-right: .2rem;
    min-width: .3rem;
    height: .3rem
}

.invite-code-modal .invite-friends-con-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 80vh
}

.invite-code-modal .invite-friends-con {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden
}

.invite-code-modal .invite-friends-con.share-hide {
    position: absolute;
    top: 0;
    z-index: -1
}

.invite-code-modal .invite-friends-con .invite-friends-picture {
    font-size: 0;
    border-radius: .4rem .4rem 0 0;
    max-height: 3.2rem
}

.invite-code-modal .invite-friends-con .invite-friends-picture img {
    width: 100%
}

.invite-code-modal .invite-friends-con .invite-friends-content {
    flex: 1 1 0%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -.2rem;
    padding: .4rem .38rem;
    border-radius: .24rem;
    background-image: linear-gradient(180deg, #f3f7fb 33%, #e0e9f1);
    overflow: hidden
}

.invite-code-modal .invite-friends-con .invite-friends-content .content-wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.invite-code-modal .invite-friends-con .invite-friends-content .wysiwyg {
    flex: 1 1 0%;
    padding: 0 .1rem;
    overflow: auto
}

.invite-code-modal .invite-friends-con .invite-friends-content .wysiwyg strong span {
    display: inline-block
}

.invite-code-modal .invite-friends-con .invite-friends-content.hasContent,
.invite-code-modal .invite-friends-con .invite-friends-content.noData {
    width: 100%
}

.invite-code-modal .invite-friends-con .invite-friends-content.hasContent .qrcode,
.invite-code-modal .invite-friends-con .invite-friends-content.noData .qrcode {
    margin-top: .4rem
}

.invite-code-modal .close-btn {
    margin-top: .2rem
}

.invite-code-modal .close-btn svg {
    width: .76rem;
    height: .76rem
}

.invite-code-modal .share-btn-wrapper {
    width: 100%;
    padding: 0 .38rem .4rem;
    margin-top: -.4rem;
    border-radius: 0 0 .24rem .24rem;
    background: #e0e9f1
}

.invite-code-modal .share-btn-wrapper .share-btn {
    margin-top: .4rem;
    display: block;
    color: #fff;
    font-size: .3rem;
    font-weight: 600;
    padding: .1rem .8rem;
    border-radius: .16rem;
    background-image: linear-gradient(96deg, #6b73ff, #000dff)
}

.invite-code-modal .invite-code-modal-wrap {
    background-color: transparent
}

.invite-code-modal:before {
    content: "";
    background-color: rgba(0, 0, 0, .56);
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: -1;
    left: 0;
    top: 0
}

.invite-code-modal .am-modal-content {
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.invite-code-modal .am-modal-body {
    padding: 0 !important;
    overflow: hidden;
    flex: 1 1 0%
}

.invite-code-modal .invite-code-modal-content {
    padding: .5rem .6rem;
    text-align: center
}

.invite-code-modal .invite-code-modal-content canvas {
    display: inline-block;
    width: 3.75rem !important;
    height: 3.75rem !important
}

.invite-code-modal .invite-code-modal-remark {
    font-size: .3rem;
    position: relative;
    color: #a7a7a7;
    margin-top: .1rem
}

.invite-code-modal .invite-code-modal-remark img {
    width: .35rem;
    height: .33rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.invite-code-modal .invite-code-modal-remark span {
    margin-left: .5rem
}

.invite-code-modal .invite-code-modal-header {
    height: 1.1rem;
    background: #f2f2f2;
    position: relative;
    color: #595959;
    font-weight: 700;
    font-size: .36rem
}

.invite-code-modal .invite-code-modal-header .invite-code-modal-title {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    width: calc(100% - .76rem);
    padding-right: .76rem;
    left: 50%;
    line-height: 1;
    transform: translate(-50%, -50%)
}

.invite-code-modal .invite-code-modal-header .invite-code-modal-title img {
    display: inline-block;
    width: .6rem;
    height: .54rem;
    position: relative;
    vertical-align: top;
    margin-right: .2rem
}

.invite-code-modal .invite-code-modal-header svg {
    position: absolute;
    right: .3rem;
    top: 50%;
    transform: translateY(-50%)
}

body.invite-friends {
    background: #fff !important
}

.container-wrap {
    padding-bottom: .35rem;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.container-wrap .banner-item img {
    max-width: 100%;
    object-fit: contain
}

.invite-tab .am-tabs-bar .am-tabs-nextpage:after,
.invite-tab .am-tabs-bar .am-tabs-prevpage:before {
    display: none
}

.invite-tab .am-badge {
    max-width: 2rem;
    word-wrap: break-word;
    white-space: break-spaces
}

.invite-tab .am-tabs-tab {
    height: .9rem;
    box-sizing: content-box;
    flex: auto !important;
    padding: 0 .2rem;
    text-align: center;
    white-space: nowrap;
    flex-basis: auto !important;
    display: inline-block !important;
    min-width: 20% !important
}

.invite-tab .am-tabs-nav-swipe {
    transform: none !important;
    touch-action: none !important
}

.invite-tab .am-tabs-bar .am-tabs-tab {
    border-bottom: .04rem solid #fff
}

.invite-tab .am-tabs-ink-bar {
    display: none !important
}

.invite-tab .am-tabs-tab-active {
    border-bottom: .04rem solid #108ee9 !important
}

.invite-tab .am-tabs-nav {
    white-space: nowrap;
    display: inline-block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important
}

.invite-tab .am-tabs-nav::-webkit-scrollbar {
    display: none;
    background-color: transparent
}

.invite-tab .am-tabs-nav::-webkit-scrollbar-thumb,
.invite-tab .am-tabs-nav::-webkit-scrollbar-track {
    background-color: transparent
}

.invite-tab .am-tabs-bar {
    background: #fff !important;
    padding: 0 .05rem
}

.invite-tab .am-tabs-bar .am-badge {
    text-align: center
}

.invite-friends-container {
    text-align: center;
    padding: 0 .28rem;
    height: calc(100vh - 2.47rem);
    height: calc(var(--vh, 1vh)*100 - 2.47rem);
    background: #fff;
    margin: .3rem 0
}

.invite-friends-container .currency {
    margin-right: .05rem
}

.invite-friends-container .default-title {
    font-size: .5rem;
    font-weight: 600;
    color: #1b1b4b;
    text-align: center;
    margin-bottom: .35rem
}

.invite-friends-container .amount-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: .4rem 0 0 .11rem
}

.invite-friends-container .amount-wrap .amount-balance-common {
    font-weight: 700;
    color: #ffc576
}

.invite-friends-container .amount-wrap .amount-num {
    font-size: .5rem;
    font-weight: 700;
    color: #ffc576
}

.invite-friends-container .amount-wrap .info {
    margin-left: .15rem;
    width: .4rem;
    height: .4rem
}

.invite-friends-container .amount-wrap .info svg {
    height: 100%;
    width: 100%
}

.invite-friends-container .amount-detail {
    margin: .3rem 0 0 .25rem;
    color: #fff;
    font-size: .2rem;
    font-weight: 700
}

.invite-friends-container .amount-detail .wysiwyg {
    padding-bottom: 0;
    line-height: 1
}

.invite-friends-container .amount-detail label {
    color: #ffc576;
    margin: 0 .1rem
}

.invite-friends-container .invite-friends-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 .08rem;
    gap: .15rem
}

.invite-friends-container .invite-friends-info .info-item {
    flex: 1 1 0%;
    min-height: 1.1rem;
    border-radius: .08rem;
    background-image: linear-gradient(108deg, #ce9ffc, #7367f0);
    min-width: calc((100% - .15rem)/2);
    display: flex;
    flex-direction: column
}

.invite-friends-container .invite-friends-info .info-item:first-child,
.invite-friends-container .invite-friends-info .info-item:nth-child(4),
.invite-friends-container .invite-friends-info .info-item:nth-child(6) {
    background-image: linear-gradient(108deg, #abdcff, #0396ff)
}

.invite-friends-container .invite-friends-info .info-item:first-child .item-title,
.invite-friends-container .invite-friends-info .info-item:nth-child(4) .item-title,
.invite-friends-container .invite-friends-info .info-item:nth-child(6) .item-title {
    color: #ebf7ff
}

.invite-friends-container .invite-friends-info .info-item .item-title {
    font-size: .22rem;
    font-weight: 600;
    color: #efe0ff;
    margin: .19rem .05rem 0;
    min-height: .4rem
}

.invite-friends-container .invite-friends-info .info-item .item-number {
    font-size: .4rem;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 .04rem .04rem rgba(0, 0, 0, .15);
    display: flex;
    justify-content: center
}

.invite-friends-container .invite-friends-goals {
    min-height: 3.76rem;
    border-radius: .12rem;
    background: linear-gradient(118deg, #97abff, #123597);
    padding: .21rem .36rem
}

.invite-friends-container .invite-friends-goals .goals-top {
    display: flex;
    align-items: center;
    height: 1.78rem;
    justify-content: space-between
}

.invite-friends-container .invite-friends-goals .goals-top .goals-img {
    height: 100%;
    width: auto;
    object-fit: contain
}

.invite-friends-container .invite-friends-goals .goals-top .goals-title {
    font-size: .5rem;
    font-weight: 700;
    text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .35);
    color: #fff;
    flex: 1 1 0%;
    margin-left: .5rem;
    text-align: left
}

.invite-friends-container .invite-friends-goals .goals-top .goals-title .wysiwyg {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    max-width: 2.5rem;
    overflow: hidden;
    padding-bottom: 0;
    line-height: 1.3
}

.invite-friends-container .invite-friends-goals .has-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem
}

.invite-friends-container .invite-friends-goals .has-icon .amount-detail {
    margin: 0
}

.invite-friends-container .invite-friends-goals .has-icon .info {
    display: flex;
    align-items: center;
    margin-left: .15rem
}

.invite-friends-container .invite-friends-bonus {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.invite-friends-container .invite-friends-bonus .bonus-title {
    margin: 0 .6rem .15rem;
    font-size: .4rem
}

.invite-friends-container .invite-friends-bonus .bonus-item {
    display: flex;
    min-height: 1.8rem;
    background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
    padding: .17rem .3rem;
    border-radius: .08rem
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-img {
    width: 1.45rem
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-img img {
    width: 100%;
    object-fit: contain
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info {
    margin: 0 .1rem 0 .53rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-title {
    font-size: .3rem;
    font-weight: 600;
    color: #566073
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-num {
    font-size: .4rem;
    font-weight: 700;
    color: #3b2987;
    margin-top: .07rem
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-detail {
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #566073;
    margin-top: .07rem
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info .info-detail .detail-num {
    margin-right: .07rem
}

.invite-friends-container .invite-friends-how .default-title {
    font-size: .34rem
}

.invite-friends-container .invite-friends-how .how-title {
    margin: .55rem .6rem
}

.invite-friends-container .invite-friends-how img {
    max-width: 100%;
    object-fit: contain
}

.invite-friends-container .invite-friends-how .wysiwyg {
    padding-bottom: 0;
    text-align: initial
}

.invite-friends-container .leader-board .leader-title {
    margin: 0 .6rem .35rem
}

.invite-friends-container .leader-board .board-content {
    width: 100%;
    border-radius: .12rem;
    background-image: linear-gradient(140deg, #43cbff, #9708cc);
    display: flex;
    flex-direction: column
}

.invite-friends-container .leader-board .board-content .board-top {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    margin-top: .5rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item {
    display: flex;
    flex-direction: column;
    color: #fff
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top1 .item-img {
    width: 2.18rem;
    height: 2.18rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top1 .item-img:before {
    background: url(/mobile/mc/top-text-1.4a85f114.png) no-repeat 50%/contain;
    width: .59rem;
    height: .59rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top2 .item-img {
    width: 1.98rem;
    height: 1.98rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top2 .item-img:before {
    background: url(/mobile/mc/top-text-2.c89c2733.png) no-repeat 50%/contain;
    width: .56rem;
    height: .59rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top3 .item-img {
    width: 1.78rem;
    height: 1.78rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item.top3 .item-img:before {
    background: url(/mobile/mc/top-text-3.c73a6320.png) no-repeat 50%/contain;
    width: .41rem;
    height: .59rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item .item-img {
    position: relative
}

.invite-friends-container .leader-board .board-content .board-top .top-item .item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.invite-friends-container .leader-board .board-content .board-top .top-item .item-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: .14rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item .item-name {
    font-size: .2rem;
    font-weight: 700;
    margin-top: .1rem
}

.invite-friends-container .leader-board .board-content .board-top .top-item .item-amount {
    font-size: .24rem;
    font-weight: 700
}

.invite-friends-container .leader-board .board-content .board-bottom {
    margin-top: .7rem;
    padding: 0 .4rem
}

.invite-friends-container .leader-board .board-content .board-bottom .list-title {
    font-size: .45rem;
    font-weight: 600;
    color: #fff
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list {
    margin: .2rem 0 .36rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 3.2rem
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list .swiper-container {
    width: 100%
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list .swiper-wrapper {
    display: flex;
    flex-direction: column
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list .list-item {
    flex: 1 1 0%;
    border-radius: .4rem;
    background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: .2rem;
    font-weight: 700;
    color: #566073;
    text-align: center;
    min-height: .6rem;
    margin-top: .2rem
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list .list-item .item-info {
    flex: 0 0 33%;
    line-height: 1
}

.invite-friends-container .leader-board .board-content .board-bottom .board-list .list-item .item-amount {
    flex: 0 0 33%;
    font-size: .25rem;
    text-align: left
}

.invite-friends-container .income-calculation {
    border-radius: .12rem;
    background-image: linear-gradient(122deg, #fd6585, #0d25b9);
    min-height: 4.31rem;
    padding: .32rem .36rem .46rem
}

.invite-friends-container .income-calculation .currency {
    margin-right: .05rem
}

.invite-friends-container .income-calculation .income-top {
    display: flex;
    align-items: center;
    height: 1.5rem;
    justify-content: space-between
}

.invite-friends-container .income-calculation .income-top .income-title {
    font-size: .5rem;
    font-weight: 700;
    text-shadow: 0 .04rem .1rem rgba(0, 0, 0, .35);
    color: #fff;
    flex: 1 1 0%;
    margin-left: .5rem;
    text-align: left
}

.invite-friends-container .income-calculation .income-top .income-img {
    height: 100%;
    width: auto;
    object-fit: contain
}

.invite-friends-container .income-calculation .progress-bar-wrap {
    touch-action: none;
    margin-top: .1rem
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper {
    padding: 0 0 0 .3rem
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-rail {
    height: .1rem;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-color: rgba(0, 0, 0, .2)
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-rail:before {
    position: absolute;
    content: "";
    height: .1rem;
    width: .24rem;
    background-color: rgba(0, 0, 0, .2);
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    left: -.24rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-track {
    background: transparent;
    height: .1rem
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-handle {
    width: .3rem;
    height: .3rem;
    background: linear-gradient(135deg, #65fdf0, #1d6fa3);
    border: none;
    margin-top: -.12rem
}

.invite-friends-container .income-calculation .progress-bar-wrap .am-slider-wrapper .am-slider .am-slider-handle:before {
    position: absolute;
    content: "";
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    background-color: hsla(0, 0%, 100%, .2);
    top: 0;
    bottom: 0;
    left: -.04rem;
    right: 0;
    margin: auto
}

.invite-friends-container .footer-wrap img {
    max-width: 100%;
    object-fit: contain
}

.invite-friends-container .referral-rank-wrap {
    border-radius: .08rem;
    background: linear-gradient(180deg, #f2f2f2, #f4f4f4);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .15rem .15rem .32rem;
    width: 100%;
    direction: ltr
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 1px;
    gap: .1rem
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.swiper-slide-active {
    height: auto
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-1 .referral-middle,
.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-1 .referral-top .results-btn:after {
    background: linear-gradient(270deg, #7cc4f8, #abdcff)
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-2 .referral-middle,
.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-2 .referral-top .results-btn:after {
    background: linear-gradient(270deg, #c997fa, #dfbeff)
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-3 .referral-middle,
.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-3 .referral-top .results-btn:after {
    background: linear-gradient(270deg, #ffce79, #ffdda2)
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-4 .referral-middle,
.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-4 .referral-top .results-btn:after {
    background: linear-gradient(270deg, #ff92a9, #ffb6c5)
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-5 .referral-middle,
.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-5 .referral-top .results-btn:after {
    background: linear-gradient(270deg, #a7d0ef, #94e8e4)
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-1 .referral-middle .middle-item .item-progress .progress-done span {
    background: #2175b1
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-2 .referral-middle .middle-item .item-progress .progress-done span {
    background: #9764ca
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-3 .referral-middle .middle-item .item-progress .progress-done span {
    background: #d18e1d
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-4 .referral-middle .middle-item .item-progress .progress-done span {
    background: #e35e79
}

.invite-friends-container .referral-rank-wrap .swiper-wrapper .swiper-item.theme-5 .referral-middle .middle-item .item-progress .progress-done span {
    background: #41a6b8
}

.invite-friends-container .referral-rank-wrap .swiper-pagination {
    bottom: .15rem !important
}

.invite-friends-container .referral-rank-wrap .swiper-pagination span {
    width: .07rem;
    height: .07rem
}

.invite-friends-container .referral-rank-wrap .swiper-pagination .swiper-pagination-bullet {
    background: #d9d9d9;
    opacity: 1
}

.invite-friends-container .referral-rank-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background: #1f2124
}

.invite-friends-container .referral-rank-wrap .referral-top {
    width: 100%;
    min-height: 1.93rem;
    background: url(/mobile/mc/referral-rank-bg-rules.2037aa3a.png) no-repeat top/cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 .42rem .31rem;
    color: #1b1b4b;
    text-align: left;
    border-radius: 0 0 .08rem .08rem
}

.invite-friends-container .referral-rank-wrap .referral-top.noRule {
    background: url(/mobile/mc/referral-rank-bg.5748d1f6.png) no-repeat top/cover
}

.invite-friends-container .referral-rank-wrap .referral-top .current-wrap {
    display: flex;
    justify-content: space-between
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn {
    position: relative;
    min-width: 1.56rem;
    height: .42rem;
    border-radius: 1rem;
    background: linear-gradient(270deg, #ffce79, #ffdda2);
    color: #1b1b4b;
    font-size: .24rem;
    font-weight: 800;
    gap: .17rem;
    display: flex;
    align-items: center;
    padding: 0 .05rem;
    z-index: 0
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn svg {
    width: .32rem;
    height: .32rem
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: calc(100% + .53rem);
    height: calc(100% + .1rem);
    background: url(/mobile/mc/rules-bg.70190640.png) no-repeat 0 0/contain;
    z-index: -1
}

.invite-friends-container .referral-rank-wrap .referral-top .results-btn:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    background: linear-gradient(270deg, #ffce79, #ffdda2);
    z-index: -1
}

.invite-friends-container .referral-rank-wrap .referral-top .current-title {
    flex: 1 1 0%;
    font-size: .26rem;
    font-weight: 800;
    padding: .19rem .5rem 0 0;
    word-break: break-word;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: normal
}

@supports(-webkit-line-clamp:2) {
    .invite-friends-container .referral-rank-wrap .referral-top .current-title {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.invite-friends-container .referral-rank-wrap .referral-top .current-name {
    padding-right: .31rem;
    word-break: break-word;
    font-size: .4rem;
    font-weight: 800;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: normal
}

@supports(-webkit-line-clamp:2) {
    .invite-friends-container .referral-rank-wrap .referral-top .current-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.invite-friends-container .referral-rank-wrap .referral-middle {
    width: 100%;
    border-radius: .08rem;
    background: linear-gradient(270deg, #ffce79, #ffdda2);
    padding: .14rem .16rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .05rem;
    font-size: .2rem;
    font-weight: 600
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-no-data {
    flex: 1 1 0%;
    min-height: 1.52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item {
    display: flex;
    align-items: center;
    gap: .1rem
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-title {
    display: flex;
    align-items: center;
    gap: .05rem;
    max-width: 2.05rem
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-title .title-txt {
    flex: 1 1 0%;
    word-break: break-word;
    text-align: left
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    gap: .07rem
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .progress {
    flex: 1 1 0%;
    height: .08rem;
    border-radius: .08rem;
    background: hsla(0, 0%, 100%, .5);
    display: flex;
    align-items: center;
    padding: 0
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .progress-done {
    height: 100%;
    border-radius: .08rem
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .progress-done span {
    width: 100%;
    display: flex;
    height: 100%;
    background: #d18e1d;
    border-radius: .08rem;
    animation: inviteAnimationStrike 1.5s ease-in
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item .item-progress .current-progress {
    min-width: .84rem;
    text-align: right
}

.invite-friends-container .referral-rank-wrap .referral-middle .middle-item svg {
    width: .42rem;
    height: .42rem
}

.invite-friends-container .referral-rank-wrap .referral-bottom {
    background: linear-gradient(180deg, #fff, #e0e9f1 55%);
    width: 100%;
    min-height: 1.8rem;
    border-style: solid;
    border-width: .02rem;
    border-image-source: linear-gradient(180deg, #e0e9f1 0, #fff);
    border-image-slice: 1;
    background-image: linear-gradient(180deg, #fff, #e0e9f1 55%), linear-gradient(180deg, #e0e9f1 0, #fff);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: .08rem
}

.invite-friends-container .referral-rank-wrap .referral-bottom .referral-bottom-wrap {
    width: 100%;
    padding: .27rem .25rem;
    display: flex;
    gap: .56rem
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item.has-line {
    position: relative
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item.has-line:before {
    position: absolute;
    content: "";
    left: -.28rem;
    top: 0;
    width: .02rem;
    height: 100%;
    background: #c8c8c8
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-img img {
    height: .49rem;
    max-width: 100%;
    object-fit: contain
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-name {
    margin-top: .22rem;
    color: #666;
    font-size: .2rem;
    font-weight: 600;
    min-height: .29rem;
    display: flex;
    align-items: center
}

.invite-friends-container .referral-rank-wrap .referral-bottom .bottom-item .item-content {
    color: #1b1b4b;
    font-size: .26rem;
    font-weight: 900;
    min-height: .29rem;
    display: flex;
    align-items: center
}

.invite-friends-rewards {
    padding: 0 .28rem;
    height: calc(100vh - 2.47rem);
    height: calc(var(--vh, 1vh)*100 - 2.47rem);
    margin: 0 0 .3rem
}

.invite-friends-rewards .rewards-banner .wysiwyg {
    padding-bottom: 0
}

.invite-friends-rewards .currency {
    margin-right: .05rem
}

.invite-friends-rewards .rewards-time {
    flex: 1 1 0%;
    margin: .2rem 0 0;
    font-size: .18rem;
    font-weight: 700;
    color: #666;
    display: flex;
    justify-content: flex-end;
    align-items: left
}

.invite-friends-rewards .rewards-time .time {
    margin-left: .1rem;
    text-transform: lowercase
}

.invite-friends-rewards .rewards-list {
    display: flex;
    flex-direction: column
}

.invite-friends-rewards .rewards-list .rewards-item {
    flex: 1 1 0%;
    border-radius: .08rem;
    background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
    min-height: 1.74rem;
    display: flex;
    align-items: center;
    padding: .22rem .2rem .22rem 1.55rem;
    position: relative;
    margin-bottom: .15rem
}

.invite-friends-rewards .rewards-list .rewards-item.disable:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(243, 247, 251, .4) 0, rgba(224, 233, 241, .4));
    left: 0;
    top: 0
}

.invite-friends-rewards .rewards-list .rewards-item:before {
    position: absolute;
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    left: .1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(/mobile/mc/level-09.fe09cde0.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:first-child:before {
    background: url(/mobile/mc/level-01.c7ede719.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(2):before {
    background: url(/mobile/mc/level-02.c6cabe47.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(3):before {
    background: url(/mobile/mc/level-03.9d3e1ebf.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(4):before {
    background: url(/mobile/mc/level-04.b4c2129f.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(5):before {
    background: url(/mobile/mc/level-05.7e8ce158.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(6):before {
    background: url(/mobile/mc/level-06.1f7c7e49.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(7):before {
    background: url(/mobile/mc/level-07.85c1190e.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(8):before {
    background: url(/mobile/mc/level-08.a59c1688.png) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item .item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .22rem;
    font-weight: 600;
    color: #666;
    flex: 1 1 0%;
    text-align: center
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-title {
    min-height: .46rem;
    display: flex;
    align-items: center;
    text-align: left
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-title .wysiwyg {
    max-height: 2.44rem;
    overflow: hidden auto;
    padding-bottom: 0;
    line-height: 1;
    text-align: left
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-title label {
    margin: 0 .05rem;
    color: #3b2987
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-info {
    display: flex;
    align-items: center;
    margin-top: .05rem
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-info:first-child {
    margin-top: 0
}

.invite-friends-rewards .rewards-list .rewards-item .item-content .item-num {
    margin-right: .1rem
}

.invite-friends-rewards .rewards-list .rewards-item .item-content svg {
    width: .24rem;
    height: .24rem;
    margin-right: .1rem
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info {
    display: flex;
    align-items: flex-end;
    direction: ltr
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .current {
    color: #3b2987;
    font-size: .32rem;
    font-weight: 600
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .goals {
    font-size: .13rem;
    font-weight: 600;
    color: #000;
    padding-left: .1rem;
    position: relative
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .btn-info .goals:before {
    position: absolute;
    content: "/";
    left: .02rem
}

.invite-friends-rewards .rewards-list .rewards-item .btn-wrap .get-btn {
    border-radius: .08rem;
    background-image: linear-gradient(113deg, #43cbff, #9708cc);
    min-height: .42rem;
    font-size: .15rem;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .1rem;
    min-width: 1.01rem;
    padding: 0 .1rem;
    border: none;
    height: auto;
    line-height: 1
}

.invite-friends-income {
    padding: 0 .28rem;
    height: calc(100vh - 2.57rem);
    height: calc(var(--vh, 1vh)*100 - 2.57rem);
    margin: .3rem 0 .4rem;
    display: flex;
    flex-direction: column
}

.invite-friends-income .currency {
    margin-right: .05rem
}

.invite-friends-income .income-wrap {
    border-radius: .12rem;
    background-color: #f6f6f6;
    padding: 0 .2rem .1rem;
    font-size: .18rem;
    font-weight: 500;
    color: #666;
    display: flex;
    flex-direction: column;
    margin-top: .4rem
}

.invite-friends-income .income-wrap:first-child {
    margin-top: 0
}

.invite-friends-income .income-wrap .income-top {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .45rem 0;
    border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
    justify-content: center
}

.invite-friends-income .income-wrap .income-top .income-title {
    font-size: .24rem;
    font-weight: 600;
    margin-right: .14rem;
    line-height: 1
}

.invite-friends-income .income-wrap .income-top .income-num,
.invite-friends-income .income-wrap .income-top .item-num {
    font-size: .28rem;
    font-weight: 600;
    color: #3b2987
}

.invite-friends-income .income-wrap .income-list {
    margin-top: .19rem;
    display: flex;
    flex-direction: column;
    border-radius: .08rem;
    background-image: linear-gradient(180deg, #f3f7fb 0, #e0e9f1);
    padding: .4rem .3rem;
    width: 100%
}

.invite-friends-income .income-wrap .income-list .list-item {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.invite-friends-income .income-wrap .income-list .list-item:last-child {
    margin-bottom: 0
}

.invite-friends-income .income-wrap .income-list .list-item .item-title {
    color: #566073
}

.invite-friends-income .income-wrap .income-list .list-item .item-num {
    color: #3b2987
}

.invite-friends-income .income-wrap .income-bottom img {
    max-width: 100%;
    object-fit: contain
}

.invite-friends-income .income-tip {
    font-size: .24rem;
    font-weight: 500;
    margin-top: .1rem;
    color: #566073
}

.invite-friends-records {
    padding: 0 .28rem;
    height: calc(100vh - 2.2rem);
    height: calc(var(--vh, 1vh)*100 - 2.2rem);
    margin: .3rem 0 0;
    display: flex;
    flex-direction: column
}

.invite-friends-records .currency {
    margin-right: .05rem
}

.invite-friends-records .search-result {
    height: calc(100% - 1.9rem);
    overflow: hidden;
    margin-top: .05rem
}

.invite-friends-records .search-result .list-wrapper {
    height: 100% !important
}

.invite-friends-records .search-result .rewards-list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

.invite-friends-records .search-result .rewards-list .nodata-container {
    flex: 1 1 0%;
    width: 100%;
    position: absolute;
    background: transparent;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.invite-friends-records .search-result .rewards-list .nodata-container .nodata-icon {
    margin-top: -.8rem
}

.invite-friends-records .search-result .rewards-list li:nth-child(2n) {
    background: #fafafa
}

.invite-friends-records .search-result .rewards-list .list-header {
    display: flex;
    background-color: #f5f6f7;
    min-height: .6rem;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: .2rem;
    font-weight: 600;
    color: #666
}

.invite-friends-records .search-result .rewards-list .item-info {
    flex: 0 0 33%
}

.invite-friends-records .search-result .rewards-list .item-achievement {
    flex: 0 0 48%
}

.invite-friends-records .search-result .rewards-list .list-item {
    min-height: .6rem;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: .18rem;
    color: #666;
    justify-content: space-between;
    padding: 0 .05rem
}

.invite-friends-records .search-result .deposit-list {
    height: 100%
}

.invite-friends-records .search-result .deposit-list li:last-child .deposit-item {
    border-bottom: none
}

.invite-friends-records .search-result .deposit-list .deposit-item {
    min-height: 2.2rem;
    border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
    padding: .3rem 0
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-top {
    font-size: .22rem;
    font-weight: 600;
    color: #666;
    display: flex;
    justify-content: space-between
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: .2rem
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-header {
    min-height: .6rem;
    background: #f5f6f7;
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: .08rem .08rem 0 0
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-content {
    min-height: .6rem;
    background-color: #fafafa;
    font-size: .2rem;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 0 0 .08rem .08rem
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-info {
    flex: 0 0 33%
}

.invite-friends-records .search-result .deposit-list .deposit-item .item-bottom .item-info.blue {
    color: #3e6ffe
}

.invite-friends-records .search-result .betting-list {
    height: 100%
}

.invite-friends-records .search-result .betting-list li:last-child .betting-item {
    border-bottom: none
}

.invite-friends-records .search-result .betting-list .betting-item {
    min-height: 2.72rem;
    border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
    padding: .3rem
}

.invite-friends-records .search-result .betting-list .betting-item .item-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.invite-friends-records .search-result .betting-list .betting-item .item-top .game-item {
    font-size: .22rem;
    font-weight: 600;
    color: #108ee9;
    display: flex;
    align-items: center
}

.invite-friends-records .search-result .betting-list .betting-item .item-top .game-item .game-icon {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem
}

.invite-friends-records .search-result .betting-list .betting-item .item-top .game-item .gmae-name {
    line-height: 1
}

.invite-friends-records .search-result .betting-list .betting-item .item-top .item-date {
    font-size: .2rem;
    font-weight: 600;
    color: #666
}

.invite-friends-records .search-result .betting-list .betting-item .item-bottom {
    margin-top: .2rem;
    border-radius: .12rem;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    padding: .22rem .5rem
}

.invite-friends-records .search-result .betting-list .betting-item .item-bottom .item-info {
    display: flex;
    justify-content: space-between;
    margin-bottom: .1rem
}

.invite-friends-records .search-result .betting-list .betting-item .item-bottom .item-info:last-child {
    margin-bottom: 0
}

.invite-friends-records .search-result .betting-list .betting-item .item-bottom .item-info .blue {
    color: #3b2987
}

.invite-friends-records .invite-records-footer {
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 -.11rem .1rem -.05rem rgba(0, 0, 0, .1);
    background-color: #fff;
    font-size: .28rem;
    font-weight: 600;
    color: #666;
    padding: 0 .28rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    margin-left: -.28rem
}

.invite-friends-records .invite-records-footer .footer-item {
    flex: 1 1 0%
}

.invite-friends-records .invite-records-footer.total-left {
    justify-content: flex-start
}

.invite-friends-records .invite-records-footer.total-left .footer-num {
    margin-left: .05rem
}

.invite-friends-records .invite-records-footer .footer-num,
.invite-friends-records .invite-records-footer .footer-title {
    min-width: 2.28rem;
    text-align: center
}

.invite-friends-list {
    background: #f5f5f5
}

.invite-friends-list .invite-search-wrap {
    padding: .3rem .24rem;
    display: flex;
    align-items: center;
    background: #fff
}

.invite-friends-list .invite-search-wrap .select-status {
    min-width: 1.67rem
}

.invite-friends-list .invite-search-wrap .today-btn {
    min-width: 1.67rem;
    background: #fff
}

.invite-friends-list .invite-search-wrap .today-btn.am-button-primary {
    background: #108ee9
}

.invite-friends-list .list-wrapper {
    background: initial
}

.invite-friends-list .list-wrapper .scroll-inner-container {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.invite-friends-list .friends-list .list-item {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 0 .42rem
}

.invite-friends-list .friends-list .list-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: .68rem;
    font-size: .3rem
}

.invite-friends-list .friends-list .list-item .item-top .item-name {
    color: #000
}

.invite-friends-list .friends-list .list-item .item-top .item-status {
    color: #f65e42
}

.invite-friends-list .friends-list .list-item .item-top .green {
    color: #5dd26c
}

.invite-friends-list .friends-list .list-item .item-bottom {
    color: #5e5e5e;
    font-size: .26rem;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .16rem 0
}

.invite-friends-list .friends-list .list-item .item-bottom .item-deposit,
.invite-friends-list .friends-list .list-item .item-bottom .item-register {
    display: flex;
    gap: .1rem
}

.invite-friends-list .friends-list .list-item .item-bottom .item-title {
    color: #a6a6a6
}

.invite-search-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .3rem;
    border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
    position: -webkit-sticky;
    position: sticky
}

.invite-search-wrap .select-item {
    border-radius: .08rem;
    border: .02rem solid #108ee9;
    position: relative;
    height: .62rem;
    padding: 0 .27rem;
    display: flex;
    align-items: center;
    font-size: .26rem;
    color: #108ee9;
    background-color: #fff
}

.invite-search-wrap .select-item.show {
    background-color: #108ee9;
    color: #fff
}

.invite-search-wrap .select-item.show .arrow,
.invite-search-wrap .select-item.show .select-icon {
    fill: #fff
}

.invite-search-wrap .select-item .arrow {
    width: .15rem;
    height: .15rem;
    justify-self: flex-end
}

.invite-search-wrap .select-item .select-icon {
    width: .2rem;
    height: .2rem;
    fill: #108ee9
}

.invite-search-wrap .select-item .select-text {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    line-height: 1
}

.invite-search-wrap .select-type {
    min-width: 3.8rem
}

.invite-search-wrap .select-type.show-game {
    min-width: auto;
    flex: 1 1 0%
}

.invite-search-wrap .select-game {
    min-width: 1.36rem;
    margin: 0 .08rem
}

.invite-search-wrap .select-game .select-icon {
    margin-right: .05rem
}

.invite-search-wrap .select-date {
    min-width: 1.62rem;
    padding: 0;
    border: none
}

.invite-search-wrap .select-date .am-button-small {
    height: .62rem;
    font-size: .26rem;
    color: #108ee9;
    background: transparent;
    padding: 0 .08rem;
    border-radius: .08rem;
    border: .02rem solid #108ee9
}

.invite-search-wrap .select-date .am-button-small.am-button-active {
    background-color: #108ee9;
    color: #fff
}

.invite-search-wrap .select-date .am-button-small.am-button-active svg {
    fill: #fff
}

.invite-search-wrap .select-date .am-button-small svg {
    width: .2rem;
    height: .2rem
}

.select-type-modal {
    padding: .3rem .28rem;
    max-height: 80vh;
    display: flex;
    flex-direction: column
}

.select-type-modal .modal-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .32rem;
    font-weight: 600;
    color: #666
}

.select-type-modal .modal-list-header .popup-close {
    width: .4rem;
    height: .4rem;
    margin: -.15rem -.13rem 0 0
}

.select-type-modal .modal-list-content {
    margin-top: .32rem;
    padding: 0;
    flex: 1 1 0%;
    overflow-y: auto
}

.select-type-modal .modal-list-content .list-item {
    min-height: .72rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    border-top: .02rem solid hsla(0, 0%, 40%, .1);
    font-size: .28rem;
    font-weight: 600;
    color: #5b5b5b
}

.select-type-modal .modal-list-content .list-item.selected:after {
    content: "";
    width: .46rem;
    height: .46rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuBAMAAACllzYEAAAAJFBMVEUAAADtJSnsJCjvKCjtJSrsJijvJSvsJCnvICDsJSnsJinsJSkM6JfDAAAAC3RSTlMA2IAg718xnRC/UI22jzsAAACDSURBVDjLYxgFOADz7MlYxVN278QmzOa9ezd25bs34lAujEO5AZWVs2nBWCEoyrV3K0AYrLtRTPfevQnCiEY1HWhoAbJyhDm7t2NRzsAEVFcAV46mAaK8AchD0wBSLgHkoGvQhijH0ABRjqkBphxTA0I5AsBNx9RQgTUZBLozjAJMAADE5kv9/ILXtwAAAABJRU5ErkJggg==) 50%/contain
}

.invite-rule-wrapper {
    background: #f5f5f9;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    display: flex;
    flex-direction: column
}

.invite-rule-wrapper .rule-wrapper {
    flex: 1 1 0%;
    padding: .2rem .3rem;
    height: 100%;
    display: flex;
    flex-direction: column
}

.invite-rule-wrapper .rule-content {
    flex: 1 1 0%;
    border-radius: .14rem;
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(188, 230, 252, .3);
    padding: .2rem;
    color: #979797;
    font-size: .2rem;
    font-weight: 500
}

.invite-rule-wrapper .rule-content .rule-title {
    font-size: .32rem;
    color: #1b1b4b
}

.invite-rule-wrapper .rule-content img {
    max-width: 100%;
    object-fit: contain
}

.invite-friends-link {
    border-radius: .08rem;
    background: linear-gradient(180deg, #f3f7fb, #e0e9f1);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .28rem .27rem
}

.invite-friends-link .link-top-title {
    font-size: .34rem;
    font-weight: 600;
    color: #3b2987
}

.invite-friends-link .share-content-wrap {
    margin-top: .42rem;
    display: flex;
    align-items: center;
    gap: .1rem
}

.invite-friends-link .share-title {
    color: #566073;
    font-weight: 600;
    font-size: .22rem
}

.invite-friends-link .share-group {
    flex: 1 1 0%;
    display: flex;
    gap: .1rem
}

.invite-friends-link .share-group .share-btn {
    width: .66rem;
    height: .66rem
}

.invite-friends-link .share-group .share-btn.facebook-btn {
    background: url(/mobile/mc/share-icon1.14e8d9ca.png) 50%/contain
}

.invite-friends-link .share-group .share-btn.sms-btn {
    margin-top: 0;
    background: url(/mobile/mc/share-icon2.953f1f2f.png) 50%/contain
}

.invite-friends-link .share-group .share-btn.twitter-btn {
    background: url(/mobile/mc/share-icon3.82a842ee.png) 50%/contain
}

.invite-friends-link .share-group .share-btn.telegram-btn {
    background: url(/mobile/mc/share-icon4.8f4126f7.png) 50%/contain
}

.invite-friends-link .share-group .share-btn.whatsapp-btn {
    background: url(/mobile/mc/share-icon5.8e77431c.png) 50%/contain
}

.invite-friends-link .share-group .share-btn.link {
    background: url(/mobile/mc/share-icon6.c39051d3.png) 50%/contain
}

.invite-friends-link .invite-link-wrap {
    margin-top: .2rem;
    border-radius: .18rem;
    background: #fff;
    padding: .09rem .2rem;
    width: 100%;
    display: flex;
    align-items: center;
    gap: .2rem
}

.invite-friends-link .invite-link-wrap svg {
    width: .32rem;
    height: .32rem
}

.invite-friends-link .invite-link-wrap .link-url {
    flex: 1 1 0%;
    color: #2a2a2a;
    font-size: .19rem;
    font-weight: 600;
    text-align: left
}

.invite-friends-link .invite-link-wrap .link-copy {
    padding: 0 .3rem;
    min-width: .9rem;
    height: .46rem;
    border-radius: .12rem;
    background: linear-gradient(135deg, #6b73ff, #000dff);
    font-size: .23rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@keyframes bounce-in {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scale(.9)
    }
    50% {
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
}

@keyframes inviteAnimationStrike {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

.deposit-rebate-modal .am-modal-content {
    background-color: transparent !important
}

.rebate-detail-container {
    height: 90vh;
    height: calc(var(--vh, 1vh)*90);
    padding: .35rem 0 .58rem;
    position: fixed;
    background: #fff;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-top-left-radius: .14rem;
    border-top-right-radius: .14rem;
    animation-name: detail-slideInUp;
    animation-duration: .25s;
    animation-fill-mode: both;
    display: flex;
    flex-direction: column
}

.rebate-detail-container.hide-pop {
    animation-name: detail-slideOutDown
}

.rebate-detail-container .modal-list-header {
    padding: 0 .25rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: .3rem;
    border-bottom: 1px solid #dbdbdb
}

.rebate-detail-container .modal-list-header .list-title {
    text-align: left
}

.rebate-detail-container .modal-list-header .list-title .item-top {
    color: #424242;
    font-size: .34rem;
    font-weight: 700
}

.rebate-detail-container .modal-list-header .list-title .item-down {
    margin-top: .1rem;
    font-size: .26rem;
    color: #424242
}

.rebate-detail-container .modal-list-header .list-close {
    width: .5rem;
    height: .5rem;
    background-color: #ececec;
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.rebate-detail-container .modal-list-header .list-close svg {
    fill: #818181
}

.rebate-detail-container .search-result {
    padding: 0 .25rem;
    height: calc(100% - .8rem);
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.rebate-detail-container .search-result .deposit-list {
    flex: 1 1 0%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.rebate-detail-container .search-result .deposit-list .list-wrapper {
    flex: 1 1 0%
}

.rebate-detail-container .search-result .deposit-list li:last-child .deposit-item {
    border-bottom: none
}

.rebate-detail-container .search-result .deposit-list .deposit-item {
    min-height: 2.2rem;
    border-bottom: .02rem solid hsla(0, 0%, 40%, .1);
    padding: .3rem 0
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-top {
    font-size: .22rem;
    font-weight: 600;
    color: #666;
    display: flex;
    justify-content: space-between
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: .2rem
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-header {
    min-height: .6rem;
    background: #f5f6f7;
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: .08rem .08rem 0 0
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-content {
    min-height: .6rem;
    background-color: #fafafa;
    font-size: .2rem;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    border-radius: 0 0 .08rem .08rem
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-info {
    flex: 0 0 33%
}

.rebate-detail-container .search-result .deposit-list .deposit-item .item-bottom .item-info.blue {
    color: #3b2987
}

.rebate-detail-container .history-footer {
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: .8rem;
    border-top: .02rem solid #ebebeb;
    background: #f9f9f9;
    box-shadow: 0 0 .24rem .06rem rgba(0, 0, 0, .1);
    font-size: .2rem;
    font-weight: 500;
    color: #666;
    padding: 0 .28rem;
    width: 100%;
    position: fixed;
    bottom: 0
}

.rebate-detail-container .history-footer .footer-item {
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.rebate-detail-container .history-footer .footer-num {
    font-size: .24rem;
    color: #fd2f2f
}

@keyframes detail-slideOutDown {
    0% {
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes detail-slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        transform: translateZ(0)
    }
}

.deposit-content {
    padding: .22rem;
    height: calc(100vh - 1rem);
    height: calc(var(--vh, 1vh)*100 - 1rem);
    background: #f8f8f8
}

.deposit-content ul {
    font-size: 0
}

.deposit-content ul li {
    display: inline-block;
    width: 50%;
    font-size: .24rem;
    vertical-align: top;
    padding: .12rem;
    margin-top: .42rem;
    position: relative
}

.deposit-content ul li:before {
    content: "";
    width: .84rem;
    height: .84rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.32rem;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover
}

.deposit-content ul li:nth-child(n+1):before {
    background-image: url(/mobile/mc/vip1.d9b3eabc.png)
}

.deposit-content ul li:nth-child(odd):before {
    background-image: url(/mobile/mc/vip2.3fb8156f.png)
}

.deposit-content ul li:nth-child(3n+1):before {
    background-image: url(/mobile/mc/vip3.73c93613.png)
}

.deposit-content ul li:nth-child(4n+1):before {
    background-image: url(/mobile/mc/vip4.e6602759.png)
}

.deposit-content ul li:nth-child(5n+1):before {
    background-image: url(/mobile/mc/vip5.dec07f3e.png)
}

.deposit-content ul li .cs-panel {
    position: relative;
    box-shadow: 0 .05rem .3rem 0 rgba(0, 0, 0, .08);
    border-radius: .2rem;
    background: #fff;
    padding: .42rem .16rem 0;
    text-align: center
}

.deposit-content ul li .cs-panel h3 {
    font-size: .26rem;
    color: #646464;
    padding: .22rem 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.deposit-content ul li .cs-panel p {
    color: #a9a9a9;
    font-size: .24rem;
    line-height: 1.2;
    height: .84rem;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden
}

.deposit-content ul li .cs-panel p.hide-text:after {
    content: "...";
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    width: .4rem
}

.deposit-content ul li .cs-panel .cs-btn {
    padding: .22rem 0
}

.deposit-content ul li .cs-panel .cs-btn a {
    display: inline-block;
    font-size: .24rem;
    color: #fff;
    padding: .14rem .4rem;
    border-radius: .4rem;
    background-image: linear-gradient(45deg, #f8483f, #fd603f);
    box-shadow: 0 .04rem .05rem 0 rgba(255, 35, 35, .32)
}

.leader-board-container {
    background: #f5f5f9
}

.leader-board-container .leader-board-list-content {
    margin-top: .54rem
}

.leader-board-container .leader-board-list-content .lblc-no-data {
    border: .02rem solid #bbb;
    height: 2rem;
    line-height: 2rem;
    color: #5e5e5e;
    font-size: .4rem;
    margin: .8rem .25rem .25rem;
    border-radius: .08rem;
    text-align: center
}

.leader-board-container .leader-board-list-content .list-wrapper,
.leader-board-container .leader-board-list-content .nodata-container {
    background: #f5f5f9
}

.leader-board-container .leader-board-list-content .list-wrapper .scroll-inner-container,
.leader-board-container .leader-board-list-content .nodata-container .scroll-inner-container {
    padding-top: .3rem
}

.leader-board-container .leader-board-header-info {
    color: #fff;
    font-family: Arial-BoldMT;
    left: 1.84rem;
    top: .24rem;
    position: absolute;
    width: calc(100% - 2.09rem)
}

.leader-board-container .leader-board-header-info .leader-board-title {
    font-size: .3rem;
    line-height: .4rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-container .leader-board-header-info .leader-board-balance {
    font-size: .48rem;
    position: relative;
    font-weight: 700;
    padding: .04rem 0
}

.leader-board-container .leader-board-header-info .leader-board-balance div {
    width: calc(100% - 1.82rem);
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-container .leader-board-header-info .leader-board-receive {
    color: #5e5e5e;
    border-radius: .28rem;
    font-size: .24rem;
    display: inline-block;
    position: absolute;
    right: .15rem;
    top: 0;
    padding: .15rem .33rem .14rem;
    background-color: hsla(0, 0%, 100%, .8)
}

.leader-board-container .profile-icon {
    width: 1.18rem;
    height: 1.18rem;
    border-radius: 50%;
    overflow: hidden;
    left: .42rem;
    top: .36rem;
    position: absolute;
    border: .06rem solid #fff
}

.leader-board-container .leader-board-header {
    background: url(/mobile/mc/header_bg.689356e7.jpg);
    background-size: cover;
    height: 2.54rem;
    padding: 0 .25rem;
    position: relative
}

.leader-board-container .leader-board-header-status {
    border-radius: .15rem;
    height: 1.2rem;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 .06rem .24rem 0 hsla(0, 0%, 54%, .18);
    position: absolute;
    width: calc(100% - .5rem);
    left: 50%;
    transform: translateX(-50%);
    bottom: -.6rem;
    display: flex
}

.leader-board-container .leader-board-header-status div {
    flex: 1 1 0%;
    text-align: center;
    align-items: center;
    line-height: 1.2rem;
    color: #5e5e5e;
    font-size: .3rem;
    position: relative;
    white-space: nowrap
}

.leader-board-container .leader-board-header-status div svg {
    width: .34rem;
    height: .34rem;
    position: relative;
    top: .08rem;
    margin-right: .1rem;
    fill: #999
}

.leader-board-container .leader-board-header-status div:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: .64rem;
    background: #d7d7d7;
    top: 50%;
    transform: translateY(-50%)
}

.leader-board-container .leader-board-header-status div:last-child:after {
    display: none
}

.leader-board-container .leader-board-header-status div.lb-active {
    color: #ec2529
}

.leader-board-container .leader-board-header-status div.lb-active svg {
    fill: #ec2529
}

.leader-board-container .leader-board-integral {
    background: rgba(0, 0, 0, .5);
    font-size: .22rem;
    color: #fff;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .2rem 0 .5rem;
    border-radius: .2rem;
    display: inline-block;
    position: relative
}

.leader-board-container .leader-board-integral:after {
    position: absolute;
    width: .25rem;
    height: .22rem;
    content: "";
    left: .2rem;
    background: url(/mobile/mc/integral.aa789528.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: .1rem
}

.leader-board-container .leader-board-content {
    padding: 0 .25rem
}

.leader-board-container .leader-board-content .leader-board-card {
    padding: .3rem .3rem .3rem 1.5rem;
    margin-bottom: .24rem;
    position: relative;
    border-radius: .15rem;
    overflow: hidden;
    background: url(/mobile/mc/cardbg01.603c0689.jpg);
    background-size: cover
}

.leader-board-container .leader-board-content .leader-board-card .leader-border-card-icon {
    position: absolute;
    width: .98rem;
    height: 1.35rem;
    left: .3rem;
    top: .3rem
}

.leader-board-container .leader-board-content .leader-board-card .leader-border-card-icon img {
    width: 100%;
    height: 100%
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-title {
    color: #5e5e5e;
    font-size: .34rem;
    padding-bottom: .05rem;
    font-weight: 700;
    max-width: calc(100% - 1.6rem);
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-operating {
    position: absolute;
    right: .3rem;
    top: .3rem
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-operating .lb-rule,
.leader-board-container .leader-board-content .leader-board-card .lb-card-operating div>div {
    border-radius: .25rem;
    border: .02rem solid #888;
    color: #666;
    font-size: .24rem;
    padding: .1rem .25rem .09rem;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1.8rem;
    margin-bottom: .3rem
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-operating span {
    width: .39rem;
    height: .39rem;
    display: inline-block;
    position: absolute;
    right: 0;
    top: -.25rem;
    z-index: 9;
    background-size: 100% auto
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-operating span img {
    width: 100%;
    height: 100%
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-operating .ranked div {
    background-color: rgba(6, 6, 6, .3);
    color: #fff;
    position: relative
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-info {
    font-size: .24rem;
    color: #666;
    padding: .05rem 0
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-info span {
    font-weight: 700
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-info.time-left {
    padding: .02rem 0 .06rem
}

.leader-board-container .leader-board-content .leader-board-card .lb-card-info.time-left span {
    font-weight: 700;
    font-size: .3rem
}

.leader-board-container .leader-board-content .leader-board-card .lb-progress {
    height: .2rem;
    background: #fff;
    border-radius: .1rem;
    bottom: .1rem;
    position: relative;
    margin-top: .38rem
}

.leader-board-container .leader-board-content .leader-board-card .lb-progress .lb-processing-percent {
    height: .2rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .1rem;
    background: #01c670;
    box-shadow: 0 .08rem .17rem 0 rgba(0, 255, 102, .23)
}

.leader-board-container .leader-board-content .leader-board-card .lb-percent-text {
    position: absolute;
    bottom: .3rem;
    left: .3rem;
    font-size: .52rem;
    font-weight: 700;
    width: 1.12rem;
    text-align: center;
    color: #444
}

.leader-board-container .leader-board-content .leader-board-card .lb-percent-text span {
    font-size: .26rem
}

.leader-board-container .leader-board-content .O .completed-icon img,
.leader-board-container .leader-board-content .O .fire-icon img {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-size: cover
}

.leader-board-container .leader-board-content .P .leader-board-card {
    position: relative;
    background-image: url(/mobile/mc/cardbg_g.f4078cba.jpg) !important;
    background-size: cover
}

.leader-board-container .leader-board-content .P .completed-icon img,
.leader-board-container .leader-board-content .P .fire-icon img {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-size: cover
}

.leader-board-container .leader-board-content .P .lmi-info-card-running {
    background: #ddd !important
}

.leader-board-container .leader-board-content .P .lb-ticket-item {
    background: #f2f2f2 !important
}

.leader-board-container .leader-board-content .P .lb-ticket-item span {
    background: #ddd !important
}

.leader-board-container .leader-board-content .P .lb-ticket-item i {
    color: #5f5f5f !important
}

.leader-board-container .leader-board-content .E .lb-processing-percent {
    height: .2rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .1rem;
    background: #5e5e5e !important;
    box-shadow: 0 .08rem .17rem 0 rgba(158, 175, 165, .23) !important
}

.leader-board-container .leader-board-content .E .leader-board-card {
    position: relative;
    background-image: url(/mobile/mc/cardbg_g.f4078cba.jpg) !important;
    background-size: cover
}

.leader-board-container .leader-board-content .E .completed-icon img,
.leader-board-container .leader-board-content .E .fire-icon img {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-size: cover
}

.leader-board-container .leader-board-content .E .lmi-info-card-running {
    background: #ddd !important
}

.leader-board-container .leader-board-content .E .lb-ticket-item {
    background: #f2f2f2 !important
}

.leader-board-container .leader-board-content .E .lb-ticket-item span {
    background: #ddd !important
}

.leader-board-container .leader-board-content .E .lb-ticket-item i {
    color: #5f5f5f !important
}

.leader-board-container .leader-board-content .lb-milestone {
    padding-bottom: 1.5rem;
    position: relative
}

.leader-board-container .leader-board-content .lb-milestone .lb-milestone-incomplete .hide-line:before {
    display: none !important
}

.leader-board-container .leader-board-content .lb-milestone .lmi-title {
    color: #666;
    font-size: .34rem;
    font-weight: 700;
    padding-left: .6rem;
    position: relative;
    margin-bottom: .3rem
}

.leader-board-container .leader-board-content .lb-milestone .up-btn {
    min-width: 1.81rem;
    font-size: .24rem;
    border-radius: .34rem;
    background-color: hsla(0, 0%, 67%, .7);
    text-align: center;
    position: absolute;
    padding: .08rem 0 .07rem;
    left: 50%;
    transform: translateX(-50%);
    bottom: .3rem;
    color: #fff
}

.leader-board-container .leader-board-content .lb-milestone .up-btn svg {
    width: .56rem;
    height: .18rem;
    fill: #fff
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card {
    padding-left: 1.14rem;
    position: relative;
    margin-bottom: .3rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-running {
    width: .6rem;
    height: .6rem;
    background: #ffbf59;
    position: absolute;
    left: .3rem;
    top: .12rem;
    border-radius: .3rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-running.c-gray {
    background: #ddd !important
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-running svg {
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #fff;
    transform: translate(-50%, -50%)
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-ok {
    width: .6rem;
    height: .6rem;
    background: linear-gradient(0deg, #1ed94f, #4bf247);
    position: absolute;
    left: .3rem;
    top: .12rem;
    border-radius: .3rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-ok svg {
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #fff;
    transform: translate(-50%, -50%)
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card:before {
    content: "";
    width: .06rem;
    border-radius: .03rem;
    background: #ddd;
    height: calc(100% - 1rem);
    position: absolute;
    left: .55rem;
    top: 1rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container {
    border-radius: .15rem;
    background: #fff;
    padding: .24rem;
    box-shadow: 0 .04rem .2rem 0 rgba(0, 0, 0, .05)
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header>.lic-header-list-container {
    width: 100%;
    position: relative;
    line-height: .46rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-list {
    padding-right: 30%;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    color: #666;
    justify-content: space-between;
    align-items: center
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-list.complete div:last-child {
    color: #00a2ff
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-list div:first-child {
    font-size: .28rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-list div:last-child {
    font-size: .22rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header {
    position: relative;
    min-height: .5rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-btn {
    position: absolute;
    border-radius: .25rem;
    padding: .12rem .24rem .11rem;
    color: #fff;
    background: #ddd;
    font-size: .24rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 1.4rem;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-header-btn.lb-active {
    background: linear-gradient(0deg, #f8493f, #fd603f);
    color: #fff
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer {
    border-top: 1px solid #e0e0e0;
    padding-top: .24rem;
    margin-top: .18rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item {
    padding: .08rem .42rem .08rem .52rem;
    font-size: .22rem;
    border-radius: .2rem;
    margin-bottom: .14rem;
    display: inline-block;
    color: #5e5e5e;
    position: relative;
    margin-right: .32rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item span {
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: .2rem;
    position: absolute;
    left: 0;
    text-align: center
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item svg {
    width: .25rem;
    height: .25rem;
    fill: #fff;
    margin-top: .08rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item i {
    font-style: normal;
    font-weight: 700;
    margin-left: .06rem
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.red-rain {
    background: #ffe7fd
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.red-rain span {
    background: #fe95fc
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.red-rain i {
    color: #f75ef6
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.bonus {
    background: #daefff
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.bonus span {
    background: #40adff
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.bonus i {
    color: #4cb1f7
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.integral {
    background: #e5ffe1
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.integral span {
    background: #34d31f
}

.leader-board-container .leader-board-content .lb-milestone .lmi-info-card .lmi-info-card-container .lic-footer .lb-ticket-item.integral i {
    color: #46dd1d
}

.leader-board-rule {
    padding: .53rem .26rem
}

.leader-board-rule .leader-board-title {
    font-size: .36rem;
    margin-bottom: .22rem;
    font-weight: 700;
    color: #5e5e5e
}

.leader-board-rule .leader-board-content {
    border-radius: .15rem;
    padding: .22rem .26rem;
    font-size: .3rem;
    color: #5e5e5e;
    height: 80vh;
    overflow-y: scroll;
    border: .02rem solid #bbb
}

.mc-lb-popup .am-navbar-title div {
    max-width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.mc-lb-popup .am-popup {
    height: 100%
}

.rwd-container {
    position: fixed;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99
}

.rwd-container .rwd-header {
    width: .4rem;
    height: .4rem;
    position: absolute;
    right: .28rem;
    top: .28rem
}

.rwd-container .rwd-header svg {
    fill: #fff;
    width: .4rem;
    height: .4rem
}

.rwd-container .rwd-content img {
    width: 100%
}

.rwd-container .rwd-content .rwd-content-info {
    text-align: center;
    margin-top: -.6rem
}

.rwd-container .rwd-content .rwd-content-info .rci-title {
    font-size: .42rem;
    margin-bottom: .16rem
}

.rwd-container .rwd-content .rwd-content-info .rci-ranking {
    font-size: .6rem;
    margin-bottom: .16rem
}

.rwd-container .rwd-content .rwd-content-info .rci-btn {
    height: .88rem;
    line-height: .88rem;
    border-radius: .44rem;
    color: #fff;
    font-size: .34rem;
    width: 3.2rem;
    margin-top: .3rem;
    display: inline-block;
    background-image: linear-gradient(0deg, #f8493f, #fd603f) !important
}

.rwd-container .rwd-content .rwd-content-info .rci-red-rain-container {
    max-height: 2rem;
    overflow-y: scroll
}

.rwd-container .rwd-content .rwd-content-info ul {
    display: inline-block
}

.rwd-container .rwd-content .rwd-content-info ul li {
    padding: .16rem 0;
    text-align: left;
    font-size: .22rem
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-red-rain span {
    background: #fe95fc
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-red-rain i {
    color: #f75ef6
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-bonus span {
    background: #40adff
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-bonus i {
    color: #4cb1f7
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-integral span {
    background: #34d31f
}

.rwd-container .rwd-content .rwd-content-info ul li.rci-integral i {
    color: #46dd1d
}

.rwd-container .rwd-content .rwd-content-info ul li i {
    font-style: normal;
    font-weight: 700
}

.rwd-container .rwd-content .rwd-content-info ul li span {
    width: .34rem;
    height: .34rem;
    display: inline-block;
    text-align: center;
    border-radius: .17rem;
    margin-right: .1rem;
    position: relative;
    top: -.04rem
}

.rwd-container .rwd-content .rwd-content-info ul li span svg {
    width: .22rem;
    height: .22rem;
    top: .07rem;
    fill: #fff;
    position: relative
}

.leader-board-title-info {
    text-align: left
}

.leader-board-title-info .lbti-text {
    font-size: .3rem;
    padding-top: .2rem;
    color: #fff
}

.leader-board-title-info .lbti-date {
    font-size: .24rem;
    white-space: normal
}

.leader-board-title-info .lbti-date span {
    font-size: .3rem;
    font-weight: 700
}

.leader-board-item-info {
    height: 1.47rem;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    color: #5e5e5e
}

.leader-board-item-info .lblg-no-list {
    color: #5e5e5e;
    position: absolute;
    right: .24rem;
    font-size: .3rem;
    top: 50%;
    font-weight: 700;
    transform: translateY(-50%)
}

.leader-board-item-info .leader-board-list-gift {
    position: absolute;
    width: .6rem;
    height: .6rem;
    right: .25rem;
    border-radius: .3rem
}

.leader-board-item-info .leader-board-list-gift span {
    display: inline-block;
    border-radius: .3rem;
    width: .6rem;
    height: .6rem;
    position: relative;
    background: linear-gradient(0deg, #ffa748, #ffdd3e);
    box-shadow: 0 .08rem .16rem 0 rgba(255, 0, 0, .1)
}

.leader-board-item-info .leader-board-list-gift span svg {
    fill: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .3rem;
    height: .34rem
}

.leader-board-item-info i {
    font-style: normal;
    font-size: .5rem;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
    color: #5e5e5e
}

.leader-board-item-info .leader-board-thumb {
    display: inline-block;
    vertical-align: middle;
    width: .71rem;
    overflow: hidden;
    height: .71rem;
    border-radius: 50%;
    margin: 0 .28rem
}

.leader-board-item-info .leader-board-thumb img {
    width: 100%;
    height: 100%
}

.leader-board-item-info.self-on .leader-board-thumb {
    height: .78rem;
    width: .78rem;
    border: .07rem solid #16d956
}

.leader-board-item-info.self-on i {
    color: #16d956
}

.leader-board-item-info .leader-board-list-info {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 2.4rem)
}

.leader-board-item-info .leader-board-list-info .leader-board-list-tile {
    font-size: .3rem;
    color: #5e5e5e;
    font-weight: 700
}

.leader-board-item-info .leader-board-list-info .leader-board-list-desc {
    font-size: .22rem;
    color: #999;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-item-info .leader-board-list-info .leader-board-list-desc .leader-board-list-item {
    word-break: keep-all;
    white-space: nowrap
}

.leader-board-item-info .leader-board-list-info .leader-board-list-desc span {
    font-size: .3rem;
    font-weight: 700;
    position: relative;
    top: .04rem
}

.leader-board-list .leader-board-list-header {
    height: 6.36rem;
    margin-top: -1.1rem;
    background: url(/mobile/mc/lbl_header.d695c23b.png);
    background-size: 100% 100%;
    position: relative
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 {
    position: absolute;
    top: 1.53rem;
    width: 2.99rem;
    min-height: 4rem;
    left: 50%;
    transform: translateX(-50%)
}

.leader-board-list .leader-board-list-header .leader-board-list-no1.p-z-index {
    z-index: 999
}

.leader-board-list .leader-board-list-header .leader-board-list-no1:before {
    content: "";
    width: 2.99rem;
    height: 2.64rem;
    background: url(/mobile/mc/no1.f7a4608c.png) no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    z-index: 100;
    position: absolute
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info {
    margin-top: 2.7rem;
    height: 2.1rem;
    line-height: .35rem;
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: .1rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .gift-icon {
    content: "";
    width: 1.27rem;
    height: 1.27rem;
    background: url(/mobile/mc/no1ball.6f3ca3b3.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: 100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .lbln-info-nickname {
    font-size: .4rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .lbln-info-bet-title {
    font-size: .22rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-info .lbln-info-bet-value {
    font-size: .28rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .leader-board-first {
    position: absolute;
    width: 3.78rem;
    height: 3.78rem;
    top: -.7rem;
    left: -.32rem;
    background-size: 3.78rem 3.78rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .leader-board-first img {
    width: 100%;
    height: 100%
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-thumb {
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    width: 1.75rem;
    height: 1.75rem;
    top: .16rem;
    border-radius: 50%;
    border: .08rem solid #fff;
    box-shadow: 0 .03rem .49rem 0 rgba(0, 0, 0, .54)
}

.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-thumb img,
.leader-board-list .leader-board-list-header .leader-board-list-no1 .lbln-thumb svg {
    width: 100%;
    height: 100%
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 {
    position: absolute;
    top: 2.42rem;
    width: 1.37rem;
    height: 3.37rem;
    left: .76rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2.p-z-index {
    z-index: 999
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info {
    margin-top: 1.37rem;
    height: 2.1rem;
    line-height: .35rem;
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: .1rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .gift-icon {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(/mobile/mc/no2ball.9e26726b.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: 100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .lbln-info-nickname {
    font-size: .3rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .lbln-info-bet-title {
    font-size: .22rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-info .lbln-info-bet-value {
    font-size: .28rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2:before {
    content: "";
    width: .8rem;
    height: .8rem;
    background: url(/mobile/mc/no2.4aac498b.png) no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    z-index: 100;
    position: absolute;
    right: -.1rem;
    top: .8rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-thumb {
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    width: 1.24rem;
    height: 1.24rem;
    border-radius: 50%;
    border: .08rem solid #fff;
    box-shadow: 0 .03rem .49rem 0 rgba(0, 0, 0, .54)
}

.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-thumb img,
.leader-board-list .leader-board-list-header .leader-board-list-no2 .lbln-thumb svg {
    width: 100%;
    height: 100%
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 {
    position: absolute;
    top: 2.42rem;
    width: 1.37rem;
    height: 3.37rem;
    right: .76rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3.p-z-index {
    z-index: 999
}

.leader-board-list .leader-board-list-header .leader-board-list-no3:before {
    content: "";
    width: .8rem;
    height: .8rem;
    background: url(/mobile/mc/no3.a72fdd7c.png) no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    z-index: 100;
    position: absolute;
    left: -.1rem;
    top: .8rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info {
    margin-top: 1.37rem;
    height: 2.1rem;
    line-height: .35rem;
    text-align: center;
    color: #fff;
    position: relative;
    padding-top: .1rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .gift-icon {
    content: "";
    width: 1rem;
    height: 1rem;
    background: url(/mobile/mc/no3ball.1934fe22.png) no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    z-index: 100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .lbln-info-nickname {
    font-size: .3rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .lbln-info-bet-title {
    font-size: .22rem;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-info .lbln-info-bet-value {
    font-size: .28rem
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-thumb {
    z-index: 10;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    width: 1.24rem;
    height: 1.24rem;
    border-radius: 50%;
    border: .08rem solid #fff;
    box-shadow: 0 .03rem .49rem 0 rgba(0, 0, 0, .54)
}

.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-thumb img,
.leader-board-list .leader-board-list-header .leader-board-list-no3 .lbln-thumb svg {
    width: 100%;
    height: 100%
}

.leader-board-list .leader-board-list-content {
    padding-bottom: 1.2rem
}

.leader-board-list .leader-board-list-content ul {
    padding: .24rem
}

.leader-board-list .leader-board-list-footer {
    height: 1.2rem;
    border-radius: .15rem;
    width: calc(100% - .52rem);
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    bottom: .23rem;
    box-shadow: 0 .18rem .62rem 0 rgba(0, 0, 0, .2)
}

.leader-board-list .leader-board-list-footer .leader-board-list-gift {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.leader-board-list .leader-board-list-footer .lblg-container {
    position: absolute;
    right: .24rem;
    height: .75rem;
    padding-top: .1rem
}

.leader-board-list .leader-board-list-footer .leader-board-item-info {
    height: 1.2rem;
    padding: .24rem
}

.leader-board-list .leader-board-list-footer .leader-board-item-info .leader-board-thumb {
    height: .78rem;
    width: .78rem;
    border: .07rem solid #16d956
}

.leader-board-list .leader-board-list-footer .leader-board-item-info i {
    color: #16d956
}

.leader-board-list .leader-board-list-footer .rci-btn {
    height: .5rem;
    line-height: .5rem;
    border-radius: .44rem;
    color: #fff;
    font-size: .24rem;
    padding: 0 .2rem;
    right: .24rem;
    margin-top: .06rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #ddd
}

.leader-board-list .leader-board-list-footer .rci-btn.lb-active {
    background-image: linear-gradient(0deg, #f8493f, #fd603f) !important
}

.leader-board-list .leader-board-list-footer .leader-board-list-tips {
    margin-top: -.26rem
}

.am-icon-thumb_default,
.leader-board-thumb svg {
    background: #c7ccd5;
    fill: #88919f
}

.leader-board-thumb svg {
    width: .71rem;
    height: .71rem
}

.no-data {
    filter: blur(.06rem)
}

.lbti-nodata-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: hsla(0, 0%, 100%, .88);
    left: 0;
    top: 0
}

.lbti-nodata-modal .am-icon-left,
.lbti-nodata-modal .lbti-text,
.lbti-nodata-modal .leader-board-title-info {
    color: #5e5e5e !important
}

.lbti-nodata-modal .statistics {
    max-width: 80%;
    border-radius: .06rem;
    background-color: hsla(0, 0%, 100%, .98);
    font-size: .48rem;
    color: #666;
    padding: .45rem 1em;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: .06rem solid hsla(0, 0%, 40%, .7);
    word-wrap: break-word
}

.lbti-nodata-modal .leader-board-item-info {
    height: 1.2rem;
    border-radius: .15rem;
    width: calc(100% - .52rem);
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    bottom: .23rem;
    box-shadow: 0 .18rem .62rem 0 rgba(0, 0, 0, .2)
}

.leader-board-list-tips {
    display: none;
    border-radius: .15rem;
    padding: .24rem .26rem 0;
    background: #fff;
    right: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.leader-board-list-tips .lb-ticket-item {
    padding: .08rem 0 .08rem .52rem;
    font-size: .22rem;
    border-radius: .2rem;
    margin-bottom: .16rem;
    display: inline-block;
    color: #5e5e5e;
    position: relative;
    margin-right: .32rem;
    white-space: nowrap;
    width: 100%;
    text-align: left
}

.leader-board-list-tips .lb-ticket-item span {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: .2rem;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0
}

.leader-board-list-tips .lb-ticket-item svg {
    width: .25rem;
    height: .25rem;
    fill: #fff
}

.leader-board-list-tips .lb-ticket-item i {
    font-style: normal;
    font-weight: 700;
    margin-left: .06rem;
    font-size: .22rem
}

.leader-board-list-tips .lb-ticket-item.red-rain span {
    background: #fe95fc
}

.leader-board-list-tips .lb-ticket-item.red-rain i {
    color: #f75ef6
}

.leader-board-list-tips .lb-ticket-item.bonus span {
    background: #40adff
}

.leader-board-list-tips .lb-ticket-item.bonus i {
    color: #4cb1f7
}

.leader-board-list-tips .lb-ticket-item.integral span {
    background: #34d31f
}

.leader-board-list-tips .lb-ticket-item.integral i {
    color: #46dd1d
}

.leader-board-list-tips.position-right:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .12rem 0 .12rem .15rem;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -.14rem
}

.leader-board-list-tips.position-top {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    top: -1.7rem
}

.leader-board-list-tips.position-top span {
    top: .06rem
}

.leader-board-list-tips.position-top svg {
    margin-top: .08rem
}

.leader-board-list-tips.position-top:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .15rem .12rem 0;
    border-color: #fff transparent transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.14rem !important
}

.leader-board-list-tips.tips-no2 {
    position: relative;
    top: -1.1rem
}

.leader-board-list-tips.tips-no2 span {
    top: .06rem
}

.leader-board-list-tips.tips-no2 svg {
    margin-top: .08rem
}

.leader-board-list-tips.tips-no2:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .15rem .12rem 0;
    border-color: #fff transparent transparent;
    position: absolute;
    left: 32%;
    transform: translateX(-50%);
    bottom: -.14rem !important
}

.leader-board-list-tips.tips-no3 {
    position: relative;
    top: -1.1rem;
    left: -2.2rem
}

.leader-board-list-tips.tips-no3 span {
    top: .06rem
}

.leader-board-list-tips.tips-no3 svg {
    margin-top: .08rem
}

.leader-board-list-tips.tips-no3:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .15rem .12rem 0;
    border-color: #fff transparent transparent;
    position: absolute;
    left: 68%;
    transform: translateX(-50%);
    bottom: -.14rem !important
}

.icon-active .leader-board-list-tips {
    display: inline-block !important
}

.icon-active.leader-board-list-gift span {
    background: linear-gradient(0deg, #f8493f, #fd603f)
}

.gift-icon.icon-active .leader-board-list-tips {
    display: inline-block !important
}

.vc-content {
    padding: .2rem
}

.vc-content .vc-title {
    color: #fd4020;
    padding: .1rem .2rem .48rem
}

.vc-content .up-load-negative,
.vc-content .up-load-positive,
.vc-content .up-load-selfie {
    min-height: 4.1rem;
    padding: .2rem
}

.vc-content .up-load-negative .pre-img,
.vc-content .up-load-positive .pre-img,
.vc-content .up-load-selfie .pre-img {
    width: 100%;
    position: absolute;
    visibility: hidden
}

.vc-content .up-load-negative .rotate-img,
.vc-content .up-load-positive .rotate-img,
.vc-content .up-load-selfie .rotate-img {
    width: .44rem;
    height: .44rem;
    position: absolute;
    bottom: .5rem;
    right: 1.2rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center
}

.vc-content .up-load-negative .rotate-img svg,
.vc-content .up-load-positive .rotate-img svg,
.vc-content .up-load-selfie .rotate-img svg {
    width: .3rem;
    height: .3rem;
    fill: #fff
}

.vc-content .up-load-negative .del-img,
.vc-content .up-load-positive .del-img,
.vc-content .up-load-selfie .del-img {
    background-color: #fe0000;
    position: absolute;
    right: .5rem;
    border-radius: 50%;
    display: inline-block;
    bottom: .5rem;
    width: .44rem;
    border: .02rem solid #fff;
    height: .44rem
}

.vc-content .up-load-negative .del-img span,
.vc-content .up-load-positive .del-img span,
.vc-content .up-load-selfie .del-img span {
    width: .24rem;
    height: .24rem;
    display: inline-block;
    background: url(/mobile/mc/del.c2cf57e9.png);
    background-size: .24rem .24rem;
    margin-top: .08rem
}

.vc-content .up-load-negative.no-bg,
.vc-content .up-load-positive.no-bg,
.vc-content .up-load-selfie.no-bg {
    background: none
}

.vc-content .up-load-negative .camera,
.vc-content .up-load-positive .camera,
.vc-content .up-load-selfie .camera {
    text-align: center;
    display: inline-block;
    margin-top: .7rem
}

.vc-content .up-load-negative .camera p,
.vc-content .up-load-positive .camera p,
.vc-content .up-load-selfie .camera p {
    margin-top: .6rem;
    color: #646464;
    font-size: .3rem
}

.vc-content .up-load-negative .camera span,
.vc-content .up-load-positive .camera span,
.vc-content .up-load-selfie .camera span {
    background: rgba(0, 0, 0, .3);
    display: inline-block;
    border-radius: 50%;
    padding: .26rem;
    width: 1.36rem;
    height: 1.36rem
}

.vc-content .up-load-negative .camera span img,
.vc-content .up-load-positive .camera span img,
.vc-content .up-load-selfie .camera span img {
    width: .84rem;
    height: .67rem;
    margin-top: .06rem
}

.vc-content .up-load-negative img,
.vc-content .up-load-positive img,
.vc-content .up-load-selfie img {
    width: 100%;
    height: 100%
}

.vc-content .up-load-negative .inputfile,
.vc-content .up-load-positive .inputfile,
.vc-content .up-load-selfie .inputfile {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid red;
    left: 0;
    opacity: 0;
    top: 0
}

.vc-content .up-load-positive {
    background: url(/mobile/mc/positive.6f940a5f.png) no-repeat;
    background-position: 50%;
    position: relative;
    text-align: center;
    background-size: 100% auto
}

.vc-content .up-load-negative,
.vc-content .up-load-selfie {
    margin-top: .5rem;
    background: url(/mobile/mc/negative.f0d2c114.png) no-repeat;
    background-position: 50%;
    position: relative;
    text-align: center;
    background-size: 100% auto
}

.vc-content .ver-btn {
    margin-top: .5rem
}

.vc-content .ver-btn p {
    text-align: center;
    color: #a9a9a9;
    font-size: .28rem;
    padding: .3rem 0
}

.vc-alert {
    background-color: #e40112;
    color: #fff;
    padding: .24rem .36rem .2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .32rem;
    gap: .3rem;
    box-shadow: 0 0 .1rem 1px #9d9a9a
}

.vc-alert svg {
    min-width: .3rem;
    height: .3rem
}

.vrification-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999
}

.vrification-loading .vrification-title {
    height: 6.6rem;
    background: url(/mobile/mc/loading_bg.0194dcd1.jpg);
    background-size: cover;
    text-align: center
}

.vrification-loading .vrification-title .vrification-ring {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin: 0 auto;
    background: url(/mobile/mc/ring_1.509b0184.png), url(/mobile/mc/ring_2.178f26e2.png), url(/mobile/mc/ing.7305a8f3.png);
    background-size: 100% auto, 1.4rem auto, .22rem auto;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 0 0, .26rem .16rem, center .5rem;
    position: relative;
    margin-top: .28rem
}

.vrification-loading .vrification-title .vrification-ring span {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    color: #fff;
    font-size: .28rem
}

.vrification-loading .vrification-loading-content {
    margin-top: -2rem;
    padding: .3rem;
    text-align: center
}

.vrification-loading .vrification-loading-content p {
    padding: .3rem 0 .6rem;
    font-size: .34rem;
    line-height: 1.4;
    color: #646464
}

.vrification-loading .vrification-loading-content p span {
    font-size: .28rem;
    color: #3789f9
}

.vrification-loading img {
    width: 100%
}

.cpf-container {
    position: relative
}

.cpf-container .vc-content-cpf .remain-limit {
    margin-bottom: .15rem
}

.cpf-container .vc-content-cpf .remain-limit b {
    color: red
}

.cpf-container .vc-content-cpf .ver-btn {
    margin: 0 .35rem
}

.cpf-container .vc-content-cpf .ver-tip {
    margin: .2rem .35rem;
    color: #e4393c;
    font-size: .28rem;
    word-break: break-word;
    line-height: normal
}

.cpf-container .cpf-number-container {
    display: flex;
    flex-direction: column
}

.cpf-container .cpf-number-container .mc-account-list {
    display: flex;
    align-items: center;
    gap: .11rem
}

.cpf-container .cpf-number-container .mc-account-list .cpf-input {
    padding: 0 0 0 .26rem
}

.cpf-container .cpf-number-container .mc-account-list .cpf-input.first {
    padding-left: 1rem;
    min-width: 1.91rem
}

.cpf-container .cpf-number-container .mc-account-list .line {
    color: #757575;
    min-width: .18rem
}

.cpf-container .cpf-number-container .mc-account-list .first+.line,
.cpf-container .cpf-number-container .mc-account-list .sec+.line {
    align-self: flex-end;
    bottom: 0;
    position: relative;
    border-color: transparent;
    color: transparent
}

.cpf-container .cpf-number-container .mc-account-list .first+.line:after,
.cpf-container .cpf-number-container .mc-account-list .sec+.line:after {
    position: absolute;
    content: ".";
    color: #646464;
    font-size: .14rem;
    font-weight: 400;
    bottom: 0;
    left: .05rem
}

.cpf-container .cpf-number-container .cpf-error {
    margin-bottom: .31rem;
    color: #fd2f2f;
    text-align: center;
    font-size: .26rem;
    font-weight: 900
}

.cpf-container .captcha-form {
    margin-top: .3rem
}

.cpf-container .captcha-form .fixed-list {
    display: flex
}

.cpf-container .captcha-form .fixed-list input {
    margin-right: .1rem
}

.cpf-container .captcha-form .fixed-list .cpf-captcha {
    border-radius: .15rem
}

.cpf-container .captcha-form .fixed-list .captcha {
    padding-left: .2rem
}

.cpf-container .panel-default {
    margin: .1rem 0
}

.cpf-container .panel-default strong {
    color: #ff1a55;
    font-size: .24rem;
    line-height: 1.5;
    font-weight: 400
}

.cpf-container .account-form-group {
    margin-top: .3rem
}

.cpf-container .account-form {
    margin: 0 .35rem;
    padding: .4rem 0
}

.cpf-container .account-form .payee-name {
    position: relative;
    margin-top: .3rem
}

.cpf-container .account-form .account-icon {
    z-index: 10
}

.link-manage-container {
    padding-bottom: .5rem
}

.link-manage-container .ag-link-umscroll {
    position: relative
}

.link-manage-container .ag-link-umscroll .ag-link-umbody {
    pointer-events: auto !important
}

.link-manage-container .ag-link-umscroll .lkmn-poup-content {
    background: #f8f8f8
}

.link-manage-container .ag-link-umscroll .copy-btn-container,
.link-manage-container .ag-link-umscroll .lkmn-poup-content {
    padding: 0 .2rem
}

.link-manage-container .ag-link-umscroll .lkmn-poup-qrlink {
    padding: 0
}

.link-manage-container .ag-link-umref {
    text-align: center
}

.link-manage-container .ag-link-umanage {
    padding-top: 1px
}

.link-manage-container .ag-link-lmanage {
    background-color: #f5f5f5;
    padding-top: .3rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop {
    background-color: #fff;
    padding: 0 .3rem 0 .32rem;
    height: .68rem;
    color: #5e5e5e;
    line-height: .68rem;
    overflow: hidden;
    font-size: .27rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left {
    float: left;
    white-space: nowrap;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left svg {
    margin-top: -.05rem;
    height: .68rem;
    width: .68rem;
    vertical-align: middle;
    filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33))
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .rotate180 {
    transform: rotate(180deg)
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right {
    float: right;
    width: 50%;
    margin-top: .2rem;
    display: flex
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg {
    color: #6897f9;
    display: block;
    width: .35rem;
    height: .35rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span {
    display: flex;
    width: .9rem;
    flex: 1 1 0%;
    align-items: center;
    justify-content: center;
    border-right: .02rem solid #5e5e5e
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span:last-child {
    border-right: none
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop.show-mgcenter+.ag-link-mgcenter {
    padding: .18rem .66rem;
    height: auto
}

.link-manage-container .ag-link-lmanage .ag-link-mgcenter {
    display: flex;
    flex-wrap: wrap;
    font-size: .24rem;
    padding: 0;
    background-color: #fcfcfc;
    color: #5e5e5e;
    height: 0;
    overflow: hidden
}

.link-manage-container .ag-link-lmanage .ag-link-mgcenter>div {
    width: 50%;
    line-height: .42rem
}

.link-manage-container .ag-link-lmanage .alm-date-container {
    width: 100% !important
}

.link-manage-container .ag-link-lmanage .alm-date-container>div {
    width: 100%
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom {
    display: flex;
    padding: 0 .66rem;
    min-height: .96rem;
    background-color: #fcfcfc;
    border-top: 1px solid #ebebeb;
    color: #a6a6a6;
    align-items: center;
    font-size: .22rem;
    line-height: 1.5;
    justify-content: space-between
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom>div {
    width: 35%;
    display: flex;
    flex-direction: column;
    white-space: normal;
    word-break: break-word
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom>div:last-child {
    width: 20%
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mcfont-bold {
    font-weight: 700
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404 {
    color: #db2404;
    font-size: .26rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-f6573a {
    color: #f6573a;
    font-size: .26rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8 {
    color: #23deb8;
    font-size: .26rem
}

.link-manage-container .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534 {
    color: #1cc534;
    font-size: .26rem
}

.link-manage-container .am-result.agent-link-nodata {
    padding-top: 1.2rem;
    height: 100vh
}

.link-manage-container .am-result.agent-link-nodata:after {
    display: none
}

.link-manage-container .agent-link-nodata .am-result-pic {
    width: 3.2rem !important;
    height: 3.2rem !important
}

.link-manage-container .agent-link-nodata .agent-link-ndicon {
    width: 3rem;
    height: 3rem
}

.link-manage-container .agent-link-nodata .am-result-title {
    color: #108ee9
}

.link-manage-container .pulldown-wrapper {
    z-index: -1;
    position: absolute;
    width: 100%;
    left: 0;
    top: -10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all;
    transition: all
}

.link-manage-container .register-info-container .domain {
    word-break: keep-all;
    white-space: nowrap
}

.link-manage-container .lkmn-poup-qrimg,
.link-manage-container .lkmn-poup-qrlink,
.link-manage-container .lkmn-poup-qrtitle {
    text-align: center
}

.feedback-container {
    background-color: #fefefe;
    height: calc(100vh - .57rem)
}

.feedback-container .intergallery {
    display: flex;
    justify-content: center;
    align-items: center;
    border: .02rem dashed hsla(0, 0%, 46%, .4);
    height: 2.7rem;
    position: relative
}

.feedback-container .intergallery .inputfile {
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0
}

.feedback-container .intergallery .upload-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: hsla(0, 0%, 46%, .4);
    font-size: .27rem;
    align-items: center
}

.feedback-container .intergallery .upload-container svg {
    width: 1rem;
    height: 1rem
}

.feedback-container .intergallery .upload-img {
    border-radius: .15rem;
    display: block;
    height: 2rem;
    width: auto;
    max-width: 6rem
}

.feedback-container .show-feedback {
    position: relative
}

.feedback-container .show-feedback svg {
    width: .4rem;
    height: .4rem;
    top: -.2rem;
    right: -.2rem;
    position: absolute
}

.feedback-container .number-form-group {
    padding: .3rem .3rem 0
}

.feedback-container .account-form {
    padding: 0
}

.feedback-container .grey-bg {
    border-radius: .15rem;
    background: #efefef
}

.feedback-container input {
    background-color: #efefef;
    padding-left: .3rem
}

.feedback-container .number-form-group {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.feedback-container .number-form-group .captcha-form {
    margin-top: 0
}

.feedback-container .number-form-group .vc-form {
    padding: 0
}

.feedback-container .number-form-group .account-form {
    padding: 0;
    margin: 0
}

.feedback-container .number-form-group .account-form .account-form-group {
    margin-bottom: 0
}

.feedback-container .mc-account-list input {
    font-size: .27rem;
    padding: 0 15% 0 .3rem
}

.feedback-container .mc-account-list input::placeholder {
    color: hsla(0, 0%, 46%, .4);
    font-size: .27rem
}

.feedback-container .feedback-content {
    min-height: 3.4rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.feedback-container .feedback-content .text-limit {
    display: block;
    position: absolute;
    bottom: .02rem;
    left: .02rem;
    width: calc(100% - .24rem);
    text-align: right;
    padding: 0 .1rem .05rem 0;
    color: #757575;
    background: #efefef
}

.feedback-container .feedback-content .content-title {
    top: .02rem;
    left: .02rem;
    width: calc(100% - .24rem);
    position: absolute;
    margin-bottom: .2rem;
    color: #757575;
    font-size: .27rem;
    height: .75rem;
    display: flex;
    align-items: center;
    padding-left: .3rem;
    border-radius: .2rem;
    background: #efefef
}

.feedback-container .feedback-content .feedback-input {
    padding: .75rem .3rem .4rem;
    border: none;
    line-height: normal;
    flex: 1 1 0%;
    font-size: .24rem;
    color: #333
}

.feedback-container .feedback-content .feedback-input::placeholder {
    font-size: .24rem;
    color: hsla(0, 0%, 46%, .4)
}

.feedback-container .feedback-content .feedback-input:focus {
    border: 1.6px solid #3a6ad3;
    font-size: .24rem
}

.feedback-container .captcha-form {
    margin-top: .3rem
}

.feedback-container .captcha-form .fixed-list {
    display: flex
}

.feedback-container .captcha-form .fixed-list input {
    margin-right: .1rem
}

.feedback-container .captcha-form .fixed-list .cpf-captcha {
    border-radius: .15rem
}

.feedback-container .captcha-form .fixed-list .captcha {
    padding-left: .2rem
}

.feedback-container .ver-btn {
    margin: 0 .3rem
}

.feedback-container .ver-btn p {
    text-align: center;
    color: #a9a9a9;
    font-size: .28rem;
    padding: .3rem 0
}

.feedback-container .panel-default {
    margin: .1rem 0
}

.feedback-container .panel-default strong {
    color: #ff1a55;
    font-size: .24rem;
    line-height: 1.5;
    font-weight: 400
}

.sec_card {
    display: flex;
    flex-direction: column;
    overflow-x: visible;
    height: auto;
    margin-bottom: 0
}

.sec_card .am-list-header {
    font-size: .28rem;
    background-color: #fff !important;
    border-bottom: none !important
}

.sec_card .am-list-content {
    padding-left: .38rem
}

.sec_card .am-list-body {
    overflow: scroll;
    flex: 1 1 0%
}

.sec_card .am-list-body:after {
    display: none
}

.sec_card .am-list-body .add-card-list {
    height: auto;
    overflow-y: auto
}

.sec_card .am-list-body .add-card-list .popUps-list-item {
    padding-bottom: 0;
    margin-bottom: 0
}

.sec_card .am-list-body .add-card-list .show-check:after {
    right: .38rem;
    position: absolute;
    height: .4rem;
    width: .4rem;
    display: block;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAeCAYAAABe3VzdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGCSURBVHgBzddBToNAFAbgN7Q1LtTgDXoEtzYu6A3qDbyBW8PGcaPuPENPYG9QEo3rHqE3kASMEZo+Z55N1ZTCMMww/AsCb4aXLxBgYNChBBz9LEsmPYT45eFkJmsMOpLzML32ADkg+D8Vthxgb9wJ4ChMbhkCLxiKnANLcBSnwCqcvM0eOEo1TvAQp06uoBoO7l4fj3nrwDo42ocWUxdHx9BSdHBUgxaii5PZPsXyMxPwzyF0CEdjEpZ/pc/SuCktkcHl2/3RAhzjZLw8+3j6xcngULx/5qMwPQPHOAIK0KSg7jdBmsJtgHujhTSJk/HYGqZgCGkaR8D+4YqLl82iKdIGjs6Rm4C/+3nWn4vFYhkiRsbGRU+3LdwW2ARpE/cPqIO0jdsB1kECYzNAvAKLuEIgqCPLGxvAUZ99A02QpnDUq2xQB2kSR/2qJtRBmsZRT5VJKkgbOOqrOrEMaQsno/zbGfHTeHCwGsvdv3WbOOoPGrm4SYK1WDd6YnErcBFYzDetlip17LWl+wAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.temu-history-wrapper {
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: #ffe9c4 url(/mobile/mc/temu-history-bg.58accda3.png) no-repeat top/7.5rem 13.34rem
}

.temu-history-wrap {
    padding-bottom: .45rem
}

.temu-history-wrap .history-header {
    height: 5.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative
}

.temu-history-wrap .history-header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/temu-amount-bg.6ca75842.png) no-repeat bottom/cover;
    left: 0
}

.temu-history-wrap .history-header .header-img {
    margin-top: -.33rem;
    position: relative
}

.temu-history-wrap .history-header .header-img:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 4.24rem;
    height: 4.24rem;
    background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50%/contain;
    z-index: 1
}

.temu-history-wrap .history-header .header-img img {
    position: relative;
    z-index: 2;
    width: 4.24rem;
    aspect-ratio: 1/1
}

.temu-history-wrap .history-header .header-amount {
    width: 50%;
    position: absolute;
    bottom: .55rem;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.temu-history-wrap .history-header .header-amount .amount-title {
    width: 100%;
    color: #ffe9c3;
    font-weight: 600;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.temu-history-wrap .history-header .header-amount .amount-item {
    margin-top: -.2rem;
    color: #fff9f0;
    font-size: .64rem;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    line-height: .74rem
}

.temu-history-wrap .history-header .header-amount .amount-item .currency,
.temu-history-wrap .history-header .header-amount .amount-item .small {
    font-size: .42rem
}

.temu-history-wrap .history-list {
    width: calc(100% - .9rem);
    background: #fff;
    margin: 0 auto;
    border-radius: .15rem;
    display: flex;
    flex-direction: column;
    color: #826849;
    font-size: .2rem;
    font-weight: 600
}

.temu-history-wrap .history-list .list-wrapper {
    background: transparent
}

.temu-history-wrap .history-list .nodata-container {
    color: #826849
}

.temu-history-wrap li:nth-child(2n) {
    background: rgba(255, 227, 181, .2)
}

.temu-history-wrap .list-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .12rem;
    padding: .2rem
}

.temu-history-wrap .item-info {
    display: flex;
    justify-content: space-between;
    gap: .1rem
}

.temu-history-wrap .info-title {
    width: 40%;
    color: #b8a06c;
    max-width: 2.95rem
}

.temu-history-wrap .info-txt {
    flex: 1 1 0%;
    display: flex;
    justify-content: flex-end;
    word-break: break-word
}

.v-base {
    font-size: .32rem
}

.v-base .number-mc {
    margin-right: .1rem;
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif
}

.v-base .number-mc .wysiwyg {
    padding-bottom: 0;
    line-height: normal
}

.v-base .pay-msg-btn {
    padding: .3rem .2rem;
    background: #e4393c;
    color: #fff;
    display: inline-block;
    border-radius: .2rem;
    margin: 0 .1rem
}

.v-base .member-home-root {
    background: #fff
}

.v-base .main-top-content {
    font-size: .24rem;
    background: url(/mobile/mc/header_bg.a7321d10.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 3.8rem;
    position: relative
}

.v-base .main-top-content.credit {
    height: 3rem
}

.v-base .main-top-content.credit .main-tap-list {
    height: auto
}

.v-base .main-top-cngttop {
    padding: .68rem 0 0 2.34rem;
    color: #fff;
    height: 2.18rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.v-base .main-top-Safety {
    position: absolute;
    right: .35rem;
    top: .9rem;
    width: 1.02rem;
    height: 1.02rem;
    background: url(/mobile/mc/Safety.80f4f268.png) no-repeat;
    background-size: 100% 100%
}

.v-base .main-top-cngttop-img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: .05rem solid #fff;
    position: absolute;
    top: .68rem;
    left: .48rem;
    filter: drop-shadow(0 .15rem .16rem rgba(53, 52, 52, .27))
}

.v-base .main-top-cngttop-img img {
    width: 100%;
    height: 100%
}

.v-base .main-top-cngttop-img>div {
    height: 100%;
    border-radius: 50%;
    overflow: hidden
}

.v-base .main-top-cngttop-t3 {
    line-height: .42rem;
    height: .44rem;
    font-size: .24rem;
    display: inline-block;
    padding: 0 .16rem 0 .12rem;
    border-radius: .42rem;
    background: rgba(0, 0, 0, .15)
}

.v-base .main-top-cngttop-t3 img,
.v-base .main-top-cngttop-t3 span.leven-png {
    vertical-align: middle;
    display: inline-block
}

.v-base .main-top-cngttop-t3 img {
    margin-top: .06rem;
    width: .49rem;
    height: .41rem
}

.v-base .main-top-cngttop-t1 {
    line-height: .42rem;
    height: .44rem;
    margin-top: .04rem
}

.v-base .main-top-cngttop-t1>span {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 2.5rem;
    font-size: .26rem;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    vertical-align: middle
}

.v-base .main-top-cngttop-t1>span.nickname {
    overflow: hidden
}

.v-base .main-top-cngttop-t1>a {
    padding: 0 .15rem;
    text-align: center;
    font-weight: 400;
    font-size: .24rem;
    background: #5095fd;
    color: inherit;
    border-radius: .34rem;
    line-height: .42rem;
    height: .44rem;
    margin-left: .2rem;
    vertical-align: middle;
    display: inline-block
}

.v-base .main-top-cngttop-t2 {
    font-size: .38rem;
    line-height: .58rem;
    height: .62rem;
    font-weight: 700
}

.v-base .main-top-cngttop-t2 a {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    font-size: inherit
}

.v-base .main-tap-list {
    background: rgba(52, 34, 84, .25);
    text-align: center;
    vertical-align: middle;
    height: .94rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0
}

.v-base .main-tap-list>.bar-link,
.v-base .main-tap-list>a {
    flex: 1 1 0%;
    font-size: .3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.v-base .main-tap-list>div:last-child {
    border-right: none
}

.v-base .main-tap-content {
    width: 100%;
    margin: .24rem 0 .2rem;
    height: .54rem;
    color: #fff;
    font-size: .28rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.v-base .main-tap-cmline {
    display: block;
    position: absolute;
    right: 0;
    bottom: .2rem;
    top: .2rem;
    border-right: 1px solid #ccc
}

.v-base .main-tap-content i,
.v-base .main-tap-content span {
    display: block;
    height: .44rem;
    line-height: .44rem;
    white-space: nowrap;
    float: left;
    color: #fff
}

.v-base .main-tap-content span {
    font-weight: 500
}

.v-base .main-tap-content i {
    margin-right: .1rem
}

.v-base .main-nav-list {
    font-size: .13rem;
    background-color: #fff
}

.v-base .main-nav-list.false {
    display: none
}

.v-base .nav-list-title {
    font-size: .28rem;
    line-height: .66rem;
    padding: 0 .48rem;
    background: #e1e0dc;
    color: #282743
}

.v-base .main-nav-style {
    width: 25%;
    font-size: .26rem;
    padding: .52rem 0 .37rem;
    text-align: center;
    color: #565659;
    font-weight: 500;
    border-right: .02rem solid #f5f5f5;
    border-bottom: .02rem solid #f5f5f5
}

.v-base .main-nav-style .un-read-count {
    position: absolute;
    top: -.6em;
    right: 1em;
    padding: .05rem .5em;
    background: linear-gradient(180deg, #ff5841, #fe0425);
    color: #fff;
    border-radius: 1em
}

.v-base .main-nav-style:nth-of-type(4n+0) {
    border-right: unset
}

.v-base .main-nav-style>span {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: .24rem
}

.v-base .reportEnter {
    color: #fffffe;
    width: .55rem;
    height: .5rem;
    vertical-align: sub
}

.v-base .records {
    color: #fffffe;
    display: block;
    height: .8rem;
    line-height: .8rem;
    white-space: nowrap
}

.v-base .main-top-cngttop-t2 .am-button-ghost {
    background-color: transparent;
    border: 0 solid #fff5f1;
    font-size: .3rem;
    height: .45rem;
    line-height: .45rem;
    padding: 0;
    color: #282743;
    font-weight: 500;
    border-radius: .1rem
}

.v-base .mc-daterange-popup .am-popup {
    top: 12%;
    width: 89%;
    height: 80%;
    margin: 0 5%
}

.v-base .hide {
    display: none !important
}

.v-base .mc-agent-team-container {
    width: 100%;
    z-index: 99;
    height: .96rem;
    background: #fff
}

.v-base .mc-agent-team-flow {
    width: 100%;
    background-color: #fcfcfc
}

.v-base input:disabled {
    background: #c1c1c1
}

.v-base .am-button.am-button-disabled {
    background: #ddd !important;
    color: #bbb !important;
    box-shadow: 0 .1rem .2rem 0 hsla(0, 0%, 50%, .4)
}

.v-base .am-list-body table,
.v-base tbody,
.v-base td,
.v-base tfoot,
.v-base th,
.v-base thead,
.v-base tr,
.v-base tt {
    border-width: 1px;
    border-style: solid;
    vertical-align: middle
}

.v-base .custom-table tbody,
.v-base .custom-table td,
.v-base .custom-table tfoot,
.v-base .custom-table th,
.v-base .custom-table thead,
.v-base .custom-table tr,
.v-base .custom-table tt {
    border: inherit
}

.v-base .wysiwyg {
    padding-bottom: .5rem;
    line-height: 1.5
}

.v-base .wysiwyg * {
    line-height: 1.5
}

.v-base .wysiwyg ul {
    white-space: normal;
    list-style: disc;
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em
}

.v-base .wysiwyg ul li {
    display: list-item !important;
    list-style: disc outside;
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

.v-base .wysiwyg ol {
    white-space: normal;
    list-style: decimal;
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em
}

.v-base .wysiwyg ol li {
    display: list-item !important;
    list-style: decimal outside;
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

.v-base .mc_app_box {
    position: static
}

.v-base#mc-animate-container {
    overflow: initial
}

.v-base .am-tabs-bar .am-tabs-nextpage:after,
.v-base .am-tabs-bar .am-tabs-prevpage:before {
    z-index: 1
}

.v-base .app-win {
    position: fixed
}

.v-base .marquee marquee {
    width: 100%
}

.v-base input {
    outline: none;
    -webkit-appearance: none;
    line-height: normal !important
}

.v-base input::placeholder {
    color: inherit;
    font-family: inherit;
    line-height: normal !important;
    overflow: visible
}

.v-base input::-webkit-input-placeholder {
    color: inherit;
    font-family: inherit;
    line-height: normal !important;
    overflow: visible
}

.v-base.fade-enter {
    min-height: 100vh !important;
    min-height: calc(100*var(--vh, 1vh)) !important
}

.am-list-header .popUpHeader .am-icon-cross {
    color: #888 !important
}

.am-popup-mask {
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    overscroll-behavior: none
}

#root .mc-home.mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important
}

#root .mc-home.mc-navbar-blue .am-icon-left,
#root .mc-home.mc-navbar-blue .am-navbar-title {
    color: #fff !important
}

#root #mc-animate-container .am-tabs-ink-bar {
    display: none !important
}

#root #mc-animate-container .am-tabs-tab-active.am-tabs-tab {
    border-bottom: .04rem solid #108ee9
}

#root #mc-app-home-root.dark {
    background: url(/mobile/mc/home_bg.029bf69d.png) top no-repeat, #121011;
    background-size: 100% auto;
    background-position-y: -.3rem
}

#root #mc-app-home-root.dark .main-nav-list,
#root #mc-app-home-root.dark .member-home-root {
    background: #121011 !important
}

#root #mc-app-home-root.dark .main-nav-list a {
    background: unset !important
}

#root #mc-app-home-root.dark .n-nav-list-title span {
    color: #fff !important;
    background: #333 !important
}

#root #mc-app-home-root.dark .n-nav-list-title:after {
    background: #333 !important
}

#root #mc-app-home-root.dark .main-nav-style {
    color: #9a8661 !important
}

#root #mc-app-home-root.dark .n-linear-border:before {
    background: #292625 !important
}

#root #mc-app-home-root.dark .n-linear-border svg {
    fill: #f1d095 !important
}

#root #mc-app-home-root.dark .n-linear-border>div {
    background-image: linear-gradient(top, #715e48, #28221e 50%, #715e48)
}

.am-list-body .wysiwyg,
.am-popup-body .wysiwyg {
    padding-bottom: .5rem;
    line-height: 1.5
}

.am-list-body .wysiwyg *,
.am-popup-body .wysiwyg * {
    line-height: 1.5
}

.am-list-body .wysiwyg ul,
.am-popup-body .wysiwyg ul {
    white-space: normal;
    list-style: disc;
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em
}

.am-list-body .wysiwyg ul li,
.am-popup-body .wysiwyg ul li {
    display: list-item !important;
    list-style: disc outside;
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

.am-list-body .wysiwyg ol,
.am-popup-body .wysiwyg ol {
    white-space: normal;
    list-style: decimal;
    padding-left: 2.5em;
    margin-top: 1em;
    margin-bottom: 1em
}

.am-list-body .wysiwyg ol li,
.am-popup-body .wysiwyg ol li {
    display: list-item !important;
    list-style: decimal outside;
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
}

.area-modal:not(.CN) .am-picker-popup-item {
    padding: .04rem;
    font-size: .26rem
}

.h-icon-1.active img,
.h-icon-2.active img,
.h-icon-3.active img,
.h-icon-4.active img,
.h-icon-5.active img,
.h-icon-6.active img,
.h-icon-7.active img,
.h-icon-8.active img,
.h-icon-active img {
    border: .06rem solid #ec2529 !important
}

.security-circle {
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    border-radius: 50%;
    left: .3rem;
    top: 56%;
    transform: translateY(-50%);
    direction: ltr
}

#canvas_1 {
    z-index: 1
}

#canvas_2 {
    z-index: 2;
    background: transparent;
    transform: rotate(-90deg)
}

.security-circle canvas {
    display: block;
    margin: 0;
    position: absolute;
    left: -.14rem;
    top: -.3rem
}

.security-line {
    height: .2rem;
    margin: 1px 0;
    background: #f5f6f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.copy-key {
    text-align: center;
    padding: .2rem 0
}

.currcy-card-flex .card-notBorder,
.currcy-card-flex .card-notBorder .am-card-body {
    border: 0 !important
}

.currcy-card-flex .nodata-container .nodata-icon {
    margin-top: 1rem !important
}

.speedPay-help-info {
    margin-left: .2rem;
    color: #ccc;
    font-size: .28rem;
    left: .6rem;
    line-height: .39rem
}

.flex-money-content,
.flex-speedypay-name {
    margin: .1rem .24rem .05rem !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 1px !important
}

.flex-discounts .inputBase,
.flex-money-content .inputBase,
.flex-speedypay-name .inputBase {
    border: 1px solid #747474 !important;
    background: none !important;
    border-radius: .08rem
}

.flex-discounts .inputBase:focus,
.flex-money-content .inputBase:focus,
.flex-speedypay-name .inputBase:focus {
    border: .03rem solid #0087fd !important
}

.flex-money-content .inputCon,
.flex-speedypay-name .inputCon {
    width: 96% !important
}

.speedPay-help-errors {
    color: red;
    font-size: .28rem;
    height: .4rem;
    margin: 0 .12rem .16rem
}

.flex-discounts {
    position: relative;
    margin: .25rem .23rem !important;
    border: 0 !important;
    padding: .04rem !important;
    border-radius: 0 !important
}

.flex-discounts .inputSelect {
    width: 84%
}

.flex-discounts .inputSelect input {
    padding-bottom: .02rem !important
}

.flex-discounts .inputIcon {
    height: 1.08rem !important;
    position: absolute;
    right: .33rem;
    background: #3b79f3 !important;
    padding-top: .08rem;
    border-radius: 0 .08rem .08rem 0
}

.flex-another-pay {
    height: .9rem !important;
    border-top: 1px solid #bbb !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 1px !important;
    background: none !important;
    width: 89%
}

.flex-another-pay,
.flex-pay-showborder {
    border-bottom: 1px solid #bbb !important
}

.flex-another-pay p {
    margin-left: 0 !important
}

.flex-another-pay p span {
    color: #989a9c
}

.flex-another-pay .another-pay-a {
    color: #3b79f3
}

.flex-another-pay .agrg-downline-type .mc-switch,
.flex-another-pay .setting_sort_right {
    margin-right: 0 !important
}

.flex-another-pay .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.flex-another-pay .mc-switch .checkbox.on:before {
    background: #3b79f3
}

.flex-pay-errors {
    color: red;
    font-size: .28rem;
    height: .4rem;
    margin: 0 .27rem .16rem
}

.flex-submit-btn {
    border: 1px solid #efefef;
    border-radius: .15rem;
    padding: 1px !important;
    margin: .1rem .54rem .05rem .24rem !important
}

.flex-submit-btn .am-button {
    height: 1rem;
    line-height: 1rem;
    color: #fff !important;
    font-size: .32rem
}

.pgBank-common input::-webkit-input-placeholder {
    color: #888 !important;
    font-size: .308rem !important
}

.btn-gray {
    border-radius: .1rem !important;
    background: #d8d8d8;
    transition: all .3s linear
}

.btn-gray span {
    color: #fff !important
}

.am-modal-left .am-modal-body {
    text-align: left
}

.am-modal-left .bold {
    font-weight: 700
}

.vou-balance .vou-text {
    font-size: .28rem;
    color: #7b7b77
}

.vou-line {
    height: .03rem;
    background: #f0f0f1;
    margin: .6rem .3rem 0
}

.flex-list-title {
    color: #a6a6a6;
    font-size: .22rem;
    padding-right: .15rem
}

.currcy-card-flex .flex-list-item {
    padding-left: 0 !important
}

.base-item {
    width: 100%
}

.security-header {
    padding: .4rem 0 .6rem .3rem;
    padding-bottom: 0
}

.center-header {
    font-size: .3rem;
    margin-bottom: .25rem;
    color: #48484e;
    font-weight: 700;
    display: inline-block
}

.sec_card_body {
    overflow-y: scroll
}

.security-list {
    margin: 0 .25rem
}

.security-list .am-list-content {
    align-items: center
}

.security-list .flex-grad-one {
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.security-list .flex-grad-one svg {
    width: 100%;
    height: auto;
    max-height: .8rem
}

.flex-base {
    height: 1.05rem;
    border-radius: .1rem;
    border: 1px solid #ccc;
    margin: .15rem .4rem .03rem;
    font-size: .32rem;
    overflow: hidden
}

.common-postion-btn {
    position: absolute;
    width: 90%;
    bottom: .8rem
}

.common-postion-btn .am-button span {
    font-size: .3rem
}

.txt-gray {
    color: #5e5e5e;
    font-size: .26rem;
    margin-top: .1rem;
    text-align: left;
    padding: 0 5%
}

.i18n-fix .am-tabs-tab {
    white-space: nowrap
}

.mcm-teampandect svg {
    width: .54rem;
    height: .54rem
}

.tcg-tab-content {
    position: relative;
    z-index: 1
}

.mc-tabs-scroll .am-tabs-tab {
    flex: auto !important;
    padding: 0 .2rem;
    text-align: center;
    white-space: nowrap;
    flex-basis: auto !important;
    display: inline-block !important;
    min-width: 20% !important
}

.mc-tabs-scroll .am-tabs-nav-swipe {
    transform: none !important;
    touch-action: none !important
}

.mc-tabs-scroll .am-tabs-bar .am-tabs-tab {
    border-bottom: .04rem solid #fff
}

.mc-tabs-scroll .am-tabs-ink-bar {
    display: none !important
}

.mc-tabs-scroll .am-tabs-tab-active {
    border-bottom: .04rem solid #108ee9 !important
}

.mc-tabs-scroll .am-tabs-nav {
    white-space: nowrap;
    display: inline-block !important;
    overflow-x: scroll !important
}

.mc-tabs-scroll .am-tabs-bar {
    background: #fff !important
}

.mc-tabs-scroll-positon .am-tabs-bar .am-tabs-tab {
    line-height: 1.2 !important
}

.mc-tab-container {
    overflow-y: scroll;
    white-space: nowrap;
    background: #fff
}

.mc-tab-container .mc-tab-item {
    display: inline-block;
    padding: .3rem;
    min-width: 20%;
    text-align: center;
    border-bottom: .04rem solid #fff
}

.mc-tab-container .mc-tab-item.tab-active {
    color: #108ee9;
    border-bottom: .04rem solid #108ee9
}

#mc-app-home-root.mc {
    background: url(/mobile/mc/home_bg.029bf69d.png) top no-repeat;
    background-size: 100% auto;
    background-position-y: -.301rem
}

#mc-app-home-root.mc:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1
}

#mc-app-home-root.mc.authorized,
#mc-app-home-root.mc.MARK {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: #f1f2f5 url(/mobile/mc/home_bg_authorized.20d28df4.png) top no-repeat
}

#mc-app-home-root.mc.authorized .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.authorized .mc-home.mc-navbar-blue .am-navbar-title,
#mc-app-home-root.mc.MARK .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.MARK .mc-home.mc-navbar-blue .am-navbar-title {
    color: #000 !important
}

#mc-app-home-root.mc.T1,
#mc-app-home-root.mc.T2 {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

#mc-app-home-root.mc.T1 .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.T1 .mc-home.mc-navbar-blue .am-navbar-title,
#mc-app-home-root.mc.T2 .mc-home.mc-navbar-blue .am-icon-left,
#mc-app-home-root.mc.T2 .mc-home.mc-navbar-blue .am-navbar-title {
    color: #000 !important
}

#mc-app-home-root.mc.T3 {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100)
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-navbar-title {
    color: #000 !important;
    justify-content: center !important
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-icon-left {
    color: #000 !important
}

#mc-app-home-root.mc.T3 .mc-home.mc-navbar-blue .am-icon-left .return_icon {
    padding-left: .24rem
}

#mc-app-home-root.mc #mc-header,
#root .reward-center #mc-header {
    position: static !important
}

#root .mc-home.mc-navbar-blue,
#root .mc-leader-board-list .mc-navbar-blue,
#root .mc-rewardCenter .mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important
}

.n-home-container {
    position: relative
}

.n-home-container .n-home-header {
    padding-left: .5rem
}

.n-home-container .footer-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0 .3rem;
    overflow: hidden
}

.n-home-container .home-user-footer {
    display: flex;
    flex-direction: row;
    overflow: auto
}

.n-home-container .home-user-footer.mid-operating {
    margin-top: .4rem
}

.n-home-container .home-user-footer>div {
    text-align: center;
    margin: 0 .16rem;
    white-space: normal
}

.n-home-container .home-user-footer .btn-check-view {
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: .3rem 0
}

.n-home-container .common-center-top {
    right: 0;
    width: 100%;
    margin: .1rem auto 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.n-home-container .member-home-root {
    margin-top: .3rem
}

.n-home-container .member-home-root .main-nav-list {
    padding: .1rem
}

.n-home-container .n-nav-list-title {
    position: relative
}

.n-home-container .n-nav-list-title span {
    background: #dfdfdf;
    padding: .06rem .18rem;
    font-size: .2rem;
    border-radius: .26rem;
    position: relative;
    display: inline-block;
    z-index: 10
}

.n-home-container .n-nav-list-title:after {
    content: "";
    position: absolute;
    height: .02rem;
    background: #f3f3f3;
    width: 100%;
    top: .22rem;
    z-index: 8;
    right: 0
}

.n-home-container .n-nav-list-title {
    margin-left: .5rem
}

.n-home-container .main-nav-style {
    border: 0 !important;
    padding: .2rem 0;
    text-align: center;
    word-break: break-word
}

.n-home-container .main-nav-style .main-text {
    padding: 0 .09rem
}

.n-home-container .n-linear-border {
    border-radius: 50%
}

.n-home-container .n-linear-border svg {
    fill: #d1a24f
}

.n-home-container .main-nav-style>div {
    border-radius: 50%;
    display: inline-block;
    width: .88rem;
    height: .88rem;
    margin-bottom: .2rem;
    position: relative
}

.n-home-container .main-nav-style>.n-linear-border:before {
    content: "";
    width: .88rem;
    height: .88rem;
    background: #fff2db;
    border-radius: 50%;
    left: 1px;
    top: 1px;
    position: absolute;
    z-index: 9
}

.n-home-container .main-nav-style>.n-linear-border>div {
    box-sizing: border-box;
    padding: 1px;
    border-radius: 50%;
    background-image: linear-gradient(top, #ecd3a8, #fff2db 50%, #ecd3a8);
    width: .9rem;
    height: .9rem
}

.n-home-container .main-nav-style>div svg {
    position: absolute;
    top: 50%;
    left: calc(50% + 1px);
    z-index: 11;
    transform: translate(-50%, -50%)
}

.n-home-container .main-nav-style .un-read-count {
    right: -.12rem;
    z-index: 20
}

.authorized-container {
    width: calc(100% - .48rem);
    margin: 0 auto
}

.authorized-container .authorized-header {
    margin-top: .1rem
}

.authorized-container .member-home-authorized .main-nav-list {
    position: relative
}

.authorized-container .authorized-footer {
    margin: .3rem 0;
    border-radius: .2rem;
    background: #fff;
    padding: .31rem .25rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: .1rem
}

.authorized-container .authorized-footer .footer-item {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .11rem;
    color: #000;
    font-size: .26rem;
    font-weight: 600
}

.authorized-container .authorized-footer .footer-item svg {
    width: .5rem;
    height: .5rem
}

.authorized-container .authorized-footer .footer-item .item-txt {
    word-break: break-word;
    text-align: center
}

.authorized-container .member-home-authorized {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    border-radius: .2rem;
    background: #fff;
    padding: .3rem .2rem;
    margin-bottom: .3rem
}

.authorized-container .member-home-authorized .authorized-title {
    color: #000;
    font-size: .32rem;
    font-weight: 400
}

.authorized-container .member-home-authorized .authorized-head {
    padding: .2rem;
    padding-bottom: 0;
    border-radius: .4rem;
    background: linear-gradient(114deg, hsla(0, 0%, 100%, .05) 30.16%, hsla(0, 0%, 100%, .03) 165.17%, hsla(0, 0%, 100%, .03) 0), linear-gradient(180deg, #feece7, #fff 56%)
}

.authorized-container .member-home-authorized .authorized-head .main-rows {
    display: flex;
    gap: .22rem
}

.authorized-container .member-home-authorized .authorized-head .main-rows .feature-item {
    font-size: .28rem;
    align-items: center;
    padding: .2rem;
    font-weight: 500;
    color: #373635;
    display: flex;
    border-radius: .22rem;
    background: #fff;
    width: 3rem;
    height: 1.28rem;
    flex-shrink: 0;
    justify-content: space-between
}

.authorized-container .member-home-authorized .authorized-head .main-rows .feature-item svg {
    min-width: .72rem
}

.authorized-container .member-home-authorized .authorized-head .main-rows .item-txt {
    word-wrap: break-word;
    max-width: 70%
}

.authorized-container .member-home-authorized .authorized-head .sec-rows {
    display: grid;
    justify-content: space-between;
    grid-template: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(.5rem, 1fr))
}

.authorized-container .member-home-authorized .authorized-head .sec-rows .feature-item {
    justify-content: flex-start;
    font-size: .24rem;
    font-weight: 500;
    line-height: .28rem;
    display: flex;
    flex-direction: column;
    margin-top: .26rem;
    flex-grow: 1;
    align-items: center
}

.authorized-container .member-home-authorized .authorized-head .sec-rows .feature-item svg {
    width: .9rem;
    height: .9rem;
    margin-bottom: .14rem
}

.authorized-container .member-home-authorized .authorized-head .sec-rows .item-txt {
    text-align: center
}

.authorized-container .member-home-authorized .feature-list {
    display: flex;
    flex-wrap: wrap
}

.authorized-container .member-home-authorized .feature-list .feature-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.075rem);
    min-height: .88rem;
    border-radius: .14rem;
    background: #faf5f1;
    display: flex;
    align-items: center;
    color: #874323;
    font-size: .24rem;
    margin-bottom: .15rem;
    position: relative
}

.authorized-container .member-home-authorized .feature-list .feature-item:not(:nth-child(2n)) {
    margin-right: .15rem
}

.authorized-container .member-home-authorized .feature-list .feature-item:after {
    content: "";
    width: .78rem;
    height: .78rem
}

.authorized-container .member-home-authorized .feature-list .feature-item.REWCEN3:after {
    background: url(/mobile/mc/reward.95c12988.png) no-repeat 50%/contain
}

.authorized-container .member-home-authorized .feature-list .feature-item.SECPRIV:after {
    background: url(/mobile/mc/security.5af9b763.png) no-repeat 50%/contain
}

.authorized-container .member-home-authorized .feature-list .feature-item.PTSYS3:after {
    background: url(/mobile/mc/mall.cfc1e5f8.png) no-repeat 50%/contain
}

.authorized-container .member-home-authorized .feature-list .feature-item.REFERRAL:after {
    background: url(/mobile/mc/invite.e9725093.png) no-repeat 50%/contain
}

.authorized-container .member-home-authorized .feature-list .feature-item .item-txt {
    flex: 1 1 0%;
    height: 100%;
    padding-left: .26rem;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: .14rem
}

.authorized-container .member-home-authorized .authorized-list-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: .2rem
}

.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item {
    width: calc((100% - .4rem)/2);
    min-width: 3.2rem;
    border-radius: .35rem;
    background: #f9f9fb;
    display: flex;
    gap: .14rem;
    align-items: center;
    color: #373635;
    font-size: .26rem;
    font-weight: 500;
    padding: .13rem .22rem;
    min-height: .84rem;
    position: relative
}

.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item svg {
    min-width: .4rem;
    width: .4rem;
    height: .4rem;
    fill: #fe5a00
}

.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item .item-txt {
    display: flex;
    gap: .14rem;
    align-items: center;
    flex: 1 1 0%;
    word-break: break-word
}

.authorized-container .member-home-authorized .authorized-list-wrap .authorized-list-item .unread-count {
    left: .56rem;
    top: -.13rem
}

.authorized-container .unread-count {
    border-radius: .14857rem .14857rem .14857rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .32rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .3rem;
    line-height: .3rem;
    font-size: .20571rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 .05rem
}

.t1-container {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: linear-gradient(90deg, #cb933e, #f7cf8c)
}

.t1-container:before {
    position: absolute;
    content: "";
    width: 6.45rem;
    height: 6.47rem;
    border-radius: 6.47rem;
    background: hsla(0, 0%, 100%, .66);
    filter: blur(.9435rem);
    top: -3.31rem;
    left: -2.67rem;
    z-index: 0
}

.t1-container:after {
    position: absolute;
    content: "";
    width: 5.35rem;
    height: 5.37rem;
    border-radius: 5.37rem;
    background: rgba(0, 0, 0, .1);
    filter: blur(1.2155rem);
    top: 2.8rem;
    right: 0;
    left: auto;
    z-index: 0
}

.t1-container.has-vip .memberInfo-t1-wrap {
    margin-top: -.79rem
}

.t1-container .mc-header-wrap {
    z-index: 1;
    position: relative
}

.t1-container .mc-header-wrap .am-navbar-title {
    justify-content: flex-start
}

.t1-container .mc-header-wrap .mc-whitespace {
    height: 0 !important
}

.t1-container .member-top-wrap {
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-right: .1rem
}

.t1-container .member-top-wrap svg {
    width: .42rem;
    height: .42rem;
    fill: #666
}

.t1-container .member-top-wrap .top-item {
    width: .7rem;
    height: .7rem;
    border-radius: .35rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    background: hsla(0, 0%, 100%, .3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.t1-container .member-top-wrap .top-item .unread-count {
    top: -.14rem;
    right: -.14rem
}

.t1-container .t1-header {
    width: calc(100% - .62rem);
    margin: .16rem auto 0;
    position: relative;
    z-index: 1
}

.t1-container .t1-header .memberInfo-t1-wrap {
    background: linear-gradient(90deg, #cb933e, #f7cf8c), linear-gradient(90deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url(/mobile/mc/home-bg-t1.7a6acd46.png) no-repeat 50%/cover;
    background-blend-mode: color;
    border-radius: .42rem;
    position: relative;
    z-index: 0
}

.t1-container .t1-header .memberInfo-theme-wrapper {
    padding: .3rem .2rem
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info {
    gap: .1rem
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account {
    color: #333
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account svg {
    fill: rgba(51, 51, 51, .6)
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
    color: #666;
    font-size: .22rem;
    font-weight: 500
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
    fill: hsla(0, 0%, 40%, .6)
}

.t1-container .t1-header .memberInfo-theme-wrapper .member-info .profile .profile-img img {
    width: .8rem;
    height: .8rem
}

.t1-container .t1-header .profile-detail-wrapper {
    margin-top: .16rem;
    background: transparent !important
}

.t1-container .t1-header .profile-detail-wrapper .current-wallet {
    color: #333;
    font-size: .46rem;
    font-weight: 600
}

.t1-container .t1-header .profile-detail-wrapper .current-wallet svg {
    fill: rgba(51, 51, 51, .4)
}

.t1-container .t1-header .profile-detail-wrapper .detail-top {
    padding: 0;
    margin: 0 0 .16rem
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid {
    padding: 0
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item {
    color: #666
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item.time {
    order: -1;
    justify-content: flex-start
}

.t1-container .t1-header .profile-detail-wrapper .detail-mid .mid-item svg {
    fill: #666
}

.t1-container .t1-header .profile-detail-wrapper .detail-bottom {
    border-radius: .22rem;
    background: hsla(0, 0%, 100%, .2);
    padding: .1rem .16rem;
    min-height: .76rem;
    align-items: center
}

.t1-container .t1-header .profile-detail-wrapper .detail-bottom .bottom-item {
    color: #333;
    justify-content: center
}

.t1-container .t1-header .profile-detail-wrapper .detail-bottom .bottom-item svg {
    width: .28rem;
    height: .28rem;
    fill: #333
}

.t1-container .t1-header .t1-footer {
    margin: .3rem auto;
    display: flex;
    justify-content: space-evenly
}

.t1-container .t1-header .t1-footer .footer-item {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .16rem;
    font-size: .26rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    word-break: break-word
}

.t1-container .t1-header .t1-footer .footer-item .item-icon {
    border-radius: .27rem;
    background: radial-gradient(50% 50% at 50% 50%, #cb933e 0, #f7cf8c 100%);
    width: .8rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.t1-container .t1-header .t1-footer .footer-item .item-icon svg {
    width: .48rem;
    height: .48rem
}

.t1-container .member-home-t1 {
    flex: 1 1 0%;
    border-radius: .3rem .3rem 0 0;
    background: #f7f7f7;
    padding: .3rem .24rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    position: relative;
    z-index: 1
}

.t1-container .member-home-t1 .feature-list-t1 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: .28rem
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item {
    flex: 1 1 0%;
    min-height: 1.45rem;
    border-radius: .14rem;
    padding: .18rem;
    position: relative;
    font-size: .24rem
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: .88rem;
    height: .88rem
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3 {
    color: #874323;
    border: 1px solid #f1edbd;
    background: linear-gradient(119deg, #fefbea .58%, #faf6c9 99.42%)
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REWCEN3:after {
    background: url(/mobile/mc/reward.95c12988.png) no-repeat 50%/contain
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.SECPRIV {
    color: #8e0000;
    border: 1px solid #f2d0bf;
    background: linear-gradient(119deg, #fef1ea .58%, #fadbc9 99.42%)
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.SECPRIV:after {
    background: url(/mobile/mc/security.5af9b763.png) no-repeat 50%/contain
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REFERRAL {
    color: #0b4e8b;
    border: 1px solid #c1e9f3;
    background: linear-gradient(119deg, #f3fbff .58%, #c3f1ff 99.42%)
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item.REFERRAL:after {
    background: url(/mobile/mc/invite-t1.e344da29.png) no-repeat 50%/contain
}

.t1-container .member-home-t1 .feature-list-t1 .feature-item .item-txt {
    position: relative;
    z-index: 1;
    line-height: 1.5
}

.t1-container .t1-list-wrap {
    border-radius: .2rem;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: .2rem;
    padding: .3rem .2rem
}

.t1-container .t1-list-wrap .t1-list-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 0.15rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .14rem;
    min-height: 1.62rem
}

.t1-container .t1-list-wrap .t1-list-item .item-icon {
    width: .9rem;
    height: .9rem;
    border-radius: .45rem;
    background: linear-gradient(0deg, #cb933e, #f7cf8c);
    box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.t1-container .t1-list-wrap .t1-list-item .item-icon svg {
    width: .44rem;
    height: .44rem
}

.t1-container .t1-list-wrap .t1-list-item .item-txt {
    color: #373635;
    font-size: .24rem;
    text-align: center;
    word-break: break-word
}

.t1-container .t1-ac-wrapper {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.t1-container .t1-ac-wrapper .ac-feature-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item {
    flex: 1 1 0%;
    max-width: 3.4rem;
    border-radius: .2rem;
    background: #fff;
    min-height: 1.17rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .28rem;
    color: #373635;
    padding: .11rem .2rem
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item:after {
    content: "";
    width: .94rem;
    height: .94rem;
    margin-left: .42rem
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.AGEPAG:after {
    background: url(/mobile/mc/team-overview.4fefa43f.png) no-repeat 50%/contain
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item.REGCEN:after {
    background: url(/mobile/mc/open-account.332309b7.png) no-repeat 50%/contain
}

.t1-container .t1-ac-wrapper .ac-feature-list .feature-item .item-txt {
    word-break: break-word;
    max-width: calc(100% - 1.36rem)
}

.t1-container .t1-ac-wrapper .t1-ac-list {
    border-radius: .2rem;
    background: #fff;
    padding: 0 .3rem;
    display: flex;
    flex-direction: column
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item {
    display: flex;
    gap: .14rem;
    align-items: center;
    padding: .3rem 0
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item:not(:last-child) {
    border-bottom: 1px solid #f3f3f3
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon {
    position: relative
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon svg {
    width: .42rem;
    height: .42rem;
    fill: #17120e
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon .unread-count {
    top: -.21rem;
    right: -.32rem
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-icon img {
    width: .42rem;
    height: .42rem
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-txt {
    flex: 1 1 0%;
    color: #353537;
    font-size: .26rem;
    word-break: break-word
}

.t1-container .t1-ac-wrapper .t1-ac-list .t1-list-item .item-arrow svg {
    fill: #a0a0a0;
    width: .12rem;
    height: .12rem
}

.t1-container .unread-count {
    border-radius: .15rem .15rem .15rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .28rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .28rem;
    line-height: .28rem;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 .05rem
}

.t1-container .vip-wrapper {
    height: 1.2rem;
    overflow: hidden;
    display: flex;
    justify-content: flex-end
}

.t1-container .vip-wrapper .vip-wrap {
    background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), linear-gradient(90deg, #cb933e -8.22%, #f7cf8c);
    border-radius: 0 .25rem 0 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding: 0 .15rem 0 0;
    background-blend-mode: multiply;
    max-width: 80%
}

.t1-container .vip-wrapper .vip-bg {
    position: absolute;
    left: -.5rem;
    top: -.02rem;
    width: .52rem;
    height: .5rem
}

.t1-container .vip-wrapper .vip-bg svg {
    width: 100%;
    height: 100%;
    opacity: .95
}

.t1-container .vip-wrapper .vip-name {
    font-size: .22rem;
    font-weight: 600;
    color: #fff;
    height: .41rem;
    display: flex;
    align-items: center;
    margin-left: .4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: .41rem
}

.t1-container .vip-wrapper .vip-name:before {
    position: absolute;
    content: "";
    width: .3rem;
    height: .3rem;
    background: url(/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50%/contain;
    margin: 0 .05rem;
    left: -.05rem;
    top: .06rem
}

.t2-container {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), linear-gradient(90deg, #ffda92 .25%, #ffaa2e 99.75%)
}

.t2-container:before {
    position: absolute;
    content: "";
    width: 6.45rem;
    height: 6.47rem;
    border-radius: 6.47rem;
    background: hsla(0, 0%, 100%, .66);
    filter: blur(.9435rem);
    top: -3.31rem;
    left: -2.67rem;
    z-index: 0
}

.t2-container:after {
    position: absolute;
    content: "";
    width: 5.35rem;
    height: 5.37rem;
    border-radius: 5.37rem;
    background: rgba(0, 0, 0, .1);
    filter: blur(1.2155rem);
    top: 2.8rem;
    right: 0;
    left: auto;
    z-index: 0
}

.t2-container.has-vip .memberInfo-t2-wrap {
    margin-top: 0
}

.t2-container .mc-header-wrap {
    z-index: 1;
    position: relative
}

.t2-container .mc-header-wrap .am-navbar-title {
    justify-content: flex-start
}

.t2-container .mc-header-wrap .mc-whitespace {
    height: 0 !important
}

.t2-container .member-top-wrap {
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-right: .1rem
}

.t2-container .member-top-wrap svg {
    width: .42rem;
    height: .42rem;
    fill: #666
}

.t2-container .member-top-wrap .top-item {
    width: .7rem;
    height: .7rem;
    border-radius: .35rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    background: hsla(0, 0%, 100%, .3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.t2-container .t2-header {
    width: calc(100% - .62rem);
    margin: .16rem auto 0;
    position: relative;
    z-index: 1
}

.t2-container .t2-header .memberInfo-t2-wrap {
    background: transparent;
    position: relative;
    z-index: 0;
    color: #666;
    font-size: .22rem;
    font-weight: 500;
    line-height: .22rem
}

.t2-container .t2-header .memberInfo-t2-wrap .unread-count {
    right: -.2rem;
    top: -.14rem
}

.t2-container .t2-header .memberInfo-t2-wrap .last-login-info {
    justify-content: space-between;
    display: flex;
    padding-right: .24rem;
    min-height: .75rem
}

.t2-container .t2-header .memberInfo-t2-wrap .last-login-info .last-login-item {
    text-align: left;
    width: 50%;
    display: flex;
    align-items: center
}

.t2-container .t2-header .memberInfo-t2-wrap .last-login-info .last-login-item svg {
    width: .22rem;
    margin-right: .08rem
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area {
    justify-content: flex-end;
    min-width: 1.2rem;
    display: flex;
    gap: .36rem;
    align-items: center
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area .top-item {
    position: relative
}

.t2-container .t2-header .memberInfo-t2-wrap .contact-area .top-item svg {
    fill: #000
}

.t2-container .t2-header .memberInfo-theme-wrapper {
    padding: 0 .2rem
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info {
    flex-grow: 1;
    gap: .1rem
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .profile-icon {
    display: flex;
    justify-content: center
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account {
    color: #333
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .user-name .copy-account svg {
    fill: rgba(51, 51, 51, .6)
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit {
    max-width: 4.58rem;
    color: #666;
    font-size: .22rem;
    font-weight: 500
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-info .nickname-edit svg {
    fill: hsla(0, 0%, 40%, .6)
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-img .profile-icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.t2-container .t2-header .memberInfo-theme-wrapper .member-info .profile .profile-img img {
    width: .8rem;
    height: .8rem
}

.t2-container .t2-header .profile {
    display: flex;
    flex: 1 1 0%;
    gap: .14rem
}

.t2-container .t2-header .profile .profile-img img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.t2-container .t2-header .profile .profile-info {
    display: flex;
    flex-direction: column;
    gap: .19rem;
    flex-grow: 1
}

.t2-container .t2-header .profile .profile-info .user-name .copy-account {
    display: flex;
    align-items: center;
    gap: .1rem;
    color: #000;
    font-size: .32rem;
    font-weight: 600
}

.t2-container .t2-header .profile .profile-info .user-name .copy-account svg {
    width: .3rem;
    height: .3rem;
    fill: rgba(37, 37, 37, .6)
}

.t2-container .t2-header .profile .profile-info .nickname-info {
    display: flex;
    gap: .05rem;
    align-items: center
}

.t2-container .t2-header .profile .profile-info .nickname-info .name-text {
    word-break: break-word
}

.t2-container .t2-header .profile .profile-info .nickname-info .go-to-edit {
    display: inline-flex;
    height: .28rem;
    width: .28rem
}

.t2-container .t2-header .profile .profile-info .nickname-info .go-to-edit svg {
    height: .28rem;
    fill: #66666699
}

.t2-container .t2-header .profile .profile-info .nickname-info .info-title {
    word-break: keep-all
}

.t2-container .t2-header .profile .profile-info .nickname-info .nickname-edit {
    color: #444;
    font-size: .24rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.t2-container .t2-header .profile .profile-info .nickname-info .nickname-edit svg {
    fill: #66666699;
    width: .28rem;
    height: .28rem;
    margin-left: .05rem
}

.t2-container .t2-header .current-wallet {
    display: inline-flex;
    align-items: center;
    color: #333;
    font-size: .54rem;
    font-weight: 500
}

.t2-container .t2-header .current-wallet svg {
    width: .28rem;
    height: .28rem;
    fill: rgba(51, 51, 51, .4)
}

.t2-container .t2-header .profile-detail-wrapper {
    background: linear-gradient(90deg, #cb933e, #f7cf8c), linear-gradient(90deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url(/mobile/mc/home-bg-t1.7a6acd46.png) no-repeat 50%/cover;
    padding: .26rem .3rem;
    background-blend-mode: color;
    border-radius: .42rem;
    margin-top: .3rem
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid {
    padding: 0
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item {
    color: #666
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item.time {
    order: -1;
    justify-content: flex-start
}

.t2-container .t2-header .profile-detail-wrapper .detail-mid .mid-item svg {
    fill: #666
}

.t2-container .t2-header .profile-detail-wrapper .detail-bottom {
    background-color: transparent;
    padding: 0;
    border-radius: .22rem;
    min-height: .6rem;
    align-items: center
}

.t2-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
    padding: .16rem .12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    height: 100%;
    color: #fff;
    background: #ffaa2e
}

.t2-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item svg {
    width: .28rem;
    height: .28rem;
    fill: #fff
}

.t2-container .detail-top {
    min-height: 1.8rem;
    position: relative;
    border-radius: .3rem .3rem 0 0;
    padding: .26rem 0 0 .3rem;
    margin: .3rem 0 .16rem;
    background: url(/mobile/mc/member-card-bg.5dec70d9.png) no-repeat 50%/cover, linear-gradient(#efe0eb, #7b7a7a);
    direction: ltr
}

.t2-container .detail-top .refresh-balance {
    margin-left: 0
}

.t2-container .detail-top .t2-footer {
    margin: .33rem auto .2rem;
    display: flex;
    justify-content: space-evenly;
    margin-right: .3rem
}

.t2-container .detail-top .t2-footer .footer-item {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .16rem;
    font-size: .26rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    word-break: break-word
}

.t2-container .detail-top .t2-footer .footer-item .item-icon {
    padding-left: .1rem;
    border-radius: .4rem;
    background: linear-gradient(90deg, #fbab49, #fd911b);
    width: 2rem;
    height: .6rem;
    gap: .03rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.t2-container .detail-top .t2-footer .footer-item .item-icon .item-txt {
    text-align: left
}

.t2-container .detail-top .t2-footer .footer-item .item-icon svg {
    fill: #ffaa2e;
    min-width: .36rem;
    height: .36rem
}

.t2-container .member-home-t2 {
    flex: 1 1 0%;
    border-radius: .3rem .3rem 0 0;
    padding: 0 .24rem .64rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    position: relative;
    z-index: 1
}

.t2-container .member-home-t2 .feature-list-t2 {
    border-radius: .3rem;
    background: #fff;
    padding: .2rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: .28rem
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item {
    flex: 1 1 0%;
    min-height: 1.45rem;
    min-width: 30%;
    border-radius: .14rem;
    padding: .18rem;
    position: relative;
    font-size: .24rem
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: .88rem;
    height: .88rem
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item .item-txt {
    min-width: 93%;
    height: 100%;
    display: block;
    max-width: 1.29rem;
    word-break: break-word;
    direction: ltr
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REWCEN3 {
    color: #874323;
    border-radius: .27rem;
    background: linear-gradient(180deg, #ffc965, #ffe2b6)
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REWCEN3:after {
    background: url(/mobile/mc/entry-reward.56d72118.png) no-repeat 50%/contain
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.SECPRIV {
    color: #8e0000;
    border-radius: .27rem;
    background: linear-gradient(180deg, #6c89ef, #acb5fe)
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.SECPRIV:after {
    background: url(/mobile/mc/entry-security.87f612d6.png) no-repeat 50%/contain
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.PTSYS3 {
    color: #0b4e8b;
    border-radius: .27rem;
    background: linear-gradient(180deg, #ff5855, #ffaba0)
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.PTSYS3:after {
    background: url(/mobile/mc/entry-pointMall.365c6a36.png) no-repeat 50%/contain
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REFERRAL {
    color: #ff4747;
    border-radius: .27rem;
    background: linear-gradient(180deg, #ff5855, #ffaba0)
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item.REFERRAL:after {
    background: url(/mobile/mc/entry-invite.d1c9bdf3.png) no-repeat 50%/contain
}

.t2-container .member-home-t2 .feature-list-t2 .feature-item .item-txt {
    min-height: .55rem;
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: .26rem;
    font-weight: 600
}

.t2-container .member-home-t2 .feature-list-t2 .unread-count {
    top: -.14rem;
    right: 0
}

.t2-container .member-home-t2 .item-content {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.t2-container .member-home-t2 .item-content .unread-count {
    right: -.4rem
}

.t2-container .t2-list-wrap {
    border-radius: .2rem;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: .2rem;
    padding: .3rem .2rem
}

.t2-container .t2-list-wrap .t2-list-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 0.15rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .14rem;
    min-height: 1.08rem;
    min-width: 1.5rem
}

.t2-container .t2-list-wrap .t2-list-item .item-icon {
    width: .9rem;
    height: .9rem;
    border-radius: .45rem;
    background: linear-gradient(0deg, #cb933e, #f7cf8c);
    box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.t2-container .t2-list-wrap .t2-list-item .item-icon svg {
    width: .44rem;
    height: .44rem
}

.t2-container .t2-list-wrap .t2-list-item .item-txt {
    text-align: left;
    min-height: .3rem;
    color: #fff;
    font-size: .24rem;
    font-weight: 600;
    word-break: break-word
}

.t2-container .t2-ac-wrapper {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.t2-container .t2-ac-wrapper .list-wrap {
    gap: .26rem;
    display: flex
}

.t2-container .t2-ac-wrapper .t2-ac-list,
.t2-container .t2-ac-wrapper .t2-mc-list {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.1rem);
    border-radius: .2rem;
    display: flex;
    flex-direction: column
}

.t2-container .t2-ac-wrapper .t2-ac-list {
    width: 100%
}

.t2-container .t2-ac-wrapper .t2-list-item {
    height: 1.08rem;
    display: flex;
    align-items: center;
    gap: .14rem;
    margin: 0 .3rem
}

.t2-container .t2-ac-wrapper .t2-list-item:not(:last-child) {
    border-bottom: 1px solid #f3f3f3
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon {
    width: .48rem;
    height: .48rem;
    position: relative;
    justify-content: flex-start
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon svg {
    fill: #ffaa2e;
    width: .48rem;
    height: .48rem
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
    right: -.3rem;
    top: -.2rem
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon img {
    width: 100%;
    height: auto
}

.t2-container .t2-ac-wrapper .t2-list-item .item-icon .item-txt {
    text-align: left
}

.t2-container .t2-ac-wrapper .t2-list-item .item-txt {
    flex: 1 1 0%;
    color: #353537;
    font-size: .25rem;
    font-weight: 500;
    word-break: break-word
}

.t2-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
    fill: #a0a0a0;
    width: .12rem;
    height: .12rem
}

.t2-container .t2-ac-wrapper .title-container {
    position: relative;
    border-radius: .2rem;
    background: #fff
}

.t2-container .t2-ac-wrapper .main-list-title {
    display: block;
    margin-top: .3rem;
    font-size: .32rem;
    font-weight: 800;
    width: 100%;
    min-height: .39rem;
    padding: 0 .18rem;
    position: relative
}

.t2-container .t2-ac-wrapper .main-deco {
    position: absolute;
    left: 0;
    top: .3rem;
    max-width: 1.29rem;
    word-break: break-all;
    display: flex;
    width: .06rem;
    height: .4rem;
    content: "";
    border-radius: 0 .06rem .06rem 0;
    background: linear-gradient(181deg, #ffda92 .99%, #ffaa2e 99.01%)
}

.t2-container .vip-wrapper {
    height: .52rem;
    overflow: hidden;
    display: inline-flex;
    position: absolute;
    right: 0;
    top: .26rem;
    justify-content: flex-end
}

.t2-container .vip-wrapper .vip-wrap {
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .4);
    border-radius: .3rem 0 0 .3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding: 0 .15rem 0 0;
    background-blend-mode: multiply
}

.t2-container .vip-wrapper .vip-bg {
    position: absolute;
    left: -.5rem;
    top: -.02rem;
    width: .52rem;
    height: .5rem
}

.t2-container .vip-wrapper .vip-bg svg {
    width: 100%;
    height: 100%;
    opacity: .95
}

.t2-container .vip-wrapper .vip-name {
    max-width: 2.5rem;
    font-size: .22rem;
    font-weight: 600;
    color: #fff;
    padding-left: .1rem;
    display: flex;
    align-items: center
}

.t2-container .vip-wrapper .vip-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2
}

.t2-container .vip-wrapper .vip-name:before {
    content: "";
    display: block;
    min-width: .3rem;
    width: .3rem;
    height: .3rem;
    background: url(/mobile/mc/t1-vip-icon.83a162a9.png) no-repeat 50%/contain;
    margin: 0 .05rem
}

.t2-container .unread-count {
    border-radius: .15rem .15rem .15rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .28rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .28rem;
    line-height: .28rem;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 0 .05rem
}

.t3-container {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .59), hsla(0, 0%, 100%, .59)), linear-gradient(210deg, #f1f9ff .11%, #b3bcc8 53.27%, #f1f9ff 99.89%)
}

.t3-container .header-bg {
    position: absolute;
    width: 100%;
    z-index: -1;
    overflow: hidden;
    height: 100%
}

.t3-container .header-bg .header-bg1 {
    position: absolute;
    width: 3.4543rem;
    height: 4.03rem;
    left: -1.37rem;
    top: -.45rem
}

.t3-container .header-bg .header-bg1 svg {
    width: 100%;
    height: 100%
}

.t3-container .header-bg .header-bg2 {
    position: absolute;
    width: 3.46552rem;
    height: 3.82457rem;
    right: -.74rem;
    top: .71rem
}

.t3-container .header-bg .header-bg2 svg {
    width: 100%;
    height: 100%
}

.t3-container.has-vip .t3-header {
    position: relative;
    direction: ltr
}

.t3-container.has-vip .t3-header:before {
    position: absolute;
    content: "";
    background: url(/mobile/mc/vip-img.266845e4.png) no-repeat 50%/contain;
    width: 1.88rem;
    height: 1.9rem;
    top: -.44rem;
    right: .41rem
}

.t3-container .mc-header-wrap {
    z-index: 1;
    position: relative
}

.t3-container .mc-header-wrap .am-navbar-title {
    justify-content: flex-start
}

.t3-container .mc-header-wrap .mc-whitespace {
    height: 0 !important
}

.t3-container .member-top-wrap {
    display: flex;
    align-items: center;
    gap: .36rem;
    margin-right: .24rem
}

.t3-container .member-top-wrap svg {
    fill: #000
}

.t3-container .member-top-wrap .top-item {
    width: .42rem;
    height: .42rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.t3-container .member-top-wrap .top-item .unread-count {
    top: -.14rem;
    right: -.14rem
}

.t3-container .t3-header {
    padding: .33rem .24rem 0;
    display: flex;
    flex-direction: column;
    gap: .37rem
}

.t3-container .t3-header .header-info-wrap {
    min-height: .75rem
}

.t3-container .t3-header .header-info {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    color: #666;
    font-size: .24rem;
    font-weight: 500
}

.t3-container .t3-header .header-info .info-item {
    display: flex;
    align-items: center;
    gap: .08rem
}

.t3-container .t3-header .header-info .info-item svg {
    width: .32rem;
    height: .32rem
}

.t3-container .t3-header .memberInfo-t3-wrap {
    border-radius: .48rem;
    background: #fff;
    box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
    min-height: 1.88rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    position: relative
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile {
    align-items: center
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-info {
    margin-right: 0;
    gap: .13rem
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-info .user-name .copy-account {
    font-size: .4rem;
    color: #333;
    font-weight: 600
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-info .nickname-edit {
    color: #666;
    font-weight: 500;
    gap: .05rem
}

.t3-container .t3-header .memberInfo-t3-wrap .member-info .profile .profile-img {
    margin-right: .2rem
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    color: #333;
    display: flex;
    align-items: center;
    overflow: hidden
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-wrap {
    height: .44rem;
    border-radius: 0 .285rem 0 0;
    padding: 0 .23rem 0 .48rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: .08rem
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-wrap:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: .48rem;
    height: calc(100% + .02rem);
    background: #fff
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-bg svg {
    width: .48rem;
    height: .44rem;
    opacity: .5
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-img {
    width: .34rem;
    height: .34rem
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-img svg {
    width: 100%;
    height: 100%
}

.t3-container .t3-header .memberInfo-t3-wrap .vip-wrapper .vip-name {
    font-size: .22rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.t3-container .t3-content-wrapper {
    flex: 1 1 0%;
    width: 100%;
    border-radius: .3rem .3rem 0 0;
    background: linear-gradient(90deg, #fff, #f8fbff 60.5%);
    padding-top: .08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .24rem;
    margin: .22rem auto 0;
    padding-bottom: .87rem
}

.t3-container .t3-content-wrapper .t3-content-top {
    margin-top: .08rem;
    width: calc(100% - .04rem);
    display: flex;
    justify-content: space-between;
    direction: ltr
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper {
    width: 4.38rem;
    min-height: 3.1rem;
    display: flex;
    flex-direction: column;
    gap: .26rem;
    padding: 0 .4rem;
    font-size: .36rem;
    font-weight: 400;
    color: #fff;
    position: relative;
    z-index: 0
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper:before {
    position: absolute;
    content: "";
    width: 4.38rem;
    height: 3.1rem;
    left: 0;
    background: url(/mobile/mc/balance-header-bg.ce3d1775.png) no-repeat top/contain;
    z-index: -1
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper:after {
    position: absolute;
    content: "";
    width: calc(100% - .4rem);
    height: calc(100% - .36rem);
    left: .2rem;
    bottom: 0;
    background: linear-gradient(310deg, #ff3800 3.97%, #fe8167 96.03%);
    filter: drop-shadow(0 .05rem .16rem rgba(250, 80, 57, .26));
    border-radius: 0 .24rem .24rem .24rem;
    z-index: -1
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .item-title {
    margin-top: .66rem
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .current-wallet {
    font-size: .44rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .09rem
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .current-wallet .total-item {
    flex: 1 1 0%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .current-wallet .wallet-icon {
    width: .33rem;
    height: .33rem;
    background: #f5b5b3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .current-wallet .wallet-icon svg {
    width: .19rem;
    height: .19rem;
    fill: #fff
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom {
    display: flex;
    justify-content: space-between;
    direction: ltr
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item {
    width: 50%;
    min-height: .64rem;
    position: relative;
    font-size: .26rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 .1rem;
    word-break: break-word;
    z-index: 0
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item:before {
    content: "";
    position: absolute;
    width: 1.85rem;
    height: 100%;
    top: 0;
    z-index: -1
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.deposit {
    padding-right: .2rem
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.deposit:before {
    left: 0;
    background: url(/mobile/mc/deposit-bg-t3.adf7e133.png) no-repeat 50%/cover
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.withdraw {
    padding-left: .2rem
}

.t3-container .t3-content-wrapper .t3-content-top .balance-wrapper .balance-bottom .bottom-item.withdraw:before {
    right: 0;
    background: url(/mobile/mc/withdraw-bg-t3.1261a1ad.png) no-repeat 50%/cover
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper {
    margin: .2rem .2rem 0 0;
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .15rem
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item {
    flex: 1 1 0%;
    min-height: 1.27rem;
    width: 100%;
    padding: 0 .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .06rem;
    border-radius: .24rem;
    background: linear-gradient(93deg, #a8b0df .22%, #626ea8 99.78%);
    box-shadow: 0 .05rem .16rem .03rem rgba(101, 113, 171, .2);
    font-size: .26rem;
    font-weight: 600;
    color: #fff;
    position: relative
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .reward-icon {
    width: .52rem;
    height: .52rem
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    gap: .06rem
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .item-title {
    word-break: break-word
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .item-desc {
    display: inline-block;
    font-size: .24rem;
    font-weight: 400;
    word-break: break-word
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .item-desc svg {
    margin-left: .04rem;
    width: .24rem;
    height: .24rem;
    vertical-align: middle
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .item-desc span {
    vertical-align: middle
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-reward-item .unread-count {
    top: .1rem;
    right: .2rem
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-mid-item {
    display: flex;
    gap: .15rem
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-mid-item .mid-item {
    flex: 1 1 0%;
    min-height: 1.28rem;
    border-radius: .24rem;
    background: #fff;
    box-shadow: 0 .05rem .16rem .03rem rgba(250, 80, 57, .16);
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: .16rem;
    padding: .14rem .1rem;
    text-align: center;
    color: #333;
    font-size: .24rem;
    font-weight: 500;
    word-break: break-all
}

.t3-container .t3-content-wrapper .t3-content-top .button-wrapper .button-mid-item .mid-item img {
    height: .5rem;
    width: auto;
    object-fit: contain
}

.t3-container .t3-content-wrapper .t3-content-invite {
    margin-top: .17rem;
    width: calc(100% - .48rem);
    display: flex;
    flex-direction: column;
    gap: .1rem;
    border-radius: .3rem;
    background: #fff;
    box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
    min-height: 1.59rem;
    padding: .18rem 0 .18rem .33rem;
    position: relative;
    color: #666;
    font-size: .26rem;
    font-weight: 400
}

.t3-container .t3-content-wrapper .t3-content-invite:after {
    position: absolute;
    content: "";
    width: 2.1rem;
    height: 1.63rem;
    right: .32rem;
    top: -.17rem;
    background: url(/mobile/mc/invite-friend-t3.ccd3cb2b.png) no-repeat 50%/contain
}

.t3-container .t3-content-wrapper .t3-content-invite .info-desc,
.t3-container .t3-content-wrapper .t3-content-invite .info-title {
    width: calc(100% - 2.5rem);
    word-break: break-word
}

.t3-container .t3-content-wrapper .t3-content-invite .info-title {
    color: #333;
    font-size: .38rem;
    font-weight: 500
}

.t3-container .t3-content-wrapper .t3-content-invite .info-btn {
    min-width: 1.38rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .38rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .22rem;
    font-weight: 500;
    padding: 0 .08rem;
    border-radius: .3rem;
    background: linear-gradient(90deg, #ff7931, #ffbe44)
}

.t3-container .t3-content-wrapper .t3-content-invite .info-btn svg {
    width: .12rem;
    height: .12rem
}

.t3-container .t3-content-wrapper .t3-content-register {
    margin-top: .15rem;
    width: calc(100% - .48rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .1rem;
    border-radius: .3rem;
    background: #fff;
    box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
    min-height: 1.59rem;
    padding: 0 0 0 .33rem;
    position: relative;
    color: #666;
    font-size: .26rem;
    font-weight: 400;
    direction: ltr
}

.t3-container .t3-content-wrapper .t3-content-register:after {
    position: absolute;
    content: "";
    width: 3.33rem;
    height: 1.74rem;
    right: 0;
    bottom: 0;
    background: url(/mobile/mc/register-downline-t3.4a774e6d.png) no-repeat 50%/contain
}

.t3-container .t3-content-wrapper .t3-content-register .info-title {
    width: calc(100% - 3.1rem);
    word-break: break-word;
    color: #333;
    font-size: .38rem;
    font-weight: 500
}

.t3-container .t3-content-wrapper .t3-content-register .info-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .38rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .22rem;
    font-weight: 500;
    padding: 0 .08rem;
    border-radius: .3rem;
    background: linear-gradient(315deg, #19dfb9 10.92%, #47f1d1 93%)
}

.t3-container .t3-content-wrapper .t3-content-register .info-btn svg {
    width: .12rem;
    height: .12rem
}

.t3-container .t3-content-wrapper .t3-content-overview {
    width: calc(100% - .48rem);
    min-height: 2.1rem;
    border-radius: .3rem;
    background: linear-gradient(180deg, #deedfc, #fff);
    box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
    position: relative
}

.t3-container .t3-content-wrapper .t3-content-overview:after {
    position: absolute;
    content: "";
    width: 1.42rem;
    height: 1.66rem;
    right: 0;
    top: .08rem;
    background: url(/mobile/mc/team-overview-t3.77999d38.png) no-repeat 50%/contain;
    z-index: 0
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    direction: ltr
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-top .top-title {
    min-width: 2.73rem;
    height: .5rem;
    background: url(/mobile/mc/team-overview-title-t3.cf96acaa.png) no-repeat 100%/cover;
    font-size: .28rem;
    font-weight: 600;
    color: #fff;
    padding-left: .24rem;
    display: flex;
    align-items: center;
    border-radius: .3rem 0 0 0
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-top .top-info {
    flex: 1 1 0%;
    padding-right: .24rem;
    font-size: .26rem;
    font-weight: 600;
    color: #666;
    text-align: right
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content {
    display: flex;
    justify-content: space-between;
    padding: 0 .24rem;
    gap: .14rem;
    color: #666;
    font-size: .26rem;
    font-weight: 500;
    margin-top: .31rem;
    min-height: 1.04rem;
    position: relative;
    z-index: 1
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item {
    flex: 1 1 0%;
    border-radius: .2rem;
    background: hsla(0, 0%, 100%, .76);
    display: flex;
    align-items: center;
    gap: .12rem;
    padding: .1rem .1rem .1rem .16rem
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item:last-child .item-icon {
    background: #ffe8e7
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item:last-child .item-info .info-num {
    color: #ff4410
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item .item-icon {
    width: .6rem;
    height: .6rem;
    background: #c5ecfc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item .item-icon svg {
    width: .34rem;
    height: .34rem
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item .item-info {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .08rem
}

.t3-container .t3-content-wrapper .t3-content-overview .overview-content .content-item .item-info .info-num {
    color: #09c11f;
    font-size: .36rem;
    font-weight: 500
}

.t3-container .unread-count {
    border-radius: .15rem .15rem .15rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .28rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .28rem;
    line-height: .28rem;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 .05rem
}

.member-center-wrapper {
    border-radius: .3rem;
    background: #fff;
    box-shadow: 0 .05rem .16rem 0 rgba(0, 0, 0, .05);
    width: calc(100% - .48rem);
    color: #666;
    font-size: .26rem;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .3rem
}

.member-center-wrapper .member-center-header {
    width: 100%;
    padding: .3rem;
    display: flex;
    justify-content: space-between
}

.member-center-wrapper .member-center-header .info-title {
    font-size: .3rem;
    color: #333;
    font-weight: 600;
    align-self: flex-start
}

.member-center-wrapper .member-center-header .info-title .num {
    color: #ff420d
}

.member-center-wrapper .member-center-header .all-btn {
    display: flex;
    align-items: center;
    gap: .02rem;
    font-size: .28rem
}

.member-center-wrapper .member-center-header .all-btn svg {
    width: .12rem;
    height: .12rem
}

.member-center-wrapper .member-center-content {
    display: flex;
    gap: .3rem .08rem;
    flex-wrap: wrap;
    width: calc(100% - .3rem)
}

.member-center-wrapper .list-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 0.08rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .18rem;
    text-align: center;
    word-break: break-word
}

.member-center-wrapper .list-item svg {
    width: .58rem;
    height: .58rem
}

.member-center-wrapper .list-item .item-icon {
    position: relative
}

.member-center-wrapper .list-item .item-icon .unread-count {
    top: -.16rem;
    right: -.28rem
}

.member-center-wrapper .unread-count {
    border-radius: .15rem .15rem .15rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .28rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .28rem;
    line-height: .28rem;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 .05rem
}

.member-agent-wrapper {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    background: #f7f9fc;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    overflow: auto
}

.member-agent-wrapper header {
    display: flex;
    height: 1rem;
    justify-content: center;
    position: relative;
    align-items: center;
    color: #000;
    font-size: .38rem
}

.member-agent-wrapper header svg {
    position: absolute;
    left: .24rem;
    fill: #000
}

.member-agent-wrapper .member-agent-wrap {
    margin: .3rem auto .35rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem
}

.member-agent-wrapper .member-agent-wrap .member-center-wrapper {
    width: calc(100% - .48rem)
}

.mark-container {
    z-index: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    background: #e3e7f0
}

.mark-container:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 6rem;
    background-position: 50%;
    background-image: url(/mobile/mc/Intersect.37bdb45e.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 0
}

.mark-container:after {
    position: absolute;
    content: "";
    width: 5.35rem;
    height: 5.37rem;
    border-radius: 5.37rem;
    background: rgba(0, 0, 0, .1);
    filter: blur(1.2155rem);
    top: 2.8rem;
    right: 0;
    left: auto;
    z-index: 0
}

.mark-container.has-vip .memberInfo-t2-wrap {
    margin-top: 0
}

.mark-container .mc-header-wrap {
    z-index: 1;
    position: relative
}

.mark-container .mc-header-wrap .am-navbar-title {
    justify-content: flex-start
}

.mark-container .mc-header-wrap .mc-whitespace {
    height: 0 !important
}

.mark-container .member-progress-warp {
    margin-top: .26rem
}

.mark-container .member-progress-warp .member-level-progress-bar-title {
    display: block;
    height: .33rem;
    width: 100%;
    margin-bottom: .07rem;
    font-weight: 400;
    font-size: .24rem
}

@keyframes progress-animation {
    0% {
        opacity: .5;
        width: 0
    }
    to {
        opacity: 1;
        width: var(width)
    }
}

.mark-container .member-progress-warp .member-level-progress-bar {
    background-clip: initial;
    position: relative;
    background: #fff !important;
    height: .16rem;
    left: .03rem;
    flex: 1 1 0%;
    top: 0;
    border-radius: .1rem
}

.mark-container .member-progress-warp .member-level-progress-bar .cur-progress-bar {
    width: 100%;
    animation: progress-animation 1.3s ease-in forwards;
    position: absolute;
    height: .1rem;
    left: .02rem;
    transform: translateY(-50%);
    top: 50%;
    background: linear-gradient(90deg, #373739, #191d1e);
    border-radius: .16rem 0 0 .16rem
}

.mark-container .member-progress-warp .level-progress-text {
    margin-top: .07rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .2rem;
    font-weight: 600;
    background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mark-container .member-progress-warp .level-progress-text .current-name {
    display: flex;
    max-width: 50%;
    text-align: center;
    height: .28rem;
    align-items: center
}

.mark-container .member-top-wrap {
    display: flex;
    align-items: center;
    gap: .2rem;
    margin-right: .1rem
}

.mark-container .member-top-wrap svg {
    width: .42rem;
    height: .42rem;
    fill: #666
}

.mark-container .member-top-wrap .top-item {
    width: .7rem;
    height: .7rem;
    border-radius: .35rem;
    border: 1px solid hsla(0, 0%, 100%, .4);
    background: hsla(0, 0%, 100%, .3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.mark-container .t2-header {
    margin: .16rem .15rem 0;
    position: relative;
    z-index: 1
}

.mark-container .t2-header .memberInfo-t2-wrap {
    background: transparent;
    position: relative;
    z-index: 0;
    color: #666;
    font-size: .22rem;
    font-weight: 500;
    line-height: .22rem
}

.mark-container .t2-header .memberInfo-t2-wrap .unread-count {
    right: -.2rem;
    top: -.14rem
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area {
    align-items: stretch;
    width: 10%;
    justify-content: flex-end;
    display: flex;
    gap: .2rem;
    flex-direction: column;
    padding: 0;
    flex: 1 1 0%
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .top-item {
    position: relative
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .top-item svg {
    fill: #000
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item {
    flex: 1 1 0%;
    min-height: .56rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .1rem;
    text-align: center;
    word-break: break-word;
    border-radius: .31rem;
    background: linear-gradient(90deg, #373739, #191d1e);
    padding: 0 .14rem
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item .item-icon {
    flex: 0 0 0.36rem;
    width: .36rem;
    height: .36rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item .item-icon svg {
    width: 100%;
    height: 100%
}

.mark-container .t2-header .memberInfo-t2-wrap .contact-area .footer-item .item-txt {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: .24rem;
    font-weight: 600;
    background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.mark-container .t2-header .memberInfo-t2-wrap .profile .last-login-info {
    margin-bottom: .31rem;
    color: rgba(0, 0, 0, .6);
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding-right: .24rem;
    min-height: .75rem;
    font-size: .22rem
}

.mark-container .t2-header .memberInfo-t2-wrap .profile .last-login-info .last-login-item {
    text-align: left;
    width: 50%;
    display: flex;
    align-items: center
}

.mark-container .t2-header .memberInfo-t2-wrap .profile .last-login-info .last-login-item svg {
    width: .22rem;
    margin-right: .08rem
}

.mark-container .t2-header .profile {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 0%;
    gap: .1rem
}

.mark-container .t2-header .profile .profile-img img {
    background: #fff;
    padding: .05rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%
}

.mark-container .t2-header .profile .profile-img .profile-icon {
    display: flex;
    align-items: center
}

.mark-container .t2-header .profile .profile-info {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: .13rem
}

.mark-container .t2-header .profile .profile-info .user-name .copy-account {
    display: flex;
    align-items: center;
    gap: .1rem
}

.mark-container .t2-header .profile .profile-info .user-name .copy-account span {
    color: #0e0e16;
    font-size: .36rem;
    font-weight: 500
}

.mark-container .t2-header .profile .profile-info .user-name .copy-account svg {
    width: .3rem;
    height: .3rem;
    fill: rgba(37, 37, 37, .6)
}

.mark-container .t2-header .profile .profile-info .nickname-info {
    color: rgba(14, 14, 22, .6);
    font-size: .24rem;
    display: flex;
    gap: .05rem;
    align-items: center
}

.mark-container .t2-header .profile .profile-info .nickname-info .name-text {
    word-break: break-word;
    height: 100%;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.mark-container .t2-header .profile .profile-info .nickname-info .go-to-edit {
    display: inline-flex;
    height: .28rem;
    width: .28rem
}

.mark-container .t2-header .profile .profile-info .nickname-info .go-to-edit svg {
    height: .28rem;
    fill: #66666699
}

.mark-container .t2-header .profile .profile-info .nickname-info .info-title {
    word-break: keep-all
}

.mark-container .t2-header .profile .profile-info .nickname-info .nickname-edit {
    color: #444;
    font-size: .24rem;
    font-weight: 400;
    display: flex;
    align-items: center
}

.mark-container .t2-header .profile .profile-info .nickname-info .nickname-edit svg {
    fill: #66666699;
    width: .28rem;
    height: .28rem;
    margin-left: .05rem
}

.mark-container .t2-header .current-wallet {
    display: inline-flex;
    align-items: center;
    color: #0e0e16;
    font-size: .4rem;
    font-weight: 500
}

.mark-container .t2-header .current-wallet svg {
    width: .28rem;
    height: .28rem;
    fill: #0e0e16;
    opacity: .6
}

.mark-container .t2-header .profile-detail-wrapper {
    background: linear-gradient(90deg, #cb933e, #f7cf8c), linear-gradient(90deg, hsla(0, 0%, 100%, .8), hsla(0, 0%, 100%, .8)), url(/mobile/mc/home-bg-t1.7a6acd46.png) no-repeat 50%/cover;
    padding: .26rem .3rem;
    background-blend-mode: color;
    border-radius: .42rem;
    margin-top: .3rem
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid {
    padding: 0
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item {
    color: #666
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item.time {
    order: -1;
    justify-content: flex-start
}

.mark-container .t2-header .profile-detail-wrapper .detail-mid .mid-item svg {
    fill: #666
}

.mark-container .t2-header .profile-detail-wrapper .detail-bottom {
    background-color: transparent;
    padding: 0;
    border-radius: .22rem;
    min-height: .6rem;
    align-items: center
}

.mark-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item {
    padding: .16rem .12rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    height: 100%;
    color: #fff;
    background: #ffaa2e
}

.mark-container .t2-header .profile-detail-wrapper .detail-bottom .bottom-item svg {
    width: .28rem;
    height: .28rem;
    fill: #fff
}

.mark-container .detail-top {
    position: relative;
    min-height: 1.8rem;
    border-radius: .3rem;
    padding: .2rem 0 0 .3rem;
    margin: .28rem 0 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(90deg, rgba(52, 64, 95, .5), rgba(86, 104, 140, .8));
    overflow: hidden
}

.mark-container .detail-top .card-deco {
    border-radius: 9.36rem;
    z-index: 0;
    position: absolute;
    bottom: -42%;
    right: -18%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    background-position: bottom;
    -webkit-mask: url(/mobile/mc/card-deco.3560a6a2.png);
    mask: url(/mobile/mc/card-deco.3560a6a2.png);
    -webkit-mask-size: 7rem 1.6rem;
    mask-size: 7rem 1.6rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mark-container .detail-top .card-deco.up {
    top: -.4rem;
    left: -1.2rem;
    -webkit-mask: url(/mobile/mc/card-deco-up.ec98c304.png);
    mask: url(/mobile/mc/card-deco-up.ec98c304.png);
    -webkit-mask-size: 6rem 2.6rem;
    mask-size: 6rem 2.6rem;
    -webkit-mask-position: left bottom;
    mask-position: left bottom;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.mark-container .detail-top .refresh-balance {
    margin-left: 0
}

.mark-container .detail-top .t2-footer {
    margin: .33rem auto .2rem;
    display: flex;
    justify-content: space-evenly;
    margin-right: .3rem
}

.mark-container .detail-top .last-login-info {
    position: relative;
    z-index: 1;
    color: hsla(0, 0%, 100%, .6);
    margin-bottom: .2rem;
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding-right: .24rem;
    min-height: .75rem;
    font-size: .22rem
}

.mark-container .detail-top .last-login-info .last-login-item {
    text-align: left;
    width: 50%;
    display: flex;
    align-items: center
}

.mark-container .detail-top .last-login-info .last-login-item svg {
    width: .22rem;
    margin-right: .08rem
}

.mark-container .member-home-mark {
    flex: 1 1 0%;
    padding: 0 .24rem .64rem;
    display: flex;
    flex-direction: column;
    gap: .26rem;
    position: relative;
    z-index: 1;
    background-color: #e3e7f0
}

.mark-container .member-home-mark:before {
    width: 7.5rem;
    height: .6rem;
    top: -.3rem;
    left: 0;
    z-index: 1;
    position: absolute;
    background: url(/mobile/mc/mark-card-deco.2516723a.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: ""
}

.mark-container .member-home-mark .feature-list-t2 {
    z-index: 1;
    border-radius: .4rem;
    background: #f1f3f7;
    box-shadow: 0 .07rem .16rem 0 rgba(30, 30, 47, .07);
    padding: .2rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: .1rem
}

.mark-container .member-home-mark .feature-list-t2 .feature-item {
    flex: 1 1 0%;
    min-height: 1.7rem;
    min-width: 1.5rem;
    border-radius: .14rem;
    padding: .18rem;
    position: relative;
    font-size: .24rem;
    background: url(/mobile/mc/main-area-bg.3db1ff75.png) no-repeat 50%/cover;
    direction: ltr
}

.mark-container .member-home-mark .feature-list-t2 .feature-item:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 1.1rem;
    height: 1.1rem
}

.mark-container .member-home-mark .feature-list-t2 .feature-item .item-txt {
    min-width: 93%;
    height: 100%;
    display: block;
    max-width: 1.29rem;
    word-break: break-word;
    font-size: .24rem
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.REWCEN3:after {
    background: url(/mobile/mc/entry-reward.671591bd.png) no-repeat 50%/contain
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.MANPLAYREB3:after {
    background: url(/mobile/mc/manual-rebates.0ecffc96.png) no-repeat 50%/contain
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.MAILCEN:after {
    background: url(/mobile/mc/message-blur.49353b91.png) no-repeat 50%/contain
}

.mark-container .member-home-mark .feature-list-t2 .feature-item.REFERRAL:after {
    background: url(/mobile/mc/invite-earn.242f110e.png) no-repeat 50%/contain
}

.mark-container .member-home-mark .feature-list-t2 .feature-item .item-txt {
    min-height: .55rem;
    color: #191d1e;
    position: relative;
    z-index: 1;
    font-size: .26rem;
    font-weight: 600
}

.mark-container .member-home-mark .feature-list-t2 .unread-count {
    margin-top: -.2rem
}

.mark-container .member-home-mark .item-content {
    position: relative;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mark-container .member-home-mark .item-content span {
    max-width: 100%;
    white-space: normal
}

.mark-container .member-home-mark .item-content .unread-count {
    right: -.4rem
}

.mark-container .t2-list-wrap {
    border: 1px solid red;
    border-radius: .2rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
    gap: .2rem;
    padding: .3rem .2rem
}

.mark-container .t2-list-wrap .t2-list-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 0.15rem);
    border-bottom: 1px solid #dbdce0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .14rem;
    min-height: .98rem;
    min-width: 1.5rem
}

.mark-container .t2-list-wrap .t2-list-item .item-icon {
    border-radius: 50%;
    width: .9rem;
    height: .9rem;
    background: linear-gradient(0deg, #cb933e, #f7cf8c);
    box-shadow: 0 .04rem .092rem 0 hsla(0, 0%, 79%, .47);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .3rem;
    position: relative
}

.mark-container .t2-list-wrap .t2-list-item .item-icon svg {
    width: .44rem;
    height: .44rem
}

.mark-container .t2-list-wrap .t2-list-item .item-txt {
    text-align: left;
    min-height: .3rem;
    color: #fff;
    font-size: .24rem;
    font-weight: 600;
    word-break: break-word
}

.mark-container .t2-ac-wrapper,
.mark-container .t2-ac-wrapper .list-wrap {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.mark-container .t2-ac-wrapper .t2-ac-list,
.mark-container .t2-ac-wrapper .t2-mc-list {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.1rem);
    border-radius: .2rem;
    display: flex;
    flex-direction: column
}

.mark-container .t2-ac-wrapper .t2-ac-list {
    width: 100%
}

.mark-container .t2-ac-wrapper .t2-list-item {
    height: .98rem;
    display: flex;
    align-items: center;
    gap: .14rem
}

.mark-container .t2-ac-wrapper .t2-list-item:not(:last-child) {
    border-bottom: 1px solid #dbdce0
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon {
    width: .48rem;
    height: .48rem;
    position: relative;
    justify-content: flex-start
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon svg {
    fill: #ffaa2e;
    width: .48rem;
    height: .48rem
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon .unread-count {
    right: -.3rem;
    top: -.2rem
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon img {
    width: 100%;
    height: auto
}

.mark-container .t2-ac-wrapper .t2-list-item .item-icon .item-txt {
    text-align: left
}

.mark-container .t2-ac-wrapper .t2-list-item .item-txt {
    flex: 1 1 0%;
    color: #353537;
    font-size: .25rem;
    font-weight: 500;
    word-break: break-word;
    margin-right: .05rem
}

.mark-container .t2-ac-wrapper .t2-list-item .item-arrow svg {
    fill: #191d1e;
    width: .1rem;
    height: .22rem
}

.mark-container .t2-ac-wrapper .title-container {
    position: relative;
    border-radius: .4rem;
    background: #f1f3f7;
    padding: 0 .46rem;
    box-shadow: 0 .07rem .16rem 0 rgba(0, 0, 0, .07)
}

.mark-container .t2-ac-wrapper .main-list-title {
    color: #353537;
    margin-bottom: .1rem;
    display: block;
    margin-top: .3rem;
    font-size: .32rem;
    font-weight: 800;
    width: 100%;
    min-height: .39rem;
    position: relative
}

.mark-container .t2-ac-wrapper .main-deco {
    position: absolute;
    left: 0;
    top: .3rem;
    max-width: 1.29rem;
    word-break: break-all;
    display: flex;
    width: .06rem;
    height: .4rem;
    content: "";
    border-radius: 0 .06rem .06rem 0;
    background: linear-gradient(181deg, #ffda92 .99%, #ffaa2e 99.01%)
}

.mark-container .vip-wrapper {
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: .12rem
}

.mark-container .vip-wrapper .vip-info {
    font-weight: 700;
    margin-right: 1.79rem;
    font-size: .25rem;
    z-index: 1
}

.mark-container .vip-wrapper .vip-info div {
    background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 3.3rem;
    word-break: break-all
}

.mark-container .vip-wrapper .vip-info .vip-title-header {
    height: .43rem;
    font-size: .31rem;
    display: flex;
    align-items: center
}

.mark-container .vip-wrapper .vip-content-right {
    z-index: 1;
    display: flex;
    flex-direction: column
}

.mark-container .vip-wrapper .vip-content-right .level-upgrade {
    display: flex;
    color: #191d1e;
    align-items: center;
    justify-content: center;
    min-height: .37rem;
    padding: .05rem .12rem;
    text-align: center;
    font-size: .2rem;
    font-weight: 700;
    border-radius: .18rem;
    -webkit-background-clip: text;
    background-clip: text;
    background: linear-gradient(180deg, #fee9d4, #f1ba8b 101.13%)
}

.mark-container .vip-wrapper .vip-wrap-icon {
    display: flex;
    width: 1.79rem;
    height: 1.27rem;
    background-image: url(/mobile/mc/vip-wrap.71a4bdf9.png);
    background-repeat: no-repeat;
    background-size: contain;
    align-items: flex-start;
    justify-content: center;
    background-blend-mode: multiply;
    margin-bottom: .14rem
}

.mark-container .vip-wrapper .vip-bg {
    position: absolute;
    left: -.5rem;
    top: -.02rem;
    width: .52rem;
    height: .5rem
}

.mark-container .vip-wrapper .vip-bg svg {
    width: 100%;
    height: 100%;
    opacity: .95
}

.mark-container .vip-wrapper .vip-name {
    margin-top: .05rem;
    width: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - .4rem)
}

.mark-container .vip-wrapper .vip-name span {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2;
    background: linear-gradient(180deg, #743402, #d17817 54%, #743402);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .32rem;
    font-weight: 800;
    line-height: normal
}

.mark-container .unread-count {
    border-radius: .15rem .15rem .15rem 0;
    background: linear-gradient(228deg, #f05e57 2.97%, #e03a32 97.03%);
    min-width: .35rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .28rem;
    line-height: .28rem;
    font-size: .22rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    padding: 0 .05rem
}

.am-toast.am-toast-nomask {
    max-width: 75vw;
    width: auto;
    width: -webkit-max-content;
    width: max-content
}

.am-toast .am-toast-text {
    min-width: unset;
    width: auto
}

.am-toast .inbox {
    text-align: center
}

.am-toast .inbox .title {
    display: inline-block;
    width: 100%;
    max-width: 100% !important;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .am-toast .inbox .title {
        display: -webkit-box !important;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.am-toast .inbox .message {
    text-align: center
}

.name-filter {
    background: #f5f5f5;
    padding-top: .2rem
}

.name-filter .am-button-ghost {
    border: none !important;
    background: #e1e1e1;
    color: #626262;
    position: relative;
    justify-content: left
}

.name-filter .am-button-ghost .tabPane-span {
    display: inline-block;
    padding-right: .3rem
}

.name-filter .am-button-ghost .am-icon-down {
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%)
}

.name-filter .name-search {
    background: #f5f5f5
}

.name-filter .name-search.pdt-20 {
    padding-top: .2rem
}

.name-filter .am-search {
    background: #f5f5f5
}

.name-filter .am-search .am-search-input,
.name-filter .am-search .am-search-synthetic-ph,
.name-filter .am-search input[type=search] {
    height: .82rem;
    line-height: .82rem;
    padding-left: .8rem !important;
    text-align: left !important
}

.name-filter .am-search .am-search-synthetic-ph-icon {
    margin-left: -.5rem
}

.name-filter .am-search .am-search-input,
.name-filter .am-search .am-search-synthetic-ph {
    background: #e1e1e1
}

.name-filter .am-search .am-search-clear-show {
    right: .1rem
}

.name-filter .am-search-cancel {
    font-size: 0;
    width: .8rem;
    height: .8rem;
    background: url(/mobile/mc/search.4d098525.png) no-repeat;
    background-size: .5rem auto;
    background-position: .16rem .16rem;
    margin-left: .2rem
}

.mc-common-list-container .name-search .am-search {
    padding: 0 .42rem !important
}

.down-line-filter {
    padding-top: 0
}

.down-line-filter .name-search {
    padding: .06rem 0 !important
}

.down-line-filter .name-search input {
    line-height: 1.15 !important;
    outline: none !important
}

.new-tips {
    position: absolute;
    top: .05rem;
    left: 50% !important;
    width: 90%;
    transform: translateX(-50%);
    background-color: #fff;
    color: #108ee9;
    border: 1px solid #108ee9;
    font-size: .28rem;
    text-align: center;
    padding: .1rem .3rem;
    border-radius: .06rem;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.ID .order-integral-item,
.MY .order-integral-item {
    min-height: .92rem
}

.ID .statis-container .statis-lin,
.MY .statis-container .statis-lin {
    min-height: 2.4rem
}

.am-search-input input[type=search] {
    border-radius: 0 !important
}

.i18n-date-picker:not(.CN) .rmc-picker:nth-child(2) .rmc-picker-item {
    font-size: .28rem
}

.i18n-date-picker:not(.CN) .rmc-picker:nth-child(2) .rmc-picker-item:before {
    font-size: 0
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "January"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "February"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "March"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "April"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "May"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "June"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "July"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "August"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "September"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "October"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "November"
}

.EN.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "December"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\E21\E01\E23\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\E01\E38\E21\E20\E32\E1E\E31\E19\E18\E4C"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\E21\E35\E19\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\E40\E21\E29\E32\E22\E19"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\E1E\E24\E29\E20\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\E21\E34\E16\E38\E19\E32\E22\E19"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\E01\E23\E01\E0E\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\E2A\E34\E07\E2B\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\E01\E31\E19\E22\E32\E22\E19"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\E15\E38\E25\E32\E04\E21"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\E1E\E24\E28\E08\E34\E01\E32\E22\E19"
}

.TH.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\E18\E31\E19\E27\E32\E04\E21"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "1\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "2\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "3\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "4\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "5\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "6\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "7\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "8\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "9\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "10\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "11\6708"
}

.JA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "12\6708"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "Th\E1ng m\1ED9t"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "Th\E1ng hai"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "Th\E1ng ba"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "Th\E1ng t\1B0"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "Th\E1ng n\103m"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "Th\E1ng s\E1u"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "Th\E1ng b\1EA3y"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "Th\E1ng t\E1m"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "Th\E1ng ch\EDn"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "Th\E1ng m\1B0\1EDDi"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "Th\E1ng m\1B0\1EDDi m\1ED9t"
}

.VI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "Th\E1ng m\1B0\1EDDi hai"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\1798\1780\179A\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\1781\17C2\1780\17BB\1798\17D2\1797\17C8"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\1781\17C2\1798\17B8\1793\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\1798\17C1\179F\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\17A7\179F\1797\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\1781\17C2\1798\17B7\1790\17BB\1793\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\1781\17C2\1780\1780\17D2\1780\178A\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\179F\17B8\17A0\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\1781\17C2\1780\1789\17D2\1789\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\178F\17BB\179B\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\1781\17C2\179C\17B7\1785\17D2\1786\17B7\1780\17B6"
}

.KM.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\1781\17C2\1792\17D2\1793\17BC"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\1007\1014\103A\1014\101D\102B\101B\102E\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\1016\1031\1016\1031\102C\103A\101D\102B\101B\102E"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\1019\1010\103A\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\1027\1015\103C\102E\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\1019\1031"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\1007\103D\1014\103A\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\1007\1030\101C\102D\102F\1004\103A\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\101E\103C\1002\102F\1010\103A\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\1005\1000\103A\1010\1004\103A\1018\102C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\1021\1031\102C\1000\103A\1010\102D\102F\1018\102C\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\1014\102D\102F\101D\1004\103A\1018\102C\101C"
}

.MY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\1012\102E\1007\1004\103A\1018\102C"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\91C\928\935\930\940"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\92B\93C\930\935\930\940"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\91C\941\932\942\938"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\905\92A\94D\930\948\932"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\92E\908"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\91C\942\928"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\91C\941\932\93E\908"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\905\917\938\94D\924"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\938\93F\924\902\92C\930"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\905\915\94D\91F\942\92C\930"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\928\935\902\92C\930"
}

.HI.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\926\93F\938\902\92C\930"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "Enero"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "Febrero"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "Marcha"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "Abril"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "Mayo"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "Junio"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "Julio"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "Agosto"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "Septiembre"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "Octubre"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "Noviembre"
}

.ES.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "Diciembre"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "Januari"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "Februari"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "Maret"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "April"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "Mungkin"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "Juni"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "Juli"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "Agustus"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "September"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "Oktober"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "November"
}

.ID.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "Desember"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\B9C\BA9\BB5\BB0\BBF"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\BAA\BBF\BAA\BCD\BB0\BB5\BB0\BBF"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\BAE\BBE\BB0\BCD\B9A\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\B8F\BAA\BCD\BB0\BB2\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\BAE\BC7"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\B9C\BC2\BA9\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\B9C\BC2\BB2\BC8"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\B86\B95\BB8\BCD\B9F\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\B9A\BC6\BAA\BCD\B9F\BAE\BCD\BAA\BB0\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\B85\B95\BCD\B9F\BCB\BAA\BB0\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\BA8\BB5\BAE\BCD\BAA\BB0\BCD"
}

.TA.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\B9F\BBF\B9A\BAE\BCD\BAA\BB0\BCD"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "1 \C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "2 \C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "3 \C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "4 \C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\C624\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "6 \C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\CE60\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\D314\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\AD6C\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\C2ED\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\C2ED\C77C\C6D4"
}

.KO.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "12 \C6D4"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "1\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "2\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "3\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "4\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "5\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "6\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "7\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "8\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "9\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "10\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "11\6708"
}

.TW.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "12\6708"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "Janeiro"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "Fevereiro"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "Marchar"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "Abril"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "Maio"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "Junho"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "Julho"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "Agosto"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "Setembro"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "Outubro"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "Novembro"
}

.PT.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "Dezembro"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "Enero"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "Pebrero"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "Marso"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "Abril"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "Mayo"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "Hunyo"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "Hulyo"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "Agosto"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "Setyembre"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "Oktubre"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "Nobyembre"
}

.TY.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "Disyembre"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:first-child:before {
    content: "\62C\646\648\631\6CC"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(2):before {
    content: "\641\631\648\631\6CC"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(3):before {
    content: "\645\627\631\686"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(4):before {
    content: "\627\67E\631\6CC\644"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(5):before {
    content: "\645\626\6CC"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(6):before {
    content: "\62C\648\646"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(7):before {
    content: "\62C\648\644\627\626\6CC"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(8):before {
    content: "\627\6AF\633\62A"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(9):before {
    content: "\633\62A\645\628\631"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(10):before {
    content: "\627\6A9\62A\648\628\631"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(11):before {
    content: "\646\648\645\628\631"
}

.UR.i18n-date-picker .rmc-picker:nth-child(2) .rmc-picker-content .rmc-picker-item:nth-child(12):before {
    content: "\62F\633\645\628\631"
}

.rmc-picker-popup-wrap {
    z-index: 100011 !important
}

.bet-modal .am-modal-body {
    max-height: 4rem !important
}

.mc-agent-team-flow .team-member-flow label {
    padding: .05rem .1rem;
    border-radius: .05rem;
    border: 1px solid #aaa
}

.mc-agent-team-flow .team-member-flow label.unit-active {
    background-color: #fff;
    color: #108ee9;
    border: 1px solid #108ee9
}

#root .mc-navbar-blue .am-navbar-right svg {
    width: .44rem;
    height: .44rem;
    display: inline-block !important;
    flex: unset !important
}

.chooser-game-popup .am-popup {
    background: transparent !important
}

.chooser-game-popup .am-popup-content {
    position: relative
}

.chooser-game-popup .am-popup-content .chooser-close-btn {
    position: absolute;
    top: -.57rem;
    right: .23rem;
    width: .5rem;
    height: .5rem;
    background: url(/mobile/mc/game-close.8eca5af9.png) no-repeat 50%/contain
}

.start-game-chooser {
    border-radius: .3rem .3rem 0 0;
    border-top: .03rem solid #108ee9;
    background: linear-gradient(180deg, #fff, #f7f7f7);
    padding: 0 .48rem;
    width: 100%
}

.start-game-chooser .chooser-header {
    display: flex;
    gap: .14rem
}

.start-game-chooser .chooser-header img {
    margin-top: -.6rem;
    width: 2.4rem;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: .3rem
}

.start-game-chooser .chooser-header .game-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .1rem;
    color: #4c4c4c;
    font-size: .22rem;
    font-weight: 700
}

.start-game-chooser .chooser-header .game-info p {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .start-game-chooser .chooser-header .game-info p {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.start-game-chooser .chooser-header .info-title {
    font-size: .24rem;
    font-weight: 900
}

.start-game-chooser .chooser-btn-group {
    width: 100%;
    padding: .4rem 0;
    display: flex;
    flex-direction: column;
    gap: .16rem
}

.start-game-chooser .chooser-btn {
    width: 100%;
    height: .76rem;
    border-radius: .2rem;
    font-size: .28rem;
    font-weight: 700;
    border: .02rem solid #108ee9;
    color: #108ee9;
    display: flex;
    align-items: center;
    justify-content: center
}

.start-game-chooser .chooser-btn.blue {
    background: #108ee9;
    color: #fff;
    border: .02rem solid #108ee9
}

.fh1688 .am-tag-active,
.fh1688 .btn-copy-code,
.fh1688 .mall-home-top .mall-header,
.fh1688 .mall-home-wrap .mall-home-choose .active,
.fh1688 .mc-lott-record-root .select-Box span.active,
.fh1688 .mc-tab-container .mc-tab-item.tab-active,
.fh1688 .new-tips,
.fh1688 .red-rain-underling span.on,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-text,
.mgm1688 .am-tag-active,
.mgm1688 .btn-copy-code,
.mgm1688 .mall-home-top .mall-header,
.mgm1688 .mall-home-wrap .mall-home-choose .active,
.mgm1688 .mc-lott-record-root .select-Box span.active,
.mgm1688 .mc-tab-container .mc-tab-item.tab-active,
.mgm1688 .new-tips,
.mgm1688 .red-rain-underling span.on,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #b1987f;
    border-color: #b1987f
}

.fh1688 input,
.mgm1688 input {
    caret-color: #b1987f !important
}

.fh1688 .game-record-show .am-search,
.fh1688 .h-icon-active img,
.fh1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fh1688 .name-filter .am-button-ghost,
.fh1688 .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .game-record-show .am-search,
.mgm1688 .h-icon-active img,
.mgm1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.mgm1688 .name-filter .am-button-ghost,
.mgm1688 .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck,
.mgm1688 .vc-v2-container .vc-v2-method li.ck {
    border-color: #b1987f !important
}

.fh1688 .name-filter .am-button-ghost,
.mgm1688 .name-filter .am-button-ghost {
    border: 1px solid #b1987f !important
}

.fh1688 .agent-divident-container,
.fh1688 .agentDivident .am-tabs-bar .am-tabs-tabr,
.fh1688 .am-search,
.fh1688 .am-tabs-bar,
.fh1688 .name-filter,
.fh1688 .name-filter .am-button-ghost,
.mgm1688 .agent-divident-container,
.mgm1688 .agentDivident .am-tabs-bar .am-tabs-tabr,
.mgm1688 .am-search,
.mgm1688 .am-tabs-bar,
.mgm1688 .name-filter,
.mgm1688 .name-filter .am-button-ghost {
    background: #fff
}

.fh1688 .agentDivident .am-tabs-tabpane>div>div,
.mgm1688 .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.fh1688 .submitEmail,
.mgm1688 .submitEmail {
    box-shadow: none !important
}

.fh1688 .am-button-ghost.am-button-active,
.fh1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.fh1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.fh1688 .contract-history .history-thead,
.fh1688 .is-comp,
.fh1688 .popup-container input:focus,
.fh1688 .salary-popup-container input:focus,
.mgm1688 .am-button-ghost.am-button-active,
.mgm1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.mgm1688 .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.mgm1688 .contract-history .history-thead,
.mgm1688 .is-comp,
.mgm1688 .popup-container input:focus,
.mgm1688 .salary-popup-container input:focus {
    border-color: #b1987f
}

.fh1688 .account-form input:focus,
.fh1688 .dividendRatio .arrow-top,
.fh1688 .table-container .dividend-tips .arrow-top,
.mgm1688 .account-form input:focus,
.mgm1688 .dividendRatio .arrow-top,
.mgm1688 .table-container .dividend-tips .arrow-top {
    border-bottom-color: #b1987f
}

.fh1688 .dividend-header .dividend-header-content>div:first-child p,
.fh1688 .dividend-header .dividend-header-content>div:last-child p,
.mgm1688 .dividend-header .dividend-header-content>div:first-child p,
.mgm1688 .dividend-header .dividend-header-content>div:last-child p {
    color: #9fa3c4
}

.fh1688 .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.fh1688 .flex-text-tips,
.fh1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.mgm1688 .flex-text-tips,
.mgm1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #da5245
}

.fh1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li,
.mgm1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.mgm1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: hsla(30, 24%, 60%, .1)
}

.fh1688 #root .mc-navbar-blue,
.fh1688 #root.mc-test-root #mc-app-home-root.gc,
.fh1688 #root.mc-test-root .mc-navbar-blue,
.mgm1688 #root .mc-navbar-blue,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc,
.mgm1688 #root.mc-test-root .mc-navbar-blue {
    background: #fff;
    color: #414655;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.fh1688 #root .mc-navbar-blue .am-navbar-left svg,
.fh1688 #root .mc-navbar-blue .am-navbar-right svg,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-left svg,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-right svg,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-left svg,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-right svg,
.mgm1688 #root .mc-navbar-blue .am-navbar-left svg,
.mgm1688 #root .mc-navbar-blue .am-navbar-right svg,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-left svg,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-right svg,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-left svg,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-right svg {
    fill: #414655
}

.fh1688 #root .mc-navbar-blue .am-navbar-title,
.fh1688 #root .mc-navbar-blue .filter-button,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-title,
.fh1688 #root.mc-test-root #mc-app-home-root.gc .filter-button,
.fh1688 #root.mc-test-root .mc-navbar-blue .am-navbar-title,
.fh1688 #root.mc-test-root .mc-navbar-blue .filter-button,
.mgm1688 #root .mc-navbar-blue .am-navbar-title,
.mgm1688 #root .mc-navbar-blue .filter-button,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .am-navbar-title,
.mgm1688 #root.mc-test-root #mc-app-home-root.gc .filter-button,
.mgm1688 #root.mc-test-root .mc-navbar-blue .am-navbar-title,
.mgm1688 #root.mc-test-root .mc-navbar-blue .filter-button {
    color: #414655
}

.fh1688 .agent-container .agent-body .h4-wrp,
.fh1688 .agrg-downline-title,
.fh1688 .block-container .block.member,
.fh1688 .block-container .block.unerlvl,
.fh1688 .center-header,
.fh1688 .contract-history .history-thead,
.fh1688 .dividend-header .dividend-header-content .title,
.fh1688 .downline-item-toot .user-info .user-name,
.fh1688 .flex-list-text,
.fh1688 .mall-home-top .mall-number-info,
.fh1688 .myRebate .rebate-span-lf,
.fh1688 .ph-text span,
.fh1688 .rebateReport-item-root span,
.fh1688 .sigin-modal .sigin-modal-content h3,
.fh1688 .singd-downline-item-toot .user-info .user-name,
.fh1688 .team-member-item-header .customer-item,
.fh1688 .team-op a,
.fh1688 .tr-item-title,
.fh1688 .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time,
.mgm1688 .agent-container .agent-body .h4-wrp,
.mgm1688 .agrg-downline-title,
.mgm1688 .block-container .block.member,
.mgm1688 .block-container .block.unerlvl,
.mgm1688 .center-header,
.mgm1688 .contract-history .history-thead,
.mgm1688 .dividend-header .dividend-header-content .title,
.mgm1688 .downline-item-toot .user-info .user-name,
.mgm1688 .flex-list-text,
.mgm1688 .mall-home-top .mall-number-info,
.mgm1688 .myRebate .rebate-span-lf,
.mgm1688 .ph-text span,
.mgm1688 .rebateReport-item-root span,
.mgm1688 .sigin-modal .sigin-modal-content h3,
.mgm1688 .singd-downline-item-toot .user-info .user-name,
.mgm1688 .team-member-item-header .customer-item,
.mgm1688 .team-op a,
.mgm1688 .tr-item-title,
.mgm1688 .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #414655 !important
}

.fh1688 .game-amount-content span:last-child,
.fh1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name,
.mgm1688 .game-amount-content span:last-child,
.mgm1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #414655
}

.fh1688 .am-badge-text,
.mgm1688 .am-badge-text {
    background-color: #414655;
    color: #fff
}

.fh1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked,
.mgm1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #414655;
    background: #4146551a
}

.fh1688 .am-modal-button-group-h .am-modal-button:first-child,
.fh1688 .am-tabs-bar .am-tabs-tab,
.fh1688 .card-details.contract .spandetails,
.fh1688 .change-statis-wrap .statis-left .btn-change,
.fh1688 .contract-history .history-tbody,
.fh1688 .dividend-list-more>div,
.fh1688 .flex-list-title,
.fh1688 .list-popup-container,
.fh1688 .mc-team-filter .am-list-item.am-input-item,
.fh1688 .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.fh1688 .pal-records-list-root .time,
.fh1688 .point-tips,
.fh1688 .salary_info tbody tr td,
.fh1688 .salary_rule,
.fh1688 .sigin-c-remarks b,
.fh1688 .sigin-c-remarks p,
.fh1688 .sigin-modal .sigin-modal-content .amount-info p,
.fh1688 .sigin-today-desc,
.fh1688 .statis-container .statis-lin .lin-left div,
.fh1688 .statis-container .statis-lin .lin-rigth div,
.fh1688 .sub-name-search input,
.fh1688 .sub-name-search input::placeholder,
.fh1688 .team-member-item-content,
.fh1688 .team-member-item-content .time,
.fh1688 .team-op a.edit-btn,
.fh1688 .team-rebate-btnleft .am-button,
.fh1688 .tic-footer-title,
.fh1688 .tr-item-time,
.fh1688 .v-base .m-mc-notice-container .m-mc-notice-index-content,
.fh1688 .v-base .m-mc-notice-container .mc-notice-time,
.mgm1688 .am-modal-button-group-h .am-modal-button:first-child,
.mgm1688 .am-tabs-bar .am-tabs-tab,
.mgm1688 .card-details.contract .spandetails,
.mgm1688 .change-statis-wrap .statis-left .btn-change,
.mgm1688 .contract-history .history-tbody,
.mgm1688 .dividend-list-more>div,
.mgm1688 .flex-list-title,
.mgm1688 .list-popup-container,
.mgm1688 .mc-team-filter .am-list-item.am-input-item,
.mgm1688 .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.mgm1688 .pal-records-list-root .time,
.mgm1688 .point-tips,
.mgm1688 .salary_info tbody tr td,
.mgm1688 .salary_rule,
.mgm1688 .sigin-c-remarks b,
.mgm1688 .sigin-c-remarks p,
.mgm1688 .sigin-modal .sigin-modal-content .amount-info p,
.mgm1688 .sigin-today-desc,
.mgm1688 .statis-container .statis-lin .lin-left div,
.mgm1688 .statis-container .statis-lin .lin-rigth div,
.mgm1688 .sub-name-search input,
.mgm1688 .sub-name-search input::placeholder,
.mgm1688 .team-member-item-content,
.mgm1688 .team-member-item-content .time,
.mgm1688 .team-op a.edit-btn,
.mgm1688 .team-rebate-btnleft .am-button,
.mgm1688 .tic-footer-title,
.mgm1688 .tr-item-time,
.mgm1688 .v-base .m-mc-notice-container .m-mc-notice-index-content,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-time {
    color: #a5a9b3 !important
}

.fh1688 .sub-name-search,
.fh1688 .team-rebate-btnleft .am-button,
.mgm1688 .sub-name-search,
.mgm1688 .team-rebate-btnleft .am-button {
    border-color: #a5a9b3 !important
}

.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.fh1688 .statis-gameType-wrap .btn-wrap,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.mgm1688 .statis-gameType-wrap .btn-wrap {
    background: #f1f1f1
}

.fh1688 .ag-link-lmanage .ag-link-mgbottom,
.fh1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.fh1688 .leader-board-container .leader-board-header-status div,
.fh1688 .mall-home-middle,
.fh1688 .mall-home-wrap .mall-home-choose,
.fh1688 .mc-team-filter .am-list-item .am-input-control input,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.fh1688 .orderinfo-wrap .orderinfo-submit p,
.fh1688 .point-history-wrap .point-item-wrap .point-types .point-date,
.fh1688 .point-history-wrap .point-item-wrap .point-types .point-remarks,
.fh1688 .sigin-c-footer .title,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price li,
.mgm1688 .leader-board-container .leader-board-header-status div,
.mgm1688 .mall-home-middle,
.mgm1688 .mall-home-wrap .mall-home-choose,
.mgm1688 .mc-team-filter .am-list-item .am-input-control input,
.mgm1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.mgm1688 .orderinfo-wrap .orderinfo-submit p,
.mgm1688 .point-history-wrap .point-item-wrap .point-types .point-date,
.mgm1688 .point-history-wrap .point-item-wrap .point-types .point-remarks,
.mgm1688 .sigin-c-footer .title {
    color: #a5a9b3
}

.fh1688 .lottType-box,
.fh1688 .mc-lott-record-root .select-Box .type,
.fh1688 .mc-lott-record-root .select-Box>div,
.fh1688 .play-chooser form,
.fh1688 .play-chooser input,
.fh1688 .trans-unchecked,
.mgm1688 .lottType-box,
.mgm1688 .mc-lott-record-root .select-Box .type,
.mgm1688 .mc-lott-record-root .select-Box>div,
.mgm1688 .play-chooser form,
.mgm1688 .play-chooser input,
.mgm1688 .trans-unchecked {
    color: #a5a9b3 !important;
    border-color: #a5a9b3 !important
}

.fh1688 .exchange-wrap .font-color-red,
.fh1688 .orderinfo-wrap .font-color-red,
.fh1688 .point-history-wrap .color-red,
.fh1688 .sigin-today-desc span,
.fh1688 .today,
.mgm1688 .exchange-wrap .font-color-red,
.mgm1688 .orderinfo-wrap .font-color-red,
.mgm1688 .point-history-wrap .color-red,
.mgm1688 .sigin-today-desc span,
.mgm1688 .today {
    color: #da5245 !important
}

.fh1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fh1688 .agrg-downline-cname,
.fh1688 .am-search-input input[type=search],
.fh1688 .devidend-container .popup-header,
.fh1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.fh1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.fh1688 .grid-title,
.fh1688 .leader-board-container .leader-board-header-info,
.fh1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fh1688 .point-form-item .am-list-item .am-list-line .am-list-content,
.fh1688 .point-history-wrap .color-black,
.fh1688 .red-rain-type .agrg-downline-cname,
.fh1688 .sigin-today-title,
.mgm1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.mgm1688 .agrg-downline-cname,
.mgm1688 .am-search-input input[type=search],
.mgm1688 .devidend-container .popup-header,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.mgm1688 .grid-title,
.mgm1688 .leader-board-container .leader-board-header-info,
.mgm1688 .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.mgm1688 .point-form-item .am-list-item .am-list-line .am-list-content,
.mgm1688 .point-history-wrap .color-black,
.mgm1688 .red-rain-type .agrg-downline-cname,
.mgm1688 .sigin-today-title {
    color: #414655 !important
}

.fh1688 .contract-history .history-thead,
.fh1688 .dividend-list-more,
.fh1688 .grid-content,
.mgm1688 .contract-history .history-thead,
.mgm1688 .dividend-list-more,
.mgm1688 .grid-content {
    background: #fafafa
}

.fh1688 .contractPeople,
.fh1688 .go-team-bet,
.fh1688 .go-team-record,
.fh1688 .lott-record-container,
.mgm1688 .contractPeople,
.mgm1688 .go-team-bet,
.mgm1688 .go-team-record,
.mgm1688 .lott-record-container {
    color: #b1987f
}

.fh1688 .contractPeople svg,
.fh1688 .go-team-bet svg,
.fh1688 .go-team-record svg,
.fh1688 .lott-record-container svg,
.mgm1688 .contractPeople svg,
.mgm1688 .go-team-bet svg,
.mgm1688 .go-team-record svg,
.mgm1688 .lott-record-container svg {
    fill: #b1987f
}

.fh1688 .mc-team-filter .am-list-item.am-input-item,
.fh1688 .sub-name-search,
.mgm1688 .mc-team-filter .am-list-item.am-input-item,
.mgm1688 .sub-name-search {
    border-color: #a5a9b3
}

.fh1688 .mc-team-filter .am-list-item.am-input-item svg,
.fh1688 .sub-name-search svg,
.mgm1688 .mc-team-filter .am-list-item.am-input-item svg,
.mgm1688 .sub-name-search svg {
    fill: #a5a9b3
}

.fh1688 .am-modal-body,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-count,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-name,
.fh1688 .exchange-wrap .font-color-gray,
.fh1688 .mall-order-integral,
.fh1688 .orderinfo-wrap .orderinfo-body h5,
.fh1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.fh1688 .point-history-wrap .color-black,
.fh1688 .tic-footer-amount,
.mgm1688 .am-modal-body,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-count,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-name,
.mgm1688 .exchange-wrap .font-color-gray,
.mgm1688 .mall-order-integral,
.mgm1688 .orderinfo-wrap .orderinfo-body h5,
.mgm1688 .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.mgm1688 .point-history-wrap .color-black,
.mgm1688 .tic-footer-amount {
    color: #414655
}

.fh1688 .dividend-rate,
.fh1688 .go-team-bet,
.fh1688 .go-team-bet i,
.fh1688 .go-team-record i,
.fh1688 .mc-trans-record-container .color-green-in,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fh1688 .mt-team-footer,
.fh1688 .red-rain-tright,
.fh1688 .team-member-trans header .label,
.fh1688 .tt-balance-content,
.mgm1688 .dividend-rate,
.mgm1688 .go-team-bet,
.mgm1688 .go-team-bet i,
.mgm1688 .go-team-record i,
.mgm1688 .mc-trans-record-container .color-green-in,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost,
.mgm1688 .mt-team-footer,
.mgm1688 .red-rain-tright,
.mgm1688 .team-member-trans header .label,
.mgm1688 .tt-balance-content {
    color: #b1987f !important
}

.fh1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.fh1688 .agent-link-nodata svg,
.fh1688 .bet-filter-modal .ck-icon,
.fh1688 .block.member svg,
.fh1688 .card-header-people,
.fh1688 .deposit-list-ck,
.fh1688 .devidend-container svg,
.fh1688 .dividend-rate svg,
.fh1688 .go-team-bet i svg,
.fh1688 .go-team-bet svg,
.fh1688 .go-team-record i svg,
.fh1688 .has-claimed svg,
.fh1688 .icon-complete,
.fh1688 .icon-points,
.fh1688 .icon-sign,
.fh1688 .icon-span svg,
.fh1688 .icon-task,
.fh1688 .leader-board-container .leader-board-header-status div.lb-active svg,
.fh1688 .lin-left svg,
.fh1688 .lin-rigth svg,
.fh1688 .lkmn-poup-qrlink svg,
.fh1688 .mall-intergral-svg,
.fh1688 .mc-icon-member,
.fh1688 .mc-trans-filter svg.am-icon-lg,
.fh1688 .mc-trans-record-container .color-green-in svg,
.fh1688 .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.fh1688 .mt-team-footer svg,
.fh1688 .need-fill,
.fh1688 .qs-svg,
.fh1688 .rebateReport-item-content svg,
.fh1688 .red-rain-tright svg,
.fh1688 .salary-popup-container .save-icon,
.fh1688 .security-icon,
.fh1688 .team-member-nickname svg,
.fh1688 .team-member-trans header .label svg,
.fh1688 .team-member-trans svg,
.fh1688 .team-rebate-tleft svg,
.fh1688 .tt-balance-content svg,
.fh1688 .unerlvl.block svg,
.fh1688 .user-icon,
.fh1688 .vc-v2-container .vc-v2-active-container .act-item.on svg,
.mgm1688 .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.mgm1688 .agent-link-nodata svg,
.mgm1688 .bet-filter-modal .ck-icon,
.mgm1688 .block.member svg,
.mgm1688 .card-header-people,
.mgm1688 .deposit-list-ck,
.mgm1688 .devidend-container svg,
.mgm1688 .dividend-rate svg,
.mgm1688 .go-team-bet i svg,
.mgm1688 .go-team-bet svg,
.mgm1688 .go-team-record i svg,
.mgm1688 .has-claimed svg,
.mgm1688 .icon-complete,
.mgm1688 .icon-points,
.mgm1688 .icon-sign,
.mgm1688 .icon-span svg,
.mgm1688 .icon-task,
.mgm1688 .leader-board-container .leader-board-header-status div.lb-active svg,
.mgm1688 .lin-left svg,
.mgm1688 .lin-rigth svg,
.mgm1688 .lkmn-poup-qrlink svg,
.mgm1688 .mall-intergral-svg,
.mgm1688 .mc-icon-member,
.mgm1688 .mc-trans-filter svg.am-icon-lg,
.mgm1688 .mc-trans-record-container .color-green-in svg,
.mgm1688 .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.mgm1688 .mt-team-footer svg,
.mgm1688 .need-fill,
.mgm1688 .qs-svg,
.mgm1688 .rebateReport-item-content svg,
.mgm1688 .red-rain-tright svg,
.mgm1688 .salary-popup-container .save-icon,
.mgm1688 .security-icon,
.mgm1688 .team-member-nickname svg,
.mgm1688 .team-member-trans header .label svg,
.mgm1688 .team-member-trans svg,
.mgm1688 .team-rebate-tleft svg,
.mgm1688 .tt-balance-content svg,
.mgm1688 .unerlvl.block svg,
.mgm1688 .user-icon,
.mgm1688 .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #b1987f !important
}

.fh1688 .mc-popup-trans>span>svg,
.mgm1688 .mc-popup-trans>span>svg {
    fill: #b1987f !important
}

.fh1688 .add-inputIcon,
.fh1688 .agrgic-downline-select,
.fh1688 .am-button-ghost.am-button-active,
.fh1688 .am-switch input[type=checkbox]:checked+.checkbox,
.fh1688 .ContactName,
.fh1688 .ContactNamet,
.fh1688 .Contacts .am-search-cancel,
.fh1688 .EmaiWebList .look .am-badge-dot,
.fh1688 .grid-title:after,
.fh1688 .mc-profile-swiper-nav li.ck,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.fh1688 .swiper-pagination-bullet-active,
.fh1688 .ticket-item .ticket-item-btn,
.mgm1688 .add-inputIcon,
.mgm1688 .agrgic-downline-select,
.mgm1688 .am-button-ghost.am-button-active,
.mgm1688 .am-switch input[type=checkbox]:checked+.checkbox,
.mgm1688 .ContactName,
.mgm1688 .ContactNamet,
.mgm1688 .Contacts .am-search-cancel,
.mgm1688 .EmaiWebList .look .am-badge-dot,
.mgm1688 .grid-title:after,
.mgm1688 .mc-profile-swiper-nav li.ck,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.mgm1688 .swiper-pagination-bullet-active,
.mgm1688 .ticket-item .ticket-item-btn {
    background: #b1987f
}

.fh1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.fh1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.fh1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #f7f3ef
}

.fh1688 .account-form input,
.fh1688 .account-form svg.txt-svg,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.fh1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.fh1688 .agent-link-nodata .am-result-title,
.fh1688 .agrg-downline-bnsetp>span,
.fh1688 .am-button-ghost,
.fh1688 .am-modal-button-group-h .am-modal-button,
.fh1688 .am-modal-button-group-v .am-modal-button,
.fh1688 .am-modal-title,
.fh1688 .amount-positive-number,
.fh1688 .banner .money,
.fh1688 .bet-filter-container .bet-filter-item-content .ck-date,
.fh1688 .card-details .card-header div.endContract,
.fh1688 .color2,
.fh1688 .contract-history .user-info .user-title,
.fh1688 .contract-tips,
.fh1688 .contractText,
.fh1688 .dividend-list-more>div:nth-child(2n) p,
.fh1688 .dividend-list-more>div:nth-child(odd) p,
.fh1688 .downline-item-toot .action-sign,
.fh1688 .downline-item-toot .start_contract,
.fh1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fh1688 .filter-tabPane-btn,
.fh1688 .game-record-show .am-search-cancel,
.fh1688 .is-comp,
.fh1688 .leader-board-container .leader-board-header-status div.lb-active,
.fh1688 .link-detail-title,
.fh1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fh1688 .mc-tab-container .mc-tab-item.tab-active,
.fh1688 .new-date-picker .date-picker-content .btn-clear-date,
.fh1688 .new-date-picker .date-picker-content .date-picker-title,
.fh1688 .new-date-picker .date-picker-content .date-picker-title .active-item,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688 .nodata-container,
.fh1688 .placeholder,
.fh1688 .play-chooser .chase-number>span,
.fh1688 .point-balance p,
.fh1688 .point-convert .point-form-item.important-number .am-list-extra,
.fh1688 .point-wrap .point-table-title span,
.fh1688 .rebate-span-rt,
.fh1688 .rebateReport-item-content .am-flexbox span,
.fh1688 .rebateReport .rebate,
.fh1688 .red-rain-tleft,
.fh1688 .sc-days,
.fh1688 .sigin-modal .sigin-modal-content .amount-info div,
.fh1688 .sign-operation>span,
.fh1688 .statis-container .statis-lin .blue-count,
.fh1688 .statis-container .statis-lin .gray-count,
.fh1688 .statis-container .statis-lin .green-count,
.fh1688 .statis-container .statis-lin .red-count,
.fh1688 .team-member-nickname header .label,
.fh1688 .team-rebate-tcenter,
.fh1688 .v-base .m-mc-notice-container .m-mc-notice-title,
.fh1688 .v-base .m-mc-notice-container .mmnt-title-detail,
.fh1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.fh1688 .vc-v2-container .vc-v2-input .inputCon i,
.fh1688 .vc-v2-container .vc-v2-input .inputCon input,
.fh1688 .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.fh1688 .vc-v2-container .vc-v2-method li.ck,
.fh1688 .w-input-content,
.fh1688 .w-input-content input,
.fh1688 .withdraw-container-v2 .am-tabs-tab-active span,
.mgm1688 .account-form input,
.mgm1688 .account-form svg.txt-svg,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.mgm1688 .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.mgm1688 .agent-link-nodata .am-result-title,
.mgm1688 .agrg-downline-bnsetp>span,
.mgm1688 .am-button-ghost,
.mgm1688 .am-modal-button-group-h .am-modal-button,
.mgm1688 .am-modal-button-group-v .am-modal-button,
.mgm1688 .am-modal-title,
.mgm1688 .amount-positive-number,
.mgm1688 .banner .money,
.mgm1688 .bet-filter-container .bet-filter-item-content .ck-date,
.mgm1688 .card-details .card-header div.endContract,
.mgm1688 .color2,
.mgm1688 .contract-history .user-info .user-title,
.mgm1688 .contract-tips,
.mgm1688 .contractText,
.mgm1688 .dividend-list-more>div:nth-child(2n) p,
.mgm1688 .dividend-list-more>div:nth-child(odd) p,
.mgm1688 .downline-item-toot .action-sign,
.mgm1688 .downline-item-toot .start_contract,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.mgm1688 .filter-tabPane-btn,
.mgm1688 .game-record-show .am-search-cancel,
.mgm1688 .is-comp,
.mgm1688 .leader-board-container .leader-board-header-status div.lb-active,
.mgm1688 .link-detail-title,
.mgm1688 .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.mgm1688 .mc-tab-container .mc-tab-item.tab-active,
.mgm1688 .new-date-picker .date-picker-content .btn-clear-date,
.mgm1688 .new-date-picker .date-picker-content .date-picker-title,
.mgm1688 .new-date-picker .date-picker-content .date-picker-title .active-item,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688 .nodata-container,
.mgm1688 .placeholder,
.mgm1688 .play-chooser .chase-number>span,
.mgm1688 .point-balance p,
.mgm1688 .point-convert .point-form-item.important-number .am-list-extra,
.mgm1688 .point-wrap .point-table-title span,
.mgm1688 .rebate-span-rt,
.mgm1688 .rebateReport-item-content .am-flexbox span,
.mgm1688 .rebateReport .rebate,
.mgm1688 .red-rain-tleft,
.mgm1688 .sc-days,
.mgm1688 .sigin-modal .sigin-modal-content .amount-info div,
.mgm1688 .sign-operation>span,
.mgm1688 .statis-container .statis-lin .blue-count,
.mgm1688 .statis-container .statis-lin .gray-count,
.mgm1688 .statis-container .statis-lin .green-count,
.mgm1688 .statis-container .statis-lin .red-count,
.mgm1688 .team-member-nickname header .label,
.mgm1688 .team-rebate-tcenter,
.mgm1688 .v-base .m-mc-notice-container .m-mc-notice-title,
.mgm1688 .v-base .m-mc-notice-container .mmnt-title-detail,
.mgm1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon i,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon input,
.mgm1688 .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.mgm1688 .vc-v2-container .vc-v2-method li.ck,
.mgm1688 .w-input-content,
.mgm1688 .w-input-content input,
.mgm1688 .withdraw-container-v2 .am-tabs-tab-active span {
    color: #b1987f
}

.fh1688 .play-chooser .am-search-input input[type=search],
.mgm1688 .play-chooser .am-search-input input[type=search] {
    background: none
}

.fh1688 .sc-bonus,
.mgm1688 .sc-bonus {
    color: #d2b496
}

.fh1688 .sc-integral,
.mgm1688 .sc-integral {
    color: #dccab8
}

.fh1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n),
.mgm1688 .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.fh1688 .agrg-downline-bnsetp>span:nth-child(2),
.fh1688 .singd-downline-info,
.mgm1688 .agrg-downline-bnsetp>span:nth-child(2),
.mgm1688 .singd-downline-info {
    color: #333
}

.fh1688 .am-tabs-tabpane-active .card-body,
.fh1688 .statis-gameType-wrap .active,
.mgm1688 .am-tabs-tabpane-active .card-body,
.mgm1688 .statis-gameType-wrap .active {
    color: #333 !important
}

.fh1688 .card-details.contract .protocolDetails .details p,
.fh1688 .sign-salary-root .singd-details tbody .salary-activeMember,
.fh1688 .sign-salary-root .singd-details tbody .salary-betVolume,
.fh1688 .sign-salary-root .singd-details tbody .salary-rateType,
.mgm1688 .card-details.contract .protocolDetails .details p,
.mgm1688 .sign-salary-root .singd-details tbody .salary-activeMember,
.mgm1688 .sign-salary-root .singd-details tbody .salary-betVolume,
.mgm1688 .sign-salary-root .singd-details tbody .salary-rateType {
    color: #263440 !important
}

.fh1688 .banner.bet,
.fh1688 .banner.salary,
.mgm1688 .banner.bet,
.mgm1688 .banner.salary {
    background: linear-gradient(180deg, #b1987f 0, #d2b496)
}

.fh1688 .dividend-list div .dl-content,
.mgm1688 .dividend-list div .dl-content {
    background: #d2b496 !important
}

.fh1688 .add-card-btn.dis,
.fh1688 .vc-v2-submit.dis,
.mgm1688 .add-card-btn.dis,
.mgm1688 .vc-v2-submit.dis {
    background: #a5a9b3 !important
}

.fh1688 .discount-tip,
.fh1688 .dividend-list div:first-child .dl-content,
.fh1688 .withdraw-container-v2 .am-tabs-tab-active span:before,
.mgm1688 .discount-tip,
.mgm1688 .dividend-list div:first-child .dl-content,
.mgm1688 .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #b1987f !important
}

.fh1688 .dividend-list div:last-child .dl-content,
.fh1688 .point-wrap .point-list-wrap .point-list-header,
.mgm1688 .dividend-list div:last-child .dl-content,
.mgm1688 .point-wrap .point-list-wrap .point-list-header {
    background: #dccab8 !important
}

.fh1688 .agentDivident .grid-container,
.mgm1688 .agentDivident .grid-container {
    background: #fafafa
}

.fh1688 .account-form input,
.fh1688 .account-form input:focus,
.fh1688 .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.fh1688 .agrg-downline-input input:focus,
.fh1688 .am-button-ghost,
.fh1688 .am-button-primary,
.fh1688 .am-tabs-bar .am-tabs-tab,
.fh1688 .bet-filter-container .bet-filter-item-content .ck-date,
.fh1688 .common-center-top .common-top-img,
.fh1688 .filter-tabPane-btn,
.fh1688 .game-record-show .am-search,
.fh1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.fh1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.fh1688 .popup-container input,
.fh1688 .red-rain-input input:focus,
.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.fh1688 .vc-v2-container .vc-v2-input .inputCon,
.fh1688 .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck,
.fh1688 .w-input-content,
.fh1688 input,
.mgm1688 .account-form input,
.mgm1688 .account-form input:focus,
.mgm1688 .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.mgm1688 .agrg-downline-input input:focus,
.mgm1688 .am-button-ghost,
.mgm1688 .am-button-primary,
.mgm1688 .am-tabs-bar .am-tabs-tab,
.mgm1688 .bet-filter-container .bet-filter-item-content .ck-date,
.mgm1688 .common-center-top .common-top-img,
.mgm1688 .filter-tabPane-btn,
.mgm1688 .game-record-show .am-search,
.mgm1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.mgm1688 .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.mgm1688 .popup-container input,
.mgm1688 .red-rain-input input:focus,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.mgm1688 .vc-v2-container .vc-v2-input .inputCon,
.mgm1688 .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck,
.mgm1688 .w-input-content,
.mgm1688 input {
    border-color: #b1987f
}

.fh1688 .am-button-primary,
.fh1688 .am-slider-track,
.fh1688 .am-tabs-ink-bar,
.fh1688 .bet-filter-container .bet-filter-sub div.ck:after,
.fh1688 .mc-switch .checkbox.on:before,
.fh1688 .trans-checked,
.fh1688 .vc-v2-title:before,
.fh1688 .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span,
.mgm1688 .am-button-primary,
.mgm1688 .am-slider-track,
.mgm1688 .am-tabs-ink-bar,
.mgm1688 .bet-filter-container .bet-filter-sub div.ck:after,
.mgm1688 .mc-switch .checkbox.on:before,
.mgm1688 .trans-checked,
.mgm1688 .vc-v2-title:before,
.mgm1688 .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #b1987f;
    color: #fff
}

.fh1688 .mc-switch.mc-qutas-bg .checkbox:before,
.mgm1688 .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.fh1688 .inputIcon,
.fh1688 .mc-switch.mc-qutas-bg .on:before,
.fh1688 .mc-trans-filter .am-button-primary,
.fh1688 .mc-trans-filter .am-search-cancel,
.fh1688 .point-history-wrap .am-button-primary,
.fh1688 .sigin-tab .am-tabs-tab-active .tab-title:after,
.fh1688 .statis-gameType-wrap .btn-wrap.active i:first-child,
.fh1688 .vc-v2-title:before,
.mgm1688 .inputIcon,
.mgm1688 .mc-switch.mc-qutas-bg .on:before,
.mgm1688 .mc-trans-filter .am-button-primary,
.mgm1688 .mc-trans-filter .am-search-cancel,
.mgm1688 .point-history-wrap .am-button-primary,
.mgm1688 .sigin-tab .am-tabs-tab-active .tab-title:after,
.mgm1688 .statis-gameType-wrap .btn-wrap.active i:first-child,
.mgm1688 .vc-v2-title:before {
    background: #b1987f !important
}

.fh1688 .inputIcon svg,
.fh1688 .mc-switch.mc-qutas-bg .on:before svg,
.fh1688 .mc-trans-filter .am-button-primary svg,
.fh1688 .mc-trans-filter .am-search-cancel svg,
.fh1688 .point-history-wrap .am-button-primary svg,
.fh1688 .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.fh1688 .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.fh1688 .vc-v2-title:before svg,
.mgm1688 .inputIcon svg,
.mgm1688 .mc-switch.mc-qutas-bg .on:before svg,
.mgm1688 .mc-trans-filter .am-button-primary svg,
.mgm1688 .mc-trans-filter .am-search-cancel svg,
.mgm1688 .point-history-wrap .am-button-primary svg,
.mgm1688 .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.mgm1688 .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.mgm1688 .vc-v2-title:before svg {
    fill: #b1987f !important
}

.fh1688 .mall-home-top .mall-user-integral,
.mgm1688 .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .4)
}

.fh1688 .mc-trans-filter .am-button-ghost,
.fh1688 .point-history-wrap .am-button-ghost,
.mgm1688 .mc-trans-filter .am-button-ghost,
.mgm1688 .point-history-wrap .am-button-ghost {
    border-color: #a5a9b3;
    color: #a5a9b3
}

.fh1688 .mc-trans-filter .am-button-ghost svg,
.fh1688 .point-history-wrap .am-button-ghost svg,
.mgm1688 .mc-trans-filter .am-button-ghost svg,
.mgm1688 .point-history-wrap .am-button-ghost svg {
    fill: #a5a9b3
}

.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.fh1688 .ivi-icon svg,
.mgm1688 .ivi-icon svg {
    display: inline-block
}

.fh1688 .id-verification-icon,
.mgm1688 .id-verification-icon {
    display: none
}

.fh1688 .add-card-btn,
.fh1688 .agrg-downline-sub,
.fh1688 .am-button-primary,
.fh1688 .bind-first span,
.fh1688 .btn-confirm-date,
.fh1688 .btn-success,
.fh1688 .button-submit,
.fh1688 .change-statis-wrap .statis-left .btn-change-active,
.fh1688 .copy-contact,
.fh1688 .lkmn-poup-qrcopy,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.fh1688 .play-more-game,
.fh1688 .poplist-footer a:last-child.footer-button,
.fh1688 .profile-swiper-container .am-modal-button,
.fh1688 .sigin-today-sub,
.fh1688 .sign-salary-root .singd-details thead tr,
.fh1688 .signedSalary-root .poplist-footer a:last-child.footer-button,
.fh1688 .submitEmail,
.fh1688 .team-member-nickname .trans-container:first-child,
.fh1688 .team-rebate-btnright .am-button,
.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.fh1688 .vc-v2-submit,
.fh1688 .w-input-submit-true,
.mgm1688 .add-card-btn,
.mgm1688 .agrg-downline-sub,
.mgm1688 .am-button-primary,
.mgm1688 .bind-first span,
.mgm1688 .btn-confirm-date,
.mgm1688 .btn-success,
.mgm1688 .button-submit,
.mgm1688 .change-statis-wrap .statis-left .btn-change-active,
.mgm1688 .copy-contact,
.mgm1688 .lkmn-poup-qrcopy,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.mgm1688 .play-more-game,
.mgm1688 .poplist-footer a:last-child.footer-button,
.mgm1688 .profile-swiper-container .am-modal-button,
.mgm1688 .sigin-today-sub,
.mgm1688 .sign-salary-root .singd-details thead tr,
.mgm1688 .signedSalary-root .poplist-footer a:last-child.footer-button,
.mgm1688 .submitEmail,
.mgm1688 .team-member-nickname .trans-container:first-child,
.mgm1688 .team-rebate-btnright .am-button,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.mgm1688 .vc-v2-submit,
.mgm1688 .w-input-submit-true {
    background: linear-gradient(90deg, #dccab8, #d2b496) !important
}

.fh1688 .add-card-btn span,
.fh1688 .agrg-downline-sub span,
.fh1688 .am-button-primary span,
.fh1688 .bind-first span span,
.fh1688 .btn-confirm-date span,
.fh1688 .btn-success span,
.fh1688 .button-submit span,
.fh1688 .change-statis-wrap .statis-left .btn-change-active span,
.fh1688 .copy-contact span,
.fh1688 .lkmn-poup-qrcopy span,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit span,
.fh1688 .play-more-game span,
.fh1688 .poplist-footer a:last-child.footer-button span,
.fh1688 .profile-swiper-container .am-modal-button span,
.fh1688 .sigin-today-sub span,
.fh1688 .sign-salary-root .singd-details thead tr span,
.fh1688 .signedSalary-root .poplist-footer a:last-child.footer-button span,
.fh1688 .submitEmail span,
.fh1688 .team-member-nickname .trans-container:first-child span,
.fh1688 .team-rebate-btnright .am-button span,
.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.fh1688 .vc-v2-submit span,
.fh1688 .w-input-submit-true span,
.mgm1688 .add-card-btn span,
.mgm1688 .agrg-downline-sub span,
.mgm1688 .am-button-primary span,
.mgm1688 .bind-first span span,
.mgm1688 .btn-confirm-date span,
.mgm1688 .btn-success span,
.mgm1688 .button-submit span,
.mgm1688 .change-statis-wrap .statis-left .btn-change-active span,
.mgm1688 .copy-contact span,
.mgm1688 .lkmn-poup-qrcopy span,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit span,
.mgm1688 .play-more-game span,
.mgm1688 .poplist-footer a:last-child.footer-button span,
.mgm1688 .profile-swiper-container .am-modal-button span,
.mgm1688 .sigin-today-sub span,
.mgm1688 .sign-salary-root .singd-details thead tr span,
.mgm1688 .signedSalary-root .poplist-footer a:last-child.footer-button span,
.mgm1688 .submitEmail span,
.mgm1688 .team-member-nickname .trans-container:first-child span,
.mgm1688 .team-rebate-btnright .am-button span,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.mgm1688 .vc-v2-submit span,
.mgm1688 .w-input-submit-true span {
    color: #fff
}

.fh1688 .add-card-btn,
.fh1688 .bind-first span,
.fh1688 .button-submit,
.fh1688 .copy-contact,
.fh1688 .mc-lott-record-root .select-Box span.active,
.fh1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.fh1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.fh1688 .play-more-game,
.fh1688 .ticket-item .ticket-item-btn,
.mgm1688 .add-card-btn,
.mgm1688 .bind-first span,
.mgm1688 .button-submit,
.mgm1688 .copy-contact,
.mgm1688 .mc-lott-record-root .select-Box span.active,
.mgm1688 .new-date-picker .date-picker-warp .pickter-item.through-item,
.mgm1688 .orderinfo-wrap .orderinfo-submit .button-submit,
.mgm1688 .play-more-game,
.mgm1688 .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.fh1688 .devidend-container .popup-header,
.fh1688 .salary-popup-header,
.mgm1688 .devidend-container .popup-header,
.mgm1688 .salary-popup-header {
    background: #fbf9f7
}

.fh1688 .sign-salary-root .singd-details thead tr td,
.mgm1688 .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.fh1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fh1688 .statis-gameType-wrap .active,
.mgm1688 .exchange-wrap .exchange-order-info .exchange-order-price .active,
.mgm1688 .statis-gameType-wrap .active {
    background: #f9f5f1 !important;
    border-color: #b1987f !important;
    box-shadow: -1px 0 .05rem #b1987f !important
}

.fh1688 .salary-popup-container .input-container input,
.mgm1688 .salary-popup-container .input-container input {
    background: #f9f5f1 !important
}

.fh1688 .lkmn-poup-tbig,
.fh1688 .lkmn-poup-tsmall,
.mgm1688 .lkmn-poup-tbig,
.mgm1688 .lkmn-poup-tsmall {
    color: #b1987f
}

.fh1688 .btn-success,
.mgm1688 .btn-success {
    box-shadow: 0 .1rem .2rem 0 #b1987f
}

.fh1688 .vc-v2-container .vc-v2-method li.ck:before,
.mgm1688 .vc-v2-container .vc-v2-method li.ck:before {
    background-image: url(/images/theme/panda/assets/check_box_01.png)
}

.fh1688 .vc-v2-submit i,
.mgm1688 .vc-v2-submit i {
    background-image: url(/images/theme/panda/assets/down_icon.png)
}

.fh1688 .withdraw-bkdbtn,
.mgm1688 .withdraw-bkdbtn {
    border-color: #dccab8
}

.fh1688 .agrg-downline-input input,
.fh1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.fh1688 .lkmn-poup-qrcnt span,
.fh1688 .mc-trans-filter .chase-number,
.fh1688 .rebateReport-item-root .time,
.fh1688 .show-more,
.fh1688 .singd-downline-info .more-info,
.fh1688 .tmt-header,
.fh1688 .withdraw-bkinfo,
.mgm1688 .agrg-downline-input input,
.mgm1688 .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.mgm1688 .lkmn-poup-qrcnt span,
.mgm1688 .mc-trans-filter .chase-number,
.mgm1688 .rebateReport-item-root .time,
.mgm1688 .show-more,
.mgm1688 .singd-downline-info .more-info,
.mgm1688 .tmt-header,
.mgm1688 .withdraw-bkinfo {
    color: #a5a9b3 !important
}

.fh1688 .am-tag-normal,
.fh1688 .statis-gameType-wrap .btn-wrap,
.fh1688 .vc-v2-container .vc-v2-method li,
.fh1688 .vc-v2-container .vc-v2-method li .min-max,
.fh1688 .vc-v2-container .vc-v2-method li .vcn-list-text,
.mgm1688 .am-tag-normal,
.mgm1688 .statis-gameType-wrap .btn-wrap,
.mgm1688 .vc-v2-container .vc-v2-method li,
.mgm1688 .vc-v2-container .vc-v2-method li .min-max,
.mgm1688 .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #a5a9b3;
    border-color: #a5a9b3
}

.fh1688 .wallet_return div,
.fh1688 .withdraw-bkadd,
.mgm1688 .wallet_return div,
.mgm1688 .withdraw-bkadd {
    background: #dccab8
}

.fh1688 .agrg-downline-bnstbt,
.fh1688 .point-wrap .point-list-wrap .point-list-header,
.fh1688 .protocolDetails .header p,
.fh1688 .wallet_return div,
.mgm1688 .agrg-downline-bnstbt,
.mgm1688 .point-wrap .point-list-wrap .point-list-header,
.mgm1688 .protocolDetails .header p,
.mgm1688 .wallet_return div {
    color: #fff
}

.fh1688 .agrg-downline-bnstbt svg,
.fh1688 .point-wrap .point-list-wrap .point-list-header svg,
.fh1688 .protocolDetails .header p svg,
.fh1688 .wallet_return div svg,
.mgm1688 .agrg-downline-bnstbt svg,
.mgm1688 .point-wrap .point-list-wrap .point-list-header svg,
.mgm1688 .protocolDetails .header p svg,
.mgm1688 .wallet_return div svg {
    fill: #b1987f
}

.fh1688 .point-wrap .point-list-wrap .point-list-item,
.mgm1688 .point-wrap .point-list-wrap .point-list-item {
    background: hsla(30, 24%, 60%, .16)
}

.fh1688 .card-details.contract .protocolDetails,
.mgm1688 .card-details.contract .protocolDetails {
    background: none
}

.fh1688 .exchange-wrap .exchange-submit p,
.fh1688 .mc-profitLoss-record-root .am-button-ghost,
.fh1688 .mc-transaction-record-root .am-button-ghost,
.mgm1688 .exchange-wrap .exchange-submit p,
.mgm1688 .mc-profitLoss-record-root .am-button-ghost,
.mgm1688 .mc-transaction-record-root .am-button-ghost {
    color: #a5a9b3 !important;
    border-color: #a5a9b3 !important
}

.fh1688 .exchange-wrap .exchange-submit p svg,
.fh1688 .mc-profitLoss-record-root .am-button-ghost svg,
.fh1688 .mc-transaction-record-root .am-button-ghost svg,
.mgm1688 .exchange-wrap .exchange-submit p svg,
.mgm1688 .mc-profitLoss-record-root .am-button-ghost svg,
.mgm1688 .mc-transaction-record-root .am-button-ghost svg {
    fill: #a5a9b3 !important
}

.fh1688 .auto-fill-btn,
.fh1688 .mc-profitLoss-record-root .am-button-primary,
.fh1688 .mc-transaction-record-root .am-button-primary,
.fh1688 .records-item-header-sy i,
.mgm1688 .auto-fill-btn,
.mgm1688 .mc-profitLoss-record-root .am-button-primary,
.mgm1688 .mc-transaction-record-root .am-button-primary,
.mgm1688 .records-item-header-sy i {
    background: #b1987f !important
}

.fh1688 .card-details.contract .protocolDetails .header,
.fh1688 .common-wb-cards,
.mgm1688 .card-details.contract .protocolDetails .header,
.mgm1688 .common-wb-cards {
    background: -webkit-linear-gradient(0deg, #dccab8, #d2b496) !important
}

.fh1688 .record-icon-ticket,
.mgm1688 .record-icon-ticket {
    background-image: url(/images/theme/panda/assets/bill.png)
}

.fh1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked,
.mgm1688 .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #dccab8;
    color: #fff
}

.fh1688 .team-member-nickname .nickname-form input,
.mgm1688 .team-member-nickname .nickname-form input {
    background: #f0f0f0
}

.fh1688 .reward-center,
.mgm1688 .reward-center {
    background-image: url(/images/theme/panda/assets/mall-bg.png) !important
}

.fh1688 .am-tabs-bar .am-tabs-tab-active,
.fh1688 .amount-negative-number,
.fh1688 .card-details .card-header div.endContract span a,
.fh1688 .game-amount-content .amount-total,
.fh1688 .hd-status-tip,
.fh1688 .lkmn-poup-qrlink span,
.fh1688 .record-footer div span:last-child,
.fh1688 .show-tips a,
.fh1688 .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fh1688 .team-member-item-header span,
.fh1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.fh1688 .vrification-loading-content p span,
.mgm1688 .am-tabs-bar .am-tabs-tab-active,
.mgm1688 .amount-negative-number,
.mgm1688 .card-details .card-header div.endContract span a,
.mgm1688 .game-amount-content .amount-total,
.mgm1688 .hd-status-tip,
.mgm1688 .lkmn-poup-qrlink span,
.mgm1688 .record-footer div span:last-child,
.mgm1688 .show-tips a,
.mgm1688 .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.mgm1688 .team-member-item-header span,
.mgm1688 .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.mgm1688 .vrification-loading-content p span {
    color: #b1987f !important
}

.fh1688 .name-filter .am-search .am-search-input,
.fh1688 .name-filter .am-search .am-search-synthetic-ph,
.fh1688 .red-rain-select .am-search-input,
.mgm1688 .name-filter .am-search .am-search-input,
.mgm1688 .name-filter .am-search .am-search-synthetic-ph,
.mgm1688 .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #a5a9b3 !important
}

.fh1688 .red-rain-select .am-search-input input,
.mgm1688 .red-rain-select .am-search-input input {
    color: #a5a9b3 !important
}

.fh1688 .red-rain-select .am-search-cancel,
.fh1688 .vc-v2-container .vc-v2-active-container .act-item .act-mount i,
.mgm1688 .red-rain-select .am-search-cancel,
.mgm1688 .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #b1987f
}

.fh1688 .personalCenter .has-error input,
.mgm1688 .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #b1987f !important
}

.fh1688 .account-form input:focusm,
.fh1688 .add-card-btn,
.mgm1688 .account-form input:focusm,
.mgm1688 .add-card-btn {
    box-shadow: none !important
}

.fh1688 .cumulative-sign-in,
.mgm1688 .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .54rem;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/panda/assets/sign.png"), linear-gradient(0deg, #d2b496, #d2b496) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.fh1688 .cumulative-sign-in a,
.mgm1688 .cumulative-sign-in a {
    color: inherit
}

.fh1688 .cumulative-sign-in:before,
.mgm1688 .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .52rem;
    position: absolute;
    left: .1rem;
    top: 0;
    z-index: 9;
    background-image: url("/images/theme/panda/assets/mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100%
}

.fh1688 .cumulative-sign-in:after,
.mgm1688 .cumulative-sign-in:after {
    content: "";
    height: .3rem !important;
    width: .3rem !important;
    position: absolute;
    right: .1rem;
    top: .09rem !important;
    z-index: 9;
    background: url("/images/theme/panda/assets/arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.fh1688 .mall-home-top,
.fh1688 .mall-home-wrap .mall-home-top,
.fh1688 .signin-activity-card,
.mgm1688 .mall-home-top,
.mgm1688 .mall-home-wrap .mall-home-top,
.mgm1688 .signin-activity-card {
    background-image: url("/images/theme/panda/assets/sac.png") !important
}

.fh1688 .leader-board-container .leader-board-content .leader-board-card,
.mgm1688 .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/panda/assets/lbc.png") !important
}

.fh1688 .leader-board-container .leader-board-header,
.mgm1688 .leader-board-container .leader-board-header {
    background-image: url("/images/theme/panda/assets/lbh.png") !important
}

.fh1688 .name-filter .am-search-cancel,
.mgm1688 .name-filter .am-search-cancel {
    background-image: url("/images/theme/panda/assets/search.png") !important
}

.fh1688 .v-base .m-mc-notice-container .mc-notice-prev,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/panda/assets/left.png") !important;
    transform: rotate(0deg)
}

.fh1688 .reward-user-integral,
.mgm1688 .reward-user-integral {
    background-image: url("/images/theme/panda/assets/rewardCenter/cash.png") !important
}

.fh1688 .v-base .m-mc-notice-container .mc-notice-next,
.mgm1688 .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/panda/assets/left.png") !important;
    transform: rotate(180deg)
}

.fh1688 .am-search-input input[type=search],
.mgm1688 .am-search-input input[type=search] {
    background: #f0f0f0;
    color: #a5a9b3 !important
}

.fh1688 .mc-notice-content .wysiwyg,
.fh1688 .sigin-today-title,
.mgm1688 .mc-notice-content .wysiwyg,
.mgm1688 .sigin-today-title {
    color: #414655
}

.fh1688 .ph-icon,
.mgm1688 .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
    top: .16rem;
    position: relative
}

.fh1688 .ph-icon svg,
.mgm1688 .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.fh1688 .mc-wallet-list-body .am-flexbox-item:first-child,
.mgm1688 .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: -webkit-linear-gradient(0deg, #dccab8, #d2b496)
}

.fh1688 .mc-wallet-list-body .am-flexbox-item:first-child svg,
.mgm1688 .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.fh1688 .ph-text,
.mgm1688 .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.fh1688 .trans-icon-container svg,
.mgm1688 .trans-icon-container svg {
    fill: #414655
}

.fh1688 .ag-link-mgtop-left span,
.mgm1688 .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: -webkit-linear-gradient(0deg, #dccab8, #d2b496);
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.fh1688 .ag-link-mgtop-left span svg,
.mgm1688 .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.fh1688 .am-picker-popup-item,
.fh1688 .card-header .ric-date,
.mgm1688 .am-picker-popup-item,
.mgm1688 .card-header .ric-date {
    color: #b1987f !important
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-0,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #b1987f
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-2,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #6a7391
}

.fh1688 .point-convert .point-form-item .am-list-extra,
.fh1688 .point-convert .point-form-item .am-list-extra input,
.mgm1688 .point-convert .point-form-item .am-list-extra,
.mgm1688 .point-convert .point-form-item .am-list-extra input {
    color: #6a7391
}

.fh1688 .statis-gameType-wrap .btn-wrap .gameType-item-1,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.fh1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-8,
.mgm1688 .statis-gameType-wrap .btn-wrap .gameType-item-1,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.mgm1688 .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #a5a9b3
}

.fh1688 .poplist-footer a:first-child,
.mgm1688 .poplist-footer a:first-child {
    border-color: #a5a9b3 !important;
    color: #a5a9b3 !important
}

.fh1688 .agent-container .agent-body .h4-wrp,
.mgm1688 .agent-container .agent-body .h4-wrp {
    border-color: #b1987f
}

.fh1688 .statis-gameType-wrap .active i,
.mgm1688 .statis-gameType-wrap .active i {
    background: #b1987f
}

.fh1688 .n-form-content input,
.mgm1688 .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff;
    border: 1px solid transparent
}

.fh1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg,
.mgm1688 .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

.ouhuang .divident-list-item span,
.ouhuangusd .divident-list-item span {
    width: 21%
}

.ouhuang .record-footer,
.ouhuangusd .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.ouhuang .record-footer span,
.ouhuangusd .record-footer span {
    color: #8b8fb1
}

.ouhuang .record-footer span.time,
.ouhuangusd .record-footer span.time {
    color: #535472
}

.ouhuang .n-home-container .main-nav-style>.n-linear-border:before,
.ouhuangusd .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #ebedf3, #f7f8fa)
}

.ouhuang .n-home-container .main-nav-style>.n-linear-border>div,
.ouhuangusd .n-home-container .main-nav-style>.n-linear-border>div {
    background: rgba(83, 84, 114, .2)
}

.ouhuang .n-home-container .main-nav-style>div svg,
.ouhuangusd .n-home-container .main-nav-style>div svg {
    fill: #676d94
}

.ouhuang .v-base .main-nav-style,
.ouhuangusd .v-base .main-nav-style {
    color: #8e8e94
}

.ouhuang .am-tabs-bar .am-tabs-tab-active,
.ouhuang .am-tag-active,
.ouhuang .btn-copy-code,
.ouhuang .mall-home-top .mall-header,
.ouhuang .mc-lott-record-root .select-Box span.active,
.ouhuang .new-tips,
.ouhuang .team-member-flow .mc-team-flow-unit span.unit-active,
.ouhuang .vc-v2-container .vc-v2-input .inputCon,
.ouhuang .vc-v2-container .vc-v2-input .inputCon i,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck,
.ouhuang .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck,
.ouhuangusd .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .am-tag-active,
.ouhuangusd .btn-copy-code,
.ouhuangusd .mall-home-top .mall-header,
.ouhuangusd .mc-lott-record-root .select-Box span.active,
.ouhuangusd .new-tips,
.ouhuangusd .team-member-flow .mc-team-flow-unit span.unit-active,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon i,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck,
.ouhuangusd .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #8b8fb1;
    border-color: #8b8fb1 !important
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.ouhuang .go-home-btn,
.ouhuang .red-rain-underling span,
.ouhuang .vc-v2-container .vc-v2-method-list li,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.ouhuangusd .go-home-btn,
.ouhuangusd .red-rain-underling span,
.ouhuangusd .vc-v2-container .vc-v2-method-list li {
    color: #b8bdc0;
    border-color: #b8bdc0
}

.ouhuang .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuang .mall-home-wrap .mall-home-choose .active,
.ouhuang .mc-tab-container .mc-tab-item.tab-active,
.ouhuang .singd-downline-info div span>span,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck,
.ouhuang .vc-v2-container .vc-v2-method li.ck,
.ouhuangusd .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuangusd .mall-home-wrap .mall-home-choose .active,
.ouhuangusd .mc-tab-container .mc-tab-item.tab-active,
.ouhuangusd .singd-downline-info div span>span,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck,
.ouhuangusd .vc-v2-container .vc-v2-method li.ck {
    color: #8b8fb1 !important;
    border-color: #8b8fb1 !important
}

.ouhuang .am-button-primary,
.ouhuang .n-home-container .n-nav-list-title span,
.ouhuangusd .am-button-primary,
.ouhuangusd .n-home-container .n-nav-list-title span {
    border: none !important
}

.ouhuang input,
.ouhuangusd input {
    caret-color: #8b8fb1 !important
}

.ouhuang .game-record-show .am-search,
.ouhuang .h-icon-active img,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .name-filter .am-button-ghost,
.ouhuang .vc-v2-container .pay-name-container .vc-v2-input input:focus,
.ouhuangusd .game-record-show .am-search,
.ouhuangusd .h-icon-active img,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .name-filter .am-button-ghost,
.ouhuangusd .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #8b8fb1 !important
}

.ouhuang .name-filter .am-button-ghost,
.ouhuangusd .name-filter .am-button-ghost {
    border: 1px solid #8b8fb1 !important
}

.ouhuang .agent-divident-container,
.ouhuang .agentDivident .am-tabs-bar .am-tabs-tabr,
.ouhuang .am-search,
.ouhuang .am-tabs-bar,
.ouhuang .name-filter,
.ouhuang .name-filter .am-button-ghost,
.ouhuang .reward-center-container,
.ouhuang .sigin-modal .sigin-modal-content,
.ouhuangusd .agent-divident-container,
.ouhuangusd .agentDivident .am-tabs-bar .am-tabs-tabr,
.ouhuangusd .am-search,
.ouhuangusd .am-tabs-bar,
.ouhuangusd .name-filter,
.ouhuangusd .name-filter .am-button-ghost,
.ouhuangusd .reward-center-container,
.ouhuangusd .sigin-modal .sigin-modal-content {
    background: #fff
}

.ouhuang .agentDivident .am-tabs-tabpane>div>div,
.ouhuangusd .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.ouhuang .tabPane-tips,
.ouhuangusd .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.ouhuang .submitEmail,
.ouhuangusd .submitEmail {
    box-shadow: none !important
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuang .am-button-ghost.am-button-active,
.ouhuang .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.ouhuang .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.ouhuang .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuang .contract-history .history-thead,
.ouhuang .is-comp,
.ouhuang .popup-container input:focus,
.ouhuang .salary-popup-container input:focus,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuangusd .am-button-ghost.am-button-active,
.ouhuangusd .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.ouhuangusd .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.ouhuangusd .bet-filter-container .bet-filter-item-content .ck-date,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .is-comp,
.ouhuangusd .popup-container input:focus,
.ouhuangusd .salary-popup-container input:focus {
    border-color: #8b8fb1
}

.ouhuang .dividendRatio .arrow-top,
.ouhuang .table-container .dividend-tips .arrow-top,
.ouhuangusd .dividendRatio .arrow-top,
.ouhuangusd .table-container .dividend-tips .arrow-top {
    border-bottom-color: #8b8fb1
}

.ouhuang .dividend-header .dividend-header-content>div:first-child p,
.ouhuang .dividend-header .dividend-header-content>div:last-child p,
.ouhuangusd .dividend-header .dividend-header-content>div:first-child p,
.ouhuangusd .dividend-header .dividend-header-content>div:last-child p {
    color: #8b8fb1
}

.ouhuang .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.ouhuang .flex-text-tips,
.ouhuang .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.ouhuangusd .flex-text-tips,
.ouhuangusd .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #fb474b
}

.ouhuang .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.ouhuang .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li,
.ouhuangusd .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.ouhuangusd .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(164, 184, 229, .1)
}

.ouhuang #root #mc-app-home-root.gc,
.ouhuang #root .mc-navbar-blue,
.ouhuangusd #root #mc-app-home-root.gc,
.ouhuangusd #root .mc-navbar-blue {
    background: linear-gradient(180deg, #fde2b1, #f5ba56);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.ouhuang #root #mc-app-home-root.gc .am-navbar-left svg,
.ouhuang #root .mc-navbar-blue .am-navbar-left svg,
.ouhuangusd #root #mc-app-home-root.gc .am-navbar-left svg,
.ouhuangusd #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.ouhuang #root #mc-app-home-root.gc .am-navbar-title,
.ouhuang #root .mc-navbar-blue .am-navbar-title,
.ouhuangusd #root #mc-app-home-root.gc .am-navbar-title,
.ouhuangusd #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.ouhuang .am-card-body .protocolDetails .header p,
.ouhuang .trans-checked span,
.ouhuangusd .am-card-body .protocolDetails .header p,
.ouhuangusd .trans-checked span {
    color: #fff !important
}

.ouhuang #root .mc-home.mc-navbar-blue .am-icon-left,
.ouhuang #root .mc-home.mc-navbar-blue .am-navbar-title,
.ouhuang #root .reward-center .am-navbar-title,
.ouhuang .agent-container .agent-body .h4-wrp,
.ouhuang .agrg-downline-title,
.ouhuang .block-container .block.member,
.ouhuang .block-container .block.unerlvl,
.ouhuang .center-header,
.ouhuang .contract-history .history-thead,
.ouhuang .dividend-header .dividend-header-content .title,
.ouhuang .downline-item-toot .user-info .user-name,
.ouhuang .flex-list-text,
.ouhuang .leader-board-container .leader-board-integral,
.ouhuang .mall-home-top .mall-number-info,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .myRebate .rebate-span-lf,
.ouhuang .ph-text span,
.ouhuang .rebateReport-item-root span,
.ouhuang .salary-popup-header div,
.ouhuang .sigin-modal .sigin-modal-content h3,
.ouhuang .singd-downline-item-toot .user-info .user-name,
.ouhuang .team-member-item-header .customer-item,
.ouhuang .team-op a,
.ouhuang .ti-name,
.ouhuang .tr-item-title,
.ouhuang .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time,
.ouhuangusd #root .mc-home.mc-navbar-blue .am-icon-left,
.ouhuangusd #root .mc-home.mc-navbar-blue .am-navbar-title,
.ouhuangusd #root .reward-center .am-navbar-title,
.ouhuangusd .agent-container .agent-body .h4-wrp,
.ouhuangusd .agrg-downline-title,
.ouhuangusd .block-container .block.member,
.ouhuangusd .block-container .block.unerlvl,
.ouhuangusd .center-header,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .dividend-header .dividend-header-content .title,
.ouhuangusd .downline-item-toot .user-info .user-name,
.ouhuangusd .flex-list-text,
.ouhuangusd .leader-board-container .leader-board-integral,
.ouhuangusd .mall-home-top .mall-number-info,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .myRebate .rebate-span-lf,
.ouhuangusd .ph-text span,
.ouhuangusd .rebateReport-item-root span,
.ouhuangusd .salary-popup-header div,
.ouhuangusd .sigin-modal .sigin-modal-content h3,
.ouhuangusd .singd-downline-item-toot .user-info .user-name,
.ouhuangusd .team-member-item-header .customer-item,
.ouhuangusd .team-op a,
.ouhuangusd .ti-name,
.ouhuangusd .tr-item-title,
.ouhuangusd .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #535472 !important
}

.ouhuang #mc-app-home-root #mc-header,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuang .reward-center,
.ouhuangusd #mc-app-home-root #mc-header,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost,
.ouhuangusd .reward-center {
    border-color: #535472 !important
}

.ouhuang #mc-app-home-root #mc-header svg,
.ouhuang .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.ouhuang .reward-center svg,
.ouhuangusd #mc-app-home-root #mc-header svg,
.ouhuangusd .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.ouhuangusd .reward-center svg {
    fill: #535472 !important
}

.ouhuang .bet-filter-modal .ck-icon,
.ouhuang .deposit-list-ck,
.ouhuang .deposit-record-root .deposit-id svg,
.ouhuang .icon-points,
.ouhuang .icon-sign,
.ouhuang .icon-task,
.ouhuang .vc-v2-container .vc-v2-active-container .act-item.on svg,
.ouhuangusd .bet-filter-modal .ck-icon,
.ouhuangusd .deposit-list-ck,
.ouhuangusd .deposit-record-root .deposit-id svg,
.ouhuangusd .icon-points,
.ouhuangusd .icon-sign,
.ouhuangusd .icon-task,
.ouhuangusd .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #8b8fb1 !important
}

.ouhuang .tr-item-content-item,
.ouhuang .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name,
.ouhuangusd .tr-item-content-item,
.ouhuangusd .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #535472
}

.ouhuang .am-badge-text,
.ouhuangusd .am-badge-text {
    background-color: #535472;
    color: #fff
}

.ouhuang .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked,
.ouhuangusd .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #e2a742;
    background: rgba(226, 167, 66, .1)
}

.ouhuang .am-modal-button-group-h .am-modal-button:first-child,
.ouhuang .am-tabs-bar .am-tabs-tab,
.ouhuang .card-details.contract .spandetails,
.ouhuang .change-statis-wrap .statis-left .btn-change,
.ouhuang .contract-history .history-tbody,
.ouhuang .dividend-list-more>div,
.ouhuang .flex-list-title,
.ouhuang .list-popup-container,
.ouhuang .mc-team-filter .am-list-item.am-input-item,
.ouhuang .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.ouhuang .pal-records-list-root .time,
.ouhuang .red-rain-input input,
.ouhuang .red-rain-tcenter,
.ouhuang .salary_info tbody tr td,
.ouhuang .salary_rule,
.ouhuang .sigin-c-remarks b,
.ouhuang .sigin-c-remarks p,
.ouhuang .sigin-modal .sigin-modal-content .amount-info p,
.ouhuang .sigin-today-desc,
.ouhuang .statis-container .statis-lin .lin-left div,
.ouhuang .statis-container .statis-lin .lin-rigth div,
.ouhuang .sub-name-search input,
.ouhuang .sub-name-search input::placeholder,
.ouhuang .team-member-item-content,
.ouhuang .team-member-item-content .time,
.ouhuang .team-member-nickname input,
.ouhuang .team-member-trans input,
.ouhuang .team-op a.edit-btn,
.ouhuang .team-rebate-btnleft .am-button,
.ouhuang .tic-footer-title,
.ouhuang .tr-item-time,
.ouhuang .v-base .m-mc-notice-container .m-mc-notice-index-content,
.ouhuang .v-base .m-mc-notice-container .mc-notice-time,
.ouhuangusd .am-modal-button-group-h .am-modal-button:first-child,
.ouhuangusd .am-tabs-bar .am-tabs-tab,
.ouhuangusd .card-details.contract .spandetails,
.ouhuangusd .change-statis-wrap .statis-left .btn-change,
.ouhuangusd .contract-history .history-tbody,
.ouhuangusd .dividend-list-more>div,
.ouhuangusd .flex-list-title,
.ouhuangusd .list-popup-container,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item,
.ouhuangusd .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.ouhuangusd .pal-records-list-root .time,
.ouhuangusd .red-rain-input input,
.ouhuangusd .red-rain-tcenter,
.ouhuangusd .salary_info tbody tr td,
.ouhuangusd .salary_rule,
.ouhuangusd .sigin-c-remarks b,
.ouhuangusd .sigin-c-remarks p,
.ouhuangusd .sigin-modal .sigin-modal-content .amount-info p,
.ouhuangusd .sigin-today-desc,
.ouhuangusd .statis-container .statis-lin .lin-left div,
.ouhuangusd .statis-container .statis-lin .lin-rigth div,
.ouhuangusd .sub-name-search input,
.ouhuangusd .sub-name-search input::placeholder,
.ouhuangusd .team-member-item-content,
.ouhuangusd .team-member-item-content .time,
.ouhuangusd .team-member-nickname input,
.ouhuangusd .team-member-trans input,
.ouhuangusd .team-op a.edit-btn,
.ouhuangusd .team-rebate-btnleft .am-button,
.ouhuangusd .tic-footer-title,
.ouhuangusd .tr-item-time,
.ouhuangusd .v-base .m-mc-notice-container .m-mc-notice-index-content,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-time {
    color: #b8bdc0 !important
}

.ouhuang .point-tips,
.ouhuangusd .point-tips {
    color: hsla(202, 6%, 74%, .7) !important
}

.ouhuang .sub-name-search,
.ouhuang .team-rebate-btnleft .am-button,
.ouhuangusd .sub-name-search,
.ouhuangusd .team-rebate-btnleft .am-button {
    border-color: #b8bdc0 !important
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuang .red-rain-input input,
.ouhuang .statis-gameType-wrap .btn-wrap,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuangusd .red-rain-input input,
.ouhuangusd .statis-gameType-wrap .btn-wrap {
    background: rgba(164, 184, 229, .1)
}

.ouhuang .ag-link-lmanage .ag-link-mgbottom,
.ouhuang .agrg-downline-cname,
.ouhuang .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuang .leader-board-container .leader-board-header-status div,
.ouhuang .mall-home-middle,
.ouhuang .mall-home-wrap .mall-home-choose,
.ouhuang .mall-order-integral,
.ouhuang .mc-tab-container .mc-tab-item,
.ouhuang .mc-team-filter .am-list-item .am-input-control input,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuang .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.ouhuang .orderinfo-wrap .orderinfo-submit p,
.ouhuang .point-history-wrap .point-item-wrap .point-types .point-date,
.ouhuang .point-history-wrap .point-item-wrap .point-types .point-remarks,
.ouhuang .sigin-c-footer .title,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom,
.ouhuangusd .agrg-downline-cname,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price li,
.ouhuangusd .leader-board-container .leader-board-header-status div,
.ouhuangusd .mall-home-middle,
.ouhuangusd .mall-home-wrap .mall-home-choose,
.ouhuangusd .mall-order-integral,
.ouhuangusd .mc-tab-container .mc-tab-item,
.ouhuangusd .mc-team-filter .am-list-item .am-input-control input,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuangusd .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.ouhuangusd .orderinfo-wrap .orderinfo-submit p,
.ouhuangusd .point-history-wrap .point-item-wrap .point-types .point-date,
.ouhuangusd .point-history-wrap .point-item-wrap .point-types .point-remarks,
.ouhuangusd .sigin-c-footer .title {
    color: #b8bdc0
}

.ouhuang .lottType-box,
.ouhuang .mc-lott-record-root .select-Box .type,
.ouhuang .mc-lott-record-root .select-Box>div,
.ouhuang .play-chooser form,
.ouhuang .play-chooser input,
.ouhuang .trans-unchecked,
.ouhuangusd .lottType-box,
.ouhuangusd .mc-lott-record-root .select-Box .type,
.ouhuangusd .mc-lott-record-root .select-Box>div,
.ouhuangusd .play-chooser form,
.ouhuangusd .play-chooser input,
.ouhuangusd .trans-unchecked {
    color: #b8bdc0 !important;
    border-color: #b8bdc0 !important
}

.ouhuang .exchange-wrap .font-color-red,
.ouhuang .orderinfo-wrap .font-color-red,
.ouhuang .point-history-wrap .color-red,
.ouhuang .sigin-today-desc span,
.ouhuang .today,
.ouhuangusd .exchange-wrap .font-color-red,
.ouhuangusd .orderinfo-wrap .font-color-red,
.ouhuangusd .point-history-wrap .color-red,
.ouhuangusd .sigin-today-desc span,
.ouhuangusd .today {
    color: #fb474b !important
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.ouhuang .am-search-input input[type=search],
.ouhuang .devidend-container .popup-header,
.ouhuang .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.ouhuang .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.ouhuang .grid-title,
.ouhuang .leader-board-container .leader-board-header-info,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.ouhuang .point-form-item .am-list-item .am-list-line .am-list-content,
.ouhuang .point-history-wrap .color-black,
.ouhuang .red-rain-tetit,
.ouhuang .red-rain-type .agrg-downline-cname,
.ouhuang .sigin-today-title,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.ouhuangusd .am-search-input input[type=search],
.ouhuangusd .devidend-container .popup-header,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.ouhuangusd .grid-title,
.ouhuangusd .leader-board-container .leader-board-header-info,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.ouhuangusd .point-form-item .am-list-item .am-list-line .am-list-content,
.ouhuangusd .point-history-wrap .color-black,
.ouhuangusd .red-rain-tetit,
.ouhuangusd .red-rain-type .agrg-downline-cname,
.ouhuangusd .sigin-today-title {
    color: #535472 !important
}

.ouhuang .contract-history .history-thead,
.ouhuang .dividend-list-more,
.ouhuang .grid-content,
.ouhuangusd .contract-history .history-thead,
.ouhuangusd .dividend-list-more,
.ouhuangusd .grid-content {
    background: #fafafa
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuang .contractPeople,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .lott-record-container,
.ouhuang .no-salary-list,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost,
.ouhuangusd .contractPeople,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .lott-record-container,
.ouhuangusd .no-salary-list {
    color: #8b8fb1
}

.ouhuang .agentSalary .mc-trans-filter .am-button-ghost svg,
.ouhuang .contractPeople svg,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active svg,
.ouhuang .lott-record-container svg,
.ouhuang .no-salary-list svg,
.ouhuangusd .agentSalary .mc-trans-filter .am-button-ghost svg,
.ouhuangusd .contractPeople svg,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active svg,
.ouhuangusd .lott-record-container svg,
.ouhuangusd .no-salary-list svg {
    fill: #8b8fb1
}

.ouhuang .mc-team-filter .am-list-item.am-input-item,
.ouhuang .sub-name-search,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item,
.ouhuangusd .sub-name-search {
    border-color: #b8bdc0
}

.ouhuang .mc-team-filter .am-list-item.am-input-item svg,
.ouhuang .sub-name-search svg,
.ouhuangusd .mc-team-filter .am-list-item.am-input-item svg,
.ouhuangusd .sub-name-search svg {
    fill: #b8bdc0
}

.ouhuang .singd-downline-info svg,
.ouhuangusd .singd-downline-info svg {
    fill: #b8bdc0 !important
}

.ouhuang .am-modal-body,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-count,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-name,
.ouhuang .exchange-wrap .font-color-gray,
.ouhuang .game-amount-content span:last-child,
.ouhuang .orderinfo-wrap .orderinfo-body h5,
.ouhuang .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.ouhuang .point-history-wrap .color-black,
.ouhuang .tic-footer-amount,
.ouhuangusd .am-modal-body,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-count,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-name,
.ouhuangusd .exchange-wrap .font-color-gray,
.ouhuangusd .game-amount-content span:last-child,
.ouhuangusd .orderinfo-wrap .orderinfo-body h5,
.ouhuangusd .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.ouhuangusd .point-history-wrap .color-black,
.ouhuangusd .tic-footer-amount {
    color: #535472
}

.ouhuang .dividend-rate,
.ouhuang .go-team-bet,
.ouhuang .go-team-bet i,
.ouhuang .go-team-record,
.ouhuang .go-team-record i,
.ouhuang .mc-trans-record-container .color-green-in,
.ouhuang .mt-team-footer,
.ouhuang .records-item-header .game-amount-content span:last-child,
.ouhuang .red-rain-tright,
.ouhuang .team-member-trans header .label,
.ouhuang .tt-balance-content,
.ouhuangusd .dividend-rate,
.ouhuangusd .go-team-bet,
.ouhuangusd .go-team-bet i,
.ouhuangusd .go-team-record,
.ouhuangusd .go-team-record i,
.ouhuangusd .mc-trans-record-container .color-green-in,
.ouhuangusd .mt-team-footer,
.ouhuangusd .records-item-header .game-amount-content span:last-child,
.ouhuangusd .red-rain-tright,
.ouhuangusd .team-member-trans header .label,
.ouhuangusd .tt-balance-content {
    color: #8b8fb1 !important
}

.ouhuang .dividend-rate svg,
.ouhuang .go-team-bet i svg,
.ouhuang .go-team-bet svg,
.ouhuang .go-team-record i svg,
.ouhuang .go-team-record svg,
.ouhuang .mc-trans-record-container .color-green-in svg,
.ouhuang .mt-team-footer svg,
.ouhuang .records-item-header .game-amount-content span:last-child svg,
.ouhuang .red-rain-tright svg,
.ouhuang .team-member-trans header .label svg,
.ouhuang .tt-balance-content svg,
.ouhuangusd .dividend-rate svg,
.ouhuangusd .go-team-bet i svg,
.ouhuangusd .go-team-bet svg,
.ouhuangusd .go-team-record i svg,
.ouhuangusd .go-team-record svg,
.ouhuangusd .mc-trans-record-container .color-green-in svg,
.ouhuangusd .mt-team-footer svg,
.ouhuangusd .records-item-header .game-amount-content span:last-child svg,
.ouhuangusd .red-rain-tright svg,
.ouhuangusd .team-member-trans header .label svg,
.ouhuangusd .tt-balance-content svg {
    fill: #8b8fb1 !important
}

.ouhuang .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.ouhuang .agent-link-nodata svg,
.ouhuang .block.member svg,
.ouhuang .card-header-people,
.ouhuang .devidend-container svg,
.ouhuang .has-claimed svg,
.ouhuang .icon-complete,
.ouhuang .icon-span svg,
.ouhuang .lin-left svg,
.ouhuang .lin-rigth svg,
.ouhuang .lkmn-poup-qrlink svg,
.ouhuang .mall-intergral-svg,
.ouhuang .mc-icon-member,
.ouhuang .mc-trans-filter svg.am-icon-lg,
.ouhuang .need-fill,
.ouhuang .rebateReport-item-content svg,
.ouhuang .salary-popup-container .save-icon,
.ouhuang .security-icon,
.ouhuang .team-member-nickname svg,
.ouhuang .team-member-trans svg,
.ouhuang .team-rebate-tleft svg,
.ouhuang .unerlvl.block svg,
.ouhuang .user-icon,
.ouhuangusd .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.ouhuangusd .agent-link-nodata svg,
.ouhuangusd .block.member svg,
.ouhuangusd .card-header-people,
.ouhuangusd .devidend-container svg,
.ouhuangusd .has-claimed svg,
.ouhuangusd .icon-complete,
.ouhuangusd .icon-span svg,
.ouhuangusd .lin-left svg,
.ouhuangusd .lin-rigth svg,
.ouhuangusd .lkmn-poup-qrlink svg,
.ouhuangusd .mall-intergral-svg,
.ouhuangusd .mc-icon-member,
.ouhuangusd .mc-trans-filter svg.am-icon-lg,
.ouhuangusd .need-fill,
.ouhuangusd .rebateReport-item-content svg,
.ouhuangusd .salary-popup-container .save-icon,
.ouhuangusd .security-icon,
.ouhuangusd .team-member-nickname svg,
.ouhuangusd .team-member-trans svg,
.ouhuangusd .team-rebate-tleft svg,
.ouhuangusd .unerlvl.block svg,
.ouhuangusd .user-icon {
    fill: #8b8fb1 !important
}

.ouhuang .mc-popup-trans>span>svg,
.ouhuangusd .mc-popup-trans>span>svg {
    fill: #8b8fb1 !important
}

.ouhuang .team-member-trans input,
.ouhuangusd .team-member-trans input {
    border-radius: .15rem
}

.ouhuang .add-inputIcon,
.ouhuang .agrgic-downline-select,
.ouhuang .am-button-ghost.am-button-active,
.ouhuang .am-switch input[type=checkbox]:checked+.checkbox,
.ouhuang .bet-filter-container .bet-filter-sub div.ck:after,
.ouhuang .ContactName,
.ouhuang .ContactNamet,
.ouhuang .Contacts .am-search-cancel,
.ouhuang .discount-tip,
.ouhuang .EmaiWebList .look .am-badge-dot,
.ouhuang .grid-title:after,
.ouhuang .mc-profile-swiper-nav li.ck,
.ouhuang .mc-profitLoss-record-root .am-button-primary,
.ouhuang .mc-transaction-record-root .am-button-primary,
.ouhuang .swiper-pagination-bullet-active,
.ouhuang .ticket-item .ticket-item-btn,
.ouhuangusd .add-inputIcon,
.ouhuangusd .agrgic-downline-select,
.ouhuangusd .am-button-ghost.am-button-active,
.ouhuangusd .am-switch input[type=checkbox]:checked+.checkbox,
.ouhuangusd .bet-filter-container .bet-filter-sub div.ck:after,
.ouhuangusd .ContactName,
.ouhuangusd .ContactNamet,
.ouhuangusd .Contacts .am-search-cancel,
.ouhuangusd .discount-tip,
.ouhuangusd .EmaiWebList .look .am-badge-dot,
.ouhuangusd .grid-title:after,
.ouhuangusd .mc-profile-swiper-nav li.ck,
.ouhuangusd .mc-profitLoss-record-root .am-button-primary,
.ouhuangusd .mc-transaction-record-root .am-button-primary,
.ouhuangusd .swiper-pagination-bullet-active,
.ouhuangusd .ticket-item .ticket-item-btn {
    background: #8b8fb1 !important
}

.ouhuang .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.ouhuang .account-form input,
.ouhuang .account-form svg.txt-svg,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.ouhuang .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.ouhuang .agent-link-nodata .am-result-title,
.ouhuang .agrg-downline-bnsetp>span,
.ouhuang .agrg-downline-bnslt,
.ouhuang .agrg-downline-bnsrt,
.ouhuang .am-button-ghost,
.ouhuang .am-modal-button-group-v .am-modal-button,
.ouhuang .amount-positive-number,
.ouhuang .banner .money,
.ouhuang .card-details .card-header div.endContract,
.ouhuang .color2,
.ouhuang .contract-history .user-info .user-title,
.ouhuang .contract-tips,
.ouhuang .contractText,
.ouhuang .dividend-list-more>div:nth-child(2n) p,
.ouhuang .dividend-list-more>div:nth-child(odd) p,
.ouhuang .downline-item-toot .action-sign,
.ouhuang .downline-item-toot .start_contract,
.ouhuang .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuang .filter-tabPane-btn,
.ouhuang .game-record-show .am-search-cancel,
.ouhuang .is-comp,
.ouhuang .link-detail-title,
.ouhuang .mc-game-record-root .activity-spinner svg,
.ouhuang .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuang .new-date-picker .date-picker-content .btn-clear-date,
.ouhuang .new-date-picker .date-picker-content .date-picker-title,
.ouhuang .new-date-picker .date-picker-content .date-picker-title .active-item,
.ouhuang .nodata-container,
.ouhuang .placeholder,
.ouhuang .play-chooser .chase-number>span,
.ouhuang .point-balance p,
.ouhuang .point-convert .point-form-item.important-number .am-list-extra,
.ouhuang .rebate-span-rt,
.ouhuang .rebateReport-item-content .am-flexbox span,
.ouhuang .rebateReport .rebate,
.ouhuang .red-rain-tleft,
.ouhuang .red-rain-underling span.on,
.ouhuang .sc-bonus,
.ouhuang .sc-days,
.ouhuang .sc-integral,
.ouhuang .sigin-modal .sigin-modal-content .amount-info div,
.ouhuang .sign-operation>span,
.ouhuang .statis-container .statis-lin .blue-count,
.ouhuang .statis-container .statis-lin .gray-count,
.ouhuang .statis-container .statis-lin .green-count,
.ouhuang .statis-container .statis-lin .red-count,
.ouhuang .team-member-nickname header .label,
.ouhuang .team-rebate-tcenter,
.ouhuang .v-base .m-mc-notice-container .m-mc-notice-title,
.ouhuang .v-base .m-mc-notice-container .mmnt-title-detail,
.ouhuang .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.ouhuang .vc-v2-container .vc-v2-input .inputCon input,
.ouhuang .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.ouhuang .vc-v2-container .vc-v2-method li.ck,
.ouhuang .w-input-content,
.ouhuang .w-input-content input,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span,
.ouhuangusd .account-form input,
.ouhuangusd .account-form svg.txt-svg,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.ouhuangusd .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.ouhuangusd .agent-link-nodata .am-result-title,
.ouhuangusd .agrg-downline-bnsetp>span,
.ouhuangusd .agrg-downline-bnslt,
.ouhuangusd .agrg-downline-bnsrt,
.ouhuangusd .am-button-ghost,
.ouhuangusd .am-modal-button-group-v .am-modal-button,
.ouhuangusd .amount-positive-number,
.ouhuangusd .banner .money,
.ouhuangusd .card-details .card-header div.endContract,
.ouhuangusd .color2,
.ouhuangusd .contract-history .user-info .user-title,
.ouhuangusd .contract-tips,
.ouhuangusd .contractText,
.ouhuangusd .dividend-list-more>div:nth-child(2n) p,
.ouhuangusd .dividend-list-more>div:nth-child(odd) p,
.ouhuangusd .downline-item-toot .action-sign,
.ouhuangusd .downline-item-toot .start_contract,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .filter-tabPane-btn,
.ouhuangusd .game-record-show .am-search-cancel,
.ouhuangusd .is-comp,
.ouhuangusd .link-detail-title,
.ouhuangusd .mc-game-record-root .activity-spinner svg,
.ouhuangusd .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuangusd .new-date-picker .date-picker-content .btn-clear-date,
.ouhuangusd .new-date-picker .date-picker-content .date-picker-title,
.ouhuangusd .new-date-picker .date-picker-content .date-picker-title .active-item,
.ouhuangusd .nodata-container,
.ouhuangusd .placeholder,
.ouhuangusd .play-chooser .chase-number>span,
.ouhuangusd .point-balance p,
.ouhuangusd .point-convert .point-form-item.important-number .am-list-extra,
.ouhuangusd .rebate-span-rt,
.ouhuangusd .rebateReport-item-content .am-flexbox span,
.ouhuangusd .rebateReport .rebate,
.ouhuangusd .red-rain-tleft,
.ouhuangusd .red-rain-underling span.on,
.ouhuangusd .sc-bonus,
.ouhuangusd .sc-days,
.ouhuangusd .sc-integral,
.ouhuangusd .sigin-modal .sigin-modal-content .amount-info div,
.ouhuangusd .sign-operation>span,
.ouhuangusd .statis-container .statis-lin .blue-count,
.ouhuangusd .statis-container .statis-lin .gray-count,
.ouhuangusd .statis-container .statis-lin .green-count,
.ouhuangusd .statis-container .statis-lin .red-count,
.ouhuangusd .team-member-nickname header .label,
.ouhuangusd .team-rebate-tcenter,
.ouhuangusd .v-base .m-mc-notice-container .m-mc-notice-title,
.ouhuangusd .v-base .m-mc-notice-container .mmnt-title-detail,
.ouhuangusd .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.ouhuangusd .vc-v2-container .vc-v2-input .inputCon input,
.ouhuangusd .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.ouhuangusd .vc-v2-container .vc-v2-method li.ck,
.ouhuangusd .w-input-content,
.ouhuangusd .w-input-content input,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span {
    color: #8b8fb1
}

.ouhuang .sigin-c-footer li>div,
.ouhuangusd .sigin-c-footer li>div {
    background: rgba(139, 143, 177, .1)
}

.ouhuang .play-chooser .am-search-input input[type=search],
.ouhuangusd .play-chooser .am-search-input input[type=search] {
    background: none
}

.ouhuang .am-modal-button-group-h .am-modal-button,
.ouhuang .am-modal-title,
.ouhuangusd .am-modal-button-group-h .am-modal-button,
.ouhuangusd .am-modal-title {
    color: #8b8fb1
}

.ouhuang .new-date-picker .date-picker-warp .pickter-item:nth-child(7n),
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.ouhuang .agrg-downline-bnsetp>span:nth-child(2),
.ouhuang .color-red-out,
.ouhuang .singd-downline-info,
.ouhuangusd .agrg-downline-bnsetp>span:nth-child(2),
.ouhuangusd .color-red-out,
.ouhuangusd .singd-downline-info {
    color: #535472
}

.ouhuang .am-tabs-tabpane-active .card-body,
.ouhuang .card-details.contract .protocolDetails .details,
.ouhuang .protocolDetails .details p,
.ouhuang .sign-salary-root .singd-details tbody .salary-activeMember,
.ouhuang .sign-salary-root .singd-details tbody .salary-betVolume,
.ouhuang .sign-salary-root .singd-details tbody .salary-rateType,
.ouhuang .statis-gameType-wrap .active,
.ouhuangusd .am-tabs-tabpane-active .card-body,
.ouhuangusd .card-details.contract .protocolDetails .details,
.ouhuangusd .protocolDetails .details p,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-activeMember,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-betVolume,
.ouhuangusd .sign-salary-root .singd-details tbody .salary-rateType,
.ouhuangusd .statis-gameType-wrap .active {
    color: #535472 !important
}

.ouhuang .banner.bet,
.ouhuang .banner.salary,
.ouhuangusd .banner.bet,
.ouhuangusd .banner.salary {
    background: linear-gradient(90deg, #f8d493, #e6b151)
}

.ouhuang .dividend-list div .dl-content,
.ouhuangusd .dividend-list div .dl-content {
    background: linear-gradient(90deg, #f8d493, #e6b151) !important
}

.ouhuang .dividend-list div:last-child .dl-content,
.ouhuang .n-home-container .n-nav-list-title:after,
.ouhuang .n-home-container .n-nav-list-title span,
.ouhuangusd .dividend-list div:last-child .dl-content,
.ouhuangusd .n-home-container .n-nav-list-title:after,
.ouhuangusd .n-home-container .n-nav-list-title span {
    background: #e2a742 !important
}

.ouhuang .agentDivident .grid-container,
.ouhuangusd .agentDivident .grid-container {
    background: rgba(164, 184, 229, .1)
}

.ouhuang .account-form input:focus,
.ouhuang .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.ouhuang .agrg-downline-input input:focus,
.ouhuang .am-button-ghost,
.ouhuang .common-center-top .common-top-img,
.ouhuang .filter-tabPane-btn,
.ouhuang .game-record-show .am-search,
.ouhuang .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.ouhuang .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.ouhuang .popup-container input,
.ouhuang .red-rain-input input:focus,
.ouhuang .red-rain-underling span.on,
.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuang .w-input-content,
.ouhuangusd .account-form input:focus,
.ouhuangusd .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.ouhuangusd .agrg-downline-input input:focus,
.ouhuangusd .am-button-ghost,
.ouhuangusd .common-center-top .common-top-img,
.ouhuangusd .filter-tabPane-btn,
.ouhuangusd .game-record-show .am-search,
.ouhuangusd .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.ouhuangusd .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.ouhuangusd .popup-container input,
.ouhuangusd .red-rain-input input:focus,
.ouhuangusd .red-rain-underling span.on,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuangusd .w-input-content {
    border-color: #8b8fb1
}

.ouhuang .am-button-primary,
.ouhuang .am-slider-track,
.ouhuang .discount-tip,
.ouhuang .mc-switch .checkbox.on:before,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.ouhuang .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.ouhuang .vc-v2-title:before,
.ouhuang .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span,
.ouhuangusd .am-button-primary,
.ouhuangusd .am-slider-track,
.ouhuangusd .discount-tip,
.ouhuangusd .mc-switch .checkbox.on:before,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.ouhuangusd .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.ouhuangusd .vc-v2-title:before,
.ouhuangusd .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #8b8fb1 !important;
    color: #fff
}

.ouhuang .mc-switch.mc-qutas-bg .checkbox:before,
.ouhuangusd .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.ouhuang .am-tabs-ink-bar,
.ouhuang .inputIcon,
.ouhuang .mc-switch.mc-qutas-bg .on:before,
.ouhuang .mc-trans-filter .am-search-cancel,
.ouhuang .sigin-tab .am-tabs-tab-active .tab-title:after,
.ouhuang .statis-gameType-wrap .btn-wrap.active i:first-child,
.ouhuang .vc-v2-title:before,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span:before,
.ouhuangusd .am-tabs-ink-bar,
.ouhuangusd .inputIcon,
.ouhuangusd .mc-switch.mc-qutas-bg .on:before,
.ouhuangusd .mc-trans-filter .am-search-cancel,
.ouhuangusd .sigin-tab .am-tabs-tab-active .tab-title:after,
.ouhuangusd .statis-gameType-wrap .btn-wrap.active i:first-child,
.ouhuangusd .vc-v2-title:before,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #8b8fb1 !important
}

.ouhuang .am-tabs-ink-bar svg,
.ouhuang .inputIcon svg,
.ouhuang .mc-switch.mc-qutas-bg .on:before svg,
.ouhuang .mc-trans-filter .am-search-cancel svg,
.ouhuang .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.ouhuang .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.ouhuang .vc-v2-title:before svg,
.ouhuang .withdraw-container-v2 .am-tabs-tab-active span:before svg,
.ouhuangusd .am-tabs-ink-bar svg,
.ouhuangusd .inputIcon svg,
.ouhuangusd .mc-switch.mc-qutas-bg .on:before svg,
.ouhuangusd .mc-trans-filter .am-search-cancel svg,
.ouhuangusd .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.ouhuangusd .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.ouhuangusd .vc-v2-title:before svg,
.ouhuangusd .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #8b8fb1 !important
}

.ouhuang .discount-tip,
.ouhuang .mc-trans-filter .am-button-primary,
.ouhuang .trans-checked,
.ouhuangusd .discount-tip,
.ouhuangusd .mc-trans-filter .am-button-primary,
.ouhuangusd .trans-checked {
    background: #8b8fb1 !important;
    border-color: #8b8fb1 !important
}

.ouhuang .leader-board-container .leader-board-integral,
.ouhuang .mall-home-top .mall-user-integral,
.ouhuangusd .leader-board-container .leader-board-integral,
.ouhuangusd .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.ouhuang .mc-trans-filter .am-button-ghost,
.ouhuang .point-history-wrap .am-button-ghost,
.ouhuangusd .mc-trans-filter .am-button-ghost,
.ouhuangusd .point-history-wrap .am-button-ghost {
    border-color: #b8bdc0;
    color: #b8bdc0
}

.ouhuang .mc-trans-filter .am-button-ghost svg,
.ouhuang .point-history-wrap .am-button-ghost svg,
.ouhuangusd .mc-trans-filter .am-button-ghost svg,
.ouhuangusd .point-history-wrap .am-button-ghost svg {
    fill: #b8bdc0
}

.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.ouhuang .ivi-icon svg,
.ouhuangusd .ivi-icon svg {
    display: inline-block
}

.ouhuang .id-verification-icon,
.ouhuangusd .id-verification-icon {
    display: none
}

.ouhuang .add-card-btn,
.ouhuang .agrg-downline-sub,
.ouhuang .am-button-primary,
.ouhuang .bind-first span,
.ouhuang .btn-confirm-date,
.ouhuang .btn-success,
.ouhuang .button-submit,
.ouhuang .change-statis-wrap .statis-left .btn-change-active,
.ouhuang .contract-salary-operation a:last-child,
.ouhuang .copy-contact,
.ouhuang .lkmn-poup-qrcopy,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuang .play-more-game,
.ouhuang .poplist-footer a:last-child.footer-button,
.ouhuang .profile-swiper-container .am-modal-button,
.ouhuang .sigin-today-sub,
.ouhuang .signedSalary-root .poplist-footer a:last-child.footer-button,
.ouhuang .submitEmail,
.ouhuang .team-member-nickname .trans-container:first-child,
.ouhuang .team-rebate-btnright .am-button,
.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuang .vc-v2-submit,
.ouhuang .w-input-submit-true,
.ouhuangusd .add-card-btn,
.ouhuangusd .agrg-downline-sub,
.ouhuangusd .am-button-primary,
.ouhuangusd .bind-first span,
.ouhuangusd .btn-confirm-date,
.ouhuangusd .btn-success,
.ouhuangusd .button-submit,
.ouhuangusd .change-statis-wrap .statis-left .btn-change-active,
.ouhuangusd .contract-salary-operation a:last-child,
.ouhuangusd .copy-contact,
.ouhuangusd .lkmn-poup-qrcopy,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuangusd .play-more-game,
.ouhuangusd .poplist-footer a:last-child.footer-button,
.ouhuangusd .profile-swiper-container .am-modal-button,
.ouhuangusd .sigin-today-sub,
.ouhuangusd .signedSalary-root .poplist-footer a:last-child.footer-button,
.ouhuangusd .submitEmail,
.ouhuangusd .team-member-nickname .trans-container:first-child,
.ouhuangusd .team-rebate-btnright .am-button,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuangusd .vc-v2-submit,
.ouhuangusd .w-input-submit-true {
    background: linear-gradient(90deg, #f8d493, #e6b151) !important
}

.ouhuang .add-card-btn span,
.ouhuang .agrg-downline-sub span,
.ouhuang .am-button-primary span,
.ouhuang .bind-first span span,
.ouhuang .btn-confirm-date span,
.ouhuang .btn-success span,
.ouhuang .button-submit span,
.ouhuang .change-statis-wrap .statis-left .btn-change-active span,
.ouhuang .contract-salary-operation a:last-child span,
.ouhuang .copy-contact span,
.ouhuang .lkmn-poup-qrcopy span,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit span,
.ouhuang .play-more-game span,
.ouhuang .poplist-footer a:last-child.footer-button span,
.ouhuang .profile-swiper-container .am-modal-button span,
.ouhuang .sigin-today-sub span,
.ouhuang .signedSalary-root .poplist-footer a:last-child.footer-button span,
.ouhuang .submitEmail span,
.ouhuang .team-member-nickname .trans-container:first-child span,
.ouhuang .team-rebate-btnright .am-button span,
.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.ouhuang .vc-v2-submit span,
.ouhuang .w-input-submit-true span,
.ouhuangusd .add-card-btn span,
.ouhuangusd .agrg-downline-sub span,
.ouhuangusd .am-button-primary span,
.ouhuangusd .bind-first span span,
.ouhuangusd .btn-confirm-date span,
.ouhuangusd .btn-success span,
.ouhuangusd .button-submit span,
.ouhuangusd .change-statis-wrap .statis-left .btn-change-active span,
.ouhuangusd .contract-salary-operation a:last-child span,
.ouhuangusd .copy-contact span,
.ouhuangusd .lkmn-poup-qrcopy span,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit span,
.ouhuangusd .play-more-game span,
.ouhuangusd .poplist-footer a:last-child.footer-button span,
.ouhuangusd .profile-swiper-container .am-modal-button span,
.ouhuangusd .sigin-today-sub span,
.ouhuangusd .signedSalary-root .poplist-footer a:last-child.footer-button span,
.ouhuangusd .submitEmail span,
.ouhuangusd .team-member-nickname .trans-container:first-child span,
.ouhuangusd .team-rebate-btnright .am-button span,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.ouhuangusd .vc-v2-submit span,
.ouhuangusd .w-input-submit-true span {
    color: #fff
}

.ouhuang .add-card-btn,
.ouhuang .bind-first span,
.ouhuang .button-submit,
.ouhuang .copy-contact,
.ouhuang .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuang .mc-lott-record-root .select-Box span.active,
.ouhuang .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuang .ticket-item .ticket-item-btn,
.ouhuangusd .add-card-btn,
.ouhuangusd .bind-first span,
.ouhuangusd .button-submit,
.ouhuangusd .copy-contact,
.ouhuangusd .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.ouhuangusd .mc-lott-record-root .select-Box span.active,
.ouhuangusd .orderinfo-wrap .orderinfo-submit .button-submit,
.ouhuangusd .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.ouhuang .devidend-container .popup-header,
.ouhuang .popup-container input,
.ouhuang .salary-popup-header,
.ouhuangusd .devidend-container .popup-header,
.ouhuangusd .popup-container input,
.ouhuangusd .salary-popup-header {
    background: rgba(139, 143, 177, .2)
}

.ouhuang .sign-salary-root .singd-details thead tr td,
.ouhuangusd .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuang .statis-gameType-wrap .active,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .statis-gameType-wrap .active {
    background: rgba(226, 167, 66, .2) !important;
    border-color: #8b8fb1 !important;
    color: #535472 !important
}

.ouhuang .exchange-wrap .exchange-order-info .exchange-order-price .active,
.ouhuangusd .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #8b8fb1 !important
}

.ouhuang .salary-popup-container .input-container input,
.ouhuangusd .salary-popup-container .input-container input {
    background: rgba(139, 143, 177, .2) !important
}

.ouhuang .lkmn-poup-tbig,
.ouhuang .lkmn-poup-tsmall,
.ouhuang .mc-trans-record-container .color-red-out,
.ouhuang .point-wrap .point-table-title span,
.ouhuangusd .lkmn-poup-tbig,
.ouhuangusd .lkmn-poup-tsmall,
.ouhuangusd .mc-trans-record-container .color-red-out,
.ouhuangusd .point-wrap .point-table-title span {
    color: #8b8fb1
}

.ouhuang .common-wb-cards,
.ouhuangusd .common-wb-cards {
    background: linear-gradient(90deg, #f8d493, #e6b151) !important
}

.ouhuang .btn-success,
.ouhuangusd .btn-success {
    box-shadow: 0 .1rem .2rem 0 #e2a742 !important
}

.ouhuang .btn-success.am-button-disabled,
.ouhuangusd .btn-success.am-button-disabled {
    box-shadow: none !important
}

.ouhuang .withdraw-bkdbtn,
.ouhuangusd .withdraw-bkdbtn {
    border-color: #8b8fb1
}

.ouhuang .agrg-downline-input input,
.ouhuang .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.ouhuang .lkmn-poup-qrcnt span,
.ouhuang .mc-trans-filter .chase-number,
.ouhuang .rebateReport-item-root .time,
.ouhuang .red-rain-main input::placeholder,
.ouhuang .show-more,
.ouhuang .singd-downline-info .more-info,
.ouhuang .team-member-trans input::placeholder,
.ouhuang .tmt-header,
.ouhuang .withdraw-bkinfo,
.ouhuangusd .agrg-downline-input input,
.ouhuangusd .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.ouhuangusd .lkmn-poup-qrcnt span,
.ouhuangusd .mc-trans-filter .chase-number,
.ouhuangusd .rebateReport-item-root .time,
.ouhuangusd .red-rain-main input::placeholder,
.ouhuangusd .show-more,
.ouhuangusd .singd-downline-info .more-info,
.ouhuangusd .team-member-trans input::placeholder,
.ouhuangusd .tmt-header,
.ouhuangusd .withdraw-bkinfo {
    color: #b8bdc0 !important
}

.ouhuang .am-tag-normal,
.ouhuang .statis-gameType-wrap .btn-wrap,
.ouhuang .vc-v2-container .vc-v2-method li,
.ouhuang .vc-v2-container .vc-v2-method li .min-max,
.ouhuang .vc-v2-container .vc-v2-method li .vcn-list-text,
.ouhuangusd .am-tag-normal,
.ouhuangusd .statis-gameType-wrap .btn-wrap,
.ouhuangusd .vc-v2-container .vc-v2-method li,
.ouhuangusd .vc-v2-container .vc-v2-method li .min-max,
.ouhuangusd .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #b8bdc0 !important;
    border-color: #b8bdc0 !important
}

.ouhuang .am-tag-normal.unit-active,
.ouhuangusd .am-tag-normal.unit-active {
    color: #e2a742 !important;
    border-color: #e2a742 !important
}

.ouhuang .point-wrap .point-list-wrap .point-list-header,
.ouhuang .withdraw-bkadd,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header,
.ouhuangusd .withdraw-bkadd {
    background: #e2a742
}

.ouhuang .wallet_return div,
.ouhuangusd .wallet_return div {
    background: rgba(226, 167, 66, .4)
}

.ouhuang .n-home-container .n-nav-list-title span,
.ouhuang .wallet_return div,
.ouhuangusd .n-home-container .n-nav-list-title span,
.ouhuangusd .wallet_return div {
    color: #fff
}

.ouhuang .n-home-container .n-nav-list-title span svg,
.ouhuang .wallet_return div svg,
.ouhuangusd .n-home-container .n-nav-list-title span svg,
.ouhuangusd .wallet_return div svg {
    fill: #e2a742
}

.ouhuang .agrg-downline-bnstbt,
.ouhuang .point-wrap .point-list-wrap .point-list-header,
.ouhuangusd .agrg-downline-bnstbt,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.ouhuang .agrg-downline-bnstbt svg,
.ouhuang .point-wrap .point-list-wrap .point-list-header svg,
.ouhuangusd .agrg-downline-bnstbt svg,
.ouhuangusd .point-wrap .point-list-wrap .point-list-header svg {
    fill: #8b8fb1
}

.ouhuang .point-wrap .point-list-wrap .point-list-item,
.ouhuangusd .point-wrap .point-list-wrap .point-list-item {
    background: rgba(164, 184, 229, .4)
}

.ouhuang .card-details.contract .protocolDetails,
.ouhuang .contract-history .history-tbody,
.ouhuangusd .card-details.contract .protocolDetails,
.ouhuangusd .contract-history .history-tbody {
    background: none
}

.ouhuang .contract-history .history-tbody,
.ouhuangusd .contract-history .history-tbody {
    border-bottom: 1px solid #8b8fb1
}

.ouhuang .exchange-wrap .exchange-submit p,
.ouhuang .mc-profitLoss-record-root .am-button-ghost,
.ouhuang .mc-transaction-record-root .am-button-ghost,
.ouhuangusd .exchange-wrap .exchange-submit p,
.ouhuangusd .mc-profitLoss-record-root .am-button-ghost,
.ouhuangusd .mc-transaction-record-root .am-button-ghost {
    color: #b8bdc0 !important;
    border-color: #b8bdc0 !important
}

.ouhuang .exchange-wrap .exchange-submit p svg,
.ouhuang .mc-profitLoss-record-root .am-button-ghost svg,
.ouhuang .mc-transaction-record-root .am-button-ghost svg,
.ouhuangusd .exchange-wrap .exchange-submit p svg,
.ouhuangusd .mc-profitLoss-record-root .am-button-ghost svg,
.ouhuangusd .mc-transaction-record-root .am-button-ghost svg {
    fill: #b8bdc0 !important
}

.ouhuang .auto-fill-btn,
.ouhuang .card-details.contract .protocolDetails .header,
.ouhuang .records-item-header-sy i,
.ouhuangusd .auto-fill-btn,
.ouhuangusd .card-details.contract .protocolDetails .header,
.ouhuangusd .records-item-header-sy i {
    background: #e2a742 !important
}

.ouhuang .sign-salary-root .singd-details thead tr,
.ouhuang .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked,
.ouhuangusd .sign-salary-root .singd-details thead tr,
.ouhuangusd .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #e2a742;
    border-color: #e2a742;
    color: #fff
}

.ouhuang .trans-checked.am-button-active,
.ouhuang .trans-unchecked.am-button-active,
.ouhuangusd .trans-checked.am-button-active,
.ouhuangusd .trans-unchecked.am-button-active {
    background: none !important
}

.ouhuang .team-member-nickname .nickname-form input,
.ouhuang .team-member-nickname .trans-container-header .trans-container:last-child,
.ouhuang .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span,
.ouhuangusd .team-member-nickname .nickname-form input,
.ouhuangusd .team-member-nickname .trans-container-header .trans-container:last-child,
.ouhuangusd .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(164, 184, 229, .1) !important
}

.ouhuang .red-rain-input input,
.ouhuang .team-member-nickname .nickname-form input,
.ouhuangusd .red-rain-input input,
.ouhuangusd .team-member-nickname .nickname-form input {
    border: 1px solid #b8bdc0
}

.ouhuang .team-member-nickname .nickname-form,
.ouhuang .tt-content,
.ouhuangusd .team-member-nickname .nickname-form,
.ouhuangusd .tt-content {
    background: inherit !important
}

.ouhuang .add-card-btn.dis,
.ouhuang .vc-v2-submit.dis,
.ouhuangusd .add-card-btn.dis,
.ouhuangusd .vc-v2-submit.dis {
    background: #b8bdc0 !important
}

.ouhuang .am-tabs-bar .am-tabs-tab-active,
.ouhuang .amount-negative-number,
.ouhuang .card-details .card-header div.endContract span a,
.ouhuang .hd-status-tip,
.ouhuang .leader-board-container .leader-board-header-status div.lb-active,
.ouhuang .lkmn-poup-qrlink span,
.ouhuang .record-footer div span:last-child,
.ouhuang .show-tips a,
.ouhuang .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.ouhuang .team-member-item-header span,
.ouhuang .vrification-loading-content p span,
.ouhuangusd .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .amount-negative-number,
.ouhuangusd .card-details .card-header div.endContract span a,
.ouhuangusd .hd-status-tip,
.ouhuangusd .leader-board-container .leader-board-header-status div.lb-active,
.ouhuangusd .lkmn-poup-qrlink span,
.ouhuangusd .record-footer div span:last-child,
.ouhuangusd .show-tips a,
.ouhuangusd .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.ouhuangusd .team-member-item-header span,
.ouhuangusd .vrification-loading-content p span {
    color: #8b8fb1 !important
}

.ouhuang .name-filter .am-search .am-search-input,
.ouhuang .name-filter .am-search .am-search-synthetic-ph,
.ouhuang .red-rain-select .am-search-input,
.ouhuangusd .name-filter .am-search .am-search-input,
.ouhuangusd .name-filter .am-search .am-search-synthetic-ph,
.ouhuangusd .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #b8bdc0 !important
}

.ouhuang .point-history-wrap .am-button-primary,
.ouhuangusd .point-history-wrap .am-button-primary {
    color: #fff;
    background: #8b8fb1 !important
}

.ouhuang .point-history-wrap .am-button-primary svg,
.ouhuangusd .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.ouhuang .red-rain-select .am-search-input input,
.ouhuangusd .red-rain-select .am-search-input input {
    color: #b8bdc0 !important
}

.ouhuang .red-rain-select .am-search-cancel,
.ouhuang .vc-v2-container .vc-v2-active-container .act-item .act-mount i,
.ouhuangusd .red-rain-select .am-search-cancel,
.ouhuangusd .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #8b8fb1
}

.ouhuang .personalCenter .has-error input,
.ouhuangusd .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #8b8fb1 !important
}

.ouhuang .account-form input:focus,
.ouhuang .play-more-game,
.ouhuangusd .account-form input:focus,
.ouhuangusd .play-more-game {
    box-shadow: none !important
}

.ouhuang .am-search-input input[type=search],
.ouhuangusd .am-search-input input[type=search] {
    background: rgba(164, 184, 229, .1);
    color: #b8bdc0 !important
}

.ouhuang .devidend-container .popup-header span,
.ouhuang .game-amount-content .amount-total,
.ouhuang .mc-notice-content .wysiwyg,
.ouhuang .sigin-today-title,
.ouhuang .team-member-trans header span:last-child,
.ouhuangusd .devidend-container .popup-header span,
.ouhuangusd .game-amount-content .amount-total,
.ouhuangusd .mc-notice-content .wysiwyg,
.ouhuangusd .sigin-today-title,
.ouhuangusd .team-member-trans header span:last-child {
    color: #535472
}

.ouhuang .red-rain-lpbody #mc-header,
.ouhuangusd .red-rain-lpbody #mc-header {
    position: relative !important
}

.ouhuang .red-rain-lpbody #mc-header span,
.ouhuangusd .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.ouhuang .red-rain-lpbody .red-rain-select,
.ouhuangusd .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.ouhuang .ph-icon,
.ouhuangusd .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #8b8fb1;
    top: .16rem;
    position: relative
}

.ouhuang .ph-icon svg,
.ouhuangusd .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.ouhuang .mc-wallet-list-body .am-flexbox-item:first-child,
.ouhuangusd .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #8b8fb1
}

.ouhuang .mc-wallet-list-body .am-flexbox-item:first-child svg,
.ouhuangusd .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.ouhuang .ph-text,
.ouhuangusd .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.ouhuang .trans-icon-container svg,
.ouhuangusd .trans-icon-container svg {
    fill: #a4b8e5 !important
}

.ouhuang .ag-link-mgtop-left span,
.ouhuangusd .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #8b8fb1;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.ouhuang .ag-link-mgtop-left span svg,
.ouhuangusd .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.ouhuang .am-picker-popup-item,
.ouhuang .card-header .ric-date,
.ouhuangusd .am-picker-popup-item,
.ouhuangusd .card-header .ric-date {
    color: #8b8fb1 !important
}

.ouhuang .records-item-header-sy i,
.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-0,
.ouhuangusd .records-item-header-sy i,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #8b8fb1 !important
}

.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-2,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #a4b8e5
}

.ouhuang .point-convert .point-form-item .am-list-extra,
.ouhuang .point-convert .point-form-item .am-list-extra input,
.ouhuangusd .point-convert .point-form-item .am-list-extra,
.ouhuangusd .point-convert .point-form-item .am-list-extra input {
    color: #a4b8e5
}

.ouhuang .go-home-btn,
.ouhuangusd .go-home-btn {
    background: #b8bdc0 !important
}

.ouhuang .statis-gameType-wrap .btn-wrap .gameType-item-1,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.ouhuang .statis-gameType-wrap .btn-wrap .his-gameType-item-8,
.ouhuangusd .statis-gameType-wrap .btn-wrap .gameType-item-1,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.ouhuangusd .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #b8bdc0
}

.ouhuang .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.ouhuangusd .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #8b8fb1 !important;
    border-color: #8b8fb1 !important
}

.ouhuang .poplist-footer a:first-child,
.ouhuangusd .poplist-footer a:first-child {
    border-color: #b8bdc0 !important;
    color: #b8bdc0 !important
}

.ouhuang .agent-container .agent-body .h4-wrp,
.ouhuang .leader-board-container .profile-icon,
.ouhuangusd .agent-container .agent-body .h4-wrp,
.ouhuangusd .leader-board-container .profile-icon {
    border-color: #8b8fb1
}

.ouhuang .statis-gameType-wrap .active i,
.ouhuangusd .statis-gameType-wrap .active i {
    background: #8b8fb1
}

.ouhuang .n-form-content input,
.ouhuangusd .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.ouhuang .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg,
.ouhuangusd .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.ouhuang .vc-v2-submit i,
.ouhuangusd .vc-v2-submit i {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_down_icon.png")
}

.ouhuang .mall-home-top,
.ouhuang .mall-home-wrap .mall-home-top,
.ouhuang .signin-activity-card,
.ouhuangusd .mall-home-top,
.ouhuangusd .mall-home-wrap .mall-home-top,
.ouhuangusd .signin-activity-card {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_sac.png") !important
}

.ouhuang .leader-board-container .leader-board-content .leader-board-card,
.ouhuangusd .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_lbc.png") !important
}

.ouhuang .leader-board-container .leader-board-header,
.ouhuangusd .leader-board-container .leader-board-header {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_lbh.png") !important
}

.ouhuang .name-filter .am-search-cancel,
.ouhuangusd .name-filter .am-search-cancel {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_search.png") !important
}

.ouhuang .v-base .m-mc-notice-container .mc-notice-prev,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_left.png") !important;
    transform: rotate(0deg)
}

.ouhuang .reward-user-integral,
.ouhuangusd .reward-user-integral {
    background-image: url("/images/theme/ouhuang/assets/rewardCenter/ouhuang_cash.png") !important
}

.ouhuang .v-base .m-mc-notice-container .mc-notice-next,
.ouhuangusd .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_left.png") !important;
    transform: rotate(180deg)
}

.ouhuang .record-icon-ticket,
.ouhuangusd .record-icon-ticket {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_bill.png")
}

.ouhuang .reward-center,
.ouhuangusd .reward-center {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.ouhuang #mc-app-home-root.mc,
.ouhuangusd #mc-app-home-root.mc {
    background-image: url("/images/theme/ouhuang/assets/ouhuang_member_home.png") !important
}

.ouhuang .common-center-top .cumulative-sign-in,
.ouhuangusd .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/ouhuang/assets/ouhuang_sign.png"), linear-gradient(0deg, #e2a742, #e2a742) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.ouhuang .common-center-top .cumulative-sign-in a,
.ouhuangusd .common-center-top .cumulative-sign-in a {
    color: inherit
}

.ouhuang .common-center-top .cumulative-sign-in:before,
.ouhuangusd .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/ouhuang/assets/ouhuang_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.ouhuang .common-center-top .cumulative-sign-in:after,
.ouhuangusd .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    position: absolute;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/ouhuang/assets/ouhuang_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.ouhuang .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg,
.ouhuangusd .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

.kaixuan .divident-list-item span {
    width: 21%
}

.kaixuan .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.kaixuan .record-footer span {
    color: #a58345
}

.kaixuan .record-footer span.time {
    color: #5c4636
}

.kaixuan .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #efd5a5, #ddae71)
}

.kaixuan .n-home-container .main-nav-style>.n-linear-border>div {
    background: rgba(92, 70, 54, .2)
}

.kaixuan .n-home-container .main-nav-style>div svg {
    fill: #64482b
}

.kaixuan .v-base .main-nav-style {
    color: #8c6544
}

.kaixuan .am-tabs-bar .am-tabs-tab-active,
.kaixuan .am-tag-active,
.kaixuan .btn-copy-code,
.kaixuan .mall-home-top .mall-header,
.kaixuan .mc-lott-record-root .select-Box span.active,
.kaixuan .new-tips,
.kaixuan .team-member-flow .mc-team-flow-unit span.unit-active,
.kaixuan .vc-v2-container .vc-v2-input .inputCon,
.kaixuan .vc-v2-container .vc-v2-input .inputCon i,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck,
.kaixuan .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #a58345;
    border-color: #a58345 !important
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.kaixuan .go-home-btn,
.kaixuan .red-rain-underling span,
.kaixuan .vc-v2-container .vc-v2-method-list li {
    color: #aaa;
    border-color: #aaa
}

.kaixuan .bet-filter-container .bet-filter-item-content .ck-date,
.kaixuan .mall-home-wrap .mall-home-choose .active,
.kaixuan .mc-tab-container .mc-tab-item.tab-active,
.kaixuan .singd-downline-info div span>span,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck,
.kaixuan .vc-v2-container .vc-v2-method li.ck {
    color: #a58345 !important;
    border-color: #a58345 !important
}

.kaixuan .am-button-primary,
.kaixuan .n-home-container .n-nav-list-title span {
    border: none !important
}

.kaixuan input {
    caret-color: #a58345 !important
}

.kaixuan .game-record-show .am-search,
.kaixuan .h-icon-active img,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .name-filter .am-button-ghost,
.kaixuan .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #a58345 !important
}

.kaixuan .name-filter .am-button-ghost {
    border: 1px solid #a58345 !important
}

.kaixuan .agent-divident-container,
.kaixuan .agentDivident .am-tabs-bar .am-tabs-tabr,
.kaixuan .am-search,
.kaixuan .am-tabs-bar,
.kaixuan .name-filter,
.kaixuan .name-filter .am-button-ghost,
.kaixuan .reward-center-container,
.kaixuan .sigin-modal .sigin-modal-content {
    background: #fff
}

.kaixuan .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.kaixuan .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.kaixuan .submitEmail {
    box-shadow: none !important
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost,
.kaixuan .am-button-ghost.am-button-active,
.kaixuan .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.kaixuan .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.kaixuan .bet-filter-container .bet-filter-item-content .ck-date,
.kaixuan .contract-history .history-thead,
.kaixuan .is-comp,
.kaixuan .popup-container input:focus,
.kaixuan .salary-popup-container input:focus {
    border-color: #a58345
}

.kaixuan .dividendRatio .arrow-top,
.kaixuan .table-container .dividend-tips .arrow-top {
    border-bottom-color: #a58345
}

.kaixuan .dividend-header .dividend-header-content>div:first-child p,
.kaixuan .dividend-header .dividend-header-content>div:last-child p {
    color: #a58345
}

.kaixuan .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.kaixuan .flex-text-tips,
.kaixuan .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #fb474b
}

.kaixuan .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.kaixuan .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: hsla(34, 36%, 88%, .1)
}

.kaixuan #root #mc-app-home-root.gc,
.kaixuan #root .mc-navbar-blue {
    background: linear-gradient(180deg, #efd5a5, #ddae71);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.kaixuan #root #mc-app-home-root.gc .am-navbar-left svg,
.kaixuan #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.kaixuan #root #mc-app-home-root.gc .am-navbar-title,
.kaixuan #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.kaixuan .am-card-body .protocolDetails .header p,
.kaixuan .trans-checked span {
    color: #fff !important
}

.kaixuan #root .mc-home.mc-navbar-blue .am-icon-left,
.kaixuan #root .mc-home.mc-navbar-blue .am-navbar-title,
.kaixuan #root .reward-center .am-navbar-title,
.kaixuan .agent-container .agent-body .h4-wrp,
.kaixuan .agrg-downline-title,
.kaixuan .block-container .block.member,
.kaixuan .block-container .block.unerlvl,
.kaixuan .center-header,
.kaixuan .contract-history .history-thead,
.kaixuan .dividend-header .dividend-header-content .title,
.kaixuan .downline-item-toot .user-info .user-name,
.kaixuan .flex-list-text,
.kaixuan .leader-board-container .leader-board-integral,
.kaixuan .mall-home-top .mall-number-info,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .myRebate .rebate-span-lf,
.kaixuan .ph-text span,
.kaixuan .rebateReport-item-root span,
.kaixuan .salary-popup-header div,
.kaixuan .sigin-modal .sigin-modal-content h3,
.kaixuan .singd-downline-item-toot .user-info .user-name,
.kaixuan .team-member-item-header .customer-item,
.kaixuan .team-op a,
.kaixuan .ti-name,
.kaixuan .tr-item-title,
.kaixuan .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #5c4636 !important
}

.kaixuan #mc-app-home-root #mc-header,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost,
.kaixuan .reward-center {
    border-color: #5c4636 !important
}

.kaixuan #mc-app-home-root #mc-header svg,
.kaixuan .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.kaixuan .reward-center svg {
    fill: #5c4636 !important
}

.kaixuan .bet-filter-modal .ck-icon,
.kaixuan .deposit-list-ck,
.kaixuan .deposit-record-root .deposit-id svg,
.kaixuan .icon-points,
.kaixuan .icon-sign,
.kaixuan .icon-task,
.kaixuan .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #a58345 !important
}

.kaixuan .tr-item-content-item,
.kaixuan .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #5c4636
}

.kaixuan .am-badge-text {
    background-color: #5c4636;
    color: #fff
}

.kaixuan .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #c79b65;
    background: hsla(33, 47%, 59%, .1)
}

.kaixuan .am-modal-button-group-h .am-modal-button:first-child,
.kaixuan .am-tabs-bar .am-tabs-tab,
.kaixuan .card-details.contract .spandetails,
.kaixuan .change-statis-wrap .statis-left .btn-change,
.kaixuan .contract-history .history-tbody,
.kaixuan .dividend-list-more>div,
.kaixuan .flex-list-title,
.kaixuan .list-popup-container,
.kaixuan .mc-team-filter .am-list-item.am-input-item,
.kaixuan .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.kaixuan .pal-records-list-root .time,
.kaixuan .red-rain-input input,
.kaixuan .red-rain-tcenter,
.kaixuan .salary_info tbody tr td,
.kaixuan .salary_rule,
.kaixuan .sigin-c-remarks b,
.kaixuan .sigin-c-remarks p,
.kaixuan .sigin-modal .sigin-modal-content .amount-info p,
.kaixuan .sigin-today-desc,
.kaixuan .statis-container .statis-lin .lin-left div,
.kaixuan .statis-container .statis-lin .lin-rigth div,
.kaixuan .sub-name-search input,
.kaixuan .sub-name-search input::placeholder,
.kaixuan .team-member-item-content,
.kaixuan .team-member-item-content .time,
.kaixuan .team-member-nickname input,
.kaixuan .team-member-trans input,
.kaixuan .team-op a.edit-btn,
.kaixuan .team-rebate-btnleft .am-button,
.kaixuan .tic-footer-title,
.kaixuan .tr-item-time,
.kaixuan .v-base .m-mc-notice-container .m-mc-notice-index-content,
.kaixuan .v-base .m-mc-notice-container .mc-notice-time {
    color: #aaa !important
}

.kaixuan .point-tips {
    color: hsla(0, 0%, 67%, .7) !important
}

.kaixuan .sub-name-search,
.kaixuan .team-rebate-btnleft .am-button {
    border-color: #aaa !important
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price li,
.kaixuan .red-rain-input input,
.kaixuan .statis-gameType-wrap .btn-wrap {
    background: hsla(34, 36%, 88%, .1)
}

.kaixuan .ag-link-lmanage .ag-link-mgbottom,
.kaixuan .agrg-downline-cname,
.kaixuan .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price li,
.kaixuan .leader-board-container .leader-board-header-status div,
.kaixuan .mall-home-middle,
.kaixuan .mall-home-wrap .mall-home-choose,
.kaixuan .mall-order-integral,
.kaixuan .mc-tab-container .mc-tab-item,
.kaixuan .mc-team-filter .am-list-item .am-input-control input,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.through-item,
.kaixuan .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.kaixuan .orderinfo-wrap .orderinfo-submit p,
.kaixuan .point-history-wrap .point-item-wrap .point-types .point-date,
.kaixuan .point-history-wrap .point-item-wrap .point-types .point-remarks,
.kaixuan .sigin-c-footer .title {
    color: #aaa
}

.kaixuan .lottType-box,
.kaixuan .mc-lott-record-root .select-Box .type,
.kaixuan .mc-lott-record-root .select-Box>div,
.kaixuan .play-chooser form,
.kaixuan .play-chooser input,
.kaixuan .trans-unchecked {
    color: #aaa !important;
    border-color: #aaa !important
}

.kaixuan .exchange-wrap .font-color-red,
.kaixuan .orderinfo-wrap .font-color-red,
.kaixuan .point-history-wrap .color-red,
.kaixuan .sigin-today-desc span,
.kaixuan .today {
    color: #fb474b !important
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.kaixuan .am-search-input input[type=search],
.kaixuan .devidend-container .popup-header,
.kaixuan .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.kaixuan .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.kaixuan .grid-title,
.kaixuan .leader-board-container .leader-board-header-info,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.kaixuan .point-form-item .am-list-item .am-list-line .am-list-content,
.kaixuan .point-history-wrap .color-black,
.kaixuan .red-rain-tetit,
.kaixuan .red-rain-type .agrg-downline-cname,
.kaixuan .sigin-today-title {
    color: #5c4636 !important
}

.kaixuan .contract-history .history-thead,
.kaixuan .dividend-list-more,
.kaixuan .grid-content {
    background: #fafafa
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost,
.kaixuan .contractPeople,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .lott-record-container,
.kaixuan .no-salary-list {
    color: #a58345
}

.kaixuan .agentSalary .mc-trans-filter .am-button-ghost svg,
.kaixuan .contractPeople svg,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active svg,
.kaixuan .lott-record-container svg,
.kaixuan .no-salary-list svg {
    fill: #a58345
}

.kaixuan .mc-team-filter .am-list-item.am-input-item,
.kaixuan .sub-name-search {
    border-color: #aaa
}

.kaixuan .mc-team-filter .am-list-item.am-input-item svg,
.kaixuan .sub-name-search svg {
    fill: #aaa
}

.kaixuan .singd-downline-info svg {
    fill: #aaa !important
}

.kaixuan .am-modal-body,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-count,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-name,
.kaixuan .exchange-wrap .font-color-gray,
.kaixuan .game-amount-content span:last-child,
.kaixuan .orderinfo-wrap .orderinfo-body h5,
.kaixuan .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.kaixuan .point-history-wrap .color-black,
.kaixuan .tic-footer-amount {
    color: #5c4636
}

.kaixuan .dividend-rate,
.kaixuan .go-team-bet,
.kaixuan .go-team-bet i,
.kaixuan .go-team-record,
.kaixuan .go-team-record i,
.kaixuan .mc-trans-record-container .color-green-in,
.kaixuan .mt-team-footer,
.kaixuan .records-item-header .game-amount-content span:last-child,
.kaixuan .red-rain-tright,
.kaixuan .team-member-trans header .label,
.kaixuan .tt-balance-content {
    color: #a58345 !important
}

.kaixuan .dividend-rate svg,
.kaixuan .go-team-bet i svg,
.kaixuan .go-team-bet svg,
.kaixuan .go-team-record i svg,
.kaixuan .go-team-record svg,
.kaixuan .mc-trans-record-container .color-green-in svg,
.kaixuan .mt-team-footer svg,
.kaixuan .records-item-header .game-amount-content span:last-child svg,
.kaixuan .red-rain-tright svg,
.kaixuan .team-member-trans header .label svg,
.kaixuan .tt-balance-content svg {
    fill: #a58345 !important
}

.kaixuan .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.kaixuan .agent-link-nodata svg,
.kaixuan .block.member svg,
.kaixuan .card-header-people,
.kaixuan .devidend-container svg,
.kaixuan .has-claimed svg,
.kaixuan .icon-complete,
.kaixuan .icon-span svg,
.kaixuan .lin-left svg,
.kaixuan .lin-rigth svg,
.kaixuan .lkmn-poup-qrlink svg,
.kaixuan .mall-intergral-svg,
.kaixuan .mc-icon-member,
.kaixuan .mc-trans-filter svg.am-icon-lg,
.kaixuan .need-fill,
.kaixuan .rebateReport-item-content svg,
.kaixuan .salary-popup-container .save-icon,
.kaixuan .security-icon,
.kaixuan .team-member-nickname svg,
.kaixuan .team-member-trans svg,
.kaixuan .team-rebate-tleft svg,
.kaixuan .unerlvl.block svg,
.kaixuan .user-icon {
    fill: #a58345 !important
}

.kaixuan .mc-popup-trans>span>svg {
    fill: #a58345 !important
}

.kaixuan .team-member-trans input {
    border-radius: .15rem
}

.kaixuan .add-inputIcon,
.kaixuan .agrgic-downline-select,
.kaixuan .am-button-ghost.am-button-active,
.kaixuan .am-switch input[type=checkbox]:checked+.checkbox,
.kaixuan .bet-filter-container .bet-filter-sub div.ck:after,
.kaixuan .ContactName,
.kaixuan .ContactNamet,
.kaixuan .Contacts .am-search-cancel,
.kaixuan .discount-tip,
.kaixuan .EmaiWebList .look .am-badge-dot,
.kaixuan .grid-title:after,
.kaixuan .mc-profile-swiper-nav li.ck,
.kaixuan .mc-profitLoss-record-root .am-button-primary,
.kaixuan .mc-transaction-record-root .am-button-primary,
.kaixuan .swiper-pagination-bullet-active,
.kaixuan .ticket-item .ticket-item-btn {
    background: #a58345 !important
}

.kaixuan .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.through-item,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.kaixuan .account-form input,
.kaixuan .account-form svg.txt-svg,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.kaixuan .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.kaixuan .agent-link-nodata .am-result-title,
.kaixuan .agrg-downline-bnsetp>span,
.kaixuan .agrg-downline-bnslt,
.kaixuan .agrg-downline-bnsrt,
.kaixuan .am-button-ghost,
.kaixuan .am-modal-button-group-v .am-modal-button,
.kaixuan .amount-positive-number,
.kaixuan .banner .money,
.kaixuan .card-details .card-header div.endContract,
.kaixuan .color2,
.kaixuan .contract-history .user-info .user-title,
.kaixuan .contract-tips,
.kaixuan .contractText,
.kaixuan .dividend-list-more>div:nth-child(2n) p,
.kaixuan .dividend-list-more>div:nth-child(odd) p,
.kaixuan .downline-item-toot .action-sign,
.kaixuan .downline-item-toot .start_contract,
.kaixuan .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active,
.kaixuan .filter-tabPane-btn,
.kaixuan .game-record-show .am-search-cancel,
.kaixuan .is-comp,
.kaixuan .link-detail-title,
.kaixuan .mc-game-record-root .activity-spinner svg,
.kaixuan .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.kaixuan .new-date-picker .date-picker-content .btn-clear-date,
.kaixuan .new-date-picker .date-picker-content .date-picker-title,
.kaixuan .new-date-picker .date-picker-content .date-picker-title .active-item,
.kaixuan .nodata-container,
.kaixuan .placeholder,
.kaixuan .play-chooser .chase-number>span,
.kaixuan .point-balance p,
.kaixuan .point-convert .point-form-item.important-number .am-list-extra,
.kaixuan .rebate-span-rt,
.kaixuan .rebateReport-item-content .am-flexbox span,
.kaixuan .rebateReport .rebate,
.kaixuan .red-rain-tleft,
.kaixuan .red-rain-underling span.on,
.kaixuan .sc-bonus,
.kaixuan .sc-days,
.kaixuan .sc-integral,
.kaixuan .sigin-modal .sigin-modal-content .amount-info div,
.kaixuan .sign-operation>span,
.kaixuan .statis-container .statis-lin .blue-count,
.kaixuan .statis-container .statis-lin .gray-count,
.kaixuan .statis-container .statis-lin .green-count,
.kaixuan .statis-container .statis-lin .red-count,
.kaixuan .team-member-nickname header .label,
.kaixuan .team-rebate-tcenter,
.kaixuan .v-base .m-mc-notice-container .m-mc-notice-title,
.kaixuan .v-base .m-mc-notice-container .mmnt-title-detail,
.kaixuan .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.kaixuan .vc-v2-container .vc-v2-input .inputCon input,
.kaixuan .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.kaixuan .vc-v2-container .vc-v2-method li.ck,
.kaixuan .w-input-content,
.kaixuan .w-input-content input,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span {
    color: #a58345
}

.kaixuan .sigin-c-footer li>div {
    background: rgba(165, 131, 69, .1)
}

.kaixuan .play-chooser .am-search-input input[type=search] {
    background: none
}

.kaixuan .am-modal-button-group-h .am-modal-button,
.kaixuan .am-modal-title {
    color: #a58345
}

.kaixuan .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.kaixuan .agrg-downline-bnsetp>span:nth-child(2),
.kaixuan .color-red-out,
.kaixuan .singd-downline-info {
    color: #5c4636
}

.kaixuan .am-tabs-tabpane-active .card-body,
.kaixuan .card-details.contract .protocolDetails .details,
.kaixuan .protocolDetails .details p,
.kaixuan .sign-salary-root .singd-details tbody .salary-activeMember,
.kaixuan .sign-salary-root .singd-details tbody .salary-betVolume,
.kaixuan .sign-salary-root .singd-details tbody .salary-rateType,
.kaixuan .statis-gameType-wrap .active {
    color: #5c4636 !important
}

.kaixuan .banner.bet,
.kaixuan .banner.salary {
    background: linear-gradient(90deg, #f0d6a7, #e3a14d)
}

.kaixuan .dividend-list div .dl-content {
    background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important
}

.kaixuan .dividend-list div:last-child .dl-content,
.kaixuan .n-home-container .n-nav-list-title:after,
.kaixuan .n-home-container .n-nav-list-title span {
    background: #c79b65 !important
}

.kaixuan .agentDivident .grid-container {
    background: hsla(34, 36%, 88%, .1)
}

.kaixuan .account-form input:focus,
.kaixuan .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.kaixuan .agrg-downline-input input:focus,
.kaixuan .am-button-ghost,
.kaixuan .common-center-top .common-top-img,
.kaixuan .filter-tabPane-btn,
.kaixuan .game-record-show .am-search,
.kaixuan .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.kaixuan .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.kaixuan .popup-container input,
.kaixuan .red-rain-input input:focus,
.kaixuan .red-rain-underling span.on,
.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.kaixuan .w-input-content {
    border-color: #a58345
}

.kaixuan .am-button-primary,
.kaixuan .am-slider-track,
.kaixuan .discount-tip,
.kaixuan .mc-switch .checkbox.on:before,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.kaixuan .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.kaixuan .vc-v2-title:before,
.kaixuan .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #a58345 !important;
    color: #fff
}

.kaixuan .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.kaixuan .am-tabs-ink-bar,
.kaixuan .inputIcon,
.kaixuan .mc-switch.mc-qutas-bg .on:before,
.kaixuan .mc-trans-filter .am-search-cancel,
.kaixuan .sigin-tab .am-tabs-tab-active .tab-title:after,
.kaixuan .statis-gameType-wrap .btn-wrap.active i:first-child,
.kaixuan .vc-v2-title:before,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #a58345 !important
}

.kaixuan .am-tabs-ink-bar svg,
.kaixuan .inputIcon svg,
.kaixuan .mc-switch.mc-qutas-bg .on:before svg,
.kaixuan .mc-trans-filter .am-search-cancel svg,
.kaixuan .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.kaixuan .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.kaixuan .vc-v2-title:before svg,
.kaixuan .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #a58345 !important
}

.kaixuan .discount-tip,
.kaixuan .mc-trans-filter .am-button-primary,
.kaixuan .trans-checked {
    background: #a58345 !important;
    border-color: #a58345 !important
}

.kaixuan .leader-board-container .leader-board-integral,
.kaixuan .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.kaixuan .mc-trans-filter .am-button-ghost,
.kaixuan .point-history-wrap .am-button-ghost {
    border-color: #aaa;
    color: #aaa
}

.kaixuan .mc-trans-filter .am-button-ghost svg,
.kaixuan .point-history-wrap .am-button-ghost svg {
    fill: #aaa
}

.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.kaixuan .ivi-icon svg {
    display: inline-block
}

.kaixuan .id-verification-icon {
    display: none
}

.kaixuan .add-card-btn,
.kaixuan .agrg-downline-sub,
.kaixuan .am-button-primary,
.kaixuan .bind-first span,
.kaixuan .btn-confirm-date,
.kaixuan .btn-success,
.kaixuan .button-submit,
.kaixuan .change-statis-wrap .statis-left .btn-change-active,
.kaixuan .contract-salary-operation a:last-child,
.kaixuan .copy-contact,
.kaixuan .lkmn-poup-qrcopy,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit,
.kaixuan .play-more-game,
.kaixuan .poplist-footer a:last-child.footer-button,
.kaixuan .profile-swiper-container .am-modal-button,
.kaixuan .sigin-today-sub,
.kaixuan .signedSalary-root .poplist-footer a:last-child.footer-button,
.kaixuan .submitEmail,
.kaixuan .team-member-nickname .trans-container:first-child,
.kaixuan .team-rebate-btnright .am-button,
.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.kaixuan .vc-v2-submit,
.kaixuan .w-input-submit-true {
    background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important
}

.kaixuan .add-card-btn span,
.kaixuan .agrg-downline-sub span,
.kaixuan .am-button-primary span,
.kaixuan .bind-first span span,
.kaixuan .btn-confirm-date span,
.kaixuan .btn-success span,
.kaixuan .button-submit span,
.kaixuan .change-statis-wrap .statis-left .btn-change-active span,
.kaixuan .contract-salary-operation a:last-child span,
.kaixuan .copy-contact span,
.kaixuan .lkmn-poup-qrcopy span,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit span,
.kaixuan .play-more-game span,
.kaixuan .poplist-footer a:last-child.footer-button span,
.kaixuan .profile-swiper-container .am-modal-button span,
.kaixuan .sigin-today-sub span,
.kaixuan .signedSalary-root .poplist-footer a:last-child.footer-button span,
.kaixuan .submitEmail span,
.kaixuan .team-member-nickname .trans-container:first-child span,
.kaixuan .team-rebate-btnright .am-button span,
.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.kaixuan .vc-v2-submit span,
.kaixuan .w-input-submit-true span {
    color: #fff
}

.kaixuan .add-card-btn,
.kaixuan .bind-first span,
.kaixuan .button-submit,
.kaixuan .copy-contact,
.kaixuan .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.kaixuan .mc-lott-record-root .select-Box span.active,
.kaixuan .orderinfo-wrap .orderinfo-submit .button-submit,
.kaixuan .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.kaixuan .devidend-container .popup-header,
.kaixuan .popup-container input,
.kaixuan .salary-popup-header {
    background: rgba(165, 131, 69, .2)
}

.kaixuan .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active,
.kaixuan .statis-gameType-wrap .active {
    background: hsla(33, 47%, 59%, .2) !important;
    border-color: #a58345 !important;
    color: #5c4636 !important
}

.kaixuan .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #a58345 !important
}

.kaixuan .salary-popup-container .input-container input {
    background: rgba(165, 131, 69, .2) !important
}

.kaixuan .lkmn-poup-tbig,
.kaixuan .lkmn-poup-tsmall,
.kaixuan .mc-trans-record-container .color-red-out,
.kaixuan .point-wrap .point-table-title span {
    color: #a58345
}

.kaixuan .common-wb-cards {
    background: linear-gradient(90deg, #f0d6a7, #e3a14d) !important
}

.kaixuan .btn-success {
    box-shadow: 0 .1rem .2rem 0 #c79b65 !important
}

.kaixuan .btn-success.am-button-disabled {
    box-shadow: none !important
}

.kaixuan .withdraw-bkdbtn {
    border-color: #a58345
}

.kaixuan .agrg-downline-input input,
.kaixuan .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.kaixuan .lkmn-poup-qrcnt span,
.kaixuan .mc-trans-filter .chase-number,
.kaixuan .rebateReport-item-root .time,
.kaixuan .red-rain-main input::placeholder,
.kaixuan .show-more,
.kaixuan .singd-downline-info .more-info,
.kaixuan .team-member-trans input::placeholder,
.kaixuan .tmt-header,
.kaixuan .withdraw-bkinfo {
    color: #aaa !important
}

.kaixuan .am-tag-normal,
.kaixuan .statis-gameType-wrap .btn-wrap,
.kaixuan .vc-v2-container .vc-v2-method li,
.kaixuan .vc-v2-container .vc-v2-method li .min-max,
.kaixuan .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #aaa !important;
    border-color: #aaa !important
}

.kaixuan .am-tag-normal.unit-active {
    color: #c79b65 !important;
    border-color: #c79b65 !important
}

.kaixuan .point-wrap .point-list-wrap .point-list-header,
.kaixuan .withdraw-bkadd {
    background: #c79b65
}

.kaixuan .wallet_return div {
    background: hsla(33, 47%, 59%, .4)
}

.kaixuan .n-home-container .n-nav-list-title span,
.kaixuan .wallet_return div {
    color: #fff
}

.kaixuan .n-home-container .n-nav-list-title span svg,
.kaixuan .wallet_return div svg {
    fill: #c79b65
}

.kaixuan .agrg-downline-bnstbt,
.kaixuan .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.kaixuan .agrg-downline-bnstbt svg,
.kaixuan .point-wrap .point-list-wrap .point-list-header svg {
    fill: #a58345
}

.kaixuan .point-wrap .point-list-wrap .point-list-item {
    background: hsla(34, 36%, 88%, .4)
}

.kaixuan .card-details.contract .protocolDetails,
.kaixuan .contract-history .history-tbody {
    background: none
}

.kaixuan .contract-history .history-tbody {
    border-bottom: 1px solid #a58345
}

.kaixuan .exchange-wrap .exchange-submit p,
.kaixuan .mc-profitLoss-record-root .am-button-ghost,
.kaixuan .mc-transaction-record-root .am-button-ghost {
    color: #aaa !important;
    border-color: #aaa !important
}

.kaixuan .exchange-wrap .exchange-submit p svg,
.kaixuan .mc-profitLoss-record-root .am-button-ghost svg,
.kaixuan .mc-transaction-record-root .am-button-ghost svg {
    fill: #aaa !important
}

.kaixuan .auto-fill-btn,
.kaixuan .card-details.contract .protocolDetails .header,
.kaixuan .records-item-header-sy i {
    background: #c79b65 !important
}

.kaixuan .sign-salary-root .singd-details thead tr,
.kaixuan .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #c79b65;
    border-color: #c79b65;
    color: #fff
}

.kaixuan .trans-checked.am-button-active,
.kaixuan .trans-unchecked.am-button-active {
    background: none !important
}

.kaixuan .team-member-nickname .nickname-form input,
.kaixuan .team-member-nickname .trans-container-header .trans-container:last-child,
.kaixuan .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: hsla(34, 36%, 88%, .1) !important
}

.kaixuan .red-rain-input input,
.kaixuan .team-member-nickname .nickname-form input {
    border: 1px solid #aaa
}

.kaixuan .team-member-nickname .nickname-form,
.kaixuan .tt-content {
    background: inherit !important
}

.kaixuan .add-card-btn.dis,
.kaixuan .vc-v2-submit.dis {
    background: #aaa !important
}

.kaixuan .am-tabs-bar .am-tabs-tab-active,
.kaixuan .amount-negative-number,
.kaixuan .card-details .card-header div.endContract span a,
.kaixuan .hd-status-tip,
.kaixuan .leader-board-container .leader-board-header-status div.lb-active,
.kaixuan .lkmn-poup-qrlink span,
.kaixuan .record-footer div span:last-child,
.kaixuan .show-tips a,
.kaixuan .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.kaixuan .team-member-item-header span,
.kaixuan .vrification-loading-content p span {
    color: #a58345 !important
}

.kaixuan .name-filter .am-search .am-search-input,
.kaixuan .name-filter .am-search .am-search-synthetic-ph,
.kaixuan .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #aaa !important
}

.kaixuan .point-history-wrap .am-button-primary {
    color: #fff;
    background: #a58345 !important
}

.kaixuan .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.kaixuan .red-rain-select .am-search-input input {
    color: #aaa !important
}

.kaixuan .red-rain-select .am-search-cancel,
.kaixuan .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #a58345
}

.kaixuan .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #a58345 !important
}

.kaixuan .account-form input:focus,
.kaixuan .play-more-game {
    box-shadow: none !important
}

.kaixuan .am-search-input input[type=search] {
    background: hsla(34, 36%, 88%, .1);
    color: #aaa !important
}

.kaixuan .devidend-container .popup-header span,
.kaixuan .game-amount-content .amount-total,
.kaixuan .mc-notice-content .wysiwyg,
.kaixuan .sigin-today-title,
.kaixuan .team-member-trans header span:last-child {
    color: #5c4636
}

.kaixuan .red-rain-lpbody #mc-header {
    position: relative !important
}

.kaixuan .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.kaixuan .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.kaixuan .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #a58345;
    top: .16rem;
    position: relative
}

.kaixuan .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #a58345
}

.kaixuan .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.kaixuan .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.kaixuan .trans-icon-container svg {
    fill: #ece3d7 !important
}

.kaixuan .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #a58345;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.kaixuan .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.kaixuan .am-picker-popup-item,
.kaixuan .card-header .ric-date {
    color: #a58345 !important
}

.kaixuan .records-item-header-sy i,
.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #a58345 !important
}

.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #ece3d7
}

.kaixuan .point-convert .point-form-item .am-list-extra,
.kaixuan .point-convert .point-form-item .am-list-extra input {
    color: #ece3d7
}

.kaixuan .go-home-btn {
    background: #aaa !important
}

.kaixuan .statis-gameType-wrap .btn-wrap .gameType-item-1,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.kaixuan .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #aaa
}

.kaixuan .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #a58345 !important;
    border-color: #a58345 !important
}

.kaixuan .poplist-footer a:first-child {
    border-color: #aaa !important;
    color: #aaa !important
}

.kaixuan .agent-container .agent-body .h4-wrp,
.kaixuan .leader-board-container .profile-icon {
    border-color: #a58345
}

.kaixuan .statis-gameType-wrap .active i {
    background: #a58345
}

.kaixuan .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.kaixuan .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.kaixuan .vc-v2-submit i {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_down_icon.png")
}

.kaixuan .mall-home-top,
.kaixuan .mall-home-wrap .mall-home-top,
.kaixuan .signin-activity-card {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_sac.png") !important
}

.kaixuan .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_lbc.png") !important
}

.kaixuan .leader-board-container .leader-board-header {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_lbh.png") !important
}

.kaixuan .name-filter .am-search-cancel {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_search.png") !important
}

.kaixuan .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_left.png") !important;
    transform: rotate(0deg)
}

.kaixuan .reward-user-integral {
    background-image: url("/images/theme/kaixuan/assets/rewardCenter/kaixuan_cash.png") !important
}

.kaixuan .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_left.png") !important;
    transform: rotate(180deg)
}

.kaixuan .record-icon-ticket {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_bill.png")
}

.kaixuan .reward-center {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.kaixuan #mc-app-home-root.mc {
    background-image: url("/images/theme/kaixuan/assets/kaixuan_member_home.png") !important
}

.kaixuan .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/kaixuan/assets/kaixuan_sign.png"), linear-gradient(0deg, #c79b65, #c79b65) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.kaixuan .common-center-top .cumulative-sign-in a {
    color: inherit
}

.kaixuan .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/kaixuan/assets/kaixuan_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.kaixuan .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    position: absolute;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/kaixuan/assets/kaixuan_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.kaixuan .common-center-top .cumulative-sign-in:before {
    height: .48rem
}

.kaixuan .common-center-top .cumulative-sign-in:after {
    height: .3rem;
    width: .3rem;
    top: .04rem
}

.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.kaixuan .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

.yuboyl .divident-list-item span {
    width: 21%
}

.yuboyl .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.yuboyl .record-footer span {
    color: #ae958e
}

.yuboyl .record-footer span.time {
    color: #947d75
}

.yuboyl .n-home-container .main-nav-style>.n-linear-border>div {
    background: hsla(15, 13%, 52%, .2)
}

.yuboyl .v-base .main-nav-style {
    color: #8e8e94
}

.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .am-tag-active,
.yuboyl .btn-copy-code,
.yuboyl .mall-home-top .mall-header,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .new-tips,
.yuboyl .team-member-flow .mc-team-flow-unit span.unit-active,
.yuboyl .vc-v2-container .vc-v2-input .inputCon,
.yuboyl .vc-v2-container .vc-v2-input .inputCon i,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #ae958e;
    border-color: #ae958e !important
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.yuboyl .go-home-btn,
.yuboyl .red-rain-underling span,
.yuboyl .vc-v2-container .vc-v2-method-list li {
    color: #8c8d8f;
    border-color: #8c8d8f
}

.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .mall-home-wrap .mall-home-choose .active,
.yuboyl .mc-tab-container .mc-tab-item.tab-active,
.yuboyl .singd-downline-info div span>span,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck {
    color: #ae958e !important;
    border-color: #ae958e !important
}

.yuboyl .am-button-primary,
.yuboyl .n-home-container .n-nav-list-title span {
    border: none !important
}

.yuboyl input {
    caret-color: #ae958e !important
}

.yuboyl .game-record-show .am-search,
.yuboyl .h-icon-active img,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .name-filter .am-button-ghost,
.yuboyl .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #ae958e !important
}

.yuboyl .name-filter .am-button-ghost {
    border: 1px solid #ae958e !important
}

.yuboyl .agent-divident-container,
.yuboyl .agentDivident .am-tabs-bar .am-tabs-tabr,
.yuboyl .am-search,
.yuboyl .am-tabs-bar,
.yuboyl .name-filter,
.yuboyl .name-filter .am-button-ghost,
.yuboyl .reward-center-container,
.yuboyl .sigin-modal .sigin-modal-content {
    background: #fff
}

.yuboyl .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.yuboyl .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.yuboyl .submitEmail {
    box-shadow: none !important
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost,
.yuboyl .am-button-ghost.am-button-active,
.yuboyl .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.yuboyl .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .contract-history .history-thead,
.yuboyl .is-comp,
.yuboyl .popup-container input:focus,
.yuboyl .salary-popup-container input:focus {
    border-color: #ae958e
}

.yuboyl .dividendRatio .arrow-top,
.yuboyl .table-container .dividend-tips .arrow-top {
    border-bottom-color: #ae958e
}

.yuboyl .dividend-header .dividend-header-content>div:first-child p,
.yuboyl .dividend-header .dividend-header-content>div:last-child p {
    color: #ae958e
}

.yuboyl .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.yuboyl .flex-text-tips,
.yuboyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #ff0f47
}

.yuboyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.yuboyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(186, 179, 197, .1)
}

.yuboyl #root #mc-app-home-root.gc,
.yuboyl #root .mc-navbar-blue {
    background: linear-gradient(180deg, #f28e26, #fd644f);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.yuboyl #root #mc-app-home-root.gc .am-navbar-left svg,
.yuboyl #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.yuboyl #root #mc-app-home-root.gc .am-navbar-title,
.yuboyl #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.yuboyl .am-card-body .protocolDetails .header p,
.yuboyl .trans-checked span {
    color: #fff !important
}

.yuboyl #root .mc-home.mc-navbar-blue .am-icon-left,
.yuboyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.yuboyl #root .reward-center .am-navbar-title,
.yuboyl .agent-container .agent-body .h4-wrp,
.yuboyl .agrg-downline-title,
.yuboyl .block-container .block.member,
.yuboyl .block-container .block.unerlvl,
.yuboyl .center-header,
.yuboyl .contract-history .history-thead,
.yuboyl .dividend-header .dividend-header-content .title,
.yuboyl .downline-item-toot .user-info .user-name,
.yuboyl .flex-list-text,
.yuboyl .leader-board-container .leader-board-integral,
.yuboyl .mall-home-top .mall-number-info,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .myRebate .rebate-span-lf,
.yuboyl .ph-text span,
.yuboyl .rebateReport-item-root span,
.yuboyl .salary-popup-header div,
.yuboyl .sigin-modal .sigin-modal-content h3,
.yuboyl .singd-downline-item-toot .user-info .user-name,
.yuboyl .team-member-item-header .customer-item,
.yuboyl .team-op a,
.yuboyl .ti-name,
.yuboyl .tr-item-title,
.yuboyl .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #947d75 !important
}

.yuboyl #mc-app-home-root #mc-header,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.yuboyl .reward-center {
    border-color: #947d75 !important
}

.yuboyl #mc-app-home-root #mc-header svg,
.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.yuboyl .reward-center svg {
    fill: #947d75 !important
}

.yuboyl .bet-filter-modal .ck-icon,
.yuboyl .deposit-list-ck,
.yuboyl .deposit-record-root .deposit-id svg,
.yuboyl .icon-points,
.yuboyl .icon-sign,
.yuboyl .icon-task,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #ae958e !important
}

.yuboyl .tr-item-content-item,
.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #947d75
}

.yuboyl .am-badge-text {
    background-color: #947d75;
    color: #fff
}

.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #f46b04;
    background: rgba(244, 107, 4, .1)
}

.yuboyl .am-modal-button-group-h .am-modal-button:first-child,
.yuboyl .am-tabs-bar .am-tabs-tab,
.yuboyl .card-details.contract .spandetails,
.yuboyl .change-statis-wrap .statis-left .btn-change,
.yuboyl .contract-history .history-tbody,
.yuboyl .dividend-list-more>div,
.yuboyl .flex-list-title,
.yuboyl .list-popup-container,
.yuboyl .mc-team-filter .am-list-item.am-input-item,
.yuboyl .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.yuboyl .pal-records-list-root .time,
.yuboyl .red-rain-input input,
.yuboyl .red-rain-tcenter,
.yuboyl .salary_info tbody tr td,
.yuboyl .salary_rule,
.yuboyl .sigin-c-remarks b,
.yuboyl .sigin-c-remarks p,
.yuboyl .sigin-modal .sigin-modal-content .amount-info p,
.yuboyl .sigin-today-desc,
.yuboyl .statis-container .statis-lin .lin-left div,
.yuboyl .statis-container .statis-lin .lin-rigth div,
.yuboyl .sub-name-search input,
.yuboyl .sub-name-search input::placeholder,
.yuboyl .team-member-item-content,
.yuboyl .team-member-item-content .time,
.yuboyl .team-member-nickname input,
.yuboyl .team-member-trans input,
.yuboyl .team-op a.edit-btn,
.yuboyl .team-rebate-btnleft .am-button,
.yuboyl .tic-footer-title,
.yuboyl .tr-item-time,
.yuboyl .v-base .m-mc-notice-container .m-mc-notice-index-content,
.yuboyl .v-base .m-mc-notice-container .mc-notice-time {
    color: #8c8d8f !important
}

.yuboyl .point-tips {
    color: hsla(220, 1%, 55%, .7) !important
}

.yuboyl .sub-name-search,
.yuboyl .team-rebate-btnleft .am-button {
    border-color: #8c8d8f !important
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.yuboyl .red-rain-input input,
.yuboyl .statis-gameType-wrap .btn-wrap {
    background: rgba(186, 179, 197, .1)
}

.yuboyl .ag-link-lmanage .ag-link-mgbottom,
.yuboyl .agrg-downline-cname,
.yuboyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.yuboyl .leader-board-container .leader-board-header-status div,
.yuboyl .mall-home-middle,
.yuboyl .mall-home-wrap .mall-home-choose,
.yuboyl .mall-order-integral,
.yuboyl .mc-tab-container .mc-tab-item,
.yuboyl .mc-team-filter .am-list-item .am-input-control input,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.yuboyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.yuboyl .orderinfo-wrap .orderinfo-submit p,
.yuboyl .point-history-wrap .point-item-wrap .point-types .point-date,
.yuboyl .point-history-wrap .point-item-wrap .point-types .point-remarks,
.yuboyl .sigin-c-footer .title {
    color: #8c8d8f
}

.yuboyl .lottType-box,
.yuboyl .mc-lott-record-root .select-Box .type,
.yuboyl .mc-lott-record-root .select-Box>div,
.yuboyl .play-chooser form,
.yuboyl .play-chooser input,
.yuboyl .trans-unchecked {
    color: #8c8d8f !important;
    border-color: #8c8d8f !important
}

.yuboyl .exchange-wrap .font-color-red,
.yuboyl .orderinfo-wrap .font-color-red,
.yuboyl .point-history-wrap .color-red,
.yuboyl .sigin-today-desc span,
.yuboyl .today {
    color: #ff0f47 !important
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.yuboyl .am-search-input input[type=search],
.yuboyl .devidend-container .popup-header,
.yuboyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.yuboyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.yuboyl .grid-title,
.yuboyl .leader-board-container .leader-board-header-info,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.yuboyl .point-form-item .am-list-item .am-list-line .am-list-content,
.yuboyl .point-history-wrap .color-black,
.yuboyl .red-rain-tetit,
.yuboyl .red-rain-type .agrg-downline-cname,
.yuboyl .sigin-today-title {
    color: #947d75 !important
}

.yuboyl .contract-history .history-thead,
.yuboyl .dividend-list-more,
.yuboyl .grid-content {
    background: #fafafa
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost,
.yuboyl .contractPeople,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .lott-record-container,
.yuboyl .no-salary-list {
    color: #ae958e
}

.yuboyl .agentSalary .mc-trans-filter .am-button-ghost svg,
.yuboyl .contractPeople svg,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active svg,
.yuboyl .lott-record-container svg,
.yuboyl .no-salary-list svg {
    fill: #ae958e
}

.yuboyl .mc-team-filter .am-list-item.am-input-item,
.yuboyl .sub-name-search {
    border-color: #8c8d8f
}

.yuboyl .mc-team-filter .am-list-item.am-input-item svg,
.yuboyl .sub-name-search svg {
    fill: #8c8d8f
}

.yuboyl .singd-downline-info svg {
    fill: #8c8d8f !important
}

.yuboyl .am-modal-body,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-count,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-name,
.yuboyl .exchange-wrap .font-color-gray,
.yuboyl .game-amount-content span:last-child,
.yuboyl .orderinfo-wrap .orderinfo-body h5,
.yuboyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.yuboyl .point-history-wrap .color-black,
.yuboyl .tic-footer-amount {
    color: #947d75
}

.yuboyl .dividend-rate,
.yuboyl .go-team-bet,
.yuboyl .go-team-bet i,
.yuboyl .go-team-record,
.yuboyl .go-team-record i,
.yuboyl .mc-trans-record-container .color-green-in,
.yuboyl .mt-team-footer,
.yuboyl .records-item-header .game-amount-content span:last-child,
.yuboyl .red-rain-tright,
.yuboyl .team-member-trans header .label,
.yuboyl .tt-balance-content {
    color: #ae958e !important
}

.yuboyl .dividend-rate svg,
.yuboyl .go-team-bet i svg,
.yuboyl .go-team-bet svg,
.yuboyl .go-team-record i svg,
.yuboyl .go-team-record svg,
.yuboyl .mc-trans-record-container .color-green-in svg,
.yuboyl .mt-team-footer svg,
.yuboyl .records-item-header .game-amount-content span:last-child svg,
.yuboyl .red-rain-tright svg,
.yuboyl .team-member-trans header .label svg,
.yuboyl .tt-balance-content svg {
    fill: #ae958e !important
}

.yuboyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.yuboyl .agent-link-nodata svg,
.yuboyl .block.member svg,
.yuboyl .card-header-people,
.yuboyl .devidend-container svg,
.yuboyl .has-claimed svg,
.yuboyl .icon-complete,
.yuboyl .icon-span svg,
.yuboyl .lin-left svg,
.yuboyl .lin-rigth svg,
.yuboyl .lkmn-poup-qrlink svg,
.yuboyl .mall-intergral-svg,
.yuboyl .mc-icon-member,
.yuboyl .mc-trans-filter svg.am-icon-lg,
.yuboyl .need-fill,
.yuboyl .rebateReport-item-content svg,
.yuboyl .salary-popup-container .save-icon,
.yuboyl .security-icon,
.yuboyl .team-member-nickname svg,
.yuboyl .team-member-trans svg,
.yuboyl .team-rebate-tleft svg,
.yuboyl .unerlvl.block svg,
.yuboyl .user-icon {
    fill: #ae958e !important
}

.yuboyl .mc-popup-trans>span>svg {
    fill: #ae958e !important
}

.yuboyl .team-member-trans input {
    border-radius: .15rem
}

.yuboyl .add-inputIcon,
.yuboyl .agrgic-downline-select,
.yuboyl .am-button-ghost.am-button-active,
.yuboyl .am-switch input[type=checkbox]:checked+.checkbox,
.yuboyl .bet-filter-container .bet-filter-sub div.ck:after,
.yuboyl .ContactName,
.yuboyl .ContactNamet,
.yuboyl .Contacts .am-search-cancel,
.yuboyl .discount-tip,
.yuboyl .EmaiWebList .look .am-badge-dot,
.yuboyl .grid-title:after,
.yuboyl .mc-profile-swiper-nav li.ck,
.yuboyl .mc-profitLoss-record-root .am-button-primary,
.yuboyl .mc-transaction-record-root .am-button-primary,
.yuboyl .swiper-pagination-bullet-active,
.yuboyl .ticket-item .ticket-item-btn {
    background: #ae958e !important
}

.yuboyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.yuboyl .account-form input,
.yuboyl .account-form svg.txt-svg,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.yuboyl .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.yuboyl .agent-link-nodata .am-result-title,
.yuboyl .agrg-downline-bnsetp>span,
.yuboyl .agrg-downline-bnslt,
.yuboyl .agrg-downline-bnsrt,
.yuboyl .am-button-ghost,
.yuboyl .am-modal-button-group-v .am-modal-button,
.yuboyl .amount-positive-number,
.yuboyl .banner .money,
.yuboyl .card-details .card-header div.endContract,
.yuboyl .color2,
.yuboyl .contract-history .user-info .user-title,
.yuboyl .contract-tips,
.yuboyl .contractText,
.yuboyl .dividend-list-more>div:nth-child(2n) p,
.yuboyl .dividend-list-more>div:nth-child(odd) p,
.yuboyl .downline-item-toot .action-sign,
.yuboyl .downline-item-toot .start_contract,
.yuboyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.yuboyl .filter-tabPane-btn,
.yuboyl .game-record-show .am-search-cancel,
.yuboyl .is-comp,
.yuboyl .link-detail-title,
.yuboyl .mc-game-record-root .activity-spinner svg,
.yuboyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.yuboyl .new-date-picker .date-picker-content .btn-clear-date,
.yuboyl .new-date-picker .date-picker-content .date-picker-title,
.yuboyl .new-date-picker .date-picker-content .date-picker-title .active-item,
.yuboyl .nodata-container,
.yuboyl .placeholder,
.yuboyl .play-chooser .chase-number>span,
.yuboyl .point-balance p,
.yuboyl .point-convert .point-form-item.important-number .am-list-extra,
.yuboyl .rebate-span-rt,
.yuboyl .rebateReport-item-content .am-flexbox span,
.yuboyl .rebateReport .rebate,
.yuboyl .red-rain-tleft,
.yuboyl .red-rain-underling span.on,
.yuboyl .sc-bonus,
.yuboyl .sc-days,
.yuboyl .sc-integral,
.yuboyl .sigin-modal .sigin-modal-content .amount-info div,
.yuboyl .sign-operation>span,
.yuboyl .statis-container .statis-lin .blue-count,
.yuboyl .statis-container .statis-lin .gray-count,
.yuboyl .statis-container .statis-lin .green-count,
.yuboyl .statis-container .statis-lin .red-count,
.yuboyl .team-member-nickname header .label,
.yuboyl .team-rebate-tcenter,
.yuboyl .v-base .m-mc-notice-container .m-mc-notice-title,
.yuboyl .v-base .m-mc-notice-container .mmnt-title-detail,
.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.yuboyl .vc-v2-container .vc-v2-input .inputCon input,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.yuboyl .vc-v2-container .vc-v2-method li.ck,
.yuboyl .w-input-content,
.yuboyl .w-input-content input,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span {
    color: #ae958e
}

.yuboyl .sigin-c-footer li>div {
    background: hsla(13, 16%, 62%, .1)
}

.yuboyl .play-chooser .am-search-input input[type=search] {
    background: none
}

.yuboyl .am-modal-button-group-h .am-modal-button,
.yuboyl .am-modal-title {
    color: #ae958e
}

.yuboyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.yuboyl .agrg-downline-bnsetp>span:nth-child(2),
.yuboyl .color-red-out,
.yuboyl .singd-downline-info {
    color: #947d75
}

.yuboyl .am-tabs-tabpane-active .card-body,
.yuboyl .card-details.contract .protocolDetails .details,
.yuboyl .protocolDetails .details p,
.yuboyl .sign-salary-root .singd-details tbody .salary-activeMember,
.yuboyl .sign-salary-root .singd-details tbody .salary-betVolume,
.yuboyl .sign-salary-root .singd-details tbody .salary-rateType,
.yuboyl .statis-gameType-wrap .active {
    color: #947d75 !important
}

.yuboyl .banner.bet,
.yuboyl .banner.salary {
    background: linear-gradient(90deg, #f28e26, #fd644f)
}

.yuboyl .dividend-list div .dl-content {
    background: linear-gradient(90deg, #f28e26, #fd644f) !important
}

.yuboyl .dividend-list div:last-child .dl-content,
.yuboyl .n-home-container .n-nav-list-title:after,
.yuboyl .n-home-container .n-nav-list-title span {
    background: #f46b04 !important
}

.yuboyl .agentDivident .grid-container {
    background: rgba(186, 179, 197, .1)
}

.yuboyl .account-form input:focus,
.yuboyl .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.yuboyl .agrg-downline-input input:focus,
.yuboyl .am-button-ghost,
.yuboyl .common-center-top .common-top-img,
.yuboyl .filter-tabPane-btn,
.yuboyl .game-record-show .am-search,
.yuboyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.yuboyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.yuboyl .popup-container input,
.yuboyl .red-rain-input input:focus,
.yuboyl .red-rain-underling span.on,
.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.yuboyl .w-input-content {
    border-color: #ae958e
}

.yuboyl .am-button-primary,
.yuboyl .am-slider-track,
.yuboyl .discount-tip,
.yuboyl .mc-switch .checkbox.on:before,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.yuboyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.yuboyl .vc-v2-title:before,
.yuboyl .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #ae958e !important;
    color: #fff
}

.yuboyl .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.yuboyl .am-tabs-ink-bar,
.yuboyl .inputIcon,
.yuboyl .mc-switch.mc-qutas-bg .on:before,
.yuboyl .mc-trans-filter .am-search-cancel,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.yuboyl .vc-v2-title:before,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #ae958e !important
}

.yuboyl .am-tabs-ink-bar svg,
.yuboyl .inputIcon svg,
.yuboyl .mc-switch.mc-qutas-bg .on:before svg,
.yuboyl .mc-trans-filter .am-search-cancel svg,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.yuboyl .vc-v2-title:before svg,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #ae958e !important
}

.yuboyl .discount-tip,
.yuboyl .mc-trans-filter .am-button-primary,
.yuboyl .trans-checked {
    background: #ae958e !important;
    border-color: #ae958e !important
}

.yuboyl .leader-board-container .leader-board-integral,
.yuboyl .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.yuboyl .mc-trans-filter .am-button-ghost,
.yuboyl .point-history-wrap .am-button-ghost {
    border-color: #8c8d8f;
    color: #8c8d8f
}

.yuboyl .mc-trans-filter .am-button-ghost svg,
.yuboyl .point-history-wrap .am-button-ghost svg {
    fill: #8c8d8f
}

.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.yuboyl .ivi-icon svg {
    display: inline-block
}

.yuboyl .id-verification-icon {
    display: none
}

.yuboyl .add-card-btn,
.yuboyl .agrg-downline-sub,
.yuboyl .am-button-primary,
.yuboyl .bind-first span,
.yuboyl .btn-confirm-date,
.yuboyl .btn-success,
.yuboyl .button-submit,
.yuboyl .change-statis-wrap .statis-left .btn-change-active,
.yuboyl .contract-salary-operation a:last-child,
.yuboyl .copy-contact,
.yuboyl .lkmn-poup-qrcopy,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit,
.yuboyl .play-more-game,
.yuboyl .poplist-footer a:last-child.footer-button,
.yuboyl .profile-swiper-container .am-modal-button,
.yuboyl .sigin-today-sub,
.yuboyl .signedSalary-root .poplist-footer a:last-child.footer-button,
.yuboyl .submitEmail,
.yuboyl .team-member-nickname .trans-container:first-child,
.yuboyl .team-rebate-btnright .am-button,
.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.yuboyl .vc-v2-submit,
.yuboyl .w-input-submit-true {
    background: linear-gradient(90deg, #f28e26, #fd644f) !important
}

.yuboyl .add-card-btn span,
.yuboyl .agrg-downline-sub span,
.yuboyl .am-button-primary span,
.yuboyl .bind-first span span,
.yuboyl .btn-confirm-date span,
.yuboyl .btn-success span,
.yuboyl .button-submit span,
.yuboyl .change-statis-wrap .statis-left .btn-change-active span,
.yuboyl .contract-salary-operation a:last-child span,
.yuboyl .copy-contact span,
.yuboyl .lkmn-poup-qrcopy span,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit span,
.yuboyl .play-more-game span,
.yuboyl .poplist-footer a:last-child.footer-button span,
.yuboyl .profile-swiper-container .am-modal-button span,
.yuboyl .sigin-today-sub span,
.yuboyl .signedSalary-root .poplist-footer a:last-child.footer-button span,
.yuboyl .submitEmail span,
.yuboyl .team-member-nickname .trans-container:first-child span,
.yuboyl .team-rebate-btnright .am-button span,
.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.yuboyl .vc-v2-submit span,
.yuboyl .w-input-submit-true span {
    color: #fff
}

.yuboyl .add-card-btn,
.yuboyl .bind-first span,
.yuboyl .button-submit,
.yuboyl .copy-contact,
.yuboyl .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .orderinfo-wrap .orderinfo-submit .button-submit,
.yuboyl .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.yuboyl .devidend-container .popup-header,
.yuboyl .popup-container input,
.yuboyl .salary-popup-header {
    background: hsla(13, 16%, 62%, .2)
}

.yuboyl .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.yuboyl .statis-gameType-wrap .active {
    background: rgba(244, 107, 4, .2) !important;
    border-color: #ae958e !important;
    color: #947d75 !important
}

.yuboyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #ae958e !important
}

.yuboyl .salary-popup-container .input-container input {
    background: hsla(13, 16%, 62%, .2) !important
}

.yuboyl .lkmn-poup-tbig,
.yuboyl .lkmn-poup-tsmall,
.yuboyl .mc-trans-record-container .color-red-out,
.yuboyl .point-wrap .point-table-title span {
    color: #ae958e
}

.yuboyl .common-wb-cards {
    background: linear-gradient(90deg, #f28e26, #fd644f) !important
}

.yuboyl .btn-success {
    box-shadow: 0 .1rem .2rem 0 #f46b04 !important
}

.yuboyl .btn-success.am-button-disabled {
    box-shadow: none !important
}

.yuboyl .withdraw-bkdbtn {
    border-color: #ae958e
}

.yuboyl .agrg-downline-input input,
.yuboyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.yuboyl .lkmn-poup-qrcnt span,
.yuboyl .mc-trans-filter .chase-number,
.yuboyl .rebateReport-item-root .time,
.yuboyl .red-rain-main input::placeholder,
.yuboyl .show-more,
.yuboyl .singd-downline-info .more-info,
.yuboyl .team-member-trans input::placeholder,
.yuboyl .tmt-header,
.yuboyl .withdraw-bkinfo {
    color: #8c8d8f !important
}

.yuboyl .am-tag-normal,
.yuboyl .statis-gameType-wrap .btn-wrap,
.yuboyl .vc-v2-container .vc-v2-method li,
.yuboyl .vc-v2-container .vc-v2-method li .min-max,
.yuboyl .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #8c8d8f !important;
    border-color: #8c8d8f !important
}

.yuboyl .am-tag-normal.unit-active {
    color: #f46b04 !important;
    border-color: #f46b04 !important
}

.yuboyl .point-wrap .point-list-wrap .point-list-header,
.yuboyl .withdraw-bkadd {
    background: #f46b04
}

.yuboyl .wallet_return div {
    background: rgba(244, 107, 4, .4)
}

.yuboyl .n-home-container .n-nav-list-title span,
.yuboyl .wallet_return div {
    color: #fff
}

.yuboyl .n-home-container .n-nav-list-title span svg,
.yuboyl .wallet_return div svg {
    fill: #f46b04
}

.yuboyl .agrg-downline-bnstbt,
.yuboyl .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.yuboyl .agrg-downline-bnstbt svg,
.yuboyl .point-wrap .point-list-wrap .point-list-header svg {
    fill: #ae958e
}

.yuboyl .point-wrap .point-list-wrap .point-list-item {
    background: rgba(186, 179, 197, .4)
}

.yuboyl .card-details.contract .protocolDetails,
.yuboyl .contract-history .history-tbody {
    background: none
}

.yuboyl .contract-history .history-tbody {
    border-bottom: 1px solid #ae958e
}

.yuboyl .exchange-wrap .exchange-submit p,
.yuboyl .mc-profitLoss-record-root .am-button-ghost,
.yuboyl .mc-transaction-record-root .am-button-ghost {
    color: #8c8d8f !important;
    border-color: #8c8d8f !important
}

.yuboyl .exchange-wrap .exchange-submit p svg,
.yuboyl .mc-profitLoss-record-root .am-button-ghost svg,
.yuboyl .mc-transaction-record-root .am-button-ghost svg {
    fill: #8c8d8f !important
}

.yuboyl .auto-fill-btn,
.yuboyl .card-details.contract .protocolDetails .header,
.yuboyl .records-item-header-sy i {
    background: #f46b04 !important
}

.yuboyl .sign-salary-root .singd-details thead tr,
.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #f46b04;
    border-color: #f46b04;
    color: #fff
}

.yuboyl .trans-checked.am-button-active,
.yuboyl .trans-unchecked.am-button-active {
    background: none !important
}

.yuboyl .team-member-nickname .nickname-form input,
.yuboyl .team-member-nickname .trans-container-header .trans-container:last-child,
.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(186, 179, 197, .1) !important
}

.yuboyl .red-rain-input input,
.yuboyl .team-member-nickname .nickname-form input {
    border: 1px solid #8c8d8f
}

.yuboyl .team-member-nickname .nickname-form,
.yuboyl .tt-content {
    background: inherit !important
}

.yuboyl .add-card-btn.dis,
.yuboyl .vc-v2-submit.dis {
    background: #8c8d8f !important
}

.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .amount-negative-number,
.yuboyl .card-details .card-header div.endContract span a,
.yuboyl .hd-status-tip,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .lkmn-poup-qrlink span,
.yuboyl .record-footer div span:last-child,
.yuboyl .show-tips a,
.yuboyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.yuboyl .team-member-item-header span,
.yuboyl .vrification-loading-content p span {
    color: #ae958e !important
}

.yuboyl .name-filter .am-search .am-search-input,
.yuboyl .name-filter .am-search .am-search-synthetic-ph,
.yuboyl .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #8c8d8f !important
}

.yuboyl .point-history-wrap .am-button-primary {
    color: #fff;
    background: #ae958e !important
}

.yuboyl .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.yuboyl .red-rain-select .am-search-input input {
    color: #8c8d8f !important
}

.yuboyl .red-rain-select .am-search-cancel,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #ae958e
}

.yuboyl .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #ae958e !important
}

.yuboyl .account-form input:focus,
.yuboyl .play-more-game {
    box-shadow: none !important
}

.yuboyl .am-search-input input[type=search] {
    background: rgba(186, 179, 197, .1);
    color: #8c8d8f !important
}

.yuboyl .devidend-container .popup-header span,
.yuboyl .game-amount-content .amount-total,
.yuboyl .mc-notice-content .wysiwyg,
.yuboyl .sigin-today-title,
.yuboyl .team-member-trans header span:last-child {
    color: #947d75
}

.yuboyl .red-rain-lpbody #mc-header {
    position: relative !important
}

.yuboyl .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.yuboyl .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.yuboyl .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #ae958e;
    top: .16rem;
    position: relative
}

.yuboyl .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #ae958e
}

.yuboyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.yuboyl .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.yuboyl .trans-icon-container svg {
    fill: #bab3c5 !important
}

.yuboyl .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #ae958e;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.yuboyl .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.yuboyl .am-picker-popup-item,
.yuboyl .card-header .ric-date {
    color: #ae958e !important
}

.yuboyl .records-item-header-sy i,
.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #ae958e !important
}

.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #bab3c5
}

.yuboyl .point-convert .point-form-item .am-list-extra,
.yuboyl .point-convert .point-form-item .am-list-extra input {
    color: #bab3c5
}

.yuboyl .go-home-btn {
    background: #8c8d8f !important
}

.yuboyl .statis-gameType-wrap .btn-wrap .gameType-item-1,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.yuboyl .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #8c8d8f
}

.yuboyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #ae958e !important;
    border-color: #ae958e !important
}

.yuboyl .poplist-footer a:first-child {
    border-color: #8c8d8f !important;
    color: #8c8d8f !important
}

.yuboyl .agent-container .agent-body .h4-wrp,
.yuboyl .leader-board-container .profile-icon {
    border-color: #ae958e
}

.yuboyl .statis-gameType-wrap .active i {
    background: #ae958e
}

.yuboyl .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.yuboyl .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.yuboyl .vc-v2-submit i {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_down_icon.png")
}

.yuboyl .mall-home-top,
.yuboyl .mall-home-wrap .mall-home-top,
.yuboyl .signin-activity-card {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_sac.png") !important
}

.yuboyl .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_lbc.png") !important
}

.yuboyl .leader-board-container .leader-board-header {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_lbh.png") !important
}

.yuboyl .name-filter .am-search-cancel {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_search.png") !important
}

.yuboyl .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_left.png") !important;
    transform: rotate(0deg)
}

.yuboyl .reward-user-integral {
    background-image: url("/images/theme/yuboyl/assets/rewardCenter/yuboyl_cash.png") !important
}

.yuboyl .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_left.png") !important;
    transform: rotate(180deg)
}

.yuboyl .record-icon-ticket {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_bill.png")
}

.yuboyl .reward-center {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.yuboyl #mc-app-home-root.mc {
    background-image: url("/images/theme/yuboyl/assets/yuboyl_member_home.png") !important
}

.yuboyl .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/yuboyl/assets/yuboyl_sign.png"), linear-gradient(0deg, #f46b04, #f46b04) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.yuboyl .common-center-top .cumulative-sign-in a {
    color: inherit
}

.yuboyl .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/yuboyl/assets/yuboyl_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.yuboyl .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/yuboyl/assets/yuboyl_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.yuboyl .am-modal-button-group-h .am-modal-button,
.yuboyl .am-tabs-bar .am-tabs-tab-active,
.yuboyl .amount-negative-number,
.yuboyl .card-details .card-header div.endContract span a,
.yuboyl .hd-status-tip,
.yuboyl .leader-board-container .leader-board-header-status div.lb-active,
.yuboyl .record-footer div span:last-child,
.yuboyl .show-tips a,
.yuboyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.yuboyl .team-member-item-header span,
.yuboyl .vc-v2-container .vc-v2-input .inputCon i,
.yuboyl .vc-v2-container .vc-v2-input .inputCon input,
.yuboyl .vrification-loading-content p span {
    color: #f46b04 !important
}

.yuboyl .leader-board-container .leader-board-header-status div.lb-active svg,
.yuboyl .no-salary-list svg,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #f46b04 !important
}

.yuboyl .bet-filter-container .bet-filter-item-content .ck-date,
.yuboyl .mall-home-wrap .mall-home-choose .active,
.yuboyl .mc-lott-record-root .select-Box span.active,
.yuboyl .mc-tab-container .mc-tab-item.tab-active,
.yuboyl .red-rain-underling span.on,
.yuboyl .vc-v2-container .vc-v2-method-list li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck,
.yuboyl .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.yuboyl .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #f46b04 !important;
    border-color: #f46b04 !important
}

.yuboyl .n-home-container .main-nav-style>div svg {
    fill: linear-gradient(180deg, #fd644f, #f28e26)
}

.yuboyl .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(180deg, #fff, #e7d9ce);
    border: 1px solid hsla(15, 13%, 52%, .2)
}

.yuboyl .center-svgBox .am-icon-lightning,
.yuboyl .lott-record-container svg {
    fill: #8c8d8f
}

.yuboyl .nodata-container .nodata-icon {
    fill: #ae958e !important
}

.yuboyl .lbti-nodata-modal .statistics,
.yuboyl .leader-board-container .leader-board-list-content .lblc-no-data,
.yuboyl .point-convert .point-form-item .am-list-extra,
.yuboyl .point-convert .point-form-item .am-list-extra input,
.yuboyl .point-wrap .point-list-wrap .point-list-item,
.yuboyl .salary-popup-container .contractRate.input-container {
    color: #8c8d8f
}

.yuboyl .account-form .account-errors strong {
    color: #ff0f47 !important
}

.yuboyl .btn-success {
    box-shadow: 0 .1rem .2rem 0 #ae958e !important
}

.yuboyl .am-switch input[type=checkbox]:checked+.checkbox,
.yuboyl .am-tabs-ink-bar,
.yuboyl .mc-switch.mc-qutas-bg .on:before,
.yuboyl .mc-trans-filter .am-search-cancel,
.yuboyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.yuboyl .swiper-pagination-bullet-active,
.yuboyl .team-member-trans .am-button-ghost,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #f46b04 !important
}

.yuboyl .am-modal-button-group-v .am-modal-button,
.yuboyl .withdraw-container-v2 .am-tabs-tab-active span {
    color: #f46b04 !important
}

.yuboyl .team-member-nickname .trans-container-header .trans-container:last-child,
.yuboyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    color: #8c8d8f !important
}

.yuboyl .agrg-downline-cname,
.yuboyl .am-modal-body,
.yuboyl .contract-history .user-info .user-name,
.yuboyl .point-wrap .point-table-title span {
    color: #947d75 !important
}

.yuboyl .bank-virtual-tips,
.yuboyl .translate-tips {
    color: #ff0f47 !important
}

.yuboyl .am-modal-title,
.yuboyl .lkmn-poup-qrlink span,
.yuboyl .record-footer div span:last-child,
.yuboyl .singd-downline-info div span>span,
.yuboyl .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
    color: #ae958e !important
}

.yuboyl .agentDivident .myDividend .name-filter .searchOne {
    color: #f46b04 !important
}

.yuboyl .dividend-list .show-icon.unfold {
    background-image: url(/images/theme/yuboyl/assets/yuboyl_show.png)
}

.yuboyl .dividend-list .show-icon.fold {
    background-image: url(/images/theme/yuboyl/assets/yuboyl_hide.png)
}

.yuboyl .contractPeople svg,
.yuboyl .mc-trans-filter .am-button-ghost svg {
    fill: #ae958e !important
}

.yuboyl .agent-notice-container {
    background: #f8f8f8
}

.yuboyl .banner.bet,
.yuboyl .banner.salary,
.yuboyl .common-wb-cards,
.yuboyl .singd-details thead tr {
    background: linear-gradient(90deg, #f28e26, #fd644f) !important
}

.yuboyl .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    background-image: url("/images/theme/yuboyl/assets/sign.png"), linear-gradient(90deg, #f28e26, #fd644f) !important
}

.yuboyl .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.yuboyl .am-badge-text,
.yuboyl .new-date-picker.team-view .date-picker-warp .pickter-item.active-item span {
    background-color: #f46b04;
    color: #fff
}

.yuboyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.yuboyl #root .reward-center .am-navbar-title,
.yuboyl .mc-navbar-blue.am-navbar,
.yuboyl .profile-swiper-container .am-modal-button {
    color: #fff !important
}

.yuboyl #mc-app-home-root #mc-header svg,
.yuboyl .reward-center .return_icon svg {
    fill: #fff !important
}

.yuboyl .point-wrap .point-list-wrap .point-list-header,
.yuboyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.yuboyl .vc-v2-title:before {
    background-color: #ae958e
}

.yuboyl .vc-v2-container .vc-v2-method li {
    border: .02rem solid #8c8d8f !important
}

.yuboyl .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #8c8d8f
}

.yuboyl .point-tips {
    color: hsla(15, 13%, 52%, .7) !important
}

.yuboyl .point-wrap .point-list-wrap .point-list-item {
    background: rgba(186, 179, 197, .2)
}

.yuboyl .n-home-container .main-nav-style>div svg {
    fill: url(#yuboyl-gradient) #d1a24f
}

.yuboyl .mc-trans-filter .am-button-primary {
    background-color: #f46b04 !important;
    border-color: #f46b04 !important
}

.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost {
    border-color: #8c8d8f !important;
    color: #8c8d8f !important
}

.yuboyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
    fill: #8c8d8f !important
}

.yuboyl .lkmn-poup-qrcode,
.yuboyl .red-rain-underling {
    background-color: #fff !important
}

.yuboyl .team-member-nickname .nickname-form input,
.yuboyl .team-member-trans input {
    border: 1px solid #ae958e !important
}

.yuboyl .red-rain-select .am-search-input input {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.yuboyl .mc-trans-filter .am-button-ghost {
    border-color: #ae958e !important;
    color: #ae958e !important
}

.yuboyl .new-date-picker .date-picker-warp .pickter-item.through-item {
    background: rgba(244, 107, 4, .2)
}

.yuboyl .team-member-trans .am-button-ghost.trans-unchecked {
    background: #fff !important;
    border-color: #8c8d8f !important;
    color: #8c8d8f !important
}

.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.yuboyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

body.timiyl {
    background-color: #fff
}

.timiyl .divident-list-item span {
    width: 21%
}

.timiyl .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.timiyl .record-footer span {
    color: #2c658b
}

.timiyl .record-footer span.time {
    color: #59c2f8
}

.timiyl .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #1e4451, #3c8aa5)
}

.timiyl .n-home-container .main-nav-style>.n-linear-border>div {
    background: rgba(89, 194, 248, .2)
}

.timiyl .n-home-container .main-nav-style>div svg {
    fill: linear-gradient(0deg, #5bc6ce, #71f3fc)
}

.timiyl .v-base .main-nav-style {
    color: #000924
}

.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .am-tag-active,
.timiyl .btn-copy-code,
.timiyl .mall-home-top .mall-header,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .new-tips,
.timiyl .team-member-flow .mc-team-flow-unit span.unit-active,
.timiyl .vc-v2-container .vc-v2-input .inputCon,
.timiyl .vc-v2-container .vc-v2-input .inputCon i,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #2c658b;
    border-color: #2c658b !important
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.timiyl .go-home-btn,
.timiyl .red-rain-underling span,
.timiyl .vc-v2-container .vc-v2-method-list li {
    color: #aaa;
    border-color: #aaa
}

.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .mall-home-wrap .mall-home-choose .active,
.timiyl .mc-tab-container .mc-tab-item.tab-active,
.timiyl .singd-downline-info div span>span,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck {
    color: #2c658b !important;
    border-color: #2c658b !important
}

.timiyl .am-button-primary,
.timiyl .n-home-container .n-nav-list-title span {
    border: none !important
}

.timiyl input {
    caret-color: #2c658b !important
}

.timiyl .game-record-show .am-search,
.timiyl .h-icon-active img,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .name-filter .am-button-ghost,
.timiyl .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #2c658b !important
}

.timiyl .name-filter .am-button-ghost {
    border: 1px solid #2c658b !important
}

.timiyl .agent-divident-container,
.timiyl .agentDivident .am-tabs-bar .am-tabs-tabr,
.timiyl .am-search,
.timiyl .am-tabs-bar,
.timiyl .name-filter,
.timiyl .name-filter .am-button-ghost,
.timiyl .reward-center-container,
.timiyl .sigin-modal .sigin-modal-content {
    background: #fff
}

.timiyl .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.timiyl .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.timiyl .submitEmail {
    box-shadow: none !important
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost,
.timiyl .am-button-ghost.am-button-active,
.timiyl .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.timiyl .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .contract-history .history-thead,
.timiyl .is-comp,
.timiyl .popup-container input:focus,
.timiyl .salary-popup-container input:focus {
    border-color: #2c658b
}

.timiyl .dividendRatio .arrow-top,
.timiyl .table-container .dividend-tips .arrow-top {
    border-bottom-color: #2c658b
}

.timiyl .dividend-header .dividend-header-content>div:first-child p,
.timiyl .dividend-header .dividend-header-content>div:last-child p {
    color: #2c658b
}

.timiyl .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.timiyl .flex-text-tips,
.timiyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #fb474b
}

.timiyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.timiyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(150, 179, 198, .1)
}

.timiyl #root #mc-app-home-root.gc,
.timiyl #root .mc-navbar-blue {
    background: linear-gradient(180deg, #71f3fc, #5bc6ce);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.timiyl #root #mc-app-home-root.gc .am-navbar-left svg,
.timiyl #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.timiyl #root #mc-app-home-root.gc .am-navbar-title,
.timiyl #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.timiyl .am-card-body .protocolDetails .header p,
.timiyl .trans-checked span {
    color: #fff !important
}

.timiyl #root .mc-home.mc-navbar-blue .am-icon-left,
.timiyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.timiyl #root .reward-center .am-navbar-title,
.timiyl .agent-container .agent-body .h4-wrp,
.timiyl .agrg-downline-title,
.timiyl .block-container .block.member,
.timiyl .block-container .block.unerlvl,
.timiyl .center-header,
.timiyl .contract-history .history-thead,
.timiyl .dividend-header .dividend-header-content .title,
.timiyl .downline-item-toot .user-info .user-name,
.timiyl .flex-list-text,
.timiyl .leader-board-container .leader-board-integral,
.timiyl .mall-home-top .mall-number-info,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .myRebate .rebate-span-lf,
.timiyl .ph-text span,
.timiyl .rebateReport-item-root span,
.timiyl .salary-popup-header div,
.timiyl .sigin-modal .sigin-modal-content h3,
.timiyl .singd-downline-item-toot .user-info .user-name,
.timiyl .team-member-item-header .customer-item,
.timiyl .team-op a,
.timiyl .ti-name,
.timiyl .tr-item-title,
.timiyl .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #59c2f8 !important
}

.timiyl #mc-app-home-root #mc-header,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost,
.timiyl .reward-center {
    border-color: #59c2f8 !important
}

.timiyl #mc-app-home-root #mc-header svg,
.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.timiyl .reward-center svg {
    fill: #59c2f8 !important
}

.timiyl .bet-filter-modal .ck-icon,
.timiyl .deposit-list-ck,
.timiyl .deposit-record-root .deposit-id svg,
.timiyl .icon-points,
.timiyl .icon-sign,
.timiyl .icon-task,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #2c658b !important
}

.timiyl .tr-item-content-item,
.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #59c2f8
}

.timiyl .am-badge-text {
    background-color: #59c2f8;
    color: #fff
}

.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #1e4451;
    background: rgba(30, 68, 81, .1)
}

.timiyl .am-modal-button-group-h .am-modal-button:first-child,
.timiyl .am-tabs-bar .am-tabs-tab,
.timiyl .card-details.contract .spandetails,
.timiyl .change-statis-wrap .statis-left .btn-change,
.timiyl .contract-history .history-tbody,
.timiyl .dividend-list-more>div,
.timiyl .flex-list-title,
.timiyl .list-popup-container,
.timiyl .mc-team-filter .am-list-item.am-input-item,
.timiyl .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.timiyl .pal-records-list-root .time,
.timiyl .red-rain-input input,
.timiyl .red-rain-tcenter,
.timiyl .salary_info tbody tr td,
.timiyl .salary_rule,
.timiyl .sigin-c-remarks b,
.timiyl .sigin-c-remarks p,
.timiyl .sigin-modal .sigin-modal-content .amount-info p,
.timiyl .sigin-today-desc,
.timiyl .statis-container .statis-lin .lin-left div,
.timiyl .statis-container .statis-lin .lin-rigth div,
.timiyl .sub-name-search input,
.timiyl .sub-name-search input::placeholder,
.timiyl .team-member-item-content,
.timiyl .team-member-item-content .time,
.timiyl .team-member-nickname input,
.timiyl .team-member-trans input,
.timiyl .team-op a.edit-btn,
.timiyl .team-rebate-btnleft .am-button,
.timiyl .tic-footer-title,
.timiyl .tr-item-time,
.timiyl .v-base .m-mc-notice-container .m-mc-notice-index-content,
.timiyl .v-base .m-mc-notice-container .mc-notice-time {
    color: #aaa !important
}

.timiyl .point-tips {
    color: hsla(0, 0%, 67%, .7) !important
}

.timiyl .sub-name-search,
.timiyl .team-rebate-btnleft .am-button {
    border-color: #aaa !important
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.timiyl .red-rain-input input,
.timiyl .statis-gameType-wrap .btn-wrap {
    background: rgba(150, 179, 198, .1)
}

.timiyl .ag-link-lmanage .ag-link-mgbottom,
.timiyl .agrg-downline-cname,
.timiyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-price li,
.timiyl .leader-board-container .leader-board-header-status div,
.timiyl .mall-home-middle,
.timiyl .mall-home-wrap .mall-home-choose,
.timiyl .mall-order-integral,
.timiyl .mc-tab-container .mc-tab-item,
.timiyl .mc-team-filter .am-list-item .am-input-control input,
.timiyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.timiyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.timiyl .orderinfo-wrap .orderinfo-submit p,
.timiyl .point-history-wrap .point-item-wrap .point-types .point-date,
.timiyl .point-history-wrap .point-item-wrap .point-types .point-remarks,
.timiyl .sigin-c-footer .title {
    color: #aaa
}

.timiyl .lottType-box,
.timiyl .mc-lott-record-root .select-Box .type,
.timiyl .mc-lott-record-root .select-Box>div,
.timiyl .play-chooser form,
.timiyl .play-chooser input,
.timiyl .trans-unchecked {
    color: #aaa !important;
    border-color: #aaa !important
}

.timiyl .exchange-wrap .font-color-red,
.timiyl .orderinfo-wrap .font-color-red,
.timiyl .point-history-wrap .color-red,
.timiyl .sigin-today-desc span,
.timiyl .today {
    color: #fb474b !important
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.timiyl .am-search-input input[type=search],
.timiyl .devidend-container .popup-header,
.timiyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.timiyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.timiyl .grid-title,
.timiyl .leader-board-container .leader-board-header-info,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.timiyl .point-form-item .am-list-item .am-list-line .am-list-content,
.timiyl .point-history-wrap .color-black,
.timiyl .red-rain-tetit,
.timiyl .red-rain-type .agrg-downline-cname,
.timiyl .sigin-today-title {
    color: #59c2f8 !important
}

.timiyl .contract-history .history-thead,
.timiyl .dividend-list-more,
.timiyl .grid-content {
    background: #fafafa
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost,
.timiyl .contractPeople,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .lott-record-container,
.timiyl .no-salary-list {
    color: #2c658b
}

.timiyl .agentSalary .mc-trans-filter .am-button-ghost svg,
.timiyl .contractPeople svg,
.timiyl .leader-board-container .leader-board-header-status div.lb-active svg,
.timiyl .lott-record-container svg,
.timiyl .no-salary-list svg {
    fill: #2c658b
}

.timiyl .mc-team-filter .am-list-item.am-input-item,
.timiyl .sub-name-search {
    border-color: #aaa
}

.timiyl .mc-team-filter .am-list-item.am-input-item svg,
.timiyl .sub-name-search svg {
    fill: #aaa
}

.timiyl .singd-downline-info svg {
    fill: #aaa !important
}

.timiyl .am-modal-body,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-count,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-name,
.timiyl .exchange-wrap .font-color-gray,
.timiyl .game-amount-content span:last-child,
.timiyl .orderinfo-wrap .orderinfo-body h5,
.timiyl .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.timiyl .point-history-wrap .color-black,
.timiyl .tic-footer-amount {
    color: #59c2f8
}

.timiyl .dividend-rate,
.timiyl .go-team-bet,
.timiyl .go-team-bet i,
.timiyl .go-team-record,
.timiyl .go-team-record i,
.timiyl .mc-trans-record-container .color-green-in,
.timiyl .mt-team-footer,
.timiyl .records-item-header .game-amount-content span:last-child,
.timiyl .red-rain-tright,
.timiyl .team-member-trans header .label,
.timiyl .tt-balance-content {
    color: #2c658b !important
}

.timiyl .dividend-rate svg,
.timiyl .go-team-bet i svg,
.timiyl .go-team-bet svg,
.timiyl .go-team-record i svg,
.timiyl .go-team-record svg,
.timiyl .mc-trans-record-container .color-green-in svg,
.timiyl .mt-team-footer svg,
.timiyl .records-item-header .game-amount-content span:last-child svg,
.timiyl .red-rain-tright svg,
.timiyl .team-member-trans header .label svg,
.timiyl .tt-balance-content svg {
    fill: #2c658b !important
}

.timiyl .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.timiyl .agent-link-nodata svg,
.timiyl .block.member svg,
.timiyl .card-header-people,
.timiyl .devidend-container svg,
.timiyl .has-claimed svg,
.timiyl .icon-complete,
.timiyl .icon-span svg,
.timiyl .lin-left svg,
.timiyl .lin-rigth svg,
.timiyl .lkmn-poup-qrlink svg,
.timiyl .mall-intergral-svg,
.timiyl .mc-icon-member,
.timiyl .mc-trans-filter svg.am-icon-lg,
.timiyl .need-fill,
.timiyl .rebateReport-item-content svg,
.timiyl .salary-popup-container .save-icon,
.timiyl .security-icon,
.timiyl .team-member-nickname svg,
.timiyl .team-member-trans svg,
.timiyl .team-rebate-tleft svg,
.timiyl .unerlvl.block svg,
.timiyl .user-icon {
    fill: #2c658b !important
}

.timiyl .mc-popup-trans>span>svg {
    fill: #2c658b !important
}

.timiyl .team-member-trans input {
    border-radius: .15rem
}

.timiyl .add-inputIcon,
.timiyl .agrgic-downline-select,
.timiyl .am-button-ghost.am-button-active,
.timiyl .am-switch input[type=checkbox]:checked+.checkbox,
.timiyl .bet-filter-container .bet-filter-sub div.ck:after,
.timiyl .ContactName,
.timiyl .ContactNamet,
.timiyl .Contacts .am-search-cancel,
.timiyl .discount-tip,
.timiyl .EmaiWebList .look .am-badge-dot,
.timiyl .grid-title:after,
.timiyl .mc-profile-swiper-nav li.ck,
.timiyl .mc-profitLoss-record-root .am-button-primary,
.timiyl .mc-transaction-record-root .am-button-primary,
.timiyl .swiper-pagination-bullet-active,
.timiyl .ticket-item .ticket-item-btn {
    background: #2c658b !important
}

.timiyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item.through-item,
.timiyl .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.timiyl .account-form input,
.timiyl .account-form svg.txt-svg,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.timiyl .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.timiyl .agent-link-nodata .am-result-title,
.timiyl .agrg-downline-bnsetp>span,
.timiyl .agrg-downline-bnslt,
.timiyl .agrg-downline-bnsrt,
.timiyl .am-button-ghost,
.timiyl .am-modal-button-group-v .am-modal-button,
.timiyl .amount-positive-number,
.timiyl .banner .money,
.timiyl .card-details .card-header div.endContract,
.timiyl .color2,
.timiyl .contract-history .user-info .user-title,
.timiyl .contract-tips,
.timiyl .contractText,
.timiyl .dividend-list-more>div:nth-child(2n) p,
.timiyl .dividend-list-more>div:nth-child(odd) p,
.timiyl .downline-item-toot .action-sign,
.timiyl .downline-item-toot .start_contract,
.timiyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.timiyl .filter-tabPane-btn,
.timiyl .game-record-show .am-search-cancel,
.timiyl .is-comp,
.timiyl .link-detail-title,
.timiyl .mc-game-record-root .activity-spinner svg,
.timiyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.timiyl .new-date-picker .date-picker-content .btn-clear-date,
.timiyl .new-date-picker .date-picker-content .date-picker-title,
.timiyl .new-date-picker .date-picker-content .date-picker-title .active-item,
.timiyl .nodata-container,
.timiyl .placeholder,
.timiyl .play-chooser .chase-number>span,
.timiyl .point-balance p,
.timiyl .point-convert .point-form-item.important-number .am-list-extra,
.timiyl .rebate-span-rt,
.timiyl .rebateReport-item-content .am-flexbox span,
.timiyl .rebateReport .rebate,
.timiyl .red-rain-tleft,
.timiyl .red-rain-underling span.on,
.timiyl .sc-bonus,
.timiyl .sc-days,
.timiyl .sc-integral,
.timiyl .sigin-modal .sigin-modal-content .amount-info div,
.timiyl .sign-operation>span,
.timiyl .statis-container .statis-lin .blue-count,
.timiyl .statis-container .statis-lin .gray-count,
.timiyl .statis-container .statis-lin .green-count,
.timiyl .statis-container .statis-lin .red-count,
.timiyl .team-member-nickname header .label,
.timiyl .team-rebate-tcenter,
.timiyl .v-base .m-mc-notice-container .m-mc-notice-title,
.timiyl .v-base .m-mc-notice-container .mmnt-title-detail,
.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.timiyl .vc-v2-container .vc-v2-input .inputCon input,
.timiyl .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.timiyl .vc-v2-container .vc-v2-method li.ck,
.timiyl .w-input-content,
.timiyl .w-input-content input,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span {
    color: #2c658b
}

.timiyl .sigin-c-footer li>div {
    background: rgba(44, 101, 139, .1)
}

.timiyl .play-chooser .am-search-input input[type=search] {
    background: none
}

.timiyl .am-modal-button-group-h .am-modal-button,
.timiyl .am-modal-title {
    color: #2c658b
}

.timiyl .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.timiyl .agrg-downline-bnsetp>span:nth-child(2),
.timiyl .color-red-out,
.timiyl .singd-downline-info {
    color: #59c2f8
}

.timiyl .am-tabs-tabpane-active .card-body,
.timiyl .card-details.contract .protocolDetails .details,
.timiyl .protocolDetails .details p,
.timiyl .sign-salary-root .singd-details tbody .salary-activeMember,
.timiyl .sign-salary-root .singd-details tbody .salary-betVolume,
.timiyl .sign-salary-root .singd-details tbody .salary-rateType,
.timiyl .statis-gameType-wrap .active {
    color: #59c2f8 !important
}

.timiyl .banner.bet,
.timiyl .banner.salary {
    background: linear-gradient(90deg, #71f3fc, #5bc6ce)
}

.timiyl .dividend-list div .dl-content {
    background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important
}

.timiyl .dividend-list div:last-child .dl-content,
.timiyl .n-home-container .n-nav-list-title:after,
.timiyl .n-home-container .n-nav-list-title span {
    background: #1e4451 !important
}

.timiyl .agentDivident .grid-container {
    background: rgba(150, 179, 198, .1)
}

.timiyl .account-form input:focus,
.timiyl .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.timiyl .agrg-downline-input input:focus,
.timiyl .am-button-ghost,
.timiyl .common-center-top .common-top-img,
.timiyl .filter-tabPane-btn,
.timiyl .game-record-show .am-search,
.timiyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.timiyl .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.timiyl .popup-container input,
.timiyl .red-rain-input input:focus,
.timiyl .red-rain-underling span.on,
.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.timiyl .w-input-content {
    border-color: #2c658b
}

.timiyl .am-button-primary,
.timiyl .am-slider-track,
.timiyl .discount-tip,
.timiyl .mc-switch .checkbox.on:before,
.timiyl .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.timiyl .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.timiyl .vc-v2-title:before,
.timiyl .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #2c658b !important;
    color: #fff
}

.timiyl .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.timiyl .am-tabs-ink-bar,
.timiyl .inputIcon,
.timiyl .mc-switch.mc-qutas-bg .on:before,
.timiyl .mc-trans-filter .am-search-cancel,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.timiyl .vc-v2-title:before,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #2c658b !important
}

.timiyl .am-tabs-ink-bar svg,
.timiyl .inputIcon svg,
.timiyl .mc-switch.mc-qutas-bg .on:before svg,
.timiyl .mc-trans-filter .am-search-cancel svg,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.timiyl .vc-v2-title:before svg,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #2c658b !important
}

.timiyl .discount-tip,
.timiyl .mc-trans-filter .am-button-primary,
.timiyl .trans-checked {
    background: #2c658b !important;
    border-color: #2c658b !important
}

.timiyl .leader-board-container .leader-board-integral,
.timiyl .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.timiyl .mc-trans-filter .am-button-ghost,
.timiyl .point-history-wrap .am-button-ghost {
    border-color: #aaa;
    color: #aaa
}

.timiyl .mc-trans-filter .am-button-ghost svg,
.timiyl .point-history-wrap .am-button-ghost svg {
    fill: #aaa
}

.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.timiyl .ivi-icon svg {
    display: inline-block
}

.timiyl .id-verification-icon {
    display: none
}

.timiyl .add-card-btn,
.timiyl .agrg-downline-sub,
.timiyl .am-button-primary,
.timiyl .bind-first span,
.timiyl .btn-confirm-date,
.timiyl .btn-success,
.timiyl .button-submit,
.timiyl .change-statis-wrap .statis-left .btn-change-active,
.timiyl .contract-salary-operation a:last-child,
.timiyl .copy-contact,
.timiyl .lkmn-poup-qrcopy,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit,
.timiyl .play-more-game,
.timiyl .poplist-footer a:last-child.footer-button,
.timiyl .profile-swiper-container .am-modal-button,
.timiyl .sigin-today-sub,
.timiyl .signedSalary-root .poplist-footer a:last-child.footer-button,
.timiyl .submitEmail,
.timiyl .team-member-nickname .trans-container:first-child,
.timiyl .team-rebate-btnright .am-button,
.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.timiyl .vc-v2-submit,
.timiyl .w-input-submit-true {
    background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important
}

.timiyl .add-card-btn span,
.timiyl .agrg-downline-sub span,
.timiyl .am-button-primary span,
.timiyl .bind-first span span,
.timiyl .btn-confirm-date span,
.timiyl .btn-success span,
.timiyl .button-submit span,
.timiyl .change-statis-wrap .statis-left .btn-change-active span,
.timiyl .contract-salary-operation a:last-child span,
.timiyl .copy-contact span,
.timiyl .lkmn-poup-qrcopy span,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit span,
.timiyl .play-more-game span,
.timiyl .poplist-footer a:last-child.footer-button span,
.timiyl .profile-swiper-container .am-modal-button span,
.timiyl .sigin-today-sub span,
.timiyl .signedSalary-root .poplist-footer a:last-child.footer-button span,
.timiyl .submitEmail span,
.timiyl .team-member-nickname .trans-container:first-child span,
.timiyl .team-rebate-btnright .am-button span,
.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.timiyl .vc-v2-submit span,
.timiyl .w-input-submit-true span {
    color: #fff
}

.timiyl .add-card-btn,
.timiyl .bind-first span,
.timiyl .button-submit,
.timiyl .copy-contact,
.timiyl .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .orderinfo-wrap .orderinfo-submit .button-submit,
.timiyl .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.timiyl .devidend-container .popup-header,
.timiyl .popup-container input,
.timiyl .salary-popup-header {
    background: rgba(44, 101, 139, .2)
}

.timiyl .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active,
.timiyl .statis-gameType-wrap .active {
    background: rgba(30, 68, 81, .2) !important;
    border-color: #2c658b !important;
    color: #59c2f8 !important
}

.timiyl .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #2c658b !important
}

.timiyl .salary-popup-container .input-container input {
    background: rgba(44, 101, 139, .2) !important
}

.timiyl .lkmn-poup-tbig,
.timiyl .lkmn-poup-tsmall,
.timiyl .mc-trans-record-container .color-red-out,
.timiyl .point-wrap .point-table-title span {
    color: #2c658b
}

.timiyl .common-wb-cards {
    background: linear-gradient(90deg, #71f3fc, #5bc6ce) !important
}

.timiyl .btn-success {
    box-shadow: 0 .1rem .2rem 0 #1e4451 !important
}

.timiyl .btn-success.am-button-disabled {
    box-shadow: none !important
}

.timiyl .withdraw-bkdbtn {
    border-color: #2c658b
}

.timiyl .agrg-downline-input input,
.timiyl .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.timiyl .lkmn-poup-qrcnt span,
.timiyl .mc-trans-filter .chase-number,
.timiyl .rebateReport-item-root .time,
.timiyl .red-rain-main input::placeholder,
.timiyl .show-more,
.timiyl .singd-downline-info .more-info,
.timiyl .team-member-trans input::placeholder,
.timiyl .tmt-header,
.timiyl .withdraw-bkinfo {
    color: #aaa !important
}

.timiyl .am-tag-normal,
.timiyl .statis-gameType-wrap .btn-wrap,
.timiyl .vc-v2-container .vc-v2-method li,
.timiyl .vc-v2-container .vc-v2-method li .min-max,
.timiyl .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #aaa !important;
    border-color: #aaa !important
}

.timiyl .am-tag-normal.unit-active {
    color: #1e4451 !important;
    border-color: #1e4451 !important
}

.timiyl .point-wrap .point-list-wrap .point-list-header,
.timiyl .withdraw-bkadd {
    background: #1e4451
}

.timiyl .wallet_return div {
    background: rgba(30, 68, 81, .4)
}

.timiyl .n-home-container .n-nav-list-title span,
.timiyl .wallet_return div {
    color: #fff
}

.timiyl .n-home-container .n-nav-list-title span svg,
.timiyl .wallet_return div svg {
    fill: #1e4451
}

.timiyl .agrg-downline-bnstbt,
.timiyl .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.timiyl .agrg-downline-bnstbt svg,
.timiyl .point-wrap .point-list-wrap .point-list-header svg {
    fill: #2c658b
}

.timiyl .point-wrap .point-list-wrap .point-list-item {
    background: rgba(150, 179, 198, .4)
}

.timiyl .card-details.contract .protocolDetails,
.timiyl .contract-history .history-tbody {
    background: none
}

.timiyl .contract-history .history-tbody {
    border-bottom: 1px solid #2c658b
}

.timiyl .exchange-wrap .exchange-submit p,
.timiyl .mc-profitLoss-record-root .am-button-ghost,
.timiyl .mc-transaction-record-root .am-button-ghost {
    color: #aaa !important;
    border-color: #aaa !important
}

.timiyl .exchange-wrap .exchange-submit p svg,
.timiyl .mc-profitLoss-record-root .am-button-ghost svg,
.timiyl .mc-transaction-record-root .am-button-ghost svg {
    fill: #aaa !important
}

.timiyl .auto-fill-btn,
.timiyl .card-details.contract .protocolDetails .header,
.timiyl .records-item-header-sy i {
    background: #1e4451 !important
}

.timiyl .sign-salary-root .singd-details thead tr,
.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #1e4451;
    border-color: #1e4451;
    color: #fff
}

.timiyl .trans-checked.am-button-active,
.timiyl .trans-unchecked.am-button-active {
    background: none !important
}

.timiyl .team-member-nickname .nickname-form input,
.timiyl .team-member-nickname .trans-container-header .trans-container:last-child,
.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(150, 179, 198, .1) !important
}

.timiyl .red-rain-input input,
.timiyl .team-member-nickname .nickname-form input {
    border: 1px solid #aaa
}

.timiyl .team-member-nickname .nickname-form,
.timiyl .tt-content {
    background: inherit !important
}

.timiyl .add-card-btn.dis,
.timiyl .vc-v2-submit.dis {
    background: #aaa !important
}

.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .amount-negative-number,
.timiyl .card-details .card-header div.endContract span a,
.timiyl .hd-status-tip,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .lkmn-poup-qrlink span,
.timiyl .record-footer div span:last-child,
.timiyl .show-tips a,
.timiyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.timiyl .team-member-item-header span,
.timiyl .vrification-loading-content p span {
    color: #2c658b !important
}

.timiyl .name-filter .am-search .am-search-input,
.timiyl .name-filter .am-search .am-search-synthetic-ph,
.timiyl .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #aaa !important
}

.timiyl .point-history-wrap .am-button-primary {
    color: #fff;
    background: #2c658b !important
}

.timiyl .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.timiyl .red-rain-select .am-search-input input {
    color: #aaa !important
}

.timiyl .red-rain-select .am-search-cancel,
.timiyl .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #2c658b
}

.timiyl .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #2c658b !important
}

.timiyl .account-form input:focus,
.timiyl .play-more-game {
    box-shadow: none !important
}

.timiyl .am-search-input input[type=search] {
    background: rgba(150, 179, 198, .1);
    color: #aaa !important
}

.timiyl .devidend-container .popup-header span,
.timiyl .game-amount-content .amount-total,
.timiyl .mc-notice-content .wysiwyg,
.timiyl .sigin-today-title,
.timiyl .team-member-trans header span:last-child {
    color: #59c2f8
}

.timiyl .red-rain-lpbody #mc-header {
    position: relative !important
}

.timiyl .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.timiyl .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.timiyl .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #2c658b;
    top: .16rem;
    position: relative
}

.timiyl .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.timiyl .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #2c658b
}

.timiyl .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.timiyl .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.timiyl .trans-icon-container svg {
    fill: #96b3c6 !important
}

.timiyl .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #2c658b;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.timiyl .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.timiyl .am-picker-popup-item,
.timiyl .card-header .ric-date {
    color: #2c658b !important
}

.timiyl .records-item-header-sy i,
.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #2c658b !important
}

.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #96b3c6
}

.timiyl .point-convert .point-form-item .am-list-extra,
.timiyl .point-convert .point-form-item .am-list-extra input {
    color: #96b3c6
}

.timiyl .go-home-btn {
    background: #aaa !important
}

.timiyl .statis-gameType-wrap .btn-wrap .gameType-item-1,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.timiyl .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #aaa
}

.timiyl .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #2c658b !important;
    border-color: #2c658b !important
}

.timiyl .poplist-footer a:first-child {
    border-color: #aaa !important;
    color: #aaa !important
}

.timiyl .agent-container .agent-body .h4-wrp,
.timiyl .leader-board-container .profile-icon {
    border-color: #2c658b
}

.timiyl .statis-gameType-wrap .active i {
    background: #2c658b
}

.timiyl .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.timiyl .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.timiyl .vc-v2-submit i {
    background-image: url("/images/theme/timiyl/assets/timiyl_down_icon.png")
}

.timiyl .mall-home-top,
.timiyl .mall-home-wrap .mall-home-top,
.timiyl .signin-activity-card {
    background-image: url("/images/theme/timiyl/assets/timiyl_sac.png") !important
}

.timiyl .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/timiyl/assets/timiyl_lbc.png") !important
}

.timiyl .leader-board-container .leader-board-header {
    background-image: url("/images/theme/timiyl/assets/timiyl_lbh.png") !important
}

.timiyl .name-filter .am-search-cancel {
    background-image: url("/images/theme/timiyl/assets/timiyl_search.png") !important
}

.timiyl .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/timiyl/assets/timiyl_left.png") !important;
    transform: rotate(0deg)
}

.timiyl .reward-user-integral {
    background-image: url("/images/theme/timiyl/assets/rewardCenter/timiyl_cash.png") !important
}

.timiyl .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/timiyl/assets/timiyl_left.png") !important;
    transform: rotate(180deg)
}

.timiyl .record-icon-ticket {
    background-image: url("/images/theme/timiyl/assets/timiyl_bill.png")
}

.timiyl .reward-center {
    background-image: url("/images/theme/timiyl/assets/timiyl_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.timiyl #mc-app-home-root.mc {
    background-image: url("/images/theme/timiyl/assets/timiyl_member_home.png") !important
}

.timiyl .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/timiyl/assets/timiyl_sign.png"), linear-gradient(0deg, #1e4451, #1e4451) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.timiyl .common-center-top .cumulative-sign-in a {
    color: inherit
}

.timiyl .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/timiyl/assets/timiyl_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.timiyl .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/timiyl/assets/timiyl_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.timiyl #mc-app-home-root,
.timiyl #mc-app-home-root .member-home-root,
.timiyl .v-base .main-nav-list {
    background-color: #000924
}

.timiyl .am-modal-button-group-h .am-modal-button,
.timiyl .am-tabs-bar .am-tabs-tab-active,
.timiyl .amount-negative-number,
.timiyl .card-details .card-header div.endContract span a,
.timiyl .hd-status-tip,
.timiyl .leader-board-container .leader-board-header-status div.lb-active,
.timiyl .record-footer div span:last-child,
.timiyl .show-tips a,
.timiyl .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.timiyl .team-member-item-header span,
.timiyl .vc-v2-container .vc-v2-input .inputCon i,
.timiyl .vc-v2-container .vc-v2-input .inputCon input,
.timiyl .vrification-loading-content p span {
    color: #1e4451 !important
}

.timiyl .leader-board-container .leader-board-header-status div.lb-active svg,
.timiyl .no-salary-list svg,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #1e4451 !important
}

.timiyl .bet-filter-container .bet-filter-item-content .ck-date,
.timiyl .mall-home-wrap .mall-home-choose .active,
.timiyl .mc-lott-record-root .select-Box span.active,
.timiyl .mc-tab-container .mc-tab-item.tab-active,
.timiyl .red-rain-underling span.on,
.timiyl .vc-v2-container .vc-v2-method-list li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck,
.timiyl .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.timiyl .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #1e4451 !important;
    border-color: #1e4451 !important
}

.timiyl .n-home-container .main-nav-style {
    color: #fff
}

.timiyl .n-home-container .main-nav-style>div svg {
    fill: #1e4451
}

.timiyl .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #2effee, #289eb7);
    border: 1px solid;
    border-image-source: linear-gradient(0deg, #0e1932, #293555, #0e1932);
    border-top-style: none
}

.timiyl .n-home-container .n-nav-list-title:after {
    background: #00f6ff !important
}

.timiyl .n-home-container .n-nav-list-title span {
    background: linear-gradient(0deg, #5bc6ce, #71f3fc) !important;
    color: #1e4451;
    border: none
}

.timiyl .center-svgBox .am-icon-lightning,
.timiyl .lott-record-container svg {
    fill: #aaa
}

.timiyl .nodata-container .nodata-icon {
    fill: #2c658b !important
}

.timiyl .lbti-nodata-modal .statistics,
.timiyl .leader-board-container .leader-board-list-content .lblc-no-data,
.timiyl .point-convert .point-form-item .am-list-extra,
.timiyl .point-convert .point-form-item .am-list-extra input,
.timiyl .point-wrap .point-list-wrap .point-list-item,
.timiyl .salary-popup-container .contractRate.input-container {
    color: #aaa
}

.timiyl .account-form .account-errors strong {
    color: #fb474b !important
}

.timiyl .btn-success {
    box-shadow: 0 .1rem .2rem 0 #2c658b !important
}

.timiyl .am-switch input[type=checkbox]:checked+.checkbox,
.timiyl .am-tabs-ink-bar,
.timiyl .mc-switch.mc-qutas-bg .on:before,
.timiyl .mc-trans-filter .am-search-cancel,
.timiyl .sigin-tab .am-tabs-tab-active .tab-title:after,
.timiyl .swiper-pagination-bullet-active,
.timiyl .team-member-trans .am-button-ghost,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #1e4451 !important
}

.timiyl .am-modal-button-group-v .am-modal-button,
.timiyl .withdraw-container-v2 .am-tabs-tab-active span {
    color: #1e4451 !important
}

.timiyl .team-member-nickname .trans-container-header .trans-container:last-child,
.timiyl .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    color: #aaa !important
}

.timiyl .agrg-downline-cname,
.timiyl .am-modal-body,
.timiyl .contract-history .user-info .user-name,
.timiyl .point-wrap .point-table-title span {
    color: #59c2f8 !important
}

.timiyl .bank-virtual-tips,
.timiyl .translate-tips {
    color: #fb474b !important
}

.timiyl .am-modal-title,
.timiyl .lkmn-poup-qrlink span,
.timiyl .record-footer div span:last-child,
.timiyl .singd-downline-info div span>span,
.timiyl .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
    color: #2c658b !important
}

.timiyl .agentDivident .myDividend .name-filter .searchOne {
    color: #1e4451 !important
}

.timiyl .dividend-list .show-icon.unfold {
    background-image: url(/images/theme/lavathb/assets//timiyl_show.png)
}

.timiyl .contractPeople svg,
.timiyl .mc-trans-filter .am-button-ghost svg {
    fill: #2c658b !important
}

.timiyl .agent-notice-container {
    background: #f8f8f8
}

.timiyl .banner.bet,
.timiyl .banner.salary,
.timiyl .common-wb-cards,
.timiyl .singd-details thead tr {
    background: linear-gradient(0deg, #71f3fc, #5bc6ce) !important
}

.timiyl .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    background-image: url("/images/theme/lavathb/assets//sign.png"), linear-gradient(90deg, #2c658b, #2c658b) !important
}

.timiyl .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.timiyl .am-badge-text,
.timiyl .new-date-picker.team-view .date-picker-warp .pickter-item.active-item span {
    background-color: #1e4451;
    color: #fff
}

.timiyl .leader-board-container .leader-board-header-info,
.timiyl .mall-home-top .mall-number-info {
    color: #fff !important
}

.timiyl .mall-home-top .mall-user-integral {
    background: rgba(89, 194, 248, .5) !important
}

.timiyl .mall-home-top .mall-user-integral .mall-intergral-svg {
    fill: #fff !important
}

.timiyl .leader-board-container .leader-board-integral {
    background: rgba(89, 194, 248, .5) !important;
    color: #fff !important
}

.timiyl #root .mc-home.mc-navbar-blue .am-navbar-title,
.timiyl #root .reward-center .am-navbar-title,
.timiyl .mc-navbar-blue.am-navbar {
    color: #fff !important
}

.timiyl #mc-app-home-root #mc-header {
    background: inherit !important;
    box-shadow: inherit
}

.timiyl #mc-app-home-root #mc-header svg,
.timiyl .reward-center .return_icon svg {
    fill: #fff !important
}

.timiyl .reward-center svg {
    fill: rgba(37, 37, 37, .6) !important
}

.timiyl .point-wrap .point-list-wrap .point-list-header,
.timiyl .statis-gameType-wrap .btn-wrap.active i:first-child,
.timiyl .vc-v2-title:before {
    background-color: #2c658b
}

.timiyl .vc-v2-container .vc-v2-method li {
    border: .02rem solid #aaa !important
}

.timiyl .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #aaa
}

.timiyl .point-tips {
    color: rgba(89, 194, 248, .7) !important
}

.timiyl .point-wrap .point-list-wrap .point-list-item {
    background: rgba(150, 179, 198, .2)
}

.timiyl .mc-trans-filter .am-button-primary {
    background-color: #1e4451 !important;
    border-color: #1e4451 !important
}

.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost {
    border-color: #aaa !important;
    color: #aaa !important
}

.timiyl .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
    fill: #aaa !important
}

.timiyl .lkmn-poup-qrcode,
.timiyl .red-rain-underling {
    background-color: #fff !important
}

.timiyl .team-member-nickname .nickname-form input,
.timiyl .team-member-trans input {
    border: 1px solid #2c658b !important
}

.timiyl .red-rain-select .am-search-input input {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.timiyl .mc-trans-filter .am-button-ghost {
    border-color: #2c658b !important;
    color: #2c658b !important
}

.timiyl .team-member-trans .am-button-ghost.trans-unchecked {
    background: #fff !important;
    border-color: #aaa !important;
    color: #aaa !important
}

.timiyl .rescue-list .rescue-item .rescue-item-submit {
    background: linear-gradient(90deg, #71f3fc, #5bc6ce)
}

.timiyl #root #mc-app-home-root.gc,
.timiyl #root .mc-navbar-blue {
    background: url("/images/theme/lavathb/assets//mob-header.png") no-repeat bottom !important;
    background-size: cover !important
}

.timiyl .v-base .m-mc-notice-container .mc-notice-prev {
    transform: rotate(90deg) !important
}

.timiyl .v-base .m-mc-notice-container .mc-notice-next {
    transform: rotate(-90deg) !important
}

.timiyl #root .mc-home.mc-navbar-blue,
.timiyl #root .mc-leader-board-list .mc-navbar-blue,
.timiyl #root .mc-rewardCenter .mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important
}

.timiyl .sec_card .am-list-header {
    border: #fff
}

.timiyl .team-member-nickname .nickname-form .btn-confirm-trans,
.timiyl .team-member-trans .btn-confirm-trans {
    border: none
}

.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.timiyl .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

body.fortuna8ph {
    background-color: #fff
}

.fortuna8ph .divident-list-item span {
    width: 21%
}

.fortuna8ph .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.fortuna8ph .record-footer span {
    color: #8233ec
}

.fortuna8ph .record-footer span.time {
    color: #fff
}

.fortuna8ph .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #1e4451, #3c8aa5)
}

.fortuna8ph .n-home-container .main-nav-style>.n-linear-border>div {
    background: hsla(0, 0%, 100%, .2)
}

.fortuna8ph .n-home-container .main-nav-style>div svg {
    fill: linear-gradient(0deg, #5bc6ce, #71f3fc)
}

.fortuna8ph .v-base .main-nav-style {
    color: #fff
}

.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .am-tag-active,
.fortuna8ph .btn-copy-code,
.fortuna8ph .mall-home-top .mall-header,
.fortuna8ph .mc-lott-record-root .select-Box span.active,
.fortuna8ph .new-tips,
.fortuna8ph .team-member-flow .mc-team-flow-unit span.unit-active,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon i,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck,
.fortuna8ph .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #8233ec;
    border-color: #8233ec !important
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.fortuna8ph .go-home-btn,
.fortuna8ph .red-rain-underling span,
.fortuna8ph .vc-v2-container .vc-v2-method-list li {
    color: #626061;
    border-color: #626061
}

.fortuna8ph .bet-filter-container .bet-filter-item-content .ck-date,
.fortuna8ph .mall-home-wrap .mall-home-choose .active,
.fortuna8ph .mc-tab-container .mc-tab-item.tab-active,
.fortuna8ph .singd-downline-info div span>span,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck,
.fortuna8ph .vc-v2-container .vc-v2-method li.ck {
    color: #8233ec !important;
    border-color: #8233ec !important
}

.fortuna8ph .am-button-primary,
.fortuna8ph .n-home-container .n-nav-list-title span {
    border: none !important
}

.fortuna8ph input {
    caret-color: #8233ec !important
}

.fortuna8ph .game-record-show .am-search,
.fortuna8ph .h-icon-active img,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .name-filter .am-button-ghost,
.fortuna8ph .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #8233ec !important
}

.fortuna8ph .name-filter .am-button-ghost {
    border: 1px solid #8233ec !important
}

.fortuna8ph .agent-divident-container,
.fortuna8ph .agentDivident .am-tabs-bar .am-tabs-tabr,
.fortuna8ph .am-search,
.fortuna8ph .am-tabs-bar,
.fortuna8ph .name-filter,
.fortuna8ph .name-filter .am-button-ghost,
.fortuna8ph .reward-center-container,
.fortuna8ph .sigin-modal .sigin-modal-content {
    background: #fff
}

.fortuna8ph .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.fortuna8ph .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.fortuna8ph .submitEmail {
    box-shadow: none !important
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost,
.fortuna8ph .am-button-ghost.am-button-active,
.fortuna8ph .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.fortuna8ph .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.fortuna8ph .bet-filter-container .bet-filter-item-content .ck-date,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .is-comp,
.fortuna8ph .popup-container input:focus,
.fortuna8ph .salary-popup-container input:focus {
    border-color: #8233ec
}

.fortuna8ph .dividendRatio .arrow-top,
.fortuna8ph .table-container .dividend-tips .arrow-top {
    border-bottom-color: #8233ec
}

.fortuna8ph .dividend-header .dividend-header-content>div:first-child p,
.fortuna8ph .dividend-header .dividend-header-content>div:last-child p {
    color: #8233ec
}

.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.fortuna8ph .flex-text-tips,
.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #fb474b
}

.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.fortuna8ph .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(150, 179, 198, .1)
}

.fortuna8ph #root #mc-app-home-root.gc,
.fortuna8ph #root .mc-navbar-blue {
    background: linear-gradient(180deg, #71f3fc, #5bc6ce);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.fortuna8ph #root #mc-app-home-root.gc .am-navbar-left svg,
.fortuna8ph #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.fortuna8ph #root #mc-app-home-root.gc .am-navbar-title,
.fortuna8ph #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.fortuna8ph #root .mc-home.mc-navbar-blue .am-icon-left,
.fortuna8ph #root .mc-home.mc-navbar-blue .am-navbar-title,
.fortuna8ph #root .reward-center .am-navbar-title,
.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .agrg-downline-title,
.fortuna8ph .am-card-body .protocolDetails .header p,
.fortuna8ph .block-container .block.member,
.fortuna8ph .block-container .block.unerlvl,
.fortuna8ph .center-header,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .dividend-header .dividend-header-content .title,
.fortuna8ph .downline-item-toot .user-info .user-name,
.fortuna8ph .flex-list-text,
.fortuna8ph .leader-board-container .leader-board-integral,
.fortuna8ph .mall-home-top .mall-number-info,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .myRebate .rebate-span-lf,
.fortuna8ph .ph-text span,
.fortuna8ph .rebateReport-item-root span,
.fortuna8ph .salary-popup-header div,
.fortuna8ph .sigin-modal .sigin-modal-content h3,
.fortuna8ph .singd-downline-item-toot .user-info .user-name,
.fortuna8ph .team-member-item-header .customer-item,
.fortuna8ph .team-op a,
.fortuna8ph .ti-name,
.fortuna8ph .tr-item-title,
.fortuna8ph .trans-checked span,
.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #fff !important
}

.fortuna8ph #mc-app-home-root #mc-header,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost,
.fortuna8ph .reward-center {
    border-color: #fff !important
}

.fortuna8ph #mc-app-home-root #mc-header svg,
.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.fortuna8ph .reward-center svg {
    fill: #fff !important
}

.fortuna8ph .bet-filter-modal .ck-icon,
.fortuna8ph .deposit-list-ck,
.fortuna8ph .deposit-record-root .deposit-id svg,
.fortuna8ph .icon-points,
.fortuna8ph .icon-sign,
.fortuna8ph .icon-task,
.fortuna8ph .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #8233ec !important
}

.fortuna8ph .tr-item-content-item,
.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #fff
}

.fortuna8ph .am-badge-text {
    background-color: #fff;
    color: #fff
}

.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #eff3f6;
    background: rgba(239, 243, 246, .1)
}

.fortuna8ph .am-modal-button-group-h .am-modal-button:first-child,
.fortuna8ph .am-tabs-bar .am-tabs-tab,
.fortuna8ph .card-details.contract .spandetails,
.fortuna8ph .change-statis-wrap .statis-left .btn-change,
.fortuna8ph .contract-history .history-tbody,
.fortuna8ph .dividend-list-more>div,
.fortuna8ph .flex-list-title,
.fortuna8ph .list-popup-container,
.fortuna8ph .mc-team-filter .am-list-item.am-input-item,
.fortuna8ph .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.fortuna8ph .pal-records-list-root .time,
.fortuna8ph .red-rain-input input,
.fortuna8ph .red-rain-tcenter,
.fortuna8ph .salary_info tbody tr td,
.fortuna8ph .salary_rule,
.fortuna8ph .sigin-c-remarks b,
.fortuna8ph .sigin-c-remarks p,
.fortuna8ph .sigin-modal .sigin-modal-content .amount-info p,
.fortuna8ph .sigin-today-desc,
.fortuna8ph .statis-container .statis-lin .lin-left div,
.fortuna8ph .statis-container .statis-lin .lin-rigth div,
.fortuna8ph .sub-name-search input,
.fortuna8ph .sub-name-search input::placeholder,
.fortuna8ph .team-member-item-content,
.fortuna8ph .team-member-item-content .time,
.fortuna8ph .team-member-nickname input,
.fortuna8ph .team-member-trans input,
.fortuna8ph .team-op a.edit-btn,
.fortuna8ph .team-rebate-btnleft .am-button,
.fortuna8ph .tic-footer-title,
.fortuna8ph .tr-item-time,
.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-index-content,
.fortuna8ph .v-base .m-mc-notice-container .mc-notice-time {
    color: #626061 !important
}

.fortuna8ph .point-tips {
    color: rgba(98, 96, 97, .7) !important
}

.fortuna8ph .sub-name-search,
.fortuna8ph .team-rebate-btnleft .am-button {
    border-color: #626061 !important
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price li,
.fortuna8ph .red-rain-input input,
.fortuna8ph .statis-gameType-wrap .btn-wrap {
    background: rgba(150, 179, 198, .1)
}

.fortuna8ph .ag-link-lmanage .ag-link-mgbottom,
.fortuna8ph .agrg-downline-cname,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price li,
.fortuna8ph .leader-board-container .leader-board-header-status div,
.fortuna8ph .mall-home-middle,
.fortuna8ph .mall-home-wrap .mall-home-choose,
.fortuna8ph .mall-order-integral,
.fortuna8ph .mc-tab-container .mc-tab-item,
.fortuna8ph .mc-team-filter .am-list-item .am-input-control input,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.through-item,
.fortuna8ph .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.fortuna8ph .orderinfo-wrap .orderinfo-submit p,
.fortuna8ph .point-history-wrap .point-item-wrap .point-types .point-date,
.fortuna8ph .point-history-wrap .point-item-wrap .point-types .point-remarks,
.fortuna8ph .sigin-c-footer .title {
    color: #626061
}

.fortuna8ph .lottType-box,
.fortuna8ph .mc-lott-record-root .select-Box .type,
.fortuna8ph .mc-lott-record-root .select-Box>div,
.fortuna8ph .play-chooser form,
.fortuna8ph .play-chooser input,
.fortuna8ph .trans-unchecked {
    color: #626061 !important;
    border-color: #626061 !important
}

.fortuna8ph .exchange-wrap .font-color-red,
.fortuna8ph .orderinfo-wrap .font-color-red,
.fortuna8ph .point-history-wrap .color-red,
.fortuna8ph .sigin-today-desc span,
.fortuna8ph .today {
    color: #fb474b !important
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fortuna8ph .am-search-input input[type=search],
.fortuna8ph .devidend-container .popup-header,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.fortuna8ph .grid-title,
.fortuna8ph .leader-board-container .leader-board-header-info,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fortuna8ph .point-form-item .am-list-item .am-list-line .am-list-content,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .red-rain-tetit,
.fortuna8ph .red-rain-type .agrg-downline-cname,
.fortuna8ph .sigin-today-title {
    color: #fff !important
}

.fortuna8ph .contract-history .history-thead,
.fortuna8ph .dividend-list-more,
.fortuna8ph .grid-content {
    background: #fafafa
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost,
.fortuna8ph .contractPeople,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .lott-record-container,
.fortuna8ph .no-salary-list {
    color: #8233ec
}

.fortuna8ph .agentSalary .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .contractPeople svg,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active svg,
.fortuna8ph .lott-record-container svg,
.fortuna8ph .no-salary-list svg {
    fill: #8233ec
}

.fortuna8ph .mc-team-filter .am-list-item.am-input-item,
.fortuna8ph .sub-name-search {
    border-color: #626061
}

.fortuna8ph .mc-team-filter .am-list-item.am-input-item svg,
.fortuna8ph .sub-name-search svg {
    fill: #626061
}

.fortuna8ph .singd-downline-info svg {
    fill: #626061 !important
}

.fortuna8ph .am-modal-body,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-count,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-name,
.fortuna8ph .exchange-wrap .font-color-gray,
.fortuna8ph .game-amount-content span:last-child,
.fortuna8ph .orderinfo-wrap .orderinfo-body h5,
.fortuna8ph .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .tic-footer-amount {
    color: #fff
}

.fortuna8ph .dividend-rate,
.fortuna8ph .go-team-bet,
.fortuna8ph .go-team-bet i,
.fortuna8ph .go-team-record,
.fortuna8ph .go-team-record i,
.fortuna8ph .mc-trans-record-container .color-green-in,
.fortuna8ph .mt-team-footer,
.fortuna8ph .records-item-header .game-amount-content span:last-child,
.fortuna8ph .red-rain-tright,
.fortuna8ph .team-member-trans header .label,
.fortuna8ph .tt-balance-content {
    color: #8233ec !important
}

.fortuna8ph .dividend-rate svg,
.fortuna8ph .go-team-bet i svg,
.fortuna8ph .go-team-bet svg,
.fortuna8ph .go-team-record i svg,
.fortuna8ph .go-team-record svg,
.fortuna8ph .mc-trans-record-container .color-green-in svg,
.fortuna8ph .mt-team-footer svg,
.fortuna8ph .records-item-header .game-amount-content span:last-child svg,
.fortuna8ph .red-rain-tright svg,
.fortuna8ph .team-member-trans header .label svg,
.fortuna8ph .tt-balance-content svg {
    fill: #8233ec !important
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.fortuna8ph .agent-link-nodata svg,
.fortuna8ph .block.member svg,
.fortuna8ph .card-header-people,
.fortuna8ph .devidend-container svg,
.fortuna8ph .has-claimed svg,
.fortuna8ph .icon-complete,
.fortuna8ph .icon-span svg,
.fortuna8ph .lin-left svg,
.fortuna8ph .lin-rigth svg,
.fortuna8ph .lkmn-poup-qrlink svg,
.fortuna8ph .mall-intergral-svg,
.fortuna8ph .mc-icon-member,
.fortuna8ph .mc-trans-filter svg.am-icon-lg,
.fortuna8ph .need-fill,
.fortuna8ph .rebateReport-item-content svg,
.fortuna8ph .salary-popup-container .save-icon,
.fortuna8ph .security-icon,
.fortuna8ph .team-member-nickname svg,
.fortuna8ph .team-member-trans svg,
.fortuna8ph .team-rebate-tleft svg,
.fortuna8ph .unerlvl.block svg,
.fortuna8ph .user-icon {
    fill: #8233ec !important
}

.fortuna8ph .mc-popup-trans>span>svg {
    fill: #8233ec !important
}

.fortuna8ph .team-member-trans input {
    border-radius: .15rem
}

.fortuna8ph .add-inputIcon,
.fortuna8ph .agrgic-downline-select,
.fortuna8ph .am-button-ghost.am-button-active,
.fortuna8ph .am-switch input[type=checkbox]:checked+.checkbox,
.fortuna8ph .bet-filter-container .bet-filter-sub div.ck:after,
.fortuna8ph .ContactName,
.fortuna8ph .ContactNamet,
.fortuna8ph .Contacts .am-search-cancel,
.fortuna8ph .discount-tip,
.fortuna8ph .EmaiWebList .look .am-badge-dot,
.fortuna8ph .grid-title:after,
.fortuna8ph .mc-profile-swiper-nav li.ck,
.fortuna8ph .mc-profitLoss-record-root .am-button-primary,
.fortuna8ph .mc-transaction-record-root .am-button-primary,
.fortuna8ph .swiper-pagination-bullet-active,
.fortuna8ph .ticket-item .ticket-item-btn {
    background: #8233ec !important
}

.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.through-item,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.fortuna8ph .account-form input,
.fortuna8ph .account-form svg.txt-svg,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.fortuna8ph .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.fortuna8ph .agent-link-nodata .am-result-title,
.fortuna8ph .agrg-downline-bnsetp>span,
.fortuna8ph .agrg-downline-bnslt,
.fortuna8ph .agrg-downline-bnsrt,
.fortuna8ph .am-button-ghost,
.fortuna8ph .am-modal-button-group-v .am-modal-button,
.fortuna8ph .amount-positive-number,
.fortuna8ph .banner .money,
.fortuna8ph .card-details .card-header div.endContract,
.fortuna8ph .color2,
.fortuna8ph .contract-history .user-info .user-title,
.fortuna8ph .contract-tips,
.fortuna8ph .contractText,
.fortuna8ph .dividend-list-more>div:nth-child(2n) p,
.fortuna8ph .dividend-list-more>div:nth-child(odd) p,
.fortuna8ph .downline-item-toot .action-sign,
.fortuna8ph .downline-item-toot .start_contract,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .filter-tabPane-btn,
.fortuna8ph .game-record-show .am-search-cancel,
.fortuna8ph .is-comp,
.fortuna8ph .link-detail-title,
.fortuna8ph .mc-game-record-root .activity-spinner svg,
.fortuna8ph .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.fortuna8ph .new-date-picker .date-picker-content .btn-clear-date,
.fortuna8ph .new-date-picker .date-picker-content .date-picker-title,
.fortuna8ph .new-date-picker .date-picker-content .date-picker-title .active-item,
.fortuna8ph .nodata-container,
.fortuna8ph .placeholder,
.fortuna8ph .play-chooser .chase-number>span,
.fortuna8ph .point-balance p,
.fortuna8ph .point-convert .point-form-item.important-number .am-list-extra,
.fortuna8ph .rebate-span-rt,
.fortuna8ph .rebateReport-item-content .am-flexbox span,
.fortuna8ph .rebateReport .rebate,
.fortuna8ph .red-rain-tleft,
.fortuna8ph .red-rain-underling span.on,
.fortuna8ph .sc-bonus,
.fortuna8ph .sc-days,
.fortuna8ph .sc-integral,
.fortuna8ph .sigin-modal .sigin-modal-content .amount-info div,
.fortuna8ph .sign-operation>span,
.fortuna8ph .statis-container .statis-lin .blue-count,
.fortuna8ph .statis-container .statis-lin .gray-count,
.fortuna8ph .statis-container .statis-lin .green-count,
.fortuna8ph .statis-container .statis-lin .red-count,
.fortuna8ph .team-member-nickname header .label,
.fortuna8ph .team-rebate-tcenter,
.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-title,
.fortuna8ph .v-base .m-mc-notice-container .mmnt-title-detail,
.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon input,
.fortuna8ph .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.fortuna8ph .vc-v2-container .vc-v2-method li.ck,
.fortuna8ph .w-input-content,
.fortuna8ph .w-input-content input,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span {
    color: #8233ec
}

.fortuna8ph .sigin-c-footer li>div {
    background: rgba(130, 51, 236, .1)
}

.fortuna8ph .play-chooser .am-search-input input[type=search] {
    background: none
}

.fortuna8ph .am-modal-button-group-h .am-modal-button,
.fortuna8ph .am-modal-title {
    color: #8233ec
}

.fortuna8ph .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.fortuna8ph .agrg-downline-bnsetp>span:nth-child(2),
.fortuna8ph .color-red-out,
.fortuna8ph .singd-downline-info {
    color: #fff
}

.fortuna8ph .am-tabs-tabpane-active .card-body,
.fortuna8ph .card-details.contract .protocolDetails .details,
.fortuna8ph .protocolDetails .details p,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-activeMember,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-betVolume,
.fortuna8ph .sign-salary-root .singd-details tbody .salary-rateType,
.fortuna8ph .statis-gameType-wrap .active {
    color: #fff !important
}

.fortuna8ph .banner.bet,
.fortuna8ph .banner.salary {
    background: linear-gradient(90deg, #8433ec, #ac40ec)
}

.fortuna8ph .dividend-list div .dl-content {
    background: linear-gradient(90deg, #8433ec, #ac40ec) !important
}

.fortuna8ph .dividend-list div:last-child .dl-content,
.fortuna8ph .n-home-container .n-nav-list-title:after,
.fortuna8ph .n-home-container .n-nav-list-title span {
    background: #eff3f6 !important
}

.fortuna8ph .agentDivident .grid-container {
    background: rgba(150, 179, 198, .1)
}

.fortuna8ph .account-form input:focus,
.fortuna8ph .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.fortuna8ph .agrg-downline-input input:focus,
.fortuna8ph .am-button-ghost,
.fortuna8ph .common-center-top .common-top-img,
.fortuna8ph .filter-tabPane-btn,
.fortuna8ph .game-record-show .am-search,
.fortuna8ph .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.fortuna8ph .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.fortuna8ph .popup-container input,
.fortuna8ph .red-rain-input input:focus,
.fortuna8ph .red-rain-underling span.on,
.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.fortuna8ph .w-input-content {
    border-color: #8233ec
}

.fortuna8ph .am-button-primary,
.fortuna8ph .am-slider-track,
.fortuna8ph .discount-tip,
.fortuna8ph .mc-switch .checkbox.on:before,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.fortuna8ph .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.fortuna8ph .vc-v2-title:before,
.fortuna8ph .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #8233ec !important;
    color: #fff
}

.fortuna8ph .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.fortuna8ph .am-tabs-ink-bar,
.fortuna8ph .inputIcon,
.fortuna8ph .mc-switch.mc-qutas-bg .on:before,
.fortuna8ph .mc-trans-filter .am-search-cancel,
.fortuna8ph .sigin-tab .am-tabs-tab-active .tab-title:after,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child,
.fortuna8ph .vc-v2-title:before,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #8233ec !important
}

.fortuna8ph .am-tabs-ink-bar svg,
.fortuna8ph .inputIcon svg,
.fortuna8ph .mc-switch.mc-qutas-bg .on:before svg,
.fortuna8ph .mc-trans-filter .am-search-cancel svg,
.fortuna8ph .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.fortuna8ph .vc-v2-title:before svg,
.fortuna8ph .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #8233ec !important
}

.fortuna8ph .discount-tip,
.fortuna8ph .mc-trans-filter .am-button-primary,
.fortuna8ph .trans-checked {
    background: #8233ec !important;
    border-color: #8233ec !important
}

.fortuna8ph .leader-board-container .leader-board-integral,
.fortuna8ph .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.fortuna8ph .mc-trans-filter .am-button-ghost,
.fortuna8ph .point-history-wrap .am-button-ghost {
    border-color: #626061;
    color: #626061
}

.fortuna8ph .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .point-history-wrap .am-button-ghost svg {
    fill: #626061
}

.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.fortuna8ph .ivi-icon svg {
    display: inline-block
}

.fortuna8ph .id-verification-icon {
    display: none
}

.fortuna8ph .add-card-btn,
.fortuna8ph .agrg-downline-sub,
.fortuna8ph .am-button-primary,
.fortuna8ph .bind-first span,
.fortuna8ph .btn-confirm-date,
.fortuna8ph .btn-success,
.fortuna8ph .button-submit,
.fortuna8ph .change-statis-wrap .statis-left .btn-change-active,
.fortuna8ph .contract-salary-operation a:last-child,
.fortuna8ph .copy-contact,
.fortuna8ph .lkmn-poup-qrcopy,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit,
.fortuna8ph .play-more-game,
.fortuna8ph .poplist-footer a:last-child.footer-button,
.fortuna8ph .profile-swiper-container .am-modal-button,
.fortuna8ph .sigin-today-sub,
.fortuna8ph .signedSalary-root .poplist-footer a:last-child.footer-button,
.fortuna8ph .submitEmail,
.fortuna8ph .team-member-nickname .trans-container:first-child,
.fortuna8ph .team-rebate-btnright .am-button,
.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.fortuna8ph .vc-v2-submit,
.fortuna8ph .w-input-submit-true {
    background: linear-gradient(90deg, #8433ec, #ac40ec) !important
}

.fortuna8ph .add-card-btn span,
.fortuna8ph .agrg-downline-sub span,
.fortuna8ph .am-button-primary span,
.fortuna8ph .bind-first span span,
.fortuna8ph .btn-confirm-date span,
.fortuna8ph .btn-success span,
.fortuna8ph .button-submit span,
.fortuna8ph .change-statis-wrap .statis-left .btn-change-active span,
.fortuna8ph .contract-salary-operation a:last-child span,
.fortuna8ph .copy-contact span,
.fortuna8ph .lkmn-poup-qrcopy span,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit span,
.fortuna8ph .play-more-game span,
.fortuna8ph .poplist-footer a:last-child.footer-button span,
.fortuna8ph .profile-swiper-container .am-modal-button span,
.fortuna8ph .sigin-today-sub span,
.fortuna8ph .signedSalary-root .poplist-footer a:last-child.footer-button span,
.fortuna8ph .submitEmail span,
.fortuna8ph .team-member-nickname .trans-container:first-child span,
.fortuna8ph .team-rebate-btnright .am-button span,
.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.fortuna8ph .vc-v2-submit span,
.fortuna8ph .w-input-submit-true span {
    color: #fff
}

.fortuna8ph .add-card-btn,
.fortuna8ph .bind-first span,
.fortuna8ph .button-submit,
.fortuna8ph .copy-contact,
.fortuna8ph .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.fortuna8ph .mc-lott-record-root .select-Box span.active,
.fortuna8ph .orderinfo-wrap .orderinfo-submit .button-submit,
.fortuna8ph .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.fortuna8ph .devidend-container .popup-header,
.fortuna8ph .popup-container input,
.fortuna8ph .salary-popup-header {
    background: rgba(130, 51, 236, .2)
}

.fortuna8ph .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .statis-gameType-wrap .active {
    background: rgba(239, 243, 246, .2) !important;
    border-color: #8233ec !important;
    color: #fff !important
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #8233ec !important
}

.fortuna8ph .salary-popup-container .input-container input {
    background: rgba(130, 51, 236, .2) !important
}

.fortuna8ph .lkmn-poup-tbig,
.fortuna8ph .lkmn-poup-tsmall,
.fortuna8ph .mc-trans-record-container .color-red-out,
.fortuna8ph .point-wrap .point-table-title span {
    color: #8233ec
}

.fortuna8ph .common-wb-cards {
    background: linear-gradient(90deg, #8433ec, #ac40ec) !important
}

.fortuna8ph .btn-success {
    box-shadow: 0 .1rem .2rem 0 #eff3f6 !important
}

.fortuna8ph .btn-success.am-button-disabled {
    box-shadow: none !important
}

.fortuna8ph .withdraw-bkdbtn {
    border-color: #8233ec
}

.fortuna8ph .agrg-downline-input input,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.fortuna8ph .lkmn-poup-qrcnt span,
.fortuna8ph .mc-trans-filter .chase-number,
.fortuna8ph .rebateReport-item-root .time,
.fortuna8ph .red-rain-main input::placeholder,
.fortuna8ph .show-more,
.fortuna8ph .singd-downline-info .more-info,
.fortuna8ph .team-member-trans input::placeholder,
.fortuna8ph .tmt-header,
.fortuna8ph .withdraw-bkinfo {
    color: #626061 !important
}

.fortuna8ph .am-tag-normal,
.fortuna8ph .statis-gameType-wrap .btn-wrap,
.fortuna8ph .vc-v2-container .vc-v2-method li,
.fortuna8ph .vc-v2-container .vc-v2-method li .min-max,
.fortuna8ph .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #626061 !important;
    border-color: #626061 !important
}

.fortuna8ph .am-tag-normal.unit-active {
    color: #eff3f6 !important;
    border-color: #eff3f6 !important
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-header,
.fortuna8ph .withdraw-bkadd {
    background: #eff3f6
}

.fortuna8ph .wallet_return div {
    background: rgba(239, 243, 246, .4)
}

.fortuna8ph .n-home-container .n-nav-list-title span,
.fortuna8ph .wallet_return div {
    color: #fff
}

.fortuna8ph .n-home-container .n-nav-list-title span svg,
.fortuna8ph .wallet_return div svg {
    fill: #eff3f6
}

.fortuna8ph .agrg-downline-bnstbt,
.fortuna8ph .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.fortuna8ph .agrg-downline-bnstbt svg,
.fortuna8ph .point-wrap .point-list-wrap .point-list-header svg {
    fill: #8233ec
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-item {
    background: rgba(150, 179, 198, .4)
}

.fortuna8ph .card-details.contract .protocolDetails,
.fortuna8ph .contract-history .history-tbody {
    background: none
}

.fortuna8ph .contract-history .history-tbody {
    border-bottom: 1px solid #8233ec
}

.fortuna8ph .exchange-wrap .exchange-submit p,
.fortuna8ph .mc-profitLoss-record-root .am-button-ghost,
.fortuna8ph .mc-transaction-record-root .am-button-ghost {
    color: #626061 !important;
    border-color: #626061 !important
}

.fortuna8ph .exchange-wrap .exchange-submit p svg,
.fortuna8ph .mc-profitLoss-record-root .am-button-ghost svg,
.fortuna8ph .mc-transaction-record-root .am-button-ghost svg {
    fill: #626061 !important
}

.fortuna8ph .auto-fill-btn,
.fortuna8ph .card-details.contract .protocolDetails .header,
.fortuna8ph .records-item-header-sy i {
    background: #eff3f6 !important
}

.fortuna8ph .sign-salary-root .singd-details thead tr,
.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #eff3f6;
    border-color: #eff3f6;
    color: #fff
}

.fortuna8ph .trans-checked.am-button-active,
.fortuna8ph .trans-unchecked.am-button-active {
    background: none !important
}

.fortuna8ph .team-member-nickname .nickname-form input,
.fortuna8ph .team-member-nickname .trans-container-header .trans-container:last-child,
.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(150, 179, 198, .1) !important
}

.fortuna8ph .red-rain-input input,
.fortuna8ph .team-member-nickname .nickname-form input {
    border: 1px solid #626061
}

.fortuna8ph .team-member-nickname .nickname-form,
.fortuna8ph .tt-content {
    background: inherit !important
}

.fortuna8ph .add-card-btn.dis,
.fortuna8ph .vc-v2-submit.dis {
    background: #626061 !important
}

.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .amount-negative-number,
.fortuna8ph .card-details .card-header div.endContract span a,
.fortuna8ph .hd-status-tip,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .lkmn-poup-qrlink span,
.fortuna8ph .record-footer div span:last-child,
.fortuna8ph .show-tips a,
.fortuna8ph .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .team-member-item-header span,
.fortuna8ph .vrification-loading-content p span {
    color: #8233ec !important
}

.fortuna8ph .name-filter .am-search .am-search-input,
.fortuna8ph .name-filter .am-search .am-search-synthetic-ph,
.fortuna8ph .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #626061 !important
}

.fortuna8ph .point-history-wrap .am-button-primary {
    color: #fff;
    background: #8233ec !important
}

.fortuna8ph .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.fortuna8ph .red-rain-select .am-search-input input {
    color: #626061 !important
}

.fortuna8ph .red-rain-select .am-search-cancel,
.fortuna8ph .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #8233ec
}

.fortuna8ph .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #8233ec !important
}

.fortuna8ph .account-form input:focus,
.fortuna8ph .play-more-game {
    box-shadow: none !important
}

.fortuna8ph .am-search-input input[type=search] {
    background: rgba(150, 179, 198, .1);
    color: #626061 !important
}

.fortuna8ph .devidend-container .popup-header span,
.fortuna8ph .game-amount-content .amount-total,
.fortuna8ph .mc-notice-content .wysiwyg,
.fortuna8ph .sigin-today-title,
.fortuna8ph .team-member-trans header span:last-child {
    color: #fff
}

.fortuna8ph .red-rain-lpbody #mc-header {
    position: relative !important
}

.fortuna8ph .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.fortuna8ph .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.fortuna8ph .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #8233ec;
    top: .16rem;
    position: relative
}

.fortuna8ph .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #8233ec
}

.fortuna8ph .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.fortuna8ph .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.fortuna8ph .trans-icon-container svg {
    fill: #96b3c6 !important
}

.fortuna8ph .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #8233ec;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.fortuna8ph .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.fortuna8ph .am-picker-popup-item,
.fortuna8ph .card-header .ric-date {
    color: #8233ec !important
}

.fortuna8ph .records-item-header-sy i,
.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #8233ec !important
}

.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #96b3c6
}

.fortuna8ph .point-convert .point-form-item .am-list-extra,
.fortuna8ph .point-convert .point-form-item .am-list-extra input {
    color: #96b3c6
}

.fortuna8ph .go-home-btn {
    background: #626061 !important
}

.fortuna8ph .statis-gameType-wrap .btn-wrap .gameType-item-1,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.fortuna8ph .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #626061
}

.fortuna8ph .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #8233ec !important;
    border-color: #8233ec !important
}

.fortuna8ph .poplist-footer a:first-child {
    border-color: #626061 !important;
    color: #626061 !important
}

.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .leader-board-container .profile-icon {
    border-color: #8233ec
}

.fortuna8ph .statis-gameType-wrap .active i {
    background: #8233ec
}

.fortuna8ph .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.fortuna8ph .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.fortuna8ph #mc-app-home-root,
.fortuna8ph #mc-app-home-root .member-home-root,
.fortuna8ph .v-base .main-nav-list {
    background-color: #fff
}

.fortuna8ph .agentDivident .myDividend .name-filter .searchOne,
.fortuna8ph .am-modal-button-group-h .am-modal-button,
.fortuna8ph .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .amount-negative-number,
.fortuna8ph .bet-filter-container .bet-filter-sub .bf-close,
.fortuna8ph .card-details .card-header div.endContract span a,
.fortuna8ph .ck-btn,
.fortuna8ph .dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-confirm,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .go-home-btn,
.fortuna8ph .hd-status-tip,
.fortuna8ph .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-right button,
.fortuna8ph .leader-board-container .leader-board-header-status div.lb-active,
.fortuna8ph .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap .game-rebate,
.fortuna8ph .protocolDetails .details p,
.fortuna8ph .record-footer div span:last-child,
.fortuna8ph .show-tips a,
.fortuna8ph .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.fortuna8ph .sigin-title .sigin-tab-title,
.fortuna8ph .singd-downline-info .more-info,
.fortuna8ph .start-contract-root .contract-salary-refuse,
.fortuna8ph .team-member-item-header span,
.fortuna8ph .team-op a,
.fortuna8ph .team-rebate-tcenter,
.fortuna8ph .total-hands,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon i,
.fortuna8ph .vc-v2-container .vc-v2-input .inputCon input,
.fortuna8ph .vrification-loading-content p span {
    color: #8233ec !important
}

.fortuna8ph .n-home-container .main-nav-style {
    color: #626061
}

.fortuna8ph .n-home-container .main-nav-style>div svg {
    fill: #a89cb5
}

.fortuna8ph .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(180deg, #e9d1ff, #fff, #e9d1ff);
    border-top-style: none
}

.fortuna8ph .n-home-container .main-nav-style>.n-linear-border>div {
    border: 1px solid #fbf7ff
}

.fortuna8ph .n-home-container .n-nav-list-title:after {
    background: #eff3f6 !important
}

.fortuna8ph .n-home-container .n-nav-list-title span {
    background: #eff3f6 !important;
    color: #626061;
    border: none
}

.fortuna8ph .center-svgBox .am-icon-lightning,
.fortuna8ph .lott-record-container svg,
.fortuna8ph .no-salary-list svg {
    fill: #626061
}

.fortuna8ph .nodata-container .nodata-icon {
    fill: rgba(98, 96, 97, .4) !important
}

.fortuna8ph .lbti-nodata-modal .statistics,
.fortuna8ph .leader-board-container .leader-board-list-content .lblc-no-data,
.fortuna8ph .no-salary-list,
.fortuna8ph .nodata-container p,
.fortuna8ph .point-convert .point-form-item .am-list-extra,
.fortuna8ph .point-convert .point-form-item .am-list-extra input,
.fortuna8ph .point-wrap .point-list-wrap .point-list-item,
.fortuna8ph .salary-popup-container .contractRate.input-container {
    color: #626061
}

.fortuna8ph .account-form .account-errors strong {
    color: #fb474b !important
}

.fortuna8ph .btn-success {
    box-shadow: 0 .1rem .2rem 0 #8233ec !important
}

.fortuna8ph .team-member-nickname .trans-container-header .trans-container:last-child,
.fortuna8ph .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    color: #626061 !important
}

.fortuna8ph .bank-virtual-tips,
.fortuna8ph .translate-tips {
    color: #fb474b !important
}

.fortuna8ph .dividend-list .show-icon.unfold {
    background-image: url(/images/theme/fortuna8ph/assets/fortuna8ph_show.png)
}

.fortuna8ph .ck-btn svg,
.fortuna8ph .contractPeople svg,
.fortuna8ph .mc-trans-filter .am-button-ghost svg,
.fortuna8ph .singd-downline-info svg {
    fill: #8233ec !important
}

.fortuna8ph .agent-notice-container {
    background: #f8f8f8
}

.fortuna8ph .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    color: #fff;
    background-image: url("/images/theme/fortuna8ph/assets/sign.png"), linear-gradient(90deg, #ff716e, #ff716e) !important
}

.fortuna8ph .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.fortuna8ph .am-badge-text,
.fortuna8ph .new-date-picker.team-view .date-picker-warp .pickter-item.active-item span {
    background-color: #eff3f6;
    color: #626061
}

.fortuna8ph .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .2) !important;
    color: #fff
}

.fortuna8ph .mall-home-top .mall-user-integral .mall-intergral-svg {
    fill: #fef565 !important
}

.fortuna8ph .leader-board-container .leader-board-integral {
    background: hsla(0, 0%, 100%, .2) !important;
    color: #fff !important
}

.fortuna8ph #root .mc-navbar-blue .am-navbar-title,
.fortuna8ph #root .reward-center .am-navbar-title,
.fortuna8ph .mc-navbar-blue.am-navbar {
    color: #fff !important
}

.fortuna8ph #mc-app-home-root #mc-header {
    background: inherit !important;
    box-shadow: inherit
}

.fortuna8ph #mc-app-home-root #mc-header svg,
.fortuna8ph .mc-navbar-blue .am-icon-left,
.fortuna8ph .mc-navbar-blue .am-navbar-left svg,
.fortuna8ph .reward-center .return_icon svg {
    fill: #fff !important
}

.fortuna8ph .reward-center svg {
    fill: rgba(37, 37, 37, .6) !important
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-header,
.fortuna8ph .statis-gameType-wrap .btn-wrap.active i:first-child,
.fortuna8ph .vc-v2-title:before {
    background-color: #8233ec
}

.fortuna8ph .vc-v2-container .vc-v2-method li {
    border: .02rem solid #626061 !important
}

.fortuna8ph .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #626061
}

.fortuna8ph .point-wrap .point-list-wrap .point-list-item {
    background: rgba(150, 179, 198, .2)
}

.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost {
    border-color: #626061 !important;
    color: #626061 !important
}

.fortuna8ph .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
    fill: #626061 !important
}

.fortuna8ph .team-member-nickname .nickname-form input,
.fortuna8ph .team-member-trans input {
    border: 1px solid #8233ec !important
}

.fortuna8ph .red-rain-select .am-search-input input {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.fortuna8ph .am-tag-normal.unit-active,
.fortuna8ph .bet-filter-container .bet-filter-sub div.ck,
.fortuna8ph .go-home-btn,
.fortuna8ph .mc-trans-filter .am-button-ghost,
.fortuna8ph .poplist-footer a:first-child,
.fortuna8ph .start-contract-root .contract-salary-refuse,
.fortuna8ph .team-manage-wrapper .mc-agent-team-flow .team-member-flow input[type=radio]:checked+label {
    border-color: #8233ec !important;
    color: #8233ec !important
}

.fortuna8ph .go-home-btn,
.fortuna8ph .start-contract-root .contract-salary-refuse {
    background: #fff !important
}

.fortuna8ph .team-member-trans .am-button-ghost.trans-unchecked {
    background: #fff !important;
    border-color: #626061 !important;
    color: #626061 !important
}

.fortuna8ph .modal-list-footer .am-button,
.fortuna8ph .rescue-list .rescue-item .rescue-item-submit {
    background: linear-gradient(90deg, #8433ec, #ac40ec);
    color: #fff
}

.fortuna8ph #root #mc-app-home-root.gc,
.fortuna8ph #root .mc-navbar-blue {
    background: #8233ec !important;
    background-size: cover !important
}

.fortuna8ph .v-base .m-mc-notice-container .mc-notice-prev {
    transform: rotate(90deg) !important
}

.fortuna8ph .v-base .m-mc-notice-container .mc-notice-next {
    transform: rotate(-90deg) !important
}

.fortuna8ph #root .mc-home.mc-navbar-blue,
.fortuna8ph #root .mc-leader-board-list .mc-navbar-blue,
.fortuna8ph #root .mc-rewardCenter .mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important
}

.fortuna8ph .sec_card .am-list-header {
    border: #626061
}

.fortuna8ph .team-member-nickname .nickname-form .btn-confirm-trans,
.fortuna8ph .team-member-trans .btn-confirm-trans {
    border: none
}

.fortuna8ph .withdraw-bkadd {
    background: #f99027
}

.fortuna8ph .agent-container .agent-body .h4-wrp,
.fortuna8ph .common-center-top .common-top-img {
    border-color: #fff
}

.fortuna8ph .leader-board-container .profile-icon {
    background: hsla(0, 0%, 100%, .2)
}

.fortuna8ph .reward-center .reward-user-integral {
    color: rgba(37, 37, 37, .6) !important
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.fortuna8ph .agrg-downline-bnsetp>span:nth-child(2),
.fortuna8ph .agrg-downline-title,
.fortuna8ph .center-header,
.fortuna8ph .contract-history .history-thead,
.fortuna8ph .contractText,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.fortuna8ph .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-count,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-name,
.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active,
.fortuna8ph .exchange-wrap .font-color-gray,
.fortuna8ph .flex-list-text,
.fortuna8ph .game-amount-content span:last-child,
.fortuna8ph .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.fortuna8ph .myRebate .rebate-span-lf,
.fortuna8ph .orderinfo-wrap .orderinfo-body h5,
.fortuna8ph .point-form-item .am-list-item .am-list-line .am-list-content,
.fortuna8ph .point-history-wrap .color-black,
.fortuna8ph .rebateReport-item-content .am-flexbox span,
.fortuna8ph .record-footer span.time,
.fortuna8ph .red-rain-tetit,
.fortuna8ph .red-rain-type .agrg-downline-cname,
.fortuna8ph .salary-popup-header div,
.fortuna8ph .sigin-modal .sigin-modal-content h3,
.fortuna8ph .sigin-today-title,
.fortuna8ph .signedSalary-root,
.fortuna8ph .tic-footer-amount,
.fortuna8ph .tr-item-content-item,
.fortuna8ph .tr-item-title {
    color: #5e5e5e !important
}

.fortuna8ph .wallet_return div {
    background: #d7e7fe;
    color: #3b79f3
}

.fortuna8ph .wallet_return div svg {
    fill: #3b79f3
}

.fortuna8ph .am-modal-body {
    color: #888
}

.fortuna8ph .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group input[type=radio]:checked+label {
    border-color: #8233ec;
    color: #8233ec;
    background: #f6f2fb
}

.fortuna8ph .overview-statis-wrapper .overview-select .item-btn input[type=radio]:checked~label {
    border-color: #8233ec
}

.fortuna8ph .overview-statis-wrapper .overview-select .item-btn input[type=radio]:checked~.item-content:after {
    border-color: transparent transparent #8233ec
}

.fortuna8ph .agrgic-downline-select {
    background: #626061
}

.fortuna8ph .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .am-flexbox.am-flexbox-align-middle .item-header-icon .mc-member-number {
    background-color: rgba(98, 96, 97, .1)
}

.fortuna8ph .am-card-body .protocolDetails .header p,
.fortuna8ph .am-tabs-tabpane-active .card-body,
.fortuna8ph .downline-item-toot .user-info .user-name,
.fortuna8ph .name-filter .searchOne,
.fortuna8ph .singd-downline-info,
.fortuna8ph .singd-downline-item-toot .user-info .user-name {
    color: #000 !important
}

.fortuna8ph .unerlvl.block svg {
    fill: #febd3a !important
}

.fortuna8ph .block-container .block.unerlvl {
    color: #febd3a !important
}

.fortuna8ph .block.member svg {
    fill: #25e6c9 !important
}

.fortuna8ph .block-container .block.member {
    color: #25e6c9 !important
}

.fortuna8ph .banner.salary {
    background: linear-gradient(180deg, #fc795a 0, #fc795a 20%, #fe64aa)
}

.fortuna8ph .banner.bet {
    background: linear-gradient(180deg, #76c2fe 0, #76c2fe 20%, #6d81fe)
}

.fortuna8ph .banner .money {
    color: #fa8866
}

.fortuna8ph .sign-salary-root .singd-details thead tr td {
    color: #a5a4a7
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-betVolume {
    color: #ea5747 !important
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-activeMember {
    color: #30d4b2 !important
}

.fortuna8ph .sign-salary-root .singd-details tbody .salary-rateType {
    color: #57c2ed !important
}

.fortuna8ph .sign-salary-root .singd-details tbody,
.fortuna8ph .sign-salary-root .singd-details td,
.fortuna8ph .sign-salary-root .singd-details thead,
.fortuna8ph .sign-salary-root .singd-details tr {
    border: 0 !important
}

.fortuna8ph .auto-fill-btn {
    background: #da3e34 !important
}

.fortuna8ph .ti-name {
    color: #5f5f5f !important
}

.fortuna8ph .avatar-icon,
.fortuna8ph .mall-home-top .mall-header {
    border-color: hsla(0, 0%, 100%, .2) !important
}

.fortuna8ph .reward-center {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.fortuna8ph .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/fortuna8ph/assets/fortuna8ph_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.fortuna8ph .reward-user-integral {
    background-image: url("/images/theme/fortuna8ph/assets/rewardCenter/fortuna8ph_cash.png") !important
}

.fortuna8ph .name-filter .am-search-cancel {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_search.png") !important
}

.fortuna8ph #mc-app-home-root.mc {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_member_home.png") !important
}

.fortuna8ph .mall-home-top,
.fortuna8ph .mall-home-wrap .mall-home-top,
.fortuna8ph .signin-activity-card {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_sac.png") !important
}

.fortuna8ph .member-detail-wrapper,
.fortuna8ph .record-icon-ticket {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_bill.png")
}

.fortuna8ph .leader-board-container .leader-board-header {
    background-image: url("/images/theme/fortuna8ph/assets/fortuna8ph_lbh.png") !important
}

.fortuna8ph .n-home-container .main-nav-style>.n-linear-border:before {
    border: 1px solid #fbf7ff
}

.fortuna8ph .sc-integral {
    color: #e539ff
}

.fortuna8ph .sc-bonus {
    color: #fe3b44
}

.fortuna8ph .sc-days {
    color: #2476ff
}

.fortuna8ph .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span:last-child svg {
    fill: #626061 !important
}

.fortuna8ph .member-detail-container .am-tabs-bar {
    background: unset
}

.fortuna8ph .member-detail-wrapper {
    background: url("/images/theme/fortuna8ph/assets/member_detail_bg.png")
}

.fortuna8ph .member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active .icon-setrebate,
.fortuna8ph .member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active:before,
.fortuna8ph .modal-list-content .mc-switch .checkbox.on:after {
    background-color: #8233ec !important
}

.fortuna8ph .modal-list-content .mc-switch .checkbox.on {
    border-color: #8233ec !important
}

.fortuna8ph .salary-popup-header {
    color: #f6f6f6
}

.fortuna8ph .point-convert .point-form-item.important-number .am-list-extra {
    color: #ff002e
}

.fortuna8ph .sigin-title .sigin-tab-title {
    color: #f32246 !important
}

.fortuna8ph .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #989898 !important
}

.fortuna8ph .mc-notice-content .wysiwyg {
    color: unset
}

.fortuna8ph .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: unset !important
}

.fortuna8ph .mc-trans-record-container .color-green-in {
    color: #59d169 !important
}

.fortuna8ph .mc-trans-record-container .color-red-out {
    color: #f6573a !important
}

.fortuna8ph .card-details.contract .protocolDetails.periodicBets .header p,
.fortuna8ph .devidend-container .popup-header span {
    color: #848484 !important
}

.fortuna8ph .member-detail-wrapper .member-detail-top .item-left .avatar-icon {
    background: unset
}

.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.fortuna8ph .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

body.lavathb {
    background-color: #fff
}

.lavathb .divident-list-item span {
    width: 21%
}

.lavathb .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

.lavathb .record-footer span {
    color: #553a7a
}

.lavathb .record-footer span.time {
    color: #4f3661
}

.lavathb .n-home-container .main-nav-style>.n-linear-border>div {
    background: rgba(79, 54, 97, .2)
}

.lavathb .n-home-container .main-nav-style>div svg {
    fill: linear-gradient(0deg, #3c2855, #553a7a)
}

.lavathb .v-base .main-nav-style {
    color: #000924
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .am-tag-active,
.lavathb .btn-copy-code,
.lavathb .mall-home-top .mall-header,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .new-tips,
.lavathb .team-member-flow .mc-team-flow-unit span.unit-active,
.lavathb .vc-v2-container .vc-v2-input .inputCon,
.lavathb .vc-v2-container .vc-v2-input .inputCon i,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #553a7a;
    border-color: #553a7a !important
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
.lavathb .go-home-btn,
.lavathb .red-rain-underling span,
.lavathb .vc-v2-container .vc-v2-method-list li {
    color: #aaa;
    border-color: #aaa
}

.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .mall-home-wrap .mall-home-choose .active,
.lavathb .mc-tab-container .mc-tab-item.tab-active,
.lavathb .singd-downline-info div span>span,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck {
    color: #553a7a !important;
    border-color: #553a7a !important
}

.lavathb .am-button-primary,
.lavathb .n-home-container .n-nav-list-title span {
    border: none !important
}

.lavathb input {
    caret-color: #553a7a !important
}

.lavathb .game-record-show .am-search,
.lavathb .h-icon-active img,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .name-filter .am-button-ghost,
.lavathb .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #553a7a !important
}

.lavathb .name-filter .am-button-ghost {
    border: 1px solid #553a7a !important
}

.lavathb .agent-divident-container,
.lavathb .agentDivident .am-tabs-bar .am-tabs-tabr,
.lavathb .am-search,
.lavathb .am-tabs-bar,
.lavathb .name-filter,
.lavathb .name-filter .am-button-ghost,
.lavathb .reward-center-container,
.lavathb .sigin-modal .sigin-modal-content {
    background: #fff
}

.lavathb .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

.lavathb .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

.lavathb .submitEmail {
    box-shadow: none !important
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost,
.lavathb .am-button-ghost.am-button-active,
.lavathb .am-checkbox.am-checkbox-checked .am-checkbox-inner,
.lavathb .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .contract-history .history-thead,
.lavathb .is-comp,
.lavathb .popup-container input:focus,
.lavathb .salary-popup-container input:focus {
    border-color: #553a7a
}

.lavathb .dividendRatio .arrow-top,
.lavathb .table-container .dividend-tips .arrow-top {
    border-bottom-color: #553a7a
}

.lavathb .dividend-header .dividend-header-content>div:first-child p,
.lavathb .dividend-header .dividend-header-content>div:last-child p {
    color: #553a7a
}

.lavathb .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
.lavathb .flex-text-tips,
.lavathb .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #c76e6e
}

.lavathb .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(53, 77, 100, .1)
}

.lavathb #root #mc-app-home-root.gc,
.lavathb #root .mc-navbar-blue {
    background: linear-gradient(180deg, #c9bbfd, #957bf1);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.lavathb #root #mc-app-home-root.gc .am-navbar-left svg,
.lavathb #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

.lavathb #root #mc-app-home-root.gc .am-navbar-title,
.lavathb #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

.lavathb .am-card-body .protocolDetails .header p,
.lavathb .trans-checked span {
    color: #fff !important
}

.lavathb #root .mc-home.mc-navbar-blue .am-icon-left,
.lavathb #root .mc-home.mc-navbar-blue .am-navbar-title,
.lavathb #root .reward-center .am-navbar-title,
.lavathb .agent-container .agent-body .h4-wrp,
.lavathb .agrg-downline-title,
.lavathb .block-container .block.member,
.lavathb .block-container .block.unerlvl,
.lavathb .center-header,
.lavathb .contract-history .history-thead,
.lavathb .dividend-header .dividend-header-content .title,
.lavathb .downline-item-toot .user-info .user-name,
.lavathb .flex-list-text,
.lavathb .leader-board-container .leader-board-integral,
.lavathb .mall-home-top .mall-number-info,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .myRebate .rebate-span-lf,
.lavathb .ph-text span,
.lavathb .rebateReport-item-root span,
.lavathb .salary-popup-header div,
.lavathb .sigin-modal .sigin-modal-content h3,
.lavathb .singd-downline-item-toot .user-info .user-name,
.lavathb .team-member-item-header .customer-item,
.lavathb .team-op a,
.lavathb .ti-name,
.lavathb .tr-item-title,
.lavathb .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #4f3661 !important
}

.lavathb #mc-app-home-root #mc-header,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost,
.lavathb .reward-center {
    border-color: #4f3661 !important
}

.lavathb #mc-app-home-root #mc-header svg,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
.lavathb .reward-center svg {
    fill: #4f3661 !important
}

.lavathb .bet-filter-modal .ck-icon,
.lavathb .deposit-list-ck,
.lavathb .deposit-record-root .deposit-id svg,
.lavathb .icon-points,
.lavathb .icon-sign,
.lavathb .icon-task,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #553a7a !important
}

.lavathb .tr-item-content-item,
.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #4f3661
}

.lavathb .am-badge-text {
    background-color: #4f3661;
    color: #fff
}

.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #957bf1;
    background: rgba(149, 123, 241, .1)
}

.lavathb .am-modal-button-group-h .am-modal-button:first-child,
.lavathb .am-tabs-bar .am-tabs-tab,
.lavathb .card-details.contract .spandetails,
.lavathb .change-statis-wrap .statis-left .btn-change,
.lavathb .contract-history .history-tbody,
.lavathb .dividend-list-more>div,
.lavathb .flex-list-title,
.lavathb .list-popup-container,
.lavathb .mc-team-filter .am-list-item.am-input-item,
.lavathb .orderinfo-wrap .orderinfo-body .orderion-content-text *,
.lavathb .pal-records-list-root .time,
.lavathb .red-rain-input input,
.lavathb .red-rain-tcenter,
.lavathb .salary_info tbody tr td,
.lavathb .salary_rule,
.lavathb .sigin-c-remarks b,
.lavathb .sigin-c-remarks p,
.lavathb .sigin-modal .sigin-modal-content .amount-info p,
.lavathb .sigin-today-desc,
.lavathb .statis-container .statis-lin .lin-left div,
.lavathb .statis-container .statis-lin .lin-rigth div,
.lavathb .sub-name-search input,
.lavathb .sub-name-search input::placeholder,
.lavathb .team-member-item-content,
.lavathb .team-member-item-content .time,
.lavathb .team-member-nickname input,
.lavathb .team-member-trans input,
.lavathb .team-op a.edit-btn,
.lavathb .team-rebate-btnleft .am-button,
.lavathb .tic-footer-title,
.lavathb .tr-item-time,
.lavathb .v-base .m-mc-notice-container .m-mc-notice-index-content,
.lavathb .v-base .m-mc-notice-container .mc-notice-time {
    color: #aaa !important
}

.lavathb .point-tips {
    color: hsla(0, 0%, 67%, .7) !important
}

.lavathb .sub-name-search,
.lavathb .team-rebate-btnleft .am-button {
    border-color: #aaa !important
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price li,
.lavathb .red-rain-input input,
.lavathb .statis-gameType-wrap .btn-wrap {
    background: rgba(53, 77, 100, .1)
}

.lavathb .ag-link-lmanage .ag-link-mgbottom,
.lavathb .agrg-downline-cname,
.lavathb .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-price li,
.lavathb .leader-board-container .leader-board-header-status div,
.lavathb .mall-home-middle,
.lavathb .mall-home-wrap .mall-home-choose,
.lavathb .mall-order-integral,
.lavathb .mc-tab-container .mc-tab-item,
.lavathb .mc-team-filter .am-list-item .am-input-control input,
.lavathb .new-date-picker .date-picker-warp .pickter-item.through-item,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
.lavathb .orderinfo-wrap .orderinfo-submit p,
.lavathb .point-history-wrap .point-item-wrap .point-types .point-date,
.lavathb .point-history-wrap .point-item-wrap .point-types .point-remarks,
.lavathb .sigin-c-footer .title {
    color: #aaa
}

.lavathb .lottType-box,
.lavathb .mc-lott-record-root .select-Box .type,
.lavathb .mc-lott-record-root .select-Box>div,
.lavathb .play-chooser form,
.lavathb .play-chooser input,
.lavathb .trans-unchecked {
    color: #aaa !important;
    border-color: #aaa !important
}

.lavathb .exchange-wrap .font-color-red,
.lavathb .orderinfo-wrap .font-color-red,
.lavathb .point-history-wrap .color-red,
.lavathb .sigin-today-desc span,
.lavathb .today {
    color: #c76e6e !important
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
.lavathb .am-search-input input[type=search],
.lavathb .devidend-container .popup-header,
.lavathb .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
.lavathb .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
.lavathb .grid-title,
.lavathb .leader-board-container .leader-board-header-info,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
.lavathb .point-form-item .am-list-item .am-list-line .am-list-content,
.lavathb .point-history-wrap .color-black,
.lavathb .red-rain-tetit,
.lavathb .red-rain-type .agrg-downline-cname,
.lavathb .sigin-today-title {
    color: #4f3661 !important
}

.lavathb .contract-history .history-thead,
.lavathb .dividend-list-more,
.lavathb .grid-content {
    background: #fafafa
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost,
.lavathb .contractPeople,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .lott-record-container,
.lavathb .no-salary-list {
    color: #553a7a
}

.lavathb .agentSalary .mc-trans-filter .am-button-ghost svg,
.lavathb .contractPeople svg,
.lavathb .leader-board-container .leader-board-header-status div.lb-active svg,
.lavathb .lott-record-container svg,
.lavathb .no-salary-list svg {
    fill: #553a7a
}

.lavathb .mc-team-filter .am-list-item.am-input-item,
.lavathb .sub-name-search {
    border-color: #aaa
}

.lavathb .mc-team-filter .am-list-item.am-input-item svg,
.lavathb .sub-name-search svg {
    fill: #aaa
}

.lavathb .singd-downline-info svg {
    fill: #aaa !important
}

.lavathb .am-modal-body,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-count,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-name,
.lavathb .exchange-wrap .font-color-gray,
.lavathb .game-amount-content span:last-child,
.lavathb .orderinfo-wrap .orderinfo-body h5,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
.lavathb .point-history-wrap .color-black,
.lavathb .tic-footer-amount {
    color: #4f3661
}

.lavathb .dividend-rate,
.lavathb .go-team-bet,
.lavathb .go-team-bet i,
.lavathb .go-team-record,
.lavathb .go-team-record i,
.lavathb .mc-trans-record-container .color-green-in,
.lavathb .mt-team-footer,
.lavathb .records-item-header .game-amount-content span:last-child,
.lavathb .red-rain-tright,
.lavathb .team-member-trans header .label,
.lavathb .tt-balance-content {
    color: #553a7a !important
}

.lavathb .dividend-rate svg,
.lavathb .go-team-bet i svg,
.lavathb .go-team-bet svg,
.lavathb .go-team-record i svg,
.lavathb .go-team-record svg,
.lavathb .mc-trans-record-container .color-green-in svg,
.lavathb .mt-team-footer svg,
.lavathb .records-item-header .game-amount-content span:last-child svg,
.lavathb .red-rain-tright svg,
.lavathb .team-member-trans header .label svg,
.lavathb .tt-balance-content svg {
    fill: #553a7a !important
}

.lavathb .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
.lavathb .agent-link-nodata svg,
.lavathb .block.member svg,
.lavathb .card-header-people,
.lavathb .devidend-container svg,
.lavathb .has-claimed svg,
.lavathb .icon-complete,
.lavathb .icon-span svg,
.lavathb .lin-left svg,
.lavathb .lin-rigth svg,
.lavathb .lkmn-poup-qrlink svg,
.lavathb .mall-intergral-svg,
.lavathb .mc-icon-member,
.lavathb .mc-trans-filter svg.am-icon-lg,
.lavathb .need-fill,
.lavathb .rebateReport-item-content svg,
.lavathb .salary-popup-container .save-icon,
.lavathb .security-icon,
.lavathb .team-member-nickname svg,
.lavathb .team-member-trans svg,
.lavathb .team-rebate-tleft svg,
.lavathb .unerlvl.block svg,
.lavathb .user-icon {
    fill: #553a7a !important
}

.lavathb .mc-popup-trans>span>svg {
    fill: #553a7a !important
}

.lavathb .team-member-trans input {
    border-radius: .15rem
}

.lavathb .add-inputIcon,
.lavathb .agrgic-downline-select,
.lavathb .am-button-ghost.am-button-active,
.lavathb .am-switch input[type=checkbox]:checked+.checkbox,
.lavathb .bet-filter-container .bet-filter-sub div.ck:after,
.lavathb .ContactName,
.lavathb .ContactNamet,
.lavathb .Contacts .am-search-cancel,
.lavathb .discount-tip,
.lavathb .EmaiWebList .look .am-badge-dot,
.lavathb .grid-title:after,
.lavathb .mc-profile-swiper-nav li.ck,
.lavathb .mc-profitLoss-record-root .am-button-primary,
.lavathb .mc-transaction-record-root .am-button-primary,
.lavathb .swiper-pagination-bullet-active,
.lavathb .ticket-item .ticket-item-btn {
    background: #553a7a !important
}

.lavathb .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.end-item:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item.through-item,
.lavathb .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item:nth-child(7n+1).through-item:before {
    background: #fef6e9
}

.lavathb .account-form input,
.lavathb .account-form svg.txt-svg,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
.lavathb .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
.lavathb .agent-link-nodata .am-result-title,
.lavathb .agrg-downline-bnsetp>span,
.lavathb .agrg-downline-bnslt,
.lavathb .agrg-downline-bnsrt,
.lavathb .am-button-ghost,
.lavathb .am-modal-button-group-v .am-modal-button,
.lavathb .amount-positive-number,
.lavathb .banner .money,
.lavathb .card-details .card-header div.endContract,
.lavathb .color2,
.lavathb .contract-history .user-info .user-title,
.lavathb .contract-tips,
.lavathb .contractText,
.lavathb .dividend-list-more>div:nth-child(2n) p,
.lavathb .dividend-list-more>div:nth-child(odd) p,
.lavathb .downline-item-toot .action-sign,
.lavathb .downline-item-toot .start_contract,
.lavathb .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .filter-tabPane-btn,
.lavathb .game-record-show .am-search-cancel,
.lavathb .is-comp,
.lavathb .link-detail-title,
.lavathb .mc-game-record-root .activity-spinner svg,
.lavathb .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
.lavathb .new-date-picker .date-picker-content .btn-clear-date,
.lavathb .new-date-picker .date-picker-content .date-picker-title,
.lavathb .new-date-picker .date-picker-content .date-picker-title .active-item,
.lavathb .nodata-container,
.lavathb .placeholder,
.lavathb .play-chooser .chase-number>span,
.lavathb .point-balance p,
.lavathb .point-convert .point-form-item.important-number .am-list-extra,
.lavathb .rebate-span-rt,
.lavathb .rebateReport-item-content .am-flexbox span,
.lavathb .rebateReport .rebate,
.lavathb .red-rain-tleft,
.lavathb .red-rain-underling span.on,
.lavathb .sc-bonus,
.lavathb .sc-days,
.lavathb .sc-integral,
.lavathb .sigin-modal .sigin-modal-content .amount-info div,
.lavathb .sign-operation>span,
.lavathb .statis-container .statis-lin .blue-count,
.lavathb .statis-container .statis-lin .gray-count,
.lavathb .statis-container .statis-lin .green-count,
.lavathb .statis-container .statis-lin .red-count,
.lavathb .team-member-nickname header .label,
.lavathb .team-rebate-tcenter,
.lavathb .v-base .m-mc-notice-container .m-mc-notice-title,
.lavathb .v-base .m-mc-notice-container .mmnt-title-detail,
.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
.lavathb .vc-v2-container .vc-v2-input .inputCon input,
.lavathb .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
.lavathb .vc-v2-container .vc-v2-method li.ck,
.lavathb .w-input-content,
.lavathb .w-input-content input,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span {
    color: #553a7a
}

.lavathb .sigin-c-footer li>div {
    background: rgba(85, 58, 122, .1)
}

.lavathb .play-chooser .am-search-input input[type=search] {
    background: none
}

.lavathb .am-modal-button-group-h .am-modal-button,
.lavathb .am-modal-title {
    color: #553a7a
}

.lavathb .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

.lavathb .agrg-downline-bnsetp>span:nth-child(2),
.lavathb .color-red-out,
.lavathb .singd-downline-info {
    color: #4f3661
}

.lavathb .am-tabs-tabpane-active .card-body,
.lavathb .card-details.contract .protocolDetails .details,
.lavathb .protocolDetails .details p,
.lavathb .sign-salary-root .singd-details tbody .salary-activeMember,
.lavathb .sign-salary-root .singd-details tbody .salary-betVolume,
.lavathb .sign-salary-root .singd-details tbody .salary-rateType,
.lavathb .statis-gameType-wrap .active {
    color: #4f3661 !important
}

.lavathb .banner.bet,
.lavathb .banner.salary {
    background: linear-gradient(90deg, #4f3661, #1f1736)
}

.lavathb .dividend-list div .dl-content {
    background: linear-gradient(90deg, #4f3661, #1f1736) !important
}

.lavathb .dividend-list div:last-child .dl-content,
.lavathb .n-home-container .n-nav-list-title:after,
.lavathb .n-home-container .n-nav-list-title span {
    background: #957bf1 !important
}

.lavathb .agentDivident .grid-container {
    background: rgba(53, 77, 100, .1)
}

.lavathb .account-form input:focus,
.lavathb .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
.lavathb .agrg-downline-input input:focus,
.lavathb .am-button-ghost,
.lavathb .common-center-top .common-top-img,
.lavathb .filter-tabPane-btn,
.lavathb .game-record-show .am-search,
.lavathb .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
.lavathb .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
.lavathb .popup-container input,
.lavathb .red-rain-input input:focus,
.lavathb .red-rain-underling span.on,
.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.lavathb .w-input-content {
    border-color: #553a7a
}

.lavathb .am-button-primary,
.lavathb .am-slider-track,
.lavathb .discount-tip,
.lavathb .mc-switch .checkbox.on:before,
.lavathb .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
.lavathb .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
.lavathb .vc-v2-title:before,
.lavathb .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #553a7a !important;
    color: #fff
}

.lavathb .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

.lavathb .am-tabs-ink-bar,
.lavathb .inputIcon,
.lavathb .mc-switch.mc-qutas-bg .on:before,
.lavathb .mc-trans-filter .am-search-cancel,
.lavathb .sigin-tab .am-tabs-tab-active .tab-title:after,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child,
.lavathb .vc-v2-title:before,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #553a7a !important
}

.lavathb .am-tabs-ink-bar svg,
.lavathb .inputIcon svg,
.lavathb .mc-switch.mc-qutas-bg .on:before svg,
.lavathb .mc-trans-filter .am-search-cancel svg,
.lavathb .sigin-tab .am-tabs-tab-active .tab-title:after svg,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child svg,
.lavathb .vc-v2-title:before svg,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #553a7a !important
}

.lavathb .discount-tip,
.lavathb .mc-trans-filter .am-button-primary,
.lavathb .trans-checked {
    background: #553a7a !important;
    border-color: #553a7a !important
}

.lavathb .leader-board-container .leader-board-integral,
.lavathb .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

.lavathb .mc-trans-filter .am-button-ghost,
.lavathb .point-history-wrap .am-button-ghost {
    border-color: #aaa;
    color: #aaa
}

.lavathb .mc-trans-filter .am-button-ghost svg,
.lavathb .point-history-wrap .am-button-ghost svg {
    fill: #aaa
}

.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

.lavathb .ivi-icon svg {
    display: inline-block
}

.lavathb .id-verification-icon {
    display: none
}

.lavathb .add-card-btn,
.lavathb .agrg-downline-sub,
.lavathb .am-button-primary,
.lavathb .bind-first span,
.lavathb .btn-confirm-date,
.lavathb .btn-success,
.lavathb .button-submit,
.lavathb .change-statis-wrap .statis-left .btn-change-active,
.lavathb .contract-salary-operation a:last-child,
.lavathb .copy-contact,
.lavathb .lkmn-poup-qrcopy,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit,
.lavathb .play-more-game,
.lavathb .poplist-footer a:last-child.footer-button,
.lavathb .profile-swiper-container .am-modal-button,
.lavathb .sigin-today-sub,
.lavathb .signedSalary-root .poplist-footer a:last-child.footer-button,
.lavathb .submitEmail,
.lavathb .team-member-nickname .trans-container:first-child,
.lavathb .team-rebate-btnright .am-button,
.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
.lavathb .vc-v2-submit,
.lavathb .w-input-submit-true {
    background: linear-gradient(90deg, #4f3661, #1f1736) !important
}

.lavathb .add-card-btn span,
.lavathb .agrg-downline-sub span,
.lavathb .am-button-primary span,
.lavathb .bind-first span span,
.lavathb .btn-confirm-date span,
.lavathb .btn-success span,
.lavathb .button-submit span,
.lavathb .change-statis-wrap .statis-left .btn-change-active span,
.lavathb .contract-salary-operation a:last-child span,
.lavathb .copy-contact span,
.lavathb .lkmn-poup-qrcopy span,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit span,
.lavathb .play-more-game span,
.lavathb .poplist-footer a:last-child.footer-button span,
.lavathb .profile-swiper-container .am-modal-button span,
.lavathb .sigin-today-sub span,
.lavathb .signedSalary-root .poplist-footer a:last-child.footer-button span,
.lavathb .submitEmail span,
.lavathb .team-member-nickname .trans-container:first-child span,
.lavathb .team-rebate-btnright .am-button span,
.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
.lavathb .vc-v2-submit span,
.lavathb .w-input-submit-true span {
    color: #fff
}

.lavathb .add-card-btn,
.lavathb .bind-first span,
.lavathb .button-submit,
.lavathb .copy-contact,
.lavathb .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .orderinfo-wrap .orderinfo-submit .button-submit,
.lavathb .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

.lavathb .devidend-container .popup-header,
.lavathb .popup-container input,
.lavathb .salary-popup-header {
    background: rgba(85, 58, 122, .2)
}

.lavathb .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .statis-gameType-wrap .active {
    background: rgba(149, 123, 241, .2) !important;
    border-color: #553a7a !important;
    color: #4f3661 !important
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #553a7a !important
}

.lavathb .salary-popup-container .input-container input {
    background: rgba(85, 58, 122, .2) !important
}

.lavathb .lkmn-poup-tbig,
.lavathb .lkmn-poup-tsmall,
.lavathb .mc-trans-record-container .color-red-out,
.lavathb .point-wrap .point-table-title span {
    color: #553a7a
}

.lavathb .common-wb-cards {
    background: linear-gradient(90deg, #4f3661, #1f1736) !important
}

.lavathb .btn-success {
    box-shadow: 0 .1rem .2rem 0 #957bf1 !important
}

.lavathb .btn-success.am-button-disabled {
    box-shadow: none !important
}

.lavathb .withdraw-bkdbtn {
    border-color: #553a7a
}

.lavathb .agrg-downline-input input,
.lavathb .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
.lavathb .lkmn-poup-qrcnt span,
.lavathb .mc-trans-filter .chase-number,
.lavathb .rebateReport-item-root .time,
.lavathb .red-rain-main input::placeholder,
.lavathb .show-more,
.lavathb .singd-downline-info .more-info,
.lavathb .team-member-trans input::placeholder,
.lavathb .tmt-header,
.lavathb .withdraw-bkinfo {
    color: #aaa !important
}

.lavathb .am-tag-normal,
.lavathb .statis-gameType-wrap .btn-wrap,
.lavathb .vc-v2-container .vc-v2-method li,
.lavathb .vc-v2-container .vc-v2-method li .min-max,
.lavathb .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #aaa !important;
    border-color: #aaa !important
}

.lavathb .am-tag-normal.unit-active {
    color: #957bf1 !important;
    border-color: #957bf1 !important
}

.lavathb .point-wrap .point-list-wrap .point-list-header,
.lavathb .withdraw-bkadd {
    background: #957bf1
}

.lavathb .wallet_return div {
    background: rgba(149, 123, 241, .4)
}

.lavathb .n-home-container .n-nav-list-title span,
.lavathb .wallet_return div {
    color: #fff
}

.lavathb .n-home-container .n-nav-list-title span svg,
.lavathb .wallet_return div svg {
    fill: #957bf1
}

.lavathb .agrg-downline-bnstbt,
.lavathb .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

.lavathb .agrg-downline-bnstbt svg,
.lavathb .point-wrap .point-list-wrap .point-list-header svg {
    fill: #553a7a
}

.lavathb .point-wrap .point-list-wrap .point-list-item {
    background: rgba(53, 77, 100, .4)
}

.lavathb .card-details.contract .protocolDetails,
.lavathb .contract-history .history-tbody {
    background: none
}

.lavathb .contract-history .history-tbody {
    border-bottom: 1px solid #553a7a
}

.lavathb .exchange-wrap .exchange-submit p,
.lavathb .mc-profitLoss-record-root .am-button-ghost,
.lavathb .mc-transaction-record-root .am-button-ghost {
    color: #aaa !important;
    border-color: #aaa !important
}

.lavathb .exchange-wrap .exchange-submit p svg,
.lavathb .mc-profitLoss-record-root .am-button-ghost svg,
.lavathb .mc-transaction-record-root .am-button-ghost svg {
    fill: #aaa !important
}

.lavathb .auto-fill-btn,
.lavathb .card-details.contract .protocolDetails .header,
.lavathb .records-item-header-sy i {
    background: #957bf1 !important
}

.lavathb .sign-salary-root .singd-details thead tr,
.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #957bf1;
    border-color: #957bf1;
    color: #fff
}

.lavathb .trans-checked.am-button-active,
.lavathb .trans-unchecked.am-button-active {
    background: none !important
}

.lavathb .team-member-nickname .nickname-form input,
.lavathb .team-member-nickname .trans-container-header .trans-container:last-child,
.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(53, 77, 100, .1) !important
}

.lavathb .red-rain-input input,
.lavathb .team-member-nickname .nickname-form input {
    border: 1px solid #aaa
}

.lavathb .team-member-nickname .nickname-form,
.lavathb .tt-content {
    background: inherit !important
}

.lavathb .add-card-btn.dis,
.lavathb .vc-v2-submit.dis {
    background: #aaa !important
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .amount-negative-number,
.lavathb .card-details .card-header div.endContract span a,
.lavathb .hd-status-tip,
.lavathb .leader-board-container .leader-board-header-status div.lb-active,
.lavathb .lkmn-poup-qrlink span,
.lavathb .record-footer div span:last-child,
.lavathb .show-tips a,
.lavathb .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
.lavathb .team-member-item-header span,
.lavathb .vrification-loading-content p span {
    color: #553a7a !important
}

.lavathb .name-filter .am-search .am-search-input,
.lavathb .name-filter .am-search .am-search-synthetic-ph,
.lavathb .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #aaa !important
}

.lavathb .point-history-wrap .am-button-primary {
    color: #fff;
    background: #553a7a !important
}

.lavathb .point-history-wrap .am-button-primary svg {
    fill: #fff
}

.lavathb .red-rain-select .am-search-input input {
    color: #aaa !important
}

.lavathb .red-rain-select .am-search-cancel,
.lavathb .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #553a7a
}

.lavathb .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #553a7a !important
}

.lavathb .account-form input:focus,
.lavathb .play-more-game {
    box-shadow: none !important
}

.lavathb .am-search-input input[type=search] {
    background: rgba(53, 77, 100, .1);
    color: #aaa !important
}

.lavathb .devidend-container .popup-header span,
.lavathb .game-amount-content .amount-total,
.lavathb .mc-notice-content .wysiwyg,
.lavathb .sigin-today-title,
.lavathb .team-member-trans header span:last-child {
    color: #4f3661
}

.lavathb .red-rain-lpbody #mc-header {
    position: relative !important
}

.lavathb .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

.lavathb .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

.lavathb .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #553a7a;
    top: .16rem;
    position: relative
}

.lavathb .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

.lavathb .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #553a7a
}

.lavathb .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

.lavathb .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

.lavathb .trans-icon-container svg {
    fill: #354d64 !important
}

.lavathb .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #553a7a;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

.lavathb .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

.lavathb .am-picker-popup-item,
.lavathb .card-header .ric-date {
    color: #553a7a !important
}

.lavathb .records-item-header-sy i,
.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #553a7a !important
}

.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #354d64
}

.lavathb .point-convert .point-form-item .am-list-extra,
.lavathb .point-convert .point-form-item .am-list-extra input {
    color: #354d64
}

.lavathb .go-home-btn {
    background: #aaa !important
}

.lavathb .statis-gameType-wrap .btn-wrap .gameType-item-1,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
.lavathb .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #aaa
}

.lavathb .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #553a7a !important;
    border-color: #553a7a !important
}

.lavathb .poplist-footer a:first-child {
    border-color: #aaa !important;
    color: #aaa !important
}

.lavathb .agent-container .agent-body .h4-wrp,
.lavathb .leader-board-container .profile-icon {
    border-color: #553a7a
}

.lavathb .statis-gameType-wrap .active i {
    background: #553a7a
}

.lavathb .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

.lavathb .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

.lavathb .vc-v2-submit i {
    background-image: url("/images/theme/lavathb/assets/lavathb_down_icon.png")
}

.lavathb .mall-home-top,
.lavathb .mall-home-wrap .mall-home-top,
.lavathb .signin-activity-card {
    background-image: url("/images/theme/lavathb/assets/lavathb_sac.png") !important
}

.lavathb .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/lavathb/assets/lavathb_lbc.png") !important
}

.lavathb .leader-board-container .leader-board-header {
    background-image: url("/images/theme/lavathb/assets/lavathb_lbh.png") !important
}

.lavathb .name-filter .am-search-cancel {
    background-image: url("/images/theme/lavathb/assets/lavathb_search.png") !important
}

.lavathb .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/lavathb/assets/lavathb_left.png") !important;
    transform: rotate(0deg)
}

.lavathb .reward-user-integral {
    background-image: url("/images/theme/lavathb/assets/rewardCenter/lavathb_cash.png") !important
}

.lavathb .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/lavathb/assets/lavathb_left.png") !important;
    transform: rotate(180deg)
}

.lavathb .record-icon-ticket {
    background-image: url("/images/theme/lavathb/assets/lavathb_bill.png")
}

.lavathb .reward-center {
    background-image: url("/images/theme/lavathb/assets/lavathb_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

.lavathb #mc-app-home-root.mc {
    background-image: url("/images/theme/lavathb/assets/lavathb_member_home.png") !important
}

.lavathb .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/lavathb/assets/lavathb_sign.png"), linear-gradient(0deg, #957bf1, #957bf1) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

.lavathb .common-center-top .cumulative-sign-in a {
    color: inherit
}

.lavathb .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/lavathb/assets/lavathb_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

.lavathb .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    position: absolute;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/lavathb/assets/lavathb_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

.lavathb .am-tabs-bar .am-tabs-tab-active,
.lavathb .ck-btn,
.lavathb .leader-board-container .leader-board-header-status div.lb-active {
    color: #957bf1 !important
}

.lavathb .ck-btn svg,
.lavathb .deposit-list-ck,
.lavathb .invite-friends-container .invite-friends-content .invite-get-link .link-copy svg,
.lavathb .leader-board-container .leader-board-header-status div.lb-active svg,
.lavathb .no-salary-list svg,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #957bf1 !important
}

.lavathb .bet-filter-container .bet-filter-item-content .ck-date,
.lavathb .mall-home-wrap .mall-home-choose .active,
.lavathb .mc-lott-record-root .select-Box span.active,
.lavathb .mc-tab-container .mc-tab-item.tab-active,
.lavathb .red-rain-underling span.on,
.lavathb .vc-v2-container .vc-v2-method-list li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck,
.lavathb .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
.lavathb .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #957bf1 !important;
    border-color: #957bf1 !important
}

.lavathb .n-home-container .main-nav-style>div svg {
    fill: #957bf1
}

.lavathb .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #d6ccfa, #efebfd);
    border: 1px solid rgba(79, 54, 97, .2);
    border-top-style: none
}

.lavathb .center-svgBox .am-icon-lightning,
.lavathb .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default .am-icon-calendar,
.lavathb .lott-record-container svg {
    fill: #aaa
}

.lavathb .no-salary-list svg,
.lavathb .nodata-container .nodata-icon {
    fill: #553a7a !important
}

.lavathb .lbti-nodata-modal .statistics,
.lavathb .leader-board-container .leader-board-list-content .lblc-no-data,
.lavathb .point-convert .point-form-item .am-list-extra,
.lavathb .point-convert .point-form-item .am-list-extra input,
.lavathb .point-wrap .point-list-wrap .point-list-item,
.lavathb .salary-popup-container .contractRate.input-container,
.lavathb .sigin-today-desc .item-wrap .item-title {
    color: #aaa !important
}

.lavathb .account-form .account-errors strong,
.lavathb .invite-list-root footer span,
.lavathb .sigin-today-desc .item-wrap .item-desc,
.lavathb .task-c-header .task-progress-txt span {
    color: #c76e6e !important
}

.lavathb .btn-success {
    box-shadow: 0 .1rem .2rem 0 #553a7a !important
}

.lavathb .am-tabs-ink-bar,
.lavathb .member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active .icon-setrebate,
.lavathb .member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active:before,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #957bf1 !important
}

.lavathb .am-modal-button-group-v .am-modal-button,
.lavathb .withdraw-container-v2 .am-tabs-tab-active span {
    color: #957bf1 !important
}

.lavathb .team-member-nickname .trans-container-header .trans-container:last-child,
.lavathb .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    color: #aaa !important
}

.lavathb .agrg-downline-cname,
.lavathb .am-modal-body,
.lavathb .cons-bet-item .mc_common_overflow span,
.lavathb .contract-history .user-info .user-name,
.lavathb .member-detail-wrapper .member-detail-top,
.lavathb .ph-text,
.lavathb .point-wrap .point-table-title span,
.lavathb .sigin-title .sigin-tab-title,
.lavathb .team-member-item-header span {
    color: #4f3661 !important
}

.lavathb .bank-virtual-tips,
.lavathb .translate-tips {
    color: #c76e6e !important
}

.lavathb .agentDivident .myDividend .name-filter .searchOne,
.lavathb .am-list-header,
.lavathb .am-modal-title,
.lavathb .bet-filter-container .bet-filter-sub .bf-close,
.lavathb .dropdown-wrapper .seach-popup .search-wrapper .list-submit .item-confirm,
.lavathb .invite-friends-container .invite-friends-content .invite-count .invite-count-amount div:last-child,
.lavathb .invite-friends-container .invite-friends-content .invite-count .invite-count-people div:last-child,
.lavathb .invite-friends-container .invite-friends-content .show-rule,
.lavathb .lkmn-poup-qrlink span,
.lavathb .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap .game-rebate,
.lavathb .modal-list-content .team-rebate-title .team-rebate-tcenter,
.lavathb .overview-sum-wrapper .sum-list-item .text-blue,
.lavathb .reward-content-info,
.lavathb .singd-downline-info div span>span,
.lavathb .task-tab .am-tabs-tab-active .tab-title,
.lavathb .total-hands,
.lavathb .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
    color: #553a7a !important
}

.lavathb .dividend-list .show-icon.unfold {
    background-image: url(/images/theme/lavathb/assets/lavathb_show.png)
}

.lavathb .agentDivident .tabPane-span svg,
.lavathb .contractPeople svg,
.lavathb .mc-trans-filter .am-button-ghost svg,
.lavathb .no-claimed svg,
.lavathb .sigin-today-title svg {
    fill: #553a7a !important
}

.lavathb .agent-notice-container {
    background: #f8f8f8
}

.lavathb .banner.bet,
.lavathb .banner.salary,
.lavathb .card-details.contract .protocolDetails .header,
.lavathb .singd-details thead tr {
    background: linear-gradient(0deg, #4f3661, #1f1736) !important
}

.lavathb .common-center-top .cumulative-sign-in:after {
    top: .1rem;
    height: .3rem
}

.lavathb .am-badge-text,
.lavathb .new-date-picker.team-view .date-picker-warp .pickter-item.active-item span,
.lavathb .overview-chart .chart-select-wrap .select-item input[type=radio]:checked~label {
    background-color: #957bf1;
    color: #fff
}

.lavathb .leader-board-container .leader-board-integral {
    background: rgba(79, 54, 97, .5) !important;
    color: #fff !important
}

.lavathb #root .mc-home.mc-navbar-blue .am-navbar-title,
.lavathb #root .reward-center .am-navbar-title,
.lavathb .mc-navbar-blue.am-navbar,
.lavathb .modal-list-footer .am-button,
.lavathb .overview-chart .chart-select-wrap .select-item .item-content {
    color: #fff !important
}

.lavathb #mc-app-home-root #mc-header svg,
.lavathb .reward-center .return_icon svg {
    fill: #fff !important
}

.lavathb .reward-center svg {
    fill: rgba(37, 37, 37, .6) !important
}

.lavathb .am-progress-outer,
.lavathb .filter-null .mc-switch .checkbox.on:after,
.lavathb .modal-list-content .mc-switch .checkbox.on:after,
.lavathb .point-wrap .point-list-wrap .point-list-header,
.lavathb .statis-gameType-wrap .btn-wrap.active i:first-child,
.lavathb .task-tab .am-tabs-tab-active .tab-title:after,
.lavathb .vc-v2-title:before {
    background-color: #553a7a !important
}

.lavathb .vc-v2-container .vc-v2-method li {
    border: .02rem solid #aaa !important
}

.lavathb .overview-chart .chart-select-wrap,
.lavathb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #aaa !important
}

.lavathb .point-tips {
    color: rgba(79, 54, 97, .7) !important
}

.lavathb .cr-container li .records-item-content-sy>div:first-child,
.lavathb .point-wrap .point-list-wrap .point-list-item {
    background: rgba(53, 77, 100, .2)
}

.lavathb .invite-list-root footer,
.lavathb .overview-sum-wrapper {
    background: rgba(85, 58, 122, .1)
}

.lavathb .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group input[type=radio]:checked+label,
.lavathb .mc-trans-filter .am-button-primary {
    background-color: #957bf1 !important;
    border-color: #957bf1 !important;
    color: #fff !important
}

.lavathb .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default,
.lavathb .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-icon,
.lavathb .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group .item-btn,
.lavathb .mc-agent-team-filter .pnl-date-filter-container .bet-filter-item-content>div,
.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost {
    border-color: #aaa !important;
    color: #aaa !important
}

.lavathb .mc-transaction-record-root.mtrr-container .am-button-ghost svg {
    fill: #aaa !important
}

.lavathb .lkmn-poup-qrcode,
.lavathb .red-rain-underling {
    background-color: #fff !important
}

.lavathb .team-member-nickname .nickname-form input,
.lavathb .team-member-trans input {
    border: 1px solid #553a7a !important
}

.lavathb .red-rain-select .am-search-input input {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

.lavathb .team-member-trans .am-button-ghost.trans-unchecked {
    background: #fff !important;
    border-color: #aaa !important;
    color: #aaa !important
}

.lavathb .invite-friends-container .invite-friends-content .invite-save-code,
.lavathb .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-submit .item-confirm,
.lavathb .modal-list-footer .am-button,
.lavathb .rescue-list .rescue-item .rescue-item-submit,
.lavathb .task-today-sub,
.lavathb .voucher-msg-v2-footer .voucher-btn.more-voucher {
    color: #fff !important;
    background: linear-gradient(90deg, #4f3661, #1f1736)
}

.lavathb .v-base .m-mc-notice-container .mc-notice-prev {
    transform: rotate(90deg) !important
}

.lavathb .v-base .m-mc-notice-container .mc-notice-next {
    transform: rotate(-90deg) !important
}

.lavathb #root .mc-home.mc-navbar-blue,
.lavathb #root .mc-leader-board-list .mc-navbar-blue,
.lavathb #root .mc-rewardCenter .mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important;
    color: #fff !important
}

.lavathb .sec_card .am-list-header {
    border: #fff
}

.lavathb .team-member-nickname .nickname-form .btn-confirm-trans,
.lavathb .team-member-trans .btn-confirm-trans {
    border: none
}

.lavathb .record-footer div span:last-child,
.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .error-tips {
    color: #c76e6e !important
}

.lavathb #mc-app-home-root .common-center-top .cumulative-sign-in {
    background-image: url(/images/theme/lavathb/assets/lavathb_sign.png), linear-gradient(0deg, #4f3661, #1f1736) !important
}

.lavathb #mc-app-home-root .common-center-top .cumulative-sign-in:before {
    background-image: url(/images/theme/lavathb/assets/lavathb_home-sign.png) !important
}

.lavathb .agent-overview-wrapper {
    background: #edebf1
}

.lavathb .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-right button,
.lavathb .loss-amount {
    color: #354d64 !important
}

.lavathb .n-home-container .main-nav-style>div svg {
    fill: url(#lavathb-gradient) #4f3661 !important
}

.lavathb .am-progress-bar,
.lavathb .member-detail-wrapper .member-detail-top .item-left .avatar-icon,
.lavathb .modal-list-content .mc-switch .checkbox.on,
.lavathb .sigin-c-header .am-flexbox-item:last-child .sc-score.toMall:after,
.lavathb .vc-v2-input.vc-v2-other .inputCon:focus-within {
    border-color: #553a7a !important
}

.lavathb .mc-trans-filter .am-button-ghost span {
    color: #553a7a !important
}

.lavathb .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .club-label {
    background-color: #4f3661 !important;
    color: #fff !important;
    border-color: #4f3661 !important
}

.lavathb .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header {
    background-color: rgba(85, 58, 122, .2) !important
}

.lavathb .dividend-list,
.lavathb .lott-records-root .records-item-content-sy,
.lavathb .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
.lavathb .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li,
.lavathb .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer,
.lavathb .voucher-msg-v2-footer {
    background-color: rgba(85, 58, 122, .1) !important
}

.lavathb .am-list-item .am-list-line .am-list-content {
    color: #000924 !important
}

.lavathb .member-detail-wrapper {
    background: #fff7f6 url(/images/theme/lavathb/assets//member_detail_bg.png) top no-repeat
}

.lavathb .mc-agent-team-filter .pnl-date-filter-container .bet-filter-item-content>div.ck-date,
.lavathb .poplist-footer a:first-child,
.lavathb .voucher-msg-v2-footer .voucher-btn {
    color: #553a7a !important;
    border-color: #553a7a !important
}

.lavathb .voucher-msg-v2-footer .voucher-btn.more-voucher {
    color: #fff !important
}

.lavathb .exchange-wrap .exchange-order-info .exchange-order-price .active,
.lavathb .lott-records-root .records-item-header-sy {
    box-shadow: unset !important;
    background: #fff !important
}

.lavathb .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888 !important
}

.lavathb .leader-board-root {
    min-height: calc(100vh - 1rem)
}

.lavathb .go-home-btn,
.lavathb .start-contract-root .contract-salary-refuse {
    background: #fff !important;
    color: #553a7a !important;
    border-color: #553a7a !important
}

.lavathb #root .mc-header-wrap .mc-navbar-blue {
    background: linear-gradient(180deg, #c9bbfd, #957bf1) !important
}

.lavathb #root .mc-header-wrap .mc-navbar-blue .am-navbar-title {
    color: #fff !important
}

.lavathb #root .mc-header-wrap .mc-navbar-blue .am-icon-left {
    fill: #fff !important
}

.lavathb #mc-app-home-root .mc-header-wrap .mc-navbar-blue {
    background: inherit !important;
    box-shadow: inherit
}

.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

.lavathb .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

body._777loc input {
    line-height: unset !important
}

body._777loc .divident-list-item span {
    width: 21%
}

body._777loc .record-footer {
    background: linear-gradient 180deg, #fdfaff, #e1e5e8;
    box-shadow: 0 0 .5px .2px rgba(64, 69, 84, .2)
}

body._777loc .record-footer span {
    color: #ec6969
}

body._777loc .record-footer span.time {
    color: #8c5656
}

body._777loc .n-home-container .main-nav-style>.n-linear-border>div {
    background: rgba(140, 86, 86, .2)
}

body._777loc .v-base .main-nav-style {
    color: #a1524d
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .am-tag-active,
body._777loc .btn-copy-code,
body._777loc .mall-home-top .mall-header,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .new-tips,
body._777loc .team-member-flow .mc-team-flow-unit span.unit-active,
body._777loc .vc-v2-container .vc-v2-input .inputCon,
body._777loc .vc-v2-container .vc-v2-input .inputCon i,
body._777loc .vc-v2-container .vc-v2-method-list li.ck,
body._777loc .vc-v2-container .vc-v2-show-bank .vc-v2-bank-ck.ck {
    color: #ec6969;
    border-color: #ec6969 !important
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right span,
body._777loc .go-home-btn,
body._777loc .red-rain-underling span,
body._777loc .vc-v2-container .vc-v2-method-list li {
    color: #cea5a5;
    border-color: #cea5a5
}

body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .mall-home-wrap .mall-home-choose .active,
body._777loc .mc-tab-container .mc-tab-item.tab-active,
body._777loc .singd-downline-info div span>span,
body._777loc .vc-v2-container .vc-v2-method-list li.ck,
body._777loc .vc-v2-container .vc-v2-method li.ck {
    color: #ec6969 !important;
    border-color: #ec6969 !important
}

body._777loc .am-button-primary,
body._777loc .n-home-container .n-nav-list-title span {
    border: none !important
}

body._777loc input {
    caret-color: #ec6969 !important
}

body._777loc .game-record-show .am-search,
body._777loc .h-icon-active img,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .name-filter .am-button-ghost,
body._777loc .vc-v2-container .pay-name-container .vc-v2-input input:focus {
    border-color: #ec6969 !important
}

body._777loc .name-filter .am-button-ghost {
    border: 1px solid #ec6969 !important
}

body._777loc .agent-divident-container,
body._777loc .agentDivident .am-tabs-bar .am-tabs-tabr,
body._777loc .am-search,
body._777loc .am-tabs-bar,
body._777loc .name-filter,
body._777loc .name-filter .am-button-ghost,
body._777loc .reward-center-container,
body._777loc .sigin-modal .sigin-modal-content {
    background: #fff
}

body._777loc .agentDivident .am-tabs-tabpane>div>div {
    background: #fff !important
}

body._777loc .tabPane-tips {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 hsla(0, 0%, 100%, .05) !important
}

body._777loc .submitEmail {
    box-shadow: none !important
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost,
body._777loc .am-button-ghost.am-button-active,
body._777loc .am-checkbox.am-checkbox-checked .am-checkbox-inner,
body._777loc .am-checkbox.am-checkbox-checked .am-checkbox-inner:after,
body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .contract-history .history-thead,
body._777loc .is-comp,
body._777loc .popup-container input:focus,
body._777loc .salary-popup-container input:focus {
    border-color: #ec6969
}

body._777loc .dividendRatio .arrow-top,
body._777loc .table-container .dividend-tips .arrow-top {
    border-bottom-color: #ec6969
}

body._777loc .dividend-header .dividend-header-content>div:first-child p,
body._777loc .dividend-header .dividend-header-content>div:last-child p {
    color: #ec6969
}

body._777loc .exchange-history-wrap .exchange-history-item .item-order-integral .order-integral-first,
body._777loc .flex-text-tips,
body._777loc .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item .integral-number {
    color: #ff0f47
}

body._777loc .mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item,
body._777loc .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price li {
    background: rgba(175, 156, 246, .1)
}

body._777loc #root #mc-app-home-root.gc,
body._777loc #root .mc-navbar-blue {
    background: linear-gradient(180deg, #2783ff, #ff957b);
    color: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

body._777loc #root #mc-app-home-root.gc .am-navbar-left svg,
body._777loc #root .mc-navbar-blue .am-navbar-left svg {
    fill: #fff
}

body._777loc #root #mc-app-home-root.gc .am-navbar-title,
body._777loc #root .mc-navbar-blue .am-navbar-title {
    color: #fff
}

body._777loc .am-card-body .protocolDetails .header p,
body._777loc .trans-checked span {
    color: #fff !important
}

body._777loc #root .mc-home.mc-navbar-blue .am-icon-left,
body._777loc #root .mc-home.mc-navbar-blue .am-navbar-title,
body._777loc #root .reward-center .am-navbar-title,
body._777loc .agent-container .agent-body .h4-wrp,
body._777loc .agrg-downline-title,
body._777loc .block-container .block.member,
body._777loc .block-container .block.unerlvl,
body._777loc .center-header,
body._777loc .contract-history .history-thead,
body._777loc .dividend-header .dividend-header-content .title,
body._777loc .downline-item-toot .user-info .user-name,
body._777loc .flex-list-text,
body._777loc .leader-board-container .leader-board-integral,
body._777loc .mall-home-top .mall-number-info,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .myRebate .rebate-span-lf,
body._777loc .ph-text span,
body._777loc .rebateReport-item-root span,
body._777loc .salary-popup-header div,
body._777loc .sigin-modal .sigin-modal-content h3,
body._777loc .singd-downline-item-toot .user-info .user-name,
body._777loc .team-member-item-header .customer-item,
body._777loc .team-op a,
body._777loc .ti-name,
body._777loc .tr-item-title,
body._777loc .v-base .m-mc-notice-container .m-mc-notice-title .m-mc-notice-title-time {
    color: #8c5656 !important
}

body._777loc #mc-app-home-root #mc-header,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost,
body._777loc .reward-center {
    border-color: #8c5656 !important
}

body._777loc #mc-app-home-root #mc-header svg,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-ghost svg,
body._777loc .reward-center svg {
    fill: #8c5656 !important
}

body._777loc .bet-filter-modal .ck-icon,
body._777loc .deposit-list-ck,
body._777loc .deposit-record-root .deposit-id svg,
body._777loc .icon-points,
body._777loc .icon-sign,
body._777loc .icon-task,
body._777loc .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #ec6969 !important
}

body._777loc .tr-item-content-item,
body._777loc .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-name {
    color: #8c5656
}

body._777loc .am-badge-text {
    background-color: #8c5656;
    color: #fff
}

body._777loc .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .am-list-body .am-list-item#mc-wallet-checked {
    border-color: #ffc608;
    background: rgba(255, 198, 8, .1)
}

body._777loc .am-modal-button-group-h .am-modal-button:first-child,
body._777loc .am-tabs-bar .am-tabs-tab,
body._777loc .card-details.contract .spandetails,
body._777loc .change-statis-wrap .statis-left .btn-change,
body._777loc .contract-history .history-tbody,
body._777loc .dividend-list-more>div,
body._777loc .flex-list-title,
body._777loc .list-popup-container,
body._777loc .mc-team-filter .am-list-item.am-input-item,
body._777loc .orderinfo-wrap .orderinfo-body .orderion-content-text *,
body._777loc .pal-records-list-root .time,
body._777loc .red-rain-input input,
body._777loc .red-rain-tcenter,
body._777loc .salary_info tbody tr td,
body._777loc .salary_rule,
body._777loc .sigin-c-remarks b,
body._777loc .sigin-c-remarks p,
body._777loc .sigin-modal .sigin-modal-content .amount-info p,
body._777loc .sigin-today-desc,
body._777loc .statis-container .statis-lin .lin-left div,
body._777loc .statis-container .statis-lin .lin-rigth div,
body._777loc .sub-name-search input,
body._777loc .sub-name-search input::placeholder,
body._777loc .team-member-item-content,
body._777loc .team-member-item-content .time,
body._777loc .team-member-nickname input,
body._777loc .team-member-trans input,
body._777loc .team-op a.edit-btn,
body._777loc .team-rebate-btnleft .am-button,
body._777loc .tic-footer-title,
body._777loc .tr-item-time,
body._777loc .v-base .m-mc-notice-container .m-mc-notice-index-content,
body._777loc .v-base .m-mc-notice-container .mc-notice-time {
    color: #cea5a5 !important
}

body._777loc .point-tips {
    color: hsla(0, 29%, 73%, .7) !important
}

body._777loc .sub-name-search,
body._777loc .team-rebate-btnleft .am-button {
    border-color: #cea5a5 !important
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price li,
body._777loc .red-rain-input input,
body._777loc .statis-gameType-wrap .btn-wrap {
    background: rgba(175, 156, 246, .1)
}

body._777loc .ag-link-lmanage .ag-link-mgbottom,
body._777loc .agrg-downline-cname,
body._777loc .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-date,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-price li,
body._777loc .leader-board-container .leader-board-header-status div,
body._777loc .mall-home-middle,
body._777loc .mall-home-wrap .mall-home-choose,
body._777loc .mall-order-integral,
body._777loc .mc-tab-container .mc-tab-item,
body._777loc .mc-team-filter .am-list-item .am-input-control input,
body._777loc .new-date-picker .date-picker-warp .pickter-item.through-item,
body._777loc .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-price,
body._777loc .orderinfo-wrap .orderinfo-submit p,
body._777loc .point-history-wrap .point-item-wrap .point-types .point-date,
body._777loc .point-history-wrap .point-item-wrap .point-types .point-remarks,
body._777loc .sigin-c-footer .title {
    color: #cea5a5
}

body._777loc .lottType-box,
body._777loc .mc-lott-record-root .select-Box .type,
body._777loc .mc-lott-record-root .select-Box>div,
body._777loc .play-chooser form,
body._777loc .play-chooser input,
body._777loc .trans-unchecked {
    color: #cea5a5 !important;
    border-color: #cea5a5 !important
}

body._777loc .exchange-wrap .font-color-red,
body._777loc .orderinfo-wrap .font-color-red,
body._777loc .point-history-wrap .color-red,
body._777loc .sigin-today-desc span,
body._777loc .today {
    color: #ff0f47 !important
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-left,
body._777loc .am-search-input input[type=search],
body._777loc .devidend-container .popup-header,
body._777loc .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-name,
body._777loc .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-first .item-order-number,
body._777loc .grid-title,
body._777loc .leader-board-container .leader-board-header-info,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .mall-home-wrap .mall-home-orders .mall-order .mall-order-text,
body._777loc .point-form-item .am-list-item .am-list-line .am-list-content,
body._777loc .point-history-wrap .color-black,
body._777loc .red-rain-tetit,
body._777loc .red-rain-type .agrg-downline-cname,
body._777loc .sigin-today-title {
    color: #8c5656 !important
}

body._777loc .contract-history .history-thead,
body._777loc .dividend-list-more,
body._777loc .grid-content {
    background: #fafafa
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost,
body._777loc .contractPeople,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .lott-record-container,
body._777loc .no-salary-list {
    color: #ec6969
}

body._777loc .agentSalary .mc-trans-filter .am-button-ghost svg,
body._777loc .contractPeople svg,
body._777loc .leader-board-container .leader-board-header-status div.lb-active svg,
body._777loc .lott-record-container svg,
body._777loc .no-salary-list svg {
    fill: #ec6969
}

body._777loc .mc-team-filter .am-list-item.am-input-item,
body._777loc .sub-name-search {
    border-color: #cea5a5
}

body._777loc .mc-team-filter .am-list-item.am-input-item svg,
body._777loc .sub-name-search svg {
    fill: #cea5a5
}

body._777loc .singd-downline-info svg {
    fill: #cea5a5 !important
}

body._777loc .am-modal-body,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-count,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-name,
body._777loc .exchange-wrap .font-color-gray,
body._777loc .game-amount-content span:last-child,
body._777loc .orderinfo-wrap .orderinfo-body h5,
body._777loc .orderinfo-wrap .orderinfo-header .orderinfo-middle .orderinfo-text,
body._777loc .point-history-wrap .color-black,
body._777loc .tic-footer-amount {
    color: #8c5656
}

body._777loc .dividend-rate,
body._777loc .go-team-bet,
body._777loc .go-team-bet i,
body._777loc .go-team-record,
body._777loc .go-team-record i,
body._777loc .mc-trans-record-container .color-green-in,
body._777loc .mt-team-footer,
body._777loc .records-item-header .game-amount-content span:last-child,
body._777loc .red-rain-tright,
body._777loc .team-member-trans header .label,
body._777loc .tt-balance-content {
    color: #ec6969 !important
}

body._777loc .dividend-rate svg,
body._777loc .go-team-bet i svg,
body._777loc .go-team-bet svg,
body._777loc .go-team-record i svg,
body._777loc .go-team-record svg,
body._777loc .mc-trans-record-container .color-green-in svg,
body._777loc .mt-team-footer svg,
body._777loc .records-item-header .game-amount-content span:last-child svg,
body._777loc .red-rain-tright svg,
body._777loc .team-member-trans header .label svg,
body._777loc .tt-balance-content svg {
    fill: #ec6969 !important
}

body._777loc .ag-link-lmanage .ag-link-mgtop .ag-link-mgtop-right svg,
body._777loc .agent-link-nodata svg,
body._777loc .block.member svg,
body._777loc .card-header-people,
body._777loc .devidend-container svg,
body._777loc .has-claimed svg,
body._777loc .icon-complete,
body._777loc .icon-span svg,
body._777loc .lin-left svg,
body._777loc .lin-rigth svg,
body._777loc .lkmn-poup-qrlink svg,
body._777loc .mall-intergral-svg,
body._777loc .mc-icon-member,
body._777loc .mc-trans-filter svg.am-icon-lg,
body._777loc .need-fill,
body._777loc .rebateReport-item-content svg,
body._777loc .salary-popup-container .save-icon,
body._777loc .security-icon,
body._777loc .team-member-nickname svg,
body._777loc .team-member-trans svg,
body._777loc .team-rebate-tleft svg,
body._777loc .unerlvl.block svg,
body._777loc .user-icon {
    fill: #ec6969 !important
}

body._777loc .mc-popup-trans>span>svg {
    fill: #ec6969 !important
}

body._777loc .team-member-trans input {
    border-radius: .15rem
}

body._777loc .add-inputIcon,
body._777loc .agrgic-downline-select,
body._777loc .am-button-ghost.am-button-active,
body._777loc .am-switch input[type=checkbox]:checked+.checkbox,
body._777loc .bet-filter-container .bet-filter-sub div.ck:after,
body._777loc .ContactName,
body._777loc .ContactNamet,
body._777loc .Contacts .am-search-cancel,
body._777loc .discount-tip,
body._777loc .EmaiWebList .look .am-badge-dot,
body._777loc .grid-title:after,
body._777loc .mc-profile-swiper-nav li.ck,
body._777loc .mc-profitLoss-record-root .am-button-primary,
body._777loc .mc-transaction-record-root .am-button-primary,
body._777loc .swiper-pagination-bullet-active,
body._777loc .ticket-item .ticket-item-btn {
    background: #ec6969 !important
}

body._777loc .account-form input,
body._777loc .account-form svg.txt-svg,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-1cc534,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-23deb8,
body._777loc .ag-link-lmanage .ag-link-mgbottom .mccolor-db2404,
body._777loc .agent-link-nodata .am-result-title,
body._777loc .agrg-downline-bnsetp>span,
body._777loc .agrg-downline-bnslt,
body._777loc .agrg-downline-bnsrt,
body._777loc .am-button-ghost,
body._777loc .am-modal-button-group-v .am-modal-button,
body._777loc .amount-positive-number,
body._777loc .banner .money,
body._777loc .card-details .card-header div.endContract,
body._777loc .color2,
body._777loc .contract-history .user-info .user-title,
body._777loc .contract-tips,
body._777loc .contractText,
body._777loc .dividend-list-more>div:nth-child(2n) p,
body._777loc .dividend-list-more>div:nth-child(odd) p,
body._777loc .downline-item-toot .action-sign,
body._777loc .downline-item-toot .start_contract,
body._777loc .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-third .item-order-state-A,
body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search-cancel,
body._777loc .is-comp,
body._777loc .link-detail-title,
body._777loc .mc-game-record-root .activity-spinner svg,
body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active,
body._777loc .new-date-picker .date-picker-content .btn-clear-date,
body._777loc .new-date-picker .date-picker-content .date-picker-title,
body._777loc .new-date-picker .date-picker-content .date-picker-title .active-item,
body._777loc .nodata-container,
body._777loc .placeholder,
body._777loc .play-chooser .chase-number>span,
body._777loc .point-balance p,
body._777loc .point-convert .point-form-item.important-number .am-list-extra,
body._777loc .rebate-span-rt,
body._777loc .rebateReport-item-content .am-flexbox span,
body._777loc .rebateReport .rebate,
body._777loc .red-rain-tleft,
body._777loc .red-rain-underling span.on,
body._777loc .sc-bonus,
body._777loc .sc-days,
body._777loc .sc-integral,
body._777loc .sigin-modal .sigin-modal-content .amount-info div,
body._777loc .sign-operation>span,
body._777loc .statis-container .statis-lin .blue-count,
body._777loc .statis-container .statis-lin .gray-count,
body._777loc .statis-container .statis-lin .green-count,
body._777loc .statis-container .statis-lin .red-count,
body._777loc .team-member-nickname header .label,
body._777loc .team-rebate-tcenter,
body._777loc .v-base .m-mc-notice-container .m-mc-notice-title,
body._777loc .v-base .m-mc-notice-container .mmnt-title-detail,
body._777loc .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-list-body .wallet-balance,
body._777loc .vc-v2-container .vc-v2-input .inputCon input,
body._777loc .vc-v2-container .vc-v2-method-list li.ck .vcn-list-desc,
body._777loc .vc-v2-container .vc-v2-method li.ck,
body._777loc .w-input-content,
body._777loc .w-input-content input,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span {
    color: #ec6969
}

body._777loc .sigin-c-footer li>div {
    background: hsla(0, 78%, 67%, .1)
}

body._777loc .play-chooser .am-search-input input[type=search] {
    background: none
}

body._777loc .am-modal-button-group-h .am-modal-button,
body._777loc .am-modal-title {
    color: #ec6969
}

body._777loc .new-date-picker .date-picker-warp .pickter-item:nth-child(7n) {
    border-color: none
}

body._777loc .agrg-downline-bnsetp>span:nth-child(2),
body._777loc .color-red-out,
body._777loc .singd-downline-info {
    color: #8c5656
}

body._777loc .am-tabs-tabpane-active .card-body,
body._777loc .card-details.contract .protocolDetails .details,
body._777loc .protocolDetails .details p,
body._777loc .sign-salary-root .singd-details tbody .salary-activeMember,
body._777loc .sign-salary-root .singd-details tbody .salary-betVolume,
body._777loc .sign-salary-root .singd-details tbody .salary-rateType,
body._777loc .statis-gameType-wrap .active {
    color: #8c5656 !important
}

body._777loc .banner.bet,
body._777loc .banner.salary {
    background: linear-gradient(90deg, #ff4f4b, #ff957b)
}

body._777loc .dividend-list div .dl-content {
    background: linear-gradient(90deg, #ff4f4b, #ff957b) !important
}

body._777loc .dividend-list div:last-child .dl-content,
body._777loc .n-home-container .n-nav-list-title:after,
body._777loc .n-home-container .n-nav-list-title span {
    background: #ffc608 !important
}

body._777loc .agentDivident .grid-container {
    background: rgba(175, 156, 246, .1)
}

body._777loc .account-form input:focus,
body._777loc .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
body._777loc .agrg-downline-input input:focus,
body._777loc .am-button-ghost,
body._777loc .common-center-top .common-top-img,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
body._777loc .popup-container input,
body._777loc .red-rain-input input:focus,
body._777loc .red-rain-underling span.on,
body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
body._777loc .w-input-content {
    border-color: #ec6969
}

body._777loc .am-button-primary,
body._777loc .am-slider-track,
body._777loc .discount-tip,
body._777loc .mc-switch .checkbox.on:before,
body._777loc .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
body._777loc .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
body._777loc .vc-v2-title:before,
body._777loc .withdraw-bank .slider-frame+div .am-carousel-wrap-dot-active>span {
    background: #ec6969 !important;
    color: #fff
}

body._777loc .mc-switch.mc-qutas-bg .checkbox:before {
    background: #888
}

body._777loc .am-tabs-ink-bar,
body._777loc .inputIcon,
body._777loc .mc-switch.mc-qutas-bg .on:before,
body._777loc .mc-trans-filter .am-search-cancel,
body._777loc .sigin-tab .am-tabs-tab-active .tab-title:after,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child,
body._777loc .vc-v2-title:before,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #ec6969 !important
}

body._777loc .am-tabs-ink-bar svg,
body._777loc .inputIcon svg,
body._777loc .mc-switch.mc-qutas-bg .on:before svg,
body._777loc .mc-trans-filter .am-search-cancel svg,
body._777loc .sigin-tab .am-tabs-tab-active .tab-title:after svg,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child svg,
body._777loc .vc-v2-title:before svg,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before svg {
    fill: #ec6969 !important
}

body._777loc .discount-tip,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .trans-checked {
    background: #ec6969 !important;
    border-color: #ec6969 !important
}

body._777loc .leader-board-container .leader-board-integral,
body._777loc .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5)
}

body._777loc .mc-trans-filter .am-button-ghost,
body._777loc .point-history-wrap .am-button-ghost {
    border-color: #cea5a5;
    color: #cea5a5
}

body._777loc .mc-trans-filter .am-button-ghost svg,
body._777loc .point-history-wrap .am-button-ghost svg {
    fill: #cea5a5
}

body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    border-color: inherit
}

body._777loc .ivi-icon svg {
    display: inline-block
}

body._777loc .id-verification-icon {
    display: none
}

body._777loc .add-card-btn,
body._777loc .agrg-downline-sub,
body._777loc .am-button-primary,
body._777loc .bind-first span,
body._777loc .btn-confirm-date,
body._777loc .btn-success,
body._777loc .button-submit,
body._777loc .change-statis-wrap .statis-left .btn-change-active,
body._777loc .contract-salary-operation a:last-child,
body._777loc .copy-contact,
body._777loc .lkmn-poup-qrcopy,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit,
body._777loc .play-more-game,
body._777loc .poplist-footer a:last-child.footer-button,
body._777loc .profile-swiper-container .am-modal-button,
body._777loc .sigin-today-sub,
body._777loc .signedSalary-root .poplist-footer a:last-child.footer-button,
body._777loc .submitEmail,
body._777loc .team-member-nickname .trans-container:first-child,
body._777loc .team-rebate-btnright .am-button,
body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
body._777loc .vc-v2-submit,
body._777loc .w-input-submit-true {
    background: linear-gradient(90deg, #ff4f4b, #ff957b) !important
}

body._777loc .add-card-btn span,
body._777loc .agrg-downline-sub span,
body._777loc .am-button-primary span,
body._777loc .bind-first span span,
body._777loc .btn-confirm-date span,
body._777loc .btn-success span,
body._777loc .button-submit span,
body._777loc .change-statis-wrap .statis-left .btn-change-active span,
body._777loc .contract-salary-operation a:last-child span,
body._777loc .copy-contact span,
body._777loc .lkmn-poup-qrcopy span,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit span,
body._777loc .play-more-game span,
body._777loc .poplist-footer a:last-child.footer-button span,
body._777loc .profile-swiper-container .am-modal-button span,
body._777loc .sigin-today-sub span,
body._777loc .signedSalary-root .poplist-footer a:last-child.footer-button span,
body._777loc .submitEmail span,
body._777loc .team-member-nickname .trans-container:first-child span,
body._777loc .team-rebate-btnright .am-button span,
body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active span,
body._777loc .vc-v2-submit span,
body._777loc .w-input-submit-true span {
    color: #fff
}

body._777loc .add-card-btn,
body._777loc .bind-first span,
body._777loc .button-submit,
body._777loc .copy-contact,
body._777loc .copy-contact， .new-date-picker .date-picker-warp .pickter-item.through-item,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .orderinfo-wrap .orderinfo-submit .button-submit,
body._777loc .ticket-item .ticket-item-btn {
    box-shadow: none !important
}

body._777loc .devidend-container .popup-header,
body._777loc .popup-container input,
body._777loc .salary-popup-header {
    background: hsla(0, 78%, 67%, .2)
}

body._777loc .sign-salary-root .singd-details thead tr td {
    color: #fff;
    background: inherit
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active,
body._777loc .statis-gameType-wrap .active {
    background: rgba(255, 198, 8, .2) !important;
    border-color: #ec6969 !important;
    color: #8c5656 !important
}

body._777loc .exchange-wrap .exchange-order-info .exchange-order-price .active {
    box-shadow: -1px 0 .05rem #ec6969 !important
}

body._777loc .salary-popup-container .input-container input {
    background: hsla(0, 78%, 67%, .2) !important
}

body._777loc .lkmn-poup-tbig,
body._777loc .lkmn-poup-tsmall,
body._777loc .mc-trans-record-container .color-red-out,
body._777loc .point-wrap .point-table-title span {
    color: #ec6969
}

body._777loc .common-wb-cards {
    background: linear-gradient(90deg, #ff4f4b, #ff957b) !important
}

body._777loc .btn-success {
    box-shadow: 0 .1rem .2rem 0 #ffc608 !important
}

body._777loc .btn-success.am-button-disabled {
    box-shadow: none !important
}

body._777loc .withdraw-bkdbtn {
    border-color: #ec6969
}

body._777loc .agrg-downline-input input,
body._777loc .exchange-history-wrap .exchange-history-item .item-order-info .item-order-right .item-order-type,
body._777loc .lkmn-poup-qrcnt span,
body._777loc .mc-trans-filter .chase-number,
body._777loc .rebateReport-item-root .time,
body._777loc .red-rain-main input::placeholder,
body._777loc .show-more,
body._777loc .singd-downline-info .more-info,
body._777loc .team-member-trans input::placeholder,
body._777loc .tmt-header,
body._777loc .withdraw-bkinfo {
    color: #cea5a5 !important
}

body._777loc .am-tag-normal,
body._777loc .statis-gameType-wrap .btn-wrap,
body._777loc .vc-v2-container .vc-v2-method li,
body._777loc .vc-v2-container .vc-v2-method li .min-max,
body._777loc .vc-v2-container .vc-v2-method li .vcn-list-text {
    color: #cea5a5 !important;
    border-color: #cea5a5 !important
}

body._777loc .am-tag-normal.unit-active {
    color: #ffc608 !important;
    border-color: #ffc608 !important
}

body._777loc .point-wrap .point-list-wrap .point-list-header,
body._777loc .withdraw-bkadd {
    background: #ffc608
}

body._777loc .wallet_return div {
    background: rgba(255, 198, 8, .4)
}

body._777loc .n-home-container .n-nav-list-title span,
body._777loc .wallet_return div {
    color: #fff
}

body._777loc .n-home-container .n-nav-list-title span svg,
body._777loc .wallet_return div svg {
    fill: #ffc608
}

body._777loc .agrg-downline-bnstbt,
body._777loc .point-wrap .point-list-wrap .point-list-header {
    color: #fff
}

body._777loc .agrg-downline-bnstbt svg,
body._777loc .point-wrap .point-list-wrap .point-list-header svg {
    fill: #ec6969
}

body._777loc .point-wrap .point-list-wrap .point-list-item {
    background: rgba(175, 156, 246, .4)
}

body._777loc .card-details.contract .protocolDetails,
body._777loc .contract-history .history-tbody {
    background: none
}

body._777loc .contract-history .history-tbody {
    border-bottom: 1px solid #ec6969
}

body._777loc .exchange-wrap .exchange-submit p,
body._777loc .mc-profitLoss-record-root .am-button-ghost,
body._777loc .mc-transaction-record-root .am-button-ghost {
    color: #cea5a5 !important;
    border-color: #cea5a5 !important
}

body._777loc .exchange-wrap .exchange-submit p svg,
body._777loc .mc-profitLoss-record-root .am-button-ghost svg,
body._777loc .mc-transaction-record-root .am-button-ghost svg {
    fill: #cea5a5 !important
}

body._777loc .auto-fill-btn,
body._777loc .card-details.contract .protocolDetails .header,
body._777loc .records-item-header-sy i {
    background: #ffc608 !important
}

body._777loc .sign-salary-root .singd-details thead tr,
body._777loc .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container>span.checked {
    background: #ffc608;
    border-color: #ffc608;
    color: #fff
}

body._777loc .trans-checked.am-button-active,
body._777loc .trans-unchecked.am-button-active {
    background: none !important
}

body._777loc .team-member-nickname .nickname-form input,
body._777loc .team-member-nickname .trans-container-header .trans-container:last-child,
body._777loc .v-detail-base #mc-my-wallet-root .mc-wallet-home-list .mc-wallet-trans-details .trans-container:last-child>span {
    background: rgba(175, 156, 246, .1) !important
}

body._777loc .red-rain-input input,
body._777loc .team-member-nickname .nickname-form input {
    border: 1px solid #cea5a5
}

body._777loc .team-member-nickname .nickname-form,
body._777loc .tt-content {
    background: inherit !important
}

body._777loc .add-card-btn.dis,
body._777loc .vc-v2-submit.dis {
    background: #cea5a5 !important
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .amount-negative-number,
body._777loc .card-details .card-header div.endContract span a,
body._777loc .hd-status-tip,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .lkmn-poup-qrlink span,
body._777loc .record-footer div span:last-child,
body._777loc .show-tips a,
body._777loc .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
body._777loc .team-member-item-header span,
body._777loc .vrification-loading-content p span {
    color: #ec6969 !important
}

body._777loc .name-filter .am-search .am-search-input,
body._777loc .name-filter .am-search .am-search-synthetic-ph,
body._777loc .red-rain-select .am-search-input {
    background: #f0f0f0 !important;
    color: #cea5a5 !important
}

body._777loc .point-history-wrap .am-button-primary {
    color: #fff;
    background: #ec6969 !important
}

body._777loc .point-history-wrap .am-button-primary svg {
    fill: #fff
}

body._777loc .red-rain-select .am-search-input input {
    color: #cea5a5 !important
}

body._777loc .red-rain-select .am-search-cancel,
body._777loc .vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #ec6969
}

body._777loc .personalCenter .has-error input {
    box-shadow: none !important;
    border: 1px solid #ec6969 !important
}

body._777loc .account-form input:focus,
body._777loc .play-more-game {
    box-shadow: none !important
}

body._777loc .am-search-input input[type=search] {
    background: rgba(175, 156, 246, .1);
    color: #cea5a5 !important
}

body._777loc .devidend-container .popup-header span,
body._777loc .game-amount-content .amount-total,
body._777loc .mc-notice-content .wysiwyg,
body._777loc .sigin-today-title,
body._777loc .team-member-trans header span:last-child {
    color: #8c5656
}

body._777loc .red-rain-lpbody #mc-header {
    position: relative !important
}

body._777loc .red-rain-lpbody #mc-header span {
    text-align: center;
    height: auto !important
}

body._777loc .red-rain-lpbody .red-rain-select {
    margin-top: 0
}

body._777loc .ph-icon {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    border-radius: .6rem;
    background: #ec6969;
    top: .16rem;
    position: relative
}

body._777loc .ph-icon svg {
    top: 0 !important;
    fill: #fff;
    left: .07rem;
    width: .44rem !important;
    height: .44rem !important
}

body._777loc .mc-wallet-list-body .am-flexbox-item:first-child {
    display: inline-block;
    width: .6rem !important;
    height: .6rem !important;
    border-radius: .6rem;
    background: #ec6969
}

body._777loc .mc-wallet-list-body .am-flexbox-item:first-child svg {
    top: .12rem !important;
    fill: #fff;
    position: relative;
    left: .12rem;
    width: .34rem !important;
    height: .34rem !important
}

body._777loc .ph-text {
    margin-left: .1rem;
    top: .06rem;
    position: relative
}

body._777loc .trans-icon-container svg {
    fill: #af9cf6 !important
}

body._777loc .ag-link-mgtop-left span {
    display: inline-block;
    width: .54rem !important;
    height: .54rem !important;
    border-radius: .6rem;
    background: #ec6969;
    position: relative;
    top: .1rem;
    margin-right: .1rem
}

body._777loc .ag-link-mgtop-left span svg {
    top: -.04rem !important;
    fill: #fff;
    position: relative;
    left: .08rem;
    width: .34rem !important;
    height: .34rem !important
}

body._777loc .am-picker-popup-item,
body._777loc .card-header .ric-date {
    color: #ec6969 !important
}

body._777loc .records-item-header-sy i,
body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-0 {
    background: #ec6969 !important
}

body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-2 {
    background: #af9cf6
}

body._777loc .point-convert .point-form-item .am-list-extra,
body._777loc .point-convert .point-form-item .am-list-extra input {
    color: #af9cf6
}

body._777loc .go-home-btn {
    background: #cea5a5 !important
}

body._777loc .statis-gameType-wrap .btn-wrap .gameType-item-1,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-0,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-1,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-2,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-3,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-4,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-5,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-6,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-7,
body._777loc .statis-gameType-wrap .btn-wrap .his-gameType-item-8 {
    background: #cea5a5
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #ec6969 !important;
    border-color: #ec6969 !important
}

body._777loc .poplist-footer a:first-child {
    border-color: #cea5a5 !important;
    color: #cea5a5 !important
}

body._777loc .agent-container .agent-body .h4-wrp,
body._777loc .leader-board-container .profile-icon {
    border-color: #ec6969
}

body._777loc .statis-gameType-wrap .active i {
    background: #ec6969
}

body._777loc .n-form-content input {
    -webkit-appearance: none;
    outline: none
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn svg {
    fill: #fff !important
}

body._777loc .vc-v2-submit i {
    background-image: url("/images/theme/_777loc/assets/_777loc_down_icon.png")
}

body._777loc .mall-home-top,
body._777loc .mall-home-wrap .mall-home-top,
body._777loc .signin-activity-card {
    background-image: url("/images/theme/_777loc/assets/_777loc_sac.png") !important
}

body._777loc .leader-board-container .leader-board-content .leader-board-card {
    background-image: url("/images/theme/_777loc/assets/_777loc_lbc.png") !important
}

body._777loc .leader-board-container .leader-board-header {
    background-image: url("/images/theme/_777loc/assets/_777loc_lbh.png") !important
}

body._777loc .name-filter .am-search-cancel {
    background-image: url("/images/theme/_777loc/assets/_777loc_search.png") !important
}

body._777loc .v-base .m-mc-notice-container .mc-notice-prev {
    background-image: url("/images/theme/_777loc/assets/_777loc_left.png") !important;
    transform: rotate(0deg)
}

body._777loc .reward-user-integral {
    background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_cash.png") !important
}

body._777loc .v-base .m-mc-notice-container .mc-notice-next {
    background-image: url("/images/theme/_777loc/assets/_777loc_left.png") !important;
    transform: rotate(180deg)
}

body._777loc .record-icon-ticket {
    background-image: url("/images/theme/_777loc/assets/_777loc_bill.png")
}

body._777loc .reward-center {
    background-image: url("/images/theme/_777loc/assets/_777loc_mall-bg.png") !important;
    background-size: 100% auto;
    background-position-y: -1rem
}

body._777loc #mc-app-home-root.mc {
    background-image: url("/images/theme/_777loc/assets/_777loc_member_home.png") !important
}

body._777loc .common-center-top .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .5rem !important;
    padding: 0 .75rem 0 1.4rem;
    background-image: url("/images/theme/_777loc/assets/_777loc_sign.png"), linear-gradient(0deg, #ffc608, #ffc608) !important;
    color: #fff;
    font-size: .24rem;
    line-height: .5rem
}

body._777loc .common-center-top .cumulative-sign-in a {
    color: inherit
}

body._777loc .common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .49rem;
    position: absolute;
    left: 1px !important;
    top: 0;
    z-index: 9;
    background: url("/images/theme/_777loc/assets/_777loc_mall-title.png") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important
}

body._777loc .common-center-top .cumulative-sign-in:after {
    content: "";
    width: .38rem;
    height: .54rem;
    right: .1rem;
    top: 0;
    z-index: 9;
    background: url("/images/theme/_777loc/assets/_777loc_arrow.png") 50% !important;
    background-repeat: no-repeat !important;
    background-size: .18rem .28rem
}

body._777loc #mc-app-home-root,
body._777loc #mc-app-home-root .member-home-root,
body._777loc #mc-my-wallet-root,
body._777loc .agent-container,
body._777loc .agentDivident .am-tabs-bar,
body._777loc .agentDivident .am-tabs-tabpane>div>div,
body._777loc .agentDivident .myDividend,
body._777loc .agentDivident .myDividend .name-filter,
body._777loc .am-list-body,
body._777loc .am-list-header,
body._777loc .am-list-item,
body._777loc .am-popup-wrap.item-more-popup .am-popup-slide-up,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header,
body._777loc .popup-list,
body._777loc .reward-center,
body._777loc .v-base .main-nav-list {
    background-color: #fcf6f6 !important
}

body._777loc .team-member-trans.team-more-modal {
    background-color: #fcf6f6 !important
}

body._777loc .am-tabs-tab-active,
body._777loc .amount-negative-number,
body._777loc .card-details .card-header div.endContract span a,
body._777loc .hd-status-tip,
body._777loc .leader-board-container .leader-board-header-status div.lb-active,
body._777loc .record-footer div span:last-child,
body._777loc .show-tips a,
body._777loc .vrification-loading-content p span {
    color: #ffc608 !important
}

body._777loc .mc-agent-team .team-member-item-header .ti-name,
body._777loc .mc-agent-team .team-member-item-header .ti-name span,
body._777loc .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .ti-blance span {
    color: inherit !important
}

body._777loc .vc-v2-container .vc-v2-input .inputCon i,
body._777loc .vc-v2-container .vc-v2-input .inputCon input {
    color: #333;
    fill: #1c1c1c
}

body._777loc .mc-agent-team .team-member-item-header .ti-name span.ti-blue {
    color: #8c5656 !important
}

body._777loc .account-form input,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .point-history-wrap .am-button-primary,
body._777loc .vc-v2-container .vc-v2-input .inputCon {
    border-color: transparent !important
}

body._777loc .withdraw-bkdbtn {
    border-color: #dedede
}

body._777loc .vc-v2-container .vc-v2-input .inputCon {
    border-color: #e4e4e4 !important
}

body._777loc .invite-friends-container .invite-friends-content .invite-save-code {
    background-color: #ff957b
}

body._777loc .leader-board-container .leader-board-header-status div.lb-active svg,
body._777loc .vc-v2-container .vc-v2-active-container .act-item.on svg {
    fill: #ffc608 !important
}

body._777loc .deposit-list-ck,
body._777loc .vc-v2-container .vc-v2-method li.ck {
    border-color: #ec2529 !important
}

body._777loc .deposit-list-ck .vcn-list-desc,
body._777loc .deposit-list-ck .vcn-list-text,
body._777loc .vc-v2-container .vc-v2-method li.ck .vcn-list-desc,
body._777loc .vc-v2-container .vc-v2-method li.ck .vcn-list-text {
    color: #ec2529
}

body._777loc .deposit-list-ck .deposit-list-ck,
body._777loc .vc-v2-container .vc-v2-method li.ck .deposit-list-ck {
    fill: #ec2529 !important
}

body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .bet-filter-container .bet-filter-item-content .ck-date,
body._777loc .mall-home-wrap .mall-home-choose .active,
body._777loc .mc-lott-record-root .select-Box span.active,
body._777loc .mc-tab-container .mc-tab-item.tab-active,
body._777loc .red-rain-underling span.on,
body._777loc .vc-v2-container .vc-v2-method-list li.ck {
    color: #ffc608 !important;
    border-color: #ffc608 !important
}

body._777loc .am-list-item .am-list-line .am-list-content,
body._777loc .am-list-item .am-list-line .am-list-content svg,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-item svg,
body._777loc .n-home-container .main-nav-style {
    fill: #a1524d;
    color: #a1524d
}

body._777loc .n-home-container .main-nav-style>div svg {
    fill: #ec6969
}

body._777loc .n-home-container .main-nav-style>.n-linear-border:before {
    background: linear-gradient(180deg, #fcf5f5, #fee6e6) !important;
    border: 1px solid rgba(140, 86, 86, .2);
    border-top-style: none
}

body._777loc .mc-switch .checkbox.on,
body._777loc .n-home-container .main-nav-style>.n-linear-border>div,
body._777loc .team-rebate-mbody .modal-list-content .agrg-bouns-main {
    background: none
}

body._777loc .n-home-container .n-nav-list-title:after {
    background:  !important
}

body._777loc .n-home-container .n-nav-list-title span {
    background: #ffc608 !important;
    color: #fff;
    border: none
}

body._777loc .center-svgBox .am-icon-lightning,
body._777loc .leader-board-header-status div.false svg,
body._777loc .lott-record-container svg,
body._777loc .security-center .flex-center .center-svgBox svg.am-icon {
    fill: #cea5a5
}

body._777loc .need-fill,
body._777loc .nodata-container .nodata-icon {
    fill: #ec6969 !important
}

body._777loc .agrg-downline .agrg-downline-cname,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-left input,
body._777loc .lbti-nodata-modal .statistics,
body._777loc .leader-board-container .leader-board-list-content .lblc-no-data,
body._777loc .mc-wallet-trans-details .trans-container:last-child>span,
body._777loc .orderion-content-textfield,
body._777loc .point-convert .point-form-item .am-list-extra,
body._777loc .point-convert .point-form-item .am-list-extra input,
body._777loc .trans-container-header .trans-container:last-child {
    color: #cea5a5
}

body._777loc .account-form .account-errors strong {
    color: #ff0f47 !important
}

body._777loc .btn-success {
    box-shadow: 0 .1rem .2rem 0 #ec6969 !important
}

body._777loc .am-switch input[type=checkbox]:checked+.checkbox,
body._777loc .am-tabs-ink-bar,
body._777loc .mc-switch.mc-qutas-bg .checkbox.on:before,
body._777loc .mc-switch.mc-qutas-bg .on:before,
body._777loc .mc-trans-filter .am-button-primary,
body._777loc .mc-trans-filter .am-search-cancel,
body._777loc .new-date-picker .date-picker-warp .pickter-item.active-item.end-item span,
body._777loc .new-date-picker .date-picker-warp .pickter-item.active-item.start-item span,
body._777loc .point-history-wrap .am-button-primary,
body._777loc .swiper-pagination-bullet-active,
body._777loc .team-member-nickname .trans-container:first-child,
body._777loc .team-member-trans .am-button-ghost,
body._777loc .withdraw-container-v2 .am-tabs-tab-active span:before {
    background: #ffc608 !important
}

body._777loc .calendar-select .filter-time-btn a,
body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-icon,
body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-group .item-btn,
body._777loc .go-home-btn {
    background: transparent !important;
    color: #cea5a5 !important;
    border: 1px solid #cea5a5 !important
}

body._777loc .calendar-select .filter-time-btn a span {
    border: none
}

body._777loc .calendar-select .filter-time-btn a svg,
body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default svg {
    fill: #cea5a5
}

body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-select .am-button-activ,
body._777loc .modal-list-content .mc-switch .checkbox.on,
body._777loc .seach-popup .search-wrapper .search-wrap .list-item .item-group input[type=radio]:checked+label {
    background: #ffc608;
    color: #fff;
    border-color: #ffc608
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .info-btn .am-button-ghost.trans-checked {
    border-color: #ffc608 !important
}

body._777loc .team-manage-wrapper .mc-agent-team-flow .team-member-flow input[type=radio]:checked+label {
    border-color: #ffc608;
    color: #ffc608
}

body._777loc .withdraw-container-v2 .am-tabs-tab-active span {
    color: #ffc608 !important
}

body._777loc .bank-virtual-tips,
body._777loc .translate-tips {
    color: #ff0f47 !important
}

body._777loc .agentDivident .myDividend .name-filter .searchOne,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header span,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-header svg,
body._777loc .lkmn-poup-qrlink .lkmn-poup-qrcnt span,
body._777loc .popup-list .am-list-header {
    fill: #ec6969 !important;
    color: #ec6969 !important
}

body._777loc .salary-table-container .salaryList-container .salary-list-item .input-container {
    color: #cea5a5
}

body._777loc .am-popup-content .am-list-header,
body._777loc .contract-history .user-info .user-name,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info .info-customer,
body._777loc .sign-salary-root .singd-downline-info div span>span {
    color: #ec6969
}

body._777loc .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnslt,
body._777loc .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnslider .agrg-downline-bnsrt {
    color: #ec6969
}

body._777loc .contractPeople svg,
body._777loc .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group .agrg-downline-bnstbt svg {
    fill: #ec6969 !important
}

body._777loc .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .agrg-downline-group .agrg-downline-bnstbt {
    border: 1px solid #ec6969 !important
}

body._777loc .agent-notice-container {
    background: #f8f8f8
}

body._777loc .banner.bet,
body._777loc .banner.salary,
body._777loc .card-details.contract .protocolDetails .header,
body._777loc .common-wb-cards,
body._777loc .singd-details thead tr {
    background: linear-gradient(0deg, #ff4f4b, #ff957b) !important
}

body._777loc .am-button-primary,
body._777loc .common-wb-cards,
body._777loc .rescue-list .rescue-item .rescue-item-submit,
body._777loc .team-rebate-mbody .modal-list-footer a {
    background: linear-gradient(90deg, #ff4f4b, #ff957b) !important
}

body._777loc .my-home #v2-vc-container .vc-v2-submit.dis {
    background: #cdcdcd !important
}

body._777loc .personalCenter .has-error input {
    box-shadow: 0 0 .16rem #ec6969 !important
}

body._777loc .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF42lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIxLTA2LTE3VDEzOjI0OjM2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMS0wNi0xN1QxMzoyNzowOCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMS0wNi0xN1QxMzoyNzowOCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2YwYzdhYS1jODU3LTk4NDgtODgzOC1hMTc2MmJiNDQxODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6YWIyMzgyNzItYzQ5Ny02MzQxLWFhYTAtMzkyMmZhZWRmNWEzIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YWIyMzgyNzItYzQ5Ny02MzQxLWFhYTAtMzkyMmZhZWRmNWEzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYjIzODI3Mi1jNDk3LTYzNDEtYWFhMC0zOTIyZmFlZGY1YTMiIHN0RXZ0OndoZW49IjIwMjEtMDYtMTdUMTM6MjQ6MzYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NmNmMGM3YWEtYzg1Ny05ODQ4LTg4MzgtYTE3NjJiYjQ0MTg1IiBzdEV2dDp3aGVuPSIyMDIxLTA2LTE3VDEzOjI3OjA4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+uaFZ1QAAAftJREFUSInF1r1rFGEQBvBfLoakiI1aBMSIoCkE/wMrLSI2VjYSED9KC7GPCkJaBUEQCSpiQEgicgQtxMp/QtEmfqCiFhIIUbixuL1z82bv4u3G84GF3XfeeZ6dmZ3ZV0TUImIh+oeFiDAQEU9xTH+xOBAR0UfBZziE3bU+CX7GCZzEMGzrsnkVgyVEAss4kD0/xnl8xwx2NXdtxI2I2BERKlxTOa78+uuWSBrxfVxEDYezt+8VO/EAl3EtsX1tZyKJdjQihiNitVrHxHSHTIy3uNOIV3AQIyUibWGmIFKYwj78xEgacS0iJipEOlsQ5dGIeJ9u3Mp2eoFzydo0nqOOvVhrGdIBMoj9eJU9f8Rclp5v+ILtuJUIvMUEGrm1WZzN8TbkP9ZNUv0hmq2Rpu9N4jee2B8l9omMu42/rfH1hPhSzjaZ2JYK/EsLR6yPfKzDCz3p4FtJOGL9REtLMNfFr7LwUmyst4i418WnULjXdjqOyWTtJk73yKNMH9/J3V/FhRIcXX+LnbAHpzT7+koZ0bLC8LCsYAtpqhsYqkpagCHrp1phjX/8A+ENnGmqj2gO+9uaB4G11KFHDOMl3mXcf5D023I0p1KVY0/RNZZxt1F0vF3BXXxSvd6/MIYzGM0b+n2ubqNf5+pC4fp/0K23ij+/yZDfSsxHhN/5svVHT7SuogAAAABJRU5ErkJggg==), linear-gradient(90deg, #ff4f4b, #ff957b) !important;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important
}

body._777loc .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

body._777loc .common-center-top .common-top-img {
    border: .06rem solid #ec6969
}

body._777loc .agrg-downline-bnsetp>span.agrg-downline-bnstbt,
body._777loc .agrg-downline-input input:focus,
body._777loc .common-center-top .common-top-img,
body._777loc .filter-tabPane-btn,
body._777loc .game-record-show .am-search,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner,
body._777loc .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after,
body._777loc .popup-container input,
body._777loc .red-rain-input input:focus,
body._777loc .red-rain-underling span.on,
body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active,
body._777loc .w-input-content {
    border-color: #ec6969
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-customer svg,
body._777loc .mc-game-record-root .mc-trans-filter .am-button-ghost,
body._777loc .mc-game-record-root .mc-trans-filter .am-button-ghost svg {
    border-color: #ec6969;
    color: #ec6969;
    fill: #ec6969
}

body._777loc .am-button-ghost.am-button-active,
body._777loc .am-button-ghost.am-button-active svg,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-active,
body._777loc .mc-transaction-record-root.mtrr-container .am-button-active svg,
body._777loc .new-date-picker.team-view .date-picker-warp .pickter-item.active-item span {
    background-color: #ffc608;
    color: #fff !important;
    border-color: #ffc608 !important;
    fill: #fff !important
}

body._777loc .btn-clear-date,
body._777loc .date-picker-title div,
body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .item-title,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-balance,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-detail .detail-item-title,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .item-trans-info .item-info .item-title,
body._777loc .leader-board-container .leader-board-header-info,
body._777loc .lkmn-poup-qrlink span,
body._777loc .mall-home-top .mall-number-info,
body._777loc .modal-list-content .agrg-bouns-main .agrg-downline-bnset .agrg-downline-bnsetp .game-wrap .game-type,
body._777loc .modal-list-content .team-rebate-title .agrg-downline-bnbtdis .agrg-downline-type .agrg-downline-cname,
body._777loc .point-wrap .point-table-title span,
body._777loc .record-footer div span:last-child,
body._777loc .vc-v2-container .vc-v2-active-container .act-item.on .act-mount i {
    color: #8c5656 !important
}

body._777loc .mall-home-top .mall-user-integral {
    background: hsla(0, 0%, 100%, .5) !important
}

body._777loc .mall-home-top .mall-user-integral .mall-intergral-svg {
    fill: #ec6969 !important
}

body._777loc .dividend-list,
body._777loc .order-integral-item,
body._777loc .orderinfo-middle .orderinfo-price li,
body._777loc .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-footer {
    background: hsla(0, 78%, 67%, .1) !important
}

body._777loc .signedSalary-root .auto-fill-btn {
    background: #a1524d !important
}

body._777loc .card-details .card-header div.endContract span a,
body._777loc .common-center-top .reward-user-integral,
body._777loc .mall-home-middle,
body._777loc .point-form-item .important-number,
body._777loc .sigin-c-content .am-tabs-bar .am-tabs-tab-active,
body._777loc .sum-list-item .item-right.text-blue,
body._777loc .w-input-content span {
    color: #ec6969 !important
}

body._777loc .sum-list-item .item-right.loss-amount {
    color: #af9cf6 !important
}

body._777loc .account-form input,
body._777loc .sigin-c-remarks p,
body._777loc .w-input-content input {
    color: inherit !important
}

body._777loc .leader-board-container .leader-board-integral {
    background: rgba(140, 86, 86, .5) !important;
    color: #fff !important
}

body._777loc #root .mc-home.mc-navbar-blue .am-navbar-title,
body._777loc #root .reward-center .am-navbar-title,
body._777loc .mc-navbar-blue.am-navbar,
body._777loc .overview-chart .item-content,
body._777loc .team-rebate-mbody .modal-list-footer a {
    color: #fff !important
}

body._777loc #mc-app-home-root #mc-header,
body._777loc #root .mc-leader-board-list .mc-navbar-blue,
body._777loc #root .reward-center .mc-navbar-blue {
    background: transparent !important;
    box-shadow: inherit
}

body._777loc .popup-header span {
    background: transparent !important
}

body._777loc #mc-app-home-root #mc-header svg,
body._777loc .reward-center .return_icon svg {
    fill: #fff !important
}

body._777loc .reward-center svg {
    fill: rgba(37, 37, 37, .6) !important
}

body._777loc .point-wrap .point-list-wrap .point-list-header,
body._777loc .statis-gameType-wrap .btn-wrap.active i:first-child,
body._777loc .vc-v2-title:before {
    background-color: #ec6969
}

body._777loc .member-detail-wrapper .member-detail-tab .am-tabs-bar .am-tabs-tab-active:before,
body._777loc .overview-chart .chart-select-wrap .select-item input[type=radio]:checked~label {
    background-color: #ffc608
}

body._777loc .new-date-picker .date-picker-warp .pickter-item.active-item.start-item+.through-item:before,
body._777loc .new-date-picker .date-picker-warp .pickter-item.through-item,
body._777loc .new-date-picker .date-picker-warp .pickter-item.through-item+.end-item:before,
body._777loc .new-date-picker .date-picker-warp .pickter-item:nth-child(7n).through-item:before {
    background-color: #fff3d8;
    box-shadow: none
}

body._777loc .leader-board-list-content .lblc-no-data,
body._777loc .vc-v2-container .vc-v2-method li {
    border: .02rem solid #cea5a5 !important
}

body._777loc .vc-v2-container .vc-v2-method li .min-max {
    color: #ec2529 !important
}

body._777loc .overview-chart .chart-select-wrap,
body._777loc .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #cea5a5
}

body._777loc .point-tips {
    color: rgba(140, 86, 86, .7) !important
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content,
body._777loc .point-wrap .point-list-wrap .point-list-item,
body._777loc .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header {
    background: hsla(0, 78%, 67%, .2)
}

body._777loc .overview-wrap .overview-sum-wrapper {
    background: hsla(0, 78%, 67%, .1)
}

body._777loc .filter-null .mc-switch .checkbox.on:after,
body._777loc .lkmn-poup-qrcode,
body._777loc .mc-switch.mc-qutas-bg .checkbox:before,
body._777loc .modal-list-content .mc-switch .checkbox.on:after,
body._777loc .red-rain-underling {
    background-color: #fff !important
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form .form-left input,
body._777loc .team-member-trans input {
    border: 1px solid hsla(0, 78%, 67%, .5) !important
}

body._777loc .red-rain-select .am-search-input input {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05)
}

body._777loc .dropdown-wrapper .seach-popup .search-wrapper .search-wrap .list-item .calendar-group .calendar-default,
body._777loc .team-member-trans .am-button-ghost.trans-unchecked {
    background: #fff !important;
    border-color: #cea5a5 !important;
    color: #cea5a5 !important
}

body._777loc .team-manage-wrapper .mc-agent-team-list .team-member-root .team-member-item-header .club-label {
    background: #ec6969;
    color: #fff;
    border: none
}

body._777loc #root #mc-app-home-root.gc,
body._777loc #root .mc-navbar-blue,
body._777loc #root.mc-test-root #mc-app-home-root.gc {
    background: linear-gradient(90deg, #2783ff, #ff957b) !important
}

body._777loc .v-base .m-mc-notice-container .mc-notice-prev {
    transform: rotate(90deg) !important
}

body._777loc .v-base .m-mc-notice-container .mc-notice-next {
    transform: rotate(-90deg) !important
}

body._777loc .sec_card .am-list-header {
    border: #fff
}

body._777loc .am-tabs-bar .am-tabs-tab,
body._777loc .am-tabs-bar .am-tabs-tab-active,
body._777loc .team-member-nickname .nickname-form .btn-confirm-trans,
body._777loc .team-member-nickname .nickname-form input,
body._777loc .team-member-trans .btn-confirm-trans {
    border: none
}

body._777loc .red-rain-input input {
    border-color: transparent;
    color: #0a0a0a !important
}

body._777loc .red-rain-input input::placeholder {
    color: #747474 !important
}

body._777loc .red-rain-lpmain .red-rain-lpbody #mc-header {
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .05) !important
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-select .am-search-input {
    background: rgba(175, 156, 246, .1) !important
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-select .am-search-input .am-search-synthetic-ph-placeholder {
    color: #cea5a5
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-select .am-search-input .am-search-synthetic-ph-icon {
    background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_search.png") !important
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-lul .red-rain-option {
    color: #cea5a5
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-lul .red-rain-option .mc-checkbox .mc-checkbox-inner {
    border-color: #cea5a5
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-lul .red-rain-option .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner {
    border-color: #ffc608
}

body._777loc .red-rain-lpmain .red-rain-lpbody .red-rain-lul .red-rain-option .mc-checkbox.mc-checkbox-checked .mc-checkbox-inner:after {
    border-color: #ffc608
}

body._777loc .mc-game-record-root .bet-filter-container .bet-filter-item-content>div {
    color: #cea5a5;
    border-color: #cea5a5
}

body._777loc .mc-game-record-root .bet-filter-container .bet-filter-item-content>div.ck-date {
    background-color: #ffc608;
    color: #fff !important
}

body._777loc .mc-game-record-root .bet-filter-container .bet-filter-item-content .bet-filter-item-calendar a {
    border-color: #cea5a5;
    color: #cea5a5
}

body._777loc .mc-game-record-root .bet-filter-container+div .list-wrapper .nodata-container p {
    color: #ec6969
}

body._777loc .mc-game-record-root .bet-filter-item,
body._777loc .mc-game-record-root .bet-filter-item .bfi-name-search {
    color: #cea5a5
}

body._777loc .mc-game-record-root .bet-filter-item .bfi-name-search svg {
    fill: #ec6969
}

body._777loc .mc-game-record-root .bet-filter-item .ck-btn {
    color: #ffc608
}

body._777loc .mc-game-record-root .bet-filter-item .ck-btn svg {
    fill: #ffc608
}

body._777loc .mc-game-record-root .list-wrapper {
    background: hsla(0, 78%, 67%, .1) !important
}

body._777loc .mc-game-record-root .list-wrapper .lott-records-root .records-item-header-sy {
    background: hsla(0, 78%, 67%, .2) !important
}

body._777loc .mc-game-record-root .list-wrapper .lott-records-root .records-item-header-sy .mc_common_overflow span {
    color: #8c5656
}

body._777loc .mc-game-record-root .list-wrapper .lott-records-root .records-item-content-sy>div:first-child {
    background-color: initial
}

body._777loc .mc-game-record-root .list-wrapper .lott-records-root .records-item-content-sy>div .total-hands {
    color: #ec6969
}

body._777loc .mc-game-record-root .record-footer {
    background: linear-gradient(180deg, #fdfaff, #e1e5e8);
    box-shadow: 0 0 .5rem .2px rgba(64, 69, 84, .2)
}

body._777loc .mc-game-record-root .record-footer div span:last-child {
    color: #ec6969 !important
}

body._777loc .bet-filter-modal.bfm-types div {
    color: #cea5a5
}

body._777loc .bet-filter-modal.bfm-types .ck-icon {
    color: #fff;
    background: #ffc608 !important
}

body._777loc .bet-filter-modal .am-list-header {
    color: #ec6969;
    background-color: #fcf6f6
}

body._777loc .bet-filter-modal .am-list-body,
body._777loc .bet-filter-modal .am-list-body .am-list-item {
    background-color: #fcf6f6
}

body._777loc .bet-filter-modal .am-list-body .am-list-item .am-list-line .am-list-content {
    color: #a1524d !important
}

body._777loc .pnl-date-filter-container .bet-filter-item-content>div {
    color: #cea5a5;
    border-color: #cea5a5
}

body._777loc .pnl-date-filter-container .bet-filter-item-content>div.bet-filter-item-calendar svg {
    fill: #cea5a5
}

body._777loc .pnl-date-filter-container .bet-filter-item-content>div.bet-filter-item-calendar span {
    color: #cea5a5
}

body._777loc .pnl-date-filter-container .bet-filter-item-content>div.ck-date {
    background-color: #ffc608;
    color: #fff !important;
    border-color: #ffc608
}

body._777loc .pnl-date-filter-container .filter-null {
    color: #8c5656 !important
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item {
    color: #cea5a5
}

body._777loc .mc-new-team-tab .mc-agent-team-tab .am-flexbox-item.tab-active {
    color: #ffc608 !important;
    border-color: #ffc608 !important
}

body._777loc .team-manager-modal {
    background-color: #fcf6f6
}

body._777loc .team-manager-modal .modal-list-header {
    color: #ec6969;
    background-color: #fcf6f6
}

body._777loc .team-manager-modal .modal-list-header svg {
    fill: #ec6969
}

body._777loc .team-manager-modal .modal-list-content {
    color: #a1524d !important
}

body._777loc .team-manager-modal .modal-list-content .list-item .sort_icon svg {
    fill: #a1524d
}

body._777loc .team-manager-modal .modal-list-content .list-item .check-icon svg {
    fill: #ec6969
}

body._777loc .member-detail-wrapper {
    background-image: url("/images/theme/_777loc/assets/rewardCenter/_777loc_member_detail_bg.png") !important
}

body._777loc .member-detail-wrapper .member-detail-top {
    color: #8c5656 !important
}

body._777loc .member-detail-wrapper .member-detail-top .item-left .avatar-icon {
    border-color: #ec6969 !important
}

body._777loc .rebateReport .team-member-root .team-member-item-content .am-flexbox.am-flexbox-align-top {
    color: #6a6a6a !important
}

body._777loc .dividentList-container .popup-container input,
body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form input {
    text-align: center
}

body._777loc .agentDivident .card-details.contract .card-body {
    background: none !important
}

body._777loc .contract-history .history-details .history-tbody {
    display: flex;
    align-items: center;
    min-height: 1rem
}

body._777loc .contract-history .history-details .history-tbody span {
    line-height: normal
}

body._777loc .mc-agent-team.rebate .mc-agent-team-list .team-member-item-content .am-flexbox.am-flexbox-align-top {
    align-items: stretch
}

body._777loc .mc-agent-team.rebate .mc-agent-team-list .team-member-item-content .am-flexbox.am-flexbox-align-top .mt-team-footer {
    min-height: .52rem;
    height: auto;
    text-align: left;
    line-height: normal
}

body._777loc .singd-downline-info {
    background: none !important
}

body._777loc .item-more-popup .am-popup-slide-up .team-more-modal .modal-list-content .list-form input {
    background: rgba(175, 156, 246, .1) !important
}

body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item {
    background-color: #efefef;
    border: 1px solid #ccc;
    color: #919191
}

body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active {
    color: #fff
}

body._777loc .vc-v2-container .vc-v2-input .deposit-amount-con .fixed-money .fixed-money-item.money-active svg {
    display: none
}

body.akowin #mc-app-home-root.mc,
body.akowin .v-base .main-nav-list,
body.akowin .v-base .member-home-root {
    background-color: #000
}

body.akowin .v-base .main-nav-style {
    color: #f8ff52
}

body.akowin #mc-app-home-root.mc {
    background-image: url(/images/theme/akowin/assets/home_bg.png)
}

body.akowin .n-home-container .n-nav-list-title span {
    background-color: #f8ff52;
    color: #222
}

body.akowin .n-home-container .n-nav-list-title:after {
    background-color: #f8ff52
}

body.akowin .n-home-container .main-nav-style>.n-linear-border:before {
    background: linear-gradient(90deg, #000, #434343 30%, #222 75%, #000);
    border: .02rem solid rgba(219, 212, 30, .6)
}

body.akowin .n-home-container .n-linear-border svg {
    fill: #dbd41e
}

body.akowin .common-center-top .cumulative-sign-in:before {
    background-image: url(/images/theme/akowin/assets/btn.png)
}

body.akowin .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    background-color: #000 !important;
    background-image: unset;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important
}

body.akowin .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

body.akowin .common-center-top .cumulative-sign-in:before {
    left: -.6rem
}

body.akowin .common-center-top .cumulative-sign-in:after {
    background-image: url(/images/theme/akowin/assets/arrow.png)
}

body.lode365 #mc-app-home-root.mc,
body.lode365 .v-base .main-nav-list,
body.lode365 .v-base .member-home-root {
    background-color: #14244d
}

body.lode365 .v-base .main-nav-style {
    color: #abadc8
}

body.lode365 #mc-app-home-root.mc {
    background-image: url(/images/theme/lode365/assets/home_bg.png)
}

body.lode365 .n-home-container .n-nav-list-title span {
    background-color: #6277ae;
    color: #fff
}

body.lode365 .n-home-container .n-nav-list-title:after {
    background-color: #6277ae
}

body.lode365 .n-home-container .main-nav-style>.n-linear-border:before {
    border: 1px solid #4566c5;
    background-color: #122e77
}

body.lode365 .n-home-container .n-linear-border svg {
    fill: #fff
}

body.lode365 .common-center-top .cumulative-sign-in {
    height: .51rem !important;
    background-color: #000 !important;
    background-image: unset;
    background-position: .76rem, left .64rem top -1px;
    background-size: .3rem .3rem, 100% 100%;
    background-repeat: no-repeat !important
}

body.lode365 .common-center-top .cumulative-sign-in:after {
    height: .27rem;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

body.lode365 .common-center-top .cumulative-sign-in:before {
    left: -.6rem
}

.linlang .member-home-root {
    background-color: #eee
}

.linlang .member-home-root>div {
    background: url(/images/theme/linlang/assets/bg-member-center.png);
    background-position-y: -13rem
}

.linlang #mc-app-home-root {
    background-image: url(/images/theme/linlang/assets/header.png);
    background-color: #eee
}

.linlang .v-base .main-nav-list {
    background: unset
}

.linlang .v-base .main-nav-style {
    color: #000;
    font-weight: 700
}

.linlang .common-center-top .common-member-info .nickname-edit span {
    font-weight: 700
}

.linlang .common-top-img {
    border-color: #2c658b
}

.linlang .common-center-top .cumulative-sign-in {
    background: #2c658b;
    background-image: url(/images/theme/linlang/assets/sign.png);
    padding: 0 .75rem 0 .9rem;
    background-repeat: no-repeat;
    background-size: .28rem;
    background-position: .2rem
}

.linlang .common-center-top .cumulative-sign-in:before {
    background: unset
}

.linlang .common-center-top .cumulative-sign-in:after {
    background-image: url(/images/theme/linlang/assets/arrow.png)
}

.linlang .common-center-top .cumulative-sign-in a {
    height: .54rem;
    display: inline-block;
    line-height: .55rem
}

.linlang .n-home-container .n-nav-list-title>span {
    background-image: linear-gradient(0deg, #c69a67, #d4b487 48%, #f8ebb4);
    color: #000
}

.linlang .n-home-container .n-nav-list-title:after {
    background: #c08954
}

.linlang .n-home-container .main-nav-style>.n-linear-border:before {
    background-image: linear-gradient(0deg, #fffc9f, #fff), linear-gradient(180deg, #fff 0, #fff700 47%, #fffc9f)
}

.linlang .n-home-container .main-nav-style>.n-linear-border:after {
    background-image: linear-gradient(180deg, #fff 0, #fff700 47%, #fffc9f);
    background-origin: border-box;
    background-clip: content-box, border-box;
    content: "";
    width: .94rem;
    height: .94rem;
    border-radius: 50%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 8
}

.linlang .n-home-container .n-linear-border svg {
    fill: #1e4451
}

.hot-game-popup-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    padding: .6rem .2rem .31rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100013;
    color: #fff
}

.hot-game-popup-wrap .hot-game-popup-close {
    position: absolute;
    right: .4rem;
    top: .81rem;
    z-index: 1
}

.hot-game-popup-wrap .hot-game-popup-close svg {
    display: block;
    width: .5rem;
    height: .5rem
}

.hot-game-popup-wrap .hot-game-popup {
    display: flex;
    gap: .25rem;
    width: 100%;
    max-height: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    border-radius: .15rem;
    border: 1.5px solid #666;
    background: rgba(0, 0, 0, .65);
    -webkit-backdrop-filter: blur(.225rem);
    backdrop-filter: blur(.225rem);
    padding: .21rem
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    width: 100%;
    justify-content: center;
    align-items: center
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header img {
    width: 1.65rem;
    height: 1.65rem
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-title {
    color: #fff;
    text-align: center;
    text-shadow: 0 .06rem .06rem rgba(0, 0, 0, .25);
    font-size: .6rem;
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-content {
    color: #fff;
    text-align: center;
    text-shadow: 0 .06rem .06rem rgba(0, 0, 0, .25);
    font-size: .32rem;
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2
}

.hot-game-popup-wrap .hot-game-popup .hot-game-header .hot-game-time {
    color: #ff4d4d;
    text-align: center;
    text-shadow: 0 .04rem .04rem rgba(0, 0, 0, .25);
    font-size: .3rem
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap {
    width: 100%;
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
    align-items: flex-start;
    overflow: hidden auto
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar {
    width: .08rem;
    height: .08rem
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar-track {
    background: transparent
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap::-webkit-scrollbar-thumb {
    background: #999
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item {
    width: 2.03rem;
    height: 3.18rem;
    display: flex;
    padding: .18rem .1rem 0;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    flex-wrap: wrap;
    border-radius: .09rem;
    background: hsla(0, 0%, 100%, .1)
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item .image-container {
    max-width: 1.83rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    height: 1.83rem
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item .image-container img {
    border-radius: .09rem;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item .hot-game-item-title {
    line-height: 1.3;
    min-height: .24rem;
    height: .54rem;
    color: #fff;
    font-size: .21rem;
    font-weight: 400;
    max-width: 100%;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 2
}

.hot-game-popup-wrap .hot-game-popup .hot-game-wrap .hot-game-item .hot-game-item-vendor {
    word-break: break-all;
    color: #018ff3;
    font-size: .2rem;
    font-weight: 700;
    max-width: 100%;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-inline-box;
    -webkit-line-clamp: 1
}

.mc-vendor-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100009;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .4rem
}

.mc-vendor-popup-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(.12rem);
    backdrop-filter: blur(.12rem)
}

.mc-vendor-popup-wrapper .mc-vendor-popup-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .4rem;
    margin: 0 0 0 -1.5rem
}

.mc-vendor-popup-wrapper.LEFT .mc-vendor-popup-wrap {
    margin: 0 -1.5rem 0 0
}

.mc-vendor-popup-wrapper .close-btn {
    position: absolute;
    top: -.17rem;
    right: -.2rem;
    z-index: 2
}

.mc-vendor-popup-wrapper .close-btn svg {
    width: .5rem;
    height: .5rem
}

.mc-vendor-popup-wrapper .mc-vendor-popup {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.mc-vendor-popup-wrapper .mc-vendor-popup .swiper-container {
    width: 5.32rem;
    height: 8.84rem
}

.mc-vendor-popup-wrapper .mc-vendor-item {
    width: 5.32rem;
    height: 8.84rem;
    background: url(/mobile/mc/vendor-popup-bg.204be68f.png) no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    gap: .28rem;
    align-items: center
}

.mc-vendor-popup-wrapper .mc-vendor-top {
    font-size: .2rem;
    font-weight: 900;
    width: 60%;
    margin: 0 auto;
    height: 1rem;
    text-align: center;
    word-break: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 0
}

.mc-vendor-popup-wrapper .mc-vendor-top span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    background: linear-gradient(180deg, #fff 41%, #feefbd);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative
}

@supports(-webkit-line-clamp:2) {
    .mc-vendor-popup-wrapper .mc-vendor-top span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.mc-vendor-popup-wrapper .mc-vendor-top span:before {
    content: attr(data-title);
    position: absolute;
    z-index: -1;
    text-shadow: 0 .08rem .08rem rgba(0, 0, 0, .4), 0 .04rem 0 #e47415;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .mc-vendor-popup-wrapper .mc-vendor-top span:before {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.mc-vendor-popup-wrapper .mc-vendor-img {
    display: flex;
    justify-content: center;
    align-items: center
}

.mc-vendor-popup-wrapper .mc-vendor-img img {
    width: 3.24rem;
    aspect-ratio: 1/1;
    object-fit: cover
}

.mc-vendor-popup-wrapper .mc-vendor-content-wrapper {
    flex: 1 1 0%;
    width: 80%;
    overflow-y: auto;
    padding-bottom: .4rem;
    margin-bottom: .75rem;
    font-size: .2rem;
    color: #000;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar {
    width: .08rem;
    height: .08rem
}

.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar-track {
    background: transparent
}

.mc-vendor-popup-wrapper .mc-vendor-content-wrapper::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .5);
    border-radius: .05rem
}

.mc-vendor-popup-wrapper .content-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem
}

.mc-vendor-popup-wrapper .content-item .mc-vendor-date {
    text-align: center;
    display: flex;
    flex-direction: column
}

.mc-vendor-popup-wrapper .content-item .mc-date-item {
    text-transform: uppercase
}

.mc-vendor-popup-wrapper .item-title {
    border-radius: .4rem;
    border: .02rem solid #fff;
    background: linear-gradient(180deg, #fff9ec, #fbe176 53.95%, #f6c85d);
    box-shadow: 0 .04rem .04rem 0 rgba(0, 0, 0, .25), 0 .02rem 0 0 #b66637, inset 0 .05rem .03rem 0 hsla(0, 0%, 100%, .95);
    min-width: 1.65rem;
    min-height: .36rem;
    padding: .03rem .3rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center
}

.mc-vendor-popup-wrapper .item-title span {
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 0 #85602b, 1px -1px 0 #85602b, -1px 1px 0 #85602b, 1px 1px 0 #85602b;
    font-weight: 700
}

.mc-vendor-popup-wrapper .item-img-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem
}

.mc-vendor-popup-wrapper .item-img-list .item-img {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 0.2rem)
}

.mc-vendor-popup-wrapper .item-img-list img {
    max-width: 100%;
    object-fit: contain
}

.mc-vendor-popup-wrapper .mc-vendor-nav {
    align-self: center;
    display: flex;
    align-items: center;
    gap: .4rem
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button {
    min-width: 2.34rem;
    height: .54rem;
    border-radius: .33355rem;
    background: linear-gradient(180deg, #feeb81, #fada6f 33.33%, #f7d065 66.67%, #e5a338);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    font-size: .2rem;
    font-weight: 700;
    color: #b2491f
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button svg {
    width: .25rem;
    height: .25rem;
    fill: #b2491f
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button.vendor-button-next svg {
    transform: rotate(180deg)
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button.swiper-button-disabled {
    background: #fff;
    color: rgba(0, 0, 0, .3)
}

.mc-vendor-popup-wrapper .mc-vendor-nav .mc-vendor-button.swiper-button-disabled svg {
    opacity: .3;
    fill: #000
}

.entry-count-wrapper {
    transition: all .3s ease
}

.entry-count-wrapper.entry-open .entry-count-wrap.count {
    animation: growDown 1s ease-in-out forwards
}

.entry-count-wrapper.entry-open .entry-count-wrap.count.default,
.entry-count-wrapper.entry-open .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.entry-open .entry-count-wrap.count.LEFT_TOP,
.entry-count-wrapper.entry-open .entry-count-wrap.count.RIGHT_MIDDLE,
.entry-count-wrapper.entry-open .entry-count-wrap.count.RIGHT_TOP {
    transform-origin: top center
}

.entry-count-wrapper.entry-open .entry-count-wrap.count.LEFT_MIDDLE,
.entry-count-wrapper.entry-open .entry-count-wrap.count.RIGHT_MIDDLE {
    transform-origin: center center
}

.entry-count-wrapper.entry-open .entry-count-wrap.count.LEFT_BOTTOM,
.entry-count-wrapper.entry-open .entry-count-wrap.count.RIGHT_BOTTOM {
    transform-origin: bottom center
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-container-wrapper {
    padding: .35rem .1rem;
    border-radius: .8rem;
    background: rgba(0, 0, 0, .7);
    box-shadow: .02rem .04rem .28rem 0 rgba(0, 0, 0, .25);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-container {
    width: 100%;
    height: calc(100% - .7rem)
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-container .swiper-wrapper {
    display: flex;
    flex-direction: column
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next,
.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-prev {
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: none
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next span,
.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-prev span {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 .03529rem .03529rem rgba(0, 0, 0, .25);
    display: flex;
    justify-content: center;
    align-items: center
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next span:before,
.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-prev span:before {
    position: absolute;
    content: "";
    width: .17rem;
    height: .19rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAUCAMAAAAweHR+AAAAsVBMVEUAAAD/TwD/ZAD/XwD/UAD/UgD/gAD/kAD/PgH/WgD/YAD/cAD/aAD/VQD/VgD/SAD/dwH/hwH/SQD/hwD/TgH/iAD/TAH/UAD/OgD/QAD/hgD/TQD/OQD/igD/VQD/UAD/PAD/gAD/UAD/QAD/WwD/UwD/TwD/WAD/VQD/hwD/VgD/iwD/SQD/jwH/RQD/gwD/eAD/cwD/bQD/ZwD/TQD/fgD/YgD/XwD/QQD/PQD/fQDim9LPAAAAJHRSTlMAICDf399/gN/fgH9/f9/fgH9/QO7fz5CAf3BwcGBgUEAQEBBA+Yr1AAAA1ElEQVQoz4XQZw+CMBCA4cOBA3DvPWipBXEhw///w7xCDCnL91OTPrlrCpnOm8UBqlPaURQt/5AwDF13VElczHGccqT08drzPEqpUU7wujEnjHFuFJOGRwlpKmBYJtYtJChYT8FjNwh839cLCGHc6iAR6CXS84RbZr0GSfpTpMmkybgpyC/tIdJkYsUkbXAXDWQSxCRNfWMfNTdFRjeRKj8329C+YGpCWEqkWlfbti9DgBnFMR0kheiKs8YwQSO+rhytYE1JTyLZdVPcsd+doLzx9ghf/EscbS6wMVsAAAAASUVORK5CYII=) no-repeat 50%/contain
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next.swiper-button-disabled,
.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-prev.swiper-button-disabled {
    opacity: 0
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-prev {
    top: -.2rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next {
    bottom: -.2rem;
    top: auto;
    left: 0;
    right: 0;
    margin: 0 auto
}

.entry-count-wrapper.entry-open .entry-count-wrap.count .swiper-nav .swiper-button-next span:before {
    transform: rotate(180deg)
}

.entry-count-wrapper.popup-open .entry-count-wrap.count .mc-vendor-item {
    opacity: .6
}

.entry-count-wrapper.popup-open .entry-count-wrap.count .mc-vendor-item.on {
    opacity: 1
}

.entry-count-wrap {
    position: fixed;
    z-index: 100010;
    text-align: center;
    touch-action: none !important
}

.entry-count-wrap .entry-close {
    position: absolute;
    top: -.45rem;
    left: -.23rem;
    color: #868686;
    z-index: 99;
    cursor: pointer
}

.entry-count-wrap .entry-arrow {
    width: .43rem;
    height: .43rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: url(/mobile/mc/icon-arrow.69e03ac0.png) no-repeat 50%/contain;
    transition: transform .3s ease;
    transform: rotate(180deg)
}

.entry-count-wrap .entry-arrow.open {
    transform: rotate(0deg)
}

.entry-count-wrap.LEFT_TOP,
.entry-count-wrap.RIGHT_TOP {
    bottom: calc((100*var(--vh, 1vh) - 1rem)/2 - .44rem)
}

.entry-count-wrap.LEFT_TOP .entry-arrow,
.entry-count-wrap.RIGHT_TOP .entry-arrow {
    bottom: -.48rem;
    transform: rotate(0deg)
}

.entry-count-wrap.LEFT_TOP .entry-arrow.open,
.entry-count-wrap.RIGHT_TOP .entry-arrow.open {
    transform: rotate(180deg);
    bottom: -.75rem
}

.entry-count-wrap.LEFT_TOP.open-entry,
.entry-count-wrap.RIGHT_TOP.open-entry {
    bottom: 1.21rem
}

.entry-count-wrap.LEFT_MIDDLE,
.entry-count-wrap.RIGHT_MIDDLE {
    bottom: calc((100*var(--vh, 1vh) - 1rem)/3 - .44rem)
}

.entry-count-wrap.LEFT_MIDDLE .entry-arrow,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow {
    top: -.48rem
}

.entry-count-wrap.LEFT_MIDDLE .entry-arrow.open,
.entry-count-wrap.RIGHT_MIDDLE .entry-arrow.open {
    top: -.75rem
}

.entry-count-wrap.default,
.entry-count-wrap.LEFT_BOTTOM,
.entry-count-wrap.RIGHT_BOTTOM {
    bottom: calc((100*var(--vh, 1vh) - 1rem)/6 - .44rem)
}

.entry-count-wrap.default .entry-arrow,
.entry-count-wrap.LEFT_BOTTOM .entry-arrow,
.entry-count-wrap.RIGHT_BOTTOM .entry-arrow {
    top: -.48rem
}

.entry-count-wrap.default .entry-arrow.open,
.entry-count-wrap.LEFT_BOTTOM .entry-arrow.open,
.entry-count-wrap.RIGHT_BOTTOM .entry-arrow.open {
    top: -.75rem
}

.entry-count-wrap.default.open-entry,
.entry-count-wrap.LEFT_BOTTOM.open-entry,
.entry-count-wrap.RIGHT_BOTTOM.open-entry {
    bottom: 1.21rem
}

.entry-count-wrap.LEFT_BOTTOM,
.entry-count-wrap.LEFT_MIDDLE,
.entry-count-wrap.LEFT_TOP {
    left: .2rem
}

.entry-count-wrap.LEFT_BOTTOM .entry-close,
.entry-count-wrap.LEFT_MIDDLE .entry-close,
.entry-count-wrap.LEFT_TOP .entry-close {
    right: -.23rem;
    left: auto
}

.entry-count-wrap.default,
.entry-count-wrap.RIGHT_BOTTOM,
.entry-count-wrap.RIGHT_MIDDLE,
.entry-count-wrap.RIGHT_TOP {
    right: .2rem
}

.entry-count-wrap img {
    width: 100%
}

.entry-count-wrap .gift {
    width: 1.2rem;
    height: 1.2rem;
    background: url(/mobile/mc/gift.4aee3023.png) no-repeat 50%/contain;
    text-align: center;
    color: #fff;
    font-size: .2rem;
    margin: 0 auto;
    position: relative
}

.entry-count-wrap .gift .gift-txt {
    position: absolute;
    width: 1.2rem;
    height: .35rem;
    left: 0;
    bottom: .18rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.entry-count-wrap .gift.disable {
    color: hsla(0, 0%, 100%, .3);
    width: 1.2rem;
    height: 1.2rem;
    padding-top: 1.05rem
}

.entry-count-wrap.count .swiper-container {
    width: 1.2rem
}

.entry-count-wrap.count .swiper-container .swiper-wrapper {
    padding: 0;
    min-height: 1.2rem
}

.entry-count-wrap.count .swiper-slide {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.entry-count-wrap.count .swiper-slide .item-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

.entry-count-wrap.count .swiper-slide .item-img {
    width: 1.2rem;
    height: 1.2rem
}

.entry-count-wrap.count .swiper-slide .item-img img {
    width: 1.2rem;
    height: 1.2rem;
    aspect-ratio: 1/1;
    object-fit: contain
}

.entry-count-wrap.count .swiper-slide.DEFAULT .item-img {
    background: url(/mobile/mc/red_bag.13ec57c3.png) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.RAFFLE .item-img {
    background: url(/mobile/mc/RAFFLE.ef7e5d39.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.GOLDEN_EGG .item-img {
    background: url(/mobile/mc/GOLDEN_EGG.d36ac7d8.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.CASH_VOUCHER .item-img {
    background: url(/mobile/mc/CASH_VOUCHER.b37c4bf2.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.PRIZE_WHEEL .item-img {
    background: url(/mobile/mc/PRIZE_WHEEL.3d6fc75d.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.MISSION .item-img {
    background: url(/mobile/mc/MISSION.535df0cf.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.LOGIN .item-img {
    background: url(/mobile/mc/LOGIN.724ad6e2.webp) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.REGISTER .item-img {
    background: url(/mobile/mc/REGISTER.9c03bc73.webp) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.GIFT_CODE .item-img {
    background: url(/mobile/mc/GIFT_CODE.508939b8.webp) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.FREE_SPIN .item-img {
    background: url(/mobile/mc/FREE_SPIN.05967890.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.TEMU .item-img {
    background: url(/mobile/mc/TEMU.772745bd.gif) no-repeat top/contain
}

.entry-count-wrap.count .swiper-slide.PROMOCODE .item-img {
    background: url(/mobile/mc/PromoCode.0ad51244.png) no-repeat top/contain
}

.entry-count-wrap.count i {
    position: absolute;
    top: .12rem;
    right: .08rem;
    padding: .05rem .5em;
    background: linear-gradient(180deg, #ff5841, #fe0425);
    color: #fff;
    font-style: normal;
    font-size: .26rem;
    border-radius: 1em
}

.entry-count-wrap .countdown-label {
    text-align: center;
    color: #e0a7f3;
    font-size: .2rem;
    font-weight: 700
}

.entry-count-wrap .mc-vendor-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.entry-count-wrap .mc-vendor-item .time {
    text-align: center;
    color: #e0a7f3;
    font-size: .2rem;
    font-weight: 700
}

.dark .entry-count-wrap.count {
    width: 1.8rem;
    height: 1.8rem;
    background: url(/mobile/mc/gift_dark.03110695.gif) no-repeat;
    background-size: 100% 100%
}

.dark .entry-count-wrap.count div:before {
    box-shadow: 0 .04rem .2093rem .0207rem hsla(0, 0%, 51%, .3) !important
}

.dark .entry-count-wrap.count svg {
    color: hsla(0, 0%, 100%, .4) !important;
    cursor: pointer
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
        opacity: 0
    }
    80% {
        transform: scaleY(1.05);
        opacity: 1
    }
    to {
        transform: scaleY(1)
    }
}

.am-modal.payment-modal {
    width: 6.6rem !important;
    font-weight: bolder
}

.am-modal.payment-modal .am-modal-content {
    padding-bottom: .35rem
}

.am-modal.payment-modal .am-modal-title {
    font-size: .36rem;
    color: #797979
}

.am-modal.payment-modal .am-modal-body {
    padding: 0 .42rem !important;
    font-size: .24rem
}

.am-modal.payment-modal .am-modal-button-group-h {
    margin: 0 1.15rem;
    justify-content: space-between;
    border-top: none
}

.am-modal.payment-modal .am-modal-button {
    width: 1.9rem;
    height: .5rem;
    line-height: .5rem;
    display: inline-block;
    background-color: #797979;
    flex: unset;
    border-radius: .25rem;
    font-size: .24rem;
    color: #fff
}

.am-modal.payment-modal .am-modal-button:last-child {
    background-color: #ec2529
}

.payment-confirm p.upload-please {
    margin-top: unset;
    font-size: .24rem
}

.payment-confirm p.upload-please img {
    width: .32rem;
    height: .32rem;
    margin-right: .18rem
}

.payment-confirm .upload-container {
    margin-top: .1rem;
    margin-bottom: .4rem;
    padding-bottom: .15rem;
    min-height: 1.3rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fbfbfb
}

.payment-confirm .upload-container label {
    position: absolute;
    top: 0;
    height: .42rem;
    line-height: .42rem
}

.payment-confirm .upload-container label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 2.5rem;
    display: inline-block;
    position: absolute;
    left: 0;
    text-align: left
}

.payment-confirm .upload-container>div {
    position: relative;
    margin: 0 auto;
    width: 4.58rem;
    height: .42rem;
    background-color: #fff;
    border-radius: .21rem;
    border: 1px solid #cdcdcd;
    display: flex;
    justify-content: space-between
}

.payment-confirm .upload-container>div .upload-font {
    padding: .2rem;
    color: #cdcdcd;
    font-size: .16rem
}

.payment-confirm .upload-container>div .upload-button {
    width: 1.48rem;
    height: .42rem;
    line-height: .42rem;
    background-color: #797979;
    border-radius: .21rem;
    text-align: center;
    font-size: .2rem;
    color: #fff
}

.payment-confirm .upload-container>div svg {
    position: relative;
    top: .1rem
}

.payment-confirm input {
    opacity: 0;
    width: 100%;
    position: absolute;
    height: 100% !important;
    z-index: 10;
    top: 0
}

.payment-confirm .payment-data {
    margin: .37rem 0
}

.payment-confirm .payment-data>p {
    display: grid;
    grid-template-columns: 50% 50%
}

.payment-confirm .payment-data>p span:first-child {
    text-align: right
}

.payment-confirm .payment-data>p span:last-child {
    text-align: left;
    padding-left: .4rem
}

.payment-confirm #previewImg,
.payment-confirm .upload-content,
.payment-confirm .upload-please,
.payment-confirm svg {
    color: #fd2f2f
}

.payment-confirm .upload-please {
    padding: .14rem 0;
    margin-top: unset
}

.payment-confirm #previewImg {
    width: 2.5rem
}

.temu-common-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100014;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: center;
    justify-content: center
}

.temu-common-pop.noMask:before {
    display: none
}

.temu-common-pop:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .8)
}

.temu-common-pop .temu-random-pop {
    display: flex;
    align-items: center;
    justify-content: center
}

.temu-common-pop .close-btn {
    align-self: center
}

.temu-common-pop .close-btn svg {
    width: .5rem;
    height: .5rem
}

.temu-claim-wrap {
    width: 5.9rem;
    height: 9.2rem;
    background: url(/mobile/mc/temu-popup-bg2.c70eaadd.png) no-repeat top/contain
}

.temu-claim-wrap .claim-content {
    margin-top: 3.77rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 .52rem
}

.temu-claim-wrap .claim-content .claim-title {
    width: 100%;
    color: #f44915;
    font-size: .56rem;
    font-weight: 900;
    line-height: .78rem;
    display: flex;
    flex-direction: column;
    gap: .05rem;
    position: relative
}

.temu-claim-wrap .claim-content .claim-title:after {
    content: "";
    width: 100%;
    height: .06rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYsAAAAGCAYAAAAyubI5AAABZElEQVRoge2ZQU7DQAxF/zRTTsE5chq4QlEWFDZcoCzCHXqbnIYdEpkkLJpKrvU9CWIxkfCTLHtsx+OMFGukBDiOg9S1dwDeATwACADOAJ5j3XwXbcxxNkIs3YDjbIQTgINYHwB8AXgt047jbIuQuvYewCBkFHoEMCn7KhD6piaRHZFqFmlHZUdh74VPyp7EdS7LketK+SvwPpjI92HvKSUoOxi2dY4yxrTl0zFrvZTv/D/YN878LG9asNks0TEpegZJv55VlugZNxiSlJ2ELxHp51ivfJat83tScyD2KDSb2RPR8pw11ry+6grALtbN5448qAvomM7LYQ263JrtxYYcG55r9rdq5p61sD6Gtejak+H/yx6OU5o130nIxGRO6QuMNUd+Ox+XZhrLXboI5i6TubOzLqY3dUofvONsgtS1HwCelPsU6+alRD+OszX8n4XjXDjicnl6nNdnAG/l2nGcbfEDrNCIEqGAKn0AAAAASUVORK5CYII=) no-repeat 50%/contain
}

.temu-claim-wrap .claim-content .claim-subTitle {
    margin-top: .46rem;
    font-size: .34rem;
    font-weight: 600;
    color: #73491d
}

.temu-claim-wrap .claim-content .claim-amount {
    margin-top: .06rem;
    color: #f44a15;
    font-size: .82rem;
    font-weight: 700;
    display: flex;
    align-items: flex-end;
    line-height: .94rem
}

.temu-claim-wrap .claim-content .claim-amount .currency,
.temu-claim-wrap .claim-content .claim-amount .small {
    font-size: .54rem
}

.temu-claim-wrap .claim-content .claim-info {
    color: #826849;
    font-size: .24rem;
    font-weight: 600
}

.temu-claim-wrap .claim-content .claim-info label {
    color: #e22e25
}

.temu-claim-wrap .claim-content .temu-btn {
    margin-top: .34rem
}

.temu-popup-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100013;
    color: #fff
}

.temu-popup-wrap.top {
    z-index: 100014
}

.temu-popup-wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .8)
}

.temu-btn {
    max-width: 4.86rem;
    height: 1.36rem;
    background: url(/mobile/mc/temu-popup-btn.20774fd0.png) no-repeat 50%/cover;
    color: #fffbd6;
    font-size: .28rem;
    font-weight: 900;
    padding: .1rem .3rem;
    word-break: break-word;
    text-align: center
}

.temu-btn,
.temu-popup {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.temu-popup {
    height: 100%;
    flex-direction: column;
    gap: .3rem;
    position: relative
}

.temu-popup .close-btn {
    z-index: 100015
}

.temu-popup .close-btn svg {
    width: .5rem;
    height: .5rem
}

.temu-popup .temu-wrap {
    width: 6.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .13rem
}

.temu-popup .banner-wrap {
    position: relative;
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center
}

.temu-popup .banner-wrap .swiper-container {
    width: calc(100% - 2.68rem);
    display: flex;
    align-items: center;
    z-index: 0
}

.temu-popup .banner-wrap .swiper-wrapper {
    display: flex;
    align-items: center
}

.temu-popup .banner-wrap .swiper-slide {
    width: 1.35rem;
    height: .68rem;
    border-radius: .14rem;
    padding: 0 .15rem;
    background: url(/mobile/mc/ticket-default.afa30d09.png) no-repeat 50%/cover;
    font-size: .15rem;
    color: #fff;
    word-break: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.temu-popup .banner-wrap .swiper-slide.has-img {
    padding: 0
}

.temu-popup .banner-wrap .swiper-slide.swiper-slide-active {
    width: 1.8rem;
    height: 1rem;
    font-size: .2rem
}

.temu-popup .banner-wrap .swiper-slide.swiper-slide-active img {
    width: 1.8rem;
    height: 1rem
}

.temu-popup .banner-wrap .swiper-slide .item-name {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    text-align: center
}

@supports(-webkit-line-clamp:2) {
    .temu-popup .banner-wrap .swiper-slide .item-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.temu-popup .banner-wrap .swiper-slide img {
    width: 1.35rem;
    height: .68rem;
    object-fit: cover;
    border-radius: .14rem
}

.temu-popup .banner-wrap .swiper-btn {
    width: .32rem;
    height: .4rem;
    position: absolute
}

.temu-popup .banner-wrap .swiper-btn-prew {
    background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
    left: .9rem;
    transform: rotate(180deg)
}

.temu-popup .banner-wrap .swiper-btn-next {
    background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
    right: .9rem
}

.temu-popup .temu-time {
    display: flex;
    align-items: flex-start;
    color: #fff;
    justify-content: center;
    position: relative;
    z-index: 1
}

.temu-popup .temu-time .time-top {
    height: .6rem;
    display: flex;
    align-items: center;
    font-size: .22rem;
    margin-right: .2rem
}

.temu-popup .temu-time .time-top svg {
    width: .37rem;
    height: .41rem;
    margin-right: .22rem;
    fill: #ffb30b
}

.temu-popup .temu-time .time-bottom,
.temu-popup .temu-time .time-bottom .wysiwyg {
    display: flex;
    align-items: center
}

.temu-popup .temu-time .time-bottom .time-item {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: .21rem
}

.temu-popup .temu-time .time-bottom .time-item:before {
    position: absolute;
    content: ":";
    color: #cecece;
    font-size: .38rem;
    font-weight: 700;
    right: -.15rem
}

.temu-popup .temu-time .time-bottom .time-item.day:before,
.temu-popup .temu-time .time-bottom .time-item:last-child:before {
    display: none
}

.temu-popup .temu-time .time-bottom .time-item .num {
    width: .7rem;
    height: .6rem;
    background: #262626 0 0 no-repeat padding-box;
    border: .02rem solid #707070;
    border-radius: .08rem;
    font-size: .38rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.temu-popup .temu-time .time-bottom .time-item .title {
    color: #a2a2a2;
    font-size: .16rem;
    line-height: .22rem;
    font-weight: 700;
    text-align: center
}

.temu-popup .temu-content {
    margin-top: -.8rem;
    position: relative;
    width: 6.8rem;
    height: 9.2rem;
    background: url(/mobile/mc/temu-popup-bg1.7b33a281.png) no-repeat top/contain;
    display: flex;
    flex-direction: column;
    padding: 0 .97rem
}

.temu-popup .temu-content .temu-title {
    margin-top: 1.36rem;
    text-align: center;
    color: #f8600e;
    font-size: .72rem;
    font-weight: 900;
    line-height: .84rem;
    height: 1.7rem;
    paint-order: stroke fill;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.temu-popup .temu-content .temu-title span {
    -webkit-text-stroke: .1rem #fcf8d8;
    -webkit-text-fill-color: #f8600e;
    text-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff;
    width: 100%;
    letter-spacing: -.04rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: normal
}

@supports(-webkit-line-clamp:2) {
    .temu-popup .temu-content .temu-title span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.temu-popup .temu-content .temu-img {
    margin-top: -.16rem;
    position: relative
}

.temu-popup .temu-content .temu-img:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 4.8rem;
    height: 4.8rem;
    background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50%/contain;
    z-index: 0
}

.temu-popup .temu-content .temu-img img {
    position: relative;
    z-index: 1;
    width: 4.8rem;
    object-fit: contain;
    aspect-ratio: 1/1
}

.temu-popup .temu-content .temu-btn {
    margin-top: -.41rem
}

.ticket-popup-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100013;
    color: #fff
}

.ticket-popup-wrap.top {
    z-index: 100014
}

.ticket-popup-wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .8)
}

.ticket-popup-wrap .arrow-btn {
    position: absolute;
    top: .52rem;
    left: .42rem;
    z-index: 1
}

.ticket-popup-wrap .arrow-btn svg {
    width: .56rem;
    height: .56rem
}

.ticket-popup-wrap .close-btn {
    position: absolute;
    top: .52rem;
    right: .42rem
}

.ticket-popup-wrap .close-btn svg {
    width: .56rem;
    height: .56rem
}

.ticket-popup-wrap .ticket-content-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap {
    position: relative;
    padding-top: 1.12rem;
    display: flex;
    justify-content: center;
    background: url(/mobile/mc/header-title-top.95356e6f.png) no-repeat top/4.06rem 1.12rem;
    z-index: -1
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title {
    min-width: 2.46rem;
    height: .65rem;
    font-size: .36rem;
    position: relative;
    line-height: .58rem;
    color: #fff;
    text-shadow: 1px 1px #c63036, -1px 1px #c63036, 1px -1px #c63036, -1px -1px #c63036;
    text-align: center;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABBCAYAAAAQTc7lAAAALklEQVQYlWP472H8n4nBzoeBiYGBAUZcO8PAxHDvOorYMCX4ZBiYGBjZPzBQAABIhAfla0dJfAAAAABJRU5ErkJggg==) repeat-x left 0/contain;
    margin-top: -.25rem;
    padding: 0 .1rem
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title:before {
    position: absolute;
    content: "";
    width: .8rem;
    height: .65rem;
    left: -.7rem;
    background: url(/mobile/mc/header-title-left.4d71946a.png) no-repeat 50%/contain
}

.ticket-popup-wrap .ticket-content-wrapper .header-wrap .header-title:after {
    position: absolute;
    content: "";
    width: .8rem;
    height: .65rem;
    right: -.7rem;
    background: url(/mobile/mc/header-title-right.c3e6c9e0.png) no-repeat 50%/contain
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-popup {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    overflow: hidden
}

.ticket-popup-wrap .ticket-content-wrapper .ticket-popup-list {
    width: 100%;
    margin: .4rem 0;
    padding-top: .18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .22rem;
    flex: 1 1 0%;
    overflow-y: auto
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN {
    height: 4.06rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN:before {
    position: absolute;
    top: 0;
    content: "";
    width: 7.5rem;
    height: 100%;
    background: url(/mobile/mc/free-spin-box-bottom.48834b41.png) no-repeat top/contain
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN .current-progress-wrapper {
    margin-top: .2rem
}

.ticket-popup-wrap .ticket-bottom-wrapper.FREE_SPIN .ticket-rank-wrapper {
    z-index: 1;
    position: relative;
    align-content: flex-end;
    flex: 1 1 0%;
    padding-bottom: .4rem
}

.ticket-popup-wrap .progress-bar-wrapper {
    color: #fff;
    text-align: center;
    margin-top: .22rem;
    width: 100%;
    padding: 0 .85rem
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar {
    width: 100%;
    position: relative
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .am-progress-outer {
    background: #262626 0 0 no-repeat padding-box;
    border: .03rem solid #707070;
    border-radius: .23rem;
    height: .36rem;
    display: flex;
    align-items: center;
    padding: 0 .12rem
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .am-progress-bar {
    background: transparent linear-gradient(180deg, #ffcf00, #ee7c0e) 0 0 no-repeat padding-box;
    border-radius: .21rem;
    height: .2rem !important;
    border: 0;
    animation: progressAnimationStrike 2s
}

.ticket-popup-wrap .progress-bar-wrapper .progress-bar .bar-num {
    position: absolute;
    font-size: .24rem;
    line-height: .42rem;
    right: .3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.ticket-time {
    margin-top: .18rem;
    display: flex;
    align-items: flex-start;
    color: #fff;
    justify-content: center
}

.ticket-time .time-top {
    height: .6rem;
    display: flex;
    align-items: center;
    font-size: .22rem;
    margin-right: .2rem
}

.ticket-time .time-top svg {
    width: .37rem;
    height: .41rem;
    margin-right: .22rem;
    fill: #ffb30b
}

.ticket-time .time-bottom,
.ticket-time .time-bottom .wysiwyg {
    display: flex;
    align-items: center
}

.ticket-time .time-bottom .time-item {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-right: .21rem
}

.ticket-time .time-bottom .time-item:before {
    position: absolute;
    content: ":";
    color: #cecece;
    font-size: .38rem;
    font-weight: 700;
    right: -.15rem
}

.ticket-time .time-bottom .time-item.day:before,
.ticket-time .time-bottom .time-item:last-child:before {
    display: none
}

.ticket-time .time-bottom .time-item .num {
    width: .7rem;
    height: .6rem;
    background: #262626 0 0 no-repeat padding-box;
    border: .02rem solid #707070;
    border-radius: .08rem;
    font-size: .38rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.ticket-time .time-bottom .time-item .title {
    color: #a2a2a2;
    font-size: .16rem;
    line-height: .22rem;
    font-weight: 700;
    text-align: center
}

.ticket-popup-wrapper {
    margin-top: .08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 0%;
    overflow: hidden
}

.ticket-popup-wrapper .banner-wrap {
    position: relative;
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center
}

.ticket-popup-wrapper .banner-wrap .swiper-container {
    width: calc(100% - 2.68rem);
    display: flex;
    align-items: center;
    z-index: 0
}

.ticket-popup-wrapper .banner-wrap .swiper-wrapper {
    display: flex;
    align-items: center
}

.ticket-popup-wrapper .banner-wrap .swiper-slide {
    width: 1.35rem;
    height: .68rem;
    border-radius: .14rem;
    padding: 0 .15rem;
    background: url(/mobile/mc/ticket-default.afa30d09.png) no-repeat 50%/cover;
    font-size: .15rem;
    color: #fff;
    word-break: break-word;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.has-img {
    padding: 0
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.swiper-slide-active {
    width: 1.8rem;
    height: 1rem;
    font-size: .2rem
}

.ticket-popup-wrapper .banner-wrap .swiper-slide.swiper-slide-active img {
    width: 1.8rem;
    height: 1rem
}

.ticket-popup-wrapper .banner-wrap .swiper-slide .item-name {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    text-align: center
}

@supports(-webkit-line-clamp:2) {
    .ticket-popup-wrapper .banner-wrap .swiper-slide .item-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.ticket-popup-wrapper .banner-wrap .swiper-slide img {
    width: 1.35rem;
    height: .68rem;
    object-fit: cover;
    border-radius: .14rem
}

.ticket-popup-wrapper .banner-wrap .swiper-btn {
    width: .32rem;
    height: .4rem;
    position: absolute
}

.ticket-popup-wrapper .banner-wrap .swiper-btn-prew {
    background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
    left: .9rem;
    transform: rotate(180deg)
}

.ticket-popup-wrapper .banner-wrap .swiper-btn-next {
    background: url(/mobile/mc/ticket-arrow.74c353a9.png) no-repeat 50%/contain;
    right: .9rem
}

.ticket-popup-wrapper .content-wrapper {
    flex: 1 1 0%;
    overflow-y: auto;
    width: 100%;
    padding: 0 0 .2rem
}

.ticket-popup-wrapper .content-wrapper .title-wrap {
    font-size: .28rem;
    font-weight: 700;
    position: relative;
    color: #fff;
    padding: .1rem .85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-text-stroke: .5px #ffb30b;
    -webkit-text-fill-color: #fff;
    text-align: center
}

.ticket-condition-wrap {
    display: flex;
    flex-direction: column;
    overflow-y: scroll
}

.ticket-condition-wrap .info-text {
    font-size: .24rem;
    color: .24rem;
    margin-top: .3rem;
    text-align: center
}

.ticket-rank-wrap {
    width: 6.1rem;
    height: 2.38rem;
    background: url(/mobile/mc/ticket-rank.0cb66dbb.png) no-repeat 50%/contain;
    margin: .1rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.ticket-rank-wrap .swiper-container {
    width: 4.8rem;
    height: 1.35rem;
    margin-top: .15rem;
    z-index: 0
}

.ticket-rank-wrap .swiper-wrapper {
    display: flex;
    flex-direction: column
}

.ticket-rank-wrap .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    height: .45rem;
    border-bottom: .02rem solid #444122;
    padding: 0 .4rem
}

.ticket-rank-wrap .swiper-slide .item-name {
    color: #fff;
    margin-right: .1rem
}

.ticket-rank-wrap .swiper-slide .item-info {
    color: #fab00c;
    flex: 1 1 0%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: right
}

@keyframes progressAnimationStrike {
    0% {
        width: 0
    }
    to {
        width: attr(aria-valuenow)
    }
}

.temu-condition-wrap {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    padding: .5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .11rem
}

.temu-condition-wrap .close-btn {
    margin-right: .26rem;
    align-self: flex-end
}

.temu-condition-wrap .close-btn svg {
    width: .5rem;
    height: .5rem
}

.temu-condition-wrap .temu-condition-wrapper {
    position: relative;
    width: 6.98rem;
    background: #ffe9c4;
    flex: 1 1 0%;
    padding: 0 .24rem .4rem;
    overflow-y: auto;
    border-radius: .2rem
}

.temu-condition-wrap .temu-condition-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/temu-condition-bg.3b4e4e14.png) no-repeat top/100% auto;
    z-index: 0
}

.temu-condition-wrap .temu-condition-wrapper .arrow-down {
    width: .5rem;
    height: .5rem;
    background: url(/mobile/mc/down-icon.293f08cc.png) no-repeat;
    filter: hue-rotate(150deg);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    border-radius: .26rem;
    bottom: .6rem;
    background-size: 100% auto;
    animation: flashTemu 5s;
    animation-iteration-count: infinite;
    z-index: 2
}

.temu-condition-wrap .condition-header {
    height: 7.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.temu-condition-wrap .condition-header:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/temu-condition-amount-bg.50b2d930.png) no-repeat bottom/cover;
    left: 0
}

.temu-condition-wrap .condition-header .header-img {
    margin-top: -.73rem;
    position: relative
}

.temu-condition-wrap .condition-header .header-img:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 4.24rem;
    height: 4.24rem;
    background: url(/mobile/mc/temu-history-box-bg.08e8a9fd.gif) no-repeat 50%/contain;
    z-index: 1
}

.temu-condition-wrap .condition-header .header-img img {
    position: relative;
    z-index: 2;
    width: 4.24rem;
    aspect-ratio: 1/1
}

.temu-condition-wrap .condition-header .condition-title {
    padding: 0 .4rem;
    height: 1.65rem;
    margin-top: .52rem;
    position: relative;
    z-index: 2;
    color: #f8600e;
    text-shadow: 0 0 .1rem #fff;
    font-size: .72rem;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.temu-condition-wrap .condition-header .condition-title span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5;
    line-height: 1.1
}

@supports(-webkit-line-clamp:2) {
    .temu-condition-wrap .condition-header .condition-title span {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.temu-condition-wrap .condition-header .header-amount {
    position: relative;
    z-index: 1;
    color: #feeac7;
    font-size: .28rem;
    font-weight: 600;
    width: 50%;
    margin-top: -.3rem;
    text-align: center;
    min-height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.temu-condition-wrap .condition-count-wrap {
    margin-top: -.5rem;
    width: 100%;
    height: 4.4rem;
    background: url(/mobile/mc/temu-condition-count-bg.ba7e4d82.png) no-repeat 50%/cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1
}

.temu-condition-wrap .condition-count-wrap .count-wrap {
    margin-top: .14rem;
    max-width: calc(100% - 1.8rem);
    height: .66rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABCCAYAAACW2bxLAAAAYUlEQVQYlWWQuRHEMAwDl2jiinP/sTvgXiRaskPM4Oe+fkYhAFFJsSANEQhDQVgKh1cE/ZJ7oJBGUhYR2XJpSLnSrNE+Lrj7vSnTStwbKKReO5xt56ztgy5inZGngc9NwB948ESfqodsNQAAAABJRU5ErkJggg==) repeat-x 0/contain;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    font-size: .28rem;
    font-weight: 600;
    color: #fff2dc;
    position: relative
}

.temu-condition-wrap .condition-count-wrap .count-wrap.disable {
    filter: grayscale(100%)
}

.temu-condition-wrap .condition-count-wrap .count-wrap:before {
    content: "";
    position: absolute;
    left: -.9rem;
    top: 0;
    width: .9rem;
    height: .66rem;
    background: url(/mobile/mc/temu-time-bg1.7e5e581e.png) no-repeat 0 0/contain
}

.temu-condition-wrap .condition-count-wrap .count-wrap:after {
    content: "";
    position: absolute;
    right: -.9rem;
    top: 0;
    width: .9rem;
    height: .66rem;
    background: url(/mobile/mc/temu-time-bg3.4912ad8a.png) no-repeat 100% 0/contain
}

.temu-condition-wrap .condition-count-wrap .count-wrap .time {
    position: relative;
    display: flex;
    align-items: center;
    gap: .16rem
}

.temu-condition-wrap .condition-count-wrap .count-wrap .time:before {
    content: "";
    width: .32rem;
    height: .32rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAQlBMVEUAAAD/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8tz/8twqAlcQAAAAFXRSTlMAkPPblioN0frxp6QSiGMuN2FHvGy5lNDwAAAAvklEQVQ4y4WT6w7DIAhGv+G1au1l4/1fdUmzONSGnn/GowIC/pSaAzFTyEfBzJYiN2Jy6PGWB6yHwBmeMOKSfeEblr2dF/tEwnC/94241/erS5DxvYCXjPTKj0dB4AAkTUhAiZoQCyprAh/IupARdCGAdIHAo/DhjkF4A1h7gXpjHQxCYNUIyHxjWJFm5RvjbIvaSi2wZxClRmKFdH23wtY1zIztWm7GeNm0M4t7bnt9cJ5GTx/eDYJp/GtB4ws7KzwSr7/v7wAAAABJRU5ErkJggg==) no-repeat 50%/contain
}

.temu-condition-wrap .condition-count-wrap .count-wrap .txt {
    flex: 1 1 0%;
    word-break: break-word
}

.temu-condition-wrap .condition-count-wrap .progress-wrap {
    width: calc(100% - 1.2rem);
    margin-top: .27rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .12rem
}

.temu-condition-wrap .condition-count-wrap .progress-wrap .progress-target {
    color: #f44a15;
    font-size: .82rem;
    line-height: .94rem;
    display: flex;
    align-items: flex-end
}

.temu-condition-wrap .condition-count-wrap .progress-wrap .progress-target .currency,
.temu-condition-wrap .condition-count-wrap .progress-wrap .progress-target .small {
    font-size: .54rem
}

.temu-condition-wrap .condition-count-wrap .progress-item {
    width: 100%;
    height: .22rem;
    background: #feeac7 0 0 no-repeat padding-box;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    position: relative
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-done {
    height: 100%
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-done span {
    width: 100%;
    display: flex;
    height: 100%;
    background: transparent linear-gradient(90deg, #fb4605, #ff9503) 0 0 no-repeat padding-box;
    border-radius: .5rem;
    animation: temuAnimationStrike 1.5s ease-in
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-info {
    position: absolute;
    right: -.34rem;
    bottom: .39rem;
    background: transparent linear-gradient(90deg, #fb4605, #ff9503) 0 0 no-repeat padding-box;
    border-radius: .2rem .05rem .2rem .05rem;
    font-size: .2rem;
    font-weight: 600;
    color: #ffe9c7;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .14rem .1rem;
    max-width: 1.25rem;
    word-break: break-word;
    animation: progressInfo 3s infinite;
    text-align: center
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-info span {
    position: relative
}

.temu-condition-wrap .condition-count-wrap .progress-item .progress-info span:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -.26rem;
    transform: translateX(-50%);
    width: .2rem;
    height: .12rem;
    background: linear-gradient(90deg, #fb4605, #ff9503);
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    display: flex
}

.temu-condition-wrap .condition-count-wrap .current-info {
    margin-top: .08rem;
    font-size: .24rem;
    font-weight: 600;
    color: #64401f
}

.temu-condition-wrap .condition-count-wrap .current-info label {
    color: #e22e25
}

.temu-condition-wrap .condition-count-wrap .current-button {
    margin-top: .04rem;
    width: 100%;
    height: 1.06rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff3dd;
    font-size: .28rem;
    font-weight: 900;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    background: url(/mobile/mc/temu-condition-button.60aa17af.png) no-repeat 50%/contain
}

.temu-condition-wrap .condition-count-wrap .current-button.done {
    background: url(/mobile/mc/temu-condition-button-done.77fcc44a.png) no-repeat 50%/contain
}

.temu-condition-wrap .condition-count-wrap .current-button.disable {
    background: url(/mobile/mc/temu-condition-button-disable.71e0b551.png) no-repeat 50%/contain
}

.temu-condition-wrap .condition-count-wrap .current-button.disable:after {
    display: none
}

.temu-condition-wrap .condition-count-wrap .current-button:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1.46rem;
    height: 1.46rem;
    background: url(/mobile/mc/temu-condition-button-img.0ba1c581.png) no-repeat 50%/cover
}

.temu-condition-wrap .condition-tab-wrapper {
    position: relative;
    z-index: 1;
    background: #ffe9c4;
    margin-top: .24rem
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar {
    background: #ffd89a 0 0 no-repeat padding-box;
    border-radius: .15rem .15rem 0 0;
    font-size: .28rem;
    font-weight: 900;
    overflow: hidden
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab {
    min-height: .94rem;
    height: auto;
    background-color: transparent;
    color: #73491d;
    border-bottom: none;
    position: relative;
    line-height: 1.2;
    padding: 0 .1rem;
    text-align: center
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .02rem;
    height: .54rem;
    background: #e8c083 0 0 no-repeat padding-box
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab.am-tabs-tab-active {
    color: #e22e25;
    position: relative
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-bar .am-tabs-tab.am-tabs-tab-active:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0;
    border-left: .16rem solid transparent;
    border-right: .16rem solid transparent;
    border-bottom: .2rem solid #fff8e4
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-ink-bar {
    display: none !important
}

.temu-condition-wrap .condition-tab-wrapper .am-tabs-content .am-tabs-tabpane {
    background-color: #fff6e5;
    padding: .22rem .15rem;
    border-radius: 0 0 .15rem .15rem
}

.temu-condition-wrap .member-detail-content {
    color: #b8a06c;
    font-size: .24rem;
    font-weight: 600
}

.temu-condition-wrap .member-detail-content img {
    max-width: 100%;
    object-fit: contain
}

.temu-task-wrapper {
    color: #b8a06c;
    font-size: .24rem;
    font-weight: 600;
    display: flex;
    flex-direction: column
}

.temu-task-wrapper .table-row {
    display: flex;
    align-items: stretch;
    min-height: .74rem;
    background: #fff
}

.temu-task-wrapper .table-row:nth-child(odd) {
    background: #faf5ed
}

.temu-task-wrapper .table-row.table-header {
    background: #feeac1;
    text-align: center;
    color: #73491d
}

.temu-task-wrapper .table-row.table-header .table-item {
    justify-content: center
}

.temu-task-wrapper .table-row.table-header .table-item:last-child {
    border-left: .02rem solid #fff
}

.temu-task-wrapper .table-item {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    padding: 0 .28rem
}

.temu-task-wrapper .table-item:last-child {
    flex: 0 0 35%;
    border-left: .02rem solid #eee8d0;
    justify-content: flex-end
}

.temu-task-condition {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .16rem
}

.temu-task-condition .condition-item-wrap {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    background: #fff;
    border-radius: 0 0 .15rem .15rem
}

.temu-task-condition .condition-item {
    width: 100%;
    min-height: 1.86rem;
    background: #ffebc1;
    border-radius: .15rem;
    padding: .22rem .18rem .22rem .08rem;
    display: flex;
    align-items: center;
    gap: .2rem;
    color: #826849;
    font-size: .22rem;
    position: relative
}

.temu-task-condition .condition-item:after,
.temu-task-condition .condition-item:before {
    content: "";
    position: absolute;
    width: .22rem;
    height: .22rem;
    border-radius: 50%;
    background: #fff6e5
}

.temu-task-condition .condition-item:before {
    top: -.11rem;
    left: 1.48rem
}

.temu-task-condition .condition-item:after {
    bottom: -.11rem;
    left: 1.48rem
}

.temu-task-condition .condition-item .item-info {
    flex: 1 1 0%;
    padding-left: 1.79rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .05rem;
    word-break: break-word
}

.temu-task-condition .condition-item .item-info:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.4rem;
    min-height: 1.41rem;
    height: 100%;
    background: url(/mobile/mc/temu-condition-icon6.d0a82ac4.png) no-repeat 50%/contain;
    border-right: .02rem dashed #73491e;
    padding-right: .09rem
}

.temu-task-condition .condition-item .item-info.bank:before {
    background: url(/mobile/mc/temu-condition-icon4.31d1053b.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.deposit:before {
    background: url(/mobile/mc/temu-condition-icon1.89f71d3d.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.invite:before {
    background: url(/mobile/mc/temu-condition-icon2.edb93f30.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.bet:before {
    background: url(/mobile/mc/temu-condition-icon5.eeb24239.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.phone:before {
    background: url(/mobile/mc/temu-condition-icon3.ae0b90e9.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.share:before {
    background: url(/mobile/mc/temu-condition-icon8.c7b9287d.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info.game:before {
    background: url(/mobile/mc/temu-condition-icon7.b8ccb1e9.png) no-repeat 50%/contain
}

.temu-task-condition .condition-item .item-info label {
    color: #e22e25
}

.temu-task-condition .condition-item .info-title {
    color: #73491d;
    font-size: .28rem;
    font-weight: 600
}

.temu-task-condition .condition-item .info-subtitle {
    text-align: left
}

.temu-task-condition .condition-btn {
    width: .96rem;
    height: .96rem
}

.temu-task-condition .condition-btn.done {
    background: url(/mobile/mc/condition-item-btn-selected.8eb11f90.png) no-repeat 50%/contain
}

.temu-task-condition .condition-btn.disabled {
    background: url(/mobile/mc/condition-item-btn-disable.20bd6dca.png) no-repeat 50%/contain
}

.temu-task-condition .condition-btn.claimable {
    background: url(/mobile/mc/condition-item-btn.05ecd52d.png) no-repeat 50%/contain
}

.temu-task-condition .invite-gift-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .1rem;
    padding: 0 .2rem .4rem;
    max-height: 3.32rem;
    overflow-y: auto
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar {
    width: .08rem;
    background-color: #f1e0d5;
    border-radius: .3rem
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar-thumb {
    background-color: #fea301;
    border-radius: .3rem
}

.temu-task-condition .invite-gift-wrap::-webkit-scrollbar-track {
    background-color: transparent
}

.temu-task-condition .invite-gift-wrap .gift-item {
    width: 1.06rem;
    height: 1.33rem;
    background: url(/mobile/mc/condition-gift.c2cc8155.png) no-repeat top/contain;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.temu-task-condition .invite-gift-wrap .gift-item.checked {
    background: url(/mobile/mc/condition-gift2.c4a8f427.png) no-repeat top/contain
}

.temu-task-condition .invite-gift-wrap .gift-num {
    min-width: .72rem;
    height: .28rem;
    background: #f4ebdd;
    border-radius: .15rem;
    color: #73491e;
    font-size: .2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

@keyframes temuAnimationStrike {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes progressInfo {
    0% {
        transform: translateY(-.2rem)
    }
    50% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-.2rem)
    }
}

@keyframes flashTemu {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.ticket-condition-wrap {
    display: flex;
    flex-direction: column;
    overflow-y: scroll
}

.ticket-condition-wrap .info-text {
    font-size: .24rem;
    color: .24rem;
    margin-top: .3rem;
    text-align: center
}

.ticket-condition-wrap .ticket-condition-list {
    overflow-y: scroll;
    max-height: calc(100vh - .73rem);
    height: calc(var(--vh, 1vh)*100 - 3.73rem);
    margin-top: .5rem;
    display: flex;
    gap: .24rem;
    flex-direction: column;
    align-items: center
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item {
    display: flex;
    flex-direction: column;
    width: 5.8rem;
    background-color: #5f5f5f;
    border-radius: .13rem;
    padding: .3rem .43rem
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .1rem
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-bottom {
    padding: 0;
    display: flex;
    flex-direction: column
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-bottom .item-data {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    padding: 0 .2rem
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-title {
    flex: 1 1 0%;
    word-break: break-word;
    font-size: .24rem;
    line-height: .33rem
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-title .yellow {
    color: #fab00c
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-button {
    padding: 0 .1rem;
    display: flex;
    align-items: center;
    justify-items: center;
    min-width: 1.5rem;
    height: .5rem;
    box-shadow: 0 .03rem .06rem #00000029;
    border-radius: .25rem;
    max-width: 50%;
    justify-content: center;
    font-size: .24rem;
    background: transparent linear-gradient(179deg, #f5b819, #f2a11f 30%, #eb6a2d) 0 0 no-repeat padding-box;
    text-align: center
}

.ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-button.done {
    background: transparent linear-gradient(180deg, #4a4949, #313131) 0 0 no-repeat padding-box
}

.ticket-share-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 100030;
    display: flex;
    align-items: center;
    justify-content: center
}

.ticket-share-wrapper.popList {
    position: fixed;
    left: 0
}

.ticket-share-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    z-index: 100011
}

.ticket-share-wrapper .share-wrap {
    position: relative;
    z-index: 100030;
    width: 5.8rem;
    background: #000 0 0 no-repeat padding-box;
    border: .03rem solid #8d8d8d;
    border-radius: .32rem;
    padding: .45rem .32rem .32rem;
    max-height: 90vh;
    max-height: calc(var(--vh, 1vh)*90);
    overflow-y: auto
}

.ticket-share-wrapper .close-btn {
    position: absolute;
    top: .35rem;
    right: .3rem
}

.ticket-share-wrapper .close-btn svg {
    width: .44rem;
    height: .44rem
}

.ticket-share-wrapper .share-title {
    font-size: .32rem;
    color: #efefef;
    text-align: center;
    padding: 0 .77rem
}

.ticket-share-wrapper .share-message {
    margin-top: .31rem;
    background: #4b4b4b 0 0 no-repeat padding-box;
    border-radius: .21rem;
    padding: .29rem .5rem .13rem;
    font-size: .24rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ticket-share-wrapper .share-message .share-item {
    margin-bottom: .12rem;
    width: 49%
}

.ticket-share-wrapper .share-btn {
    width: 100%;
    height: .8rem;
    border-radius: .16rem;
    box-shadow: 0 .03rem .06rem #00000029;
    font-size: .24rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .2rem
}

.ticket-share-wrapper .share-btn svg {
    width: .46rem;
    height: .46rem;
    fill: #fff;
    margin-right: .24rem
}

.ticket-share-wrapper .whatsapp-btn {
    margin-top: .3rem;
    background: transparent linear-gradient(178deg, #22d462, #29ce64 30%, #038937) 0 0 no-repeat padding-box
}

.ticket-share-wrapper .sms-btn {
    background: transparent linear-gradient(178deg, #62e1ff, #1fb1f2 30%, #0085b5) 0 0 no-repeat padding-box
}

.ticket-share-wrapper .facebook-btn {
    background: linear-gradient(180deg, #4496e3, #3581d0 30%, #1565c0)
}

.ticket-share-wrapper .telegram-btn {
    background: linear-gradient(180deg, #71d1ff, #039be5 30%, #0071a8)
}

.ticket-share-wrapper .twitter-btn {
    background: linear-gradient(180deg, #afafaf, #6a6a6a 30%, #3d3d3d)
}

.ticket-share-wrapper .desc-content {
    margin-top: .3rem;
    color: #ffb30b;
    font-size: .24rem;
    text-align: center
}

.ticket-share-wrapper .share-modal-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100032
}

.ticket-share-wrapper .share-modal-wrapper:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 100031
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content {
    position: relative;
    z-index: 100032;
    background: #fff;
    text-align: center;
    height: 100%;
    width: 5.8rem;
    border-radius: .14rem;
    padding-top: .3rem;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-title {
    font-size: .36rem;
    color: #000
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-content {
    font-size: .3rem;
    color: #888;
    padding: 0 .3rem
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-btn {
    display: flex;
    border-top: 1px solid #ddd;
    width: 100%;
    font-weight: 700;
    font-size: .28rem;
    height: 1rem
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-btn .cancel-btn {
    flex: 1 1 0%;
    width: 50%;
    color: #000;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center
}

.ticket-share-wrapper .share-modal-wrapper .share-modal-content .modal-btn .go-btn {
    flex: 1 1 0%;
    color: #108ee9;
    display: flex;
    align-items: center;
    justify-content: center
}

.ticket-list-item {
    width: 77%;
    border-radius: .13rem;
    display: flex;
    flex-direction: column;
    color: #fff
}

.ticket-list-item.light .item-top-wrap {
    background: url(/mobile/mc/reward-bg.bc728363.png) no-repeat 50%/cover, linear-gradient(180deg, #ef5300, #ffab39)
}

.ticket-list-item.light .item-tag {
    background: #c60d0d 0 0 no-repeat padding-box
}

.ticket-list-item.dark .item-top-wrap {
    background: url(/mobile/mc/reward-bg.bc728363.png) no-repeat 50%/cover, linear-gradient(180deg, #435f71, #99adc1)
}

.ticket-list-item.dark .item-tag {
    background: #1d336f 0 0 no-repeat padding-box
}

.ticket-list-item.img-bg {
    background: none;
    position: relative
}

.ticket-list-item.img-bg .item-top-wrap {
    background: none
}

.ticket-list-item .img-bg-wrap {
    border-radius: .13rem;
    top: 0;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ticket-list-item .img-bg-wrap img {
    width: 100%;
    object-fit: cover
}

.ticket-list-item .item-top-wrap {
    min-height: 1.34rem;
    width: 100%;
    padding-right: .5rem;
    border-radius: .13rem .13rem 0 0
}

.ticket-list-item .item-top-wrap.one-row {
    border-radius: .13rem
}

.ticket-list-item .item-top-wrap .item-tag-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: .22rem
}

.ticket-list-item .item-top-wrap .item-tag {
    position: relative;
    min-width: 1.8rem;
    height: .45rem;
    border-radius: .13rem 0 .4rem 0;
    display: flex;
    align-items: center
}

.ticket-list-item .item-top-wrap .item-tag:before {
    content: "";
    width: .8rem;
    height: .8rem;
    display: block;
    margin: -.175rem 0 0 -.24rem
}

.ticket-list-item .item-top-wrap .item-tag.RAFFLE:before {
    background: url(/mobile/mc/reward-redpacket.8083938f.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-tag.CASH_VOUCHER:before {
    background: url(/mobile/mc/reward-cashbox.6edaa189.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-tag.GOLDEN_EGG:before {
    background: url(/mobile/mc/reward-goldegg.be492491.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-tag.GIFT_CODE:before {
    background: url(/mobile/mc/reward-giftbox.87d9cf98.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-tag.PRIZE_WHEEL:before {
    background: url(/mobile/mc/reward-wheel.bd54bd8d.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-tag.FREE_SPIN:before {
    background: url(/mobile/mc/free-spin.ccfd0583.png) no-repeat 50%/contain
}

.ticket-list-item .item-top-wrap .item-count .wysiwyg {
    display: flex;
    align-items: center;
    font-size: .22rem
}

.ticket-list-item .item-top-wrap .item-count .wysiwyg .num {
    position: relative
}

.ticket-list-item .item-top-wrap .item-count .wysiwyg .num:not(:last-child):after {
    content: ":";
    margin: 0 .05rem
}

.ticket-list-item .item-top-content {
    display: flex;
    align-items: center;
    margin: .11rem 0 .22rem
}

.ticket-list-item .item-top-content .item-name {
    flex: 1 1 0%;
    font-size: .3rem;
    font-weight: 700;
    padding-left: .4rem;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .ticket-list-item .item-top-content .item-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.ticket-list-item .item-top-content .item-claim {
    background: transparent linear-gradient(180deg, #ff5800, #ff3b00 30%, #e30000) 0 0 no-repeat padding-box;
    box-shadow: 0 .03rem .06rem #00000029;
    border-radius: .25rem;
    min-height: .5rem;
    width: 1.68rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    font-size: .24rem;
    padding: 0 .15rem;
    text-align: center
}

.ticket-list-item .item-top-content .item-claim.disabled {
    background: transparent linear-gradient(180deg, #818181, #716f6f 30%, #464444) 0 0 no-repeat padding-box;
    color: #b2b2b2
}

.ticket-list-item .item-bottom-wrap {
    width: 100%;
    background: #fff;
    border-radius: 0 0 .13rem .13rem;
    min-height: .53rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.ticket-list-item .item-bottom-wrap:before {
    position: absolute;
    top: .19rem;
    right: .4rem;
    content: "";
    width: .26rem;
    height: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQBAMAAAD6/3KbAAAAJ1BMVEUAAABfX19gYGBeXl5fX19eXl5eXl5dXV1gYGBgYGBeXl5gYGBfX19vXCzzAAAADHRSTlMA8DCgn4DgYEAgbxBXTiavAAAAZUlEQVQI10XJrQ2AUAxF4RsIAgn6CWAOBIMwAiMgGIERGAP7En5Mh+KmpelxJx+0qjkQjXLFlCIyBfGIQcSgxtAoD4no1KInOnUoDI2g6IQfZyXDG0nJMPNIhrz1IRkuL+oN3rl/z0g2MqBkCMkAAAAASUVORK5CYII=) no-repeat 50%/contain;
    transform: rotate(180deg)
}

.ticket-list-item .item-bottom-wrap.on:before {
    transform: rotate(0deg)
}

.ticket-list-item .item-bottom-wrap .bottom-header {
    position: relative;
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #5f5f5f;
    padding: 0 .76rem 0 .4rem
}

.ticket-list-item .condition-wrapper {
    position: relative;
    z-index: 1
}

.ticket-list-item .condition-wrapper .arrow-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap {
    overflow-y: unset
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list {
    height: -webkit-max-content;
    height: max-content;
    max-height: -webkit-max-content;
    max-height: max-content;
    margin-top: .4rem;
    gap: initial
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item {
    background: transparent;
    color: #7c7c7c;
    font-size: .24rem;
    padding: .35rem 0;
    margin: 0 auto;
    width: 5.08rem;
    border-radius: 0;
    flex-direction: row;
    align-items: center;
    gap: .15rem
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item:not(:last-child) {
    border-bottom: .02rem solid #d3d3d3
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top .condition-title {
    flex: 1 1 0%;
    display: flex;
    align-items: center
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top .progress-bar-wrapper {
    flex-direction: row;
    gap: .05rem
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top .progress-bar-wrapper .progress-bar {
    flex: 1 1 0%;
    width: -webkit-max-content;
    width: max-content
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .item-top .item-data {
    flex: initial;
    font-size: .18rem;
    color: #404040
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-button {
    color: #fff;
    position: relative
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-button.done {
    border: .02rem solid #ff7c1c;
    background: transparent;
    color: #ff7c1c
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .ticket-condition-list .ticket-condition-item .condition-button.done:before {
    position: absolute;
    content: "";
    left: -.1rem;
    top: -.17rem;
    width: .32rem;
    height: .32rem;
    background: url(/mobile/mc/reward-completed.fe345450.png) no-repeat 50%/contain
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .progress-bar-wrapper {
    margin-top: .1rem
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .progress-bar-wrapper .progress-bar .am-progress-outer {
    background: #404040 0 0 no-repeat padding-box;
    height: .12rem;
    padding: 0
}

.ticket-list-item .condition-wrapper .ticket-condition-wrap .progress-bar-wrapper .progress-bar .am-progress-bar {
    background: #fab00c 0 0 no-repeat padding-box;
    border-radius: .23rem;
    height: .12rem
}

.cash-voucher-wrap {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    z-index: 100029;
    height: 100%;
    width: 100%;
    top: 0
}

.cash-voucher-wrap.cash-mask:before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    z-index: 100011
}

.cash-voucher-wrap .return-btn {
    position: absolute;
    top: .25rem;
    left: .5rem;
    z-index: 100012
}

.cash-voucher-wrap .return-btn svg {
    fill: #fff
}

.cash-voucher-wrap .cash-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 100011;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden
}

.cash-voucher-wrap .cash-content .cash-box {
    position: relative
}

.cash-voucher-wrap .cash-content .cash-box:before {
    position: absolute;
    content: "";
    width: 6.9rem;
    height: 6.45rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/mobile/mc/circle-light.5eeb409c.png) no-repeat 50%/contain;
    animation: spinWheel 5s infinite linear;
    z-index: -1
}

.cash-voucher-wrap .cash-title {
    font-size: .72rem;
    color: #fef0d6;
    text-shadow: 0 .05rem 0 #992105;
    margin-bottom: .17rem;
    font-weight: 700
}

.cash-voucher-wrap .cash-box {
    width: 6.9rem;
    height: 6.45rem;
    margin: 0 auto;
    background: url(/mobile/mc/cash-box.a7b29b48.webp) no-repeat 50%/contain
}

.cash-voucher-wrap .cash-box.open {
    background: url(/mobile/mc/cash-box-open-stop.ec9522fd.png) no-repeat 50%/contain;
    animation: boxOpen 2s;
    position: relative
}

.cash-voucher-wrap .cash-box .claim-info {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 3.61rem;
    text-align: center;
    width: 100%
}

.cash-voucher-wrap .cash-box .claim-info .claim-title {
    font-size: .3rem;
    color: #891b00
}

.cash-voucher-wrap .cash-box .claim-info .claim-item {
    font-size: .34rem;
    color: #9c4f2e
}

.cash-voucher-wrap .cash-box .claim-info .claim-item .amount-balance-common {
    display: inline-block
}

.cash-voucher-wrap .claim-btn {
    min-width: 4.3rem;
    height: .68rem;
    margin-top: .12rem;
    font-size: .32rem;
    color: #d63000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0 0 no-repeat padding-box;
    border-radius: .34rem
}

.cash-voucher-wrap .claim-btn.close {
    color: #b1b1b1;
    background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838) 0 0 no-repeat padding-box
}

.cash-voucher-wrap .close-button {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    border: .04rem solid #cbcbcb;
    border-radius: 50%;
    position: relative
}

.cash-voucher-wrap .close-button:after {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(45deg)
}

.cash-voucher-wrap .close-button:before {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(-45deg)
}

.progress-wrapper {
    width: 100%
}

.progress-wrapper .money-wrapper {
    height: .72rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-bottom: .18rem
}

.progress-wrapper .money-wrapper .money-current-item {
    position: relative;
    padding: 0 .12rem 0 .87rem;
    font-size: .7rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    height: 100%;
    gap: .12rem
}

.progress-wrapper .money-wrapper .money-current-item:before {
    position: absolute;
    content: "";
    width: .75rem;
    height: .72rem;
    left: 0;
    background: url(/mobile/mc/money.6fc6e424.png) no-repeat 50%/contain
}

.progress-wrapper .money-wrapper .money-item {
    font-size: .32rem;
    font-weight: 700;
    position: relative;
    padding-left: .24rem
}

.progress-wrapper .money-wrapper .money-item:before {
    position: absolute;
    content: "/";
    left: 0
}

.progress-wrapper .get-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    margin: .3rem 0 .2rem
}

.progress-wrapper .get-info .info-num {
    font-size: .3rem;
    color: #ffcf00;
    position: relative;
    padding: 0 .14rem
}

.progress-wrapper .get-info .info-num:before {
    position: absolute;
    content: "!!";
    right: -.14rem;
    color: #fff;
    font-size: .24rem
}

@keyframes boxOpen {
    0% {
        background: url(/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50%/contain
    }
    to {
        background: url(/mobile/mc/cash-box-open-stop.ec9522fd.png) no-repeat 50%/contain
    }
}

.free-spin-wrap {
    position: relative
}

.free-spin-wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/free-spin-coin.0536c7fb.gif) no-repeat 50%/contain;
    z-index: 1
}

.free-spin-wrap .free-box-wrap {
    width: 7.5rem;
    height: 6.25rem;
    margin: 0 auto;
    background: url(/mobile/mc/free-spin-box.6e4de562.webp) no-repeat top/contain;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: .94rem;
    gap: .37rem
}

.free-spin-wrap .free-box-wrap .free-box-title {
    width: 2.2rem;
    max-width: 100%;
    height: .6rem;
    padding: 0 .1rem;
    border-radius: .18rem;
    font-size: .28rem;
    color: #ffcc8d;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.free-spin-wrap .free-box-wrap .free-box-title label {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

.free-spin-wrap .free-box-wrap .free-box-imgs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .06rem;
    margin-top: .27rem
}

.free-spin-wrap .claim-btn-wrapper {
    width: 100%;
    gap: .17rem;
    position: relative;
    z-index: 2;
    flex: 1 1 0%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: .4rem
}

.free-spin-wrap .claim-btn-wrapper.has-desc .claim-btn {
    margin: 0 0 0 .63rem
}

.free-spin-wrap .free-box-img {
    width: 1.7rem;
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.free-spin-wrap .free-box-img:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/mobile/mc/free-spin-game-bg.2c14b1da.png) no-repeat 50%/contain
}

.free-spin-wrap .free-box-img img {
    width: 1.4rem;
    height: 1.4rem;
    object-fit: contain;
    aspect-ratio: 1/1
}

.free-spin-wrap .free-box-name {
    height: .6rem;
    background: #4d4d4d 0 0 no-repeat padding-box;
    border-radius: .3rem;
    color: #acacac;
    font-size: .2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.free-spin-wrap .free-box-name label {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .free-spin-wrap .free-box-name label {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.free-spin-wrap .claim-btn {
    min-width: 4.3rem;
    height: .68rem;
    font-size: .32rem;
    color: #d63000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0 0 no-repeat padding-box;
    border-radius: .34rem
}

.free-spin-wrap .claim-btn.close {
    color: #b1b1b1;
    background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838) 0 0 no-repeat padding-box
}

.free-spin-wrap .claim-tip-icon {
    background: transparent linear-gradient(180deg, #fbffe8, #9ee870 52%, #29904d) 0 0 no-repeat padding-box;
    box-shadow: 0 .03rem .06rem #00000029;
    border-radius: .16rem;
    width: .56rem;
    height: .56rem;
    color: #35690b;
    font-weight: 600;
    font-size: .34rem;
    position: relative
}

.free-spin-wrap .claim-tip-icon:before {
    position: absolute;
    left: 0;
    right: 0;
    content: "?";
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-free-spin .am-modal-content {
    max-height: 90vh;
    max-height: calc(var(--vh, 1vh)*90);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.modal-free-spin .am-modal-header {
    padding: .03rem .51rem .3rem
}

.modal-free-spin .am-modal-body {
    padding: 0 .51rem;
    flex: 1 1 0%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.modal-free-spin .am-modal-body img {
    max-width: 100%
}

.modal-free-spin .modal-spin-info {
    flex: 1 1 0%;
    font-size: .24rem;
    color: #6e6e6e;
    overflow-y: auto
}

.modal-free-spin .am-modal-button {
    border-top: none;
    width: -webkit-max-content;
    width: max-content;
    height: .64rem;
    padding: 0 .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
    background: #fd2f2f;
    font-size: .3rem;
    font-weight: 900;
    color: #fff;
    margin: 0 auto .33rem
}

.free-spin-popup-wrapper {
    position: fixed;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    top: 0;
    z-index: 100030;
    display: flex;
    justify-content: center;
    align-items: center
}

.free-spin-popup-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    z-index: 100011
}

.free-spin-popup-wrapper .free-spin-popup {
    position: absolute;
    z-index: 100012;
    width: 6.5rem;
    max-height: 85vh;
    max-height: calc(var(--vh, 1vh)*85);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #2c2c2c 0 0 no-repeat padding-box;
    border-radius: .2rem;
    padding: .2rem .3rem .56rem
}

.free-spin-popup-wrapper .close-btn {
    align-self: flex-end;
    position: relative;
    top: auto;
    right: auto
}

.free-spin-popup-wrapper .close-btn svg {
    width: .44rem;
    height: .44rem
}

.free-spin-popup-wrapper .popup-title {
    margin-top: .09rem;
    width: 5rem;
    min-height: .68rem;
    border: .02rem solid #9a9a9a;
    border-radius: .34rem;
    font-size: .28rem;
    line-height: .34rem;
    padding: .1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.free-spin-popup-wrapper .popup-info {
    margin: .15rem .5rem .19rem;
    color: #ff4c45;
    font-size: .2rem;
    line-height: .28rem
}

.free-spin-popup-wrapper .popup-list-wrapper {
    flex: 1 1 0%;
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .26rem .16rem;
    padding: 0 .16rem
}

.free-spin-popup-wrapper .popup-list-wrapper .popup-item {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33% - 0.09rem);
    display: flex;
    flex-direction: column;
    gap: .12rem
}

.gift-code-wrap {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    position: fixed;
    z-index: 100029;
    height: 100%;
    width: 100%;
    top: 0
}

.gift-code-wrap.cash-mask:before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    z-index: 100011
}

.gift-code-wrap .return-btn {
    position: absolute;
    top: .25rem;
    left: .5rem;
    z-index: 100012
}

.gift-code-wrap .return-btn svg {
    fill: #fff
}

.gift-code-wrap .cash-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 100011;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden
}

.gift-code-wrap .cash-content .gift-box {
    position: relative
}

.gift-code-wrap .cash-content .gift-box:before {
    position: absolute;
    content: "";
    width: 6.9rem;
    height: 6.45rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(/mobile/mc/giftCode-default-shine.5651f5e1.png) no-repeat 50%/contain;
    animation: lightRotate 2.5s infinite alternate linear;
    z-index: -1
}

.gift-code-wrap .cash-title {
    font-size: .72rem;
    color: #fef0d6;
    text-shadow: 0 .05rem 0 #992105;
    margin-bottom: .17rem;
    font-weight: 700
}

.gift-code-wrap .gift-box {
    width: 6.9rem;
    height: 6.45rem;
    margin: 0 auto;
    background: url(/mobile/mc/giftCode-default.5690a47d.webp) no-repeat 50%/contain
}

.gift-code-wrap .gift-box.open {
    background: url(/mobile/mc/giftCode-open.512b312e.png) no-repeat 50%/contain;
    position: relative
}

.gift-code-wrap .gift-box.open:before {
    animation: rotate 3s infinite linear, open 1s;
    z-index: auto;
    background: url(/mobile/mc/giftCode-open-shine.82c33298.png) no-repeat 50%/contain
}

.gift-code-wrap .gift-box .claim-info {
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    text-align: center;
    width: 100%;
    padding: .3rem;
    border-radius: .1rem;
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6) 50%, hsla(0, 0%, 100%, 0));
    -webkit-backdrop-filter: blur(.03rem);
    backdrop-filter: blur(.03rem);
    justify-content: center
}

.gift-code-wrap .gift-box .claim-info .claim-title {
    font-size: .3rem
}

.gift-code-wrap .gift-box .claim-info .claim-item {
    position: relative;
    font-size: .34rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.gift-code-wrap .gift-box .claim-info .claim-item .gift {
    font-size: .48rem;
    font-weight: 900;
    text-shadow: 0 .05rem .09rem rgba(0, 0, 0, .41);
    color: #000
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-image {
    width: 4.2rem;
    height: auto;
    max-height: 4.2rem;
    margin-bottom: .2rem
}

.gift-code-wrap .gift-box .claim-info .claim-item .stroke-content {
    -webkit-text-stroke: .02rem #fff;
    -webkit-text-fill-color: #000
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-image {
    min-height: 1rem
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-loss {
    display: block;
    background-image: url(/mobile/mc/loss-message.4b71a08e.png);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 1.4rem;
    min-height: 1.41rem;
    margin-bottom: .1rem
}

.gift-code-wrap .gift-box .claim-info .claim-item .stroke-loss {
    text-shadow: 0 .05rem .09rem rgba(0, 0, 0, .41)
}

.gift-code-wrap .gift-box .claim-info .claim-item .gift-btn {
    margin-top: .2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    padding: .12rem .5rem;
    font-size: .32rem;
    justify-content: center;
    align-items: center;
    border-radius: .7rem;
    border: .03rem solid #ffd269;
    background: linear-gradient(180deg, #a9f62e, #1fa91b);
    box-shadow: 0 .08rem .13rem 0 rgba(0, 0, 0, .6), 0 .03rem 0 0 rgba(0, 0, 0, .25), inset 0 .03rem .09rem 0 #446a0d, inset 0 .05rem .14rem 0 #d7ff98, inset 0 -.04rem .03rem 0 #2f7209;
    color: #fff;
    -webkit-text-stroke-width: .02rem;
    -webkit-text-stroke-color: #2f7539;
    font-weight: 900
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-code-title {
    color: #000;
    text-align: center;
    font-size: .6rem;
    font-weight: 900;
    text-transform: uppercase
}

.gift-code-wrap .gift-box .claim-info .claim-item .claim-content,
.gift-code-wrap .gift-box .claim-info .claim-item .loss-content {
    color: #000;
    text-align: center;
    text-shadow: 0 .05rem .09rem rgba(0, 0, 0, .41);
    font-size: .48rem;
    font-weight: 900
}

.gift-code-wrap .gift-box .claim-info .claim-item .loss-content {
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: .24rem
}

.gift-code-wrap .gift-box .claim-info .claim-item .loss-content.stroke-content {
    -webkit-text-stroke: .5px #fff;
    -webkit-text-fill-color: #000
}

.gift-code-wrap .claim-btn {
    padding: .12rem 0;
    height: .68rem;
    margin-top: .12rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0 0 no-repeat padding-box;
    border-radius: .34rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    text-align: right;
    font-size: .32rem;
    font-weight: 900
}

.gift-code-wrap .claim-btn.close {
    color: #b1b1b1;
    background: transparent linear-gradient(180deg, #9f9f9f, #6c6c6c 50%, #383838) 0 0 no-repeat padding-box
}

.gift-code-wrap .close-button {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    border: .04rem solid #cbcbcb;
    border-radius: 50%;
    position: relative
}

.gift-code-wrap .close-button:after {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(45deg)
}

.gift-code-wrap .close-button:before {
    width: .25rem;
    height: 0;
    border: 1px solid #cbcbcb;
    content: "";
    position: absolute;
    right: .12rem;
    z-index: 99;
    top: 48%;
    transform: rotate(-45deg)
}

.progress-wrapper {
    width: 100%
}

.progress-wrapper .money-wrapper {
    height: .72rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    margin-bottom: .18rem
}

.progress-wrapper .money-wrapper .money-current-item {
    position: relative;
    padding: 0 .12rem 0 .87rem;
    font-size: .7rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    height: 100%;
    gap: .12rem
}

.progress-wrapper .money-wrapper .money-current-item:before {
    position: absolute;
    content: "";
    width: .75rem;
    height: .72rem;
    left: 0;
    background: url(/mobile/mc/money.6fc6e424.png) no-repeat 50%/contain
}

.progress-wrapper .money-wrapper .money-item {
    font-size: .32rem;
    font-weight: 700;
    position: relative;
    padding-left: .24rem
}

.progress-wrapper .money-wrapper .money-item:before {
    position: absolute;
    content: "/";
    left: 0
}

.progress-wrapper .get-info {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    margin: .3rem 0 .2rem
}

.progress-wrapper .get-info .info-num {
    font-size: .3rem;
    color: #ffcf00;
    position: relative;
    padding: 0 .14rem
}

.progress-wrapper .get-info .info-num:before {
    position: absolute;
    content: "!!";
    right: -.14rem;
    color: #fff;
    font-size: .24rem
}

@keyframes lightRotate {
    0% {
        scale: .6;
        transform: rotate(0deg)
    }
    to {
        scale: 1;
        transform: rotate(1turn)
    }
}

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

@keyframes open {
    0% {
        scale: 0
    }
    to {
        scale: 1
    }
}

@keyframes boxOpen {
    0% {
        background: url(/mobile/mc/cash-box-open.1545ea8a.webp) no-repeat 50%/contain
    }
    to {
        background: url(/mobile/mc/cash-box-open-stop.ec9522fd.png) no-repeat 50%/contain
    }
}

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

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes rain {
    0% {
        transform: translate3d(0, -100%, 0)
    }
    to {
        transform: translate3d(15%, 100%, 0)
    }
}

.red-envelope-wrap .rain {
    display: block;
    position: absolute;
    z-index: 190;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transform: translate3d(0, -100%, 0);
    animation: rain linear infinite
}

.red-envelope-wrap .rain.foreground {
    background: url(/mobile/mc/rain.fb3661f8.png) no-repeat;
    animation-duration: 5s;
    background-size: 100% auto
}

.red-envelope-wrap .rain.second {
    background: url(/mobile/mc/rain.fb3661f8.png) no-repeat;
    animation-duration: 3s;
    animation-delay: 1.5s;
    background-size: 100% auto
}

.red-envelope-wrap .red-envelope-rain-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 12;
    top: 0;
    background: linear-gradient(4deg, rgba(0, 0, 0, .65), rgba(40, 40, 40, .65))
}

.red-envelope-wrap .amount-modal,
.red-envelope-wrap .ing-modal,
.red-envelope-wrap .wait-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999
}

.red-envelope-wrap .amount-modal .red-envelope-rain-mask,
.red-envelope-wrap .ing-modal .red-envelope-rain-mask,
.red-envelope-wrap .wait-modal .red-envelope-rain-mask {
    background: rgba(0, 0, 0, .85)
}

.red-envelope-wrap .amount-modal .red-envelope-rain-title,
.red-envelope-wrap .ing-modal .red-envelope-rain-title,
.red-envelope-wrap .wait-modal .red-envelope-rain-title {
    position: relative;
    z-index: 99
}

.red-envelope-wrap .amount-modal .red-envelope-rain-title>img,
.red-envelope-wrap .ing-modal .red-envelope-rain-title>img,
.red-envelope-wrap .wait-modal .red-envelope-rain-title>img {
    position: relative;
    height: auto;
    right: .2rem;
    top: 0;
    width: 110%
}

.red-envelope-wrap .amount-modal .countdown,
.red-envelope-wrap .ing-modal .countdown,
.red-envelope-wrap .wait-modal .countdown {
    text-align: center;
    z-index: 99;
    position: relative
}

.red-envelope-wrap .amount-modal .countdown>h3,
.red-envelope-wrap .ing-modal .countdown>h3,
.red-envelope-wrap .wait-modal .countdown>h3 {
    font-weight: 700;
    color: #fff;
    font-size: .48rem
}

.red-envelope-wrap .amount-modal .countdown>h4,
.red-envelope-wrap .ing-modal .countdown>h4,
.red-envelope-wrap .wait-modal .countdown>h4 {
    font-weight: 500;
    color: #fff;
    margin-top: .4rem;
    font-size: .3rem
}

.red-envelope-wrap .amount-modal .countdown>h4>.text-label,
.red-envelope-wrap .ing-modal .countdown>h4>.text-label,
.red-envelope-wrap .wait-modal .countdown>h4>.text-label {
    display: inline-block;
    vertical-align: middle
}

.red-envelope-wrap .amount-modal .countdown>h4>.second-label,
.red-envelope-wrap .ing-modal .countdown>h4>.second-label,
.red-envelope-wrap .wait-modal .countdown>h4>.second-label {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: .48rem;
    color: #ffea00;
    padding: 0 .3em
}

.red-envelope-wrap .amount-modal .countdown>p,
.red-envelope-wrap .ing-modal .countdown>p,
.red-envelope-wrap .wait-modal .countdown>p {
    font-weight: 700;
    font-family: SF Pro Display, SF Pro Icons, AOS Icons, Helvetica Neue For Number, Roboto Mono, PingFang SC, Arial, sans-serif;
    margin-top: .4rem;
    color: #ffea00;
    font-size: 4rem
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount {
    min-height: 4rem;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    z-index: 99;
    transform: translate(-50%, -40%)
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount.zoomIn,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount.zoomIn,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount.zoomIn {
    animation: zoomIn 1s forwards linear
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-bg,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-bg,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-bg {
    width: 100%
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .close-amount,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .close-amount,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .close-amount {
    width: .8rem;
    height: .8rem;
    margin-top: .6rem;
    margin-left: .22rem
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount div,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount div,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount div {
    text-align: center
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-container,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-container,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-container {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 100%;
    color: #b27008;
    transform: translate(-50%, -50%)
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-container .message,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-container .message,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-container .message {
    margin-bottom: .3rem;
    max-width: 64%;
    text-align: center;
    margin: 0 auto
}

.red-envelope-wrap .amount-modal .red-envelope-rain-amount .amount-container span,
.red-envelope-wrap .ing-modal .red-envelope-rain-amount .amount-container span,
.red-envelope-wrap .wait-modal .red-envelope-rain-amount .amount-container span {
    font-size: .8rem;
    font-weight: 700
}

.red-envelope-wrap .ing-modal .countdown,
.red-envelope-wrap .wait-modal .countdown {
    margin-top: .9rem
}

.red-envelope-wrap .ing-modal .countdown>p,
.red-envelope-wrap .wait-modal .countdown>p {
    line-height: 1
}

.ticket-game-wrap {
    width: 100%
}

.ticket-game-wrap .red-envelope-wrapper {
    display: inline-block;
    text-align: center;
    width: 100%
}

.ticket-game-wrap .red-envelope-wrapper .red-envelope-img {
    width: 6.9rem;
    height: 6.45rem;
    background: url(/mobile/mc/ticket-type-redenvelope.4170bcbf.webp) no-repeat top/contain;
    margin: 0 auto
}

.ticket-game-wrap .gold-egg-wrapper {
    width: 100%;
    margin: .32rem 0 0
}

.ticket-game-wrap .gold-egg-wrapper .getEgg_container {
    width: 100%;
    text-align: center
}

.ticket-game-wrap .gold-egg-wrapper .getEgg_container .ticket_message.messageOpen {
    transform: translate(-50%, -50%) scale(.8)
}

.ticket-game-wrap .gold-egg-wrapper .getEgg_container .ticket_message.messageOpen .lossMessage {
    color: #332b28 !important
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root {
    position: relative;
    height: auto
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul {
    top: auto;
    position: relative
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root ul li {
    transform: scale(.8);
    margin: 0 .18rem
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root .egg_root:before {
    position: absolute;
    content: "";
    width: 2.96rem;
    height: 2.96rem;
    background: url(/mobile/mc/ticket-type-egg-bg.7837b184.png) no-repeat top/contain;
    z-index: -1;
    bottom: -.36rem;
    left: -.7rem
}

.ticket-game-wrap .gold-egg-wrapper .gold_egg_root .claim-btn {
    margin: .3rem auto 0
}

.ticket-game-wrap .gold-egg-wrapper .message_mask.messageOpen {
    top: 0
}

.ticket-game-wrap .prize-wheel-wrapper {
    width: 100%;
    display: inline-block;
    text-align: center
}

.ticket-game-wrap .prize-wheel-wrapper .wheel_container {
    position: relative;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .wheel_container .message_mask.messageOpen {
    top: 0;
    background: rgba(0, 0, 0, .8)
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root {
    position: relative;
    width: inherit;
    height: inherit
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg {
    background: url(/mobile/mc/ticket-type-wheel.3f6f849e.png) no-repeat 50%/contain;
    position: relative;
    width: 6.9rem;
    height: 6.45rem;
    margin: 0 auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 6.9rem;
    height: 6.45rem;
    background: url(/mobile/mc/ticket-type-wheel-bg.b5425f7d.png) no-repeat 50%/contain;
    z-index: -1;
    animation: spinWheel 5s infinite linear
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 6.9rem;
    height: 6.45rem;
    background: url(/mobile/mc/ticket-type-wheel-bg2.c696e6db.png) no-repeat 50%/contain;
    z-index: -1;
    animation: pointShow 2s infinite linear
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content {
    top: 1.1rem;
    left: .05rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-0 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-0 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-0 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-0 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-1 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-1 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-1 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-1 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-2 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-2 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-2 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-2 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-3 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-3 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-3 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-3 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-4 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-4 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-4 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-4 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-5 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-5 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-5 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-5 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-6 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-6 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-6 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-6 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-7 .rewardItem {
    height: 25%
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-7 .rewardItem .prize_message {
    display: flex;
    flex-direction: row;
    transform: rotate(90deg);
    width: 1.25rem;
    color: #000
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-7 .rewardItem .prize_message span {
    font-size: .18rem;
    height: auto
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .wheel_content li.item-7 .rewardItem .prize_message .prize_item {
    order: -1;
    max-width: .4rem;
    height: .32rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .wheel_bg .start_wheel {
    width: .9rem;
    height: 1.22rem;
    bottom: 2.8rem;
    left: 3.05rem
}

.ticket-game-wrap .prize-wheel-wrapper .prize_wheel_root .claim-btn {
    margin-top: -.2rem
}

.ticket-game-wrap .gift-code-wrapper {
    margin-top: 0
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap {
    position: relative
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap.cash-mask .cash-content {
    z-index: 100011
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap .cash-content {
    position: relative;
    z-index: auto
}

.ticket-game-wrap .gift-code-wrapper .gift-code-wrap .cash-content .cash-box:before {
    top: 1rem
}

.ticket-game-wrap .cash-voucher-wrapper {
    margin-top: -.4rem
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap {
    position: relative
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap.cash-mask .cash-content {
    z-index: 100011
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap .cash-content {
    position: relative;
    z-index: auto
}

.ticket-game-wrap .cash-voucher-wrapper .cash-voucher-wrap .cash-content .cash-box:before {
    top: 1rem
}

.ticket-game-wrap .claim-btn {
    min-width: 3.52rem;
    margin-top: .1rem;
    font-size: .28rem;
    color: #d63000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: transparent linear-gradient(180deg, #fff, #f7c163 50%, #f2b03e) 0 0 no-repeat padding-box;
    height: .56rem;
    border-radius: .3rem
}

@keyframes spinWheel {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes pointShow {
    0% {
        opacity: 1
    }
    to {
        opacity: .8
    }
}

.notification-container-v2 {
    min-height: 1.5rem;
    z-index: 99999;
    top: .2rem;
    background: hsla(0, 0%, 100%, .85);
    box-shadow: .02rem .02rem .02rem hsla(0, 0%, 100%, .3);
    padding: .3rem .4rem .3rem .9rem;
    width: 100%;
    border-radius: .1rem
}

.notification-container-v2 .notification-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(100% - 1.8rem);
    max-height: 1.1rem;
    line-height: 1.2
}

.notification-container-v2:before {
    content: "";
    width: .08rem;
    height: 79%;
    background: #0096fb;
    position: absolute;
    left: .12rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: .1rem
}

.notification-container-v2 .ncv-icon {
    background-size: .5rem auto;
    background-position-y: .06rem;
    width: .5rem;
    height: .58rem;
    position: absolute;
    left: .3rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: .1rem
}

.notification-container-v2 .title {
    font-size: .24rem;
    font-weight: 700;
    color: #333
}

.notification-container-v2 .notification-message-mc {
    position: relative;
    font-size: .24rem;
    color: #333;
    visibility: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.5
}

@supports(-webkit-line-clamp:2) {
    .notification-container-v2 .notification-message-mc {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.notification-container-v2 .notification-message-mc.rerender {
    visibility: visible
}

.notification-container-v2 .close {
    display: inline-block;
    top: .19rem;
    right: .19rem;
    color: #c4c4c4;
    position: absolute
}

.notification-container-v2 .close svg {
    fill: #969696;
    width: .64rem;
    height: .64rem;
    overflow: initial
}

.notification-container {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    max-height: calc(100% - .3rem);
    overflow-x: hidden;
    overflow-y: auto;
    width: calc(100% - .2rem);
    padding: 0 .15rem .5rem
}

.notification-container.notification-container-empty {
    display: none
}

.notification-container .notification {
    box-sizing: border-box;
    border-radius: .02rem;
    color: #fff;
    background-color: #ccc;
    box-shadow: 0 0 .12rem #999;
    cursor: pointer;
    font-size: .24rem;
    line-height: 1.2;
    position: relative;
    opacity: .9;
    margin-top: .15rem;
    min-height: 1.5rem;
    width: 100%
}

.notification-container .notification .title {
    font-weight: 700;
    margin: 0 0 .05rem
}

.notification:focus,
.notification:hover {
    opacity: 1
}

.notification-enter {
    visibility: hidden;
    transform: translate3d(100%, 0, 0)
}

.notification-enter.notification-enter-active {
    visibility: visible;
    transform: translateZ(0);
    transition: all .4s
}

.notification-leave {
    visibility: visible;
    transform: translateZ(0)
}

.notification-leave.notification-leave-active {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
    transition: all .4s
}

.notification:before {
    position: absolute;
    top: 50%;
    left: .15rem;
    margin-top: -.14rem;
    display: block;
    font-family: Notification;
    width: .28rem;
    height: .28rem;
    font-size: .28rem;
    text-align: center;
    line-height: .28rem
}