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

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
@-webkit-keyframes cirle-anim {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

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

.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;
    -webkit-transform: translate(-50%, -50%);
    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
}

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

.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.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 .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 .invite-list-icon {
    color: #fff
}

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

#root .mc-navbar-blue {
    top: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    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-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 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
}

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

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

    .embedded-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;
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
        background-color: hsla(0, 0%, 44%, .9);
        border-bottom-right-radius: .2em;
        border-bottom-left-radius: .2em
    }

    .embedded-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 .hide-btn.landscape {
        top: calc(50% - .15rem) !important;
        left: -.3rem
    }

    .remove-font-size.large-2 #root .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 .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 .hide-btn {
    display: none !important
}

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

.embedded-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 .hide-btn:after {
    content: "";
    position: absolute;
    left: -.2rem;
    top: -.1rem;
    right: -.2rem;
    bottom: -.2rem
}

.embedded-launch .hide-btn .am-icon {
    width: .3rem;
    height: .3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -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
    }
}

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

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

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

.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 .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 .hide-btn {
    -webkit-animation: hide-btn-show .25s ease forwards;
    animation: hide-btn-show .25s ease forwards
}

.remove-font-size #root #mc-header.anim-show {
    -webkit-animation: header-show .25s ease forwards;
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 0 !important
}

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

.remove-font-size #root .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;
    margin-right: 15px
}

.remove-font-size #root .am-navbar-right .records {
    height: 36px !important;
    position: absolute;
    top: 50%;
    line-height: 36px;
    -webkit-transform: translateY(-50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB0klEQVRYR+2Xv0uVYRTHP9+/QCkccpNaNBDd+jEU/Qk5ughJJBi42qDWUltRhKRDi0u0NARNmg0iCkXQouKgSy2JCu3fOPC+8Ha9rz73+sLbcF84vHDv85zzuef5PuecK2p+VHN8OgAtZcD2ANAHdBUsTvG4YLuStlOP9kwA2/3AXWAEGE50vAa8Az5J2j1tz6kAth8CLxODli2bk/S47MtSANtvgPvnDJ5vXwEmJO00+msKYPsOsFxR8NzNU0mPUgGeA1MVA2xJCj3985Rl4DNwu2IAJJ2I998CLALjFWfgh6TB1CMYA95WDDAt6VkSQCyyvQSMVgSxIelaM19lGpiN4mH7ATAJXG0T5CfwKn657agD80kZsB23IEroa0nfbc9mtyL1ZqwCYe+BQ+BJaKqVW5CL8Ah4AXyU9NX2ENAN3CrJyJf4XNKq7SvZEUY17QXOLcJ14AOwCexJ2itC2A6wALwM3AOuN0B2RNiWCGck/apDhHkzimu0EJaB5CKMyainiRCLIryUtfNchC01o8Z2/Af4llkE2Qd+AwdRs4ALwMXsfRO4AcQ7RrfW23FWCesbSHLkWkeyAkR9Q2mjyGoZy9tsQsnbzvxfkOypzYUdgL+0uM4hSyF+bAAAAABJRU5ErkJggg==);
    position: absolute;
    width: 24px;
    height: 24px;
    left: .2rem;
    background-size: 100% auto;
    margin-top: -1px;
    top: 50%;
    -webkit-transform: translateY(-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% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        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 .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 .hide-btn {
    -webkit-animation: hide-btn-show .25s ease forwards;
    animation: hide-btn-show .25s ease forwards
}

.remove-font-size.large-2 #root #mc-header.anim-show {
    -webkit-animation: header-show .25s ease forwards;
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 0 !important
}

.remove-font-size.large-2 #root .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 .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;
    margin-right: 30px
}

.remove-font-size.large-2 #root .am-navbar-right .records {
    height: 72px !important;
    position: absolute;
    top: 50%;
    line-height: 72px;
    -webkit-transform: translateY(-50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB0klEQVRYR+2Xv0uVYRTHP9+/QCkccpNaNBDd+jEU/Qk5ughJJBi42qDWUltRhKRDi0u0NARNmg0iCkXQouKgSy2JCu3fOPC+8Ha9rz73+sLbcF84vHDv85zzuef5PuecK2p+VHN8OgAtZcD2ANAHdBUsTvG4YLuStlOP9kwA2/3AXWAEGE50vAa8Az5J2j1tz6kAth8CLxODli2bk/S47MtSANtvgPvnDJ5vXwEmJO00+msKYPsOsFxR8NzNU0mPUgGeA1MVA2xJCj3985Rl4DNwu2IAJJ2I998CLALjFWfgh6TB1CMYA95WDDAt6VkSQCyyvQSMVgSxIelaM19lGpiN4mH7ATAJXG0T5CfwKn657agD80kZsB23IEroa0nfbc9mtyL1ZqwCYe+BQ+BJaKqVW5CL8Ah4AXyU9NX2ENAN3CrJyJf4XNKq7SvZEUY17QXOLcJ14AOwCexJ2itC2A6wALwM3AOuN0B2RNiWCGck/apDhHkzimu0EJaB5CKMyainiRCLIryUtfNchC01o8Z2/Af4llkE2Qd+AwdRs4ALwMXsfRO4AcQ7RrfW23FWCesbSHLkWkeyAkR9Q2mjyGoZy9tsQsnbzvxfkOypzYUdgL+0uM4hSyF+bAAAAABJRU5ErkJggg==);
    position: absolute;
    width: 48px;
    height: 48px;
    left: .2rem;
    background-size: 100% auto;
    margin-top: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.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%;
    -webkit-transform: translate(-50%, -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-left: 1.4rem;
    color: #666
}

.service-modal-container .smc-content li div {
    display: inline-block;
    left: 1.4rem;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.service-modal-container .smc-content li img {
    position: absolute;
    left: .4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .66rem;
    height: .66rem;
    border-radius: .66rem
}

.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) img {
    box-shadow: 0 .04rem .2rem 0 rgba(229, 80, 61, .6)
}

.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) img {
    box-shadow: 0 .04rem .2rem 0 rgba(115, 126, 252, .6)
}

.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) img {
    box-shadow: 0 .04rem .2rem 0 rgba(255, 161, 0, .6)
}

.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) img {
    box-shadow: 0 .04rem .2rem 0 rgba(10, 182, 127, .6)
}

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

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

.profile-swiper-container .react-swipe-container > div > div {
    text-align: left;
    -webkit-column-gap: .1rem;
    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%;
    -webkit-transform: translate(-50%, -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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5RERBOTQ3MzdDQTExRUNBREFDQ0E0MDEzRjI4QzJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5RERBOTQ4MzdDQTExRUNBREFDQ0E0MDEzRjI4QzJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzlEREE5NDUzN0NBMTFFQ0FEQUNDQTQwMTNGMjhDMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzlEREE5NDYzN0NBMTFFQ0FEQUNDQTQwMTNGMjhDMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6lUcwEAAABE0lEQVR42qzWQQsBQRQH8PGMKL6dxYWiXCTCR3AVFwe5UKj9eE6OG/9Xs7Vpd2fezLz6q13aX/t230sjSZK9UmqHPJAVkqk41USuyBA5anxskS6yQHrILALGSIoMzPGSzJ3kNUHu5oexEK6UoTXyjISVITdkQ6ZN3K5XIFaFzJEvmROMTQOwWoQPqPCFL2ZF/iEfzAkpgySYM8KlK9qRY1zjAqbMi6MkSB1kwzoSxAbZMGek6hm5PDMR4grl1S4513K9BnkOo3ioyXPixRtEe0481bz6meSObMMoXlcUsFZEGPnuLilGAYgIo0DEGdMREKdFrM1folDEhn24daNISF0b+wwdkDdyjoD8Yxdz7dNPgAEADFV/QGaywbIAAAAASUVORK5CYII=);
    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: 100%;
    width: 100%;
    z-index: 100011;
    left: 0;
    top: 0;
    background: #000
}

.crop-thumb-container .cropper-bg {
    background: 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%;
    -webkit-transform: translateY(-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: 2 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%
}

/*!
 * Cropper.js v0.8.1
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-09-03T04:55:16.458Z
 */
.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr
}

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

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

.cropper-wrap-box {
    overflow: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cropper-invisible {
    opacity: 0
}

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

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 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
}

.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: 4rem;
    width: 90%;
    margin: 1.2rem auto 0;
    position: relative;
    overflow: hidden;
    border-radius: .28rem;
    padding-top: 0.5rem
}

.common-center-top.no-level {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArAAAAFyBAMAAAD/ovSnAAAAKlBMVEUAAABGRkb8/Pzs7OzY2NjDw8NSUlJzc3Ovr6+Hh4diYmKbm5tLS0tLS0vKcUYVAAAADnRSTlMAIyMjIyMiIyMjIyMWDWNh+mIAAAQsSURBVHja7NaxjcJQEEXRtzlI64SILY7EGbFboAW34Bac4AKQICGimBX/Sa5gfvCke5KZ+AajUTOgkL4IW0+741kosz339fAnlHnd9/XnV6jimrbdhTKHs2THk1Do8pS9ObGlXlfPw8AlKLQH/VyuQqn36SENA09suW0YND6Ecp9Ro9ABYY2wKQhrhE1BWCNsCsIaYVMQ1gibgrCdjFqEDhbCNoRNQVgjbArCGmFTENYIm4KwRtgUhDXCpiBsJ4smoYOJsA1hUxDWCJuCsEbYFIQ1wqYgrBE2BWGNsCkIa4RNQdhOJs1CBzNhG8KmIKwRNgVhjbApCGuETUFYI2wKwhphUxDWCJti1ip0sBK2IWwKwhphUxDWCJuCsEbYFIQ1wqYgrBE2BWE7WXUTOrgRtiFsCsIaYVMQ9p8dOqhxIAiAIDZYQiEUlkI4HeyTtjHMoyQbgkdshdgRWyF2xFaIHbEVYkdsxd/5HS74iX2JrRA7YivEjtgKsSO2QuyIrRA7YivEjtgKsXMh9jlc8Ih9ia0QO2IrxI7YCrEjtkLsiK0QO2IrxI7YCrEjtkLsiK14zvdwwVfsS2yF2BFbIXbEVogdsRViR2yF2BFbIXbEVogdsRViR2yF2BFbIXYuxH4OF3zEvsRWiB2xFWJHbIXYEVshdsRWiB2xFWJHbIXYEVshdsRWiB2xFWL/2bmD2kaiAAqCH8tSWAqmEAqhYAqmYAqmEHKR5ikQ5tBSFYQG0CNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbMU/N84/NqcJwo6wFcKOsBXCjrAVwo6wFcKOsBXCjrAVwo6wFcKOsBXCjrAVwo6wFf/P43CDh7AXYSuEHWErhB1hK4QdYSuEHWErhB1hK4QdYSuEHWErhB1hKx7n63CDL2EvwlYIO8JWCDvCVgg7wlYIO8JWCDvCVgg7wlYIOzeEfR1u8BL2ImyFsCNshbAjbIWwI2yFsCNshbAjbIWwI2zF6/wcbvAj7EXYCmFH2AphR9gKYUfYCmFH2AphR9gKYeeGsO/DDd7CXoStEHaErRB2hK0QdoStEHaErRB2hK0QdoSteJ/n4QZPYS/CVgg7wlYIO8JWCDvCVgg7wlYIO8JWCDvCVjzP53CDj7AXYSuEHWErhB1hK4QdYSuEHWErhB1hK4QdYSs+5/twg29hL8JWCDvCVgg7wv62U4c4DAJRFEVv/ZAUg6KLw3xV9gimjgQMisVU/EzYwENM8s4SrritcNjksK1w2OSwrQhiw+SuIOKLif0i4JpmTOocNoDSL5jOHfT8YELHTOoGTGjaIa1+gVAZqV5vTCVrpuLJCh0LVTdiMusOVW9COOwzAPgDJn6K2b84zVgAAAAASUVORK5CYII=), url( /images/badge.bf45a271.png), linear-gradient(90deg, #f1f9ff, #b3bcc8) !important*/
    /*background: linear-gradient(to bottom right,#4A2F98,#A66AFF);*/
    /*background-image: url( /images/badge.bf45a271.png), linear-gradient(to bottom right,#4A2F98,#A66AFF) !important;*/


    /*background-image: linear-gradient(to bottom right, #4A2F98, #A66AFF);*/
    /*background-image: url(/images/badge.bf45a271.png);*/
    /*background-blend-mode: multiply;*/


    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArAAAAFyBAMAAAD/ovSnAAAAKlBMVEUAAABGRkb8/Pzs7OzY2NjDw8NSUlJzc3Ovr6+Hh4diYmKbm5tLS0tLS0vKcUYVAAAADnRSTlMAIyMjIyMiIyMjIyMWDWNh+mIAAAQsSURBVHja7NaxjcJQEEXRtzlI64SILY7EGbFboAW34Bac4AKQICGimBX/Sa5gfvCke5KZ+AajUTOgkL4IW0+741kosz339fAnlHnd9/XnV6jimrbdhTKHs2THk1Do8pS9ObGlXlfPw8AlKLQH/VyuQqn36SENA09suW0YND6Ecp9Ro9ABYY2wKQhrhE1BWCNsCsIaYVMQ1gibgrCdjFqEDhbCNoRNQVgjbArCGmFTENYIm4KwRtgUhDXCpiBsJ4smoYOJsA1hUxDWCJuCsEbYFIQ1wqYgrBE2BWGNsCkIa4RNQdhOJs1CBzNhG8KmIKwRNgVhjbApCGuETUFYI2wKwhphUxDWCJti1ip0sBK2IWwKwhphUxDWCJuCsEbYFIQ1wqYgrBE2BWE7WXUTOrgRtiFsCsIaYVMQ9p8dOqhxIAiAIDZYQiEUlkI4HeyTtjHMoyQbgkdshdgRWyF2xFaIHbEVYkdsxd/5HS74iX2JrRA7YivEjtgKsSO2QuyIrRA7YivEjtgKsXMh9jlc8Ih9ia0QO2IrxI7YCrEjtkLsiK0QO2IrxI7YCrEjtkLsiK14zvdwwVfsS2yF2BFbIXbEVogdsRViR2yF2BFbIXbEVogdsRViR2yF2BFbIXYuxH4OF3zEvsRWiB2xFWJHbIXYEVshdsRWiB2xFWJHbIXYEVshdsRWiB2xFWL/2bmD2kaiAAqCH8tSWAqmEAqhYAqmYAqmEHKR5ikQ5tBSFYQG0CNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbIWwI2yFsCNshbAjbMU/N84/NqcJwo6wFcKOsBXCjrAVwo6wFcKOsBXCjrAVwo6wFcKOsBXCjrAVwo6wFf/P43CDh7AXYSuEHWErhB1hK4QdYSuEHWErhB1hK4QdYSuEHWErhB1hKx7n63CDL2EvwlYIO8JWCDvCVgg7wlYIO8JWCDvCVgg7wlYIOzeEfR1u8BL2ImyFsCNshbAjbIWwI2yFsCNshbAjbIWwI2zF6/wcbvAj7EXYCmFH2AphR9gKYUfYCmFH2AphR9gKYeeGsO/DDd7CXoStEHaErRB2hK0QdoStEHaErRB2hK0QdoSteJ/n4QZPYS/CVgg7wlYIO8JWCDvCVgg7wlYIO8JWCDvCVjzP53CDj7AXYSuEHWErhB1hK4QdYSuEHWErhB1hK4QdYSs+5/twg29hL8JWCDvCVgg7wv62U4c4DAJRFEVv/ZAUg6KLw3xV9gimjgQMisVU/EzYwENM8s4SrritcNjksK1w2OSwrQhiw+SuIOKLif0i4JpmTOocNoDSL5jOHfT8YELHTOoGTGjaIa1+gVAZqV5vTCVrpuLJCh0LVTdiMusOVW9COOwzAPgDJn6K2b84zVgAAAAASUVORK5CYII=), url( /images/user_page/user_info_i.png), linear-gradient(168deg, #4A2F98, #715bb7, #A66AFF) !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 .cumulative-sign-in {
    position: absolute;
    right: 0;
    top: 0;
    height: .54rem;
    padding: 0 .75rem 0 1.4rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABFFBMVEUAAADs4uLey8vbx8f7+fn59fXr4ODk1dXy6+v////48/P28PDt5OTp3Nz07e3h0dH18PD38/Pbx8fx6encycnx6eney8v+/f3YwsLXwcHz7e3ey8vbx8f69/ft4+P07u7bx8fw5+f7+Pjey8vh0NDfzc369/f7+fnz7Oz7+fn28fH8+/v8+/v9/Pz07+/l19f7+fn69/f59fXz7Ozu5OTp3d3s4uL7+fnw5+fq39/59fXp3d3z7Ozn2trx6ur7+fnl19fz7Ozx6urk1dX07+/59fX28fH38/PYwsL////9/Pzl1tb38vLbxsbt4+Pfzc3i0tLh0ND07+/n2trz7Ozp3d3q39/x6urw5+f69/f7+fncycn160ecAAAASHRSTlMAAs1/+TsmJiatfVxcRx4YEvfz5eLc1LeyrJ2YkpCPhXpyTkIrHQz4+Pbx6+jk5OLa2sa9tbWxrqmmoKCXk4uGgH1pWkM8KgdjC1XjAAABVklEQVQoz33Nh3KCQBSF4XNTgCRGTbMbu+m9996EoFKk+P7vkbsSxzLiN8Nhlp+ZBS38hFoAkuFV9Ea45EEjPO+X63sN+D07c8O2jn3/Ko4n34fH8nGMWvLyvCeeJ/It6GN+WNlbBDvlrGla/WtFG8WVRVc0kfE5VgvBDYu7GgzDIMUYkQF7PzQYLMsixRp2BvZi3Ue3LQuO45DiOGuPhVLk1WEbxDXDX0WC67qkuO7aEtgGn6IArvmtEA90XSdJZ5sASrq+DOBcZxLx9DOLALHeT5f6IHc6HZJ4WByIcL0JThLxwLZtkuyeCwh3dkAiHpimSbIZEPc+mP9k4oGqqiSrgSPgWe2TiWeQhbdldSy3Wi2SWxPIxIN2u41qe4JqLzWbTdSaE9REEk8F2cTMmEQWFZG73e56DBPE1jnhl63mirNjirlVUThPg++pkJpWU0A6vKbxB+LDwWOR0O+IAAAAAElFTkSuQmCC), 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
}

.common-center-top .cumulative-sign-in a {
    color: inherit
}

.common-center-top .cumulative-sign-in:before {
    content: "";
    width: .64rem;
    height: .51rem;
    position: absolute;
    left: .1rem;
    top: 0;
    z-index: 9;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAAA1CAMAAAAZFmeBAAABR1BMVEUAAAC+EBDZNz3oSlTGGhzQLDDdO0LpTFbLIiXFGhy8Dg7gQEjAFBXqTli7DQ3pTVbCFRe8Dg7nSVK9Dw/sUFrBFBXoS1W8Dg7fP0fIHiDIHSDgQEfsUFrgQEjIHiC+EBDrUFrIHiG+EBDhQEfEGBrePkXWMznhQkrSLTHEGRvMJSi8Dg7YNTq7DQ3NJirTLjPpTVfZNjzOKCy8Dg7qTljaOD7UMDW9EBDqT1nPKS27DQ3bOUC/ExToTFbVMTe8Dg7RKy/dPEO7DQ3sUVvWMznmSVLpTVfSLTHAFBXqTljsUFvqTljpTFbnSVLlR0/cO0LbOD/ZNTvVMDbOJyvMJCfKICPoS1TDFhjjRU3BFBXiREzhQkrgQUnfP0fePUS/EhPWMznTLjPSLTHRKy/PKS3IHiHHHR/GHB7FGhy9Dg7EGRu+EBC7DQ3YUJKvAAAASnRSTlMA/gR6ahcK+vr59/b18e7j0snBs7KtlHFmXE9MSkVAMyUjHRwP+fn39evq5uPb2tjIyL2ppqSknp2UkYd2bmdnX1hIPTk2NDArIWNtLcoAAAE8SURBVFjDtcxVTkNRFAXQ3VcvdTfquLu7uzsUd+b/zQdNSJon184awALgKuXt8cC2emjQVpIhkrvR5+Pq73+lSfeOOmiyNUp3A+uDu4pAx1yA7kY1eq4C9Nnde/JgYC1Ed8MZ3ZcFQ1qS7gbsl3JgJn0tBaZyHTcSYK615VYcLPM7YbCSa6uLgqWl+oEgWEsT3pg5FAMWY4S3a+hIBJhUe+lurLY/8AOj+WN+YDVOeLsGHnmB2UbnEyewW3zmBA5TL3zAQRs+4QIetX66G+XuUw7gU/DQ3ch6zpiBV4bwhuOVFQTyN0YQkPG+M4GIrPeDBYQUur4YQEw5fGENgmoJuhtw+K8sQNxmmO6GNuu/NwMplQTdDRRjNkOQVpzwfeuDAs5UxPapA2pUFkZ6jG95zuXUdCzSFwz6fv78AmV2dI1UUtWvAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.common-center-top .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
}

.common-center-top .common-top-img {
    top: .9rem;
    position: absolute;
    left: .42rem;
    height: 1.16rem;
    width: 1.16rem;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    border: .06rem solid #caa86d
}

.common-center-top .common-member-info {
    color: rgba(37, 37, 37, .6);
    font-size: .46rem;
    line-height: 1;
    font-weight: 700;
    padding-left: 1.72rem;
    font-family: Arial, Helvetica, sans-serif;
    white-space: normal
}

.common-center-top .common-member-info .nickname-edit {
    flex-wrap: wrap;
    position: relative;
    display: flex;
    align-items: center;
    font-size: .28rem;
    font-weight: 700;
    color: #ECDEFF
}

.common-center-top .common-member-info .nickname-edit .go-to-edit {
    margin-left: .04rem
}

.common-center-top .common-member-info .nickname-edit .go-to-edit svg {
    width: .34rem;
    height: .34rem
}

.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;
    font-size: .38rem
}

.common-center-top .common-member-info .nickname-edit .user-name {
    width: 100%;
    display: flex;
    align-items: center;
    margin-right: .2rem;
    font-size: .24rem;
    font-weight: 400;
    margin-bottom: .02rem
}

.common-center-top .common-member-info .nickname-edit .user-name .copy-account {
    color: #fff;
    padding: .03rem .1rem;
    border-radius: .69rem;
    /*background-color: #919ba6;*/
    display: flex;
    align-items: center;
    margin-left: .1rem
}

.common-center-top .common-member-info .nickname-edit .user-name .copy-account svg {
    margin-left: .14rem;
    width: .36rem;
    height: .43rem
}

.common-center-top .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
}

.common-center-top .member-level-name.hide-icon {
    display: none
}

.common-center-top .common-member-level {
    margin: .24rem .42rem 0;
    position: relative
}

.common-center-top .common-member-level .last-login-item {
    margin-top: .16rem;
    position: relative;
    padding-left: .3rem;
    color: rgba(37, 37, 37, .6);
    font-size: .24rem
}

.common-center-top .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-center-top .common-member-level .member-progress-warp {
    display: flex;
    font-size: .26rem;
    color: #fff;
    margin-top: .1rem;
    align-items: center
}

.common-center-top .common-member-level .member-progress-warp .level-progress-text {
    padding-left: .1rem;
    min-height: .3rem;
    color: rgba(37, 37, 37, .6)
}

.common-center-top .common-member-level .quanyi-go {
    position: absolute;
    right: 0;
    top: .1rem;
    font-size: .28rem;
    height: .33rem;
    line-height: .3rem;
    padding-right: .3rem;
    color: rgba(0, 0, 0, .6);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAk1BMVEUAAABQUFBQUFBRUVFRUVFRUVFRUVFSUlJRUVFRUVFRUVFRUVFQUFBRUVFRUVFQUFBRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFTU1NRUVFRUVFQUFBQUFBRUVFRUVFRUVFQUFBQUFBRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFMTExRUVE4lqaUAAAAMHRSTlMAPIFOurCqLr9U5UVAODRe6Yq2ZiAQ9cR17siiC82YSScaFtSnlHtxbJ2P3tBZ2AWaaROqAAAFD0lEQVR42u3dh5KbMBQF0AuYBePee+8l6/v/X5ceT5LdbB7oCZjR+QH7DnoCgQocx3Ecx3Ecx3Ecx3GcnG3rQevkXy9hHF6ux3MraM5RMv3VaTma8G9J5drztiiDuTcOJ/y326wXocjm1U5lyP/TDo81FFP9kFDmfizehemPp0wjbA1QIMF+yLSSQxMFUa0wm5mHAmjFzG6fe+H3pjQjDJCjeoXmLPvIyaBDo5IzctHa0bRKHdZFL9TQmcOuVps6Rh5s6lDNsAdrogo1Led4R1ma1UfNqzzN6qdhC/outGEMbV3acYWuBW3ZQ1NCe7rQQ6sq0PJKuw54KmOdP52g4Ur7evihXPfBN7Rgms98VGFWizlpRzApalOgwJ1whfnplL7Qf2qVv0CeZZJfgUzui3bRymRPqWV1gy8GKz8p0B3+E4Vemvhl49OApI/s5ndpDvxmXJRhlk8ZH3+o0wAPWUVDiszwF4/ZhdYrvQmdJJ+QzYoyS7ylwcwWli9IAK0kZ2TRoEwb72gyq90cGSyN1WQz17viekiZA/SSvA4sPvV2BM1U7Ii0Nm0K7aGYJNkipTGldhAksVclU4pFeDJ+Z4yRTo1yPjSTNLX73qdko5nET1fqE43f8uw/p5x1vjXVmUEdKcRKP1a3PMCKmJanl2Rno2U9NQTdoX6/9cIiJjlBrK3Z4dfsDXk9sohJJpA68kmjda1svU6JWcwkRwiRxUwSQ6Zv4aVawBTakKmzqEkGEOnRhLpCEg8iPouapAeRPe0kqWo/N45oSM10ki5EEhY1yQ0SD9Jakh5lILGlQSuz7wbmEFjTYpJNoncjadKowGRfv4FAjTaT9CnRh0CVVpN0KbDO8ISiPe/KVxu2j2k1ia/2sHWkcS+5BDmr5cgepJHrxKYQxoJEEAis5sBOrdfyrOYI9O4jkc0cCCmxhcCGBnXN3n0HEJhbzLGmzAMSQ3vzdikzhMiuqDm4yGeJRcX4pZ9B5EAjYkEOnZe/Jzs5JhkGBBYHJCONj0lriEQ2ciRMATKDoubYQejGjKY6v3CB0EE7x6ulpUorZrJQysEBhAa612Nnb8pWVzPH3eK8xqNijoXN6UGeXr87ZVrJAwLazXjE1GZIwVfKEdtes9BkGqOH4pLGZG5vFWWgmIMXpNKjXKg6YAuQynZivBGHzOL2QDoX09OpXnLaOmFFqVAzB1f2dnk4aOYIkVqVQh3FHKwhvZgyM8Uce5vrdGO9HPSQxZQya7UcF2TSo4yvlYMNZDM1sX7kpQDb71Qp4+vkaPetrzr+9HaO/HdAa5LM8mlsYyLH9IHsOpmWBwevLMAi8G+2Nwp1PfzQXyrNNrC12Op+OQXB+ToakmT+Xe9PM2ZQjEr/bntnnmYwpsYc3bcwZ8ycPJ/eS18mPwqk9GUyg2GNNvMQP2BaQMue+zyUfz+9SR8azrRtDTyVuBNu4oeSJ/Hwm9JW/Fv1UcKHldsGurwhbegOoK35Sn3hHO8pzT7+Xy3xD+XZEfTD0xVKcijBBwcSlKZ5fXhERDma16QH22oxzZutkYPxhGYtqsjHekaT/DlyU13QlLCBXLVGNOFlhdx9qjCrWR2FUO0yi0sDhdHwF0ynclqjWOqdHaVGBTxr86vaVXJdYr8wR1O+Yd3bJ/zYblktwem60ekyHfI9SXxo9VEem9r5EN9vE/40uS26nZ5XqENbRQb9qB71y/v/HcdxHMdxHMdxHMdxvvoMDyMY8oddQV0AAAAASUVORK5CYII=) 100% no-repeat;
    background-size: auto 80%
}

.common-center-top .common-member-level .quanyi-go a {
    color: inherit;
    font-size: .26rem
}

.common-center-top .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-center-top .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
}

.common-center-top .refresh-balance {
    width: .36rem;
    height: .36rem
}

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

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

.common-center-top .refresh-balance.loading {
    -webkit-animation: rotate-full .5s infinite linear;
    animation: rotate-full .5s infinite linear
}

.common-center-top .currency {
    padding-right: .04rem;
    font-size: 90%
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

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
}

.pointer {
    cursor: pointer
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -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;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.sliding-enter-active {
    position: static;
    transition: all .5s
}

.sliding-enter-active, .sliding-exit {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sliding-exit {
    position: absolute;
    top: 0
}

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

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

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

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

.sliding-out-exit-active {
    opacity: 0;
    -webkit-transform: translate(100%);
    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%;
    -webkit-transform: translateX(-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;
    -webkit-transform: translateY(-50%);
    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: .72rem;
    display: inline-block;
    height: .72rem;
    background: url(/mobile/mc/verification.6b67d2b8.png) no-repeat;
    background-size: 80% auto;
    background-position: .1rem;
    background-position-y: top
}

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

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

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

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

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

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

.flex-grad-one {
    top: .4rem
}

.flex-list-con {
    display: inline-block;
    margin-left: 1.2rem;
    font-size: .3rem;
    padding-right: .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 {
    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-icon1 {
    position: absolute;
    top: -.15rem
}

.flex-list-icon2 {
    position: absolute;
    top: -.12rem;
    left: .5rem
}

.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%;
    -webkit-transform: translateY(-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::-webkit-input-placeholder {
    font-size: .3rem
}

.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%;
    -webkit-transform: translate(-50%, -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: .3rem
}

.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::-webkit-input-placeholder {
    font-size: .35rem;
    line-height: .5rem;
    color: #888
}

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

.security-center .security-circle {
    width: 1.6rem;
    height: 1.6rem;
    position: relative;
    top: 1.1rem
}

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

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

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

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

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

.left, .pie_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;
    -webkit-transform: translate(-50%, -50%);
    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
}

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

.fpb-container {
    padding-top: .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 .4rem
}

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

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

.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;
    -webkit-transform: translateY(-50%);
    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 .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 .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: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)
}

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

@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;
    -webkit-transform: translateY(-50%);
    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 {
    -webkit-transform: scale(1.7);
    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
}

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

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

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

@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 {
    position: absolute;
    right: .1rem;
    font-size: .28rem;
    font-weight: 400;
    top: .12rem
}

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

.go-team-record i {
    position: relative;
    top: -.12rem;
    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
}

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

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

.tt-refresh-balance.loading {
    -webkit-animation: rotate-full .5s infinite linear;
    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
}

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

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

.tt-refresh-balance.loading {
    -webkit-animation: rotate-full .5s infinite linear;
    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
}

.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 {
    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-left: .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%;
    -webkit-transform: translateY(-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-top: .24rem
}

.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 .22rem;
    font-size: .26rem;
    color: #646464;
    border: none;
    margin: .28rem 0
}

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

.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;
    -o-transition: .2s top, .2s -webkit-transform;
    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;
    -o-transition: .2s transform, .2s top, .2s -webkit-transform;
    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;
    -o-transition: .2s left, .2s -webkit-transform;
    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;
    -o-transition: .2s transform, .2s left, .2s -webkit-transform;
    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;
    -o-transition: .2s right, .2s -webkit-transform;
    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;
    -o-transition: .2s transform, .2s right, .2s -webkit-transform;
    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;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

@keyframes filter-fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.mc-agent-team-filter .pnl-date-filter-container.show-filter {
    -webkit-animation-name: filter-fadeIn;
    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 .mc-agent-team-filter-search {
    height: .6rem;
    line-height: .6rem;
    width: calc(100% - 2rem);
    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: .16rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.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;
    -webkit-animation-name: detail-slideInUp;
    animation-name: detail-slideInUp;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.mc-pnl-container .pnl-container.hide-pop {
    -webkit-animation-name: detail-slideOutDown;
    animation-name: detail-slideOutDown
}

.mc-pnl-container .pnl-container .swiper-pagination-bullets {
    bottom: calc(.08rem + (var(--safe-area-inset-bottom, 0px))) !important
}

@-webkit-keyframes detail-slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes detail-slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes detail-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes detail-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.team-member-item-agents {
    overflow-x: scroll;
    white-space: nowrap
}

.pnl-filter-date {
    color: #858585 !important
}

.pnl-filter-date svg {
    fill: #858585 !important
}

.pnl-total {
    display: inline-block;
    position: absolute;
    right: .2rem;
    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;
    -webkit-transform: translate(-50%, -50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAAAXNSR0IArs4c6QAAAfJJREFUaEPtmG0vBDEQx2fuo3npAyAknhKCIIROL7xwJB46SxBCQkJISMR3VNmLSybi7rbb2bNH+7qd/n/z77azg/AHBv4BBkgQdXExOZGcUMxAOk6KyYwK9T+dIKIlRBxxzo1Fpa/LYmvtvvf+g5n3i8YPcsIY00TE4zw4Ir5rgxhjDhFx50t8qyhIEAQR7QFAq5MhTRAiOgEAK2IfOOfy/fqOIIg8WhUgRHQKAFsdtd77oyzLdvuq/5oQDKENQkTnALAhBDtmbhYFaB/tkMlyroYjRHQFAKsi7hkzb4dqKg0R64i19sZ7vywEXzDzZihAlBOdzco4QkR3ALAgBF8z81oZABWIUEeI6AEA5sQtdOucWykLoAZRFMRa++S9nxaC75l5MQZAFaIfiDHmBREnheBHZp6PBVCH6AaSlxEAMC6O0LNzbkYDoBKIn0CkWO/9a5ZlU1oAlUH0AHlj5glNgATRK5vf346hO04/PX5D9WH3er2H4ootUn7U+rErAiBqrfqVHSEAAqQ+BWAZgA5ILUrxGADhyO/9FGkACJDB/55qAgiQwTUKqgAQIINp2RDROgBctouuYW2e5eKNMbONRmNUu/snbq1q25jaJbRWvKiWjZaI2DgJIjaDWuuTE1qZjI2TnIjNoNb65IRWJmPjfAIPpSBAY3nahwAAAABJRU5ErkJggg==) 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%;
    -webkit-transform: translateX(-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;
    position: relative;
    top: .06rem
}

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

.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;
    -webkit-transform: rotate(0deg) !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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA/5JREFUaEPdWj1sHFUQ/kZ7OgkaF1cQZCBQu4AkCOxcdg6bAKFwD0IgqKCkAYk/xRGBSNCkhIoIhEjvgiQkdm4OEycCAoVr/mIRChfXEMna1aBn7Vrn9d7evL3bi46Vrtr5+b7dd2/ezLeEiq719fX7tre3p134er2+OTs7+08VqWgUQUWkSUQnVPVpANOqOk1EQW9sVY2JaBPAJhFdUdULzLw2bP7SBETkOQAvADgO4IGSQG4BuAzgPDNfLBPDm8DKysqjtVrtTQCvlklY4HMuiqKzCwsLv/rENRNYXl6+d2pq6n0ADvw9Pkk8bO8AONvtdk8vLi7+a/EzEWi324eI6DMAT1iCjsDmhqq+0Wq1bg6KNZCAiLh1/s2gQBXdf5GZzxfFLiTQ6XROqupSReBMYYloKQzDU/2M+xJYW1ubi+P4B1OWio2CIDjabDav5aXJJbC6uvpwEAS/VYzLK3wcx4/Mz8//nnXaR2BjY6O+tbW1DOBZrwzVG19qNBqLMzMz272p9hEQkY8BvFM9nlIZzjDzu30JJEXKrbWq9vlSqHuc7kRRNNdb7Pa8ARH5wqPCXiWiq6r6PIAnSyK7TkTfqupTANzPcp1j5tdSw10CydnmgiUCgJ+Y+fHUtsx2m90eReRHAEeM+U+kZ6deAl8CeNkSIG9v9iExrD+Ar5j5FYe1l8DfAA5YCAC4zsyzWVsLiX6FSUTWPZbibWa+f5eAiLhzvDvWmq9+QIpIlPEpAHScma/svAER+QTAW2b0iaEPIB9bI45PmfntlIA7MswZHfeYWYBZbErkvsbMR1MCfwB4qESQHZcigO5+3mHM8n8ZgOdPZj64Q6DdbkfZHtaXzKBTY2+8EYCH67FbrVaNkunBbV/AefYWEqMAn+au1+sHSEQOu8I0CgJFy8ndGyX4BO+RyScw8Uto4v/ESSGb7G1URCa7kHU6nQ9V1Q2tvC6fCutjawFBRKfDMPwgrcRNAN9bHFObMoDK+BRgOuaGw73H6b+sQ1oi+iUMw0PZ4JZ9voDETVV9zPgQbzHzgzt1J3XwaSeHbUiG9Qew21aWbSn3NDSWJ599sjktpU9Ds7+lTLZTr6Y+juNTtVrtPVV1GoH3RUSXoyj6KAiCk0M39S77xI9VkrcwuYMtRyARMlbHqAVYl96Nbrc7nxU+coe7iaDxszXyOOxU9XCe4NF3vH6XhY3sM+krdPx/BY70EdxNoaNI2Ng90ljWbyJ4fD5GzeBSHMev5wka+wqihYCzSYQPp5dVLrM2Go2lrJDRD+dAlTLrOLFCd5ZIMo5/CcAzHkPhbBg3zvkOwNdj+9Qg71Umw2H37cQxy8ceSe9x0Q1nrUt4ZEvImnBcn9v8By35bx3VQaeZAAAAAElFTkSuQmCC) 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;
    -webkit-transform: rotate(-90deg);
    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: 40%
}

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

.amount-negative-number {
    color: red
}

.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;
    -webkit-transform: translateY(-.3rem);
    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 {
    -webkit-transform: translate3d(-80%, 0, 0);
    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
}

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

.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%;
    -webkit-transform: translateY(-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: lime
}

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

.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 {
    float: right;
    position: absolute;
    top: 0;
    right: 0
}

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

.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;
    -webkit-transform: translateY(-.3rem);
    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 {
    -webkit-transform: translateZ(0);
    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: 100%;
    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
}

.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 .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: .68rem
}

.tr-item-time {
    font-size: .26rem;
    color: #a6a6a6
}

.record-icon-ticket {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAvVBMVEUAAABk5n44w+42wfVl53pk5nw3wvJl5nti5YE4w+9l53o0wPk3wvBj5YA3wvA4w/Bf4opm53c8xeU3wfJg44c0v/o7xOk5w+xh5IM5w+xh5IM0v/o2wfVl5ns2wfVl5ns0v/o0v/pm53g1wPg0v/pa3pdj5YE2wfQ7xec9xuI/x95AydpCytdDy9NFzM9GzspIz8ZK0MJL0r5N07lO1LVQ1bFS161T2KhV2aRW26BY3Jxc35Fe4Y1f44ll53rvGkjpAAAAInRSTlMAB/6XkioG2DQzmZEuLisL+fj22dfW1pmZkI/0vb27uywr3v1/kQAAAQ9JREFUSMet0Ed2wzAMRVGQ6pYl95pux6Tce7e0/2XF/yQr0M8bACPcAQR5btAYlagRuJ78ptwRUUUJjI+iqIRKSqTCSlG84dQ1QSKl8wLjPqcxiRAlxngyNH2h6puhtPOQQ8K8LfVccYjK6/J4CBeE+500IEwmpAHhX5DbjTQgXK+kAeFyIQ0I5zNpQDidSAPC8UgaEA4H0oCw35MGhN2ONCBst6QBYbMhDQjrNWlAWK1IA8JySRoQFgvSgDCfkwaE2Yw0IEynpAGhmfmcUcua0s0iDomyrgx0j0N6eiCp1lXGqGqdiji2RShpyzrP5b9b60R+qZ9GjrWvvkCJx0RO7U/8ijvj7xK9dOJP3P8AuZc4bVAGVqsAAAAASUVORK5CYII=) 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 .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
}

#root .member-benefits {
    position: relative;
    background: #fff
}

#root .member-benefits .top-bg {
    height: 5.1rem;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1
}

#root .member-benefits .opacity-item {
    opacity: .15;
    z-index: 1
}

#root .member-benefits .mc-navbar-blue {
    background: transparent !important;
    position: relative !important
}

#root .member-benefits .member-level-info {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAo8AAADlBAMAAADATgBdAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADnRSTlMAKwMbBgoXE0oNECYhO7twM3cAAAbPSURBVHja7N29rwxRGAbw14nPIPEShFWMiUSCgpDbUFxcUVAQViIaH7EkSFDYRDQq20iIkKDTiK2Mj4rCkmg0qPw53nPOzOxaCjNnmHNmnl/CvfWT93yfM5fcbd7Nr68TuFqUMHMHSbqan7DWmSVwcoitNwRORmxtiAgcLOLMVQIHWznzisDBNc6sJXCwgzOrCBwknOkQOOAxAgRZPzRtDDZ+wfQHE3K/YIlYETViq4NNC2yjeQEbu1XZjKMGDYdfAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFCVaz8G3/CJA3dXBuLuaQI3GwfGbXwtwtGPgfWdwMW8Qeo2gYuLgwx6SeeWbX0lKG/RIHeHwKmLRCdZheWD3F0K1YLLyfvzVK/FgzEK1PwdLHZRIQjyd09Z69yjQhDktCVsraNi0EdO2cupWSoMo/aEEac+UAmYR2YWcGY1FYaVzdhCzqyhwrDWHlvGmQ1UHHZ/ckt9+dh76PuR83z58wPzAt8h96YiQz+z8aWPDP4U0ZdRO3i+zCPD58fKpgH8WGs3gB+7P01wn417BA3YIW8EH85sAACg3ULd1/KKUkqSjJClI0UUC/0LOIgkRilHiRJJuohUnIuQZHkqnkgS3WRpUSw2zYl9scCI45LjXCoWBKUom+OBbve4/EBJuhSkjbFrokRJlqRsjppNEiVZtiA36RxPPhYPdZL7UJKlC7LblRSfvJD/ul007lKU0gUp9fhkKF5ITUpJYi5Zgi5IyXE4fN7v3xwOJUldkljeFM8xloKUeuwbUpNSkljelBBvMgXZFxfknynJfRi3Sww1m3RBSrvuCWnduiQxbhenTMseSo6GlKQEiU6yzCxSWrYU5A0b5AUpSWnbqMii9OQnLcgZkZYk5uRlZpGmZUtBntu5U5K8YNo2ZpJF2SCf93WOQpfkTQkSw3ZBSo81J5/oIHcaEqR0ksfnUJEFxTbIG70ZG6S0bQkyzCn5iS/Ju89HqB520JYu8lweZD/MYVtdYq1zlpy5BymCDfIap66SA7dp5PDXihw+7IY3Iz/MmQ2zVIM/BhlgRS5IOPeW/r/oj31kgBV5lCf87YCDPvI38xOe8IYcOE5/8nmknf6EFuQyFrW+tZyekM+EOSFPh+z6Bm7VjCWi4l+tpP9uatOiF+amxUI2anz+qya30SRLu40W3FnDUjZqfdmfb+xKijOhbuwe5VxdrwSjuAlHDWd4ymn67xpx+DXiVI0v0lV+HCvy49jALkAnPOUl/W9KNeGCAE9bQQ4qvbIS1uMlH4KMmnCJyocgf7/WF+BNUw/6SFLUgIumPozaf7j6HN6jJR/mkboksySDvYzvwcpm8nnIgQNzIsRXdD6stXVJqtAfLNW/+2MomnhCF+QDWQ/2I1NxHPbz2Np3yC1FoT+Orf/MxlJ2xAn3GwL1nyKmlCKKBJEKMUcPzrXHJMRgY6z/psWkKOhvrPzzuz9KqWDLzKfbaFHclo8r/Nv7kbER5GqlzI1d7vyjG7ux0OuVUKeHvhgvofchSfe9726Ym7UeMeeDFt5yORWkOdQydJLtC3LLnqTz6VlVD7GFPqwO7u6ou/1s7KqgICXH5+mxf/tKcmFFBzjpxUcjyCtmjuaPqlkzqvS6Xk+kt0fbVZKnOPfWtYc0OWZJhncxvLIdys6sW8uWh0j2tULPvHnttirIbTzho1vLfmxefWR37F88bFXbPlPRqaKK5dWHfvQxfj38uNumIB/wpFnHli0vFfIHXW1r25tHPLbdIUjTsndmZkzbblOQNP9SFQfdsYzZtiDHJSmdZJuCJDqWcGq9Q5AnfwvycduCpC1Z817lMtYMTcset+2bL1o12hjqFhsbXIJ8PhVkv4VBEh1MnK6nqU1/DHKufUHSAjPmuAV5bueEtgZJdCJBkNVYsruDIKvxCEFWBEFWBKP2z/buGAVhGAoD8EMREaeHg4Puzk6eo2cQB8GlgwdRvEh0ELFL8WJSFUnX5EH/pP93ghLStE3e+2uE75FG+GVjhN/aRrj7Y4T7kUa4Q26DZzad6/0pog3/XHvbz3PtFlZaAOh97Y/HthqNdzbrI+MYV+xyhTSrIU8sXQqI39WQXroUkFafTWpxZ1DY+SXCXkQsaUd+QPkNI/gCOTo8F9VOgH3GD30YZeW0cUe+zBSiGCZOvx5CMdZerTeZtMQskW9ueHUripRCDdUzEwp1AsgizcHAqe8qFGasLXOhMFOEeNwcFKqKk1mYsFIxYl2TVyOE2ufAdf+bhTxA/GYhB+pbbPisMRjI25F7FuHcfzKehaKf2tWekzFS2UzGi1Cs4sWVEdgbFpGoQvCrpvgAAAAASUVORK5CYII=) center -1rem;
    height: 5.97rem;
    border-bottom: .12rem solid #f7f7f7;
    position: relative;
    z-index: 1
}

#root .member-benefits .member-level-info .cur-level-text {
    font-size: .42rem;
    text-align: center;
    color: #fff
}

#root .member-benefits .member-level-info .next-condition {
    font-size: .24rem;
    color: #fff;
    text-align: center;
    margin: .3rem 0
}

#root .member-benefits .member-level-info .level-up-bar {
    position: relative;
    margin: 0 13%;
    color: #fff
}

#root .member-benefits .member-level-info .level-up-bar .level-up-count {
    position: relative;
    height: .06rem;
    border-radius: .03rem;
    background: rgba(0, 0, 0, .1)
}

#root .member-benefits .member-level-info .level-up-bar .level-up-count:after, #root .member-benefits .member-level-info .level-up-bar .level-up-count:before {
    content: "";
    position: absolute;
    height: .25rem;
    width: .25rem;
    background-color: #fff;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: .07rem solid hsla(0, 0%, 100%, .42);
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
    background-clip: content-box;
    background-origin: content-box
}

#root .member-benefits .member-level-info .level-up-bar .level-up-count:after {
    left: auto;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

#root .member-benefits .member-level-info .level-up-bar .level-bar-count, #root .member-benefits .member-level-info .level-up-bar .level-up-progress {
    position: absolute;
    height: 100%;
    width: 50%;
    left: 0;
    top: 0;
    z-index: 2;
    background-color: hsla(0, 0%, 100%, .9)
}

#root .member-benefits .member-level-info .level-up-bar .level-bar-count:after, #root .member-benefits .member-level-info .level-up-bar .level-up-progress:after {
    content: "";
    position: absolute;
    height: .13rem;
    width: .13rem;
    background-color: #fff;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 50%
}

#root .member-benefits .member-level-info .level-up-bar .level-bar-count {
    width: 100%;
    z-index: 1;
    opacity: .1;
    background-color: rgba(0, 0, 0, .1)
}

#root .member-benefits .member-level-info .level-up-bar .level-text {
    position: absolute;
    top: .31rem;
    left: -.12rem
}

#root .member-benefits .member-level-info .level-up-bar .level-text.right-slide {
    left: auto;
    right: -.12rem
}

#root .member-benefits .member-level-info .level-icon {
    position: absolute;
    bottom: .8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.47rem;
    height: 2.74rem;
    text-align: center
}

#root .member-benefits .member-level-info .level-icon img {
    height: 2.74rem
}

#root .member-benefits .member-level-info .check-level-info {
    position: absolute;
    bottom: .46rem;
    left: 0;
    width: 100%;
    padding: 0 .24rem;
    font-size: .26rem;
    color: #6c5959;
    text-align: center;
    display: flex;
    justify-content: space-between
}

#root .member-benefits .member-level-info .check-level-info .check-rule-item {
    color: #6c5959
}

#root .member-benefits .member-level-info .check-level-info .check-rule-item div {
    height: .6rem
}

#root .member-benefits .member-level-info .check-level-info .check-rule-item svg {
    color: #e0ad5a
}

#root .member-benefits .member-level-info .check-level-info .check-rule-item.disable-item, #root .member-benefits .member-level-info .check-level-info .check-rule-item.disable-item div, #root .member-benefits .member-level-info .check-level-info .check-rule-item.disable-item svg {
    color: #d8d8d8 !important
}

#root .member-benefits .menmber-level-benefits {
    border-bottom: .12rem solid #f7f7f7;
    position: relative;
    padding: .65rem .3rem 1.1rem;
    overflow: hidden
}

#root .member-benefits .menmber-level-benefits .benefits-title {
    width: 100%;
    color: #d9a348;
    font-size: .26rem;
    text-align: center;
    margin-bottom: .6rem
}

#root .member-benefits .menmber-level-benefits .benefits-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 1.45rem;
    width: 1rem;
    float: left;
    border: 1px solid var(--benefits-item-end, #f6da98);
    text-align: center;
    font-size: .28rem;
    line-height: 1;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: .16rem
}

#root .member-benefits .menmber-level-benefits .benefits-item:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAACeCAMAAAB5NgQdAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJ3RSTlMAX1pohGOJd2t7f1afb6SajVOQlHSpcU+XSkKuRrE+BBMKDwccMicyi9q9AAAD0klEQVR42u3d25KiMBCA4faECjqAiIinCBHe/xG3YXdnXMdBkIR0uvZvcu9XmYllWQLQ6XbpU1FeBRDsdujTpVplBtRClYJKoBWqVHQqSG3Y7aSqQw5k+lSl/VbtIrNft1RlFyInIqqURuPcQFWidFIKf4a3RHkFGA9V6jP+33VNklD5JDcwm0hDHRVgtjLU0gHMdvC0lIDZQk9PYDZvrCcwWzKu48a6jPQEZruO6rix/mwXOxakMx2B6UTl4scCkcxmDFnomigPCCQSlix0LRQHJJIhS1btWqsbKiyQ3lplQCXp7RQGZJIeSxbI8VZZQCg5nqsKKCVHLFnoYslC11JJQCw5Y8mqXW7focdCl9s/oJecsGSha9o3oFi2YMlCF0sWupxeAdGytTN13r3ostDFcbfQtXOCd4cwC13B2wHhsi1LFro2bwaky+YsWbUr6j7UWZAto3cC6mVLlix07bsH9Mtdlix0+V0DG8pdlix0sWRBPl11CiypdvktL3tY6OK4W+hyWLJq10e7sYmFro+WUf50/L2r01JF6FdBrVwBR9VvV/xiAutU6NrgK4+blo2q2tVYcAUra3ZtLFVVLo4qdEXx8fnYrKpcRzR8X5HVKnTtj48xUFUujqpnrj0DVeXiqEKXf77LZ6KqXBxV6Nr/VXE4Lb6So7hCxWMJvBLF6VQY//H0/7h2K0tWB0GVSP0zFlyAU9fg/Kc5o0MO35A+c9m4rtH5LpfJ+Z1Hx3/i4apV57s5Lhm48s3xIQ6uSsXPVaniJzO32pUHcYyKx4XZ7ELV045Wu1DV0NZSV+7EMT9XpfpoGitd9RfDcfPaWedC1cvsc+XTj1atrXJVKn6uDFWrlrOwxpVNVx2yxZW5q06RuWvESxU/V6XyOw6NW800qpa+7686LYy6C1Wdo+9C1ZtRuEHVz6r929F1ZfP9np8rm0e9Mn+3vqeqbRTxc2XbTe/oubIdvqyo39BzSVSpaAyUkutAUZRcchEE/Fxy4SjMAxrVqkDVUHHJiYNx2y9UKS8Ew6FqqiHTLjmbaimBDlmjMupClastcy45crGpjsugS6BKZykYCFVLzbVwWagy4RLj+QCdYNhq1VL3DO0S3vx5Vu+X8LaDdYAfslo1nEuEu0EbxIWq9cAN4RLJevAu8Dpqj1Fo04OLiWoxA62JdGKkEO5io5pc4Cs+qkkJ+hKnmaFGAvSFKkNdQF/FyFg5NEXy8W4tKqApkk93a1EioCmaj058WZhDYzQfdPlSdQWdhWMjpTlo7eQZKCwE6K30hg5RGehOJuGQJYfiJuCzX3N2BPG9z8KaAAAAAElFTkSuQmCC), linear-gradient(180deg, var(--benefits-item-start, #fff6e8), var(--benefits-item-end, #f6da987d));
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%
}

#root .member-benefits .menmber-level-benefits .benefits-item:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    background-image: linear-gradient(270deg, #ffffff00, #fffcf48a);
    border-radius: .16rem;
    width: 102%;
    height: 105%;
    -webkit-transform: translate(-.04rem, .02rem);
    transform: translate(-.04rem, .02rem)
}

#root .member-benefits .menmber-level-benefits .benefits-item .icon-fold {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .2rem;
    line-height: 1;
    -webkit-transform: translate(90%, -10%);
    transform: translate(90%, -10%)
}

#root .member-benefits .menmber-level-benefits .benefits-item .gift {
    position: absolute;
    background-size: contain;
    left: .19rem;
    z-index: 2;
    width: .45rem;
    height: .47rem;
    fill: url(#benefit-gradient)
}

#root .member-benefits .menmber-level-benefits .benefits-item .benefits-item-money {
    color: #e0ad5a;
    position: relative;
    z-index: 2;
    height: .57rem;
    line-height: .57rem;
    font-size: .4rem;
    margin: 0 0 0 .78rem;
    padding-right: .07rem
}

#root .member-benefits .menmber-level-benefits .benefits-item .benefits-item-money strong {
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
    font-weight: 400;
    text-overflow: ellipsis;
    max-width: 8rem;
    width: 100%;
    text-align: left;
    display: block
}

#root .member-benefits .menmber-level-benefits .benefits-item .benefits-item-money span {
    font-size: .24rem;
    position: relative
}

#root .member-benefits .menmber-level-benefits .benefits-item .benefits-name {
    font-size: .22rem;
    word-break: break-all;
    white-space: pre-line;
    display: block;
    text-align: left;
    z-index: 2;
    line-height: 1.2;
    padding: 0 .14rem 0 0;
    margin-left: .78rem;
    min-height: 42%;
    display: -webkit-box;
    color: #616161;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

#root .member-benefits .menmber-level-benefits .benefits-item.disable-item {
    color: #d8d8d8 !important
}

#root .member-benefits .menmber-level-benefits .benefits-item.disable-item svg {
    color: #f8f8f8 !important
}

#root .member-benefits .menmber-level-benefits .benefits-item.disable-item div {
    color: #d8d8d8 !important
}

#root .member-benefits .menmber-level-benefits .swiper-pagination {
    bottom: .4rem !important
}

#root .member-benefits .menmber-level-benefits .swiper-pagination .swiper-pagination-bullet {
    background: #8d8d8d
}

#root .member-benefits .member-level-condition {
    padding-bottom: .65rem
}

#root .member-benefits .member-level-condition .condition-title {
    padding: .6rem 0;
    color: #d9a348;
    font-size: .3rem;
    text-align: center
}

#root .member-benefits .member-level-condition.save-level {
    border-bottom: .12rem solid #f7f7f7
}

#root .member-benefits .member-level-condition.save-level .condition-title {
    padding-bottom: 0
}

#root .member-benefits .member-level-condition .level-up-brief {
    padding: 0 .14rem .15rem;
    display: flex;
    border-bottom: 1px solid #e7e7e7
}

#root .member-benefits .member-level-condition .keep-level-need {
    background: url(/mobile/mc/keep.e38a9045.png) no-repeat;
    background-size: 100% 100%;
    padding: .45rem 0 0 .45rem;
    color: #fff;
    font-size: .24rem;
    height: 1.92rem;
    width: 50%;
    position: relative;
    line-height: 1
}

#root .member-benefits .member-level-condition .keep-level-need:after {
    content: "";
    background: url(/mobile/mc/keep-rb.5d506cab.png) 100% 100% no-repeat;
    background-size: .83rem 1.24rem;
    width: .83rem;
    height: 1.24rem;
    position: absolute;
    bottom: .15rem;
    right: .11rem
}

#root .member-benefits .member-level-condition .keep-level-need .keep-title {
    font-size: .3rem
}

#root .member-benefits .member-level-condition .keep-level-need .keep-money {
    line-height: .53rem
}

#root .member-benefits .member-level-condition .keep-level-need .task-progress-bar {
    background-color: hsla(0, 0%, 40%, .3)
}

#root .member-benefits .member-level-condition .keep-level-need .task-progress-bar .progress-animate {
    background-color: hsla(0, 0%, 100%, .9)
}

#root .member-benefits .member-level-condition .keep-level-need .task-progress-bar .progress-number {
    color: #fff
}

#root .member-benefits .member-level-condition .level-up-need {
    background: url(/mobile/mc/levelup.231baf59.png) no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    padding: 0 0 .04rem .45rem;
    color: #dba854;
    font-size: .3rem;
    display: flex;
    align-items: center;
    height: 1.1rem;
    width: 100%;
    position: relative
}

#root .member-benefits .member-level-condition .level-up-need .task-member-need {
    position: relative;
    z-index: 2;
    font-size: .24rem;
    margin-left: .2rem;
    line-height: 1.2;
    padding-right: 1.15rem
}

#root .member-benefits .member-level-condition .task-progress-bar {
    position: relative;
    height: .11rem;
    border-radius: .055rem;
    width: 45%
}

#root .member-benefits .member-level-condition .task-progress-bar .progress-animate, #root .member-benefits .member-level-condition .task-progress-bar .progress-count {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: .055rem;
    background-color: #e6c28c;
    z-index: 2;
    transition: width 1s linear
}

#root .member-benefits .member-level-condition .task-progress-bar .progress-count {
    width: 100%;
    z-index: 1
}

#root .member-benefits .member-level-condition .task-progress-bar .progress-number {
    position: absolute;
    left: 105%;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e6c28c
}

#root .member-benefits .member-level-condition .condition-item {
    position: relative;
    padding-left: 1.56rem;
    color: #989898;
    font-size: .24rem;
    height: .96rem;
    line-height: 1;
    margin-top: .65rem
}

#root .member-benefits .member-level-condition .condition-item:first-child {
    margin: 0
}

#root .member-benefits .member-level-condition .condition-item .task-text {
    color: #6c5959;
    font-size: .3rem
}

#root .member-benefits .member-level-condition .condition-item .task-view-info {
    line-height: .45rem
}

#root .member-benefits .member-level-condition .condition-item .btn-task-status {
    position: absolute;
    top: 50%;
    right: .25rem;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    padding: 0 .25rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #efcc8d;
    border-radius: .28rem;
    box-shadow: 0 0 .18rem hsla(39, 77%, 75%, .51)
}

#root .member-benefits .member-level-condition .condition-item .btn-task-status a {
    color: inherit
}

#root .member-benefits .member-level-condition .condition-item .task-icon {
    position: absolute;
    left: .25rem;
    top: 0;
    height: .96rem;
    width: .96rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#root .member-benefits .member-level-condition .condition-item .task-icon .bg-radius {
    background-color: #efcc8d;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .15
}

#root .member-benefits .member-level-condition .condition-item .task-icon svg {
    position: relative;
    z-index: 2;
    color: #e6c28c
}

#root .member-benefits .member-level-condition .condition-item.done-task, #root .member-benefits .member-level-condition .condition-item.done-task .task-text {
    color: #d8d8d8 !important
}

#root .member-benefits .member-level-condition .condition-item.done-task .btn-task-status {
    box-shadow: none !important;
    background-color: #ebebeb !important
}

#controlColor.level-1 .benefits-item-money, #controlColor.level-1 .benefits-item svg, #controlColor.level-1 .benefits-title, #controlColor.level-1 .check-rule-item svg, #controlColor.level-1 .condition-item .progress-number, #controlColor.level-1 .condition-item svg, #controlColor.level-1 .condition-title {
    color: #11cad8
}

#controlColor.level-1 .condition-item .btn-task-status, #controlColor.level-1 .condition-item .progress-animate, #controlColor.level-1 .condition-item .progress-count, #controlColor.level-1 .condition-item .task-icon .bg-radius {
    background-color: #11cad8
}

#controlColor.level-1 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #11cad8
}

#controlColor.level-2 .benefits-item-money, #controlColor.level-2 .benefits-item svg, #controlColor.level-2 .benefits-title, #controlColor.level-2 .check-rule-item svg, #controlColor.level-2 .condition-item .progress-number, #controlColor.level-2 .condition-item svg, #controlColor.level-2 .condition-title {
    color: #df937d
}

#controlColor.level-2 .condition-item .btn-task-status, #controlColor.level-2 .condition-item .progress-animate, #controlColor.level-2 .condition-item .progress-count, #controlColor.level-2 .condition-item .task-icon .bg-radius {
    background-color: #df937d
}

#controlColor.level-2 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #df937d
}

#controlColor.level-3 .benefits-item-money, #controlColor.level-3 .benefits-item svg, #controlColor.level-3 .benefits-title, #controlColor.level-3 .check-rule-item svg, #controlColor.level-3 .condition-item .progress-number, #controlColor.level-3 .condition-item svg, #controlColor.level-3 .condition-title {
    color: #4967c0
}

#controlColor.level-3 .condition-item .btn-task-status, #controlColor.level-3 .condition-item .progress-animate, #controlColor.level-3 .condition-item .progress-count, #controlColor.level-3 .condition-item .task-icon .bg-radius {
    background-color: #4967c0
}

#controlColor.level-3 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #4967c0
}

#controlColor.level-4 .benefits-item-money, #controlColor.level-4 .benefits-item svg, #controlColor.level-4 .benefits-title, #controlColor.level-4 .check-rule-item svg, #controlColor.level-4 .condition-item .progress-number, #controlColor.level-4 .condition-item svg, #controlColor.level-4 .condition-title {
    color: #695fe2
}

#controlColor.level-4 .condition-item .btn-task-status, #controlColor.level-4 .condition-item .progress-animate, #controlColor.level-4 .condition-item .progress-count, #controlColor.level-4 .condition-item .task-icon .bg-radius {
    background-color: #695fe2
}

#controlColor.level-4 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #695fe2
}

#controlColor.level-5 .benefits-item-money, #controlColor.level-5 .benefits-item svg, #controlColor.level-5 .benefits-title, #controlColor.level-5 .check-rule-item svg, #controlColor.level-5 .condition-item .progress-number, #controlColor.level-5 .condition-item svg, #controlColor.level-5 .condition-title {
    color: #d9a348
}

#controlColor.level-5 .condition-item .btn-task-status, #controlColor.level-5 .condition-item .progress-animate, #controlColor.level-5 .condition-item .progress-count, #controlColor.level-5 .condition-item .task-icon .bg-radius {
    background-color: #d9a348
}

#controlColor.level-5 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #d9a348
}

#controlColor.level-6 .benefits-item-money, #controlColor.level-6 .benefits-item svg, #controlColor.level-6 .benefits-title, #controlColor.level-6 .check-rule-item svg, #controlColor.level-6 .condition-item .progress-number, #controlColor.level-6 .condition-item svg, #controlColor.level-6 .condition-title {
    color: #3d72de
}

#controlColor.level-6 .condition-item .btn-task-status, #controlColor.level-6 .condition-item .progress-animate, #controlColor.level-6 .condition-item .progress-count, #controlColor.level-6 .condition-item .task-icon .bg-radius {
    background-color: #3d72de
}

#controlColor.level-6 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #3d72de
}

#controlColor.level-7 .benefits-item-money, #controlColor.level-7 .benefits-item svg, #controlColor.level-7 .benefits-title, #controlColor.level-7 .check-rule-item svg, #controlColor.level-7 .condition-item .progress-number, #controlColor.level-7 .condition-item svg, #controlColor.level-7 .condition-title {
    color: #2d94b5
}

#controlColor.level-7 .condition-item .btn-task-status, #controlColor.level-7 .condition-item .progress-animate, #controlColor.level-7 .condition-item .progress-count, #controlColor.level-7 .condition-item .task-icon .bg-radius {
    background-color: #2d94b5
}

#controlColor.level-7 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #2d94b5
}

#controlColor.level-8 .benefits-item-money, #controlColor.level-8 .benefits-item svg, #controlColor.level-8 .benefits-title, #controlColor.level-8 .check-rule-item svg, #controlColor.level-8 .condition-item .progress-number, #controlColor.level-8 .condition-item svg, #controlColor.level-8 .condition-title {
    color: #ceb686
}

#controlColor.level-8 .condition-item .btn-task-status, #controlColor.level-8 .condition-item .progress-animate, #controlColor.level-8 .condition-item .progress-count, #controlColor.level-8 .condition-item .task-icon .bg-radius {
    background-color: #ceb686
}

#controlColor.level-8 .condition-item .btn-task-status {
    box-shadow: 0 0 .18rem #ceb686
}

.terms-conditions .rule-content {
    padding: .3rem
}

.terms-conditions .rule-content img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

#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 .reward-user-integral {
    display: flex;
    align-items: center;
    height: .54rem;
    margin-top: .11rem;
    position: relative;
    width: 100%;
    color: #694015;
    padding-left: .87rem;
    line-height: .54rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAMAAACGE/kZAAAAbFBMVEUAAACAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSCAUSDrcRl8AAAAI3RSTlMAlu98oeU7Ft24qlYJ968vw5FvD89qSdMm18a9hUIfi3RiNeK2UlkAAAFASURBVDjLjZRZkoMgFEUfo0ziPMSpk7D/PbaNUhWTKH3+LE8p3HcBdkymCbJ5x/AKu+UWEf008MKTSOy+gEfCYaMd3QW5hhXqIigDpYtCgMYl+j+piEsIFhxz0gwgsdeO7OEPTk+/htUMAdMSe0vf/iLk1FbgoSiYSdY+yFQgVPyQR5slsPODQDnJ4QKunPURDGX23eibfH1dAHIeoYjmfRLKUfVcE3ULOR0ST5no6roTLD0mrl2UBgBFqwIrzeVgMNlXee/OFEF8XPPiW3634kOwW8MTDjn2rn/Q5YSoUhRNpeZLSIPlUDhcGjjFNMwhvzmM2u/KXLDXMJkleptpmLYmSoQwH4fAu2GUchzqQ+R3gMFFuBkAk187dbW16vqo7PQoPVHoa9GS5vNewbJc4I2KN0jWgmGMRS1ROVcQ+AVtgWfyNSDFQQAAAABJRU5ErkJggg==) .45rem no-repeat;
    background-size: .36rem .33rem
}

#root .reward-center .reward-user-integral .reward-content-info {
    display: flex;
    flex-direction: row;
    line-height: 1.2
}

#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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translate(-50%, -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;
    -webkit-transform: translateX(-50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAACMCAMAAAA+wwf3AAABZVBMVEUAAABA6Gti+RU/6Gxj+RQW1bcY1rRg+BsY17IY1rNi+BcX1rRi+RUX1rUX1rQb160X1rRj+BUX1rVk+RNh+Bhh9xpk+RNh+Bdj+RNb9SRg9xpP8D5S8ThN70MW1rZd9iEm3ZUt4IU043c25HI65mtA6V5C6llE61VJ7UtW8y9Y9Cxa9She9x4Z17EX1rQf2qMc2Kso3pEp3o4r34ss34kv4YIw4n4y4nw45W4752c952Q+6GFG61FH7E5L7kdT8jRV8jIa168b160h2qAY1rId2aYd2Kkj25wk3Jiz89wn3ZIy43pL7Uiy8t+w8uAi25125sUk25qY7cyV7NJ4576X7M6s8ttV4qx35sOG6cuX7NBn5bVT4LE63K6A6cNU4a2Q7Msy3Z9u5cBl47xd4rRS37RK4Kim8NWd7tY/36OI6sek79iO6s9k4r9x5rlR37dH37Au26if79It26sw3KWJ68Ut2qzzG1QKAAAAF3RSTlMABJQQ6+mS6urGxoBYV0zqra2WgYBMTB3LRgIAAAUjSURBVHja3M+BCYQwEETRWYJLQkgUC7CDhLSgyPVf0km4i2gHO2+mgY9BsoZpM2kKmgVvLhrNGVnR4SEZD+pRCTdZ689mcte7VUbRUkks/yatNBRdOt+qtd8SLs6fRLwDEAuVCIgvVLwgFzIZupNRhJ1MwHyQmdEOMg2NDmPSh86XNXJbYRSGouj8UT8iOG/nEBCCFiMlWgioaKdlvn92btW0cZiHWdA2+9w3LVpaZMCsmQTrTym1D45S/o7ZUGXk8tG+ZO2LLmwAmLemVm3meo4LXMJj3CurlwcKlqoCNSfqZyZZVhMbX2OZF/9QPFZAM6vnZ/uctbdbtiGxVpLrCjzb9xbgEg4EW6hjPR+ovjixVEvHzGyjjKzYMEcH2AQ2Zu9EsmLz1V6/Ze9cvD0NEmCCBDpaeloExnVAoUyWkqMq1sZ6gLhX/2wpVmKrjjIxsvI3sQ0PA9eOiXuevtsfuxwYBUeY7+ERLPXMJv0vOmSTo6Ay7sxVmR+XAjU14fEgGnaZQht+Zhqm8AjJkRQy97xd5+13L3dCPWio9oPnuEJRE7MtUZvXgjTsUqZgKb/JJJmw/i5Fj9aHlTeG3a3/nFvy9udzSwPRI527xWxL6P2vlrQl0p+Wend4R/Yy4HPZSLngi+BsJHr9tb0hm1vqDpYaTPrIwpHJa3e6c0uiwJWmKyBgvHwD1dEkREO9eMGBMHQTwLigmMjs7ZbA4GUjAgYDDuDM8GjoijJ85Vk34ZZUIlXBkihzYily6zIZpjgnv3ANvkZxc1fj6c/uaTrWK7Rnlv5wSwa7zYNAEO6j/O/SQzOnKAiTA5YD+i2QOXCImvfvAMY2Eq5Uqad+h7DL7C47Vv7/yBIJ/Ka/Y2lAGMfRQOk1la06f0IlBwjvCgsjBwQpZQDm79ol/HEQMNb7gdP406rQ7wZwbW1lBM4sXTtwiXQE4LGlOxKThmHwgHfwpbJimnbXtgcMx0FlPJHpPkJVQUuX1Hi9WgVva23DA7j2efvowCXSYT3UUtMdhyEgpkiB9tbgkZDA0rTbY/sC6OMgrlkCWmrUAaaq3DzU2gYKH33OLREHDFu6o+C5OTEMZp4asFmxgNzr+ao5tg+0eGapyC6nGtCbOjH5oaVbBy5RAs6bU/q6r7gbMYDPcgRgc71ZO1/wZ+3SA7p5BriXgJb46wAVl5uNwHNX7ZNOUxbrDkvuuQO3Pm+XDgKyBPm/w3RDXEgEpiwvvCjHvHbyIX1oV/B7e5IauHQJZJmrsfK0B9UxZ7Yj60uXPl1Lk9B1RSEi040pOxFi3cXkwlmkjeqNrO1F0Vt7XC4tQrgSaLF+opcC4KVt1JiGiB1dnApxZunfn+OL/fkgghAAggC2Vv7BAL1IAP9+0HGZi4N0qYI8nEwcsTRzxNLCEUsrRyz9OF2qIBtHLO0csXRwxNLLyZ/TpQoycLpUQU6OWBo5XaogF0cs3ZyvPTpLQRgIoij6utMQCPkRh8SOki/n7MBxAe5/PYoiojuoS52qDVweMemIQ0xa4XiSBVrjeJIF2uB4kgU64RCTzjjEpC2OJ1mgO44uOMSkJY4nWaAOR90Sdh1yJRwtcJ5JHesXzJVodMUhJt1wiEk7HE+yQHscT7JABxxPskBzHE+ygJjU43iSBRpwiEn9wJJ7lZllKFVlmEoxw0RNM8xUoWxQyiBNGpSJpAI1Uyr0VDcgtV5igxH1FkYtxCjo0xRbhBj0VafWvFTrRzE2HpXGhf6FWayMZqUqzoI+HkNSjwBu8JSuAAAAAElFTkSuQmCC)
}

.records-items-content.background3 .content_left {
    background-image: url(/mobile/mc/promotion_bg3.933f3c7a.png)
}

.records-items-content.background3 .ticket {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAACMCAMAAAA+wwf3AAABHVBMVEUAAAAQePIH4+0QePIQd/ILr/AH4O0H5e0QefIH4+0H4+0H4u0H5e0QdvIQe/IH3u0Qd/IH4+0QefIQdvIQd/IH4u0QevIMp/ALrPAOj/EOjPENmPAH3O0OifEPhfELsO8JyO4JzO4H3u0PgvEOkvEMpPAMn/ANm/AKwe8Ku+8KuO8Ls+8I2O4I0+4Iz+4Jxe4H5O0PfvKr0/oNlPEMofANnfAKve8H2u4I1e4I0e4QfPIPf/INlvENlfEJw+8Ltu9vrPar1fqPxPiPwvhvsPaAuPePwfil0PpJnfOIvfhvrfZJmvNJl/SezPldpvRdovWXx/kih/MijPIxi/MxkfJnqPZJm/M9lvNnrPV4s/d4tvY9kvRTovRTnfU9mPNiHGQ5AAAAFHRSTlMA6pSTUhDr6vmBWEzHxsXFra2AgJ3BfPAAAATVSURBVHja5NTLDYVADEPRGyUjzQaEIEofb0v/hT2x4SMqGHM6sCybS/hkPQfUbfLgpW2WQ7Ot8RCDBzpYcOMpwTktKWIR6+jWU6SQAGgCz3CxBqwlZQWspBhEiQm8xDhziZnVplRl9F1MZ5fDT85XIv25JZPsxGEoitZGwoQV1JsysWwJIbDcG0yX/S+jvhrLFhhOUSejujkk+vqNdFHKxNHnPgzkv5OktZv3JKl91lX1SfnQXkbtZRudEKB5+dja9mqr/AEmYenNKqpPZiwobRbYYmRbRyGSjUZvayqgtAuJ+4ZoAVk/tquoXVzjEzz5JsHWbNYinEKYhEEAgqJ5PWZsnnihtE0MCqh86MnpBOUNIMziCliTBBL9U/s2hGdjEZzsKwEiIVqvVFeAuOclFSZeKRhtfK2vJwRgo79W2rvFHmhdGLhD2juhcouerA0aZ+jn9noKS7iCAJD7Oqt0BvrxXVqbDUYuisiBKYiV1gvQJdyiBsoQhq0r/VEotVu4JJlSJo/b27g9t+GEqydIyQ5W/giJvc8ao1AbkQPrZd4rtUDvw0Bl7yVRC7stSYwQEObzVon01WulEqjH6159VoB6f1Spq4DuUelsLn5AtS7ps75Chre7A/Xb9j2qWOkwU9qbSXFWAH1cO3H4TCmDzggQvQ0DdpZerznOpEEGvfvie7O51uin9gpEYUPu5/bAohJHZsqyByUzQY1RIPtHJY86RKGbYkwqUKbCfa3srWnJ7QPqeb2k9kip+EiJMM/0udJqgQzicDgoyMKHPM7eGkhanCFWEh2tToDgnAvg9q6dQ88HkdK4n9E0+hVnUawUcAq1EaS0WmZBKVxC0JwFJY5zAWWn6hO0r/SoqP0Utwtkr5UGyDFRcGoEhtWqkdDNDyo1GrJ7VjohE3QcIUF6fnE0cKCL2pt5ewcUsdIxKEXZDGrMHgEx1kYcP1Ri3F2esSyEE5Jp1pmFooX5TysYa2ymYYxP9UfGVGi3C6sYYGxU8sdIehw3rgjZiwlcFPDDP1FKzSX8vJsJxc5zciZM2/TAnEtKV3cIpl+1c20uFyvtRqXUfYFy6FYNTa2mbFORqYmGnaezPbs3Sl9PP9OdGs1kQ2Eg9SYXm+7cRmdvPh5UzNol01O7MwrHxErudTxVMxM+WUM2wSelr6WfX18LXNLCr3ZpOlAYuJjNLk13Lq1s4S1NTeB3eGi3mSK0D91XTJp+u0VBcw2dkHRlzZsoO5ghacAP/6ZDFyGl/44/7M9LEcAgAEPBuOi0vfIRANzAvy105E3WwabkQB9OSg6IpRcnJQfEUsFJyYEGDrF0cLRx9OOk5IBY6jgpOdDCIZYaTkoONHGIpYqTkgM9OLc9ekmJIAjCIBwUdDXdPTDMorAXA/bUyreufGz0/rdSRESZE2SQX+YFgj+TIsikCFh1uFhX2RtXWnW41PlKWmXnXMmGW51MioAPHW50MikCrnUyKQKedYxJVzqZFAHvOjzqZFIEbDqZFAHbSXYbJ51MioAHnUyKgDcdY9K9TiZFwKuOMelOJ5Mi4EXHmHTUyaQIqEeZyr7L7CldprB0mQVq7010FZiaygQMtYnUAWBuIjPfStMo/Dg0iQOAaqfCH/P4FN44888wBY8ap4EzS9kFzRp3ZeHXJ32EuQg3piTcAAAAAElFTkSuQmCC)
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANIAAACMCAMAAAA+wwf3AAAA81BMVEUAAAD/AC3/ACz/Epb/CmX/EpT/E5j/AC3/Epf/ACz/ACz/E5b/Epb/E5j/EpL/E5f/ACz/E5f/ACv/AS3/ATD/ACz/E5f/EIr/DXX/B1P/EY7/D4X/Dn7/EpH/EpT/AjT/D4H/DXn/CV7/CFf/Bkv/BUb/BEL/Azz/DHH/DG7/C2v/C2j/CmX/CmL/CFv/Bk//Az//p7r/Ajj/BUj/aoL/i6P/i5//QmX/aoX/obX/g5r/mq//e5H/QmH/KEz/kqf/F0P/WHf/V3H/GEj/e5T/aob/YXv/TWz/Ql//Nlz/KVL/c47/YX//V3T/Nlj/c4v/nrJuciSjAAAAFHRSTlMA6pNSEOvqxoGATJSSx8WtrZZYV55wfTEAAAS8SURBVHja5NNLCsQgEATQ6kYQXYWkXHuHuf/hxtk4EZPsrbzeiD8sGvGXPVpZkkXPmIS0aJweKwUM9sUD/diOEy8SHN1WRGxiPTr16ShCDjTBKMQCgNQGRaaYAEg1iTQgU0yGU4wjUkxU+0qkoVLMB2zqRXFc6OpNNc/H5/3dNDndM3p+C6qcl0T6ck92yY3CQBA+yj7ymnYhQBJBYDAYDHbuf5od/TCLQvAmW37argrRqKclfVJyTr36ayhZ119pWrnJIU3r4PquPj1/ip+j+LmKdmDRetc1WvUqU2EDazj1dhT1pxt9EynDqqyOSqS/NHrXYwB/jg8M7jTAR/05rqJ4ed/uwKJrQmYn65J3IVnDqqQgVdt+bPRtpCy1UoAJJb9SCRUIUNrBHXAkKST6XTzj8mEp7tErAaW79YBUG5oYrueMmAISE1FVxq9E8z97pdCZApUvWQOkOxOMH/REbaXxgN7Hay4p4hpY/A4B6QH067tU3mUi7mVdgcP/pdNedAg/qIEzlzx1p18KZ+0H3iRSct7jeBXH3225ke8nEZJbWIUtJNLgWiLuDeLFTgd6ilQBfShZBgt9JerSTUsHRnuX9mcXX7ZxBXWMtAD1etx7cEtQ9kVIhT+SAapQsh4o7YLmtNDP6Q7JbzcA9dN4AfMlUmGRCrtS7Jb2Rl+FpDMSSL0rWW4tbfd/EAYR9P7ie2j6amrnuAFpYULfhWOkjD6xawB+VrCyvyMlezGDevcly5ZEkhiQYzAkCoudMyjo+4De9ssQJ89rAZKNCMkPCIna6BO7QAf0oWKFLkJKDvQVkkCX57mCXEJZxO7QQjqCLpGYaDQCXVEUHTA8ixfQ8aHzdV7Y1cRnpCVRwMi9kfKfIPEhOiD/AqnArYFyq+oROnQGqSg+xvEO4hhphlyNphitOydJK6HbFyK1GnLaI40QHWY7kiC8MMitCmCK4u02PgHNEVLkCqjVzYHuNUiXcHgILlkEoDHZgaLBYG8VaJ3Tglq5PwfUNi484h7pAuHt0T8SwbF7o+KnSG970SH84AYMtuzyoNHOKkA7ewaxuH4Vkh30UfyigSbaBsj9gJDoOwJynt7aGTB/3NYQqa3mPGhyGUJ6O9BTJPe3QyVLBJKbsyc/MbmTrxs1m7iE3sTJOkYiNQgy7cYdHSHAuvwL0k2sm+dCzFSyHMokRDiLco2DEBxV4sJx5zQcpxeIJcToB40IV9RJAPrSRu5sFxGssPgoxDHSf6ff7M85FYBAFMDAb4OWqwMK/HtbHcnLOJi5dSoRGEuXTiUCY+nXMZZOnUoExtKnU4lgNp1KBJUIjKVDpxKBsfTqVCKYXacSgbH06Kz26CYFYSAIonDBZEIgUXEzkcQE3fl3//MpIkFxK0g9+usTvK5IcqAbTiQ50BUnkhzoghNJDnTGiSQHOuFEkgPtcCLJQSQ5ICYdcSLJATFpjxNJDiLJgQ44keSAmDTiRJIDZFIPu1E9jvq/v/XHx1wJJ5IcaMDR0MNuQK6EE0kONOFEkgPlCSZrPcGs1c0wrdIMk6Q8o2RJzYzSSKpQM+VKD6mAJD21BaPVy6ZAbLTYFoSt3qS62KuTPlSNeVTdVPqSupVpVr3qkhZ3NuTIZ2yyUTkAAAAASUVORK5CYII=);
    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 .mall-header {
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    margin: .6rem 0 0 .5rem;
    border-radius: 50%;
    border: .1rem solid #9fd2f9;
    overflow: hidden
}

.mall-home-top .mall-header img {
    width: 100%;
    height: 100%
}

.mall-home-top .mall-number-info {
    float: left;
    margin: .6rem 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
}

.mall-home-top .mall-user-integral .mall-intergral-svg {
    top: -.02rem;
    position: absolute;
    fill: #fef565
}

.mall-home-top .mall-user-integral .intergral-count-text {
    margin: 0 0 0 .48rem
}

.ticket-item {
    height: 2.5rem;
    padding: .3rem;
    position: relative;
    margin-bottom: .2rem;
    box-shadow: 0 .08rem .8rem rgba(0, 0, 0, .1)
}

.ticket-item .operating {
    width: 23.6%;
    position: absolute;
    background: #fff;
    right: 0;
    height: 100%;
    text-align: center;
    padding: .2rem .2rem 0;
    top: 0;
    color: #bababa;
    font-size: .24rem
}

.ticket-item .operating .due-title {
    width: 100%;
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ticket-item .operating p {
    margin-bottom: .4rem
}

.ticket-item .ticket-item-btn {
    white-space: nowrap;
    display: inline-block;
    color: #fff;
    background: #30d005;
    box-shadow: 0 .03rem .08rem rgba(53, 213, 106, .48);
    padding: .16rem .5em;
    font-size: .26rem;
    min-width: 1.2rem;
    text-align: center;
    border-radius: .4rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: .2rem
}

.ticket-item .ticket-item-btn.expired {
    background: #cecece;
    box-shadow: unset
}

.ticket-item .ticket {
    width: calc(78% - .4rem)
}

.ticket-item .ticket, .ticket-item .ticket .ticket-card {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ticket-item .ticket .ticket-card {
    border-radius: .2rem;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    padding: .2rem;
    width: 40%
}

.ticket-item .ticket .ticket-card span {
    font-size: .28rem;
    color: #fff;
    font-family: Arial;
    font-weight: 700;
    margin: .1rem 0;
    max-height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.ticket-item .ticket .ticket-card i {
    font-size: .24rem;
    font-style: normal;
    color: #fff
}

.ticket-item .ticket .ticket-info {
    padding: 0 .2rem;
    text-align: left;
    width: 60%;
    float: right
}

.ticket-item .ticket .ticket-info h3 {
    color: #737373;
    font-size: .28rem;
    width: 100%;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.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.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.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 {
    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 {
    background-image: linear-gradient(0deg, #ff773b, #ff1e31);
    box-shadow: 0 .05rem .2rem rgba(255, 117, 59, .35)
}

.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 {
    background: url(/mobile/mc/tiket_bg_blue.1f0a8f1d.jpg) no-repeat;
    background-size: 100% 100%
}

.ticket-item.MANUAL .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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.gift-modal {
    text-align: center
}

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

.gift-modal .show-gift {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    z-index: 998;
    -webkit-transform: translate(-50%, -50%);
    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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translate(-50%, -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;
    -webkit-transform: translate(-50%, -50%);
    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 {
    font-size: .28rem;
    top: 14%;
    margin-top: .2rem
}

.new-show-gift .gift-content .content, .new-show-gift .gift-content .title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fdfae3
}

.new-show-gift .gift-content .content {
    font-size: 1.2rem;
    top: 27%;
    margin-left: .1rem;
    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%;
    -webkit-transform: translateX(-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
}

.prize_wheel_bg {
    z-index: 100011;
    background-image: url(/mobile/mc/bg.9f884f1e.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fb471e
}

.prize_wheel_bg, .prize_wheel_root {
    height: 100%;
    width: 100%;
    position: absolute
}

.prize_wheel_root {
    z-index: 100012;
    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%;
    background-image: url(/mobile/mc/wheel.6006c95c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    content: "";
    top: 1.38rem;
    left: .12rem;
    height: 63%;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.prize_wheel_root .wheel_bg .wheel_content.rotate {
    -webkit-animation: rotate .8s infinite;
    animation: rotate .8s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.prize_wheel_root .wheel_bg .wheel_content ul {
    border-radius: 50%;
    width: 90%;
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    top: .3rem;
    left: .3rem;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(45deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-1 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(90deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-2 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(135deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-3 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(180deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-4 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(225deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-5 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(270deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-6 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(315deg);
    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;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-7 .rewardItem .prize_message span {
    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 {
    margin: 0;
    max-height: .7rem;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.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 .wheel_content ul li.item-8 {
    padding-top: .12rem;
    text-align: center;
    width: 90%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    content: "";
    display: block;
    justify-content: center;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-8 .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-8 .rewardItem .prize_message {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    position: relative
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-8 .rewardItem .prize_message span {
    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-8 .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-8 .rewardItem .prize_message div.prize_item {
    margin: 0;
    max-height: .7rem;
    max-width: .5rem;
    width: 100%;
    height: .5rem
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-8 .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-8 .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-8 .rewardItem .prize_message div.prize_item .icon-RETRY {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAC91BMVEUAAAD/oRb/1QD/wgz/tAD/zAD/wwD/lhX/tgr/4AP/tQD/lx7/zgD/0AD/6gD/0AD/uAD/zwD/wgD/zgD/mh3/1gH/lx7/lx7/zQD/lR7/qQv/ygD/twD/kSH/lh7/6gD/lx3/twD/zQD/uQD/lCD/zgD/mR7/uAD/lxz/5QD/zQD/zwD/0QD/ugD/mx3/7gD/3gD/1QD/ywD/2QD/iCP/7gD/2wD/6wD/6gD/tQ3/wQD/pRj/zQD/tAD/0AD/6QD/lhv/0AD/mSD/6gD/zQD/zgD/9QD/mh7/lx7/5wD/uAD/uQD/5gD/mh//6QD/6AD/lR3/yAD/2QD/uw//twD/mRf/liH/5AD/vgD/5AD/nR3/lBr/oRb/lx7/5AD/kh3/yAD/vQD/wwD/zQD/kxr/zQD/lh7/tAD/zQBGMh7/6gDIAFr/7AD/sQD/lR7/7wD/7gAmEyP/iyL/phj//wD/0QCEcBP/hyP/kx//9wD/8AD/thL/zgD/yQD/1wD/ugAmFyP/kSD/jyH/6AD/vACEZhS/AGnDAGTPAF3/jSH/mB3/0ADeAGQ9NRn/qhY2OBb/4AH/8gD/4wD/wQDEAGH/iiL/lh9EMR3/vRD/ywL/vwL/tgDZAGLUAF/HAVrNDlP/nBxCMxv/ohr/uRL/zwr/0wn/xQL/+QD/9AD/0wD/wwD/twDKA1rRG0x7HTZgJyswISItHyE9Kx//nhv/rhb/tBUyORQuOxP/3AX/5AP//AD/9QC9BFWqDEvdRDjjVy5oJS5ULCVLLyA5KCBCLh7ufBxQOxv/oBlxVxWDXhSEaRMwOhP/sRGCdRH/yQ//wg+tigzgugXdpAX9qwT7vwDFAF2WAFjYG0+tCk7WLUSYEkSTFULrPT7aOz2CGzpyITNdKSn/gyQdDSTqbSMlEiM4JiBALh9WPxwxKxxfQhqWaRd7VRaEYxSEYRT0jBP4lBGafxCZbBDMoA2xgAz6owjUqgfWmQf7qQbmqATvqwP/5gL/2AH3twGtcyd3AAAAZnRSTlMAIhAI+vArGQz+9dfKtKulimxRSz3+/fj47+/s6+rp5+Pc29LCt5qPhIGBfHdyZ0E6IB0Z/fr58/Lu6Obj4tfU09DFw8O/uri4t6+ooZ+bko2NiIeGfnRrZ15dXVlQTk1BPjk0MCMxNBRRAAAET0lEQVRIx4XTZXzTQBiA8cPd3d3d3d3d3dKQJWlpKZSQtbSF1bauZRu0hTHYBmzD3d3d3d3d5QPXXJKSBPl/6f2WPnmvlwWIRmURVhnqDKvWO3funv3zFagPBLWBUsWyBQHUYEi3MgRJkgRBqsnvjXP2G8vdpRedTlGkK40V7gvq5G7KfR0hNYzVGJ6zZvqCOQxYZUUyEoNaZNvOaBCS4D68Xg+b2qwYjWFlFUmXYGJxJmvUHI2VILgFk1JIZ4EFVqSgPDFgQWZtoo6zwcps1PFLByygqrKiNobQWk6cQcP4pqO1GUNyyJK2mITBB08tDpOYl0VSDC6CSS0lCG8ijUm0/+2cs3SdJysWW+ERnzbLxhQbLhRjStOygt7ohY8lmxOTMVTOyj3YqnCEjGMr9zh1mKLJMRE+9VK04gLtnBEsmDMGTKHwIJClYkOzIqFTuMRHK644So2AOxvg1MqvWJLVMLEeUezLUhwEdfa4p8t34GZgslVxJ0NSanpY1G2SwvgstOyQt8FDlv8Uy5E0I5sHJtUIQjNjqewqnUwQKU7pfcxuVyqOZ4Jj2hDQdp30siGJJLfFyYboXTiOFy0AMhBBmqVa/lbTkTiScd9DSwc/OBEWUHUwGr2DXnTS2nmbZnI2WpkktEpya2kumYlzcoE+BEe9yQD/GqfLNgNZThA70GL7j5Pm4P2cy1DSGnQgEHgADq1Ps4NE4GzugyGNuDHghG/ZBhdKioIyfLJtsWNx8nKG/J2a0czV+1nW6HdbzCf1OAIaqRHvptPLp8rtsHo8cyGr1Z/o0vNAISOy9f2pU9Okjs959XIOcnza8/DZPJApHMHP3p+iMEv08LCJ4oHyOOL6dGDyPzw+ZlLxQC4+YfXr/pUc+LCCL7KDGjjPc3j+P5L154UhFUBdIdG/fSR+YUn05i1bTkRHhZIn34SkBwC44Nx6/nLUiah9e1evvnN3/+ZofvL8YwuEpBYAnYSEPXqQm7Bl/+2rYfGRkQvtO2+siY7mkrVfhST7OADyiTs7t3Y+HBG1eif89sqwsJX2+Ej79X3BZt27NGFIKwBA5kxCM/fsuvlRS3ZFxoeJ7JGL9m6evP7ZRZVgIIAq4QLPi7VLdi0Mk4i3r3l68PwKMckAoPp+sfl59PLCRdJkkd225nOMEFB5ASePUISbLt60xUqTSxFX3iwTZ5Ssh5LMJYSEMuGHEiJsoUGxEbG7TbAQwCFIjXC+oVQrXF/2rLJFRNhiY23wY+Wt13ggVJQDolx8o4Ji9AsO7bm2KiEhYdXuBx/9+IJQUTxdKEnfDiXov3U2m5qmunCBCrD6ZeiokIz5wW/qoZ8jnowpEBMTMKEBAmookJjUEu3s7zLWAjINOsKCTaP+ElDSXYHQ49Gb/tKUywz+pEB5FmdRIx+RNyv4s6zVM7G4iaJkgap7aIRS+nw52RgVJVZwUbLKePAfE2pWam4S3qcKVfIrtvQLacKO1aJxvEYAAAAASUVORK5CYII=)
}

.prize_wheel_root .wheel_bg .wheel_content ul li.item-8 .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-8 .rewardItem .prize_message div.prize_item .icon-POINT {
    background-image: url(/mobile/mc/point.cdcc8aa4.png)
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_1 {
    -webkit-animation-name: ticket1;
    animation-name: ticket1
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_2 {
    -webkit-animation-name: ticket2;
    animation-name: ticket2
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_3 {
    -webkit-animation-name: ticket3;
    animation-name: ticket3
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_4 {
    -webkit-animation-name: ticket4;
    animation-name: ticket4
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_5 {
    -webkit-animation-name: ticket5;
    animation-name: ticket5
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_6 {
    -webkit-animation-name: ticket6;
    animation-name: ticket6
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_7 {
    -webkit-animation-name: ticket7;
    animation-name: ticket7
}

.prize_wheel_root .wheel_bg .wheel_content.ticket_8 {
    -webkit-animation-name: ticket8;
    animation-name: ticket8
}

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

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wheel_container .ticket_message {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    padding-top: .92rem;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7);
    opacity: 0;
    display: none;
    z-index: 100015;
    height: 6rem;
    background-size: contain;
    background-repeat: no-repeat
}

.wheel_container .ticket_message.contact {
    background-image: url(/mobile/mc/winPopUp.78bdfac0.png)
}

.wheel_container .ticket_message.normal {
    background-image: url(/mobile/mc/losePopUp.46ecd0cd.png)
}

.wheel_container {
    position: fixed;
    width: 100%;
    height: 100vh;
    height: calc(100 * var(--vh, 1vh));
    top: 0;
    z-index: 100011
}

.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: -1.63rem
}

.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%;
    -webkit-transform: rotate(45deg);
    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%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.wheel_container .ticket_message.messageOpen {
    -webkit-transform: translate(-50%, -70%) scale(1);
    transform: translate(-50%, -70%) scale(1);
    transition: all .3s;
    transition-delay: .5s;
    opacity: 1;
    z-index: 100032;
    text-align: center;
    display: flex;
    align-items: flex-start;
    padding-top: 35%;
    justify-content: center
}

.wheel_container .ticket_message.messageOpen .message {
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.wheel_container .ticket_message.messageOpen .message .text-1 {
    font-size: .49rem;
    font-weight: 700;
    color: #87250a;
    padding: .1rem
}

.wheel_container .ticket_message.messageOpen .message .text-2 {
    font-weight: 500;
    font-size: .32rem;
    color: #8a5641;
    margin: 0 0 .4rem
}

.wheel_container .ticket_message.messageOpen .message .contact {
    border-radius: .4rem;
    background-image: linear-gradient(180deg, #ff9b75, #fb2912, #fb2912);
    color: #fff;
    padding: .14rem;
    max-width: 2.2rem;
    min-width: 50%;
    min-height: .8rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: initial;
    transform: none
}

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

.message_mask.messageOpen {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .8) !important;
    z-index: 100031
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.red-envelope-rain .receive-open {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAcCAMAAACppkqwAAAA2FBMVEX/jgn/kwj/+UX/ugMAAAD/xgn/6zL/6Cz/5Cf/3yH/kAj/igj/swT/lAj/kAf/90H/kAf/nwf/mAj/igj/uQP/+UX/0Bj/iwn/nQf/vBH/jAn/qAX/kgj/lgf/+UX/+EP/owr/8Dj/iQj/+UX/lQj/lQj/8Tr/+UT/+EP/9D7/lAj/lAj/8z3/8z3/7jb/7jb/6zL/6Cz/4yf/+EL/8Tr/8Dj/7jb/4CT/3iD/9D//8z3/2hv/1xf/1BP/9kD/0g//zwz/zAf/ygT/zwL/1Qj/4xv/3hL/0gErq8OxAAAAMHRSTlPTw/TyAPzy8fHx6efnrIFyOvn18/Hu7Ork39zc2c/KybupqJVaWE9FPDkuLeHg29qN2V8lAAAA5ElEQVRIx7XWVZrCQBRE4TszHSAe3N1hDHdJuEn2vyOg+dhB17+B81hFQhp2G/lPhfKN7lBIMjBqLgCao3fAXYC4r4B7hnGfgfEOaPwI/OyBvgUNllADaq+g2vS7hvqjxD9UAh9IzqCS+EBqDpXCB/QNlE76FkqnQngACgtUDo9AYZla0QkoapGjRReYSHPIyzBfQZgzHolOmtmHYE53BImpWdLYD5TzWSuZ0+fo97M1K4jjm1JxHFi1bP91W3qGWa9auS+Fcla1bhq99/Ga2EaxQkpVioY9ETIgeY79oZTteEK6A+PC75h/Mk8rAAAAAElFTkSuQmCC) no-repeat;
    padding: .06rem .1rem .1rem;
    width: 80%;
    margin: 0 auto;
    height: .6rem;
    font-size: .26rem;
    text-align: center;
    background-size: 100% auto;
    color: #fff
}

.red-envelope-rain .entry {
    position: fixed;
    height: auto;
    width: 2rem;
    right: .2rem;
    bottom: 1rem;
    z-index: 100010;
    text-align: center
}

.red-envelope-rain .entry.high-bottom {
    bottom: 1.5rem
}

.red-envelope-rain .entry img {
    width: 100%
}

.red-envelope-rain .entry .gift {
    width: 1.8rem;
    height: 1.8rem;
    background: url(/mobile/mc/gift.4aee3023.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 1.15rem;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    margin: 0 auto
}

.red-envelope-rain .entry .gift.disable {
    color: hsla(0, 0%, 100%, .3)
}

.red-envelope-rain .entry .countdown-label {
    font-size: .3rem;
    font-weight: 900;
    color: #a200ed;
    text-shadow: 0 .02rem .1rem rgba(61, 0, 0, .37);
    -webkit-text-fill-color: #a200ed;
    -webkit-text-stroke: .02rem #fff
}

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

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes rain {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translate3d(15%, 100%, 0);
        transform: translate3d(15%, 100%, 0)
    }
}

@keyframes rain {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translate3d(15%, 100%, 0);
        transform: translate3d(15%, 100%, 0)
    }
}

.red-envelope-rain .rain {
    display: block;
    position: absolute;
    z-index: 190;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation: rain linear infinite;
    animation: rain linear infinite
}

.red-envelope-rain .rain.foreground {
    background: url(/mobile/mc/rain.fb3661f8.png) no-repeat;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    background-size: 100% auto
}

.red-envelope-rain .rain.second {
    background: url(/mobile/mc/rain.fb3661f8.png) no-repeat;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    background-size: 100% auto
}

.red-envelope-rain .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-rain .amount-modal, .red-envelope-rain .ing-modal, .red-envelope-rain .wait-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999
}

.red-envelope-rain .amount-modal .red-envelope-rain-mask, .red-envelope-rain .ing-modal .red-envelope-rain-mask, .red-envelope-rain .wait-modal .red-envelope-rain-mask {
    background: rgba(0, 0, 0, .85)
}

.red-envelope-rain .amount-modal .red-envelope-rain-title, .red-envelope-rain .ing-modal .red-envelope-rain-title, .red-envelope-rain .wait-modal .red-envelope-rain-title {
    position: relative;
    z-index: 99
}

.red-envelope-rain .amount-modal .red-envelope-rain-title > img, .red-envelope-rain .ing-modal .red-envelope-rain-title > img, .red-envelope-rain .wait-modal .red-envelope-rain-title > img {
    position: relative;
    height: auto;
    right: .2rem;
    top: 0;
    width: 110%
}

.red-envelope-rain .amount-modal .countdown, .red-envelope-rain .ing-modal .countdown, .red-envelope-rain .wait-modal .countdown {
    text-align: center;
    z-index: 99;
    position: relative
}

.red-envelope-rain .amount-modal .countdown > h3, .red-envelope-rain .ing-modal .countdown > h3, .red-envelope-rain .wait-modal .countdown > h3 {
    font-weight: 700;
    color: #fff;
    font-size: .48rem
}

.red-envelope-rain .amount-modal .countdown > h4, .red-envelope-rain .ing-modal .countdown > h4, .red-envelope-rain .wait-modal .countdown > h4 {
    font-weight: 500;
    color: #fff;
    margin-top: .4rem;
    font-size: .3rem
}

.red-envelope-rain .amount-modal .countdown > h4 > .text-label, .red-envelope-rain .ing-modal .countdown > h4 > .text-label, .red-envelope-rain .wait-modal .countdown > h4 > .text-label {
    display: inline-block;
    vertical-align: middle
}

.red-envelope-rain .amount-modal .countdown > h4 > .second-label, .red-envelope-rain .ing-modal .countdown > h4 > .second-label, .red-envelope-rain .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-rain .amount-modal .countdown > p, .red-envelope-rain .ing-modal .countdown > p, .red-envelope-rain .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-rain .amount-modal .red-envelope-rain-amount, .red-envelope-rain .ing-modal .red-envelope-rain-amount, .red-envelope-rain .wait-modal .red-envelope-rain-amount {
    min-height: 4rem;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    z-index: 99;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%)
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount.zoomIn, .red-envelope-rain .ing-modal .red-envelope-rain-amount.zoomIn, .red-envelope-rain .wait-modal .red-envelope-rain-amount.zoomIn {
    -webkit-animation: zoomIn 1s forwards linear;
    animation: zoomIn 1s forwards linear
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount .amount-bg, .red-envelope-rain .ing-modal .red-envelope-rain-amount .amount-bg, .red-envelope-rain .wait-modal .red-envelope-rain-amount .amount-bg {
    width: 100%
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount .close-amount, .red-envelope-rain .ing-modal .red-envelope-rain-amount .close-amount, .red-envelope-rain .wait-modal .red-envelope-rain-amount .close-amount {
    width: .8rem;
    height: .8rem;
    margin-top: .6rem;
    margin-left: .22rem
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount div, .red-envelope-rain .ing-modal .red-envelope-rain-amount div, .red-envelope-rain .wait-modal .red-envelope-rain-amount div {
    text-align: center
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount .amount-container, .red-envelope-rain .ing-modal .red-envelope-rain-amount .amount-container, .red-envelope-rain .wait-modal .red-envelope-rain-amount .amount-container {
    position: absolute;
    left: 50%;
    top: 30%;
    width: 100%;
    color: #b27008;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount .amount-container .message, .red-envelope-rain .ing-modal .red-envelope-rain-amount .amount-container .message, .red-envelope-rain .wait-modal .red-envelope-rain-amount .amount-container .message {
    margin-bottom: .3rem;
    max-width: 64%;
    text-align: center;
    margin: 0 auto
}

.red-envelope-rain .amount-modal .red-envelope-rain-amount .amount-container span, .red-envelope-rain .ing-modal .red-envelope-rain-amount .amount-container span, .red-envelope-rain .wait-modal .red-envelope-rain-amount .amount-container span {
    font-size: .8rem;
    font-weight: 700
}

.red-envelope-rain .ing-modal .countdown, .red-envelope-rain .wait-modal .countdown {
    margin-top: .9rem
}

.red-envelope-rain .ing-modal .countdown > p, .red-envelope-rain .wait-modal .countdown > p {
    line-height: 1
}

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

.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 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;
    -webkit-transform: scale(1.04);
    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-evenly
}

.mall-home-wrap .mall-home-orders .mall-order {
    box-sizing: border-box;
    height: 3.62rem;
    flex: 0 0 47%;
    margin: 0 0 .16rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img {
    justify-items: center;
    width: 1.35rem;
    height: 1.35rem
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-img img {
    max-height: 100%;
    max-width: 100%
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-text {
    margin-bottom: -.1rem;
    font-size: .22rem;
    line-height: .3rem;
    font-weight: 700;
    width: 2.5rem;
    text-align: center;
    color: #666;
    word-break: break-all
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral {
    display: flex;
    max-height: 1rem;
    width: 100%
}

.mall-home-wrap .mall-home-orders .mall-order .mall-order-integral .order-integral-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 .05rem;
    width: 100%;
    text-align: center;
    padding: .05rem .1rem;
    font-size: .24rem;
    border-radius: .1rem;
    background: #f6f6f6
}

.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 .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 .exchange-submit {
    margin-top: .2rem;
    background: #fff;
    padding: 0 .3rem;
    padding-bottom: .5rem
}

.exchange-wrap .exchange-submit p {
    height: .26rem;
    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: .8rem
}

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

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

.point-convert input {
    min-width: 4rem;
    display: inline-block;
    height: auto;
    text-align: right;
    padding: 0;
    border: 0
}

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

.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: .5rem;
    background: #f6f6f6;
    border-radius: .1rem;
    text-align: center;
    margin: .05rem .1rem 0 0
}

.orderinfo-wrap .gray-bg {
    height: .2rem;
    background: #f6f6fa
}

.orderinfo-wrap .orderinfo-body {
    padding: 0 .3rem 1.66rem
}

.orderinfo-wrap .orderinfo-body h5 {
    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 {
    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%;
    -o-object-fit: contain;
    object-fit: contain
}

.message-open-title .am-list-extra {
    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-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
}

.getMail span {
    line-height: .9rem
}

.reply-btn span {
    line-height: inherit
}

.getMail .status span {
    flex: 0 0 33.3333%;
    width: 33.3333%
}

.getMail .status span.all {
    text-align: left
}

.getMail .status span.all input, .getMail .status span.all span {
    display: none
}

.getMail .status span.del {
    text-align: center
}

.getMail .status span.complete {
    text-align: right
}

.getDit .ditBtn {
    width: 30%;
    display: block;
    text-align: left
}

.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-left: .1rem;
    margin-right: .2rem
}

.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 #5e5e5e
}

.EmaiWebList .am-checkbox-agree .am-checkbox-agree-label {
    margin-left: .56rem
}

.EmaiWebList .am-checkbox-agree .am-checkbox {
    width: .6rem
}

.EmaiWebList .am-checkbox-item {
    float: left;
    top: .35rem
}

.EmaiWebList .am-list-item {
    padding-left: 0
}

.EmaiWebList .am-list-thumb {
    top: -.32rem;
    position: relative
}

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

.EmaiWebList .look .am-badge-dot {
    background: green
}

.EmaiWebList .noLook .am-badge-dot {
    background: #ccc
}

.emailMessageInset .ContarsContent {
    width: 64%;
    word-wrap: break-word;
    padding: .14rem 0;
    max-height: 2.5rem;
    overflow: hidden;
    overflow-y: auto
}

.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 {
    width: .52rem;
    height: .52rem;
    border-radius: 50%;
    border: .02rem solid #999;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -.28rem;
    right: .05rem;
    color: #999;
    font-size: .38rem;
    line-height: .42rem;
    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
}

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

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

.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 .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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateY(-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 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    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 {
    float: left
}

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

.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%;
    -webkit-transform: translateY(-50%);
    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
}

.voucher-msg-container .voucher-msg-list .voucher-msg-title {
    font-size: .3rem;
    color: #666;
    margin-bottom: .06rem
}

.voucher-msg-container .voucher-msg-list .voucher-msg-content {
    font-size: .3rem;
    font-weight: 700;
    color: #5f5f5f;
    padding-right: .9rem;
    word-break: break-all
}

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

.voucher-msg-container .voucher-msg-list .voucher-msg-copy svg {
    width: .32rem;
    height: .38rem;
    pointer-events: none;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.voucher-msg-container .intergallery .upload-content {
    position: relative;
    margin-left: .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::-webkit-input-placeholder {
    font-size: .32rem;
    font-weight: 500;
    color: #747474
}

.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::-webkit-input-placeholder {
    color: #888;
    line-height: .5rem
}

.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::-webkit-input-placeholder {
    color: #747474;
    line-height: .5rem
}

.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;
    text-align: left;
    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, .activity-remark {
    position: relative
}

.activity-remark {
    bottom: 0;
    font-size: .24rem;
    color: #989a9c;
    left: 0;
    padding: .06rem 0;
    word-wrap: break-word;
    word-break: break-all
}

.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 {
    -webkit-animation: mc-rotate 2s linear infinite;
    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;
    -webkit-animation: mc-dash 1.5s ease-in-out infinite, mc-colors 6s ease-in-out infinite;
    animation: mc-dash 1.5s ease-in-out infinite, mc-colors 6s ease-in-out infinite;
    stroke-linecap: round
}

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

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

@-webkit-keyframes mc-colors {
    0%, to {
        stroke: #ff5676
    }
    40% {
        stroke: #3296ff
    }
    66% {
        stroke: #30f282
    }
    80%, 90% {
        stroke: #fefc41
    }
}

@keyframes mc-colors {
    0%, to {
        stroke: #ff5676
    }
    40% {
        stroke: #3296ff
    }
    66% {
        stroke: #30f282
    }
    80%, 90% {
        stroke: #fefc41
    }
}

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

@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.5rem;
    min-height: 1.5rem
}

.deposit-promo-v2 .act-container .act-item:last-child .act-prom-name {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 1.2rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.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;
    padding: .1rem .2rem;
    color: #7f7f7f
}

.deposit-promo-v2 .act-container .act-prom-name {
    position: relative;
    padding: .2rem 30% .2rem .2rem
}

.deposit-promo-v2 .act-container .act-prom-name .act-mount {
    max-width: 30%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-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 {
    color: #9ea5b4;
    font-size: .26rem;
    padding: .2rem;
    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 {
    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
}

.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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translate(-50%, -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 {
    font-size: .3rem;
    max-width: 1rem;
    line-height: 1
}

.msg-v2-container .setting_sort_left p a, .msg-v2-container .setting_sort_left p span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.msg-v2-container .setting_sort_left p span {
    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 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right bottom;
    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%;
    -webkit-transform: translateY(-50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.msg-v2-container .voucher-msg-container .voucher-msg-list .voucher-msg-copy {
    right: 0;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    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: 2.3rem;
    height: 2.3rem
}

.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 {
    padding-top: 1rem;
    height: calc(var(--vh, 1vh) * 100 - .8rem) !important;
    overflow-y: scroll;
    background-color: #fff
}

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

.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: .24rem;
    padding: .2rem 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%;
    -webkit-transform: translateX(-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)
}

.vc-scroll-container {
    height: calc(var(--vh, 1vh) * 100 - 1.7rem)
}

@-webkit-keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

@keyframes skeletonLoading {
    0% {
        background-position: 100% 50%
    }
    to {
        background-position: 0 50%
    }
}

.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;
    -webkit-animation: skeletonLoading 1.4s ease infinite;
    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
}

.vc-v2-container .flex-another-pay span {
    margin-left: .16rem;
    color: #a1a1a1;
    font-size: .24rem;
    max-width: 4.2rem;
    line-height: 1.2;
    padding-right: 1.3rem
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fd5580
}

.vc-v2-container .vc-v2-title.pay-active {
    padding: 0 .4rem
}

.vc-v2-container .vc-v2-title.pay-active:before {
    left: .2rem
}

.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 .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;
    -webkit-transform: translateY(-50%);
    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;
    -webkit-transform: translateX(-50%) !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;
    -webkit-transform: translate(-50%, -50%);
    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 .bii-container {
    width: 2.28rem;
    height: .46rem;
    overflow: hidden;
    position: relative
}

.vc-v2-container .vc-v2-show-bank .bank-in-img img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.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%;
    -webkit-transform: translate(-50%, -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: .88rem
}

.vc-v2-container .vc-v2-method li .desc-info {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    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: .5rem;
    height: .5rem;
    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 {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: calc(100% - .24rem);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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 .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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: .04rem !important
}

.vc-v2-container .vc-v2-input .deposit-amount-con {
    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
}

.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 .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 input {
    color: #333;
    background: none
}

.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;
    -webkit-transform: unset;
    transform: unset;
    width: auto;
    padding-left: unset;
    flex: 1 1 0%
}

.vc-v2-container .vc-v2-active {
    width: calc(100% + .4rem);
    left: -.2rem
}

.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 .act-item {
    margin-top: 0;
    border-radius: 0;
    border: 0;
    padding-left: .85rem
}

.vc-v2-container .vc-v2-active-container .act-container .act-item:after {
    content: " ";
    position: absolute;
    bottom: 0;
    width: calc(100% - .4rem);
    height: 1px;
    left: .2rem;
    background: #e4e4e4
}

.vc-v2-container .vc-v2-active-container .act-container .act-item:last-child {
    border: 0
}

.vc-v2-container .vc-v2-active-container .act-item {
    font-size: .24rem;
    position: relative
}

.vc-v2-container .vc-v2-active-container .act-item:before {
    content: "";
    position: absolute;
    left: .2rem;
    background: #fff;
    height: .4rem;
    width: .4rem;
    display: inline-block;
    top: .55rem;
    border-radius: .08rem;
    border: 1px solid #b4b4b4
}

.vc-v2-container .vc-v2-active-container .act-item .act-prom-name {
    font-weight: 700;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    padding: .2rem 1.2rem .14rem 0
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount {
    border-left: 0;
    margin-top: .05rem;
    padding-right: .2rem
}

.vc-v2-container .vc-v2-active-container .act-item .act-mount i {
    color: #ff9934
}

.vc-v2-container .vc-v2-active-container .act-item p {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
    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.dis:before {
    content: "";
    position: absolute;
    left: .2rem;
    background: #fff;
    height: .4rem;
    width: .4rem;
    display: inline-block;
    top: .55rem;
    border-radius: .08rem;
    border: 1px solid #d4d4d4
}

.vc-v2-container .vc-v2-active-container .act-item.on {
    color: #666;
    font-size: .24rem;
    background: none !important
}

.vc-v2-container .vc-v2-active-container .act-item.on:before {
    display: none
}

.vc-v2-container .vc-v2-active-container .act-item.on svg {
    position: absolute;
    left: .2rem;
    height: .45rem;
    width: .45rem;
    display: inline-block;
    top: .55rem;
    fill: #f33
}

.vc-v2-container .vc-v2-active-container .act-item.on .act-prom-name, .vc-v2-container .vc-v2-active-container .act-item.on .vc-v2-account-info {
    background: none;
    display: inherit;
    white-space: normal;
    word-break: break-word
}

.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 .act-mount i {
    color: #ff9934
}

.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 {
    background: none;
    color: #333
}

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

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

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

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

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

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

.vc-v2-container .change-item-animate.in {
    -webkit-animation: fadeIn .25s;
    animation: fadeIn .25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.vc-v2-container .change-item-animate.out {
    -webkit-animation: fadeOut .25s;
    animation: fadeOut .25s;
    -webkit-animation-iteration-count: 1;
    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;
    -webkit-transform: translateX(-50%);
    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 .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;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mc-vc-bank-popup .vc-ban-list-item.vbl-ck:before {
    content: "";
    position: absolute;
    left: -.2rem;
    background: rgba(51, 153, 255, .3);
    height: 100%;
    width: calc(100% + .4rem);
    display: inline-block;
    top: 0
}

.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: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 {
    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::-webkit-input-placeholder {
    font-size: .26rem !important
}

.ios-version input::placeholder {
    font-size: .26rem !important
}

.bank-card-tips {
    text-align: left
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC6ElEQVRYR81XPU8UURQ99y2ws4mFjRYGE2wsEBMTsLAxEgt/ARQSCjGKOwsqVFqJlVagws4KRC0IFvALLIzGxkJJTAQKG000FNpQmOwHzL1mZnZw9mN23jgafM0Uc+855713333nEfZ5UGz+RelM7VTOCKEbIifcfKINEmza7R1vcYW+xcHUE2BVepXwEAhnAfRGEKxB8IZJLcPsWIsS01pA/ucpRW1ZAFejgEL+L7DsFpA78CEsP1RAyqpcEvA0gIN/SO6nbRPUpG12PGuG01SAKpTvQGQqIXFtOtEUZ9N36zEbBcwWz6kUvfqr5FUwtqUf45nXQexaAYVyjxJ5AeDIvxAAYIuJLiCbXvfxawQoqzSfoOB0NS+waYw2CnCOGvi9LkqSOIbq84/o3gqoQukBBDeSAGvnEh5y1rjp9jA/SVmljwB6tEGSBa6zaZz8LaBQ7FJCn5NhxstmkmPIZr64K5CyygMCWQmFEHxillGVUnNAtf+HBtMG2zymFM2DcDy8A9KgbaZXXQFRjYd304dxnX7gcblbMVbCRdAGKwziWnoTj+SQait/D9fpNSZPgFVyZj8QFez+DxURINeYFIBVNo1BPQFutdBtzqbvNxfRQH4LIvciqiIgQLf3CyY5Z8zUigD2lt2Zeb40AYJzibUe1btBrwiDUIIc5wzLF+F+nT33yE0Q8lHc3vELFCEWpVPtlL/qJLrJLJftsczTYHxqrjgiip7oYnB7+qjjnoKNyGnDUW5nD58gQ7aZee4d4+JFAS3rkgNYY9Po81aiOlS+NA3CRAwQJ33Ji5fhWHmCGc4ZkzUCsN+XkVtE+3odOwo8E+q4oaQ+MGxHtll2+4MmtcGSVc1oTYXH2t8WwQQ1Um9O/0NT6s/AM6fO0UrqD7fYlqF6M+rTtH6YeCZ1PIFPXGCi2aAJrd8h/acZ8TAE5zVc0zoIL1nUUvKnWbOCKhS7UqJON32cEr9zXE6cotVbgTiIMWN/AR6oOTB15hAPAAAAAElFTkSuQmCC) no-repeat;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: .26rem;
    bottom: 1.26rem;
    background-size: 100% auto;
    -webkit-animation: flash 5s;
    animation: flash 5s;
    -webkit-animation-iteration-count: infinite;
    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
}

.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 {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%
}

.v-base .m-mc-notice-container .mmnt-title-detail {
    overflow: hidden;
    font-size: .28rem;
    color: #484848;
    word-break: break-word;
    font-weight: 600
}

.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;
    -webkit-transform: rotate(90deg);
    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;
    -webkit-transform: rotate(-90deg);
    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 .8rem .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
}

.v-base .m-mc-notice-container .mc-notice-content {
    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;
    position: absolute;
    right: .2rem;
    top: .2rem
}

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

.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 32%;
    position: relative;
    margin-top: .2rem;
    border-radius: .08rem
}

.overview-statis-wrapper .overview-select .item-btn.red-bg {
    background-color: #fef1f1
}

.overview-statis-wrapper .overview-select .item-btn.red-bg input[type=radio]:checked ~ .item-content:before {
    border-color: transparent transparent #fef1f1
}

.overview-statis-wrapper .overview-select .item-btn.red-bg .count:before {
    background-color: #ed4f4f
}

.overview-statis-wrapper .overview-select .item-btn.blue-bg {
    background-color: #f4f1fe
}

.overview-statis-wrapper .overview-select .item-btn.blue-bg input[type=radio]:checked ~ .item-content:before {
    border-color: transparent transparent #f4f1fe
}

.overview-statis-wrapper .overview-select .item-btn.blue-bg .count:before {
    background-color: #6d51f5
}

.overview-statis-wrapper .overview-select .item-btn.purple-bg {
    background-color: #fcf1fe
}

.overview-statis-wrapper .overview-select .item-btn.purple-bg input[type=radio]:checked ~ .item-content:before {
    border-color: transparent transparent #fcf1fe
}

.overview-statis-wrapper .overview-select .item-btn.purple-bg .count:before {
    background-color: #dc51f5
}

.overview-statis-wrapper .overview-select .item-btn.green-bg {
    background-color: #f1fef3
}

.overview-statis-wrapper .overview-select .item-btn.green-bg input[type=radio]:checked ~ .item-content:before {
    border-color: transparent transparent #f1fef3
}

.overview-statis-wrapper .overview-select .item-btn.green-bg .count:before {
    background-color: #4fed65
}

.overview-statis-wrapper .overview-select .item-btn.orange-bg {
    background-color: #fef6f1
}

.overview-statis-wrapper .overview-select .item-btn.orange-bg input[type=radio]:checked ~ .item-content:before {
    border-color: transparent transparent #fef6f1
}

.overview-statis-wrapper .overview-select .item-btn.orange-bg .count:before {
    background-color: #f58b51
}

.overview-statis-wrapper .overview-select .item-btn.skyblue-bg {
    background-color: #f1fbfe
}

.overview-statis-wrapper .overview-select .item-btn.skyblue-bg input[type=radio]:checked ~ label + .item-content:before {
    border-color: transparent transparent #f1fbfe
}

.overview-statis-wrapper .overview-select .item-btn.skyblue-bg .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: center
}

.overview-chart .chart-select-wrap .select-item {
    font-size: .26rem;
    font-weight: 500;
    margin: 0 .05rem;
    padding: .05rem 0
}

.overview-chart .chart-select-wrap .select-item .item-content {
    padding: .12rem .38rem;
    display: inline-block;
    min-height: .5rem;
    color: #9b9b9b
}

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

.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%;
    -webkit-transform: translateY(-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 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: .3rem;
    height: .3rem;
    margin: 0
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup {
    left: 0;
    top: 1.1rem;
    position: fixed;
    height: calc(100vh - 1.1rem);
    height: calc(var(--vh, 1vh) * 100 - 1.1rem)
}

.dropdown-wrapper.filter-overview-wrapper .seach-popup .search-mask {
    height: calc(100vh - 1.1rem);
    height: calc(var(--vh, 1vh) * 100 - 1.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::-webkit-input-placeholder {
    color: #646464
}

.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;
    -webkit-animation-name: detail-slideInUp;
    animation-name: detail-slideInUp;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.profit-detail .pnl-container.hide-pop {
    -webkit-animation-name: detail-slideOutDown;
    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
}

@-webkit-keyframes detail-slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes detail-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.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;
    -webkit-animation-name: detail-slideInUp;
    animation-name: detail-slideInUp;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.promotion-detail .pnl-container.hide-pop {
    -webkit-animation-name: detail-slideOutDown;
    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;
    -webkit-transform: 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% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes detail-slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.country-code {
    display: flex
}

.country-code .mc-country-code-input {
    flex: 0 0 35%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: .1rem;
    border-radius: .15rem;
    height: 1.05rem;
    line-height: 1.05rem;
    background-color: #efefef;
    overflow: hidden
}

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

.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: "";
    position: absolute;
    right: .2rem;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.mc-country-list-container .close {
    position: absolute;
    right: .08rem;
    top: 50%;
    -webkit-transform: translateY(-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
}

.fpb-sms .account-form {
    display: inline-block;
    width: 60%;
    vertical-align: top
}

.fpb-sms .sms-send {
    display: inline-block;
    vertical-align: top;
    min-width: calc(40% - .4rem);
    padding: 0 .2rem;
    margin-right: .4rem
}

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

.fpb-sms-input .account-form {
    flex: 1 1 0%;
    display: inline-block;
    width: 100%
}

.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;
    margin-left: 5%;
    border-radius: .15rem
}

.fpb-sms-input .mc-country-code-input span {
    margin-top: -.2rem;
    margin-left: .4rem
}

.fpb-sms-input .mc-country-code-input span img {
    position: relative;
    top: .2rem;
    left: -.1rem;
    width: .6rem;
    height: .6rem
}

.search-bank {
    position: relative;
    height: 1.43rem;
    display: block;
    padding: 0 .2rem .2rem
}

.search-bank svg {
    top: 45%;
    -webkit-transform: translateY(-50%);
    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
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .66rem
}

.tcg-tips img {
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-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: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
}

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

.account-form {
    padding: 0 5% 1em
}

.account-form.no-mgbtm .account-form-group {
    margin-bottom: 0
}

.account-form .account-form-group {
    position: relative;
    margin-bottom: .3rem
}

.account-form .mc-account-list {
    overflow: hidden;
    position: relative
}

.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-left: .05rem
}

.account-form .account-icon {
    position: absolute;
    color: #0ec0f0;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.account-form .account-b {
    position: absolute;
    top: 50%;
    height: 70%;
    width: .02rem;
    left: .85rem;
    -webkit-transform: translate(35%, -50%);
    transform: translate(35%, -50%);
    border: 1px solid #949494
}

.account-form svg.txt-svg {
    left: 1.5em;
    color: #a5a5a5;
    z-index: 9
}

.account-form svg.am-icon-eyes, .account-form svg.txt-svg {
    position: absolute;
    top: .525rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.account-form svg.am-icon-eyes {
    right: .5em
}

.account-form .inputSelect .inputBase {
    padding-left: 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::-webkit-input-placeholder {
    font-size: .31rem
}

.account-form input::placeholder {
    font-size: .31rem
}

.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% - .96rem);
    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
}

.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%;
    -webkit-transform: translateY(-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;
    font-weight: 700
}

.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: #428dfc
}

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

.am-tabs-tabpane-active .width {
    height: 1.4rem;
    background: #fbfbfb !important;
    border-top: 1px solid #d6d6d6;
    padding-left: .2rem;
    padding-right: .2rem
}

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

.width div {
    float: left;
    height: 100%;
    padding: .1rem 0
}

.width div:first-child {
    width: 30%
}

.width div:nth-child(2) {
    width: 45%
}

.width div:last-child {
    width: 25%
}

.width div p:first-child {
    height: .7rem;
    text-align: center
}

.width div p:last-child {
    height: .5rem;
    line-height: .5rem;
    text-align: center
}

.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: #fd452a
}

.color4 {
    color: #00c81c
}

.color5 {
    color: #fd452a
}

.color7 {
    color: #04cae8
}

.records-root .remark 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-root .remark.true p {
    display: block
}

.card-header {
    height: .8rem;
    line-height: .8rem;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.card-header div:last-child {
    width: 20%
}

.card-header div:first-child {
    height: 100%;
    float: left;
    font-size: .32rem;
    font-weight: 700
}

.card-header div.time {
    width: 43%
}

.card-header div:last-child {
    margin-right: .15rem;
    height: 100%;
    float: right
}

.width p {
    margin: 0
}

.wr-card-header .card-header-span {
    margin-left: .4rem
}

.wr-card-header svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

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

.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 .card-header-people {
    width: .5rem;
    height: .5rem;
    color: #46bcf2;
    margin-right: .1rem
}

.contract .card-header .people_svg {
    float: none;
    display: flex;
    align-items: center
}

.contract .card-text {
    position: absolute;
    top: 0;
    font-size: .33rem
}

.contract .card-header .people_svg .card-text {
    margin-left: .5rem
}

.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 {
    float: right;
    color: #0a98f8;
    font-size: .3rem;
    width: auto;
    position: relative;
    white-space: nowrap;
    text-align: right;
    display: flex;
    align-items: center
}

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

.card-details:not(.CN) .card-header div.endContract span {
    font-size: .24rem;
    color: red
}

.card-details .card-header span {
    display: inline-block
}

.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%;
    -webkit-transform: translateX(-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
}

.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 {
    width: 75vw;
    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-right: .3rem
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhGREEyOTgxNTc0NTExRUNCMDhDRUVCNDg5RjkyOEY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhGREEyOTgyNTc0NTExRUNCMDhDRUVCNDg5RjkyOEY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEZEQTI5N0Y1NzQ1MTFFQ0IwOENFRUI0ODlGOTI4RjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEZEQTI5ODA1NzQ1MTFFQ0IwOENFRUI0ODlGOTI4RjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PCWI7AAACBklEQVR42qyVuUtDQRDGNyGIFuKBoIKKhbEStVG8iJWohYJ2+gckrRZeCBEFLyxMJ/kHTGehhYqViFfp0XiA4omIUbEIWhi/gW9heb68eGTgx9vZt/NldvJ21uX3+1UCywE9oB1UggLwAW7AOVgFkXA4/GwX7LIRTgf9YBBkK2d7AXNgHj8QcxIuBSugwpiT7DbBFf0S0AzKjDXHoAPil3bCRWCXT7E9MExROxPxGVBHX0pUD3F5Krex/SWKxhnQ6CCq+E7WjDFGYpcCgUCGKdwHajgOghHwqZLbJzKcYIyiRp8WzuWWxfbBZAKRR2JnErPF8RCyznXzk8rSk9yWneWRb4as49ylolaPCLdy4ixJTR0N4tt4nNJtE+FqOjvq/6bLUSXC+XSujQWZYBlsGGgz55ZRz0zjnf7W80X4XaXO0vTAA+6ZYbGx4A10WoL0n9piqa3p6sP1IBmf0GlIQcb1fB6I8DodL/D9VRG1llNYTndNhCPglROz0j8SxD4RO1GJmaIrWhERjlJQsaGM/vaAMEbvdhZ1j+peEQJHHMvZnzb6iJO5kG2QMbp9hswmJE26G9yxFNI7tpPU3MdDNc6YW9ClG77H0tCbeDAqWJZN46hbG73XqdF7LFlcgFpeTQO8mrwWkR9dTR6bxTH+wwugVxoKL9NCvpcDdSifFFhMdJl+CTAACOORUgCDKn4AAAAASUVORK5CYII=);
    background-size: 100% 100%
}

.dividend-list .show-icon.fold {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdDNUU0RUJCNTc0NTExRUNBMUNDREZBQzM4NDFFRDE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdDNUU0RUJDNTc0NTExRUNBMUNDREZBQzM4NDFFRDE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0M1RTRFQjk1NzQ1MTFFQ0ExQ0NERkFDMzg0MUVEMTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0M1RTRFQkE1NzQ1MTFFQ0ExQ0NERkFDMzg0MUVEMTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Ud8htAAAB9UlEQVR42qyVuy/DURTHb6URHQRdkCAGNQkW4hVGDCRs2NuVwStNKiQejYFN+gfQrQMDRpF6jB6LR0I8YyliaBjwPcn3JjfNr79fW07y6b3n13u+Pff0d891+f1+lcZKwBDoBfWgDHyBB3ANtkE0Eom8WgW7LIQLwBiYAMXK3t7AMljBDyTthKvBFqgznkl2e+COfhXoAjXGmnPQB/FbK+EKcMhR7AhMUdTKRHwJtNCXErVCXEaVZ2w/RtEfBrTbiCp+J2tmGCOxsUAg4DGFR0ET5yEwDb6Vs30jwznGKGqMamEvtyx2DOZV9iYx+5xPImtvHl+pIv2Q28rKkPUPd6moNSTC3Xxw5VBTJ/E4hku6PSLcSOdA/d10ORrc+Cilc28sKATrwOMglEQ9R5DtB339rpdKxp/q/yxfTyTjZ2ZYaSyQDPozrK3p6sP1Ihlf0Gn7h4xbOZ6I8C4dH+jMVRG1llNYS3dHhKPgnQ/C0j9yEJWYBbqiFRXhBAUVG0owh4SDxm7DqHtC94pVcMa5nP1Fo4/YmQvZhhij2+eq2YSkSQ+CJ5ZCekfcoeadPFSzjHkEA7rhu1MaegfYZKNv4RG/StPofXaN3p2SxQ1o5tU0zqvJlyKS0dXktjqm/IfXwLA0FF6m5fxeDtSpvFJgI91l+ivAAB3Pivsnm88AAAAAAElFTkSuQmCC);
    background-size: 100% 100%
}

.dividend-list .mark-info {
    position: absolute;
    background: #514d62;
    right: -1.98rem;
    bottom: .35rem;
    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
}

.dividend-list .mark-info:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.16rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    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: inline-block;
    position: relative
}

.dividend-list li.team-list.dividend-service-fee .title-text:after {
    content: "";
    position: absolute;
    right: -.36rem;
    top: 0;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY4Q0I3NERDNTc0NTExRUM5MTVBQTBEMDJDNkRBQjRDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY4Q0I3NERENTc0NTExRUM5MTVBQTBEMDJDNkRBQjRDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDQjc0REE1NzQ1MTFFQzkxNUFBMEQwMkM2REFCNEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDQjc0REI1NzQ1MTFFQzkxNUFBMEQwMkM2REFCNEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5R8pFqAAAB6UlEQVR42qyWv0/CUBDHS0cXgxqdNOJoYSAanYyDI4sLCeJkSBwcHRw0RhJ/7LoQJTopEf0LGFxYlbgIjLopEfAXOrjU7yXX5IKv7Wv0kk8C13vf63u93jVk27bhYRZIgzgYBX3sfwf34BacgjtXBUqgIAYK4NP2N4op8ppfWiHFDjJgFwzx/y9QATXQZN8wiIAJ0MO+BlgHJ147yIJvvrMPkAeWyy4NvpbnWJvXbsoYGZwR4jWQUAjugG2Fn2LrIslSdwI6v4YQV53nnDj3eZfn5iR5BFGZ4FwcS8LlOFIiQcolJiGO68xJEBXVcuhx3joJiCNRXZaJ57zAlUDVcmD83fZZizTTJr9EZDeg+g8JqqxFFje5nsnqxv+ZoxWhBGH+0wwgMOZz3dEKmwFEr8TCVZDUWUQJXvn3gE/sM1gBLdAPch5JHK03KqsSl1XZo/QkSdDkNW0wpYgp8/WSyY3M4MZlaez6EqyBF35+04oWP8m/K90vWl5zFwbf+azCnxcvWsxxFjVahQ60tsNaF93N7smn2fkhm13D0XBr11UwE/DOZbteVs0DYkskoa3mwLjGwOkI8azOyNwDg2JkXvPIbLFvxGVkboBj3aFfDDD0C0GGvrQYWBSfLb3sb4MH/mwpeHXhHwEGADazSuYOu9HlAAAAAElFTkSuQmCC);
    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;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top
}

.dividend-header .profit-detail-table.fold {
    -webkit-transform: scaleY(0);
    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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: .2rem;
    bottom: .1rem
}

.dividend-header .dividend-header-content .dividend-info svg {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: .34rem;
    height: .22rem;
    fill: #e97125
}

.dividend-header .dividend-header-content .dividend-info svg.close {
    -webkit-transform: rotate(180deg);
    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%;
    -webkit-transform: translateY(-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 th.col-right, .product-cost-popup th.col-right, .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
}

.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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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: .8rem;
    height: .8rem
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAAAXNSR0IArs4c6QAAAfJJREFUaEPtmG0vBDEQx2fuo3npAyAknhKCIIROL7xwJB46SxBCQkJISMR3VNmLSybi7rbb2bNH+7qd/n/z77azg/AHBv4BBkgQdXExOZGcUMxAOk6KyYwK9T+dIKIlRBxxzo1Fpa/LYmvtvvf+g5n3i8YPcsIY00TE4zw4Ir5rgxhjDhFx50t8qyhIEAQR7QFAq5MhTRAiOgEAK2IfOOfy/fqOIIg8WhUgRHQKAFsdtd77oyzLdvuq/5oQDKENQkTnALAhBDtmbhYFaB/tkMlyroYjRHQFAKsi7hkzb4dqKg0R64i19sZ7vywEXzDzZihAlBOdzco4QkR3ALAgBF8z81oZABWIUEeI6AEA5sQtdOucWykLoAZRFMRa++S9nxaC75l5MQZAFaIfiDHmBREnheBHZp6PBVCH6AaSlxEAMC6O0LNzbkYDoBKIn0CkWO/9a5ZlU1oAlUH0AHlj5glNgATRK5vf346hO04/PX5D9WH3er2H4ootUn7U+rErAiBqrfqVHSEAAqQ+BWAZgA5ILUrxGADhyO/9FGkACJDB/55qAgiQwTUKqgAQIINp2RDROgBctouuYW2e5eKNMbONRmNUu/snbq1q25jaJbRWvKiWjZaI2DgJIjaDWuuTE1qZjI2TnIjNoNb65IRWJmPjfAIPpSBAY3nahwAAAABJRU5ErkJggg==);
    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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .24rem;
    line-height: .24rem
}

.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 {
    -webkit-transform: rotate(180deg);
    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 {
    margin-right: 0;
    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%;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translateX(-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 {
    -webkit-transform: rotateX(180deg);
    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 {
    -webkit-transform: rotateX(180deg);
    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 {
    -webkit-transform: rotateX(180deg);
    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 {
    -webkit-transform: rotateX(180deg);
    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%;
    -webkit-transform: translateX(-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-left: .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%;
    -webkit-transform: translateX(-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-left: .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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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-left: .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 {
    background: #fff;
    color: #848484;
    font-size: .32rem;
    padding-left: .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 .8rem
}

.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;
    -webkit-filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33));
    filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33))
}

.ag-link-lmanage .ag-link-mgtop .rotate180 {
    -webkit-transform: rotate(180deg);
    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%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

.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 {
    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;
    height: .45rem;
    min-width: 2.04rem;
    padding-right: .1rem;
    border-right: 1px solid #d1d1d1
}

.agrg-checkbox-list > div:first-child {
    margin-left: 0
}

.agrg-checkbox-list > div:last-child {
    border-right: 0 none
}

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

.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-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;
    -webkit-transform: translateY(-50%);
    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
}

.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;
    color: #ccc;
    padding: .4rem 0 0
}

.forget-fpwd a {
    color: #bababa
}

.w-input-content span {
    width: 2.5rem;
    position: absolute;
    left: 0;
    top: 0
}

.w-input-content .placeholder {
    display: flex;
    align-items: center;
    height: 100%
}

.w-input-content input {
    width: 100%;
    height: .55rem;
    font-size: .3rem;
    border: 0 none;
    background-color: inherit
}

.w-input-content .error {
    color: red;
    top: -.04rem;
    position: relative;
    margin-left: -10px;
    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
}

.withdraw-bankcard, .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 {
    margin-bottom: .2rem;
    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
}

.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:not(.CN) {
    padding-left: 2.8rem
}

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

.translate-tips, .withdraw-bkinfo {
    line-height: .34rem;
    font-size: .24rem
}

.translate-tips {
    margin: .25rem .45rem 0;
    color: #ea604b;
    text-align: left
}

.withdraw-tips-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 4.73rem;
    -webkit-transform: translate(-50%, -50%);
    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
}

.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 .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 .am-tabs-top.show-one .am-tabs-bar {
    z-index: 1000
}

.my-banks p {
    padding: 0 .35rem;
    text-align: center;
    font-size: .28rem;
    color: #a9a9a9
}

.my-banks .cards-title {
    font-size: .32rem;
    padding: 0 .35rem .35rem .2rem;
    color: #595959
}

.my-banks .w-input-error {
    color: #b3b3b3;
    text-align: left;
    padding: .15rem 0 .1rem .45rem
}

.my-banks .red-input-error {
    color: red;
    text-align: left;
    padding: .15rem .45rem .1rem .5rem
}

.my-banks .withdraw-nbank {
    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
}

.my-banks .withdraw-nbank span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.my-banks .am-wingblank.am-wingblank-lg {
    margin-left: .6rem;
    margin-right: .6rem
}

.my-banks .cards-tips {
    padding-bottom: 1.8rem
}

.my-banks .add-card-btn {
    height: .9rem;
    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: .36rem .35rem .35rem;
    line-height: .9rem;
    text-align: center;
    font-size: .36rem
}

.my-banks .add-card-btn svg {
    width: .34rem;
    height: .34rem;
    position: relative;
    top: .04rem;
    margin-right: .1rem
}

.my-banks .add-card-btn.dis {
    background-image: linear-gradient(#d8d8d8, #d8d8d8), linear-gradient(#0e0221, #0e0221);
    box-shadow: none
}

.my-banks .withdraw-bank .slider-frame {
    margin: 0 .55rem !important;
    overflow: inherit !important
}

.my-banks .withdraw-bank .slider-frame + div {
    bottom: -.85rem !important
}

.my-banks .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
    background-color: #38a0f3
}

.my-banks .swiper-container {
    padding-bottom: .6rem
}

.my-banks .swiper-pagination {
    bottom: .1rem
}

.my-banks .swiper-pagination span {
    width: .17rem;
    height: .17rem
}

.my-banks .withdraw-bankcard {
    border-radius: .2rem;
    margin: 0;
    padding: .3rem .22rem;
    color: #fff;
    overflow: hidden;
    font-size: .27rem
}

.my-banks .withdraw-bankcard, .my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .withdraw-bankcard.c6, .my-banks .withdraw-bankcard.c7, .my-banks .withdraw-bankcard.c8, .my-banks .withdraw-bankcard.c9, .my-banks .withdraw-bankcard.c10, .my-banks .withdraw-bankcard.c11, .my-banks .withdraw-bankcard.c12, .my-banks .withdraw-bankcard.c13, .my-banks .withdraw-bankcard.c14, .my-banks .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%)
}

.my-banks .withdraw-bankcard-icon {
    height: .49rem;
    margin: .05rem 0 .15rem
}

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

.my-banks .withdraw-bankcard-icon img {
    height: 100%
}

.my-banks .withdraw-bankcard-cont, .my-banks .withdraw-bankcard-num, .my-banks .withdraw-bankcard-title {
    padding: .125rem .18rem;
    display: flex
}

.my-banks .withdraw-bankcard-num {
    font-size: .48rem;
    font-weight: 700;
    text-align: center;
    justify-content: center
}

.my-banks .withdraw-bankcard-cont {
    height: .75rem;
    position: relative
}

.my-banks .withdraw-bankcard-cont div {
    display: inline-block;
    font-size: .3rem
}

.my-banks .withdraw-bankcard-cont div:last-child {
    position: absolute;
    right: 0
}

.my-banks .withdraw-bankcard-cont div span {
    display: block;
    margin: .075rem 0
}

.my-banks .withdraw-bankcard-cont div span:last-child {
    font-size: .3rem
}

.my-banks .card-name {
    margin-top: .32rem !important
}

.my-banks-main {
    font-size: .25rem;
    background-color: #fff;
    overflow: hidden;
    height: calc(100vh - 1rem)
}

.withdraw-bank {
    margin: .35rem 0;
    height: 3.6rem
}

.withdraw-tips {
    position: fixed;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .46);
    z-index: 999
}

.withdraw-tips-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 4.73rem;
    -webkit-transform: translate(-50%, -50%);
    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
}

.withdraw-tips-content .wysiwyg {
    padding-bottom: .3rem;
    letter-spacing: .03rem
}

.my-banks p {
    padding: 0 .35rem;
    text-align: center;
    font-size: .28rem;
    color: #a9a9a9
}

.my-banks .cards-title {
    font-size: .32rem;
    padding: 0 .35rem .35rem .2rem;
    color: #595959
}

.my-banks .w-input-error {
    color: #b3b3b3;
    text-align: left;
    padding: .15rem 0 .1rem .45rem
}

.my-banks .red-input-error {
    color: red;
    text-align: left;
    padding: .15rem .45rem .1rem .5rem
}

.my-banks .withdraw-nbank {
    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
}

.my-banks .withdraw-nbank span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.my-banks .am-wingblank.am-wingblank-lg {
    margin-left: .6rem;
    margin-right: .6rem
}

.my-banks .cards-tips {
    padding-bottom: 1.8rem
}

.my-banks .add-card-btn {
    height: .9rem;
    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: .36rem .35rem .35rem;
    line-height: .9rem;
    text-align: center;
    font-size: .36rem
}

.my-banks .add-card-btn svg {
    width: .34rem;
    height: .34rem;
    position: relative;
    top: .04rem;
    margin-right: .1rem
}

.my-banks .add-card-btn.dis {
    background-image: linear-gradient(#d8d8d8, #d8d8d8), linear-gradient(#0e0221, #0e0221);
    box-shadow: none
}

.my-banks .withdraw-bank .slider-frame {
    margin: 0 .55rem !important;
    overflow: inherit !important
}

.my-banks .withdraw-bank .slider-frame + div {
    bottom: -.85rem !important
}

.my-banks .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
    background-color: #38a0f3
}

.my-banks .swiper-container {
    padding-bottom: .6rem
}

.my-banks .swiper-pagination {
    bottom: .1rem
}

.my-banks .swiper-pagination span {
    width: .17rem;
    height: .17rem
}

.my-banks .withdraw-bankcard {
    border-radius: .2rem;
    margin: 0;
    padding: .3rem .22rem;
    color: #fff;
    overflow: hidden;
    font-size: .27rem
}

.my-banks .withdraw-bankcard, .my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .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%)
}

.my-banks .withdraw-bankcard.c6, .my-banks .withdraw-bankcard.c7, .my-banks .withdraw-bankcard.c8, .my-banks .withdraw-bankcard.c9, .my-banks .withdraw-bankcard.c10, .my-banks .withdraw-bankcard.c11, .my-banks .withdraw-bankcard.c12, .my-banks .withdraw-bankcard.c13, .my-banks .withdraw-bankcard.c14, .my-banks .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%)
}

.my-banks .withdraw-bank.vc.pix .withdraw-bankcard {
    background-size: 100% 100%
}

.my-banks .withdraw-bank.vc.pix .withdraw-bankcard.c0 {
    background-image: url(/mobile/mc/ewallet-01.e23a3204.png)
}

.my-banks .withdraw-bank.vc.pix .withdraw-bankcard.c1 {
    background-image: url(/mobile/mc/ewallet-02.509f0058.png)
}

.my-banks .withdraw-bank.vc.pix .withdraw-bankcard.c2 {
    background-image: url(/mobile/mc/ewallet-03.1a836db2.png)
}

.my-banks .withdraw-bank.vc.pix .withdraw-bankcard.c3 {
    background-image: url(/mobile/mc/ewallet-04.527aa645.png)
}

.my-banks .withdraw-bankcard-icon {
    font-size: .34rem;
    display: inline-block;
    margin-left: .6rem;
    margin-top: .1rem
}

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

.my-banks .withdraw-bankcard-icon img {
    height: 100%
}

.my-banks .withdraw-bankcard-cont, .my-banks .withdraw-bankcard-num, .my-banks .withdraw-bankcard-title {
    padding: .125rem .18rem;
    display: flex
}

.my-banks .withdraw-bankcard-num {
    font-size: .34rem;
    padding: 0;
    text-align: left;
    width: 100%;
    display: inline-block;
    word-break: break-word
}

.my-banks .withdraw-bankcard-cont {
    height: .75rem;
    position: relative
}

.my-banks .withdraw-bankcard-cont div {
    display: inline-block;
    font-size: .3rem
}

.my-banks .withdraw-bankcard-cont div:last-child {
    position: absolute;
    right: 0
}

.my-banks .withdraw-bankcard-cont div span {
    display: block;
    margin: .075rem 0
}

.my-banks .withdraw-bankcard-cont div span:last-child {
    font-size: .3rem
}

.my-banks .card-name {
    margin-top: .32rem !important
}

.my-banks-main {
    font-size: .25rem;
    background-color: #fff;
    overflow: hidden;
    height: calc(100vh - 1rem)
}

.withdraw-bank {
    margin: .7rem 0 .35rem;
    height: 4.4rem
}

.withdraw-tips {
    position: fixed;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .46);
    z-index: 999
}

.withdraw-tips-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 4.73rem;
    -webkit-transform: translate(-50%, -50%);
    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
}

.withdraw-tips-content .wysiwyg {
    padding-bottom: .3rem;
    letter-spacing: .03rem
}

.my-banks-vc p {
    padding: 0 .35rem;
    text-align: center;
    font-size: .28rem;
    color: #a9a9a9
}

.my-banks-vc .cards-title {
    font-size: .32rem;
    padding: 0 .35rem .35rem .2rem;
    color: #595959
}

.my-banks-vc .withdraw-nbank {
    color: #fff;
    font-size: .48rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
    height: 3.4rem !important;
    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
}

.my-banks-vc .withdraw-nbank span {
    font-size: .3rem;
    color: #a9a9a9;
    position: relative;
    bottom: -1.32rem;
    display: inline-block
}

.my-banks-vc .vc-cards-item {
    margin-bottom: .2rem;
    background: url(/mobile/mc/BTC.f8897fea.png) no-repeat;
    background-size: 100% auto
}

.my-banks-vc .vc-cards-item.USDT {
    background: url(/mobile/mc/USDT.0ca8a046.png) no-repeat;
    background-size: 100% auto
}

.my-banks-vc .vc-cards-item.BTC {
    background: url(/mobile/mc/BTC.f8897fea.png) no-repeat;
    background-size: 100% auto
}

.my-banks-vc .vc-cards-item.ETH {
    background: url(/mobile/mc/ETH.6e8a5489.png) no-repeat;
    background-size: 100% auto
}

.my-banks-vc .vc-item-container {
    max-height: calc(100vh - 4.1rem);
    overflow-y: scroll;
    padding-bottom: .4rem
}

.my-banks-vc .cards-tips {
    padding-bottom: 1.8rem
}

.my-banks-vc .add-card-btn {
    height: .9rem;
    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: .36rem .35rem .35rem;
    line-height: .9rem;
    text-align: center;
    font-size: .36rem
}

.my-banks-vc .add-card-btn svg {
    width: .34rem;
    height: .34rem;
    position: relative;
    top: .04rem;
    margin-right: .1rem
}

.my-banks-vc .add-card-btn.dis {
    background-image: linear-gradient(#d8d8d8, #d8d8d8), linear-gradient(#0e0221, #0e0221);
    box-shadow: none
}

.my-banks-vc .withdraw-bank .slider-frame {
    margin: 0 .55rem !important;
    overflow: inherit !important
}

.my-banks-vc .withdraw-bank .slider-frame + div {
    bottom: -.85rem !important
}

.my-banks-vc .withdraw-bank .slider-frame + div .am-carousel-wrap-dot-active > span {
    background-color: #38a0f3
}

.my-banks-vc .withdraw-bankcard {
    height: 2.35rem;
    min-width: 6.5rem;
    border-radius: .1rem;
    margin: 0 .2rem .3rem;
    padding: .3rem .22rem;
    color: #fff;
    overflow: hidden;
    font-size: .27rem
}

.my-banks-vc .withdraw-bankcard-icon {
    height: .49rem;
    margin: .05rem 0 .15rem
}

.my-banks-vc .withdraw-bankcard-icon span {
    display: inline-block;
    margin-top: .06rem;
    margin-left: .68rem;
    height: .49rem;
    font-size: .34rem;
    background-size: auto 100%;
    background-repeat: no-repeat
}

.my-banks-vc .withdraw-bankcard-icon img {
    height: 100%
}

.my-banks-vc .withdraw-bankcard-num, .my-banks-vc .withdraw-bankcard-title {
    padding: .125rem .18rem;
    display: flex
}

.my-banks-vc .withdraw-bankcard-num {
    font-size: .48rem;
    font-weight: 700;
    text-align: center;
    justify-content: left
}

.my-banks-vc .withdraw-bankcard-cont {
    height: .75rem;
    position: relative;
    font-size: .22rem;
    justify-content: left;
    margin-top: -.1rem
}

.my-banks-vc .withdraw-bankcard-cont div {
    display: inline-block
}

.my-banks-vc .withdraw-bankcard-cont div:last-child {
    position: absolute;
    right: 0
}

.my-banks-vc .withdraw-bankcard-cont div span {
    display: block;
    margin: .075rem 0
}

.my-banks-vc .withdraw-bankcard-cont div span:last-child {
    font-size: .3rem
}

.my-banks-vc .card-name {
    margin-top: .42rem !important
}

.vc-add-container {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 2.1rem;
    width: 100%;
    background: #fff
}

.my-banks-main {
    font-size: .25rem;
    background-color: #fff;
    overflow: hidden;
    height: calc(100vh - 1rem)
}

.withdraw-bank {
    margin: .7rem 0 .35rem;
    height: 4.4rem
}

.withdraw-tips {
    position: fixed;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .46);
    z-index: 999
}

.withdraw-tips-content {
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 4.73rem;
    -webkit-transform: translate(-50%, -50%);
    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
}

.withdraw-tips-content .wysiwyg {
    padding-bottom: .3rem;
    letter-spacing: .03rem
}

.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 .mc-agent-team-container {
    border-bottom: 1px solid #dbdbdb;
    height: 1.13rem
}

.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: inline-block
}

.team-manager-modal .modal-list-content .list-item {
    border-top: 1px solid #e6e6e6;
    padding: .14rem 0;
    display: flex;
    align-items: center;
    position: relative
}

.team-manager-modal .modal-list-content .list-item .check-icon {
    position: absolute;
    right: 0;
    top: .03rem;
    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 {
    margin-right: .17rem
}

.team-manager-modal .modal-list-content .list-item .sort_icon svg {
    fill: #7f7f7f
}

.member-detail-wrapper {
    height: 100vh;
    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 {
    -o-object-fit: fill;
    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;
    -o-object-fit: contain;
    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
}

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

.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-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;
    -webkit-transform: translateY(-.3rem);
    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 {
    -webkit-transform: translate3d(-80%, 0, 0);
    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
}

.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%;
    -webkit-transform: translateY(-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
}

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

.rescue-content {
    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;
    -webkit-transform: translateY(-50%);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAA2CAMAAAA4c2GRAAAAk1BMVEUAAADm+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O8w0AW777dO1yzf9+W/8L1f20J84mi17bGS5oRZ2jrF8cSG43Nm3EqY54uL5Xt14F5W2DU20g2q66Kh6ZctGtWtAAAAHHRSTlMAO/rrBvHm08WroI9fJg/1zuGzi3l1VDAeGgzNFpxeXQAAAb5JREFUWMPN2Yd2gjAYhuFA2FjBvb6gWEftvv+rK6do0xpPJUPicwG+vyIrISLPGcaLwIVRbrCIh45HrnMSHzfjJ86V/DjEjYXj/759jhbkDrnMS9GS9OJ/YRahNdFM7D8EaFHwcN6fULSKTs6+P0XL6J/foBuidWGXcDEsiHm/Ays6PweAwpj1Do3R00FIYcyBsTUaS+v+1IU23q8maPx57vR7gAH08X5liaYGpDL3Ycia1Q5oyp/rnwJi/xVN8BOhD1X6ffQJ8TKo0u8j84gDI3bH/iPkOGQEdfp9jEgCKUUJkavcR0IiyCgYK8X+m3IfEelBQsEqpcE+eiRDcxvGxAlWOn1QAgmMiROslqz2BBWu1AAf7Kgw1YcrdQiw4ROY6YOKf0KJCfT76JEIUgp2tPndf4GqqPGFSJzARB+J9KWYT/C50+9jJHkz4hNwW2hwVG7Hhbl+5ik9kJSm+ugrPpKVhvroqD6U7t/r/jO0+HP5x3I+gX4fA4UXEz6Bft+d6rya7ZdbaEr5y6kVtHsvr+f2FyjsL9FYX6Syv0xnf6HS/lKt/cVq+8v1d7BhcQdbNqdNq9z8plV+edPqC3H3s4Nmnn17AAAAAElFTkSuQmCC)
}

.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 0 0;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAtCAMAAADBXShDAAAA81BMVEUAAAAVewEUegAUegAUegBIvCEUegAWfQIUegBJvCIYfwNHuiEVfAFHuiEUegAjjAonkQ1JvCJIvCFDtR5GuCBGuSAUegBCtB1Etx9HuiBJvCJIuyFHuiFJvCJGuSA8rBknkgxCsx1IuyErlw8/sBxBsh0/sBwzoRQ5qRgkrAD///9HuyBDuRwwsQsorQMzsg04tBItrwg/uBk7thVJvCIqrgY2sxA+txc6tRRBuRvU69Hq9emVz409the94Lij1pxUuEL1+vTg8d7J5sWx3Kt4xWxpwFpXukXV69KX0Y+Iy35Asii+4bnr9um/4rlGti5EtSwlVBJeAAAAKXRSTlMABREkMO4OChz6CJoqtBQMFuTVqodbIBvAfPjp2q2OdkFAODYln5RdTikJevoAAANbSURBVEjHrdbneqJQEAbgoEE09pbeky2erBhWXFRUikRNzJb7v5qd4pFi2OTHfk8E4uM7MwgIe/85yu3JRUM9NR9iMU/VxsXJrfIOPmrVTZLfEqEaZr119A9cKxZMkqPR90RGI6phFoq1NN1WCQO1rGk/lqllQQkqoLbfxErRNAGDhY8Ph4+xDIfwJlSAAqZZVHZ1tQytofOU6A9Kj8LbVGIKE8AA5WpSH5SxNXQmy667Cf9HFfoWDVA+2JmcWwNm+OoF3WgWv4IeFOABkvO3WQ8BozUMwxcrg/Jn4QQrW0CWPSgwZN+OHW4VOGuyxmDwKuwBBDconmc73S574OpRYvRQi0jG+kz4y6WOhQxD+vj49wUY3eqThsZxPoEXBiuw71swfuF+2/wSm2+1vlzrbgfy5HZctwMctrmA9Nj+UrbX6jw6a/jY2vOQjxESp2z94xDb1zXWyo1szho+6QsHlkIsJOeAN4xt+xuFecuEPcfmhoGaiM8L3nY3AU/tce8fzBPmWhmbD7fNnxzHmcPLF7hcT4SMvW2PX75Z1qi51pCzc/OZiOYJuOd5uPBp97fTNzQFeU59gKMWzh6MMbawabXgfbfFpAOJcjXHvAA8nJ2CM8x4I5UXmGdMPGxy9h0+S+UZ5rFdh3jh8L4PfJ4yfAoXkdg0huR6lJ+ncAcDpxyuJnDuBZInDlyMd5lTxhNq6rgMQx49bVq5N7pjXoSYzfDP5lOXefKk/brL2du8y64nAijldZgnLpmzvJbgGz8XnsvDC+HOxVjy+AVbrGh7zPm4y8t1AmeqrgPXdTvQPeHoEFs8J34u7jIKc7zguD35OUJeLrHWWvLYj1UzX5V8Mz16A3q8DJarFXx7A4gtVgMM8JhW7yoHeyGfsu8aHB+vNVgHuMIABxz+UF/lc0rIR3DBs+cKL/58gevfc79L+Smee5HbRDNLzZljews932Fk0m9Sx6WapkQ4ebxDUQWZtFvk8T6NLjl72H+YIEzqDbpZymd4dObk6bEAKsikPh5coVainD0/k1jxJB9OmtdZ1iHnxB6I3n40Ovt0XcrWcqiTnEukxCyo58efv+yXsvmKRjjkh6X9j6RUyh7mK9g6xqu1w+z7AZqvZKqEEz7zkeRymqYQTvqPZpf+BWdDfyG2Un4SAAAAAElFTkSuQmCC) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAtCAMAAADBXShDAAAA/1BMVEUAAAC1FhayFhazFha0FhayFha0Fha6GBf/MCKzFhb9LyL/MCK0Fhb9LyGyFhb+LyL2LSCyFhb7LyH+MCL/MCL3LSGyFhb5LiH8LyH9LyL/MCL6LiH+MCLsKR/PHxr0LCD9LyLUIRvxKyCyFhb/MCL0LCDxKyD7LyHgJR3oKB7/AQD/Jxz/Fg//BQP/////HRX/GhL/Cwj/Dgr/Egz/Ixn/MCL/BwX/IRf/Kx7/LyH/LSD/6en/9PT/3t7/jo7/a2v/uLj/nZz/xcX/Jyb/0dH/fX3/WFj/RkX/qqr/bm3/XFv/0tL/QkL/b27/Kyr/f37/fn3/rKv/q6v/gH//MC5bVQPwAAAAKnRSTlMABhEwAyQLDvkcmu0qtCHXGRSL8OSqGMBa6a2CenZBQDg2JSP7n5ReXU4jJRAYAAADfUlEQVRIx62W13raQBCFLSxLNIPBvbdUOUxix6KpINGNS+r7P0umrLC0uF3kXLBoPv6Zo5GY3aX/LPPkYK9ayrsdVJdF39x8qbp3cGK+Aq/VN1y302232xcZYaDbcd2N+tpLcBGrCnmtSXKgi+KzCXZKCDPaarW+ZoQBToEJSjtPwkbRddvEMvlNE8U4Q9t1i8Yiba9yaYQJ/bIgDFICNrBqL9QmmmFhv2uimCRgXqtvFoVGmNGr/u3kinUfyxcMcgLhi2aG3lE0w/RrD+4vWSH4tFCMEyj+Y5pfK7kJjTD93IObJisEr9nEAKeY825pLWNdaAUjhXiDFULQkESSQPhuyr55lu9cXCia4UZD4Q+T3xBMJuP4hnLMebSfPzMTvE7FybnQHiiFESSKMRfx4p/s1xPc2ugo60hj5cD3fQD8COPhsA9eHPsQNkjCS/kNSxU/luKKRjmO40HPYYUwVFdpnu7+WMob+4hLcXROcBaP5lfsPynv7hvifbWTKa7wcBqEPW8cQUxXY8aRx+7h3beu2+6qxd6tahfxdPG7Ud/n1gUAPowIFytp952qZRJulxLvUrwHrGA0cJw+AOASiHlxn+Alm3DDzhPOT02Ke4h6Coiwfs8ZPoXnbYPwnNu+bsmtK+9J63j1AGJqQG860PCc4JnOEfOIT8EjA1MInBi8LL6u4800Th56QI2LIseHXgCx1jodTx5bPAwAhO47SQvA1x/cc/gYACJ6Y9CvUh8g1F6bumpdd8F8FA6Y8e8SfDAY6C/tZ9t8pnVxApEVMR/qf5ndgrWIs/0R+AhNA+nhT4zF4Ot/2GLNWlI4PXfFkwIY4qfPYAQBhTyItHFxSp2T1yY1ajDBD4AZEn24pXkDPPUolhlWm+xdcHbPvMy5fhM1A3jAJYBbGnO4pEfl+mkNiwvezUzZXwCTS5m2MU/qgIbkH/DSg/qwYJsJ3qHyjzM+jNQOMePlr2wTs/Q2sVmpGXOcyxNPCUQvb1Lb5S2+c8HT25sufYtkernAb5zChZcESi9t0JvlQk6sCy48JcAMuvTjwfqh0GmcDzRyJmllpR9ONo9WmNZwSqAdiBaPRrvvj8qVLRtpHRfhYUyXHMzerVe3P3xaLp8XahbSabxSXn6LyuWVSqGWLi1zfquy8qrOK5XCVi2HlZHO4IaVe4ts21K2Nd403iTzCfYf9lWGNJU9UhAAAAAASUVORK5CYII=) 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;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    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;
    -webkit-transform: translateY(-.3rem);
    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 {
    -webkit-transform: translate3d(-80%, 0, 0);
    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;
    -webkit-transform: translateX(-50%);
    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;
    -webkit-transform-origin: 50% 100%;
    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 {
    -webkit-animation-name: egg_random_shake;
    animation-name: egg_random_shake;
    -webkit-animation-iteration-count: 6;
    animation-iteration-count: 6;
    -webkit-animation-duration: 50ms;
    animation-duration: 50ms
}

.gold_egg_root .selected .egg_root .egg {
    -webkit-animation-name: egg_shake;
    animation-name: egg_shake;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.gold_egg_root .selected.eggOpen .egg_root .egg {
    -webkit-animation: none;
    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);
    -webkit-animation: light_move .5s steps(8) infinite;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAABFCAMAAADHJr4NAAABvFBMVEUAAABhEwJXEQFhEwJgEwJREAFUEQFSEAFXEQFlFAJtFQJbEgJSEAFREAFQEAFSEAFpFQJQEAFTEAFaEQFwFgJmFAJYEQFjFAJcEgJNDwFpFAJNDwFNDwFSEAFVEQFTEAFODwFjFAJQEAFODwFWEQFcEgJXEgJgEwJlFAJlFAJkFAJlFAJjEwJQEAFmFAJQEAFVEQJTEQJrFQJVEQFNDwFkEwJTEQJTEQJVEQJlFAJeEwJaEgJSEAFqFQJmFAJfEwJWEgJjEwJbEgFYEQFREAFbEgFgEgJWEQFpFQJSEAFpFQJSEAFlFAJsFgJdEgF8GQNsFQJqFQJqFQJPDwFoFAJ6GAN8GQNqFQJhEwJSEAFSEAFTEQJaEgJnFAJcEgJcEgJREAJgEwJZEgJiEwJdEgJTEQJbEgJaEgJnFAJqFQJXEQFpFQJbEgJNDwFNDwFNDwFVEQFmFAJsFgJNDwFnFAJbEgJzFwJ8GQNrFQJTEQJZEgJpFQJhFAJNDwFfEwNNDwFxFwJNDwFpFQJ1GANiFAJTEQJ1GANhEwJTEQJlFAJNDwF7GQNNDwF8GQNNDwFqFQJ8GQN8GQNTEQJ5GAOzaKQ2AAAAlHRSTlMAAQgFAyELJQ4KDQZRShW6ZTkwGxUT3JtybGdkXU5DPjMfHRgQ/fnz4NbQzcSqlpaJbmpgWTgqEezl4+LOyr60tK+npJ6ThIF0Z15VVE9KR0dAMjInJhsW/v789vLt7efm29HJxMS+r6Wfn5ONh359eXh1blhGPDcv9+nj49fSxb20q6Wjo5eWjoyMiYZ/c3BuaVo1jlnkwwAAAtBJREFUSMe9lVV3IkEQRmuMQYO7uxMkQNzd3d3dbd3dd//wSvIEPZDUw97HPly6T1V9NfAP6qz96xhg+Pzk6IULI3qe2aw8YGDiVhdKlJzZOBplcjYKcDj6kCLz0YU0x6xIsaJHizTFPPxvOLTZcyjCqmqzmkaq3qrDuzSUIg2az6wpK7KTkyypp14goR+d0umkt7EYGpLCndENqFSqb71uCQVASaUs3A82m1Agyy8xtXiRWVLHNBShwOWh+Nb9/O2fTPyS3kcV9a3Zb4Zl8m20nxa8gSk+qmiMcezfYg2EAlsVggkwF6uMI2zyAVDXjYFAs3Caq8x08XuN0Quacm8H51d7xCCsHp8XvZdrjLr4rqVg06C+ZHpOMjZfwTjwa5FNQ91erkyspk6qbAVHMkfM7386UradnXG+KE+WiD+oYsqIGmVlUe2lI/rHM7XcTRIEzcpKT+FjdROn6VP/dAsLwI7vdMsEnt3KFeZl4vuXT6+eL07X8MBwJuNrdZ66mym7+jF0eTVsmF3RgC+1ElxN5ohhpdsKTUqik8hYkXJmXc1UdNUZMm5ydy52veTM1M82Z8acb5aVOSDTNkg8ltlrqx/WGQxL1e/z5Ex1dZCf4mlfrJ6bexCYr1WQ26oV2DqMvF6Zktv7UikH8Qe01Sr0tUxu2EUUAEOTd6BcQTymtZxc+Wc+hOFvwlnUFEU8rtyQlwiKzEIRb3Q0L9e3y/PCojY9QqyNJtm26/QI38hepseJX5f+pq1ElikRZ0svccX0N4RCxmthTzycHqVI592PmjJOMQiTHSYub3ci/E7EyqgSpthObOR2zTGU4chJygcTWUiUMyXk6U/WLAyU9A4OQIDBUEwMOLLhTkAij1iQJrXfoEWqOeMeIPn5YZTFmeKOl27A4QzvAJJogxRpGlvOcSLbualCiYxp3QQoFB29gEPTLUGaegtgTRXWpInL9Dcyr2CitPlRIwAAAABJRU5ErkJggg==);
    width: .57rem;
    height: .69rem;
    right: .2rem;
    -webkit-animation-delay: 0;
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA8CAMAAAAJ1/l9AAABpFBMVEUAAAB0FgJqFAF0FgJzFgJjEQB5GAJ8GQNiEQB8GQN8GQNfEQBkEgBiEQB8GQN8GQN8GQN8GQNlEgB8GQNkEgBPDwF8GQN8GQN8GQNjEgB8GQN8GQNiEQB8GQNiEQB8GQNjEQB8GQN8GQNeEQB8GQNgEQB8GQNVEAB8GQNhEQB8GQN8GQN8GQN8GQN8GQN6GAJ8GQN8GQNkEgBkEgB8GQNPDwFjEQB8GQN8GQN1FwJ6GAN1FwJ8GQNkEgBgEQB7GANWEAFiEQBkEgBkEgBbEQBkEgBjEgB8GQNWEABzFgFrFAF8GQN8GQNvFQF8GQN8GQN1FwJdEQB7GQNjEgB8GQNTDwF8GQN5GAJhEQBTDwF7GANPDwFVEAB8GQN8GQNeEQB8GQNPDwF8GQN8GQNRDwFvFQFzFgJvFQFxFgJZEQBXEAF0FwJ8GQN8GQNcEQBhEQBkEgBeEQBWEABYEAB8GQN8GQNXEAFNDwFkEgBkEgBVEABkEgB0FgJyFgJkEgB3FwJvFQFkEgBkEgBkEgBQDwFzFgJkEgBkEgBkEgBNDwFkEgBVEAEdLttrAAAAjHRSTlMAAwoFB0AMRhUPOA+dcxORh4BjUDgsHdTAlXJjWFRUQS0sKCYkIRgYFhLmysa6toyDaGhbV0Q+MSHf29SsqKScjId4bGtPMSoeG/bv6uXgzsrCr66gmpiVi4N5amZeWUxLSEM/P/bu7tjXyby0pqCQgn53cG5tX1FFQjk1JefNxsbCvLSupIN8XlhDN5tVuxUAAAM3SURBVEjH1ZZ3U+JAFMDTSCBSpXdQBKQXEaVXAXvvvffe9Xq/+9KnCOhclijJX/dmGHYf++P1TaAG5LYNYiErXyeumljghzsjKRsL+/KJ3Rk2/nMndv6w4eHUbuoW4XJtDLOIpg4TiTF1domh/VDaFjo9Q5i635R9+FzNFRnid/lyDWZyrZD8V+N4tlT+Mo2MzM3LaxnF0bfRmAB+WsT5cqyqRMx6BVw7IYTr460/K4v8zfNfEqOilioDF/z2+njndWXB4VRVOLG3IRbW4iDFXTR4lUJqtTO73/X6sdqJgpcEeE8xWpOwarA3aa1trRotrxEcl8Z6o0a8ahKRihWN4BCvY0CpIUtYdeetixcD+VbqHJnHnQea5a4yj62JpXidqgX4R+r5dUrDC32OzWGf3syDIYQU+a3gbl9Sq6dnTtdD/+K4Mda/sTUwKlk0C6X7ky2AxGPy9PSJYG7FRvkNLvk/dA9sO7u3tof3ppx9PlDeLwWcInBKYctsdDM6pSeJWe+34e5+5RqwXS7r9IJd4up2eTu6UJh3v3jgdHjBkctDYD6sUnnEWvLRYyw86XFdWDDguSUO8JInXaJz7erTwFnGVcqkVIECq5brAYVODIkWiIeSl3FPX9+giABP7Po8QImfK31kF1Ipz6q736GUFIA4KjC0U5XGWIcQfZ58z5DDpQeWqP3kSHBTomRe+7JN7BqnQ+kHNa3tTFdsN1Hih3noi411QRVxr1Fzh4RyBuzBO/oLHm3ReiJJBVWvy5necJkipEY1eEH1ndNDz9WGRxKJGKnDFnwTDduXRdGPzZS2awM8UMGhj0+FDUGImfAI8egijgYFOnCw9ILez7qThcdYOzmBxnGMcO/rcYipoB1DEiuLNxciZoQh5mKe1Atf7SykfualYqmdnpb9yNR/tRQu+xYUMB0t4B9zn7wwZWRU+6siTQtG09XZsYTBxm3rPB7TmQJUHiElkjDdcOn46i/xOF/QBk4DaiEsdO4jd6bMJxlN+ZBXJzs//RuGWEgTPw2xkebPwXYW+Hc1n9/KFEYM8Wu0OSFjiHPfBx+vzwzK0Hq63HkBpuE3l3EDC7ws/yUuqwzLX8YwbsUwi9s8AAAAAElFTkSuQmCC);
    width: .62rem;
    height: .6rem;
    left: .43rem;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.egg_root .liewen3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABRCAMAAAAZ110qAAAAmVBMVEUAAAB8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQN8GQOTeVy/AAAAM3RSTlMABAi9RCTUy8YYw6vhuD8gEg98DNzPtLGnjF0t2H9Jn4RxZU0ydjkc55WHbVEpFu6aWPd+OICtAAACJklEQVRIx32URxbjIBBEhZAAoZxzlpUcZPv+h5t5s5gVZbb/VdNdTaH9P0QjRFMfEpjG4i2hmgdj3mR26alxne9fx446S0X1KtmvbDKeKq1uDgmTkx/qCki2ijrZZKl7jteSp6NFwDSVS22PgFnNMstbHzihV0LanQ7os0iaYQMwrrhDO2RxbbOmhLdObKczkoaRs2eVqQPt7DKZtQYwQ1/avCje0wa8suay7+27T0D1+maLLKqRmdvIGjla0OuTN+5ovAD2q55x+tCRo3XV0rJGWCMvIxqMgEBuftqPD7EWGMPt+a86mv1ndf9z3pYYhup1S2Q/PNDstX19LzbFAM/i+73sGtCOXgltTTU1j2SXE3gv5MObxkVvzSqTlKPoEM+WQrY+Gle6PH+AW9eeNqxfwB6mnO7poC6se2/X2XtPXXgbc37JR4xuFUn+CDW1tE0dahDQ0sgTXgGl3lEnbS34v6T8MEEazbtLT3WaSOyd8q8LRB3jKE9FBLxfbMdhbxN+H47AO80c2htga3XJeIH8s0aRyDtwQfNbykqYvbjLxIyDubrZCiGZRbFAbRCJ4wkT3VEZbSivj8J5rzq41HCT9KNriGZNMzwRDrrI5YcXInUw26zoYti1UfADT0wMKm8btCu8i7zTITYPXpo/aruiCqE4nlixElz7nUbWrz26Bha/TnZaPxu7eZAHd5YW44oste75UZxPDWKviiAlIQlMRWXV+QNTTyx57jNuZgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    width: .29rem;
    height: .81rem;
    display: inline-block;
    position: absolute;
    right: .59rem;
    top: 0;
    -webkit-animation-delay: .7s;
    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 {
    -webkit-animation-name: liewen_open;
    animation-name: liewen_open;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-timing-function: cubic-bezier(0, .76, .05, 1);
    animation-timing-function: cubic-bezier(0, .76, .05, 1);
    -webkit-animation-fill-mode: forwards;
    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 {
    -webkit-animation: none;
    animation: none;
    opacity: 0
}

.gold_egg_root .selected .egg_root .chuizi {
    -webkit-animation-name: chiuzi_move;
    animation-name: chiuzi_move;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: cubic-bezier(0, 1.46, .73, .84);
    animation-timing-function: cubic-bezier(0, 1.46, .73, .84);
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 100% 100%;
    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%;
    -webkit-transform: translateX(-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;
    -webkit-transform: rotate(202deg);
    transform: rotate(202deg);
    z-index: 100027;
    left: .33rem;
    top: -.07rem;
    opacity: 0
}

.gold_egg_root .selected.eggOpen .egg_root .egg_top {
    display: inline-block;
    -webkit-animation: egg_drop .7s 0s cubic-bezier(0, .76, .05, 1) forwards;
    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;
    padding-top: .92rem;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7);
    background-image: url(/mobile/mc/message_bg.bd77cda3.png);
    background-size: 100% 100%;
    opacity: 0;
    z-index: 100015
}

.getEgg_container .ticket_message > div {
    background-image: url(/mobile/mc/message_bg2.903808f6.png);
    background-size: 100% 100%;
    width: 7.14rem;
    height: 3.3rem;
    position: absolute;
    top: -.43rem;
    left: -.61rem
}

.getEgg_container .ticket_message.messageOpen {
    -webkit-transform: translate(-50%, -50%) scale(1);
    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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.getEgg_container .ticket_message .close_button {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABhlBMVEUAAAD15Krqx2noxWT68sjpxmfqyW7qyGv68sj68cX899P68sfz4KHqyW3899Py3pv79M347r/z35/x3JfszXfpx2noxGP899Pz4aLx2pToxGP899P257D89tL68sjqyW7qynD04qX899P367jt0H789tDoxWb47b3sznnpxmf79c/79Mz58MToxGP046jw2I7899Pu04P89tLoxWT15avv1ov899Ppx2nsz3zoxWbv1Yn26LHu04P26LHpxmfu1IboxWTu1IboxWTw2ZHw2ZH26LP26LPTMQDt0H347r7z357y3ZnrzHP36bTu04L68sfx2pP15qzv1orqyW379M3px2n47Lr367j89s/sznnUMwL578LszXf58MTz4aLqynD257D046j04qXw2I7u1Ib688roxWXpxmf89tHUNQPnoWLmn1/pp3HmnFvqqXPppW7pp23oo2rmn1vfdjfuu4XppWrnqWHlnljfbjvbZCr13qvryXnjg1DifkvttIHoq2beaznbYyh9C1fgAAAAR3RSTlMACxz8u7qYW1YwHRgHBvn57+/v7+/v7u3c3NrZ2NXGxr26ubCwqqqlpaGgl5eUk5OSf319YWFeVTIwIiEfHhba19bWurmCe/sjQMYAAAIQSURBVEjHldXnQ9pAGMfxH2Ev99577727m2qHtaWtTSelS0AUQQRHx38ud4cml0tI+LzKc8/zfR2IAkszfe3NVVXN7X0zSwFYCsx1/uZ0zpWv/IP7Bgb9MBMci+wbiowFYchXEzFV44MoNB4pazwEHYfrhwWXQ1d07Vrq4pqQa9cGVwiqiU+2TKiF74NNPpQEa7dtqg2CGd62bRiU/20F/CD631WgH0Wbz7XOL/NZ7fzn39U5d7AO4DH3cinLSkodk4osX3EHjwB0fNXKy6S5mUgh57mDDmBzj5NVSJNkwxEZDrL8xToW9ngp2hypRUp3sICpqE6SNdFomhZJ/X4Kvd/0jmmTZsWxsO5Fy2cBa1ghbltQtyM6JeekODVY1mHHSFrhCk41nhqJ00SJG+2qUW/wmiCFWVOP1pcCWhwopEmI21Y8FN4OaRGPmzQPMB3TKRWxWII2h/r9NBZf8ViRIJ8nrNEdLGKDf8jR4oQNrPnLX6wB975r/afFzXRGmgJ3cAfA7AutTLE4U0fSZLiDWQAb3MtFppDTzrlC5oI7WEPRwJMKDIBYqSRZATXy3rYRMFLDR5saJJR4n9nkxS2PvcIDVbjniw09YWg4ul9b6tb/LN1WhZsUnLDnTVmeMETLjeZB4zIMbY3+MjG6BTOrQ86fAufQKsqR5u/zwd15CZYk76S7rcnpbGpzT3oN7q8BVCqB0nFnX7IAAAAASUVORK5CYII=);
    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
}

@-webkit-keyframes egg_shake {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    to {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@keyframes egg_shake {
    0% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    to {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
}

@-webkit-keyframes egg_random_shake {
    0% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    to {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@keyframes egg_random_shake {
    0% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    to {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@-webkit-keyframes chiuzi_move {
    0% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes chiuzi_move {
    0% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

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

@-webkit-keyframes liewen_open {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@keyframes liewen_open {
    0% {
        opacity: 0
    }
    25% {
        opacity: 1
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 1
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes egg_drop {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-.83rem, 1.37rem);
        transform: translate(-.83rem, 1.37rem)
    }
}

@keyframes egg_drop {
    0% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate(-.83rem, 1.37rem);
        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%;
    -webkit-transform: translateX(-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;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@media (max-device-width: 375px) {
    .gold_egg_root ul {
        top: 4.2rem
    }

    .gold_egg_root ul li {
        height: 1.8rem;
        -webkit-transform: scale(.9);
        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;
        -webkit-transform: scale(.9);
        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%
    }
}

.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 {
    background-color: #f9f6ef;
    border-radius: .1rem;
    padding: 0 .64rem .38rem;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    min-width: 4.22rem;
    min-height: 5.39rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sigin-modal .sigin-modal-content h3 {
    text-align: center;
    font-size: .44rem;
    color: #656565;
    margin: .4rem 0
}

.sigin-modal .sigin-modal-content > img {
    position: absolute;
    right: 0;
    top: -1rem;
    width: .6rem;
    right: -.9rem;
    height: .6rem
}

.sigin-modal .sigin-modal-content .smc-title {
    font-size: .44rem;
    letter-spacing: .04rem;
    color: #656565
}

.sigin-modal .sigin-modal-content .amount-info p {
    color: #6e6e6e;
    font-size: .32rem;
    margin: .3rem 0
}

.sigin-modal .sigin-modal-content .amount-info div {
    color: #f94b3f;
    font-size: .26rem;
    padding: .06rem 0
}

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

.item-r {
    background: url(/mobile/mc/item-r.3b30819c.png)
}

.item-g {
    background: url(/mobile/mc/item-g.18da5928.png)
}

.item-ar {
    background: url(/mobile/mc/item-ar.5c112bf3.png)
}

.item-ag {
    background: url(/mobile/mc/item-ag.0a24f6da.png)
}

.item-a {
    background: url(/mobile/mc/item-a.d3c6a748.png)
}

.item-ap {
    background: url(/mobile/mc/item-ap.5e66ff2e.png)
}

.item-p {
    background: url(/mobile/mc/item-p.9367350e.png)
}

.item-pr {
    background: url(/mobile/mc/item-pr.31240830.png)
}

.item-pg {
    background: url(/mobile/mc/item-pg.f8d5a929.png)
}

.item-apr {
    background: url(/mobile/mc/item-apr.cdb5fef4.png)
}

.item-apg {
    background: url(/mobile/mc/item-apg.c8f92f73.png)
}

.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%;
    -webkit-transform: translateY(-68%);
    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 {
    color: #6f6f6f;
    font-weight: 700;
    margin: .1rem .1rem .1rem 0;
    font-size: .24rem;
    word-wrap: break-word;
    word-break: break-word;
    display: flex;
    align-items: center
}

.sigin-today-title svg {
    margin: 0 0 0 .1rem;
    width: .28rem;
    height: .28rem;
    fill: #999;
    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 {
    margin-top: .14rem;
    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
}

.today {
    color: #f94b3f !important
}

.sigin-c-footer .title {
    padding-bottom: .1rem;
    margin-top: .2rem;
    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
}

.sigin-c-footer .reward-content {
    font-size: .23rem;
    color: #f94b3f;
    padding: 0;
    text-align: left;
    padding-left: .2rem
}

.sigin-c-footer .reward-content > div {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.sigin-c-footer div > div {
    margin: .1rem auto
}

.sigin-c-footer .title {
    font-size: .26rem;
    text-align: center;
    margin-bottom: .1rem;
    align-items: center;
    position: relative
}

.sigin-c-footer .title svg {
    position: absolute;
    right: -.42rem
}

.sigin-c-footer li {
    font-size: .28rem;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    padding: .06rem
}

.sigin-c-footer li > div {
    border-radius: .1rem;
    background: #f9f6ef;
    height: 2.5rem;
    text-align: center
}

.sigin-c-content .am-tabs-ink-bar {
    background: #fa1f50 !important;
    padding: .03rem;
    display: none !important
}

.sigin-c-content .am-tabs-tab-active {
    color: #fa1f50 !important
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABjFBMVEUAAAAqtAAqtAAqtAAqtAAqtQAqtAAqtAAqtAAqtAAqtAAqtAAqtAAqtABP2EYqtAAqtABQ2EZQ2EYstgUqtABP10VP10QqtABO10QqtABP10RO10RL1D4qtAAqtABP2EZP10VN1UFK0zwqtAAstwQqtABP2EVN1kJO10Q/yCZDzTBM1T9N1kJL1D1N1kJJ0jpJ0TlM1T9Cyy1K0js7xSAstgQrtgNByioqtAD9/v1N1UFN1UFL0z1M1T+K331N1UFM1T9K0zw9xiMzvRE+yCeC4nld21TO8srx+u/o+OXb9da27LCv6aZO1kNi1lRJ0jpI0DdK0jtK0zxByitK0zxI0ThByyw5whw1vxU7xSDp+uj5/fj0/PPs+uvc9tmU5o1w3me877en6qFn3F72/PSC4XrK8sZ64HKk6J2L44Sd6Jfj9uDU8s6z6qrJ7sKf5JS97baX44xq2V2q5Z6/7bdp2FtGzjRCyy1DzC5AySlH0DdDzC9FzjMwugtCyy0uuAg7xCA8xSFQ2Ef///8shXStAAAAgnRSTlMAAgUJDBoXEBMOJCIzLfkwHvz6KSb26D/iK+/ryTk18+zVmk1CPfHm3XRQ3NfPy8C0sI6HaUlEQiD84NrDvbq4rY1eUznx8Ozq5eTcw8O6ua+mn4B9cnFlSSf59vbz7u3t7Ozq6OXi4uHh29LRz8zFwr++vLukkomGhXdVSUdGPzUvFE0ZywAAA0ZJREFUSMeFlmd72jAUhdskyMbY2GAIe5YZAmFn7zRp9l7de++9h/3HeyUhJ0qdcj6AeHiP7pBs6QKvi/+KB2zxHkv/91hwb29vHwi+LNP5OGadgiCCBMEJrvMsFi6ICDk6Qkh0QiBqseUBPx5oTBdyBiiXmtn7fiwKfTaODu4UHQPpSjDsNojcycL67LADR2EOnhfQwt56wuCUnN7/gwTm4HnR8TPdb5yVJzi7QBy8gfADtZxho+TOMHPw/PCM34J4RxrH6LEcOCHI/3ca5rdXf0NHAumVFcCJRva5/HkNzmnIyZJiBUwa58s9A92FpCyDgPTZhD0b6ffgz686DUErwAGm7acuTa3cxoPtbywErcDVSNny5XemeRWPKo0RCEENOIBUsys5PPTSNM3LpFE1ySH0WQZNr9isQX5jGfM0VkXXRGKgGSkFthPcbjYam7oG/K3Oz3GF5nSB9EhSWUal1aUwGXjLayborsegCqquE4NDUpM08Ngr03yMmcTEc8zfYTwYoAjL4JNphMgLTD2A7fP2Ch4tAc8MMm8I0jJXMDa6GHkzigc3vYalguzjDCnyn3+ITLz82sS6capznhQXQZInw7SIjVGT6fri6SWZVDmDmu70tX/KMtzj9uuOKiEwWOtwEGX9ft/hH3GLuHmgsLbCSiMtdLTdaYg3+ozwTzg+8fEoRFaa7SVfvDjINlztPvBPvdybINqEJjEDFAE5ZdJ+NtsH01x18w/F518kI2aAnPT43ISHFbj2MMzx/uq8jPceNeCcoE9KtlhmZeT4+b1DzRgEEOhDTZ8gUfPJmV1YPRu5o8WsChXQAGCgVYyE4j92o26epatfzMi69dY4eW24lHimWA2eCeId22oG4iFIiD7RxECTgjLigfl6NOL3WrQ/MvFlHvM0IWKgIagjJGdbzfrmeILy4VS1ftjKyhxPDMzh0tVY+7BeLZfy+XywFN36NNeOqTrwUAAzcA7Np8ixQLt1iajVDsRkRdIQzG/x/AmBIAhYsoFAJhMIZAH3uRxI4Hn+zEKayxdSVFWWVVXRJcBFJ+PtT0WIorkkIpcGOJm+67mLOoeu3alrf7KD+HO9292Bqofh3W8n3e8mTF2vP38BwhivOpg1k5YAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABjFBMVEUAAAAqtAAqtAAqtAAqtAAqtQAqtAAqtAAqtAAqtAAqtAAqtAAqtAAqtABP2EYqtAAqtABQ2EZQ2EYstgUqtABP10VP10QqtABO10QqtABP10RO10RL1D4qtAAqtABP2EZP10VN1UFK0zwqtAAstwQqtABP2EVN1kJO10Q/yCZDzTBM1T9N1kJL1D1N1kJJ0jpJ0TlM1T9Cyy1K0js7xSAstgQrtgNByioqtAD9/v1N1UFN1UFL0z1M1T+K331N1UFM1T9K0zw9xiMzvRE+yCeC4nld21TO8srx+u/o+OXb9da27LCv6aZO1kNi1lRJ0jpI0DdK0jtK0zxByitK0zxI0ThByyw5whw1vxU7xSDp+uj5/fj0/PPs+uvc9tmU5o1w3me877en6qFn3F72/PSC4XrK8sZ64HKk6J2L44Sd6Jfj9uDU8s6z6qrJ7sKf5JS97baX44xq2V2q5Z6/7bdp2FtGzjRCyy1DzC5AySlH0DdDzC9FzjMwugtCyy0uuAg7xCA8xSFQ2Ef///8shXStAAAAgnRSTlMAAgUJDBoXEBMOJCIzLfkwHvz6KSb26D/iK+/ryTk18+zVmk1CPfHm3XRQ3NfPy8C0sI6HaUlEQiD84NrDvbq4rY1eUznx8Ozq5eTcw8O6ua+mn4B9cnFlSSf59vbz7u3t7Ozq6OXi4uHh29LRz8zFwr++vLukkomGhXdVSUdGPzUvFE0ZywAAA0ZJREFUSMeFlmd72jAUhdskyMbY2GAIe5YZAmFn7zRp9l7de++9h/3HeyUhJ0qdcj6AeHiP7pBs6QKvi/+KB2zxHkv/91hwb29vHwi+LNP5OGadgiCCBMEJrvMsFi6ICDk6Qkh0QiBqseUBPx5oTBdyBiiXmtn7fiwKfTaODu4UHQPpSjDsNojcycL67LADR2EOnhfQwt56wuCUnN7/gwTm4HnR8TPdb5yVJzi7QBy8gfADtZxho+TOMHPw/PCM34J4RxrH6LEcOCHI/3ca5rdXf0NHAumVFcCJRva5/HkNzmnIyZJiBUwa58s9A92FpCyDgPTZhD0b6ffgz686DUErwAGm7acuTa3cxoPtbywErcDVSNny5XemeRWPKo0RCEENOIBUsys5PPTSNM3LpFE1ySH0WQZNr9isQX5jGfM0VkXXRGKgGSkFthPcbjYam7oG/K3Oz3GF5nSB9EhSWUal1aUwGXjLayborsegCqquE4NDUpM08Ngr03yMmcTEc8zfYTwYoAjL4JNphMgLTD2A7fP2Ch4tAc8MMm8I0jJXMDa6GHkzigc3vYalguzjDCnyn3+ITLz82sS6capznhQXQZInw7SIjVGT6fri6SWZVDmDmu70tX/KMtzj9uuOKiEwWOtwEGX9ft/hH3GLuHmgsLbCSiMtdLTdaYg3+ozwTzg+8fEoRFaa7SVfvDjINlztPvBPvdybINqEJjEDFAE5ZdJ+NtsH01x18w/F518kI2aAnPT43ISHFbj2MMzx/uq8jPceNeCcoE9KtlhmZeT4+b1DzRgEEOhDTZ8gUfPJmV1YPRu5o8WsChXQAGCgVYyE4j92o26epatfzMi69dY4eW24lHimWA2eCeId22oG4iFIiD7RxECTgjLigfl6NOL3WrQ/MvFlHvM0IWKgIagjJGdbzfrmeILy4VS1ftjKyhxPDMzh0tVY+7BeLZfy+XywFN36NNeOqTrwUAAzcA7Np8ixQLt1iajVDsRkRdIQzG/x/AmBIAhYsoFAJhMIZAH3uRxI4Hn+zEKayxdSVFWWVVXRJcBFJ+PtT0WIorkkIpcGOJm+67mLOoeu3alrf7KD+HO9292Bqofh3W8n3e8mTF2vP38BwhivOpg1k5YAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAzCAMAAADhCqUOAAAA9lBMVEXHx8eenp4AAACgoKDHx8fh4eGioqLExMTk5OSpqanGxsbi4uKsrKzBwcG+vr67u7vj4+Orq6umpqbFxcXHx8empqa8vLy0tLTv7+/m5uawsLDGxsbGxsa4uLjHx8fHx8fHx8fGxsbHx8evr6+lpaWmpqbHx8fHx8fHx8eampqxsbHFxcWurq6cnJyqqqqsrKyfn5/Dw8Ozs7O4uLi/v7+6urq2tra8vLzOzs7JycmioqLBwcG1tbXLy8ukpKTAwMCmpqbZ2dmoqKje3t7b29vT09PX19fQ0NDCwsLg4ODd3d3W1tbV1dXi4uLS0tLk5OTr6+vm5uaMDfH3AAAAKHRSTlOp8ADw5+bw8Oap8Oap8PDw5nDn5tmyKPDm5uTFsqmgjoVtY0xDNxIEp7+B/AAABB5JREFUSMel1Nea2jAQBWDH6b333r2SK26ysYwxgaUlkPd/mYwlISm2SPKF4WYvlv+bc8bGsu2vH95Y/z2vr/O5BXP/iW1b9pNHzv8PrWpfTBAE7n3b+nLDOWEKVEsOPPej9dY5ZbDfSA8494X16KT1xk37m4esS6d4NK01Tnmnn0NwA6/g869g0AjN5BW0cHC0XEYR/En/waRQn+JA0zzYaZxmSYRxNM5jlOWYUAf/xYtryekeBi1Knfn2nBROFLEVkwwlBfmzWLgsrsaNmAdaNP02JwXkhcDjJMnTNE9SN6VSNMZt+xzzChytZnNCSNcZjqLOy9M4y9I0SEiBj3pZ3eO4N57tNvMf58qbMC/OqirOUEGOgAX2W+kh6WG6X2+3wtMDd95oFAfLI5lJXDNNX6+yHq7308ViM58bvKwaIZSNUiNYON16PS6zbu6m0+lis52f88BYFRiDByD8m6FEzNbzexx4375xTwWGAnXPRSM0ADHFbTvgwLu8BnCxOFogYuBoEJmi2sDF1uXZGjwWeOiJBeErGekdI+fH6HHc+3OBAAYuygnW00ZNI9fjXAWc8L4ZCkx0D8AgIlhxhS+PgWAO28Wp7hkDCy9AbUGx4ArqlowL+lznicDzLjA9FhjAgAiOAtdq68mwqfRUgeqV070OdFOCeVg3bPmj3Ofy3Lq8MgbmBeqBfbd1KMYOwX7YtAAKD26huER6i635lVOej1yCKcnrsmn4fofbck56KjDpF5hpBQIwmTsoBO53D27BuSRJrJua98NcoFqwnTRhDVp/PR4WvAl4qkA98GQQ2HWbM6+sa209cQzRHXDSU79Z1FwgQq13dubVynOFJ8MCN7Zufl8NnxjDb5YfemcwZcPzyrjZIS3jxtY94f3plcuqIASrA8NGxRXH0LkleMYCVeA4zXzQDlOCp7f3OxdxT/5mDQpM8sr3uCQWbDWPP8mSi6LIusY8c4HjZY5qrqnhacGTafktYDvuQYGmVw47URyEYi2Pf1hgn3kqreKEp54Y6VHqJKg+M00InM/SqvIEpzz9lSPn53Q8alTOfuBArSdvITgMHoDS224WG7Ks2g7zYExe6err6RzG4O1kgevZbEEm7AJeGIbeETA8PCt6WsZJb7X6/nM32zopO0AIIz3D+G4vrdwOvOe7n/v9fjelOaq5pTQz6DVIHUNsp7xn+++LIne7kGEJo0D4cNHreaV40YDTy+Pew8wvu75KMaFpQ+83zzOmFd4FoOq6LqXXW1CdWXluNUiLD96Dmo2RkyPfD8aHflaZ04L3uBGcGVRkJ3EubOIsNqYF77PBUw320E6DKWMYI/fOsu/reUPuKXGoAedp5S117pVt2fanxw+uiLko5sIf5+LFp3fv3r1z587t27ev8rnRzcv3tv0LT/zvDxtzu7kAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABjFBMVEUAAAAqtAAqtAAqtAAqtAAqtQAqtAAqtAAqtAAqtAAqtAAqtAAqtAAqtABP2EYqtAAqtABQ2EZQ2EYstgUqtABP10VP10QqtABO10QqtABP10RO10RL1D4qtAAqtABP2EZP10VN1UFK0zwqtAAstwQqtABP2EVN1kJO10Q/yCZDzTBM1T9N1kJL1D1N1kJJ0jpJ0TlM1T9Cyy1K0js7xSAstgQrtgNByioqtAD9/v1N1UFN1UFL0z1M1T+K331N1UFM1T9K0zw9xiMzvRE+yCeC4nld21TO8srx+u/o+OXb9da27LCv6aZO1kNi1lRJ0jpI0DdK0jtK0zxByitK0zxI0ThByyw5whw1vxU7xSDp+uj5/fj0/PPs+uvc9tmU5o1w3me877en6qFn3F72/PSC4XrK8sZ64HKk6J2L44Sd6Jfj9uDU8s6z6qrJ7sKf5JS97baX44xq2V2q5Z6/7bdp2FtGzjRCyy1DzC5AySlH0DdDzC9FzjMwugtCyy0uuAg7xCA8xSFQ2Ef///8shXStAAAAgnRSTlMAAgUJDBoXEBMOJCIzLfkwHvz6KSb26D/iK+/ryTk18+zVmk1CPfHm3XRQ3NfPy8C0sI6HaUlEQiD84NrDvbq4rY1eUznx8Ozq5eTcw8O6ua+mn4B9cnFlSSf59vbz7u3t7Ozq6OXi4uHh29LRz8zFwr++vLukkomGhXdVSUdGPzUvFE0ZywAAA0ZJREFUSMeFlmd72jAUhdskyMbY2GAIe5YZAmFn7zRp9l7de++9h/3HeyUhJ0qdcj6AeHiP7pBs6QKvi/+KB2zxHkv/91hwb29vHwi+LNP5OGadgiCCBMEJrvMsFi6ICDk6Qkh0QiBqseUBPx5oTBdyBiiXmtn7fiwKfTaODu4UHQPpSjDsNojcycL67LADR2EOnhfQwt56wuCUnN7/gwTm4HnR8TPdb5yVJzi7QBy8gfADtZxho+TOMHPw/PCM34J4RxrH6LEcOCHI/3ca5rdXf0NHAumVFcCJRva5/HkNzmnIyZJiBUwa58s9A92FpCyDgPTZhD0b6ffgz686DUErwAGm7acuTa3cxoPtbywErcDVSNny5XemeRWPKo0RCEENOIBUsys5PPTSNM3LpFE1ySH0WQZNr9isQX5jGfM0VkXXRGKgGSkFthPcbjYam7oG/K3Oz3GF5nSB9EhSWUal1aUwGXjLayborsegCqquE4NDUpM08Ngr03yMmcTEc8zfYTwYoAjL4JNphMgLTD2A7fP2Ch4tAc8MMm8I0jJXMDa6GHkzigc3vYalguzjDCnyn3+ITLz82sS6capznhQXQZInw7SIjVGT6fri6SWZVDmDmu70tX/KMtzj9uuOKiEwWOtwEGX9ft/hH3GLuHmgsLbCSiMtdLTdaYg3+ozwTzg+8fEoRFaa7SVfvDjINlztPvBPvdybINqEJjEDFAE5ZdJ+NtsH01x18w/F518kI2aAnPT43ISHFbj2MMzx/uq8jPceNeCcoE9KtlhmZeT4+b1DzRgEEOhDTZ8gUfPJmV1YPRu5o8WsChXQAGCgVYyE4j92o26epatfzMi69dY4eW24lHimWA2eCeId22oG4iFIiD7RxECTgjLigfl6NOL3WrQ/MvFlHvM0IWKgIagjJGdbzfrmeILy4VS1ftjKyhxPDMzh0tVY+7BeLZfy+XywFN36NNeOqTrwUAAzcA7Np8ixQLt1iajVDsRkRdIQzG/x/AmBIAhYsoFAJhMIZAH3uRxI4Hn+zEKayxdSVFWWVVXRJcBFJ+PtT0WIorkkIpcGOJm+67mLOoeu3alrf7KD+HO9292Bqofh3W8n3e8mTF2vP38BwhivOpg1k5YAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAzCAMAAADhCqUOAAAA9lBMVEXHx8eenp4AAACgoKDHx8fh4eGioqLExMTk5OSpqanGxsbi4uKsrKzBwcG+vr67u7vj4+Orq6umpqbFxcXHx8empqa8vLy0tLTv7+/m5uawsLDGxsbGxsa4uLjHx8fHx8fHx8fGxsbHx8evr6+lpaWmpqbHx8fHx8fHx8eampqxsbHFxcWurq6cnJyqqqqsrKyfn5/Dw8Ozs7O4uLi/v7+6urq2tra8vLzOzs7JycmioqLBwcG1tbXLy8ukpKTAwMCmpqbZ2dmoqKje3t7b29vT09PX19fQ0NDCwsLg4ODd3d3W1tbV1dXi4uLS0tLk5OTr6+vm5uaMDfH3AAAAKHRSTlOp8ADw5+bw8Oap8Oap8PDw5nDn5tmyKPDm5uTFsqmgjoVtY0xDNxIEp7+B/AAABB5JREFUSMel1Nea2jAQBWDH6b333r2SK26ysYwxgaUlkPd/mYwlISm2SPKF4WYvlv+bc8bGsu2vH95Y/z2vr/O5BXP/iW1b9pNHzv8PrWpfTBAE7n3b+nLDOWEKVEsOPPej9dY5ZbDfSA8494X16KT1xk37m4esS6d4NK01Tnmnn0NwA6/g869g0AjN5BW0cHC0XEYR/En/waRQn+JA0zzYaZxmSYRxNM5jlOWYUAf/xYtryekeBi1Knfn2nBROFLEVkwwlBfmzWLgsrsaNmAdaNP02JwXkhcDjJMnTNE9SN6VSNMZt+xzzChytZnNCSNcZjqLOy9M4y9I0SEiBj3pZ3eO4N57tNvMf58qbMC/OqirOUEGOgAX2W+kh6WG6X2+3wtMDd95oFAfLI5lJXDNNX6+yHq7308ViM58bvKwaIZSNUiNYON16PS6zbu6m0+lis52f88BYFRiDByD8m6FEzNbzexx4375xTwWGAnXPRSM0ADHFbTvgwLu8BnCxOFogYuBoEJmi2sDF1uXZGjwWeOiJBeErGekdI+fH6HHc+3OBAAYuygnW00ZNI9fjXAWc8L4ZCkx0D8AgIlhxhS+PgWAO28Wp7hkDCy9AbUGx4ArqlowL+lznicDzLjA9FhjAgAiOAtdq68mwqfRUgeqV070OdFOCeVg3bPmj3Ofy3Lq8MgbmBeqBfbd1KMYOwX7YtAAKD26huER6i635lVOej1yCKcnrsmn4fofbck56KjDpF5hpBQIwmTsoBO53D27BuSRJrJua98NcoFqwnTRhDVp/PR4WvAl4qkA98GQQ2HWbM6+sa209cQzRHXDSU79Z1FwgQq13dubVynOFJ8MCN7Zufl8NnxjDb5YfemcwZcPzyrjZIS3jxtY94f3plcuqIASrA8NGxRXH0LkleMYCVeA4zXzQDlOCp7f3OxdxT/5mDQpM8sr3uCQWbDWPP8mSi6LIusY8c4HjZY5qrqnhacGTafktYDvuQYGmVw47URyEYi2Pf1hgn3kqreKEp54Y6VHqJKg+M00InM/SqvIEpzz9lSPn53Q8alTOfuBArSdvITgMHoDS224WG7Ks2g7zYExe6err6RzG4O1kgevZbEEm7AJeGIbeETA8PCt6WsZJb7X6/nM32zopO0AIIz3D+G4vrdwOvOe7n/v9fjelOaq5pTQz6DVIHUNsp7xn+++LIne7kGEJo0D4cNHreaV40YDTy+Pew8wvu75KMaFpQ+83zzOmFd4FoOq6LqXXW1CdWXluNUiLD96Dmo2RkyPfD8aHflaZ04L3uBGcGVRkJ3EubOIsNqYF77PBUw320E6DKWMYI/fOsu/reUPuKXGoAedp5S117pVt2fanxw+uiLko5sIf5+LFp3fv3r1z587t27ev8rnRzcv3tv0LT/zvDxtzu7kAAAAASUVORK5CYII=) 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
}

.item-r {
    background: url(/mobile/mc/item-r.3b30819c.png)
}

.item-g {
    background: url(/mobile/mc/item-g.18da5928.png)
}

.item-ar {
    background: url(/mobile/mc/item-ar.5c112bf3.png)
}

.item-ag {
    background: url(/mobile/mc/item-ag.0a24f6da.png)
}

.item-a {
    background: url(/mobile/mc/item-a.d3c6a748.png)
}

.item-ap {
    background: url(/mobile/mc/item-ap.5e66ff2e.png)
}

.item-p {
    background: url(/mobile/mc/item-p.9367350e.png)
}

.item-pr {
    background: url(/mobile/mc/item-pr.31240830.png)
}

.item-pg {
    background: url(/mobile/mc/item-pg.f8d5a929.png)
}

.item-apr {
    background: url(/mobile/mc/item-apr.cdb5fef4.png)
}

.item-apg {
    background: url(/mobile/mc/item-apg.c8f92f73.png)
}

.item-w {
    background: url(/mobile/mc/item-w.8dbf377d.png)
}

.item-aw {
    background: url(/mobile/mc/item-aw.6b312b74.png)
}

.item-pw {
    background: url(/mobile/mc/item-pw.68a652fc.png)
}

.item-apw {
    background: url(/mobile/mc/item-apw.68e5a2e7.png)
}

.has-claimed, .no-claimed {
    padding: .2rem 0
}

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

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

.task-container {
    background: #f7f6fb;
    height: 100%
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAABX1BMVEUAAADLp2LTtW7gtmjDomHTv3vRsGrWtWy6l1nQxIS+oGLMu3vAnl7RwX/EoV/Yu3Pbs2bUtG25mlzMwIC3lVjDrG6/pGTHsnK7mVrPwoK7mVrQw4K/nFzKtXPPwH7Rv33Lr2zRuXTLpWDPxITGtHW2llq3lVjDrW7DrW6+pGXHtnfPxYTPxYTDq2zKunrDqmvHsXHFqGjFqGjPwH7LtXTRwX/Rv33Swn/PxITPxYT////LvHy2lVnMv37NwYG4l1vGs3TAp2nJuXm8oGK+pGbEsXLHtXfBqmy5m13Ow4LPxITCrW7Drm+6nV+3mVzIt3eoh0q6nWGtjVCzlVj38+uxklb07+K1lFj6+fPw6dqrik7+/frt5dKwkFSukFPh1bzWxqXp4c3Js4n59vDx7d/o4Mff0bbe07DSxJT08Obk27/Apnbu6dbbzarVyZrOvofFroO6oG3Yy5/Is4C0mWJavaxhAAAAOnRSTlMAMBoDZCQgD761raZ0W1QKBxPo5OPbvryxp6CSeWtqTkYqKfP9+ezr6t/d2dS/vJiWcW9uX1ZJNuzF86ymKgAABAhJREFUWMOk0e1LwlAUx/GDoTJkmEiIiFkYFCoi+FRnKGswh7sD34gYBCEqmpiC/f9Qgobm/ekePnu5y5dz7qXzrkJNNaMUn+188UXJqM3QFfkWUhX7hKKGyIeoWrKBkholb8Jp+6x02EtMsS9S3Abjma4rmTi5kMt3XcrnLo+W7nqQvjBgONn2JBk+u2jbsxxBt20fbgmotn2pgtlaPknna7R8a0jetBXAyfvGk0FyyTgdi2mBxOhIXQuoTgeiRtCckXC96mqxHAwm0y/tCF73fpsHn7YZ8M54duaYdk97ZQ0uu17ygcFKg8p/wxnYkI/NDWg/XsxAem/8z3BtILvbS+DaiE/0ewaSoK1sD9FYYt5DsrRV6CBTlujrHaBAvyIdQDdYag57ESKqoZq+YamZjno1IkrpgDljqampAymi6weYW7DUxES9h2uKwJoYsdRYwF6E7lDNsfos9+2g3B1lTTlHdBhYCceUy1IF5awPBiYWylUoBf4I65MRE42XohtHSlivY0aEJRypG3pCuQVDSwfkHknIbW8Oe7eE3E9ndfSaNhAHcPwXE1RExIqVIj4Uod36UEr7KAeZRFgelmByZnF2MTGurp2MVdb/n/3ORUwud0b7xZdf4Pfh0ByCRPszONhPiQcfPwubDA73Sbj1Ac6Fz58LNDyeqHO4FT0eLoq45XAo2LuFu6GgL4PCnkV7d3AvehwVcwvR3j1cCp6OFsXcy0iweAllgTZ6KeYmhsArQ1OgGVO85z/k1BL/fqfGKO81ATojPsPA073Fci6k+Fpa6HF1AEDLc1Ycblwq59auF0ZmntOQK+c0xyTe3HUj6Y86c+ceNZ2cV0ZOvWHE/pNwzHsUaivX3XJWZgmRGxWwB+5wjKNeMHc3y0dR8VYjeLr08RB8AFbJyIacTdGLppLCucc4i98rwbYaz1m2TWg8kRZRots5rgb/U4ycZ9p69FXaE0EsdzgFkjqc5ljorb+lWr+lp79Mc5zsVgdAcjyLcWT96/uu1/F487QbFjFlnCU5HFZzuJCjQfAarcJw9Tv2xthsN9GAcfxGDfaVHIvL1GngzsaC8B2mumlxOSVIpfGaSdLcDNtzASU272mQTq2Z2ewtN0swF8Nhx3nIZaupkKnS4jidegEzttY8wEuSTOxK8FyrAlwKx9nE9wIEmYWXgKI+Tyaf6BynQK4Gx+kECRazCKH7CbUs1wBBdTubzgzf99HSMZz8ZLKz1UFYT+ciSdzE1QNJdf0d1UFa43StAQdSWqdhLQUOVrkgJ3RRgYJU7epY7EpTobiz7nFa9wyOS6kWY1UFjk+5KPjSFDitUr0ts9r1Epye2teqfq6q1lfhvTX7jV632r72/et2tdtr9JtwsH9X1+AGNuiWCAAAAABJRU5ErkJggg==);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAMAAACfBSJ0AAACplBMVEUAAAD/qAD/qwL/twf/wQv/vwr/sAT/qgH/zw//xg3/tAX/rwP/qAH/1hL/pwD/0BD/0xL/pgD/0xH/pwD/qQH/pwD/tAX/0xH/pwD/0hH/qgH/zA7/yQ7/vgn/xA7/0RH/vgn/1hP/qwH/qwL/1hP/xAz/wAr/1RL/tgb/qgH/1hP/sgT/xQz/1RL/1RL/1BL/vgn/vgn/uQf/0BD/sQT/qwH/sQT/yg7/0hH/zQ//pwD/uAf/zhD/yA3/wAr/1hP/vAn/1BL/tAb/rgP/qQH/0hH/qAH/zA//yg7/yw//wgv/ugj/zQ//sAT/yQ7/zhD/1hP/yA3/tgb/vgr/0hH/tAb/pgD/qAH/0BH/xQz/1hP/wQv/pgD/xw3/1hP/pgD/////zxD/pwH/0RH/vwr/yg7/0xL/qQH/rQP/yA3/sAT/xAz/1BL/vQn/qwL/tQb/zA//zQ//qgL/1hP/yw//0hH/qQL/xgz/ugj/sQT/nQP/wgv/wQr/tgb/rgP/sgX/qAT/twf/uwj/swX//PP/uAf/pQP/oQL+9eD/nwL//vr//ff/uAj/sRv/rQj/pAP/+Oz/9+X/5K3/1X3/ymD/ui//tSL/shf/owL//vz/+/D/+u3/68X/4af/xlT/v0T/vTn/ujT/yhT/rRH/oAL/8NP/88r/2pP/44H/0nL/0jb/uCv/9eH/89r/9NT/8M/+7s3/6sD/5rn/6qT/4J3/2Y7/5Iv/2If/0nv+zHP/0Gj/3F7/xEj/wUD/qh7/zBn/6b3/8bz/57b/3Jr/5Zf+04f/2Xj/4Hf/22T/1Fn/wkr/uz3+sTP/uyv/rij/ohD/qAz/99//7cr/78P/4qr/24X/3IT+x2n/zGD/wl3/v0n/0UH+tDz+tDv/yS7/0S3/yyr/uiSmdSwSAAAAYHRSTlMArSAZEAUCdjcJ+/n59ujdxrqjoZWHhmJLSEIoFAz9+vLw7+na19LKw761oZCJhXhxYklBOi8oHv7+/ff08efl4+Hg397Sz8q/vbiwrqmcmo6CgXh1a2JgW1pVUFBOPTliADrbAAAD/klEQVRIx5XS9V8TcRzH8Q9td3d3d3d3dxwT9Txl01MnQwdD5iZLxgIEVkxFwG4pu7u7/hO/O7e7792S52/b3q/H3X1vEEzClqEt+k5tvH9/914DlrUdC1Gpv2EAKnC9BneESDoN6b4/iGbtEyGMzkMa7wmh70gIqf30PWG0iIegEgbvCK9pPQgivtmOSLq2hQBxsw9GNm5VwDk23RaVoYKX1mxbdJLXAa5FcrS64ofTNjl6TbnXMXZSch0sZbtF++pivP9OR+6tm7m+bv6BALfLq65fuXv3ypmq8pLAX9szWb3tAcrPnFZqCESjPP3493aheUy3RPh1yZPzBOZ0VYlw0dH7yifv4rt9XUvwKM+UCCbLUbdZmD04QQhohGFv1A06xPcYZULaJ4JRHECf3Tzfi4ggzpfzV+shoctu3J8rBHFCo9EIL3qdPxsEHQ/jjjx9SxRerawsM99hHsxu1/oO9dcRfLcANh7BpKQ80BKmL39fGgxlzHO53Lm+o3makoINe8PwFJ73aHL23CWb7V3utWt3LrmfF164ed/bPuLNpsAw/GNq6inmMhZPntLiseldFY48tz7fgsJPqfiwG6zkZbrzKNOYDTeID7S52J1f8cxlLTZ78gjiY1oqXsKwVExa1gWUXTU4irSlYrv2mb6iRu8szPNcRfepQyGrGwzHM538HkGcshpeOhyWCpvTYMuvvql32qzo7svkuqPcchqMOMrRZUnMhcQ5i8tltd64VF1Tec1cmnvD6rxMEIXVEl0at+wDsWkcnTyzBt1okclkOqskinK1Gq2WOGHy/oPy8iVyHbdcCIkTj7HkEiq/jAhGa6Fkkixu2QagXxZLkk0Z9MUBEXO5DJlEzi1HAKyQsySZFKlwng3MTrnFJJUtYYcNOgOMkrCYTuEwCbNz3xQ0SWVyu34AkDiD/Zgt83Zv7iv5Lj9XMV02O1wNSJtsv0zU0Yo3pcdxl2/VFjCdjN016ARIbINMP6bzlF68d+vzQ3vxxYvF9odfX6nVqBNnUDJ2NhAYA2V+FEWKFfqbt16lp7+uffHzx4va1+npOaiTkqhjjQHGmIYUK0MsValPpmNyTqpVIhp1rMXg04ZikaRUVaDO4WVGkVSMdQ1jwafzzAw/kqRFRvXJHB9UqY3eUyEzWEnAGtWQ9BPTCpWxQO1XYFSJFLSY5PRPBE4SyYVSheo/o1GlQpWUl/WMA1wrsR9NSxUiP1ShDNNjNPAkxmAdQ+ElRRneNeoAAgktaR8pD43rwWaY1tKdEcwaDcG06xk+i4mH4OJiRKE1WQuhdZgTomrUKh7Catd8QpBrtY6DiGKT+jfiRS3bJUB06m9d07plTPPmMa2SNsVCMP8A72QY3fWBHbAAAAAASUVORK5CYII=);
    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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAABTVBMVEUAAAD/TlT/Wl7/ZWj/PUn/TlP/T1T/Vlr/TE//Lzz/Gy//S07/Qkj/Jzj/Rkv/R0v/TFD/Eyr/MDv/GS3/FCv/MDv/S03/HzL/S03/IjT/TE7/JTf/MD7/QUj/PEj/SlL/P0r/T1T/SUv/REn/MD//MD7/SlH/Qkf/JTb/O0P/GS7/OkL/HzL/IjT/IjT/MT7/OEL/KDr/Rkv/TlD/MD//Lz//Lz//P0r/WV3/////Q0j/FCn/OUH/P0X/SUv/HzD/KTf/MDz/Fyz/Rkr/ND//IzT/LTr/JjT/Gy78Fij1EiH4FCT/8vP9HC3+srj/1dj/zND/o6b/+vr/3uH/6Or7MDj9gIb+Nj79Mzv5FSX+LTj8iY/8KDX8g4r6Pkv7JDH0FiP7LDb8Hy/+m578lZn6XWL8kJT8jJL+bXP/qq3/7O37eoH6U1z3aXD7NUNAvB8eAAAAOXRSTlMAGggCMSYgDli+vbWmdWnlS/Po5+De1rOnoZJ6b25EKSgU9L1kYDb7393AubCsqJiWamFcWFVQLBH7IJMXAAADb0lEQVRYw63R50PaQBjH8SeDLeLeWnf3dFNkBKlSxVZbBRGxolVx/f8ve1gkF/LLJUQ+vCFHnm/uCIkp0vzCSGggEp8emAmNLMxLCrkm+UNxk5BfctPy+QfiFgb8vhZj3qG40JCXnPOE4rZCHqfHHIk7MuLoyF3TcYem/bYxeSjegiFZXPNE0i2JeIQHTbesy7rWmXah06o2HnVl3GJvUZfg/rqirnWBd5p2n0ub3q8ciT5DRCajjuizdBhr/ugz+fna6sv1Z3q5yh8V3HBd3bNQvQa3c8d9gWo3a5ZuUO9FIzcDfq2uCVTBwIxoc7Hzp9H9RkT/eh4TbK8jBjRye7eHdbd7eg6o/3tTsdi66aPnLg4aLvQcmpmims4YkNdzd3/r7vRcHs10Us1r05NYLd8YvdlpuGk8Ip8HQ6+J8cLNFeo57KIAt+dluS+oli9cinKXhTzqfWG5t3BzB+LcAdzeWyI55jYHyOTdAFjuSpS7Yjk056UJtJyyz6XQ3ASNo+WCfa6A5sbpUwooHJwdi3LHZ2x7wCcKpFIbpk+qaJcrwrEA9acAJzmkn3rameshXLPP4R59Q4rFkjhXKhbhIPXAXLJ0IsqdlJIw10P9aDlZssuVkmiunwJJpHQqzp2W4FiAPrYz95HG2pkbowm0vJk5PRTlDk8zm2hugrztzHlJTm4CDnJAUiYKoFqmIs5VMqgXIKLZ9uVmWc6TARIV8ZutJNCUh+WUVzB3zU3v7N7f7+5wC9cw90ohZgzUEpXyvu7iD3POLZQrCdAboxopAeTKO7rbWu6WWyjn0IxEj96DWq78W1et5Xa5hXIO9N7TfyrM/eIcl8vH/DXMqVQXRLkfAigXpCcqyD38FHgAOZUaPjTXmLtdS3e5nKn3gXRSYssol81uf9cdMdzldjabaxpgr5UzZ84Z5o+ODHVzbo54yqDxV43ltrkcw12xnGa8f1AhA19vU47rbdfpteZcr4+aqFsaL/vYe3LE6BfZWo63pZLJkmbsCRmfvURAWHMc1AzCBI1qBl8taQajxOD9uRAmS4tgS2LaIgmova3VeudJyDfYSm3QRzaUuW6nse5ZhexNDTurDU+RM2rQPhZUybmVd+LYuxVqjRTus2r1hSVqnTL5OQgO+XlSIbfkyeXR4Td93ew19r0ZHl2elEnoH+tJsw9z9DmqAAAAAElFTkSuQmCC)
}

.task-c-footer li .icon.bankCard {
    background-image: url(/mobile/mc/card.90e09d9d.png)
}

.task-c-footer li .icon.payeeName {
    box-shadow: 0 .13rem .21rem 0 hsla(52, 99%, 71%, .35);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAACW1BMVEUAAAD/5Vr+6mT/2kT/3Uz/ySH/rgT/3k3+41H+62r+5mP/qgP/1BH/tg//wx7+31X+6mn/3zr/tQf/1RL/1hP/0RL/qQH/rgf/vQv/yRL/1RT/qwX/qgP/1xj/1xr/uBL/ySb/zSn/1BT/1in/1yv/2Db/2TH/1j3/uRL/zBX/2yz/4Ef/zBv+6GH/xg7/qgH/vgn/1RP/vgn/sQn/1hL/tQz/zhP/vBH/sQT/uhX/sgv/zRP/1hT/vx7/ySP/xQz/sAT/rQT/0RH/uBP/rwf/2Bz/xiv/sAf/zDT/1xj/0Dr/win/sQn/zRL/tA7/yzf/1Rb/zif/yRr/1hP/pgL/ugv/xA7/0xL/zhD/xw3/tQb/zRL/qQP/0xX/yw7/twb/1hb/yg7/rgv/wgv/uwj/0Br/qQP/1hP/shH/rgv/yh//0BH/xgz/wSb/0BH/shH/1CH/xg7/2Bv/uRv+1kj/2yn/2SH/uRv/3j3+3VD+62r+4Fj/////xwz/tQX/vwr/0RD/pwH/zhD/vQn/ugf/zQ//0xL/wgv/qgH/rgP/uAb/yw7/qQH/yg3/1hL/0hH/sgT/rAL/uwj/wQr/nAL/xAv/pAL/oQL/7sr/++//8db//ff/9eL/ngL96r//sAP+57b/mgP/rAb/sAf/qgb//vr/8s//6r3/5aL/5JT/z3H/1mz/zhv/sQ7+5q3/wB//uBn/9+b/9dn+36H/14r/3If/5YX/23n/ykv/wkL/vSz/7bT92ZP/1X7/3Wj/zFb/vTz/0zL/yCj/0if/shn/7av/0WH/2FP/0FPQcjnOAAAAfHRSTlMAARECBBfzOCULB/fKcywiHRT8+fPw7tnY0M7OxrGamZCDcmtlVVFKPDoxLSUV+vrz6unp4+HZ1MrHw8G9rZ2ZmZSSkIWEeXhwbmNfT0xIR0QgDPn18fDv7+vr4+Pc1tPSx7u6uri4tK+ko5mOhoKBeXBnVk1BPDk0MzIlcgdZHAAABDtJREFUWMOl1GVf21AUgPFTWnTImLu7u7u7u7u7S0jXNWtJx7ZSNmSMsbXDfThz38faDbASkntOUvi/vafP7ySXADRr4riRKwf2m+raPqPfgkHXbm21QYeFjR7U46lW7NoJFghd9M2Brqd8M9aGh7rYFbYXYcE4MC9xZfenRmLHgjkxI3q4zDht5pEt4/u5TOo+zGa42vDuLvNiE4GUONAVkt1bgBB18FmohgHqztRnoVtmQS4hsueDjjjP743Da7RlwJGw/0FHcd5f2JEHHae735hBDzthT7jmGkY+7JRYG6hF9XzYOZdAJfrkI1Lpjx+lpfTIBGgzio4V5WcJgvC+7hsxNF91q7Oo2mfhv6w6Ymxj8B5GPCb8ElQ+PELnDlmDyxG1OqGdQnzy/3ojn+C+5bXP5f1BR4+2Xut8vJaUL2jkJ6HD8aAYPykJ9V3QKUWHFwNjGZqE+6zP1aPDe23KRfQlckX6XDk+PVb5vvBnfeHm5D64X2DzF1huRBKRK9HnitLQXF8A2zmiZq/Q5/7a8fW2sVf3AuNOs0vvtbU8yZ7mxn4xFrruciNYzSnpnrbW42Q9xFUY76ZyHvGl5q9YpHKLYZRBrqzd42Y3iR6f3e5GHIfhaSi73ecRA5Wq7+zlz0BzDvtFHxhqJyg52V9clddyC8U//UrOacdMgyFUzimJ3oDf/+5rcU1N8dd3fn/AK0qshpkCi+icsh7rtfDLbDmWw5E5p9PnaV7P3xxTllNyRA+GOCk+ifWU/ZSa3FzzOXFTYKhhjvUCZWVlgQCrGeSmwXCnQU+qqC/IzMwsKPzUUOmRWI3QB0b5SN/rX7V9rlWFFZKPcgIiJUpRlvafZ4VEGAwJO/HTBhbTyiohcnEwcTZ6WJIt8BTiuTFgW+hBlAgMv+dBbANYgxz9zhMwtchPDgPAvW4iT1O2gGsQuZYDsJfHPcoUCNmVIs8YlrMM4Z18EUi1Isc+KzCRnKftlp9NesVbbwkowubqTxqrsmhfOLl4aLZOd+AtfmWgwOsVNeZAi64zvRq51S+NlHm1NkALyyrNgSy/yTTSJOd62+ltBf56ubJc8NpAQaM2twGC1uWqsFrqp5qPH6ury8vfoBplOVdtngWCwubKaqkp6Rk5z9+inudkpDtSZTX/BFCJjNDnCEouWVZbAWrWNepassNELkW93hwbtBO9UJVLdbBeRg4uQ9lOlYsIB42ufVTbpTjSWY+QruTaeptA5+701FZKjvUoDgfLBa0GjtERqh4LklJUtaUW4LDciAjmWK8Vt8UkB3tLrMBlUe3HkhT1blbARE5PDlUcEO7PCy3WaxOQoi9OTjFvQDgYsG7ubTY2ebUNjIWt6uIw41Q4mBM12DjYfwyYl7CcDg64DaGZuL4/1uq1YiuEzpqw/ox+x/5x8VboqJiozXGDj/Xu5XDsODDg7OXr8TFA+gci7r+sTUrxJwAAAABJRU5ErkJggg==)
}

.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 .list-title {
    color: #666;
    display: inline-block;
    font-weight: 700;
    margin-top: .22rem
}

.add-info {
    margin-top: .2rem;
    position: absolute;
    right: .2rem;
    top: 50%;
    -webkit-transform: translateY(-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAA2CAMAAAA4c2GRAAAAk1BMVEUAAADm+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O/m+O8w0AW777dO1yzf9+W/8L1f20J84mi17bGS5oRZ2jrF8cSG43Nm3EqY54uL5Xt14F5W2DU20g2q66Kh6ZctGtWtAAAAHHRSTlMAO/rrBvHm08WroI9fJg/1zuGzi3l1VDAeGgzNFpxeXQAAAb5JREFUWMPN2Yd2gjAYhuFA2FjBvb6gWEftvv+rK6do0xpPJUPicwG+vyIrISLPGcaLwIVRbrCIh45HrnMSHzfjJ86V/DjEjYXj/759jhbkDrnMS9GS9OJ/YRahNdFM7D8EaFHwcN6fULSKTs6+P0XL6J/foBuidWGXcDEsiHm/Ays6PweAwpj1Do3R00FIYcyBsTUaS+v+1IU23q8maPx57vR7gAH08X5liaYGpDL3Ycia1Q5oyp/rnwJi/xVN8BOhD1X6ffQJ8TKo0u8j84gDI3bH/iPkOGQEdfp9jEgCKUUJkavcR0IiyCgYK8X+m3IfEelBQsEqpcE+eiRDcxvGxAlWOn1QAgmMiROslqz2BBWu1AAf7Kgw1YcrdQiw4ROY6YOKf0KJCfT76JEIUgp2tPndf4GqqPGFSJzARB+J9KWYT/C50+9jJHkz4hNwW2hwVG7Hhbl+5ik9kJSm+ugrPpKVhvroqD6U7t/r/jO0+HP5x3I+gX4fA4UXEz6Bft+d6rya7ZdbaEr5y6kVtHsvr+f2FyjsL9FYX6Syv0xnf6HS/lKt/cVq+8v1d7BhcQdbNqdNq9z8plV+edPqC3H3s4Nmnn17AAAAAElFTkSuQmCC)
}

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

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

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

body.invite-friends {
    background: #fff !important
}

.container-wrap {
    padding-bottom: .35rem
}

.container-wrap .banner-item img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.invite-code-modal .invite-friends-con {
    display: flex;
    flex-direction: column;
    align-items: center
}

.invite-code-modal .invite-friends-con.share-hide {
    position: absolute;
    top: 0;
    z-index: -1
}

.invite-code-modal .invite-friends-con svg {
    position: absolute;
    right: .1rem;
    fill: #fff;
    top: .1rem
}

.invite-code-modal .invite-friends-con .invite-friends-picture {
    font-size: 0;
    top: 0;
    border-radius: .4rem .4rem 0 0;
    max-height: 3.2rem;
    overflow: hidden
}

.invite-code-modal .invite-friends-con .invite-friends-picture img {
    width: 100%
}

.invite-code-modal .invite-friends-con .invite-friends-content {
    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)
}

.invite-code-modal .invite-friends-con .invite-friends-content .wysiwyg {
    max-height: 2rem;
    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 .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-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 .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%;
    -webkit-transform: translateY(-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;
    -webkit-transform: translate(-50%, -50%);
    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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.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 {
    margin: .5rem 0 0;
    font-size: .5rem;
    font-weight: 600;
    color: #1b1b4b;
    text-align: center
}

.invite-friends-container .amount-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .4rem 0 0 .11rem
}

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

.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);
    margin-bottom: .15rem;
    display: flex;
    flex-direction: column
}

.invite-friends-container .invite-friends-info .info-item:first-child {
    background-image: linear-gradient(108deg, #abdcff, #0396ff);
    margin-right: .15rem
}

.invite-friends-container .invite-friends-info .info-item:first-child .item-title {
    color: #ebf7ff
}

.invite-friends-container .invite-friends-info .info-item:nth-child(4) {
    background-image: linear-gradient(108deg, #abdcff, #0396ff);
    margin-left: .15rem
}

.invite-friends-container .invite-friends-info .info-item:nth-child(4) .item-title {
    color: #ebf7ff
}

.invite-friends-container .invite-friends-info .info-item:nth-child(6) {
    background-image: linear-gradient(108deg, #abdcff, #0396ff);
    margin-left: .15rem
}

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

.invite-friends-container .invite-friends-link {
    margin-top: .35rem;
    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-container .invite-friends-link .link-top-title {
    font-size: .34rem;
    font-weight: 600;
    color: #3b2987;
    display: flex
}

.invite-friends-container .invite-friends-link .link-top-title .share {
    margin-left: .2rem
}

.invite-friends-container .invite-friends-link .link-top-title .share svg {
    width: .2rem;
    height: .2rem
}

.invite-friends-container .invite-friends-link .link-subtitle {
    font-size: .2rem;
    font-weight: 600;
    color: #666;
    margin-top: .25rem
}

.invite-friends-container .invite-friends-link .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-container .invite-friends-link .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-container .invite-friends-link .copy-container {
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    margin-top: .4rem;
    display: flex;
    width: 100%
}

.invite-friends-container .invite-friends-link .copy-container span {
    min-width: 1.55rem;
    max-width: 1.44rem;
    white-space: wrap;
    word-break: break-word
}

.invite-friends-container .invite-friends-link .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-container .invite-friends-link .copy-container .link-copy svg {
    margin-right: .2rem;
    min-width: .3rem;
    height: .3rem
}

.invite-friends-container .invite-friends-link .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-container .invite-friends-link .copy-container .link-qrcode svg {
    margin-right: .2rem;
    min-width: .3rem;
    height: .3rem
}

.invite-friends-container .invite-friends-goals {
    min-height: 3.76rem;
    border-radius: .12rem;
    background-image: linear-gradient(118deg, #97abff, #123597);
    padding: .21rem .36rem;
    margin-top: .4rem
}

.invite-friends-container .invite-friends-goals .goals-top {
    display: flex;
    align-items: center;
    height: 1.72rem;
    justify-content: space-between
}

.invite-friends-container .invite-friends-goals .goals-top .goals-img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    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 .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
}

.invite-friends-container .invite-friends-bonus .bonus-title {
    margin: .35rem .6rem
}

.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;
    margin-bottom: .2rem;
    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%;
    -o-object-fit: contain;
    object-fit: contain
}

.invite-friends-container .invite-friends-bonus .bonus-item .bonus-info {
    margin-left: .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 .how-title {
    margin: .55rem .6rem
}

.invite-friends-container .invite-friends-how img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.invite-friends-container .leader-board .leader-title {
    margin: .55rem .6rem
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA8CAMAAADv/jI5AAAAflBMVEUAAAD/rVP+rVL/rVHfl0cAAAAAAAAAAAD/r1D7rFD/rVEAAAAAAAAAAAD+rlL+rVEAAAD/r1IAAAAAAAD/rVIQCwU2JBAQCwSIXCq2fDpgQB5sSCL+rlFuSyMAAACwdznMiUD+rVEAAABAKxQgFgruokx1TyWSYy4QCwWudzgP7VgDAAAAIXRSTlMAQIDf/kDfexDEWxDvk3DvYCkgr6tQ5cq137+YkHAwz1BW1Z50AAABgklEQVRIx+3T23aCMBAF0MRACIgIIt61Zbgo//+DZUKEro5hdbV96EPOE4zZnhCFubi4/HUUH5PZ1oRChIwmWZdjFjYrylKQYRai+YnFUotVPOLZjFVbY4jlw3aEHkTj53ykkSmldjFOQvXKqosZUJv1l83b4eANo0gIvQkhjOWitFp8lBr6dGW5ZiwF6L/FAwCf6UyA2hBXYupq92619t52lQYSAALGCinRSim/Wu9O7Fk/3jbhOUBMfqPJ3h8VsfvW3DfHq2+1XgVAbQ5V9xwlry2WAsgzsT70qdquwZmi1pTCasmJZQHo1HgUEbVDKZ4ctZxf9xpXuGlqTSl7YdW6X6n8II/xzLixeGFiSonFXPRrECUhPliKk+PwpzQvli612MIbJ14d4GTXfH4XsNRilzG0g27aB+h1su6ayWKprXeFZ3w6nHYAIM0ER/JmyIxd7uEZudGTWwwYf9aapBIwcfDc3iaPv2lxsV8UunMK3s7Z2TjrrLPO/t76MCb4t/YDiNZy8VceeSIAAAAASUVORK5CYII=) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA7CAMAAAAZzLmCAAAAe1BMVEUAAADq0eTq0uTr0uUAAAADAgLtz+fq0uQEBAQCAgLr0OPuz9/r0eQAAADq0uQGBgbr0uIAAADlzuEAAAAAAADq0eTYv9IAAADCrr3q0ebbw9RDO0EAAAB0aHTq0eQAAACvnavSu8yNf4p1aXKhkJ1US1IdGh2+qrk7NDn5Ok+TAAAAHnRSTlMA34Bg3oAgnMClQBDvPr9iUCCzkBDPMO+6b++oUEAngTssAAABmUlEQVRIx+3R2XKbMBSAYQkJhFjNEjtO0nOA2E7e/wnLQQuOSzqG6XRy4f/CRkIfaAR79OjRj6godtsggLidSqOxtTAVisPUUy3Su2EaZHCdsi/eKZUGnNeRGdW8EF/gzjEfNwcQAFc0zPbTgDp6SDMLCXuHJ/vxVzEW0eOSAGZ4hMUSA/ehlB1wxhRALOMy8DDKliGfYKYRcaBBAR2OvXqowNWfhlM/yx3BXuZ5aOFJvuUhOhiBa0Dq7Gk9wWpc82whXYcOCrC9o+kTbBnBF7MpTjpLzXrxZac94kFrLRH9KwlyD1+nzxtxBwu/0aalcXkYlmHc0YlB7eBzZzqHzJSflqFGemJROtigSTLXi3Uf40mYaU1/OaL+lVYSsWRUbGHjnPCnfA3tSonawSY2ldZF3MHLDWxHg3FLcKHUu0Gy29qq/VNY9+Rcf2nY/c0Ozljd76LZvaNe4fiVk9U2h28bXXi322fbXDK78xonPOs/17jj7C5rXODdx+jKDa5DPOSb3JrvruC7gr+6BB7w38Mcvy38YfD/9hsSvmnzjqpciwAAAABJRU5ErkJggg==) 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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA7CAMAAADRoFNUAAAAhFBMVEUAAADcdy3bdy3bdy4AAAAEAgAAAAAAAAAGAwHfeC/fgDDady7cdi3bdi7ZdSwAAADbdi0AAADbeC8AAAAAAADbdi4UCgQAAADbdi1vPRhJJw+LSx1dMRTGbig2HgyDSR3bdi0AAAAWDATNbyrAaCdsOharXSN7QxlJJw+JShwwGgqXUR816xKtAAAAIHRSTlMAor9gIN6jv1ggEN/fgO+Qj4BAEO9wcDTPNe+vYFiAUHp7FqMAAAGdSURBVEjH7dLHdqswEIDhcUCid9xS7p2hY7//+0Wo2HEg2ItscpJ/wUbfEXBm4K+/fny+5z8oc9x8m/Q9+bgnn3AbI0CKGFo3Mk83QRAcNlF+kUEaQYTBdhN/kFaIl0JLS6uwIcSjLbiR/hPedPCk3JUE2BGx14s84KdCf5IsyQAbtuPPRqY4K5rkqziL8QjwoqWHqrpv2zOqYl/I6RtaDLcpKmmuHCsSnWqU5VpSjxhYWqrfaSqStUpa4JAtDhkdPciISxnj1JnKJMs4DUq+KSkQ2yWkZUIyXoBo/6zk/0nqU+Zq6UjIBJxSI+hcMBU2mEp1pZqpnkGl5HLT2FFVD7Rf3R3j+ooYPCCb/kRk35MGv8CDEtd33JHDHDWNVqWsNStyV1JtBj8rt2Tqjj2nbvn116Xbgiqrv5QWykIPZBGq3ubSrTWdPsBLUfdvLpMWTXGMpjFbuLNqcFa9tExFuUCHxcln9Jk2J+KwUMGIhu7quraicnmZbEGpGvqxO4/9UJHInStDb2IrG+86V+fsCljLdhPucJ64NvyS3gGaqkq0koti6QAAAABJRU5ErkJggg==) 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%;
    -o-object-fit: contain;
    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
}

.invite-friends-container .income-calculation {
    border-radius: .12rem;
    background-image: linear-gradient(122deg, #fd6585, #0d25b9);
    min-height: 4.31rem;
    padding: .32rem .36rem .46rem;
    margin: .35rem 0 0
}

.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;
    -o-object-fit: contain;
    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 {
    margin-top: .35rem
}

.invite-friends-container .footer-wrap img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.invite-friends-rewards {
    padding: 0 .28rem;
    height: calc(100vh - 2.47rem);
    height: calc(var(--vh, 1vh) * 100 - 2.47rem);
    margin: .3rem 0
}

.invite-friends-rewards .currency {
    margin-right: .05rem
}

.invite-friends-rewards .rewards-list {
    display: flex;
    flex-direction: column;
    margin-top: .2rem
}

.invite-friends-rewards .rewards-list .rewards-time {
    flex: 1 1 0%;
    margin: .2rem 0;
    font-size: .18rem;
    font-weight: 700;
    color: #666;
    display: flex;
    justify-content: flex-end;
    align-items: left
}

.invite-friends-rewards .rewards-list .rewards-time .time {
    margin-left: .1rem;
    text-transform: lowercase
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAulBMVEUAAAD7viz/2EL0Xh7+2EL+0Dz9xTL7viv6vyvyKh7+zDf5Tiv6Tyz+10H8yDL9xjT7vyv8yDPqABX+1T/9zDf1NiH+2UL7UC37vyz5RSj+2EL/2ULrABXrAhT7wC3qARXrABX/2EPqABXrABT6Tyz9lCfqABT6hyn6Tyz8pjH9lCf6viz+2EP9kSf6UC7qABb6sir90T78nij6xTL3eyrrEhf7kTf9yED8qzvxWh/6Xi/1iCXuNRv9uz7EKjCAAAAAK3RSTlMAnZYM/UgX94Y4NtWwglYnvnLyrGQi9O7lXOrMtWPUm9/exnp07tTDltByh/tYDAAAAxhJREFUaN7t1mlz2jAQgOE1ss0Z2xzhDBCSNEel2JASwtH+/79VcThrylbSoKHtdPx+yOwQxo+RBGPIy8vLy8v7C7He83jI4JKx504cJ0ljfEGGVWNZInu8nFKLUyS5gwvVixFJhnBm1w9yPWo9BnS1LHIDdGx400ge7681dxpXy0BWzSK3QFa+TZSf9CFO69BKJ4s0aKORpN2TaxVj1XM/yWOClekVx3rn7ckQCfIdrJNFauRaZBHyNsZZpMHI1cKqiuOlOFx3SbbrsxBWS5E7ZoiYLxf2tN4i71U01MtlvvGY54rlYjXnvAVwzsZDWbtaUGkLGZcVK0B2qznC+i+jPxEpwrv+WV9GVNYvQDYQiPAIqNjTOxp0188dSSw+RBOImgIRmQNEEZ+uJNMYl+H3Xc1mQgjXLRD/chHZ1aKMbdNpCVS1xD73Cn4pkAYi9OY3+aG6EqkIVE4PFiLU5jOHp3lKxHc/lfrR631xivCIQSY0uA/K8GJuZs3ZQGAcc2ijCOoGApUge7CyCNbKGNhIg2Qv1/bwYNEIbn6JZ4o0SEGcKi00EMHNRwNXUV1dZHL72xv12uIEwaJTg5c0iCeO6ocQ9gWN4G3X+XEBgMEZxiaVgVAjxfrBwELQ1BbHSZRGUDl5AXQNhC6ua6RFmvZIpEUK9oijRa7skZIWCeyRlhYJ7ZEKaGtbI0yPTGyRLugb2CIj0Ne0RSLQV7BEig7oa1ki+Kiif2D5WM4EPXHZdDOVf+nJA0z9Y7+I4/WHOJ6W22mHzJPk/Y3zw/S6mzbp5IM+1t/ecyxbCNnscxJrOc13yPaB9zvn5FRkYNAkReZ7JJ1EbIR0AUzP8Fxe8Ic4nhZyWu6QlbzgnHNyigCMz/ByIa98PM32024rVtvl30+bw7TZT44RUhfqLE4w5tkhgRESztRN1YVGiF/kyl7V+UYI69ogXxgYNbJCwCzHBnkyREo2yFdDJPgTSMUG8QyRsGiBhIYIs0F8MKyrRuxPcOh53uibqjdVL0EQhEYP3K7lA/e/8VT//yBeQZejK4C8vLy8vLwL9BPf3E2bxc/L1gAAAABJRU5ErkJggg==) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:first-child:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAsVBMVEUAAADdFBj6iRz2WxLqABXzKx7/2izrABToABT/0hv+zRjvIRv9wAD6Ty3+zhj9uC37Ty3+wADrABX/2izrBBT7Ty3qABX6Tiz6TSv/yA77Ty36Tiz+wQH+wAD6Tiz+zhn/2yvqABT7Ti36TCv+zhzqABT/2ivqABX8sBXqABb9vwD6UC7/2i24GyD9kSf9pBX9yRH+0iP9mh/9uATzPR3vHxvPDRr9rgn6Wy32chP4lQWnX+ApAAAAKXRSTlMAHhMJ9SzrfaAhpjvF2o3+8vLr1FXo3G1QTMSNedl+Xbi3rJ8xx3LL9ESjLkkAAAODSURBVGjepNZhSzJBEMDxuds7Eg5R5E7DIFCRnnumpEJL/f4frLY3K+b/dob+b0uGn8usK9Smp16okTirpwfvkI+qFl9rVe+Qvl+Jq0ZViUKQ7z+14igsVZFCkO+2Qezda2wPQwjio4SxKlMIEpuXYm2hOkBBSOzODOk0RmePkNjMSnlQHaIwJDay7qHqEIUhMeNGbvQiGEIzEiW/h4OU219WqrHuYco/5CkY91AHzh5mpFrrHqbyQ/qr5iG/hzlKBpLfyDJB8OwJkpoVMtSjapYCEKbwHjIFIbSRvIdMIYhxI2u93aG6jCGpqsnejNeN64Ia9SnbqRRTmLLAT8xAUoib0tFnCDIS8VMe4BArgtj3JDUtMhDPypcdTFnLjZo+BRvvozTyu5Ub4qc0FUDK/HMIupfrtj4I38OpZbj6zxZmzBHip4QnhOQLRBkHGyTYXtvQo1wU5jCkFfkLpSsldeeEMIUvl5IhxpYK1VnIViA7ZcNXPEP8FDeEaxRaZiCNOFrjRg5e8Suh/JS6ckH8lIUT4njmpcYl/lZVtTjbMGWFrwdvhUJd64Z4nkfH4243mUz+nc+n0/7gh+SfR8fT+9vzT6//f/o8HTLPIC/luJs8x9KQ2HkPEHtll0Z8tV83KwrDUBSAQwqBBCmELIZAiy6KiyBG6wyO7/9iY1enjSS292bhYs7WxcfJT3OdSgBB7t/rp4fyeIQWQNDmB48uo8p5LgBBGcxz5CqoAWSR24NWBA/xLwwgaR54dAn5gpEgiYIi2yNhFJHQMpD2VEaQPdnwpyTXyzNxHOM9RexANKRKiTAlnqfE2xLZMRcLBJCJqbFgWr3sBJAp46JMLymIeTWAQEEVbhEYQFKFsiv7+X6EJQIlzEI4YIcZEhIEubNupHxZLCCZKn3DWa2QIJkqVjMuySVFclU8aUvyCHLDL91Go3FAQork1stsRRTObxmJ9Jsi/5GP2xPa6frEe8K58fW/XTEgeiuii19hhPUVFg7INY/EQNh35Jipkn8ZfeU3HkcL6QUhh8K0AgPpKMhw2jR3WSmYgxd2H0iEgSK8XUGZiBq8qQsHLJ3qJ2SMMSGC9YIas/r/SSfIkW4lYhpBj3arkJ0UnAwuj/ANdHmLGBjUSPMGaRtRIUdVQHov6kSbHGJRg5/BKCAzQouqkUenFojddY2oH+3bg1NPxPam8xtK/AFuMTbArCOdRgAAAABJRU5ErkJggg==) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(2):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAArlBMVEUAAABZwFlYw2nUtCz8riZYwmiV3jxXw2k7pFWW3zmX3jyX3jz8oydVw2f9kib6viuV3Tr7vitYw2n6vir8sChYw2n9kib9kyZZw2mW3jv7vir9lCVXw2hWw2j6viuW3jz7sCiY3jyX3zugrUtZw2r6viyX3j39kSc7pFX+2EP90z78nyj7syr7xDH7yTVlxGFJs16R20B80k+/0DXxlSvWyTGBt1mpq0il2TrCpD7kjpWyAAAAJHRSTlMAHfYRJ6eLgvYu7tyGLuLKT+rdrUPHxp/rcm9qXUb2xlqzpu1OuOy5AAADaklEQVRo3qSX0WrCQBBFdyMbm0hABKGCEiLr2rc0jVHz/z/WPCjXaG6YYc97ORymM1kNI/WMH4YzSrL8Tyv5TQqlpAqNVuK9MmUdQmApLMR7f1BJykHS1CqJH9gqQ3gKDRnYyx2LVQg8hYYMbBZiyS6EmRQeMrAUh+ThQS2W+AffVihJw5NGKvFPEifdQ0hqrcQLN/IYQCOT+Bec/N838NlPTx0chHuIkkYi8SO28hCeMhci3MhVANOzJyFgI9rD+ZSZENlGWoTQFBqCFCvcQ55CQsQpWZjiLYWGsI3ke8hTeAhw4hCkJK98vQLHmEI4EVBaytYD2VRsTixrQzgQB4YiT1kZAgtxgiv/wc5MsteH6FM2iomABUtJzQRL4sA3WJeST/yd/eYhESmxITjDBPsRkuhD8LCb5mjecB6QG6xPycyIgocIYCmVMET42ias2UHhX3h9SskPCg/Rp8SHgJIeF35Q8OiKTdnhMvKQ6JRFdAjIAiGdOyjaX6YVvZNzlzFBSFxKfAg48uPCL6MzICqlwkHhH934lCI6hKfc267r2vZeufp6u/V9f6vJg05BOlZ0pyeX84NLX4tCpM+j9gTO4HKlE9GnwAEJLAjRY3M4iAQWvB60KXAwCSxLA9QpGDkkY/57r4PWCGEgCsBCchRFVpQqyELxYNT02P//zyoL5a1OpmTf0J1Te/p4mZnE/f5CEKI+QCQRMEQQfB7hpFIIzuzT8Ug9K4io3mzoiF0ZJLDvMW7ruiaUlgvSXIkYwrIsjz834XSmICCWR/3+f2U8g9zOB3UQZ2TezsjIILU0gCTOrOdbAgMIFGtT/JQ2FnWeCeQ+o2AAkVm8qe8RAhA5Y+XLhhdBgChRKmcOAkSNMhraHjIQKko55yIbvY/ueX6XFIKiV6WdKaRy7JJEFZEX5VsQ/2/HxSbxHNIRu5g5wvTF0lKIp5+s/GulN9z0e1AQNYg9ij0IatCiyCD8l1er7aO6ifwbLxXNqAqimjk9xtJAS8jOyyyKgU0k3i3RffFpx/Yd95dkBEG9vbi/BBNDCAewrSC400KU5oUfQV1BVttkI5UvaKXORDpX8OWGJgOp7oWtXHllBDEW9vL1n0jv7IScZWVyreVOSoZhz6IZ9nqaMnWq7OWHupmm+lYO49h31UF0Y27LfwBwsOKpYgcrKQAAAABJRU5ErkJggg==) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(3):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAvVBMVEUAAAAsTbEmT64lT54tTrlMYN01Vbz8qSX+qSQiTp4kT5/9kSf6vixLX97+kiYkT5/6viv1uzD7viojTp5JXtxLX979kiZLXt79kyZKXt0jTp5KX94jTp78rScjT55KXt38lCX9lCb7vSn5viv7vir7vir9lCWSfHclUJ/6vixMYN79kScZQI7+2EP7yjb8nSj6tSv7qikfSJc+Wslxc7c2VrwrUqqPhJdbYYC2mXCze094am+PcWPTqFPUhj3MeuFMAAAAKHRSTlMAJRn1DPA7LRZc5evf3NjQyPmqnnPFwamhWIqGejyzlmB8UHdkjUuZY4Ym4QAAA21JREFUaN6k1ltrwkAQhuHdHBZsK1JiEA+Y2zjpVWvrobb//2dViDKx5Ms3S97bvVgehoFxqKpGvaEKF5nPP2M/eU+9i2shEvtJXW9dVEFEEAVBrk8TF1MpAikIcm2WOXtLEUyBkDhKNhXBFAi59mSnzEUGKADStjFDcpEBCoK0lMTZqkSGKAjSVlj3UGSIgiBtaTDuofZBPlFIHCVIty/TJ3U3AyUrRYYpQxDdSLaHhAIg2sSyh4QCIUrhe8goBMI3MlEIpBAI38i1CKVAiLZie0gpGKJ5soeUgiFaYd1DpaQPEUhbME5EmyfdfLdJ3d/KOBKtxPht3dvQ4VIBytKBFEJnwiloh2cEwqfCKWQioIRROIRvPKfYIbgMUKY9lAxDSHO0K3bIxnzYcUr2RCHjKRsOiackHGI/upeEQiYycThOyR8oySgIpqzpRBTCKyGFQxzNTllhyEiKeHfLpwzCC9JfxSDBRbQAU7lREgDZOh6nLNrngkBGUoJOhEF4PkcUDEkJhFE0zyH2vPzrsL+fR+0ZdPw236bm8+i0273+nA77PIT0eDn/Nk1zJmdQ9FQOu3svz829CzmDjBT9Q2u0iwnCzyP9Qz/R/mqxg94EgSAKwKSX3QRCgAPhQoKKmg0R2MSDbdP+/5/Vph6edhYX38R38+KXye7sjH6ikDcKwXp0LgUCBWuQphQYQJCLohDsFOd3GECQj0tke4gPYhASAYP/uYgcv5zMIPN9pIlt4ZAgguQdicC4R6agQiKZ+P7x9Bvn5tkLKCURSfzl+mH+z1jKMJIAIpmWO3dpAJEKd/K7W+OEOORW2VDIXtYBRCoNhVTCkMgMpNa2yWkJcV7XKFtZCBBEd/KZKEQg6lJ2opAwMivulxWFCERcsNSShcQR/hYbtxrxA2Ke6xEOqelXfowi5Kn0XCUbtkviCN0pLXO7DuTzGG/GSfFEmuc7vlWNk0fIpBootlwoZaGQ1LxsnkzyatFdv4R47fjdxWf8PGiR3oUVYZDTBP2ISMQPtzlQiJVbKhC5p5qESumCDIi76Ld6OOPovZ9AaLf6ygUzBFNrf2rFkbzDuCKYcgVSd4kubRVDmjbRx1SPkNqogdANiJw3G1ssIblNXqNEDD4mE0hsTvFKWVT9psnTiMGmzYp9b+z1gzVdU6er390fR+MaKDBXfA4AAAAASUVORK5CYII=) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(4):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAdVBMVEUAAABLYN7+uwP9vwD/yBD/2iz/zRdcacv/yRf/2iz+wAH/zxv+zxn+xBT+yhv/2iz9wAH/2iz9kiX8ugf+wQL/2Sv+kyP9vwD/2i1MYN79kSYlT6AZQI78ZSz9rA/9nBwzVbc0U4v8fyj9xgz+0Bz8cCn8iSeco9nKAAAAF3RSTlMA8vy9C7oa/nXx4oxFMl2pndznxa7OsUPEDV4AAAKySURBVGje7NTbCoMwDIDhWLPaVqqbp251MPf+LznUaXehwsAIQv7rwkcaCGwUPea6NvQMteFFBOsxwggjjDDCCCOMMMIII4cjcigJde/lkpAc+gPR943cRgIZOTOSX1artTDxerBDmArniwaBMIydc957UkW5EfEK6ConpAC6zIwgkGWOmOQ6IQ3QZcUXsUBYZnqkyIAytJV5lRYRiLIqr/V4u4SpFMGPSXX7PZD9boyS+xK5XrrCotpvHEw/rdiLjoMgEAVQM2WND7Rt2oYNiZD4+v9P3NjWXCSsRob5gZPLTBnshwAC5pYojbzv7ZNKpohRHC2tWrCR6/FmfDIVAWNn/V5EKgNIYqX2gXEcBmuM8ZVbvNF6wqCW0ktZz2ljjbwMEMr0OsBQk2KwBvUt3c36y5DbljhDujHUWlZ3k16LuAcmXqGJMlp3XR9QqBK8IDBIL0g3Q+FFuQb6QfaDQLGsruThhnwRtMVAyU8jRbAhKxJsS30a+fGDkLEaSDf1sx/lcdYQWCIQgLgOVkse3ZIRAhDXQZQmeoAHBQIIGG2jh7h1ECgBRDtIcX64gND/SO8idfQmwewCgbEZ4hsLIRtGJlzGfAQHBgS3iwIS3xPvwLzDYvSk9RBnwraHxZku6d8qiIIg/r0iT+/3CKSJv7uGfQSnVYn4nTXuIwhy4by59hF1uu8oUSLKHoIglLOeqIOL2A1ieU/VpnSUFbGGlJ6naUUcgzDAJxcwFPMW1rfw3E8LYklFL19EgUJvYUXezuwa1PA+HNB9IOg5oyP4QSLMFkEMPCK4B4avh3UA3CKZ4CsIzjgaQxDwO4yv4uCbEYsksZLOgFIeIVRk7JK+4hsyzV9Ee8glz1L/heMjVZslK9G+QkhViCxpyet9i1RPmaUv0bT1z738VVQ9boU8EeIPjeOFTYz8GUUAAAAASUVORK5CYII=) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(5):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAmVBMVEUAAAAA1d8AsswA1t8AtM3+wAD/1iRozJ782i3/0x341zP9wAD1vQb6yBQAxNX/2iv/yg8A1+D/2iwAw9X/1iX+yRH/zRgAs839vwAAtM3+xQwA198A198AxdUAs839vwD/2i0A198AssxMYN4lUJ8Dp8YHy95Ea94iV6KFiqPCsGiIznRueWmmk0BibsdIYoXRqSAa0s20uzuRsw1GAAAAH3RSTlMAIfj0KXdmCncU+Mj7imW4IeHaQVQ6KublqpyXu4HKZPzXGwAAAgBJREFUaN7t1OlymzAUhuGDHRA7GDDe6khdktaOnaS9/4trDdUcd2ii5SiZ/NB7A8+c+QTwSsH881X337+OfRv7cfflqtkNvJxHPOIRj3jEIx7xiEc84hGPeORvbKGPrBhYttdH9mAbm+siswCs2+kiG7Cv1UVaILRQIDg7oVIPKYESWygQnJ3QTgfZAK1WB2mB2Cc1sgJqpRopyUiwUCGrAMjtVMgG6LUKBGcnTf86cgsuKv9FjmdEJrOTvnpEDoKfEMHZ6dMj8pgKnj8hgrMTC66QoxCcPyOCs9Onl8hRXBB+lgjOTq6UyEGMCD9JBGenTz8ij6lE8qcRmQXgrN2IHIVE+POAzDbgrmB+QQ4CEX4eLrkBzMX09xcDkfz0B7llgLmY/meKyKDc4ezOpn8QiAz9wtkdtZcGIvxh79ao43SK5EXvTki66kIggkwW1U6ECAVErp2Q6NRRJSbxSVnYW98Q4w1TxMU9Cd6gQvCexBRphCnC18bHdOZIBMYVpsjWZvfGDFknYFGfmiD5EqyKTZAQLKv0kYwB5mAWjddLf8car5f+jomvd1qi94NMgFSfaiBLIBapkRDIVSokY3QkViEFeOSjIaFH3huJ/CUUJH1zpNl2SdJt12+HNMWSwRBbouMSaWIpSKfInCJpE9fwn+oiy90gXRX18GJ9mKmR39Ut3YctM+0tAAAAAElFTkSuQmCC) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(6):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAmVBMVEUAAAD+vRcbQZJLYd7+whn/uxP9uBX+kyX/2iv/xAwSud7/xRP/uxL+wAAZRZT+whv9lSIAxdb+rhj+kiX/2iz9wABKX97+lCT/2iv/2isLu9MNutj/2iv/wQAA2N8Av9MAy9lspYRx2I/9vwD9kSf/2i1MYN4ZQI4AsswA19/9mh3+0yL9pxL9tQf+zBb9xQoHlLxQ16ZEqqAfJQ4pAAAAI3RSTlMAXsWxRBwL3dc5/iUw80QTmJBx8e++Pr6og1kmwa/y08Ht5szodM8AAALzSURBVGje7djdmpowEAbg0AJq1cqiFkVXbSXtym937//iCkT9JIlUSXK0fKd78D4zsyQTydOxfGI848V8QgzH3dJoMCNms6Y0ijxiNDatkMgiBuMsGDIfE3PZUoZEATGWNT0jBsdiL4CYGstsSG+QgUNMZEWBlAlcoj8+BVLH12+MKI9Etm5jNuQQE2NZUQ4x8LVYlEMMjGW8kCPzkfaBANE+Fsd6neb3kHj6ao1VBddaTo9lEjkSV3+bLn1XqYZa4JQbIzuylPU4neZQ1YAUMuRisHqsWdcaoIhIekTOfXMeF5ZHSXIgMIQsH+mb6y/5GvixYOhCHv0/WCV50a60G1kaB/9v1pDSJMmPstwimRyIH9sybFqnLEioqACSCUApMN56dF24QpLhS4bOABbv0U30GkBQYABABrMOZy4HJRUS8wAynzx/e8CpIKZEMaYsxO9wD4oFFTTKMGU+QacLRITylAM6Xy92N8TqsPaKRHFul5zxnn9RCckLDD5LJc1yu+4O6NPlQ7l8JnzXurwlrWafcLDgUGl2zVfb5xrfIsUR3OhaoLIIJXn72ZXGSsuRvUCf2k7hLFbZvtfcKZwAiblT2CNdY0tveekNb2tCiuYdn2lCRm2LRGSiEnEl0lyJfLnLtCOJiES6kZxKkFQvUlAO4ZWRItL2PtGJ3H9p6UMKyiFIqoxMsAPfQ2JdSCJBoOhBCiogYsMmightR+JMDRmjWSICRRHhmrXYrocVMvCCOdcwNQTEqnpzMsQljhVAyZSQa7OGq/qVDqR+JXvza8PGCkhed2llu6QOEJaZzZxUAXGKsoY1BA6p49reoGyYAjJco9cCgkw8nb8UAuHiaiQ24a/394+Pn+GGmEp42J3KvFU5hMRENocTyxvL3gDzsjsBYXnRbjAACBSdBhBDSnhqIEioceY7DkE2+pslIi/6CwGCUrQWAsRIKfs2ZK/Uox+XhN+a+dvMd+Rp5Ovve/lzL196pEd6pEd6pEd65HMh/wAG+iCSuSiCowAAAABJRU5ErkJggg==) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(7):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAflBMVEUAAAD8rhbn3/v0v3fy8vz+uxn9wAD+vwP/yRD+vw7+wAH+pxn/2iv+kCX+yhT+lSL26rbr0Kb+kib+wxLJwt7i2fv9vwD+kiX+zBf9kib/2izg1/Xz8vr/2ir9vwD/2izi2fvy8vz9kSfHwdz9nxr9xwzLxeHp5PvWzu39swtpHQKKAAAAHnRSTlMAMj4I9xLy5nggtVDtrZJ9/v7mXN7Wysmo8+G4sMyThxqEAAACVklEQVRo3u3WbXeaMBiA4SfLQgIIbNLyopMxbBH//x8cAdOGLkCyGlt7cn/wHD94LpJHE0FZ/HuhaqEAVDnkXhC269ssIue3rx7tK8AwVqlr1CXAc4hD9JBndU/q/g9JzX6M7DMhBMkxMyRGcmT+2Su5ZzPkqZEL7SDnKXLHK9FFwlsgfsXzgktmSB6NbQcEzSLEq/qo+PptjBAYwzk3SjKL4GxYiXiKgwmSid1oeDmG2eLJb5eZIDGMJQMSwXxpJe0XRibIZdJ4K+a+MhSxFLzTRzwiFiJGsrZf1F/ar6XdIluNu8UflxLg8SMbXcS7PFY0GKUPi8WTc5vpIrHYrLWxDxEqK2Snh3hENrYEVgrFs+HhnR6SQh9O5CNldcOGMjS800EK6EN5IzZrPRyIPSh6BhfrSEZ6IiqFgUEjErx+nCF0WEMoQkneiHICWuFCnqm3gpzLsnktEsa6wrxKSoWob90ywaAfyuavr/mrKkdgFE4nzAxylo08xWAaDgOqZJREGYUDYZ4fsiKjL21khNKtKI+S0IcrRUZFnIjTHOIQh3wxxJcRBHZC8tmVgp2YjMRgp4OMUAw2Sqf3CQML+bspQi18v3Dx9mYMiA1DILYUdFD9kcjCaxLFRv1vxQuuwfzi/Zj2c9qe9+09yPc//1YrcohDHDKtuwFSt/aRU33s7CHCqI9csYiceqNHjm1nDeECR4a6e0a4IpDW3kxekNbm4AXSOUQTObWtLUQoJz79ruu+xFHvEIc45JYI3j/yakWtogfeHpsqj/Vcx7keTBHskA9D/gJIxP072pbuxwAAAABJRU5ErkJggg==) 50%/contain
}

.invite-friends-rewards .rewards-list .rewards-item:nth-child(8):before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAdVBMVEUAAADS1+rz8/zj2vvIwt0AwdMAxNbi2fvi2fsAwdPy8vwAv9MAxdYAtM0AwNQA1N3V1fYAss3i2vuOyuUA198Asszi2fzy8vwOns7Iwt0AzNoDutEEwtYHqc6Byeiw3/OZ5PBNwN3b7/lt4+xQ3+gm2+SVv9gPogLBAAAAFHRSTlMAB/c23g6227ZUryqR13nd/vTU3dHd+c8AAAKPSURBVGje7NVRi8IwEATgBK49QquHXPeImwTf/P8/8YihTt2Ewy7p242+Vf06HYjmjzheGuFEjQRndBlDCwm+hSyjzpiIuFGEfKNKXJZJhcxE1ChCXlYpn5s1xnAqdyiLkJdVSuOvQYG48vWqCPmqStnOaWbH9xGmB5JkkZxRNXujSiiIF0VKJs3sdRWmjMgq69VZM3tJFEUygir4gGJ6R8+IIuRRRVR1mtnlrwQgqMJAxt2zI4wiQJK4BcX05y0SUASIxx0g8+7ZkYgiQNLmkmp6R69BESAeVxCnmh1VmASS8LA000+XxgkYJOLzWiI8KWbH9kwVklBEMf2JqnCoEY8imN6+aQwj10k+v/KbmWN5hzqnwbytLFWSX4MBSOYCQ6XEGokVMu47IiuFa6Q2rNkVO0uFJMLSmAezN1KJEgnSMIqchSIRYZyt6aDQK8LCMMq45vTNp+W0hlTSFmFpdFLCFomEXGCoMn0B4S0S+hnGbpUEhDcGjvceXQIQPK0TjD4KkE4GMjyVtCLc0ZCHclyR0N0w9qmsiDja+3ahgvABBo5+Lkjoa6BLUR4I4++jdx5KyEh8GNb0DY5+zkgQR3t3Jfn8tC5HGDiUo1+iONr7K+wXHLvHxH4vienbmiNjP28x3j+ORn5u9+vxyM/1H/ltx+5WEIZhMAzTKVg8CqItUmiX/tz/LUqR4pw9UCRjG997A89BIJAAqQEBsl5EnecN1hKRnnf4BxnsZ6YTECBA3ophAaQ4EkfS9cbSSKj3ohdFxvw8StmTFJKmzzQWQsYp4oUQm18Ii80kloY4Ehx8Q7wB8hVSMjtZJKQQraHAfg+rHggQIIsiSp9qptO907Gm1a/IxbS6SFcCsh3kAYoPMr5QUqmUAAAAAElFTkSuQmCC) 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
}

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

.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%;
    -o-object-fit: contain;
    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-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-friends-records .search-wrap .select-item {
    border-radius: .08rem;
    border: .02rem solid #108ee9;
    position: relative;
    height: .44rem;
    padding: 0 .08rem;
    display: flex;
    align-items: center;
    font-size: .2rem;
    font-weight: 600;
    color: #108ee9;
    background-color: #fff
}

.invite-friends-records .search-wrap .select-item.show {
    background-color: #108ee9;
    color: #fff
}

.invite-friends-records .search-wrap .select-item.show .arrow, .invite-friends-records .search-wrap .select-item.show .select-icon {
    fill: #fff
}

.invite-friends-records .search-wrap .select-item .arrow {
    width: .15rem;
    height: .15rem;
    justify-self: flex-end
}

.invite-friends-records .search-wrap .select-item .select-icon {
    width: .2rem;
    height: .2rem;
    fill: #108ee9
}

.invite-friends-records .search-wrap .select-item .select-text {
    flex: 1 1 0%;
    display: flex;
    align-items: center;
    line-height: 1
}

.invite-friends-records .search-wrap .select-type {
    min-width: 3.8rem
}

.invite-friends-records .search-wrap .select-type.show-game {
    min-width: auto;
    flex: 1 1 0%
}

.invite-friends-records .search-wrap .select-game {
    min-width: 1.36rem;
    margin: 0 .08rem
}

.invite-friends-records .search-wrap .select-game .select-icon {
    margin-right: .05rem
}

.invite-friends-records .search-wrap .select-date {
    min-width: 1.62rem;
    padding: 0;
    border: none
}

.invite-friends-records .search-wrap .select-date .am-button-small {
    height: .44rem;
    font-size: .2rem;
    font-weight: 600;
    color: #108ee9;
    background: transparent;
    padding: 0 .08rem;
    border-radius: .08rem;
    border: .02rem solid #108ee9
}

.invite-friends-records .search-wrap .select-date .am-button-small.am-button-active {
    background-color: #108ee9;
    color: #fff
}

.invite-friends-records .search-wrap .select-date .am-button-small.am-button-active svg {
    fill: #fff
}

.invite-friends-records .search-wrap .select-date .am-button-small svg {
    width: .2rem;
    height: .2rem
}

.invite-friends-records .search-result {
    height: calc(100% - 1.65rem);
    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
}

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

.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: #3b2987
}

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

.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;
    position: relative;
    border-top: .02rem solid hsla(0, 0%, 40%, .1);
    font-size: .28rem;
    font-weight: 6rem;
    color: #5b5b5b
}

.select-type-modal .modal-list-content .list-item.selected:before {
    position: absolute;
    content: "";
    width: .46rem;
    height: .46rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuBAMAAACllzYEAAAAJFBMVEUAAADtJSnsJCjvKCjtJSrsJijvJSvsJCnvICDsJSnsJinsJSkM6JfDAAAAC3RSTlMA2IAg718xnRC/UI22jzsAAACDSURBVDjLYxgFOADz7MlYxVN278QmzOa9ezd25bs34lAujEO5AZWVs2nBWCEoyrV3K0AYrLtRTPfevQnCiEY1HWhoAbJyhDm7t2NRzsAEVFcAV46mAaK8AchD0wBSLgHkoGvQhijH0ABRjqkBphxTA0I5AsBNx9RQgTUZBLozjAJMAADE5kv9/ILXtwAAAABJRU5ErkJggg==) 50%/contain;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateY(-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAACVElEQVRIia2VvW8TQRDFf3dnxx8xtuO4CQoiTXxYUVLSUFGhpHCVBsmiCvkHQoGjSDTUESUfRSS4xhL/AFKkSLEEBRVNEILKQdAhkKAAEh8ae07O7e05SPCauZ03897t3qztYMHOcXj7xWcen3pJ7noNDr4k894p3Jhj8/4l54nJuWai0w9XalkeLuSSQosFWJgeRRNSL33SP9Gk0w+L1Sy9rIu7XEsKLVfiMcbVQPqkX3RSTaY9XhU9yvI8k4OTk/guKtnRs8Szu5G6Gd259IuO1eTecfiokiW21XpmXLRivL2sXaMuguiIXsxkpx/enJ1i0zyCK6VRbBShrLuIIOuGHkqjZHaC6Inu0KTTDxdrUzx1LHPmVyEcwFI5yQkkL3yzmuRET3RFP1Py6HkOmUFoF2rkoeDB70GSk7zwAlu/6Ip+5u139oC7dgv4+AO679NYuHYRXn9N54E9+SbbwLO0irkLEwXO40V32w18Rza6AezbqvIyOfkUibzydojehugPpyvwnV/AOvDGVr5kmZ5JedVZV93xPQl85xuwBvTNjvmUI0nJS/+a6oF54wPf+QSsArFPWS9YfuVczcchfauqc7Y0jsB3joAW8DMiZObrxtHI2rhbUt/SfvN9kgh8pwe0Zfwj0jdMjLXUtbUvAasJI6PnwFa0NkfVWG9pvRWpJmr0ANglGuXoPyYXG91drUvFRBPFHaArj009oub4qLrKT8S5JnpZbwGHl/WINB5KXvl/M1EjuVSt2SJHZGAYR5M0vGz/Fe134fzVl+EHiX8tDPwBJ36RETnb7bQAAAAASUVORK5CYII=);
    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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateX(-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;
    -webkit-transform: translate(-50%, -50%);
    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;
    -webkit-transform: translate(-50%, -50%);
    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;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translateY(-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;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-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 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%;
    -webkit-transform: translateX(-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 {
    -webkit-filter: blur(.06rem);
    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%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -.14rem
}

.leader-board-list-tips.position-top {
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    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%;
    -webkit-transform: translateX(-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%;
    -webkit-transform: translateX(-50%);
    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%;
    -webkit-transform: translateX(-50%);
    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: .48rem 0
}

.vc-content .up-load-negative, .vc-content .up-load-positive {
    min-height: 4.1rem;
    padding: .2rem
}

.vc-content .up-load-negative .pre-img, .vc-content .up-load-positive .pre-img {
    width: 100%;
    position: absolute;
    visibility: hidden
}

.vc-content .up-load-negative .rotate-img, .vc-content .up-load-positive .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 {
    width: .3rem;
    height: .3rem;
    fill: #fff
}

.vc-content .up-load-negative .del-img, .vc-content .up-load-positive .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 {
    width: .24rem;
    height: .24rem;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAABMfblJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCOUFBOEQ2Mzg1ODExRUJCQjQ3RDVDMkZGQzZCQjM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCOUFBOEQ3Mzg1ODExRUJCQjQ3RDVDMkZGQzZCQjM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkI5QUE4RDQzODU4MTFFQkJCNDdENUMyRkZDNkJCMzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkI5QUE4RDUzODU4MTFFQkJCNDdENUMyRkZDNkJCMzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4foQimAAABsklEQVR42uSXMUsDMRTH02KLWMFJFBEdbqqLi4urUFwLfgUHu7gVpw6OfgIH/QriJh3U1cXBoSgdOohFBBev1xQV2vgPvKvPM3c9aBMHH/ya9OU1f5qXy8sJpZRIgQcuQV/9tj6NeWnmyuiPETYD7sHqiLhHsAZ6SUFTYrRtk9g72AHPkfElcEYxOvZ8XMEVapvgwjB+R2PrLDbW9JLm0R6ALf3dELMMPCDBbcw8G6AAWqBtGNd5uwZHWvAEnV3hxk614Ac6eUeCn1pQCYeWFY4tS4l2ZS29pNPoLDoSfMk4TuHwwd8Ex5a1KuAmFJyjk8Jkr2A+4pPUFlLECqYx3KXdmKA6WAA15huAIjFg/hrF1mPm6qYRbNKx1GC+ADwRAfM3KLaZRtB3sF98LigdCMo0SzpJ+7GkPQeCvehZ6tvOX1Swa3s5o4LS9ob5838YWBQMTIIdi4Kd/5lDmVAvczGXZ97PJVyupekHb4bAsi6aYI/5dA08NNTDfbpulg3zfM/N3myqyp5VQx2+pG2LOWzzd4uwPwse6F1i0mLFaLUId1IJXFHlHtcUzVXiu/RLgAEASO022uWGOVwAAAAASUVORK5CYII=);
    background-size: .24rem .24rem;
    margin-top: .08rem
}

.vc-content .up-load-negative.no-bg, .vc-content .up-load-positive.no-bg {
    background: none
}

.vc-content .up-load-negative .camera, .vc-content .up-load-positive .camera {
    text-align: center;
    display: inline-block;
    margin-top: .7rem
}

.vc-content .up-load-negative .camera p, .vc-content .up-load-positive .camera p {
    margin-top: .6rem;
    color: #646464;
    font-size: .3rem
}

.vc-content .up-load-negative .camera span, .vc-content .up-load-positive .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 {
    width: .84rem;
    height: .67rem;
    margin-top: .06rem
}

.vc-content .up-load-negative img, .vc-content .up-load-positive img {
    width: 100%;
    height: 100%
}

.vc-content .up-load-negative .inputfile, .vc-content .up-load-positive .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 {
    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
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABLCAYAAAB5ugdVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhGNUI0MDVBMzg1ODExRUI4MTdDQTFBQ0RBN0RGNjVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhGNUI0MDVCMzg1ODExRUI4MTdDQTFBQ0RBN0RGNjVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEY1QjQwNTgzODU4MTFFQjgxN0NBMUFDREE3REY2NUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEY1QjQwNTkzODU4MTFFQjgxN0NBMUFDREE3REY2NUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6feD2lAAABSElEQVR42uyXQWoCQRBF2wTGeIZcIKiQHMqt5iYhC4XcIFcIJFnPQogjiHEleIa4SAak88tUk6ZtdWo6iyBV8GToqXo43aVMGWutCcjAAOTgg8l5LQvzw+JLMLH7Y8I5UUF2pNhFAZoxQd9Wj35MkAsEuatrbC0/8QUyUy0o94IufIE1smjQx5lJDBWoQAUqUIEKVKACFZy8oBTUrWOCN4FgFhM8CgS/ud7bepNngWMx3TcvVJlYikMTiz+53IIxWDNjXtuZmfzXfe3E/yRogzvwDj6ZOa+1d7KD8x+CzYFGonsPoBU2EhU/CwbPV9dUTjCy8hi6TuzgSabgXLh/G3BNm9irUWy4pkffgHb7quYpLkggGbrDKFMbaStYJghWJHhKELzQHnRxUdQ8xpuURhr9aSsn/5h8OuAeLEDJ/8ozXuuG+d8CDADRk4dlmCKTLQAAAABJRU5ErkJggg==);
    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;
    -webkit-transform: translateX(-50%);
    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%
}

.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;
    -webkit-filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33));
    filter: drop-shadow(0 .03rem .08rem rgba(243, 135, 205, .33))
}

.link-manage-container .ag-link-lmanage .ag-link-mgtop .rotate180 {
    -webkit-transform: rotate(180deg);
    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
}

.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 .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 {
    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;
    -webkit-filter: drop-shadow(0 .15rem .16rem rgba(53, 52, 52, .27));
    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 {
    display: flex;
    flex: 1 1 0%;
    font-size: .3rem;
    position: relative;
    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;
    justify-content: center;
    align-items: center;
    display: flex
}

.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: 10%;
    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
}
@media only screen and (max-width: 1400px) {
    .v-base .main-nav-style {
        width: 20%;
    }
}
@media only screen and (max-width: 700px) {
    .v-base .main-nav-style {
        width: 25%;
    }
}

.v-base .main-nav-style.MAILCEN {
    word-break: break-all
}

.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 time, .v-base tr, .v-base tt {
    border-width: 1px !important;
    border-style: solid !important;
    vertical-align: middle !important
}

.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 {
    line-height: normal !important;
    overflow: visible
}

.v-base input::-webkit-input-placeholder {
    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-benefits.mc-navbar-blue, #root .mc-home.mc-navbar-blue {
    box-shadow: none !important;
    background: transparent !important
}

#root .mc-benefits.mc-navbar-blue .am-icon-left, #root .mc-benefits.mc-navbar-blue .am-navbar-title, #root .mc-home.mc-navbar-blue .am-icon-left, #root .mc-home.mc-navbar-blue .am-navbar-title {
    color: #ECC57A !important
}

#root #mc-app-home-root.dark {
    background: url( /images/home_bg.0f1cdae2.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#canvas_1 {
    z-index: 1
}

#canvas_2 {
    z-index: 2;
    background: transparent;
    -webkit-transform: rotate(-90deg);
    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 .flex-grad-one svg {
    width: .8rem;
    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 {
    -webkit-transform: none !important;
    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( /images/home_bg.0f1cdae2.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 #mc-header, #root .reward-center #mc-header {
    position: static !important
}

#root .mc-benefits.mc-navbar-blue, #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: .2rem;
    padding-right: .2rem;
    position: relative;
}

.n-home-container .home-user-footer {
    padding: 0.2rem 0.5rem 0.1rem 0.6rem;
    display: flex;
    flex-direction: row;
    background-image: linear-gradient(to right, #7E58EA,#7E58EB, #A468FE);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.n-home-container .home-user-footer.mid-operating {
    margin-top: 0.3rem
}

.n-home-container .home-user-footer > div {
    text-align: center;
    /*margin: 0 .16rem;*/
    white-space: normal
}

.n-home-container .common-center-top {
    right: 0;
    width: 100%;
    margin: 0.1rem auto 0;
    /*border-top-right-radius: 0;*/
    /*border-bottom-right-radius: 0*/
}

.n-home-container .member-home-root {
    border-top: 1px solid #343853;
    margin-top: .3rem
}

.n-home-container .member-home-root .main-nav-list {
    padding: .2rem
}

.n-home-container .n-nav-list-title {
    position: relative
}

.n-home-container .n-nav-list-title span {
    /*background: #dfdfdf;*/
    /*padding: .06rem .18rem;*/
    font-size: 0.35rem;
    /*border-radius: .26rem;*/
    position: relative;
    color: #fff;
    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: .2rem
}

.n-home-container .main-nav-style {
    border: 0 !important;
    padding: .2rem 0;
    text-align: center;
    word-break: break-word;
    color: #fff !important;
}

.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%;
    /*border: 1px solid #fff2db;*/
    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;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.n-home-container .main-nav-style .un-read-count {
    right: -.12rem;
    z-index: 20
}

.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%;
    -webkit-transform: translateY(-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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAkFBMVEUAAAAAiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP8AiP+KVaxRAAAAL3RSTlMA+hXQV/QJE+ccA+Gnj31K1LqEZ1MzItq+rqCceHNuRDooB8i3s5dhXQ7twz4qT6z4XhcAAAHRSURBVEjH7ZTXmoIwEIUDSnPpiI0uYte8/9vtJPrtAmnqt5d77nKGfzKZkEGszFt6TZ0ZellW4n5hKq31qpfAeq3hvuxYVyHNDjMyfFPKFNozfefleZxdnsswFSPm+kH4tx8ncCmnHUXMqSXxc7IduM6GZioF+6xI0LWYwJX2MuFCLgkV3DtoSYUVJ5IQ5iApwmZbrxvg+8LjhqRyxibH3SGhbiRnPTIX0FnDQWLlnKQeLU6iLWlhM7BmNmxkIZlKgOLhVdBzSmXBAcKB4wM0R3KRX3nQ9Q4MWp2iFfe+scT4CykUjH8YqHelghYAeX0D1p0K0uGjrN9xWK+Vo4NAo/Kit8uD616qoAqgvG9E8F5MBVSO7zIGo1JAZIAsxnewlzOmAXfJOGd5fUc2b0YHjkwT9hWmYNknxUbt2Ozkp9Jt3jtoNHCnImYWYe7fGQ9nGzt2jIaT7EICAXc+bIQzUV+SvfwZE3AgnbD2BZ3Zk3q0TWFgKo1POSGNrqbmbyLfpp4tpswNpjKi+DAPpkUWPtbnuT4RUyhYYlaug5CU2iYjTFunYMspUO2R+LPO0gFHSVGd0vkhOQYN7T9DKfVP/S1lUer+CRWiD6gIvU15e+cbnl1Un271q8gAAAAASUVORK5CYII=) 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%;
    -webkit-transform: translateX(-50%);
    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: 0
}

.i18n-date-picker:not(.CN) .rmc-picker:nth-child(2) .rmc-picker-item:before {
    font-size: .28rem
}

.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 !important;
    height: .44rem !important;
    display: inline-block !important;
    flex: unset !important
}

.promo-entry {
    position: fixed;
    height: auto;
    width: 2rem;
    right: .2rem;
    bottom: 1rem;
    z-index: 100010;
    text-align: center;
    touch-action: none !important
}

.promo-entry.high-bottom {
    bottom: 1.5rem
}

.promo-entry img {
    width: 100%
}

.promo-entry .gift {
    width: 1.8rem;
    height: 1.8rem;
    background: url(/mobile/mc/gift.4aee3023.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 1.15rem;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    margin: 0 auto
}

.promo-entry .gift.disable {
    color: hsla(0, 0%, 100%, .3)
}

.promo-entry.count {
    width: 1.8rem;
    height: 1.8rem;
    background: url(/mobile/mc/red_bag.13ec57c3.png) no-repeat;
    background-size: 100% 100%
}

.promo-entry.count div {
    width: 100%;
    height: 100%;
    position: relative
}

.promo-entry.count div:before {
    content: "";
    width: 1.38rem;
    height: 1.38rem;
    display: inline-block;
    position: absolute;
    z-index: -1;
    left: .18rem;
    border-radius: 50%;
    top: .14rem;
    -webkit-tap-highlight-color: transparent !important
}

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

.promo-entry.count svg {
    position: absolute;
    top: -.26rem;
    left: .04rem;
    color: #666;
    z-index: 99;
    cursor: pointer
}

.promo-entry .countdown-label {
    font-size: .3rem;
    font-weight: 900;
    color: #a200ed;
    text-shadow: 0 .02rem .1rem rgba(61, 0, 0, .37);
    -webkit-text-fill-color: #a200ed;
    -webkit-text-stroke: .02rem #fff
}

.dark .promo-entry.count {
    width: 1.8rem;
    height: 1.8rem;
    background: url(/mobile/mc/gift_dark.03110695.gif) no-repeat;
    background-size: 100% 100%
}

.dark .promo-entry.count div:before {
    box-shadow: 0 .04rem .2093rem .0207rem hsla(0, 0%, 51%, .3) !important
}

.dark .promo-entry.count svg {
    color: hsla(0, 0%, 100%, .4) !important;
    cursor: pointer
}

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

.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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: .1rem
}

.notification-container-v2 .title {
    font-size: .24rem;
    font-weight: 700;
    color: #333
}

.notification-container-v2 .message {
    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 .message {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.notification-container-v2 .message.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;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.notification-enter.notification-enter-active {
    transition: all .4s
}

.notification-enter.notification-enter-active, .notification-leave {
    visibility: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.notification-leave.notification-leave-active {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    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
}