@charset 'UTF-8'; /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

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

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

b, strong {
    font-weight: inherit
}

b, strong {
    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: -2px
}

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

.am-fade-appear, .am-fade-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-play-state: paused;
    animation-play-state: paused
}

.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
    }
    100% {
        opacity: 1
    }
}

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

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

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

.am-slide-up-appear, .am-slide-up-enter {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 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: translate(0, 100%);
        transform: translate(0, 100%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

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

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

@keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 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, 0);
        transform: scale(0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

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

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

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

.am-slide-down-appear, .am-slide-down-enter {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -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: translate(0, -100%);
        transform: translate(0, -100%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

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

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

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

*, :after, :before {
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: #f5f5f9;
    font-size: 14px
}

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

:focus {
    outline: 0
}

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

.am-modal {
    position: relative
}

.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
    width: 100%;
    height: 100%
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-modal-wrap-popup {
    display: block
}

.am-modal-transparent {
    width: 270px
}

.am-modal-transparent .am-modal-content {
    border-radius: 7px;
    padding-top: 15px
}

.am-modal-transparent .am-modal-content .am-modal-body {
    padding: 0 15px 15px
}

.am-modal-popup {
    position: fixed;
    left: 0;
    width: 100%
}

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

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

.am-modal-popup .am-modal-content {
    padding-bottom: env(safe-area-inset-bottom)
}

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

.am-modal-header {
    padding: 6px 15px 15px
}

.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: 0;
    position: absolute;
    right: 15px;
    z-index: 999;
    height: 21px;
    width: 21px
}

.am-modal-close-x {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E")
}

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

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-h {
        border-top: none
    }

    html:not([data-scale]) .am-modal-button-group-h::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-h::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal-button-group-h .am-modal-button:first-child {
    color: #000
}

.am-modal-button-group-h .am-modal-button:last-child {
    position: relative;
    border-left: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child {
        border-left: none
    }

    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
        -webkit-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
        border-top: none
    }

    html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal-input-container {
    margin-top: 9px;
    border: 1PX solid #ddd;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-input-container {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-modal-input-container::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 6px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-modal-input {
    height: 36px;
    line-height: 1
}

.am-modal-input:nth-child(2) {
    position: relative;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-input:nth-child(2) {
        border-top: none
    }

    html:not([data-scale]) .am-modal-input:nth-child(2)::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-input:nth-child(2)::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-modal-input input {
    position: relative;
    border: 0;
    width: 98%;
    height: 34px;
    top: 1PX;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.am-modal-input input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::-moz-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.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: 9px 24px 12px
}

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

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
    color: #000;
    text-align: left;
    padding: 0 24px 15px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
    border: 0;
    border-bottom: 1PX solid #ddd
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before {
    display: none !important
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
        border-bottom: none
    }

    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before {
    display: none !important
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
    padding-bottom: 12px
}

.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;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 12px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before {
    display: none !important
}

.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;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
    margin-left: 3px;
    padding: 0 15px;
    height: 48px;
    -webkit-box-sizing: border-box;
    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 {
    color: #777
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child {
    border-left: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before {
    display: none !important
}

.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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    padding: 0 12px
}

.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 15px;
    margin-left: 3px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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:before {
    display: none !important
}

.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: 15px
}

.am-modal.am-modal-operation .am-modal-content {
    border-radius: 7px;
    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: left;
    padding-left: 15px
}

.am-modal-alert-content, .am-modal-propmt-content {
    zoom: 1;
    overflow: hidden
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: 22px;
    height: 22px
}

.am-icon-xxs {
    width: 15px;
    height: 15px
}

.am-icon-xs {
    width: 18px;
    height: 18px
}

.am-icon-sm {
    width: 21px;
    height: 21px
}

.am-icon-md {
    width: 22px;
    height: 22px
}

.am-icon-lg {
    width: 36px;
    height: 36px
}

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

@-webkit-keyframes cirle-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cirle-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

.am-toast.am-toast-mask {
    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;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-toast.am-toast-nomask {
    position: fixed;
    max-width: 50%;
    width: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.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: 60px;
    border-radius: 3px;
    color: #fff;
    background-color: rgba(58, 58, 58, .9);
    line-height: 1.5;
    padding: 9px 15px
}

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

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

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem 0 .32rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.header-nav .header-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.header-nav .header-back img {
    width: .25rem;
    height: .42rem;
    margin-right: .1rem;
    margin-right: .2rem
}

.header-nav .header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .36rem
}

.header-nav .header-right {
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.header-nav .header-right > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-nav .header-right img:nth-child(1) {
    width: .4rem;
    height: .37rem
}

.header-nav .header-right img:nth-child(2) {
    width: .38rem;
    height: .38rem
}

.header-nav .header-right .RightTextOption {
    height: .52rem;
    line-height: .52rem;
    font-size: .28rem;
    background: #ff898e;
    padding: 0 .14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-nav .Toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hot-colud-content .name {
    width: 100%;
    height: .4rem;
    margin-bottom: .2rem;
    line-height: .4rem;
    font-size: .28rem;
    padding-left: .6rem;
    color: #333;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAbFBMVEUAAACWlpaZmZmYmJiZmZmZmZmYmJiYmJiSkpKYmJiZmZmYmJiXl5eYmJiYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmYmJiYmJiWlpaYmJiIiIiYmJiZmZmZmZmTk5OZmZmiVkZpAAAAI3RSTlMADtzBtJ4oGxGrfHBj+PLt5dbQzMW4jIF2Wko/NjIH4tFVITumICoAAACbSURBVBjTXY/ZEoIwFEPD1rKqgCKyueT//9Hb2zoOnJd2MmmSIlCWGw5k7OxBask43ykzhRQ2+kspHZPtvbYCDyqJ4c07zOdMz5WsRDGsWgo9lZOUFGz0vpZURiwMRBh8oGzU/kJyt5jCBXpwrhaJrTUMWpZB9+TaisR5w2h9UuvKOwKdS4fLrxF48qV/H5ufy7IIEWYI0nuC8AUt4xL0Z+gcmQAAAABJRU5ErkJggg==) 0 center no-repeat
}

.hot-colud-content .name.cloud {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAclBMVEUAAACZmZmZmZmYmJiYmJiZmZmXl5eZmZmZmZmZmZmUlJSRkZGZmZmZmZmZmZmYmJiYmJiYmJiYmJiYmJiIiIiZmZmZmZmZmZmYmJiYmJiYmJiZmZmYmJiZmZmYmJiXl5eWlpaYmJiZmZmWlpaWlpaZmZlcwOCIAAAAJXRSTlMA+vPs6JwsvKyiEw3i3dqocVdSOAfSw8q5XLKVfXlnPiQckUlEKV/wrQAAAMBJREFUGNNlkNmuwjAMRMdZm6Zb0nRj5178/7+IQQIJOA+WRrJHnsGLYPFNO33q2g9NN/gaL9IWKxb6eEgQfLisHeCUcoDZueBRMakO6WzMf4JRsguMmsk+D61l1qM4a+5X0UrJqPaka5TB4dZwF8vE7YjrqQCbQ255Kpi5SbhuQFRkA4mJYaawJ1UDrmH2OxaqRSzF3hIrjVM2bc4wxPSHZR17/XhVXwCznOcZQj4+A1Eoh+Ez9nGOP+V8078rvAODew5c3EdaJgAAAABJRU5ErkJggg==)
}

.hot-colud-content ul {
    position: relative;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    margin-bottom: .24rem
}

.hot-colud-content ul:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.5px;
    content: '';
    height: 100%;
    width: 1px;
    background: #cdcdcd
}

.hot-colud-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: .8rem;
    border-bottom: 1px solid #cdcdcd
}

.hot-colud-content ul li:nth-child(odd) {
    background: #f0f4f4
}

.hot-colud-content ul li:nth-child(even) {
    background: #fff
}

.hot-colud-content ul li span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    font-size: .3rem;
    color: #333
}

.hot-colud-content ul li span.hot {
    color: #ff4941
}

.hot-colud-content ul li span.cold {
    color: #00b41e
}

.six-lottery-content .fs-12 {
    margin-top: .36rem
}

.six-lottery-content .fs-12 tbody tr {
    background: #fff
}

.six-lottery-content .fs-12 tbody tr:nth-child(odd) {
    background: #fff
}

.six-lottery-content .fs-12 tbody tr:nth-child(even) {
    background: #f0f4f4
}

.six-lottery-content .red {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 50%
}

.ran-king {
    width: 100%;
    height: 100%;
    background: #fff
}

.ran-king .content {
    padding: .4rem
}

.NickModify {
    margin-top: .2rem;
    padding: .24rem .32rem;
    background-color: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.PhoneModify {
    min-height: 80vh;
    background-color: #fff;
    padding: .88rem .62rem
}

.PhoneModify .Button {
    margin-top: 1rem
}

.EmailModify {
    min-height: 80vh;
    background-color: #fff;
    padding: .88rem .62rem
}

.EmailModify .LoginInput {
    margin-bottom: 1rem
}

.am-picker-col {
    display: block;
    position: relative;
    height: 238px;
    overflow: hidden;
    width: 100%
}

.am-picker-col-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 102px 0
}

.am-picker-col-item {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.am-picker-col-item-selected {
    font-size: 17px
}

.am-picker-col-mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 3;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .95)), to(rgba(255, 255, 255, .6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .95)), to(rgba(255, 255, 255, .6)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6)), linear-gradient(to top, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6));
    background-position: top, bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat
}

.am-picker-col-indicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 102px;
    z-index: 3;
    border-top: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-col-indicator {
        border-top: none
    }

    html:not([data-scale]) .am-picker-col-indicator::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-col-indicator::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-col-indicator {
        border-bottom: none
    }

    html:not([data-scale]) .am-picker-col-indicator::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-col-indicator::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-picker-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.am-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding-bottom: env(safe-area-inset-bottom)
}

.am-picker-popup-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-picker-popup-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    z-index: 1000;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-picker-popup-mask-hidden {
    display: none
}

.am-picker-popup-header {
    background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
    background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
    background-position: bottom;
    background-size: 100% 1PX;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-popup-header {
        border-bottom: none
    }

    html:not([data-scale]) .am-picker-popup-header::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-popup-header::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-picker-popup-header .am-picker-popup-header-right {
    text-align: right
}

.am-picker-popup-item {
    color: #108ee9;
    font-size: 17px;
    padding: 9px 15px;
    height: 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

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

.am-picker-popup-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #000
}

.am-picker-popup .am-picker-popup-close {
    display: none
}

.am-picker-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.RecordItem {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    padding-top: 1.75rem
}

.RecordItem span.redtext {
    color: #ff4941 !important
}

.RecordItem span.backtext {
    color: #000 !important
}

.RecordItem .item-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .38rem;
    height: 1.75rem
}

.RecordItem .item-li > img {
    width: .16rem;
    height: .3rem
}

.RecordItem .item-li .li-data {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 65%;
    height: 1.04rem
}

.RecordItem .item-li .li-state {
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .28rem;
    color: #666;
    height: 1.04rem
}

.RecordItem .item-li .li-state > span {
    display: inline-block;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.RecordItem .item-li .li-state > div {
    color: #999
}

.RecordItem .item-li .li-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .32rem;
    margin-bottom: .24rem
}

.RecordItem .item-li .li-title > div {
    font-size: .28rem;
    color: #666
}

.RecordItem .item-li .li-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .26rem;
    color: #999
}

.RecordItem .item-border {
    height: 1px;
    width: 92%;
    background-color: #e0e0e0;
    margin-left: 4%;
    margin-right: 4%
}

.RecordItem .addbettinglist {
    height: 1.4rem;
    padding: 0 .34rem 0 .34rem
}

.RecordItem .addbettinglist > div {
    border-bottom: 1px dotted #b1b1b1;
    width: 100%;
    height: 100%;
    position: relative
}

.RecordItem .addbettinglist > div > div {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .44rem
}

.RecordItem .addbettinglist > div > div:first-child {
    margin-top: .38rem;
    margin-bottom: .2rem
}

.RecordItem .addbettinglist > div > div:first-child span:first-child {
    font-size: .32rem
}

.RecordItem .addbettinglist > div > div:nth-child(2) {
    color: #999
}

.RecordItem .addbettinglist > div div.iconRight {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: .32rem;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.RecordItem .addbettinglist > div div.iconRight img {
    width: .16rem;
    height: .3rem;
    display: block
}

.NoRecord {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    height: -webkit-fill-available
}

.NoRecord > img {
    width: 2.3rem;
    margin-bottom: .3rem
}

.NoRecord > div {
    color: #666
}

.bettingDetailsItem.cancelOrder p {
    font-size: .26rem;
    color: #000;
    letter-spacing: -.1px;
    text-align: center;
    line-height: .32rem
}

.am-list-footer {
    padding: 0
}

.BettingDetailsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 1rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fbfbfb
}

.BettingDetailsItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.BettingDetailsItem span.redtext {
    color: #ff4941 !important
}

.BettingDetailsItem span.backtext {
    color: #000 !important
}

.BettingDetailsItem div.headers {
    height: 1.6rem;
    width: 100%;
    background-color: #fff;
    padding: 0 .34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.headers > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.headers > div:nth-child(1) img {
    width: 1.06rem;
    height: 1.06rem;
    margin-right: .24rem
}

.BettingDetailsItem div.headers > div:nth-child(1) > div:nth-child(2) span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.BettingDetailsItem div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(1) {
    font-size: .36rem;
    color: #000;
    letter-spacing: -.25px;
    text-align: center;
    margin-bottom: .1rem
}

.BettingDetailsItem div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(2) {
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px
}

.BettingDetailsItem div.headers > div:nth-child(2) {
    font-size: 18px;
    color: #46b1ea;
    letter-spacing: -.25px;
    text-align: center
}

.BettingDetailsItem div.meonyCount {
    padding: 0 .34rem;
    margin-top: .08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.meonyCount > div {
    height: 1.06rem;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    padding-left: .26rem
}

.BettingDetailsItem div.meonyCount > div > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.meonyCount > div > div:nth-child(1) img {
    width: .4rem;
    height: .4rem;
    margin-right: .5rem
}

.BettingDetailsItem div.meonyCount > div > div:nth-child(2) span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(1) {
    font-size: .28rem;
    color: #000;
    letter-spacing: -.25px;
    text-align: center;
    margin-bottom: .06rem
}

.BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(2) {
    font-size: .36rem;
    color: #000;
    letter-spacing: -.2px
}

.BettingDetailsItem div.meonyCount > div:nth-child(1) {
    border-right: 1px solid #f1f1f1
}

.BettingDetailsItem ul.orderList {
    padding: 0 .34rem
}

.BettingDetailsItem ul.orderList > li {
    height: auto;
    min-height: .64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px dotted #bababa;
    padding-left: .1rem;
    font-size: .26rem;
    color: #1d1d1d
}

.BettingDetailsItem ul.orderList > li > span {
    white-space: normal;
    word-break: break-all
}

.BettingDetailsItem ul.orderList > li.count {
    height: .84rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px dotted #bababa;
    padding-left: .1rem;
    font-size: .24rem;
    color: #000
}

.BettingDetailsItem section.groupTitle {
    font-weight: 700;
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .34rem
}

.BettingDetailsItem section.groupTitle > span {
    width: .06rem;
    height: .28rem;
    background-color: #ff4941;
    display: block;
    border-radius: 2.5px;
    margin-right: .3rem
}

.BettingDetailsItem section.groupTitle > p {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.BettingDetailsItem div.guanfangList {
    padding: 0 .34rem;
    border-radius: 3px
}

.BettingDetailsItem div.guanfangList .item {
    background-color: #fff;
    min-height: 1.2rem;
    border-bottom: 1px dotted #bababa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .14rem
}

.BettingDetailsItem div.guanfangList .item > div {
    width: 100%
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(1) {
    font-size: .26rem;
    color: #1d1d1d;
    letter-spacing: -.18px;
    white-space: normal;
    word-break: break-all;
    padding-bottom: .1rem
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) {
    font-size: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) span.redText {
    color: #ff4941
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span:nth-child(2), .BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span:nth-child(3) {
    color: #7d7d7d
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span.xiangqing {
    width: .7rem;
    height: .44rem;
    border: 1px solid #46b1ea;
    margin-right: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .06rem;
    color: #46b1ea
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span:nth-child(1) {
    width: 25%
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span:nth-child(2) {
    width: 30%
}

.BettingDetailsItem div.guanfangList .item > div:nth-child(2) > span:nth-child(3) {
    width: 40%
}

.BettingDetailsItem div.guanfangList .count {
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .14rem;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #f5f5f5;
    box-shadow: 0 2px 4px 0 #f5f5f5
}

.BettingDetailsItem div.guanfangList .count div:nth-child(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.guanfangList .count div:nth-child(1) > span:nth-child(1) {
    width: 25%
}

.BettingDetailsItem div.guanfangList .count div:nth-child(1) > span:nth-child(2) {
    width: 30%
}

.BettingDetailsItem div.guanfangList .count div:nth-child(1) > span:nth-child(3) {
    width: 40%
}

.BettingDetailsItem div.guanfangList .count div:nth-child(1) > span > span {
    color: #ff4941
}

.BettingDetailsItem div.guoguanList {
    padding: 0 .34rem;
    border-radius: 3px;
    font-size: .24rem
}

.BettingDetailsItem div.guoguanList table {
    width: 100%
}

.BettingDetailsItem div.guoguanList table td, .BettingDetailsItem div.guoguanList table th {
    border: 1px solid #ccc;
    text-align: center;
    height: .72rem;
    padding: .1rem 0
}

.BettingDetailsItem div.guoguanList table td > p, .BettingDetailsItem div.guoguanList table th > p {
    margin: .02rem 0
}

.BettingDetailsItem div.guoguanList table thead {
    background: #ededed;
    -webkit-box-shadow: 0 2px 4px 0 #cdcdcd;
    box-shadow: 0 2px 4px 0 #cdcdcd
}

.BettingDetailsItem div.guoguanList table thead td {
    font-size: .26rem;
    color: #141414;
    letter-spacing: 0
}

.BettingDetailsItem div.guoguanList table tbody tr td {
    font-size: .24rem;
    color: #818181;
    letter-spacing: 0;
    text-align: center
}

.BettingDetailsItem div.guoguanList table tbody tr td:nth-child(2) span {
    color: #46b1ea
}

.BettingDetailsItem div.guoguanList table tbody tr td:nth-child(3) {
    color: #ff4941
}

.BettingDetailsItem div.guoguanList table tbody tr td.addSuessic {
    color: #4855bb;
    text-decoration: underline
}

.BettingDetailsItem div.guoguanList > div.count {
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .14rem;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #f5f5f5;
    box-shadow: 0 2px 4px 0 #f5f5f5
}

.BettingDetailsItem div.guoguanList > div.count div:nth-child(1) {
    width: 2.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BettingDetailsItem div.guoguanList > div.count div:nth-child(2) {
    margin-right: .34rem
}

.BettingDetailsItem div.guoguanList > div.count div:nth-child(2) > span:nth-child(2) {
    color: #ff4941
}

.BettingDetailsItem div.openLottery {
    padding: 0 .34rem;
    border-radius: 3px
}

.BettingDetailsItem div.openLottery > div {
    width: 100%;
    background-color: #fff;
    padding: .14rem
}

.BettingDetailsItem div.openLottery > div > div {
    padding: .08rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .24rem;
    color: #727272;
    letter-spacing: -.17px
}

.BettingDetailsItem div.openLottery > div > div > span:first-child {
    font-size: .24rem;
    color: #727272;
    letter-spacing: -.17px;
    width: 1.4rem
}

.BettingDetailsItem div.openLottery > div > div span.win {
    font-size: 14px;
    color: #ff4941
}

.BettingDetailsItem div.openLottery > div > div span.lose {
    font-size: 14px;
    color: #5fcc49
}

.BettingDetailsItem header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .2rem .32rem;
    background: #fff;
    position: fixed;
    top: .88rem;
    left: 0
}

.BettingDetailsItem header .header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .24rem
}

.BettingDetailsItem header .header-title .titlePic {
    width: 1.08rem;
    height: 1.08rem
}

.BettingDetailsItem header .header-title .titlePic img {
    display: block;
    width: 100%;
    height: 100%
}

.BettingDetailsItem header .header-title .titleDec {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .36rem
}

.BettingDetailsItem header .header-title .titleDec span {
    font-size: .28rem;
    color: #2a2a2a
}

.BettingDetailsItem header .header-title .titleDec span:first-child {
    font-size: .36rem;
    color: #333
}

.BettingDetailsItem header .header-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .3rem;
    color: #333;
    height: 1.04rem
}

.BettingDetailsItem header .header-number > span {
    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;
    font-size: .3rem;
    color: #333
}

.BettingDetailsItem .BettingDetailsMoneny {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    height: 1.38rem;
    border: 1px solid #e0e0e0;
    background: #f1f1f1;
    color: #333;
    position: fixed;
    top: 3.64rem;
    left: 0
}

.BettingDetailsItem .BettingDetailsMoneny p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3rem;
    font-size: .28rem
}

.BettingDetailsItem .BettingDetailsMoneny p span {
    margin-bottom: .1rem;
    font-size: .32rem
}

.BettingDetailsItem .BettingDetailsMoneny p span.bet-red {
    color: #ff4941
}

.BettingDetailsItem .BettingDetailsfooter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    overflow: auto;
    padding: 0 .36rem 1.5rem;
    background: #fff;
    position: fixed;
    top: 5rem;
    bottom: 0;
    left: 0
}

.BettingDetailsItem .BettingDetailsfooter > p {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: .32rem;
    padding-left: .34rem;
    border-bottom: 1px solid #e0e0e0
}

.BettingDetailsItem .BettingDetailsfooter > p:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: .08rem;
    height: .4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #ff4e56
}

.BettingDetailsItem .BettingDetailsfooter .dec {
    position: relative;
    padding-top: .3rem
}

.BettingDetailsItem .BettingDetailsfooter .dec .border {
    position: absolute;
    top: .22rem;
    left: 0;
    width: 100%;
    height: .12rem;
    border-radius: .06rem;
    background: #e0e0e0
}

.BettingDetailsItem .BettingDetailsfooter .dec .form li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    font-size: .3rem;
    padding: .1rem 0
}

.BettingDetailsItem .BettingDetailsfooter .dec .form li span {
    width: 1.6rem;
    text-align: right;
    margin-right: 1rem;
    font-size: .32rem;
    color: #333
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet {
    position: relative;
    width: 95%;
    margin: 0 auto .16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .18rem .5rem;
    -webkit-box-shadow: 0 4px 4px 0 #909090;
    box-shadow: 0 4px 4px 0 #909090
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet:after {
    position: absolute;
    bottom: -7px;
    left: 0;
    content: '';
    width: 100%;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAAIBAMAAACbn1OMAAAAElBMVEUAAAD///////////////////8+Uq06AAAABXRSTlMA41kZEg11JQgAAABCSURBVEjHYwgdBRSB0QAcDUCSwGgADjYADMBAZSPRUUweBgegCAOD4ygmD4MDUIGBgWkUk4fBAWjAwMA8isnDoaEA4VEcmjRnt9cAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: 100% auto
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    font-size: .3rem;
    padding: .1rem 0
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet li > span {
    width: 1.3rem;
    text-align: right;
    margin-right: 1rem;
    font-size: .32rem;
    color: #333
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet li > span.bet-red {
    color: #ff4941;
    text-align: left
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #2a2a2a;
    font-size: .3rem
}

.BettingDetailsItem .BettingDetailsfooter .dec .Bet li p span {
    margin: 0 3px 5px 0;
    color: #2a2a2a;
    font-size: .3rem
}

.BettingDetailsItem .BettingDetailsItem-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 1rem;
    right: 0;
    background: #f2f2f2;
    -webkit-box-shadow: 0 0 0 0 #f0f0f0;
    box-shadow: 0 0 0 0 #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.BettingDetailsItem .BettingDetailsItem-btn .buttonorder {
    height: .7rem;
    width: 3.2rem;
    margin: .14rem auto;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .32rem;
    border-radius: .12rem
}

.AdditionalBetting .BettingDetailsItem {
    padding-bottom: 1.36rem
}

.AdditionalBetting .BettingDetailsItem .headers > div:nth-child(2) {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.AdditionalBetting .BettingDetailsItem .headers > div:nth-child(2) > div {
    padding-right: .4rem
}

.AdditionalBetting .BettingDetailsItem .headers > div:nth-child(2) > div > span {
    display: block;
    width: 100%
}

.AdditionalBetting .BettingDetailsItem .headers > div:nth-child(2) > div > span:nth-child(1) {
    font-size: .32rem;
    letter-spacing: -.23px;
    text-align: center;
    margin-bottom: .1rem
}

.AdditionalBetting .BettingDetailsItem .headers > div:nth-child(2) > div > span:nth-child(2) {
    font-size: .28rem;
    color: #7d7d7d;
    letter-spacing: -.2px;
    text-align: center
}

.AdditionalBetting .BettingDetailsItem .meonyCount > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.AdditionalBetting .BettingDetailsItem .meonyCount > div > div {
    display: block !important
}

.AdditionalBetting .BettingDetailsItem .meonyCount > div > div > span {
    display: block;
    text-align: center
}

.AdditionalBetting .BettingDetailsItem .meonyCount > div > div > span:nth-child(1) {
    font-size: .28rem;
    color: #000;
    letter-spacing: -.2px;
    margin-bottom: .1rem
}

.AdditionalBetting .BettingDetailsItem .meonyCount > div > div > span:nth-child(2) {
    font-size: .36rem;
    color: #000;
    letter-spacing: -.25px;
    text-align: center
}

.AdditionalBetting .cacheAddtionBetOrder {
    height: 1.3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff
}

.AdditionalBetting .cacheAddtionBetOrder > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.AdditionalBetting .cacheAddtionBetOrder > div > div {
    border: 1px solid #ff4941;
    border-radius: 2px;
    color: #ff4941;
    padding: .14rem .6rem;
    width: auto;
    cursor: pointer
}

.ResultBall .xingyun div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ResultBall .xingyun div .redBall {
    background-image: linear-gradient(-43deg, #ff7d83 0, #ff4941 100%)
}

.ResultBall .xingyun div .greenBall {
    background-image: linear-gradient(-43deg, #57c946 0, #6d5 100%)
}

.ResultBall .xingyun div .blueBall {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d9f9), to(#1f9efb));
    background-image: linear-gradient(-180deg, #00d9f9 0, #1f9efb 100%)
}

.ResultBall .xingyun div .grayBall {
    background-image: linear-gradient(-132deg, #999 1%, #666 100%)
}

.ResultBall .xingyun div .balls {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    line-height: .48rem;
    text-align: center;
    color: #fff;
    margin: 0 .12rem;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ResultBall .beijingcar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ResultBall .beijingcar > span {
    width: .32rem;
    height: .32rem;
    text-align: center;
    line-height: .32rem;
    font-size: .24rem;
    color: #fff;
    border-radius: .04rem;
    margin-left: .04rem;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ResultBall .beijingcar .eight {
    background: #ff7878
}

.ResultBall .beijingcar .seven {
    background: #999
}

.ResultBall .beijingcar .ten {
    background: #5fcc49
}

.ResultBall .beijingcar .six {
    background: #5c57cc
}

.ResultBall .beijingcar .three {
    background: #606060
}

.ResultBall .beijingcar .one {
    background: #ecca00
}

.ResultBall .beijingcar .nine {
    background: #a23f4b
}

.ResultBall .beijingcar .five {
    background: #20c5d3
}

.ResultBall .beijingcar .four {
    background: #e8803f
}

.ResultBall .beijingcar .two {
    background: #3ca2ed
}

.ResultBall .liuhecai div, .ResultBall .luck8 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ResultBall .liuhecai div .redBall, .ResultBall .luck8 div .redBall {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941));
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%)
}

.ResultBall .liuhecai div .greenBall, .ResultBall .luck8 div .greenBall {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d5), to(#57c946));
    background-image: linear-gradient(-180deg, #6d5 0, #57c946 100%)
}

.ResultBall .liuhecai div .blueBall, .ResultBall .luck8 div .blueBall {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d9f9), to(#1f9efb));
    background-image: linear-gradient(-180deg, #00d9f9 0, #1f9efb 100%)
}

.ResultBall .liuhecai div .balls, .ResultBall .luck8 div .balls {
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    line-height: .38rem;
    text-align: center;
    color: #fff;
    font-size: .24rem;
    margin: 0 .02rem;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ResultBall .luck8 {
    width: 4.55rem
}

.ResultBall .luck8 div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ResultBall .luck8 div .balls {
    margin: .06rem .01rem
}

.ResultBall .k3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ResultBall .k3 img {
    margin: .2rem
}

.ResultBall .k3 span {
    margin-left: .2rem
}

.am-calendar .animate {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.am-calendar .fade-enter {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.am-calendar .fade-leave {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

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

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

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

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

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

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

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

.am-calendar .slideV-enter {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.am-calendar .slideV-leave {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.am-calendar .slideH-enter {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.am-calendar .slideH-leave {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

.am-calendar .content {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff
}

.am-calendar .header {
    margin: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.am-calendar .header .title {
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 700
}

.am-calendar .header .left {
    position: absolute;
    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;
    padding: 0 8px;
    height: 24px;
    left: 5px;
    top: 5px;
    color: #068eef
}

.am-calendar .header .right {
    position: absolute;
    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;
    padding: 0 8px;
    height: 24px;
    right: 5px;
    top: 5px;
    color: #068eef;
    font-size: 14px
}

.am-calendar .timePicker {
    border-top: 1PX #ccc solid
}

.am-calendar .week-panel {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 2px;
    border-bottom: 1PX #ddd solid
}

.am-calendar .week-panel .cell {
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 14.28571429%;
    -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;
    color: #000;
    font-size: 14px
}

.am-calendar .week-panel .cell-grey {
    color: #bbb
}

.am-calendar .date-picker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #eee;
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.am-calendar .date-picker .wrapper {
    height: auto;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.am-calendar .date-picker .months {
    background: #fff
}

.am-calendar .date-picker .load-tip {
    position: absolute;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: 0;
    right: 0;
    padding: 10px 0;
    top: -40px;
    color: #bbb
}

.am-calendar .confirm-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    padding: 8px 15px;
    border-top: #ddd 1PX solid
}

.am-calendar .confirm-panel .info {
    font-size: 12px
}

.am-calendar .confirm-panel .info p {
    margin: 0
}

.am-calendar .confirm-panel .info p + p {
    margin-top: 8px
}

.am-calendar .confirm-panel .info .grey {
    color: #bbb
}

.am-calendar .confirm-panel .button {
    text-align: center;
    width: 80px;
    margin: 0 0 0 auto;
    padding: 8px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background: #108ee9
}

.am-calendar .confirm-panel .button-disable {
    color: #bbb;
    background: #ddd
}

.am-calendar .confirm-panel .button-full {
    width: 100%;
    text-align: center
}

.am-calendar .time-picker {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    background: #fff
}

.am-calendar .time-picker .title {
    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;
    height: 44px;
    font-size: 16px;
    border-top: 1PX #ddd solid;
    border-bottom: 1PX #ddd solid
}

.am-calendar .single-month {
    padding: 0
}

.am-calendar .single-month .month-title {
    margin: 0;
    padding: 21px 0 6px 15px
}

.am-calendar .single-month .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.am-calendar .single-month .row .cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 14.28571429%;
    -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
}

.am-calendar .single-month .row .cell .date-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    width: 100%;
    -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;
    margin-bottom: 2px
}

.am-calendar .single-month .row .cell .date-wrapper .date {
    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;
    width: 35px;
    height: 35px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #000;
    font-size: 17px;
    font-weight: 700
}

.am-calendar .single-month .row .cell .date-wrapper .disable {
    color: #bbb;
    background: #eee;
    border: none;
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .grey {
    color: #bbb
}

.am-calendar .single-month .row .cell .date-wrapper .important {
    border: 1PX #ddd solid;
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .left, .am-calendar .single-month .row .cell .date-wrapper .right {
    border: none;
    width: 100%;
    height: 35px
}

.am-calendar .single-month .row .cell .date-wrapper .date-selected {
    border: none;
    background: #108ee9;
    color: #fff;
    font-size: 17px
}

.am-calendar .single-month .row .cell .date-wrapper .selected-start {
    border-radius: 100% 0 0 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-single {
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-middle {
    border-radius: 0
}

.am-calendar .single-month .row .cell .date-wrapper .selected-end {
    border-radius: 0 100% 100% 0
}

.am-calendar .single-month .row .cell .info {
    height: 15px;
    width: 100%;
    padding: 0 5px;
    font-size: 10px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.am-calendar .single-month .row .cell .date-selected {
    color: #108ee9
}

.am-calendar .single-month .row + .row {
    margin-top: 6px
}

.am-calendar .single-month .row-xl + .row-xl {
    margin-top: 21px
}

.am-calendar .shortcut-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    border-top: #ddd 1PX solid;
    height: 42px
}

.am-calendar .shortcut-panel .item {
    display: inline-block;
    color: #108ee9;
    font-size: 16px
}

.am-list-header {
    padding: 15px 15px 9px 15px;
    font-size: 14px;
    color: #888;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-list-footer {
    padding: 9px 15px 15px 15px;
    font-size: 14px;
    color: #888
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body {
        border-top: none
    }

    html:not([data-scale]) .am-list-body::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-body::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-list-body div:not(:last-child) .am-list-line {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-list-item .am-list-ripple {
    position: absolute;
    background: 0 0;
    display: inline-block;
    overflow: hidden;
    will-change: box-shadow, transform;
    -webkit-transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    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);
    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), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    outline: 0;
    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: rgba(158, 158, 158, .2);
    -webkit-animation: ripple 1s linear;
    animation: ripple 1s linear
}

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

.am-list-item.am-list-item-top .am-list-line .am-list-arrow {
    margin-top: 2px
}

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

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

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

.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: 22px;
    height: 22px;
    vertical-align: middle
}

.am-list-item .am-list-thumb:first-child {
    margin-right: 15px
}

.am-list-item .am-list-thumb:last-child {
    margin-left: 8px
}

.am-list-item .am-list-line {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 15px;
    overflow: hidden
}

.am-list-item .am-list-line .am-list-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 7px
}

.am-list-item .am-list-line .am-list-extra {
    -webkit-flex-basis: 36%;
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    color: #888;
    font-size: 16px;
    line-height: 1.5;
    text-align: right;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 7px
}

.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: 15px;
    line-height: 1.5;
    margin-top: 6px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-list-item .am-list-line .am-list-arrow {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%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: 12.5px 15px 12.5px 0
}

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

.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 {
    white-space: normal
}

.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: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

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

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

.slect-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slect-button * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slect-button > div {
    min-width: 1.1rem;
    height: .56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #9b9b9b;
    color: #fff;
    border-right: 1px solid #ccc;
    padding: 0 .28rem;
    font-size: .28rem
}

.slect-button > div.active {
    background: #ff4941
}

.slect-button > div:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.slect-button > div:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none
}

.search-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    width: 100%;
    height: 1rem;
    padding: .14rem .32rem;
    background: #fff
}

.search-input > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0 .2rem;
    border-radius: 15px;
    background: rgba(142, 142, 147, .12)
}

.search-input > div input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-left: .2rem;
    border: none;
    background: 0 0
}

.search-input > span {
    margin-left: .3rem;
    color: #007aff;
    font-size: .34rem
}

.am-fade-appear, .am-fade-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-play-state: paused;
    animation-play-state: paused
}

.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
    }
    100% {
        opacity: 1
    }
}

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

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

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

.am-slide-up-appear, .am-slide-up-enter {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 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: translate(0, 100%);
        transform: translate(0, 100%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

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

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

@keyframes amSlideUpOut {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    100% {
        -webkit-transform: translate(0, 100%);
        transform: translate(0, 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, 0);
        transform: scale(0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

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

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

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

.am-slide-down-appear, .am-slide-down-enter {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -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: translate(0, -100%);
        transform: translate(0, -100%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

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

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

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

*, :after, :before {
    -webkit-tap-highlight-color: transparent
}

body {
    background-color: #f5f5f9;
    font-size: 14px
}

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

:focus {
    outline: 0
}

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

.am-accordion {
    position: relative;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-accordion {
        border-top: none
    }

    html:not([data-scale]) .am-accordion::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-accordion::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-accordion-anim-active {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.am-accordion .am-accordion-item .am-accordion-header {
    position: relative;
    color: #000;
    font-size: 17px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-left: 15px;
    padding-right: 30px;
    border-bottom: 1PX solid #ddd;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header {
        border-bottom: none
    }

    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-header::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-accordion .am-accordion-item .am-accordion-header i {
    position: absolute;
    display: block;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.am-accordion .am-accordion-item .am-accordion-header[aria-expanded~=true] i {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.am-accordion .am-accordion-item .am-accordion-content {
    overflow: hidden;
    background: #fff
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
    font-size: 15px;
    color: #333;
    position: relative;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box {
        border-bottom: none
    }

    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body {
    border-top: 0
}

.am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box .am-list-body:before {
    display: none !important
}

.am-accordion .am-accordion-item .am-accordion-content.am-accordion-content-inactive {
    display: none
}

.am-action-sheet-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

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

.am-action-sheet-mask-hidden {
    display: none
}

.am-action-sheet-close {
    display: none
}

.am-action-sheet {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding-bottom: env(safe-area-inset-bottom)
}

.am-action-sheet.am-action-sheet-share {
    background-color: #f2f2f2
}

.am-action-sheet-message, .am-action-sheet-title {
    margin: 15px auto;
    padding: 0 15px;
    text-align: center
}

.am-action-sheet-title {
    font-size: 17px
}

.am-action-sheet-message {
    color: #888;
    font-size: 14px
}

.am-action-sheet-button-list {
    text-align: center;
    color: #000
}

.am-action-sheet-button-list-item {
    font-size: 18px;
    padding: 0 8px;
    margin: 0;
    position: relative;
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-action-sheet-button-list-item {
        border-top: none
    }

    html:not([data-scale]) .am-action-sheet-button-list-item::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-action-sheet-button-list-item::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-action-sheet-button-list-badge {
    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-action-sheet-button-list-badge .am-badge {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.am-action-sheet-button-list-item-content {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.am-action-sheet-button-list .am-action-sheet-cancel-button {
    padding-top: 6px;
    position: relative
}

.am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #e7e7ed;
    border-top: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
        border-top: none
    }

    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask {
        border-bottom: none
    }

    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-action-sheet-button-list .am-action-sheet-cancel-button-mask::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-action-sheet-button-list .am-action-sheet-destructive-button {
    color: #f4333c
}

.am-action-sheet-share-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-top: 1PX solid #ddd;
    padding: 21px 0 21px 15px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-action-sheet-share-list {
        border-top: none
    }

    html:not([data-scale]) .am-action-sheet-share-list::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-action-sheet-share-list::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-action-sheet-share-list-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0 12px 0 0
}

.am-action-sheet-share-list-item-icon {
    margin-bottom: 9px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 3px;
    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
}

.am-action-sheet-share-list-item-title {
    color: #888;
    font-size: 10px;
    text-align: center
}

.am-action-sheet-share-cancel-button {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-size: 18px;
    position: relative;
    border-top: 1PX solid #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-action-sheet-share-cancel-button {
        border-top: none
    }

    html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-action-sheet-share-cancel-button::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-action-sheet-share-cancel-button.am-action-sheet-share-cancel-button-active {
    background-color: #ddd
}

.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: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-2.125%20-1.875%2064%2064%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M29.875-1.875c-17.673%200-32%2014.327-32%2032s14.327%2032%2032%2032%2032-14.327%2032-32-14.327-32-32-32zm0%2060.7c-15.85%200-28.7-12.85-28.7-28.7s12.85-28.7%2028.7-28.7%2028.7%2012.85%2028.7%2028.7-12.85%2028.7-28.7%2028.7z%22%2F%3E%3Cpath%20fill%3D%22%23FF4941%22%20d%3D%22M61.858%2030.34c.003-.102.008-.203.008-.305%200-11.43-5.996-21.452-15.01-27.113l-.013.026c-.24-.137-.515-.22-.81-.22-.912%200-1.65.738-1.65%201.65%200%20.654.384%201.215.937%201.482%207.963%205.1%2013.247%2014.017%2013.247%2024.176%200%20.147-.01.293-.01.44h.022c0%20.01-.004.02-.004.03%200%20.91.74%201.65%201.65%201.65s1.65-.74%201.65-1.65c0-.06-.012-.112-.018-.167z%22%2F%3E%3C%2Fsvg%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: 14px;
    margin-left: 8px;
    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: 4px
}

.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: 15px 15px;
    border-radius: 7px;
    background-clip: padding-box;
    color: #fff;
    background-color: rgba(58, 58, 58, .9);
    font-size: 15px;
    line-height: 20px
}

.am-activity-indicator-spinner-lg {
    width: 32px;
    height: 32px
}

@-webkit-keyframes spinner-anime {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-anime {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.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: -6px;
    height: 18px;
    line-height: 18px;
    min-width: 9px;
    border-radius: 12px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #ff5b05;
    white-space: nowrap;
    -webkit-transform: translateX(-45%);
    transform: translateX(-45%);
    -webkit-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%);
    transform: translateX(-50%);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    top: -4px;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #ff5b05;
    z-index: 10
}

.am-badge-dot-large {
    height: 16px;
    width: 16px
}

.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);
    transform: translateX(0)
}

.am-badge-corner {
    width: 80px;
    padding: 8px;
    position: absolute;
    right: -32px;
    top: 8px;
    background-color: #ff5b05;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 15px
}

.am-badge-corner-wrapper {
    overflow: hidden
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-borderfix:before {
    -webkit-transform: scale(.49) !important;
    transform: scale(.49) !important
}

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

.am-button.am-button-disabled {
    color: rgba(0, 0, 0, .3);
    opacity: .6
}

.am-button-primary {
    color: #fff;
    background-color: #ff4941;
    border: 1PX solid #ff4941;
    border-radius: 5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-primary {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-primary::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ff4941;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-primary.am-button-active {
    color: rgba(255, 255, 255, .3);
    background-color: #0e80d2
}

.am-button-primary.am-button-disabled {
    color: rgba(255, 255, 255, .6);
    opacity: .4
}

.am-button-ghost {
    color: #ff4941;
    background-color: transparent;
    border: 1PX solid #ff4941;
    border-radius: 5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ff4941;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-ghost.am-button-active {
    color: rgba(255, 73, 65, .6);
    background-color: transparent;
    border: 1PX solid rgba(255, 73, 65, .6);
    border-radius: 5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost.am-button-active {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost.am-button-active::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid rgba(255, 73, 65, .6);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-ghost.am-button-disabled {
    color: rgba(0, 0, 0, .1);
    border: 1PX solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    opacity: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost.am-button-disabled {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid rgba(0, 0, 0, .1);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

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

.am-button-warning.am-button-active {
    color: rgba(255, 255, 255, .3);
    background-color: #d24747
}

.am-button-warning.am-button-disabled {
    color: rgba(255, 255, 255, .6);
    opacity: .4
}

.am-button-inline {
    display: inline-block;
    padding: 0 15px
}

.am-button-inline.am-button-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.am-button-small {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px
}

.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-button-icon {
    margin-right: .5em
}

.am-calendar .animate {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

.am-calendar .fade-enter {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.am-calendar .fade-leave {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

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

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

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

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

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

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

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

.am-calendar .slideV-enter {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.am-calendar .slideV-leave {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.am-calendar .slideH-enter {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.am-calendar .slideH-leave {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

.am-calendar .content {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff
}

.am-calendar .header {
    margin: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-calendar .header .title {
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 700
}

.am-calendar .header .left {
    position: absolute;
    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;
    padding: 0 8px;
    height: 24px;
    left: 5px;
    top: 5px;
    color: #068eef
}

.am-calendar .header .right {
    position: absolute;
    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;
    padding: 0 8px;
    height: 24px;
    right: 5px;
    top: 5px;
    color: #068eef;
    font-size: 14px
}

.am-calendar .timePicker {
    border-top: 1PX #ccc solid
}

.am-calendar .week-panel {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 2px;
    border-bottom: 1PX #ddd solid
}

.am-calendar .week-panel .cell {
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14.28571429%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 14px
}

.am-calendar .week-panel .cell-grey {
    color: #bbb
}

.am-calendar .date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #eee;
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.am-calendar .date-picker .wrapper {
    height: auto;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.am-calendar .date-picker .months {
    background: #fff
}

.am-calendar .date-picker .load-tip {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: 0;
    right: 0;
    padding: 10px 0;
    top: -40px;
    color: #bbb
}

.am-calendar .confirm-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    padding: 8px 15px;
    border-top: #ddd 1PX solid
}

.am-calendar .confirm-panel .info {
    font-size: 12px
}

.am-calendar .confirm-panel .info p {
    margin: 0
}

.am-calendar .confirm-panel .info p + p {
    margin-top: 8px
}

.am-calendar .confirm-panel .info .grey {
    color: #bbb
}

.am-calendar .confirm-panel .button {
    text-align: center;
    width: 80px;
    margin: 0 0 0 auto;
    padding: 8px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    background: #ff4941
}

.am-calendar .confirm-panel .button-disable {
    color: #bbb;
    background: #ddd
}

.am-calendar .confirm-panel .button-full {
    width: 100%;
    text-align: center
}

.am-calendar .time-picker {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    background: #fff
}

.am-calendar .time-picker .title {
    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;
    height: 44px;
    font-size: 16px;
    border-top: 1PX #ddd solid;
    border-bottom: 1PX #ddd solid
}

.am-calendar .single-month {
    padding: 0
}

.am-calendar .single-month .month-title {
    margin: 0;
    padding: 21px 0 6px 15px
}

.am-calendar .single-month .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.am-calendar .single-month .row .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 14.28571429%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-calendar .single-month .row .cell .date-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px
}

.am-calendar .single-month .row .cell .date-wrapper .date {
    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;
    width: 35px;
    height: 35px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #000;
    font-size: 17px;
    font-weight: 700
}

.am-calendar .single-month .row .cell .date-wrapper .disable {
    color: #bbb;
    background: #eee;
    border: none;
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .grey {
    color: #bbb
}

.am-calendar .single-month .row .cell .date-wrapper .important {
    border: 1PX #ddd solid;
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .left, .am-calendar .single-month .row .cell .date-wrapper .right {
    border: none;
    width: 100%;
    height: 35px
}

.am-calendar .single-month .row .cell .date-wrapper .date-selected {
    border: none;
    background: #ff4941;
    color: #fff;
    font-size: 17px
}

.am-calendar .single-month .row .cell .date-wrapper .selected-start {
    border-radius: 100% 0 0 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-single {
    border-radius: 100%
}

.am-calendar .single-month .row .cell .date-wrapper .selected-middle {
    border-radius: 0
}

.am-calendar .single-month .row .cell .date-wrapper .selected-end {
    border-radius: 0 100% 100% 0
}

.am-calendar .single-month .row .cell .info {
    height: 15px;
    width: 100%;
    padding: 0 5px;
    font-size: 10px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center
}

.am-calendar .single-month .row .cell .date-selected {
    color: #ff4941
}

.am-calendar .single-month .row + .row {
    margin-top: 6px
}

.am-calendar .single-month .row-xl + .row-xl {
    margin-top: 21px
}

.am-calendar .shortcut-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 30px;
    border-top: #ddd 1PX solid;
    height: 42px
}

.am-calendar .shortcut-panel .item {
    display: inline-block;
    color: #ff4941;
    font-size: 16px
}

.am-card {
    min-height: 96px;
    padding-bottom: 6px;
    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:not(.am-card-full) {
    border: 1PX solid #ddd;
    border-radius: 5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-card:not(.am-card-full) {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-card:not(.am-card-full)::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-card.am-card-full {
    position: relative;
    border-top: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-card.am-card-full {
        border-top: none
    }

    html:not([data-scale]) .am-card.am-card-full::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-card.am-card-full::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-card.am-card-full {
        border-bottom: none
    }

    html:not([data-scale]) .am-card.am-card-full::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-card.am-card-full::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    padding: 9px 15px
}

.am-card-header-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-card-header-content img {
    margin-right: 5px
}

.am-card-header-extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 17px;
    color: #888
}

.am-card-body {
    position: relative;
    border-top: 1PX solid #ddd;
    padding: 15px 15px 6px;
    font-size: 15px;
    color: #333;
    min-height: 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-card-body {
        border-top: none
    }

    html:not([data-scale]) .am-card-body::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-card-body::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-card-footer {
    font-size: 14px;
    color: #888;
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-card-footer-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-card-footer-extra {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right
}

.am-carousel {
    position: relative
}

.am-carousel-wrap {
    font-size: 18px;
    color: #000;
    background: 0 0;
    text-align: center;
    zoom: 1;
    width: 100%
}

.am-carousel-wrap-dot {
    display: inline-block;
    zoom: 1
}

.am-carousel-wrap-dot > span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 50%;
    background: #ccc
}

.am-carousel-wrap-dot-active > span {
    background: #888
}

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

.am-checkbox-inner {
    position: absolute;
    right: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-checkbox-inner:after {
    position: absolute;
    display: none;
    top: 1.5px;
    right: 6px;
    z-index: 999;
    width: 5px;
    height: 11px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: ' ';
    -webkit-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: #ff4941;
    background: #ff4941
}

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

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

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

.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: 21px;
    height: 21px
}

.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: 44px
}

.am-list .am-list-item.am-checkbox-item .am-list-thumb .am-checkbox-inner {
    left: 15px;
    top: 12px
}

.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: 15px;
    padding-top: 9px;
    padding-bottom: 9px
}

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

.am-checkbox-agree .am-checkbox-inner {
    left: 0;
    top: 12px
}

.am-checkbox-agree .am-checkbox-agree-label {
    display: inline-block;
    font-size: 15px;
    color: #000;
    line-height: 1.5;
    margin-left: 30px;
    margin-top: 1PX
}

.am-drawer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.am-drawer-sidebar {
    z-index: 4;
    position: absolute;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: transform;
    overflow-y: auto
}

.am-drawer-draghandle {
    z-index: 1;
    position: absolute;
    background-color: rgba(50, 50, 50, .1)
}

.am-drawer-overlay {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    background-color: rgba(0, 0, 0, .4)
}

.am-drawer-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transition: left .3s ease-out, right .3s ease-out;
    transition: left .3s ease-out, right .3s ease-out
}

.am-drawer.am-drawer-left .am-drawer-draghandle, .am-drawer.am-drawer-left .am-drawer-sidebar, .am-drawer.am-drawer-right .am-drawer-draghandle, .am-drawer.am-drawer-right .am-drawer-sidebar {
    top: 0;
    bottom: 0
}

.am-drawer.am-drawer-left .am-drawer-draghandle, .am-drawer.am-drawer-right .am-drawer-draghandle {
    width: 10px;
    height: 100%
}

.am-drawer.am-drawer-bottom .am-drawer-draghandle, .am-drawer.am-drawer-bottom .am-drawer-sidebar, .am-drawer.am-drawer-top .am-drawer-draghandle, .am-drawer.am-drawer-top .am-drawer-sidebar {
    left: 0;
    right: 0
}

.am-drawer.am-drawer-bottom .am-drawer-draghandle, .am-drawer.am-drawer-top .am-drawer-draghandle {
    width: 100%;
    height: 10px
}

.am-drawer.am-drawer-left .am-drawer-sidebar {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.am-drawer-open.am-drawer.am-drawer-left .am-drawer-sidebar {
    -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, .15);
    box-shadow: 1PX 1PX 2px rgba(0, 0, 0, .15)
}

.am-drawer.am-drawer-left .am-drawer-draghandle {
    left: 0
}

.am-drawer.am-drawer-right .am-drawer-sidebar {
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.am-drawer-open.am-drawer.am-drawer-right .am-drawer-sidebar {
    -webkit-box-shadow: -1PX 1PX 2px rgba(0, 0, 0, .15);
    box-shadow: -1PX 1PX 2px rgba(0, 0, 0, .15)
}

.am-drawer.am-drawer-right .am-drawer-draghandle {
    right: 0
}

.am-drawer.am-drawer-top .am-drawer-sidebar {
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.am-drawer-open.am-drawer.am-drawer-top .am-drawer-sidebar {
    -webkit-box-shadow: 1PX 1PX 2px rgba(0, 0, 0, .15);
    box-shadow: 1PX 1PX 2px rgba(0, 0, 0, .15)
}

.am-drawer.am-drawer-top .am-drawer-draghandle {
    top: 0
}

.am-drawer.am-drawer-bottom .am-drawer-sidebar {
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.am-drawer-open.am-drawer.am-drawer-bottom .am-drawer-sidebar {
    -webkit-box-shadow: 1PX -1PX 2px rgba(0, 0, 0, .15);
    box-shadow: 1PX -1PX 2px rgba(0, 0, 0, .15)
}

.am-drawer.am-drawer-bottom .am-drawer-draghandle {
    bottom: 0
}

.am-flexbox {
    text-align: left;
    overflow: 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 .am-flexbox-item {
    margin-left: 0
}

.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-dir-column-reverse .am-flexbox-item {
    margin-left: 0
}

.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-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

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

.am-flexbox.am-flexbox-align-center {
    -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 {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

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

.am-flexbox.am-flexbox-align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

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

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

.am-flexbox .am-flexbox-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    min-width: 10px
}

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

.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 .am-grid-item-content {
    background-color: #ddd
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 15px 0
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-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
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-icon {
    max-width: 100%
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content .am-grid-text {
    margin-top: 9px;
    font-size: 12px;
    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: 16px
}

.am-grid .am-flexbox .am-flexbox-item .am-grid-item-content .am-grid-item-inner-content.column-num-2 .am-grid-text {
    margin-top: 15px;
    font-size: 18px
}

.am-grid.am-grid-line {
    position: relative
}

.am-grid.am-grid-line:not(.am-grid-carousel) {
    border-top: 1PX solid #ddd;
    border-right: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
        border-top: none
    }

    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel) {
        border-right: none
    }

    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1PX;
        height: 100%;
        background: #ddd;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line:not(.am-grid-carousel)::after {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-grid.am-grid-line .am-flexbox {
    position: relative;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox {
        border-bottom: none
    }

    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item {
    position: relative
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
    border-left: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child {
        border-left: none
    }

    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:first-child::before {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child) {
    border-right: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child) {
        border-right: none
    }

    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child)::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1PX;
        height: 100%;
        background: #ddd;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line .am-flexbox .am-flexbox-item:not(:last-child)::after {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
    border-top: 1PX solid #ddd;
    border-right: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
        border-top: none
    }

    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page {
        border-right: none
    }

    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1PX;
        height: 100%;
        background: #ddd;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-grid.am-grid-line.am-grid-carousel .am-grid-carousel-page::after {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-grid .am-carousel .am-carousel-wrap-dot > span {
    background: #dcdee3
}

.am-grid .am-carousel .am-carousel-wrap-dot-active > span {
    background: #0ae
}

.am-grid.am-grid-square .am-grid-item:before {
    display: block;
    content: ' ';
    padding-bottom: 100%
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content {
    height: 100%
}

.am-grid.am-grid-square .am-grid-item .am-grid-item-inner-content .am-grid-icon {
    margin-top: 9px;
    width: 28% !important
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: 22px;
    height: 22px
}

.am-icon-xxs {
    width: 15px;
    height: 15px
}

.am-icon-xs {
    width: 18px;
    height: 18px
}

.am-icon-sm {
    width: 21px;
    height: 21px
}

.am-icon-md {
    width: 22px;
    height: 22px
}

.am-icon-lg {
    width: 36px;
    height: 36px
}

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

@-webkit-keyframes cirle-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes cirle-anim {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.am-image-picker-list {
    padding: 9px 8px 0;
    margin-bottom: 15px
}

.am-image-picker-list .am-flexbox {
    margin-bottom: 6px
}

.am-image-picker-list .am-flexbox .am-flexbox-item {
    position: relative;
    margin-right: 5px;
    margin-left: 0
}

.am-image-picker-list .am-flexbox .am-flexbox-item:after {
    display: block;
    content: ' ';
    padding-bottom: 100%
}

.am-image-picker-list .am-image-picker-item {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%
}

.am-image-picker-list .am-image-picker-item .am-image-picker-item-remove {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 6px;
    top: 6px;
    text-align: right;
    vertical-align: top;
    z-index: 2;
    background-size: 15px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'16'%20height%3D'16'%20viewBox%3D'0%200%2016%2016'%20version%3D'1.1'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20id%3D'Page-1'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Ccircle%20id%3D'Oval-98'%20fill-opacity%3D'0.4'%20fill%3D'%23404040'%20cx%3D'8'%20cy%3D'8'%20r%3D'8'%3E%3C%2Fcircle%3E%3Cpath%20d%3D'M11.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20C11.7633757%2C12.0336542%2011.5447877%2C12.0336542%2011.4101891%2C11.8990375%20L8%2C8.48838931%20L4.5887341%2C11.8990375%20C4.45413554%2C12.0336542%204.23554748%2C12.0336542%204.10094892%2C11.8990375%20L4.10094892%2C11.8990375%20C3.96635036%2C11.7644208%203.96635036%2C11.5458033%204.10094892%2C11.4111866%20L7.51221482%2C8.00053847%20L4.10202571%2C4.58881335%20C3.96742715%2C4.45419667%203.96742715%2C4.23557919%204.10202571%2C4.10096251%20L4.10202571%2C4.10096251%20C4.23662427%2C3.96634583%204.45521233%2C3.96634583%204.58981089%2C4.10096251%20L8%2C7.51268762%20L11.4112659%2C4.10203944%20C11.5458645%2C3.96742276%2011.7644525%2C3.96742276%2011.8990511%2C4.10203944%20L11.8990511%2C4.10203944%20C12.0336496%2C4.23665612%2012.0336496%2C4.45527361%2011.8990511%2C4.58989029%20L8.48778518%2C8.00053847%20L11.8979743%2C11.4122636%20C12.0325729%2C11.5468803%2012.0325729%2C11.7644208%2011.8979743%2C11.8990375%20L11.8979743%2C11.8990375%20Z'%20id%3D'Shape'%20fill%3D'%23FFFFFF'%20transform%3D'translate(8.000000%2C%208.000000)%20scale(1%2C%20-1)%20translate(-8.000000%2C%20-8.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.am-image-picker-list .am-image-picker-item .am-image-picker-item-content {
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background-size: cover
}

.am-image-picker-list .am-image-picker-item img {
    width: 100%
}

.am-image-picker-list .am-image-picker-upload-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1PX solid #ddd;
    background-color: #fff
}

.am-image-picker-list .am-image-picker-upload-btn:after, .am-image-picker-list .am-image-picker-upload-btn:before {
    width: 1PX;
    height: 25px;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ccc
}

.am-image-picker-list .am-image-picker-upload-btn:after {
    width: 25px;
    height: 1PX
}

.am-image-picker-list .am-image-picker-upload-btn-active {
    background-color: #ddd
}

.am-image-picker-list .am-image-picker-upload-btn input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0
}

.am-list-item .am-input-control .fake-input-container {
    height: 30px;
    line-height: 30px;
    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: 5px;
    -webkit-text-decoration: rtl;
    text-decoration: rtl;
    text-align: right;
    color: #000;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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 {
    -webkit-transition: color .2s;
    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: 1.5px solid #ff4941;
    -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-list-item .am-input-control .fake-input-container-left .fake-input {
    text-align: left
}

.am-list-item .am-input-control .fake-input-container-left .fake-input.focus:after {
    position: relative
}

.am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder {
    text-align: left
}

.am-number-keyboard-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
    font-family: 'PingFang SC';
    background-color: #f6f6f7;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform display;
    transition-property: -webkit-transform display;
    transition-property: transform display;
    transition-property: transform display, -webkit-transform display;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-bottom: env(safe-area-inset-bottom)
}

.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
    bottom: -500px
}

.am-number-keyboard-wrapper table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table {
        border-top: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.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: 50px;
    text-align: center;
    font-size: 25.5px;
    color: #2a2b2c;
    position: relative
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
    border-left: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
        border-left: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
        border-bottom: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.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: 21px;
    background-color: #ff4941;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
        border-bottom: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
    background-color: #0e80d2
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
    background-color: #0e80d2;
    color: rgba(255, 255, 255, .45)
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22204%22%20height%3D%22148%22%20viewBox%3D%220%200%20153.000000%20111.000000%22%3E%3Cpath%20d%3D%22M46.9%204.7c-2.5%202.6-14.1%2015.5-25.8%2028.6L-.1%2057l25.6%2027%2025.7%2027.1%2047.4-.3%2047.4-.3%203.2-3.3%203.3-3.2V7l-3.3-3.2L146%20.5%2098.7.2%2051.5-.1l-4.6%204.8zm97.9%203.5c1.7%201.7%201.7%2092.9%200%2094.6-.9.9-12.6%201.2-46.3%201.2H53.4L31.2%2080.4%209%2056.9l5.1-5.7c2.8-3.1%2012.8-14.4%2022.2-24.9L53.5%207h45c33.8%200%2045.4.3%2046.3%201.2z%22%2F%3E%3Cpath%20d%3D%22M69.5%2031c-1.9%202.1-1.7%202.2%209.3%2013.3L90%2055.5%2078.8%2066.7%2067.5%2078l2.3%202.2%202.2%202.3%2011.3-11.3L94.5%2060l11.2%2011.2L117%2082.5l2.2-2.3%202.3-2.2-11.3-11.3L99%2055.5l11.2-11.2L121.5%2033l-2.3-2.2-2.2-2.3-11.3%2011.3L94.5%2051l-11-11c-6-6-11.2-11-11.6-11-.3%200-1.4.9-2.4%202z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 25.5px 18.5px;
    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%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22188%22%20viewBox%3D%220%200%20195.000000%20141.000000%22%3E%3Cpath%20d%3D%22M0%2057v57h195V0H0v57zm183%200v45H12V12h171v45z%22%2F%3E%3Cpath%20d%3D%22M21%2031.5V39h15V24H21v7.5zM48%2031.5V39h15V24H48v7.5zM75%2031.5V39h15V24H75v7.5zM102%2031.5V39h15V24h-15v7.5zM129%2031.5V39h15V24h-15v7.5zM156%2031.5V39h15V24h-15v7.5zM36%2055.5V63h15V48H36v7.5zM63%2055.5V63h15V48H63v7.5zM90%2055.5V63h15V48H90v7.5zM117%2055.5V63h15V48h-15v7.5zM144%2055.5V63h15V48h-15v7.5zM27%2079.5V87h15V72H27v7.5zM48%2079.5V87h96V72H48v7.5zM150%2079.5V87h15V72h-15v7.5zM81%20124.5c0%20.8.7%201.5%201.5%201.5s1.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5%201.5z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 32.5px 23.5px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item-disabled {
    color: #bbb
}

@-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: 44px;
    padding-left: 15px
}

.am-list-item:not(:last-child) .am-list-line {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-list-item .am-input-label {
    color: #000;
    font-size: 17px;
    margin-left: 0;
    margin-right: 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 0
}

.am-list-item .am-input-label.am-input-label-2 {
    width: 34px
}

.am-list-item .am-input-label.am-input-label-3 {
    width: 51px
}

.am-list-item .am-input-label.am-input-label-4 {
    width: 68px
}

.am-list-item .am-input-label.am-input-label-5 {
    width: 85px
}

.am-list-item .am-input-label.am-input-label-6 {
    width: 102px
}

.am-list-item .am-input-label.am-input-label-7 {
    width: 119px
}

.am-list-item .am-input-control {
    font-size: 17px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-list-item .am-input-control input {
    color: #000;
    font-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 2px 0;
    border: 0;
    background-color: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    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::-moz-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: 21px;
    height: 21px;
    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%20fill%3D'%23fff'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
    background-size: 21px auto;
    background-position: 2px 2px
}

.am-list-item .am-input-clear-active {
    background-color: #ff4941
}

.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: 21px;
    overflow: hidden;
    padding-right: 0;
    line-height: 1;
    color: #888;
    font-size: 15px;
    margin-left: 5px
}

.am-list-item.am-input-error .am-input-control input {
    color: #f50
}

.am-list-item.am-input-error .am-input-error-extra {
    height: 21px;
    width: 21px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 21px auto
}

.am-list-item.am-input-disabled .am-input-label {
    color: #bbb
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.am-list-header {
    padding: 15px 15px 9px 15px;
    font-size: 14px;
    color: #888;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-list-footer {
    padding: 9px 15px 15px 15px;
    font-size: 14px;
    color: #888
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body {
        border-top: none
    }

    html:not([data-scale]) .am-list-body::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-body::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-list-body div:not(:last-child) .am-list-line {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-body div:not(:last-child) .am-list-line::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

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

.am-list-item .am-list-ripple.am-list-ripple-animate {
    background-color: rgba(158, 158, 158, .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: 2px
}

.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 {
    color: #f50
}

.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: 22px;
    height: 22px;
    vertical-align: middle
}

.am-list-item .am-list-thumb:first-child {
    margin-right: 15px
}

.am-list-item .am-list-thumb:last-child {
    margin-left: 8px
}

.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;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-right: 15px;
    overflow: hidden
}

.am-list-item .am-list-line .am-list-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #000;
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 7px
}

.am-list-item .am-list-line .am-list-extra {
    -ms-flex-preferred-size: 36%;
    flex-basis: 36%;
    color: #888;
    font-size: 16px;
    line-height: 1.5;
    text-align: right;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 7px;
    padding-bottom: 7px
}

.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: 15px;
    line-height: 1.5;
    margin-top: 6px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-list-item .am-list-line .am-list-arrow {
    display: block;
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22UI-KIT_%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%229.9%E5%9F%BA%E7%A1%80%E5%85%83%E4%BB%B6%22%20transform%3D%22translate(-5809.000000%2C%20-8482.000000)%22%20fill%3D%22%23C7C7CC%22%3E%3Cpolygon%20id%3D%22Disclosure-Indicator%22%20points%3D%225811%208482%205809%208484%205820.5%208495%205809%208506%205811%208508%205825%208495%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%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);
    transform: rotate(90deg)
}

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

.am-list-item .am-list-line-multiple {
    padding: 12.5px 15px 12.5px 0
}

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

.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 {
    white-space: normal
}

.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: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

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

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

.am-indexed-list-section-body.am-list-body, .am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line {
    border-bottom: 0
}

.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line:after, .am-indexed-list-section-body.am-list-body:after {
    display: none !important
}

.am-indexed-list-section-header.am-list-body, .am-indexed-list-section-header.am-list-body .am-list-item .am-list-line {
    border-bottom: 0
}

.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after, .am-indexed-list-section-header.am-list-body:after {
    display: none !important
}

.am-indexed-list-section-header .am-list-item {
    height: 30px;
    min-height: 30px;
    background-color: #f5f5f9
}

.am-indexed-list-section-header .am-list-item .am-list-line {
    height: 30px;
    min-height: 30px
}

.am-indexed-list-section-header .am-list-item .am-list-content {
    font-size: 14px !important;
    color: #888 !important
}

.am-indexed-list-quick-search-bar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0;
    text-align: center;
    color: #ff4941;
    font-size: 16px;
    list-style: none;
    padding: 0
}

.am-indexed-list-quick-search-bar li {
    padding: 0 5px
}

.am-indexed-list-quick-search-bar-over {
    background-color: rgba(0, 0, 0, .4)
}

.am-indexed-list-qsindicator {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px auto auto -30px;
    width: 60px;
    height: 30px;
    background: 0 0;
    opacity: .7;
    color: #0af;
    font-size: 20px;
    border-radius: 30px;
    z-index: 1999;
    text-align: center;
    line-height: 30px
}

.am-indexed-list-qsindicator-hide {
    display: none
}

.am-menu {
    background-color: #f5f5f9
}

.am-menu .am-menu-select-container {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

.am-menu .am-menu-select-container .am-menu-select-container-submenu {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.am-menu .am-multi-select-btns {
    height: 47px;
    width: 100%
}

.am-menu .am-multi-select-btns .am-multi-select-btns-btn {
    width: 50%;
    height: 100%;
    border: 1PX solid #ddd;
    border-radius: 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-menu .am-multi-select-btns .am-multi-select-btns-btn::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-menu .am-flexbox .am-flexbox-item {
    margin-left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.am-menu .am-flexbox .am-flexbox-item .am-list {
    padding: 0
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-content {
    font-size: 16px
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: visible
}

.am-menu .am-flexbox .am-flexbox-item .am-list .am-list-item .am-list-line .am-list-extra .am-checkbox-wrapper .am-checkbox .am-checkbox-inner {
    top: 12px;
    right: 15px
}

.am-menu .am-flexbox .am-flexbox-item:first-child {
    background-color: #f7f7f7
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body {
    background-color: #f7f7f7;
    border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-body:after {
    display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item {
    background-color: #f7f7f7
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line {
    border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line:after {
    display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item .am-list-line .am-list-content {
    color: #000
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child {
    border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item:last-child:after {
    display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:first-child .am-list .am-list-item.am-menu-selected {
    background-color: #fff
}

.am-menu .am-flexbox .am-flexbox-item:last-child {
    background-color: #fff
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item {
    background-color: #fff;
    border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item:after {
    display: none !important
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item .am-list-line .am-list-extra {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-selected .am-list-line .am-list-content {
    color: #ff4941
}

.am-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item.am-sub-menu-item-disabled .am-list-line .am-list-content {
    color: #bbb
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line {
        border-bottom: none
    }

    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item .am-list-line::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child {
        border-bottom: none
    }

    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line {
    border-bottom: 0
}

.am-menu .am-flexbox .am-flexbox-item:only-child .am-list .am-list-item:last-child .am-list-line:after {
    display: none !important
}

.am-modal {
    position: relative
}

.am-modal:not(.am-modal-transparent):not(.am-modal-popup) {
    width: 100%;
    height: 100%
}

.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;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-modal-wrap-popup {
    display: block
}

.am-modal-transparent {
    width: 270px
}

.am-modal-transparent .am-modal-content {
    border-radius: 7px;
    padding-top: 15px
}

.am-modal-transparent .am-modal-content .am-modal-body {
    padding: 0 15px 15px
}

.am-modal-popup {
    position: fixed;
    left: 0;
    width: 100%
}

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

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

.am-modal-popup .am-modal-content {
    padding-bottom: env(safe-area-inset-bottom)
}

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

.am-modal-header {
    padding: 6px 15px 15px
}

.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: 0;
    position: absolute;
    right: 15px;
    z-index: 999;
    height: 21px;
    width: 21px
}

.am-modal-close-x {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'30'%20height%3D'30'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%20%3Cdefs%3E%3C%2Fdefs%3E%20%3Cg%20id%3D'ALL-ICON'%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%20%3Cg%20id%3D'Rectangle-283-%2B-Rectangle-283'%20fill%3D'%23888888'%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3Crect%20id%3D'Rectangle-283'%20transform%3D'translate(14.849242%2C%2014.849242)%20scale(-1%2C%201)%20rotate(-315.000000)%20translate(-14.849242%2C%20-14.849242)%20'%20x%3D'-5.1507576'%20y%3D'13.8492424'%20width%3D'40'%20height%3D'2'%3E%3C%2Frect%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E")
}

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

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-h {
        border-top: none
    }

    html:not([data-scale]) .am-modal-button-group-h::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-h::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal-button-group-h .am-modal-button:first-child {
    color: #000
}

.am-modal-button-group-h .am-modal-button:last-child {
    position: relative;
    border-left: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child {
        border-left: none
    }

    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-h .am-modal-button:last-child::before {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-button-group-v .am-modal-button {
        border-top: none
    }

    html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-button-group-v .am-modal-button::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal-input-container {
    margin-top: 9px;
    border: 1PX solid #ddd;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-input-container {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-modal-input-container::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 6px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-modal-input {
    height: 36px;
    line-height: 1
}

.am-modal-input:nth-child(2) {
    position: relative;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal-input:nth-child(2) {
        border-top: none
    }

    html:not([data-scale]) .am-modal-input:nth-child(2)::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal-input:nth-child(2)::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-modal-input input {
    position: relative;
    border: 0;
    width: 98%;
    height: 34px;
    top: 1PX;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.am-modal-input input::-webkit-input-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::-moz-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::-ms-input-placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.am-modal-input input::placeholder {
    font-size: 14px;
    color: #ccc;
    padding-left: 8px
}

.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: 9px 24px 12px
}

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

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body {
    color: #000;
    text-align: left;
    padding: 0 24px 15px
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
    border: 0;
    border-bottom: 1PX solid #ddd
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container:before {
    display: none !important
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container {
        border-bottom: none
    }

    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input-container .am-modal-input:first-child:before {
    display: none !important
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer {
    padding-bottom: 12px
}

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

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h:before {
    display: none !important
}

.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: 3px;
    padding: 0 15px;
    height: 48px;
    -webkit-box-sizing: border-box;
    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 {
    color: #777
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child {
    border-left: 0
}

.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:last-child:before {
    display: none !important
}

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

.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 15px;
    margin-left: 3px;
    height: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.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:before {
    display: none !important
}

.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: 15px
}

.am-modal.am-modal-operation .am-modal-content {
    border-radius: 7px;
    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: left;
    padding-left: 15px
}

.am-modal-alert-content, .am-modal-propmt-content {
    zoom: 1;
    overflow: hidden
}

.am-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    background-color: #ff4941;
    color: #fff
}

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

.am-navbar-left {
    padding-left: 15px;
    font-size: 16px
}

.am-navbar-left-icon {
    margin-right: 5px;
    display: inherit
}

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

.am-navbar-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 16px;
    margin-right: 15px
}

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

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

.am-notice-bar {
    background-color: #fefcec;
    height: 36px;
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    color: #f76a24;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-notice-bar-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin: auto 15px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.am-notice-bar-icon {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.am-notice-bar-icon .am-notice-bar-trips {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2238%22%20height%3D%2233%22%20viewBox%3D%220%200%2038%2033%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrips%3C%2Ftitle%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M17.838%2028.8c-.564-.468-1.192-.983-1.836-1.496-4.244-3.385-5.294-3.67-6.006-3.67-.014%200-.027.005-.04.005-.015%200-.028-.005-.042-.005H3.562c-.734%200-.903-.203-.903-.928V10.085c0-.49.058-.8.66-.8h5.782c.693%200%201.758-.28%206.4-3.628.828-.597%201.637-1.197%202.336-1.723V28.8zM19.682.19c-.463-.22-1.014-.158-1.417.157-.02.016-1.983%201.552-4.152%203.125C10.34%206.21%209.243%206.664%209.02%206.737H3.676c-.027%200-.053.003-.08.004H1.183c-.608%200-1.1.486-1.1%201.085V25.14c0%20.598.492%201.084%201.1%201.084h8.71c.22.08%201.257.55%204.605%203.24%201.947%201.562%203.694%203.088%203.712%203.103.25.22.568.333.89.333.186%200%20.373-.038.55-.116.48-.213.79-.684.79-1.204V1.38c0-.506-.294-.968-.758-1.19z%22%20mask%3D%22url(%23mask-2)%22%2F%3E%3Cpath%20d%3D%22M31.42%2016.475c0-3.363-1.854-6.297-4.606-7.876-.125-.066-.42-.192-.625-.192-.612%200-1.108.488-1.108%201.09%200%20.404.22.764.55.952%202.128%201.19%203.565%203.442%203.565%206.025%200%202.627-1.486%204.913-3.677%206.087-.318.19-.53.54-.53.934%200%20.602.496%201.09%201.107%201.09.26.002.568-.15.568-.15%202.835-1.556%204.754-4.538%204.754-7.96%22%20mask%3D%22url(%23mask-4)%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M30.14%203.057c-.205-.122-.41-.22-.658-.22-.608%200-1.1.485-1.1%201.084%200%20.433.26.78.627.977%204.043%202.323%206.762%206.636%206.762%2011.578%200%204.938-2.716%209.248-6.755%2011.572-.354.19-.66.55-.66.993%200%20.6.494%201.084%201.102%201.084.243%200%20.438-.092.65-.213%204.692-2.695%207.848-7.7%207.848-13.435%200-5.723-3.142-10.718-7.817-13.418%22%20mask%3D%22url(%23mask-6)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.am-notice-bar-icon + div {
    margin-left: 5px
}

.am-notice-bar-operation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 8px
}

.am-pagination-wrap {
    font-size: 18px;
    color: #000;
    background: 0 0;
    text-align: center
}

.am-pagination-wrap .active {
    color: #ff4941
}

.am-pagination-wrap-btn {
    text-align: center
}

.am-pagination-wrap-btn-prev {
    text-align: left
}

.am-pagination-wrap-btn-next {
    text-align: right
}

.am-pagination-wrap-dot {
    display: inline-block;
    zoom: 1
}

.am-pagination-wrap-dot > span {
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    background: #ccc
}

.am-pagination-wrap-dot-active > span {
    background: #888
}

.am-picker-popup {
    left: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: #fff;
    padding-bottom: env(safe-area-inset-bottom)
}

.am-picker-popup-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-picker-popup-mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    z-index: 1000;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-picker-popup-mask-hidden {
    display: none
}

.am-picker-popup-header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
    background-image: linear-gradient(to bottom, #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;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-popup-header {
        border-bottom: none
    }

    html:not([data-scale]) .am-picker-popup-header::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-popup-header::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-picker-popup-header .am-picker-popup-header-right {
    text-align: right
}

.am-picker-popup-item {
    color: #ff4941;
    font-size: 17px;
    padding: 9px 15px;
    height: 42px;
    -webkit-box-sizing: border-box;
    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;
    text-align: center;
    color: #000
}

.am-picker-popup .am-picker-popup-close {
    display: none
}

.am-picker {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-picker-col {
    display: block;
    position: relative;
    height: 238px;
    overflow: hidden;
    width: 100%
}

.am-picker-col-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 102px 0
}

.am-picker-col-item {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-align: center;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis
}

.am-picker-col-item-selected {
    font-size: 17px
}

.am-picker-col-mask {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .95)), to(rgba(255, 255, 255, .6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .95)), to(rgba(255, 255, 255, .6)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6)), linear-gradient(to top, rgba(255, 255, 255, .95), rgba(255, 255, 255, .6));
    background-position: top, bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat
}

.am-picker-col-indicator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    position: absolute;
    left: 0;
    top: 102px;
    z-index: 3;
    border-top: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-col-indicator {
        border-top: none
    }

    html:not([data-scale]) .am-picker-col-indicator::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-col-indicator::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-picker-col-indicator {
        border-bottom: none
    }

    html:not([data-scale]) .am-picker-col-indicator::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-picker-col-indicator::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.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;
    text-align: center
}

.am-popover {
    position: absolute;
    z-index: 1999
}

.am-popover-hidden {
    display: none
}

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

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

.am-popover-arrow {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 1PX;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .21);
    box-shadow: 0 0 2px rgba(0, 0, 0, .21)
}

.am-popover-placement-top .am-popover-arrow, .am-popover-placement-topLeft .am-popover-arrow, .am-popover-placement-topRight .am-popover-arrow {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    bottom: -3.5px
}

.am-popover-placement-top .am-popover-arrow {
    left: 50%
}

.am-popover-placement-topLeft .am-popover-arrow {
    left: 8px
}

.am-popover-placement-topRight .am-popover-arrow {
    right: 8px
}

.am-popover-placement-right .am-popover-arrow, .am-popover-placement-rightBottom .am-popover-arrow, .am-popover-placement-rightTop .am-popover-arrow {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -3.5px
}

.am-popover-placement-right .am-popover-arrow {
    top: 50%
}

.am-popover-placement-rightTop .am-popover-arrow {
    top: 8px
}

.am-popover-placement-rightBottom .am-popover-arrow {
    bottom: 8px
}

.am-popover-placement-left .am-popover-arrow, .am-popover-placement-leftBottom .am-popover-arrow, .am-popover-placement-leftTop .am-popover-arrow {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -3.5px
}

.am-popover-placement-left .am-popover-arrow {
    top: 50%
}

.am-popover-placement-leftTop .am-popover-arrow {
    top: 8px
}

.am-popover-placement-leftBottom .am-popover-arrow {
    bottom: 8px
}

.am-popover-placement-bottom .am-popover-arrow, .am-popover-placement-bottomLeft .am-popover-arrow, .am-popover-placement-bottomRight .am-popover-arrow {
    top: -3.5px
}

.am-popover-placement-bottom .am-popover-arrow {
    left: 50%
}

.am-popover-placement-bottomLeft .am-popover-arrow {
    left: 8px
}

.am-popover-placement-bottomRight .am-popover-arrow {
    right: 8px
}

.am-popover-inner {
    font-size: 15px;
    color: #000;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .21);
    box-shadow: 0 0 2px rgba(0, 0, 0, .21);
    overflow: hidden
}

.am-popover-inner-wrapper {
    position: relative;
    background-color: #fff
}

.am-popover .am-popover-item {
    padding: 0 8px
}

.am-popover .am-popover-item-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px
}

.am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container {
        border-top: none
    }

    html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-popover .am-popover-item:not(:first-child) .am-popover-item-container::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container {
    border-top: 0
}

.am-popover .am-popover-item.am-popover-item-active .am-popover-item-container:before {
    display: none !important
}

.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container {
    border-top: 0
}

.am-popover .am-popover-item.am-popover-item-active + .am-popover-item .am-popover-item-container:before {
    display: none !important
}

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

.am-popover .am-popover-item.am-popover-item-active.am-popover-item-fix-active-arrow {
    position: relative
}

.am-popover .am-popover-item.am-popover-item-disabled {
    color: #bbb
}

.am-popover .am-popover-item.am-popover-item-disabled.am-popover-item-active {
    background-color: transparent
}

.am-popover .am-popover-item-icon {
    margin-right: 8px;
    width: 18px;
    height: 18px
}

.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: 2px solid #ff4941;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.am-pull-to-refresh-content {
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0
}

.am-pull-to-refresh-content-wrapper {
    overflow: hidden;
    padding: 10px 10px;
}

.am-pull-to-refresh-transition {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.am-pull-to-refresh-indicator {
    color: grey;
    text-align: center;
    height: 25px
}

.am-pull-to-refresh-down .am-pull-to-refresh-indicator {
    margin-top: -25px
}

.am-pull-to-refresh-up .am-pull-to-refresh-indicator {
    margin-bottom: -25px
}

.am-radio {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

.am-radio-inner {
    position: absolute;
    right: 0;
    width: 15px;
    height: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.am-radio-inner:after {
    position: absolute;
    display: none;
    top: -2.5px;
    right: 5px;
    z-index: 999;
    width: 7px;
    height: 14px;
    border-style: solid;
    border-width: 0 1.5px 1.5px 0;
    content: ' ';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.am-radio-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-radio.am-radio-checked .am-radio-inner {
    border-width: 0
}

.am-radio.am-radio-checked .am-radio-inner:after {
    display: block;
    border-color: #ff4941
}

.am-radio.am-radio-disabled.am-radio-checked .am-radio-inner:after {
    display: block;
    border-color: #bbb
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 44px;
    overflow: visible
}

.am-list .am-list-item.am-radio-item .am-list-line .am-list-extra .am-radio-inner {
    right: 15px;
    top: 15px
}

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

.am-result {
    position: relative;
    text-align: center;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 21px;
    background-color: #fff;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-result {
        border-bottom: none
    }

    html:not([data-scale]) .am-result::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-result::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-result .am-result-pic {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    background-size: 60px 60px
}

.am-result .am-result-message, .am-result .am-result-title {
    font-size: 21px;
    color: #000;
    padding-left: 15px;
    padding-right: 15px
}

.am-result .am-result-title {
    margin-top: 15px;
    line-height: 1
}

.am-result .am-result-message {
    margin-top: 9px;
    line-height: 1.5;
    font-size: 16px;
    color: #888
}

.am-result .am-result-button {
    padding: 0 15px;
    margin-top: 15px
}

.am-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 8px;
    overflow: hidden;
    background-color: #efeff4
}

.am-search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    width: 100%;
    height: 28px;
    overflow: hidden;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 3px
}

.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 {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 1;
    height: 28px;
    line-height: 28px;
    width: 100%;
    -webkit-transition: width .3s;
    transition: width .3s;
    display: block;
    text-align: center
}

.am-search-input .am-search-synthetic-ph-icon {
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    vertical-align: -2.5px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'38'%20height%3D'36'%20viewBox%3D'0%200%2038%2036'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M29.05%2025.23a15.81%2015.81%200%200%200%203.004-9.294c0-8.8-7.17-15.934-16.017-15.934C7.192.002.02%207.136.02%2015.936c0%208.802%207.172%2015.937%2016.017%2015.937%204.148%200%207.928-1.569%2010.772-4.143l8.873%208.232%202.296-2.45-8.927-8.282zM16.2%2028.933c-7.19%200-13.04-5.788-13.04-12.903%200-7.113%205.85-12.904%2013.04-12.904%207.19%200%2012.9%205.79%2012.9%2012.904%200%207.115-5.71%2012.903-12.9%2012.903z'%20fill%3D'%23bbb'%20fill-rule%3D'evenodd'%2F%3E%3C%2Fsvg%3E")
}

.am-search-input .am-search-synthetic-ph-placeholder {
    color: #bbb;
    font-size: 15px
}

.am-search-input input[type=search] {
    z-index: 2;
    opacity: 0;
    width: 100%;
    text-align: left;
    display: block;
    color: #000;
    height: 28px;
    font-size: 15px;
    background-color: transparent;
    border: 0
}

.am-search-input input[type=search]::-webkit-input-placeholder {
    background: 0 0;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::-moz-placeholder {
    background: 0 0;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::-ms-input-placeholder {
    background: 0 0;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::placeholder {
    background: 0 0;
    text-align: left;
    color: transparent
}

.am-search-input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.am-search-input .am-search-clear {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    display: none;
    z-index: 3;
    width: 15px;
    height: 15px;
    padding: 6.5px;
    border-radius: 50%;
    top: 0;
    right: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23ccc'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E")
}

.am-search-input .am-search-clear-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23FF4941'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%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: 8px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #ff4941;
    text-align: right
}

.am-search-cancel-anim {
    -webkit-transition: margin-right .3s, opacity .3s;
    transition: margin-right .3s, opacity .3s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.am-search-cancel-show {
    opacity: 1
}

.am-search.am-search-start .am-search-input input[type=search] {
    opacity: 1;
    padding: 0 28px 0 35px
}

.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]::-moz-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: 15px;
    width: auto
}

.am-segment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    min-height: 27px;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff4941;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: background .2s;
    transition: background .2s;
    position: relative;
    border: 1PX solid #ff4941;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left-width: 0
}

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

.am-segment-item:first-child {
    border-left-width: 1PX;
    border-radius: 5px 0 0 5px
}

.am-segment-item:last-child {
    border-radius: 0 5px 5px 0
}

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

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

.am-slider {
    position: relative
}

.am-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #ddd;
    height: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-slider-track {
    position: absolute;
    left: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #ff4941
}

.am-slider-handle {
    position: absolute;
    margin-left: -12px;
    margin-top: -10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ff4941;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-slider-handle:focus {
    background-color: #ff6d67
}

.am-slider-mark {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.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: 4px;
    background: 0 0
}

.am-slider-dot {
    position: absolute;
    bottom: -5px;
    margin-left: -4px;
    width: 12px;
    height: 12px;
    border: 2px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.am-slider-dot:first-child {
    margin-left: -4px
}

.am-slider-dot:last-child {
    margin-left: -4px
}

.am-slider-dot-active {
    border-color: #ff4941
}

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

.am-slider-disabled .am-slider-track {
    height: 2px
}

.am-slider-disabled .am-slider-dot, .am-slider-disabled .am-slider-handle, .am-slider-disabled .am-slider-mark-text {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.am-stepper {
    position: relative;
    margin: 0;
    padding: 2px 0;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 63px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden
}

.am-stepper-handler-wrap {
    position: absolute;
    width: 100%;
    font-size: 24px
}

.am-stepper-handler, .am-stepper-handler-down-inner, .am-stepper-handler-up-inner {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.am-stepper-handler {
    text-align: center;
    border: 1PX solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    color: #000;
    position: absolute;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.am-stepper-handler-active {
    z-index: 2;
    background-color: #ddd
}

.am-stepper-handler-down-inner, .am-stepper-handler-up-inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    right: 2px;
    color: #000
}

.am-stepper-input-wrap {
    display: none;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden
}

.am-stepper-input {
    display: none;
    width: 60px;
    font-size: 16px;
    color: #000;
    text-align: center;
    border: 0;
    padding: 0;
    background: 0 0;
    vertical-align: middle
}

.am-stepper-input[disabled] {
    opacity: 1;
    color: #000
}

.am-stepper.showNumber {
    width: 138px
}

.am-stepper.showNumber .am-stepper-input-wrap {
    display: inline-block
}

.am-stepper.showNumber .am-stepper-input {
    display: inline-block
}

.am-stepper.showNumber .am-stepper-handler-down-disabled {
    right: -1PX
}

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

.am-stepper-disabled .am-stepper-handler-down, .am-stepper-disabled .am-stepper-handler-up {
    opacity: .3;
    background: 0 0
}

.am-stepper-disabled .am-stepper-handler {
    opacity: .3
}

.am-stepper-disabled .am-stepper-input-wrap {
    opacity: .3
}

.am-steps {
    font-size: 0;
    width: 100%;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.am-steps, .am-steps * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-steps-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.am-steps-item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.am-steps-item:last-child .am-steps-item-tail, .am-steps-item:last-child .am-steps-item-title:after {
    display: none
}

.am-steps-item-content, .am-steps-item-icon {
    display: inline-block;
    vertical-align: top
}

.am-steps-item-icon {
    border: 1px solid #bbb;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 22px;
    text-align: center;
    font-size: 14px;
    margin-right: 8px;
    -webkit-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.am-steps-item-icon > .am-steps-icon {
    line-height: 1;
    top: -1px;
    color: #ff4941;
    position: relative
}

.am-steps-item-icon > .am-steps-icon .am-icon {
    font-size: 12px;
    position: relative;
    float: left
}

.am-steps-item-tail {
    position: absolute;
    left: 0;
    width: 100%;
    top: 12px;
    padding: 0 10px
}

.am-steps-item-tail:after {
    content: '';
    display: inline-block;
    background: #ddd;
    height: 1px;
    border-radius: 1px;
    width: 100%;
    -webkit-transition: background .3s;
    transition: background .3s;
    position: relative;
    left: -2px
}

.am-steps-item-content {
    margin-top: 3px
}

.am-steps-item-title {
    font-size: 16px;
    margin-bottom: 4px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    padding-right: 10px;
    position: relative
}

.am-steps-item-description {
    font-size: 15px;
    color: #bbb
}

.am-steps-item-wait .am-steps-item-icon {
    border-color: #ccc;
    background-color: #fff
}

.am-steps-item-wait .am-steps-item-icon > .am-steps-icon {
    color: #ccc
}

.am-steps-item-wait .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
    background: #ccc
}

.am-steps-item-wait .am-steps-item-title {
    color: #000
}

.am-steps-item-wait .am-steps-item-title:after {
    background-color: #ddd
}

.am-steps-item-wait .am-steps-item-description {
    color: #000
}

.am-steps-item-wait .am-steps-item-tail:after {
    background-color: #ddd
}

.am-steps-item-process .am-steps-item-icon {
    border-color: #ff4941;
    background-color: #fff
}

.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
    color: #ff4941
}

.am-steps-item-process .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
    background: #ff4941
}

.am-steps-item-process .am-steps-item-title {
    color: #000
}

.am-steps-item-process .am-steps-item-title:after {
    background-color: #ddd
}

.am-steps-item-process .am-steps-item-description {
    color: #000
}

.am-steps-item-process .am-steps-item-tail:after {
    background-color: #ddd
}

.am-steps-item-process .am-steps-item-icon {
    background: #ff4941
}

.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
    color: #fff
}

.am-steps-item-finish .am-steps-item-icon {
    border-color: #ff4941;
    background-color: #fff
}

.am-steps-item-finish .am-steps-item-icon > .am-steps-icon {
    color: #ff4941
}

.am-steps-item-finish .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
    background: #ff4941
}

.am-steps-item-finish .am-steps-item-title {
    color: #000
}

.am-steps-item-finish .am-steps-item-title:after {
    background-color: #ff4941
}

.am-steps-item-finish .am-steps-item-description {
    color: #000
}

.am-steps-item-finish .am-steps-item-tail:after {
    background-color: #ff4941
}

.am-steps-item-error .am-steps-item-icon {
    border-color: #f4333c;
    background-color: #fff
}

.am-steps-item-error .am-steps-item-icon > .am-steps-icon {
    color: #f4333c
}

.am-steps-item-error .am-steps-item-icon > .am-steps-icon .am-steps-icon-dot {
    background: #f4333c
}

.am-steps-item-error .am-steps-item-title {
    color: #f4333c
}

.am-steps-item-error .am-steps-item-title:after {
    background-color: #ddd
}

.am-steps-item-error .am-steps-item-description {
    color: #f4333c
}

.am-steps-item-error .am-steps-item-tail:after {
    background-color: #ddd
}

.am-steps-item.am-steps-next-error .am-steps-item-title:after {
    background: #f4333c
}

.am-steps-item.error-tail .am-steps-item-tail:after {
    background-color: #f4333c
}

.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item {
    margin-right: 10px
}

.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item:last-child {
    margin-right: 0
}

.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-tail {
    display: none
}

.am-steps-horizontal:not(.am-steps-label-vertical) .am-steps-item-description {
    max-width: 100px
}

.am-steps-item-custom .am-steps-item-icon {
    background: 0 0;
    border: 0;
    width: auto;
    height: auto
}

.am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
    font-size: 22px;
    top: 1px;
    width: 22px;
    height: 22px
}

.am-steps-item-custom.am-steps-item-process .am-steps-item-icon > .am-steps-icon {
    color: #ff4941
}

.am-steps-small .am-steps-item-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 18px;
    font-size: 14px;
    margin-right: 8px
}

.am-steps-small .am-steps-item-icon > .am-steps-icon {
    font-size: 12px;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    top: -2px
}

.am-steps-small .am-steps-item-content {
    margin-top: 0
}

.am-steps-small .am-steps-item-title {
    font-size: 16px;
    margin-bottom: 3px;
    color: #000;
    font-weight: 700
}

.am-steps-small .am-steps-item-description {
    font-size: 12px;
    color: #bbb
}

.am-steps-small .am-steps-item-tail {
    top: 8px;
    padding: 0 8px
}

.am-steps-small .am-steps-item-tail:after {
    height: 1px;
    border-radius: 1px;
    width: 100%;
    left: 0
}

.am-steps-small .am-steps-item-custom .am-steps-item-icon {
    background: 0 0
}

.am-steps-small .am-steps-item-custom .am-steps-item-icon > .am-steps-icon {
    font-size: 18px;
    top: -2px;
    -webkit-transform: none;
    transform: none
}

.am-steps-vertical {
    display: block
}

.am-steps-vertical .am-steps-item {
    display: block;
    overflow: visible
}

.am-steps-vertical .am-steps-item-icon {
    float: left
}

.am-steps-vertical .am-steps-item-icon-inner {
    margin-right: 16px
}

.am-steps-vertical .am-steps-item-content {
    min-height: 48px;
    overflow: hidden;
    display: block
}

.am-steps-vertical .am-steps-item-title {
    line-height: 26px
}

.am-steps-vertical .am-steps-item-title:after {
    display: none
}

.am-steps-vertical .am-steps-item-description {
    padding-bottom: 12px
}

.am-steps-vertical .am-steps-item-tail {
    position: absolute;
    left: 13px;
    top: 0;
    height: 100%;
    width: 1px;
    padding: 30px 0 4px 0
}

.am-steps-vertical .am-steps-item-tail:after {
    height: 100%;
    width: 1px
}

.am-steps-vertical.am-steps-small .am-steps-item-tail {
    position: absolute;
    left: 9px;
    top: 0;
    padding: 22px 0 4px 0
}

.am-steps-vertical.am-steps-small .am-steps-item-title {
    line-height: 18px
}

.am-steps-label-vertical .am-steps-item {
    overflow: visible
}

.am-steps-label-vertical .am-steps-item-tail {
    padding: 0 24px;
    margin-left: 48px
}

.am-steps-label-vertical .am-steps-item-content {
    display: block;
    text-align: center;
    margin-top: 8px;
    width: 100px
}

.am-steps-label-vertical .am-steps-item-icon {
    display: inline-block;
    margin-left: 36px
}

.am-steps-label-vertical .am-steps-item-title {
    padding-right: 0
}

.am-steps-label-vertical .am-steps-item-title:after {
    display: none
}

.am-swipe {
    overflow: hidden;
    position: relative
}

.am-swipe-content {
    position: relative;
    background-color: #fff
}

.am-swipe-cover {
    position: absolute;
    z-index: 2;
    background: 0 0;
    height: 100%;
    width: 100%;
    top: 0;
    display: none
}

.am-swipe .am-swipe-actions, .am-swipe .am-swipe-content {
    -webkit-transition: all 250ms;
    transition: all 250ms
}

.am-swipe-swiping .am-swipe-actions, .am-swipe-swiping .am-swipe-content {
    -webkit-transition: none;
    transition: none
}

.am-swipe-swiping .am-list-item-active {
    background-color: #fff
}

.am-swipe-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

.am-swipe-actions-left {
    left: 0
}

.am-swipe-actions-right {
    right: 0
}

.am-swipe-btn {
    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;
    overflow: hidden
}

.am-swipe-btn-text {
    padding: 0 8px
}

.am-switch {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -ms-flex-item-align: center;
    align-self: center
}

.am-switch .checkbox {
    width: 51px;
    height: 31px;
    border-radius: 31px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.am-switch .checkbox:before {
    content: ' ';
    position: absolute;
    left: 1.5px;
    top: 1.5px;
    width: 48px;
    height: 28px;
    border-radius: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.am-switch .checkbox:after {
    content: ' ';
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5px;
    top: 1.5px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .21);
    box-shadow: 2px 2px 4px 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);
    transform: scale(0)
}

.am-switch input[type=checkbox]:checked + .checkbox:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.am-switch input[type=checkbox]:disabled + .checkbox {
    opacity: .3
}

.am-switch.am-switch-android .checkbox {
    width: 72px;
    height: 23px;
    border-radius: 3px;
    background: #a7aaa6
}

.am-switch.am-switch-android .checkbox:before {
    display: none
}

.am-switch.am-switch-android .checkbox:after {
    width: 35px;
    height: 21px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 1PX;
    top: 1PX
}

.am-switch.am-switch-android input[type=checkbox]:checked + .checkbox {
    background: #ff4941
}

.am-switch.am-switch-android input[type=checkbox]:checked + .checkbox:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.am-switch.am-switch-android input[type=checkbox]:checked + .checkbox:after {
    -webkit-transform: translateX(35px);
    transform: translateX(35px)
}

.am-tab-bar {
    height: 100%;
    overflow: hidden
}

.am-tab-bar-bar {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    border-top: 1PX solid #ddd;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: height bottom;
    transition-property: height bottom;
    z-index: 100;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tab-bar-bar {
        border-top: none
    }

    html:not([data-scale]) .am-tab-bar-bar::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tab-bar-bar::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-tab-bar-bar-hidden-top {
    bottom: 50px;
    height: 0
}

.am-tab-bar-bar-hidden-bottom {
    bottom: -50px;
    height: 0
}

.am-tab-bar-bar .am-tab-bar-tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%
}

.am-tab-bar-bar .am-tab-bar-tab-image {
    width: 22px;
    height: 22px;
    vertical-align: middle
}

.am-tab-bar-bar .am-tab-bar-tab-title {
    font-size: 10px;
    margin: 3px 0 0 0;
    line-height: 1;
    text-align: center
}

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

.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child {
    margin-top: 4px;
    left: 22px
}

.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
    margin-top: 4px;
    left: 22px
}

.am-tab-bar-item {
    height: 100%
}

.am-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.am-tabs * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-tabs-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0
}

.am-tabs-content-wrap-animated {
    -webkit-transition: left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    will-change: transform, left, top
}

.am-tabs-pane-wrap {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-y: auto
}

.am-tabs-tab-bar-wrap {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.am-tabs-horizontal .am-tabs-pane-wrap-active {
    height: auto
}

.am-tabs-horizontal .am-tabs-pane-wrap-inactive {
    height: 0;
    overflow: visible
}

.am-tabs-vertical .am-tabs-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-vertical .am-tabs-tab-bar-wrap {
    height: 100%
}

.am-tabs-vertical .am-tabs-pane-wrap {
    height: 100%
}

.am-tabs-vertical .am-tabs-pane-wrap-active {
    overflow: auto
}

.am-tabs-vertical .am-tabs-pane-wrap-inactive {
    overflow: hidden
}

.am-tabs-bottom, .am-tabs-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-left, .am-tabs-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1
}

.am-tabs-default-bar-tab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    height: 43.5px;
    line-height: 43.5px
}

.am-tabs-default-bar-tab .am-badge .am-badge-text {
    top: -13px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.am-tabs-default-bar-tab .am-badge .am-badge-dot {
    top: -6px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.am-tabs-default-bar-tab-active {
    color: #ff4941
}

.am-tabs-default-bar-underline {
    position: absolute;
    border: 1px #ff4941 solid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.am-tabs-default-bar-animated .am-tabs-default-bar-content {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    will-change: transform
}

.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
    -webkit-transition: top .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), color .3s cubic-bezier(.35, 0, .25, 1), width .3s cubic-bezier(.35, 0, .25, 1);
    transition: top .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), color .3s cubic-bezier(.35, 0, .25, 1), width .3s cubic-bezier(.35, 0, .25, 1);
    will-change: top, left, width, color
}

.am-tabs-default-bar-bottom, .am-tabs-default-bar-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage, .am-tabs-default-bar-top .am-tabs-default-bar-prevpage {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 59px;
    height: 100%;
    content: ' ';
    z-index: 999;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage, .am-tabs-default-bar-top .am-tabs-default-bar-nextpage {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 59px;
    height: 100%;
    content: ' ';
    z-index: 999;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-tab, .am-tabs-default-bar-top .am-tabs-default-bar-tab {
    padding: 8px 0
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-underline, .am-tabs-default-bar-top .am-tabs-default-bar-underline {
    bottom: 0
}

.am-tabs-default-bar-top .am-tabs-default-bar-tab {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
        border-bottom: none
    }

    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
        border-top: none
    }

    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-tabs-default-bar-left, .am-tabs-default-bar-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-default-bar-left .am-tabs-default-bar-content, .am-tabs-default-bar-right .am-tabs-default-bar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-default-bar-left .am-tabs-default-bar-tab, .am-tabs-default-bar-right .am-tabs-default-bar-tab {
    padding: 0 8px
}

.am-tabs-default-bar-left .am-tabs-default-bar-underline {
    right: 0
}

.am-tabs-default-bar-left .am-tabs-default-bar-tab {
    border-right: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
        border-right: none
    }

    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1PX;
        height: 100%;
        background: #ddd;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-tabs-default-bar-right .am-tabs-default-bar-underline {
    left: 0
}

.am-tabs-default-bar-right .am-tabs-default-bar-tab {
    border-left: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
        border-left: none
    }

    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
        -webkit-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-tag {
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-align: center;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-tag.am-tag-small {
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    font-size: 10px
}

.am-tag-normal {
    background-color: #fff;
    color: #888;
    border: 1PX solid #ddd;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tag-normal {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-tag-normal::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 6px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-tag-active {
    background-color: #fff;
    color: #ff4941;
    border: 1PX solid #ff4941;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tag-active {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-tag-active::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ff4941;
        border-radius: 6px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-tag-disabled {
    color: #bbb;
    background-color: #ddd;
    border: 1PX solid #ddd;
    border-radius: 3px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tag-disabled {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-tag-disabled::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 6px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-tag-close {
    position: absolute;
    top: -9px;
    left: -10px;
    color: #bbb
}

.am-tag-close-active {
    color: #888
}

.am-tag-close .am-icon {
    background-color: #fff;
    border-radius: 9px
}

.am-list .am-list-item.am-textarea-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 44px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list .am-list-item.am-textarea-item {
        border-bottom: none
    }

    html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list .am-list-item.am-textarea-item::after {
        -webkit-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

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

.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-label {
    -ms-flex-item-align: center;
    align-self: center
}

.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control {
    padding-top: 0;
    padding-bottom: 0
}

.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-control textarea {
    line-height: 25.5px
}

.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line .am-textarea-clear {
    margin-top: 0
}

.am-list .am-list-item.am-textarea-item.am-textarea-item-single-line.am-textarea-error .am-textarea-error-extra {
    margin-top: 0
}

.am-textarea-label {
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #000;
    text-align: left;
    min-height: 44px;
    font-size: 17px;
    line-height: 44px;
    margin-left: 0;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden
}

.am-textarea-label.am-textarea-label-2 {
    width: 34px
}

.am-textarea-label.am-textarea-label-3 {
    width: 51px
}

.am-textarea-label.am-textarea-label-4 {
    width: 68px
}

.am-textarea-label.am-textarea-label-5 {
    width: 85px
}

.am-textarea-label.am-textarea-label-6 {
    width: 102px
}

.am-textarea-label.am-textarea-label-7 {
    width: 119px
}

.am-textarea-control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 10px;
    padding-bottom: 9px
}

.am-textarea-control textarea {
    color: #000;
    font-size: 17px;
    line-height: 25.5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 0;
    border: 0;
    background-color: transparent;
    overflow: visible;
    display: block;
    resize: none;
    word-break: break-word;
    word-wrap: break-word
}

.am-textarea-control textarea::-webkit-input-placeholder {
    color: #bbb
}

.am-textarea-control textarea::-moz-placeholder {
    color: #bbb
}

.am-textarea-control textarea::-ms-input-placeholder {
    color: #bbb
}

.am-textarea-control textarea::placeholder {
    color: #bbb
}

.am-textarea-control textarea:disabled {
    color: #bbb;
    background-color: #fff
}

.am-textarea-clear {
    display: none;
    width: 21px;
    height: 21px;
    margin-top: 12px;
    border-radius: 50%;
    overflow: hidden;
    font-style: normal;
    color: #fff;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-size: 21px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")
}

.am-textarea-clear-active {
    background-color: #ff4941
}

.am-textarea-focus .am-textarea-clear {
    display: block
}

.am-textarea-has-count {
    padding-bottom: 14px
}

.am-textarea-count {
    position: absolute;
    bottom: 6px;
    right: 5px;
    color: #bbb;
    font-size: 14px
}

.am-textarea-count span {
    color: #000
}

.am-textarea-error .am-textarea-control textarea {
    color: #f50
}

.am-textarea-error .am-textarea-error-extra {
    margin-top: 12px;
    width: 21px;
    height: 21px;
    margin-left: 8px;
    background-size: 21px 21px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.am-textarea-disabled .am-textarea-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 !important
}

.am-toast {
    position: fixed;
    width: 100%;
    z-index: 1999;
    font-size: 14px;
    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;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.am-toast.am-toast-nomask {
    position: fixed;
    max-width: 50%;
    width: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

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

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

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

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

.am-whitespace.am-whitespace-xs {
    height: 3px
}

.am-whitespace.am-whitespace-sm {
    height: 6px
}

.am-whitespace.am-whitespace-md {
    height: 9px
}

.am-whitespace.am-whitespace-lg {
    height: 15px
}

.am-whitespace.am-whitespace-xl {
    height: 21px
}

.am-wingblank {
    margin-left: 8px;
    margin-right: 8px
}

.am-wingblank.am-wingblank-sm {
    margin-left: 5px;
    margin-right: 5px
}

.am-wingblank.am-wingblank-md {
    margin-left: 8px;
    margin-right: 8px
}

.am-wingblank.am-wingblank-lg {
    margin-left: 15px;
    margin-right: 15px
}

.am-calendar .confirm-panel {
    margin-bottom: .88rem
}

.Calendar_div_2 {
    float: right;
    color: #888;
    font-size: .32rem
}

.modal {
    background-color: #fff;
    width: 100%
}

.modalBack {
    z-index: 99;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3)
}

.am-pull-to-refresh-content {
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0
}

.am-pull-to-refresh-content-wrapper {
    overflow: hidden
}

.am-pull-to-refresh-transition {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.am-pull-to-refresh-indicator {
    color: grey;
    text-align: center;
    height: 25px
}

.am-pull-to-refresh-down .am-pull-to-refresh-indicator {
    margin-top: -25px
}

.am-pull-to-refresh-up .am-pull-to-refresh-indicator {
    margin-bottom: -25px
}

.am-indexed-list-section-body.am-list-body, .am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line {
    border-bottom: 0
}

.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line:after, .am-indexed-list-section-body.am-list-body:after {
    display: none !important
}

.am-indexed-list-section-header.am-list-body, .am-indexed-list-section-header.am-list-body .am-list-item .am-list-line {
    border-bottom: 0
}

.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line:after, .am-indexed-list-section-header.am-list-body:after {
    display: none !important
}

.am-indexed-list-section-header .am-list-item {
    height: 30px;
    min-height: 30px;
    background-color: #f5f5f9
}

.am-indexed-list-section-header .am-list-item .am-list-line {
    height: 30px;
    min-height: 30px
}

.am-indexed-list-section-header .am-list-item .am-list-content {
    font-size: 14px !important;
    color: #888 !important
}

.am-indexed-list-quick-search-bar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0;
    text-align: center;
    color: #108ee9;
    font-size: 16px;
    list-style: none;
    padding: 0
}

.am-indexed-list-quick-search-bar li {
    padding: 0 5px
}

.am-indexed-list-quick-search-bar-over {
    background-color: rgba(0, 0, 0, .4)
}

.am-indexed-list-qsindicator {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px auto auto -30px;
    width: 60px;
    height: 30px;
    background: 0 0;
    opacity: .7;
    color: #0af;
    font-size: 20px;
    border-radius: 30px;
    z-index: 1999;
    text-align: center;
    line-height: 30px
}

.am-indexed-list-qsindicator-hide {
    display: none
}

.BackItem {
    background-color: #fff
}

.BackItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.BackItem > div.item-li {
    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-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0 4%;
    padding-left: 7%;
    padding-right: 18%;
    height: 1.74rem
}

.BackItem > div.item-li .li-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BackItem > div.item-li .li-top > span {
    font-size: .32rem
}

.BackItem > div.item-li .li-top .bottom-time {
    color: #ff4941
}

.BackItem > div.item-li .li-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.BackItem > div.item-li .li-bottom > span {
    font-size: .28rem;
    color: #999
}

.BackItem > div.item-li .bottom-time {
    font-size: .26rem;
    color: #999
}

.BackItem .item-border {
    height: 1px;
    width: 92%;
    background-color: #e0e0e0;
    margin-left: 4%;
    margin-right: 4%
}

.TypeToggle {
    position: absolute;
    left: 0;
    right: 0;
    top: .88rem;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.TypeToggle ul {
    background: #fff;
    padding: .5rem .4rem 0 .4rem;
    opacity: .95;
    -webkit-box-shadow: 0 2px 3px #d8d8d8;
    box-shadow: 0 2px 3px #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.TypeToggle ul li {
    width: 2rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    margin-bottom: .5rem;
    font-size: .28rem;
    background: #fff;
    border-radius: 6px;
    background: #f0f0f0
}

.TypeToggle ul li.active {
    background-image: -webkit-gradient(linear, right top, left top, from(#ff686f), color-stop(97%, #ff4e56));
    background-image: linear-gradient(-90deg, #ff686f 0, #ff4e56 97%);
    border-radius: 6px;
    color: #fff
}

.app, body, html {
    overflow: auto;
    height: 100%
}

.app *, body *, html * {
    font-family: Arial, Microsoft YaHei, sans-serif
}

.app, body {
    position: relative
}

#app .ForgetPwd > content {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#app .Login > div.LoginItem {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f1f1f1
}

.content-wrapper {
    overflow: auto;
    overflow-y: scroll;
    height: calc(100vh - 1.88rem) !important
}

.content-wrapper1 {
    height: calc(100vh - .88rem) !important;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.scroll-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.active-bg:active {
    background-color: #e0e0e0 !important
}

.active-opacity:active {
    opacity: .7
}

.ClearInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.ClearInput input {
    width: 100%;
    outline: 0;
    border: none;
    font-size: .3rem
}

.ClearInput img {
    width: .32rem;
    height: .32rem
}

.LoginInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #ffdca8;
    border-radius: 2rem;
    height: .9rem
}

.LoginInput > input {
    width: 100%;
    outline: 0;
    font-size: .32rem;
    border: none;
    height: 80%
}

.LoginInput > img {
    margin-left: .46rem;
    margin-right: .35rem;
    width: .38rem;
    height: .38rem
}

.LoginInput > div {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: .26rem;
    margin-right: .46rem
}

.LoginInput > div img {
    width: .38rem
}

.LoginInput-tip {
    font-size: 13px;
    color: #999;
    padding: .22rem 0 .22rem .46rem
}

.Button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .32rem;
    border-radius: .12rem;
    height: .9rem;
    background: #cecdce;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5)
}

.Button.active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5)
}

.TarView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.TarView .active-opacity {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .32rem;
    border: 1px solid #e0e0e0;
    border-left: none
}

.TarView .active-opacity.active {
    color: #fff;
    border: none !important;
    background: #ff4941
}

.TarView .active-opacity:first-child {
    border-left: 1px solid #e0e0e0
}

.fs-18 {
    font-size: .3rem;
    color: #444
}

.fs-16 {
    font-size: .28rem;
    color: #000
}

.fs-15 {
    font-size: .3rem;
    color: #131313
}

.fs-14 {
    font-size: .28rem;
    color: #131313
}

.fs-13 {
    font-size: .26rem;
    color: #131313
}

.fs-12 {
    font-size: .24rem;
    color: #131313
}

.none {
    display: none
}

.trend table {
    width: 100%;
    margin-top: 10px
}

.trend table th {
    background: #e5e5ea;
    -webkit-box-shadow: 0 2px 4px 0 #e5e5ea;
    box-shadow: 0 2px 4px 0 #e5e5ea;
    border: solid 1px #e0e0e0;
    height: .68rem;
    font-weight: 400
}

.trend table td {
    height: .68rem;
    border: solid 1px #e0e0e0;
    border-top: 0;
    border-bottom: 0;
    text-align: center
}

.trend table tr:nth-child(odd) {
    background: #fff
}

.trend table tr:nth-child(even) {
    background: #f0f4f4
}

.trend table tr:last-child {
    border-bottom: solid 1px #e0e0e0
}

.red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941));
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%)
}

.green {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d5), to(#57c946));
    background-image: linear-gradient(-180deg, #6d5 0, #57c946 100%)
}

.blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d9f9), to(#1f9efb));
    background-image: linear-gradient(-180deg, #00d9f9 0, #1f9efb 100%)
}

.gray {
    background-image: linear-gradient(-135deg, #b3b3b3 0, #999 100%)
}

.PayPwdInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #e0e0e0;
    position: relative
}

.PayPwdInput input {
    outline: 0;
    width: 99%;
    height: 1rem;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    opacity: 0;
    z-index: 1;
    letter-spacing: 1rem
}

.PayPwdInput input:focus {
    top: -10rem;
    left: -10rem
}

.PayPwdInput .InputShow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #efefef;
    border: 1px solid #e0e0e0;
    border-right: none;
    width: 100%;
    text-align: center
}

.PayPwdInput .InputShow li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .56rem;
    height: 1rem;
    line-height: 1rem;
    border-right: 1px solid #e0e0e0
}

.p-relative {
    position: relative
}

::-webkit-input-placeholder {
    font-size: .32rem;
    color: #aaa
}

.GmContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: .88rem
}

.container {
    height: -webkit-fill-available
}

.signOut {
    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;
    height: .9rem;
    margin-top: .24rem;
    background-color: #fff;
    font-size: .32rem
}

.PayMethodItem {
    font-size: .3rem;
    color: #131313
}

.PayMethodItem .PayMethodItem-title {
    font-size: .32rem;
    color: #333;
    padding: .26rem 0 .26rem .32rem
}

.PayMethodItem .PayMethodItem-ul {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.PayMethodItem .PayMethodItem-ul .active-opacity:last-child {
    border: none
}

.PayMethodItem .PayMethodItem-ul .active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .54rem 0 .86rem;
    height: 1rem;
    border-bottom: 1px solid #e0e0e0
}

.PayMethodItem .PayMethodItem-ul .active-opacity > img {
    width: .16rem
}

.PayMethodItem .PayMethodItem-ul .active-opacity div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PayMethodItem .PayMethodItem-ul .active-opacity div img {
    width: .48rem;
    margin-right: .24rem
}

.RechargeMoneyItem {
    font-size: .3rem;
    color: #131313;
    margin: .64rem auto
}

.RechargeMoneyItem .RechargeMoneyItem-title {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .64rem;
    font-size: .34rem;
    color: #131313;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.RechargeMoneyItem .RechargeMoneyItem-title input {
    display: inline-block;
    width: 50%;
    height: .8rem;
    font-size: .3rem;
    color: #131313;
    padding-left: .2rem;
    margin: 0 .3rem;
    -webkit-box-shadow: 0 2px 4px 0 #cecdce;
    box-shadow: 0 2px 4px 0 #cecdce;
    outline: 0;
    border: 1px solid #cecdce
}

.RechargeMoneyItem .RechargeMoneyItem-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: .35rem;
    margin: .2rem 0
}

.RechargeMoneyItem .RechargeMoneyItem-ul li {
    margin-bottom: .36rem;
    margin-right: .34rem;
    text-align: center;
    height: .8rem;
    width: 1.4rem;
    line-height: .8rem;
    border: 1px solid #ff6e75;
    border-radius: 6px
}

.RechargeMoneyItem .RechargeMoneyItem-ul li.active {
    background-image: -webkit-gradient(linear, right top, left top, from(#ff686f), color-stop(97%, #ff4e56));
    background-image: linear-gradient(-90deg, #ff686f 0, #ff4e56 97%);
    -webkit-box-shadow: 0 2px 4px 0 #ff4941;
    box-shadow: 0 2px 4px 0 #ff4941;
    color: #fff
}

.RechargeMoneyItem .Button {
    margin: 1rem .62rem
}

.TransferTitle .TransferTitle-ul li span {
    font-size: .3rem;
    color: #666
}

.TransferTitle .TransferTitle-ul li p {
    font-size: .26rem;
    color: #007aff
}

.TransferTitle-ul {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-left: .34rem
}

.TransferTitle-ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: .9rem;
    border-bottom: 1px solid #e0e0e0
}

.TransferTitle-ul li .left-title {
    font-size: .32rem;
    color: #333;
    width: 27%;
    text-align: right
}

.TransferTitle-ul li input {
    font-size: .3rem;
    color: #666;
    outline: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none
}

.TransferTitle-ul li .right-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .3rem;
    color: #666;
    padding-right: .42rem
}

.TransferTitle-ul li .right-title img {
    width: .16rem
}

.TransferTitle-ul .TransferTitle-Picker li, .TransferTitle-ul > li:last-child {
    border: none
}

.Transfer-button {
    padding: .14rem .62rem;
    background: #f9f9f9;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #e0e0e0
}

.BankTransferItem {
    font-size: .3rem;
    color: #131313;
    margin-top: .19rem;
    padding-bottom: 1.5rem
}

.BankTransferItem .BankTransferItem-title {
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    background: #fff;
    font-size: .32rem
}

.AlipayTransferItem {
    font-size: .3rem;
    color: #131313;
    margin-top: .19rem;
    padding-bottom: 1.5rem
}

.AlipayTransferItem .AlipayTransferItem-step {
    padding: .24rem .48rem .48rem .48rem;
    background: #fff;
    margin-bottom: .19rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.AlipayTransferItem .step-span {
    font-size: .3rem;
    color: #333;
    padding-bottom: .24rem
}

.AlipayTransferItem .mark {
    opacity: .5;
    background: rgba(0, 0, 0, .3)
}

.WeChatTransferItem {
    padding-bottom: 1.5rem;
    font-size: .3rem;
    color: #131313
}

.WeChatTransferItem .WeChatTransferItem-code {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin: .19rem 0;
    padding: .42rem 0;
    text-align: center
}

.WeChatTransferItem .WeChatTransferItem-code img {
    width: 3rem
}

.WeChatTransferItem .WeChatTransferItem-code div {
    margin-top: .22rem;
    font-size: .24rem;
    color: #666
}

.WeChatTransferItem .WeChatTransferItem-tip {
    font-size: .28rem;
    color: #666;
    margin: .28rem 0 0 .48rem
}

.WeChatTransferItem .WeChatTransferItem-tip span {
    color: #ff4941
}

.CashierDeskItem {
    font-size: .3rem;
    color: #131313
}

.CashierDeskItem .CashierDeskItem-top {
    padding-top: .66rem
}

.CashierDeskItem .CashierDeskItem-top > span {
    font-size: .52rem;
    color: #333;
    margin-left: .32rem
}

.CashierDeskItem .CashierDeskItem-top > div {
    text-align: center;
    font-size: .36rem;
    color: #666;
    margin-top: .66rem
}

.CashierDeskItem .CashierDeskItem-top > div .CashierDeskItem-money {
    font-size: .96rem;
    color: #333;
    margin-left: .15rem
}

.CashierDeskItem .CashierDeskItem-content {
    margin: 1.22rem .9rem 0 .38rem
}

.CashierDeskItem .CashierDeskItem-content .content-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .4rem;
    margin-left: .3rem;
    font-size: .3rem;
    color: #333
}

.CashierDeskItem .CashierDeskItem-content .content-li .li-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.CashierDeskItem .CashierDeskItem-content .content-li .li-img img {
    width: .48rem;
    margin-right: .24rem
}

.CashierDeskItem .CashierDeskItem-content .content-li > img {
    width: .4rem
}

.CashierDeskItem .Button {
    margin: .72rem .62rem 0 .62rem
}

.Rechargeing {
    font-size: .3rem;
    color: #131313
}

.Rechargeing .Rechargeing-content {
    margin: 0 .78rem 0 .78rem;
    text-align: center;
    padding-top: 1.1rem
}

.Rechargeing .RechargeCountDown-time {
    margin-bottom: .3rem;
    font-size: .36rem;
    color: #666
}

.Rechargeing .RechargeCountDown-time > span {
    font-size: .96rem;
    color: #333;
    margin-right: .2rem
}

.Rechargeing .RechargeCountDown-tip {
    text-align: left;
    line-height: .6rem;
    font-size: .3rem;
    color: #666
}

.Rechargeing .Rechargeing-img {
    width: 1.4rem;
    margin-bottom: .48rem
}

.Rechargeing .Rechargeing-text {
    font-size: .32rem;
    color: #666;
    margin-bottom: 1.5rem
}

.Rechargeing .Button {
    margin-top: .66rem
}

.ScanCodePayItem {
    font-size: .3rem;
    color: #131313;
    text-align: center
}

.ScanCodePayItem .ScanCodePayItem-title {
    padding-top: .6rem;
    text-align: center;
    font-size: .32rem;
    color: #333
}

.ScanCodePayItem .ScanCodePayItem-img {
    display: block;
    width: 4rem;
    height: 4rem;
    margin: .5rem auto
}

.ScanCodePayItem .ScanCodePayItem-img img {
    width: 4rem;
    height: 4rem
}

.ScanCodePayItem .ScanCodePayItem-contene {
    margin: 0 .6rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    text-align: left
}

.ScanCodePayItem .ScanCodePayItem-contene pre {
    white-space: pre-wrap;
    word-break: break-all
}

.ScanCodePayItem .Button {
    margin: .48rem .6rem .6rem .6rem
}

.ScanCodePayItem .ScanCodePayItem-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: .3rem;
    color: #666;
    margin: 1rem 1.16rem
}

.ScanCodePayItem .ScanCodePayItem-bottom .oederSuccess {
    height: .72rem;
    line-height: .72rem;
    padding: 0 .2rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    color: #fff;
    font-size: .32rem;
    border-radius: .12rem
}

.ScanCodePayItem .ScanCodePayItem-bottom .oederSuccess a {
    color: #fff
}

.PayMethodItem2V {
    font-size: .3rem;
    color: #131313
}

.PayMethodItem2V * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.PayMethodItem2V .topWallte {
    height: .64rem;
    width: 100%;
    background: #f5f5f5;
    padding: 0 .4rem;
    font-size: .3rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PayMethodItem2V .topWallte > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PayMethodItem2V .topWallte > div img {
    width: .36rem;
    margin-left: .2rem
}

.PayMethodItem2V .PayMethodItem-overseas .moneySelectContent {
    padding: 0
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input {
    background: #fff;
    padding-bottom: 3.7rem
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-top span {
    font-size: 17px;
    color: #333
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-top input {
    background: #fff;
    border: 1px solid #cecdce;
    padding-left: .1rem;
    height: .8rem;
    margin-right: .2rem;
    width: 50%;
    margin-left: .3rem
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-tips {
    color: #ff6e75;
    text-align: center;
    margin: .5rem 0
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-btn {
    width: 6rem;
    height: .8rem;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4d55), color-stop(98%, #ff4d55));
    background-image: linear-gradient(-180deg, #ff4d55 0, #ff4d55 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: 6px;
    margin: .8rem auto;
    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
}

.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-btn:active {
    opacity: .7
}

.PayMethodItem2V .moneySelectContent {
    padding: .4rem 0 0 0;
    background: #fff
}

.PayMethodItem2V .moneySelectContent .inputBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .4rem;
    margin-bottom: .18rem
}

.PayMethodItem2V .moneySelectContent .inputBox > span {
    font-size: 17px;
    color: #333;
    width: 1.8rem;
    display: block;
    text-align: left
}

.PayMethodItem2V .moneySelectContent .inputBox > div {
    width: calc(100% - 2.3rem)
}

.PayMethodItem2V .moneySelectContent .inputBox input {
    background: #fff;
    border: 1px solid #cecdce;
    padding-left: .1rem;
    height: .8rem;
    margin-right: .2rem;
    width: 95%
}

.PayMethodItem2V .moneySelectContent .buttonBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.PayMethodItem2V .moneySelectContent .buttonBox span {
    display: block;
    width: 1.4rem;
    height: .8rem;
    margin-right: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    color: #333;
    border: 1px solid #ff6e75;
    border-radius: 6px;
    margin-bottom: .18rem;
    margin-top: .18rem
}

.PayMethodItem2V .moneySelectContent .buttonBox span.active {
    background-image: -webkit-gradient(linear, right top, left top, from(#ff686f), color-stop(97%, #ff4e56));
    background-image: linear-gradient(-90deg, #ff686f 0, #ff4e56 97%);
    -webkit-box-shadow: 0 2px 4px 0 #ff4d55;
    box-shadow: 0 2px 4px 0 #ff4d55;
    border-radius: 6px;
    color: #fff
}

.PayMethodItem2V .moneySelectContent .buttonBox span:nth-child(4n) {
    margin-right: 0
}

.PayMethodItem2V .PayMethodItem-title {
    font-size: .26rem;
    color: #999;
    padding: .26rem 0 .26rem .32rem;
    background: #fff
}

.PayMethodItem2V .PayMethodItem-ul {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity:last-child {
    border: none
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 .4rem 0 .4rem;
    height: 1.6rem;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > img {
    width: .16rem;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > div img {
    width: .6rem;
    margin-right: .32rem
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div {
    width: calc(100% - 1.4rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > p {
    font-size: .32rem;
    color: #333;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: .1rem 0
}

.PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > span {
    width: 100%;
    font-size: .26rem;
    color: #999
}

.BitcoinItem *, .QRCodeIntegrationItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.BitcoinItem .header_title, .QRCodeIntegrationItem .header_title {
    background: #fff;
    width: 100%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .26rem;
    color: #999;
    padding-left: .4rem
}

.BitcoinItem .QRCodeBox, .QRCodeIntegrationItem .QRCodeBox {
    width: 100%;
    padding: .5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #eaeaea;
    border-right: none;
    border-left: none;
    background: #fff;
    margin-bottom: .2rem
}

.BitcoinItem .QRCodeBox > img, .QRCodeIntegrationItem .QRCodeBox > img {
    width: 3rem
}

.BitcoinItem .orderContet, .QRCodeIntegrationItem .orderContet {
    padding: 0 .4rem;
    background: #fff
}

.BitcoinItem .orderContet .infomation > div, .QRCodeIntegrationItem .orderContet .infomation > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .9rem;
    border-bottom: 1px solid #eaeaea
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(1), .QRCodeIntegrationItem .orderContet .infomation > div > div:nth-child(1) {
    font-size: .32rem;
    color: #333
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(1) span, .QRCodeIntegrationItem .orderContet .infomation > div > div:nth-child(1) span {
    color: #666
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(2), .QRCodeIntegrationItem .orderContet .infomation > div > div:nth-child(2) {
    border: 1px solid #007aff;
    border-radius: 3px;
    color: #007aff;
    width: .9rem;
    height: .46rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.BitcoinItem .orderContet .infomation > .saveName > div, .QRCodeIntegrationItem .orderContet .infomation > .saveName > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.BitcoinItem .orderContet .infomation > .saveName > div > div, .QRCodeIntegrationItem .orderContet .infomation > .saveName > div > div {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.BitcoinItem .orderContet .infomation > .saveName > div > input, .QRCodeIntegrationItem .orderContet .infomation > .saveName > div > input {
    width: 60%;
    border: none
}

.BitcoinItem .orderContet .infomation > .saveName > span, .QRCodeIntegrationItem .orderContet .infomation > .saveName > span {
    font-size: .26rem;
    color: #ff4b50
}

.BitcoinItem .orderContet .operationContent, .QRCodeIntegrationItem .orderContet .operationContent {
    padding: .26rem 0
}

.BitcoinItem .orderContet .operationContent .warnText, .QRCodeIntegrationItem .orderContet .operationContent .warnText {
    font-size: .26rem;
    color: #ff4b50;
    width: 100%;
    text-align: center
}

.BitcoinItem .orderContet .operationContent .controle, .QRCodeIntegrationItem .orderContet .operationContent .controle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.BitcoinItem .orderContet .operationContent .controle .buttomsQRCode, .QRCodeIntegrationItem .orderContet .operationContent .controle .buttomsQRCode {
    width: 6rem;
    height: .8rem;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4d55), color-stop(98%, #ff4d55));
    background-image: linear-gradient(-180deg, #ff4d55 0, #ff4d55 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .2rem 0
}

.BitcoinItem .warmPrompt, .QRCodeIntegrationItem .warmPrompt {
    padding: .4rem;
    font-size: .26rem;
    color: #3f3f3f;
    letter-spacing: 0;
    line-height: .36rem
}

.BitcoinItem .infomation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(1) span {
    width: 3.7rem;
    word-break: break-word
}

.BitcoinItem .am-list-item.am-input-item {
    padding-left: 0
}

.BitcoinItem .am-list-item .am-input-label.am-input-label-5 {
    font-size: .32rem
}

.BitcoinItem .orderContet .infomation > div > div:nth-child(1) {
    width: 100%
}

.PayMethod-headerBody {
    width: 3.6rem;
    height: .6rem;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PayMethod-headerBody.showOverseas {
    border-left: none;
    width: 4.6rem
}

.PayMethod-headerBody.showOverseas > div {
    border-left: 1px solid #fff
}

.PayMethod-headerBody > div {
    width: inherit;
    height: 100%;
    font-size: .28rem;
    color: #fff;
    letter-spacing: -.21px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PayMethod-headerBody > div.active {
    background-color: #fff;
    color: #ff4d55
}

.NoTransterPage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .5rem;
    height: calc(100vh - 2.36rem)
}

.NoTransterPage img {
    width: 3.2rem;
    display: block;
    margin: 0 auto;
    margin-bottom: .3rem
}

.NoTransterPage div {
    font-size: .3rem;
    color: #999;
    letter-spacing: -.83px;
    text-align: center
}

.Withdrawals .Withdrawals-ul {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: .2rem
}

.Withdrawals .Withdrawals-ul .Withdrawals-li {
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .48rem 0 .38rem;
    border-bottom: 1px solid #e0e0e0
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-div {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-div p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .32rem;
    color: #ccc
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-title {
    display: inline-block;
    width: 20%;
    font-size: .32rem;
    color: #333;
    margin-right: .28rem;
    text-align: right
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-input {
    font-size: .32rem;
    color: #666;
    width: 70%;
    border: none
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-input:disabled {
    background-color: #fff
}

.Withdrawals .Withdrawals-ul .Withdrawals-li .li-click {
    font-size: .28rem;
    color: #007aff;
    display: block;
    width: 35%
}

.Withdrawals .Withdrawals-ul .Withdrawals-li img {
    width: .18rem
}

.Withdrawals .Withdrawals-ul > li:last-child {
    border: none
}

.Withdrawals .NoWithdrawalsBank-tip {
    font-size: .28rem;
    color: #ff4941;
    line-height: .45rem;
    margin: .5rem .48rem 1.5rem .4rem
}

.Withdrawals .NoWithdrawalsBank .NoWithdrawalsBank-title {
    font-size: .32rem;
    color: #333;
    margin: .28rem 0 .28rem .36rem
}

.Withdrawals .NoWithdrawalsBank .NoWithdrawalsBank-title span {
    color: #ff4941
}

.Withdrawals .NoWithdrawalsBank .Button {
    margin: 1.7rem .6rem
}

.Withdrawals .WithdrawalsBank {
    font-size: .3rem;
    color: #131313
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-top {
    background: #fff;
    margin-top: .2rem;
    height: 1.4rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-top > img {
    width: .16rem;
    margin: 0 .36rem
}

.Withdrawals .WithdrawalsBank .Bank-top-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Withdrawals .WithdrawalsBank .Bank-top-img > img {
    width: .8rem;
    margin: 0 .42rem
}

.Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name > div {
    font-size: .3rem;
    color: #333;
    margin-bottom: .24rem
}

.Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name > span {
    font-size: .26rem;
    color: #666
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-No {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    font-size: .3rem;
    height: 1.4rem;
    background: #fff;
    margin-top: .2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-No > a {
    color: #007aff
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money {
    background: #fff;
    margin: .2rem 0;
    padding-left: .32rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-title {
    padding-top: .26rem;
    font-size: .24rem;
    color: #666
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input {
    position: relative;
    font-size: .48rem;
    color: #333;
    padding: .28rem 0;
    height: .55rem;
    border-bottom: 1px solid #e0e0e0
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input {
    width: 80%;
    border: none;
    font-size: .4rem;
    color: #333
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input::-webkit-input-placeholder {
    font-size: .32rem;
    color: #ddd
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-bottom {
    min-height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: .5rem;
    font-size: .28rem;
    color: #999
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-bottom .active-opacity {
    color: #007aff;
    display: block;
    width: 20%;
    text-align: center
}

.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-bottom span:first-child {
    display: block;
    width: 80%
}

.Withdrawals .WithdrawalsBank .Button {
    margin: 1.5rem .62rem 0 .62rem
}

.Withdrawals .WithdrawalsBank .description {
    margin-top: 1rem;
    padding: 0 .6rem
}

.Withdrawals .WithdrawalsBank .description p {
    font-family: 'Arial Normal', Arial;
    font-weight: 400;
    font-style: normal;
    font-size: .3rem;
    color: #999;
    margin: .15rem 0
}

.Withdrawals .WithdrawalsBank .Withdrawals-time {
    margin-top: 10px;
    text-align: center;
    color: #999
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul {
    font-size: .3rem;
    color: #131313;
    background: #fff;
    margin-top: .2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    height: 1.4rem
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li > img {
    width: .36rem;
    margin: 0 .42rem
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul > li:last-child {
    border: none
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left > img {
    width: .8rem;
    margin: 0 .42rem
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left-name > div {
    font-size: .3rem;
    color: #333;
    margin-bottom: .24rem
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left-name > span {
    font-size: .26rem;
    color: #666
}

.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    width: 1.2rem;
    background: #ff4941;
    height: 100%;
    text-align: center;
    color: #fff
}

.WithdrawalsHelp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .3rem;
    color: #333;
    padding: .42rem;
    line-height: .45rem
}

.WithdrawalsResultItem .WithdrawalsResultItem-content {
    text-align: center;
    margin-bottom: 1.52rem;
    padding-top: 1.1rem
}

.WithdrawalsResultItem .WithdrawalsResultItem-content > img {
    width: 1.4rem;
    margin-bottom: .2rem
}

.WithdrawalsResultItem .WithdrawalsResultItem-content > div {
    font-size: .32rem;
    color: #666;
    line-height: .5rem
}

.WithdrawalsResultItem .Button {
    margin: 0 .62rem
}

.put-forward {
    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;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.put-forward > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
    height: 5rem;
    border-radius: 6px;
    background: #fff
}

.put-forward > section > header {
    position: relative;
    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;
    width: 100%;
    height: .8rem;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e0e0e0
}

.put-forward > section > header span {
    position: absolute;
    top: 50%;
    left: .2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
    font-size: 30px
}

.put-forward > section .cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: .2rem
}

.put-forward > section .cont p {
    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;
    width: 100%;
    color: #000;
    font-size: 14px
}

.put-forward > section .cont p span {
    margin-top: .2rem;
    font-size: 16px;
    color: #ff4941
}

.put-forward > section .cont .SetPayPwd-Input {
    margin-top: .5rem
}

.put-forward > section .cont .dec {
    margin-top: .5rem;
    text-align: center;
    font-size: 15px;
    color: #ff4941
}

.DepositSuccessPageItem .imageDic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: .2rem
}

.DepositSuccessPageItem .imageDic img {
    width: 1.5rem
}

.DepositSuccessPageItem .textDic {
    width: 5rem;
    font-size: .3rem;
    color: #333;
    letter-spacing: 0;
    margin: 0 auto
}

.DepositSuccessPageItem .iknowbtn {
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.2rem;
    height: .8rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    margin: 1rem auto
}

.CustomenServers header {
    position: fixed;
    top: 0;
    left: 0;
    background: red;
    width: 100%;
    height: 50px;
    z-index: 1000
}

.CustomenServers .content {
    height: 50vh;
    margin-top: 0
}

.CustomenServers .content iframe {
    width: 100%;
    min-height: 100vh
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .CustomenServers .content iframe {
        min-height: 86vh
    }
}

@media only screen and (device-height: 736px) and (-webkit-min-device-pixel-ratio: 2),(device-height: 667px) and (-webkit-min-device-pixel-ratio: 2),(device-height: 568px) and (-webkit-min-device-pixel-ratio: 2),(device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .CustomenServers .content iframe {
        min-height: 88vh
    }
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .CustomenServers .content iframe {
        min-height: 80vh
    }
}

.CustomenServers_wxh {
    width: 100%;
    height: 100vh;
    background-color: #f1f1f1
}

.PayMethodItem-ul-wxh {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    margin-top: .88rem;
    padding-left: .4rem
}

.PayMethodItem-ul-wxh .active-opacity {
    display: block;
    width: 100vw;
    border-bottom: 1px solid #e0e0e0
}

.PayMethodItem-ul-wxh .active-opacity div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem;
    margin-top: 0;
    margin-right: .84rem;
    margin-left: 0;
    font-size: .32rem;
    color: #333
}

.PayMethodItem-ul-wxh .active-opacity div img {
    width: .16rem
}

.CustomenServers_wxh_index {
    width: 100%;
    height: 100vh;
    background-color: #f1f1f1
}

.PayMethodItem-ul_wxh_index {
    background: #fff;
    border-top: 1px solid #e0e0e0;
    margin-top: .88rem;
    padding-left: .4rem
}

.PayMethodItem-ul_wxh_index .active-opacity {
    border-bottom: 1px solid #e0e0e0
}

.PayMethodItem-ul_wxh_index .active-opacity div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem;
    margin-top: 0;
    margin-right: .84rem;
    margin-left: 0;
    font-size: .32rem;
    color: #333
}

.PayMethodItem-ul_wxh_index .active-opacity div img {
    width: .16rem
}

.PayMethodItem-ul_wxh_index .active-opacity:nth-last-child(1) {
    border-bottom: none
}

.act-detail-content {
    width: 100%;
    height: 100vh;
    padding-top: .88rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ee463f;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.act-detail-content iframe {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 2.5rem
}

.act-detail-content .act-detail-img {
    position: relative;
    width: 100%;
    height: auto
}

.act-detail-content .act-detail-img img {
    width: 100%;
    height: 3.44rem
}

.act-detail-content .act-detail-img .level_item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #666;
    letter-spacing: 0;
    margin-top: .2rem;
    margin-bottom: .5rem
}

.act-detail-content .act-detail-img .level_item > div {
    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
}

.act-detail-content .act-detail-img .level_item > div > span {
    margin-bottom: .14rem
}

.act-detail-content .act-detail-img .level_item > div:nth-child(2) {
    width: 50%
}

.act-detail-content .act-detail-img .level_item > div:nth-child(2) .rank-bg {
    width: 100%;
    background-color: #cdcdcd;
    height: .2rem
}

.act-detail-content .act-detail-img .level_item > div:nth-child(2) .rank-bg .rank-slide {
    width: 40%;
    height: 100%;
    background-image: linear-gradient(-45deg, #ff7d83 0, #ff4d55 100%)
}

.act-detail-content .act-detail-img .level_item img {
    width: .48rem;
    height: .48rem
}

.act-detail-content .act-detail-img .level_item .noLogin {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #ff4d55;
    letter-spacing: 0
}

.act-detail-content .act-detail-img .level_item_1 {
    width: 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;
    margin-top: .14rem;
    margin-bottom: .14rem
}

.act-detail-content .act-detail-img .level_item_1 img {
    width: .48rem;
    height: .48rem;
    margin-top: .14rem;
    margin-bottom: .14rem
}

.act-detail-content .act-detail-img .gift_desc {
    width: 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.act-detail-content .act-detail-img .gift_desc button {
    position: fixed;
    bottom: .66rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.76rem;
    height: .82rem;
    border-radius: .48rem;
    background: #ffea00 !important;
    border: none;
    font-family: "PingFang SC";
    color: #000 !important;
    letter-spacing: -.024rem;
    font-size: .36rem;
    -webkit-box-shadow: 0 .1rem 0 #f9b800;
    box-shadow: 0 .1rem 0 #f9b800
}

.act-detail-content .act-detail-img .gift_desc > span {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #666;
    letter-spacing: 0;
    margin-bottom: .08rem
}

.act-detail-content .act-detail-img .gift_desc > span > span {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #ff4d55;
    letter-spacing: 0;
    line-height: 20px
}

.act-detail-content .act-detail-img .gift_desc button {
    width: 2.8rem;
    height: .8rem;
    border-radius: 10px;
    background: #ff4d55;
    border: none;
    color: #fff;
    font-size: .32rem
}

.act-detail-content .act-detail-img .gift_desc .disable {
    background: #cecdce;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5);
    border-radius: 6px
}

.act-detail-content .act-detail-img .gift_desc_1 {
    width: 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
}

.act-detail-content .act-detail-dec {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .9rem .3rem 0;
    font-family: "PingFang SC";
    font-size: .32rem;
    letter-spacing: 0;
    padding: .48rem .7rem 0;
    text-align: center
}

.act-detail-content .act-detail-dec h3 {
    margin-bottom: .26rem;
    font-size: .3rem;
    color: #333;
    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;
    position: relative
}

.act-detail-content .act-detail-dec h3:before {
    position: absolute;
    left: 0;
    content: '';
    width: 2.18rem;
    height: .02rem;
    border-radius: 2px;
    background-color: #000
}

.act-detail-content .act-detail-dec h3:after {
    position: absolute;
    right: 0;
    content: '';
    width: 2.18rem;
    height: .02rem;
    border-radius: 2px;
    background-color: #000
}

.act-detail-content .act-detail-dec div {
    word-break: break-all;
    color: #2a2a2a;
    font-size: .28rem
}

.act-detail-content .act-detail-dec pre {
    white-space: pre-wrap;
    word-break: break-all
}

.act-detail-content .wxh_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    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
}

.act-detail-content .wxh_modalBack > div:nth-child(1) {
    width: 5.4rem;
    height: 4.7rem;
    background-color: #fff;
    margin-bottom: 1rem;
    border-radius: .12rem;
    background: url(images/a6021862.alert@3x.png) no-repeat;
    background-size: contain;
    position: relative
}

.act-detail-content .wxh_modalBack > div:nth-child(1) > span {
    font-family: PingFangSC-Medium;
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0;
    position: absolute;
    top: 1rem;
    left: 1.5rem
}

.act-detail-content .wxh_modalBack > div:nth-child(1) > span > span {
    font-family: PingFangSC-Medium;
    font-size: .52rem;
    color: #fff;
    letter-spacing: 0
}

.act-detail-content .wxh_modalBack > div:nth-child(2) {
    width: .66rem;
    height: .66rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABpCAYAAAA5gg06AAAAAXNSR0IArs4c6QAAC41JREFUeAHtnV2oHdUVx5NUJa2mMaJPKsSAVQiKVYK1FKH6IIgvgi9GMLeNLwqXvCSPAfMUfZJAJIRqFcHGl4BQ8qgFPxAfNKlFMAYihkhaJQbUqK2Y29//3L3OWXfuzJmPM3tmzjmz4H/3ntkfa63/uvO1Z88+a9b00nkG1nbewhQDl5aWZPcN4Cbwa7ABXBXSX5F+D74F34X0G9LPwNm1a9cukU6VdD5IBORKGP0DuAfcCm4BvwEKRllR8D4FJ8En4D3wDoG7SNpZ6VyQCMo62FJQ7gf3gbvB5SCW/ETH74M3wRtAQbtE2hnpTJAIzlZYeRw8Bq4vwNBX1DkFvgb+1KajRUeZPwVew/bN4DqQJ19Q4VXwCsH6OK9yE+WtBonArMfJP4EnwJ0ZDusa8i+g//QTQKeqkxB4gbSUoG8TDXS6FO4AOlJvA1k8fEjZC+Al9P1IOj8CWVeBPeAcSJN/s/MQeARcG5MZ9R/0SJ/0pons3A10czLbgpNXgr3gPEjK9+w4Ah4Ev2iDCfReFvTLDtmTFNkt+3UzM3uCYw+Dz0FSzrBjEehWujMie4Jdsi8p8uPhzhg7qSE4swUcS3rJ9imwE8S8c5vU/DWyL9gpe5Miv7ZMrKTNDnBAR8gPCc/+w/YCaOWUVpUP2Rvslv1e5N9i1X5ba4fRG8FR7wn5n8Hz4OrWDKtBsewPfsgfL/J3Yw0q4neBodvAaW89+Q/AXfG1N6dB/gS/SIYiv7c1Z0UFTRi4Hfx3aPJy5gDJFRW663wT+QXknxf5v72TxmPYLnDJWXuB/OzcAY1hXX4C+WsiHnaNadJ8EQbtN+tC+hHp5uYtaU+j/AXy28v+9ixymrHosLeK/Ftgqm8OnHulsvI7+E8ylMOlOqm7MmYkj6DX2afxuLkV+Q/Eg5d2jigs0DXIy8tsTNWzT6z/JPEAxIeXZq9RaNZdnL9J0H9OHyAXdfEB/BElvpq560ORnoP8bbauQXN9inOxWZEVL0D8mIi3uM9RKLganDaNpLqbmcubhBXRGLMhfgJPJAMRf/FGJujcD/XouWDzGPv6osCAeAL+OepoFHJQsgi8zMWDal1kQpweeL3UOyhLz3rd4EezD9Rl/Dz1A4d+CEl81veag8703sREg6UzORYX+x9GvAHxZ3KsFp305g9TDc/P1Gh2LSSV6ET8Af+aY7LLBp1pToJ/5X2whD191QwG4PQgMBG/1edM0Hiv9USqN5L97XYG8WV2i8fAJ8lA9pZpP6xLU027Or/cx+DvwrCwz0zMAIwuOG7Fc/npYjTa4zrRJIx+2Gfi0Iw6EJ/AT27ZMyotkKOxhjPOAZOdBZpVqoICXfc08TBrFmmlfidtJHuCXdWvFzlG0P9OYCK+iw+vUfkpa0l6BkSZdkW/CpCNbb1IvhOBkh1A9khkX5RA0a+mi4lfkydz4joqpsWH1oq03ifjkZo19K0jyEvrgcIYHyCzbbczu9YsChZNCekHhTqn4lbXSFNto80spe80QloLVBv2iF/gpzRvzQ0UDZ4FJkdyG0xYAUWdCFSbdqD7iBFO+uxYSqmwDpx1DR4c26CmQvS1GqgO6NdHCibif10mtRTeazVJ9RlIY7fd6GolUG3p9UHABn3NIb5N7vXlK/LU2Ge1SA+tKGxgA52NBqppfeMoFN/AZF9mXWq8bbVIH8msGLEAvY0Eqik9RakS38Dk7dR2lOqZ5X+hliZNRP3CLtWIsBPdUQMVu/9xvmWViW8g3iWKw+pnM3Y+oNIgJ7I6a2o/dkQJVKx+6+AF204E/pU8sKpPdu5zFZ5bVaGFHdhTa6Dq7q9uSrDvOReDp1f1T+FrrsKOVRVa2oFNtQSqrn5i0oCNO4DJa6t0UXLcSkl/t6pCizuwZ6JATdq+KdfFOzA5vkIve0XCRSsl3bSiQgc2go026Gmm5g4hVW3Xhsvi3RwjVTxGA85s3OgKv2zDwCI6ZTQoHKiy9YvYELsONn8JTG4c6mOPH2l4d1jQwQy2FgpU0XpdcxG73wUmo5EH9jxke0n/3jXDk/Zg49hA5ZUn++vStvgHJg8NbWPPo7aX9G/Dgg5nsDMzUJQVPiV2zUXxD0welX2XBSM3OGO/dfnOZlmQSY5o4SjJn5eTQapl2LQenslfyTyh+raj46nnfxAXGxKfuiCJ6EC8AqVAmExzgORDZpB+aR6S/uDync+6QGlFSC/anqYjyGz3/A/iYkeSFvIzqbJsprVtPOWUp2cJrUnnjyDZoe0XQrm2p0U8/4O4WJC+cx74U5/b3b2sC5Bdk2SkP6K0f9oC5fkfnPosSP48WH4mZQvxywiQrk23An+NmrZAef5HBw8O989JLfyjpakkFpnPSf2IQxpjLewjSJkjDv3YXQsBSVNJkDLH7vRk2I+Cp7HW4D5ikD0KLjuo0L9PajAgaaqIQfb7pBCk/s1sGnMN7iNIO4BJ6pvZfVZK2s9xaDA4pkq8uxg8bfuHKYX9bKEhG+1kiME/XZBSZwv18+6Wh5haiRDByZ93J8uo2M9gbSlQcJ8/gzUEyV+X+rngDR5TBKnwXHA/8tB/VdFQkAiQPnIu/FVF/30SbAXRK/jRlKqIAUNP8e+Twimv/9LPwrQ8VyJ6oFDnv/R7Jvf/gQb9N7OjICkX9Yii//LfzIajya8ktZgb2YoVMHC3WHASlZAiZmKLxjFlh5fdRdpWqYOS8l+fSxENn3QWap2Bfh2HKhHIaSNeQeV1HNbT+Bww6VdEySG8SjHkVl8RRQrpoF9bqArzBdvAr267/dpC5U+pdNCv0lWQ8CrV4HcBmFRbpUuK6WGv9ULar3dXJRopbeCynvXuQpA06Pq5C9TBFJ39rpIMwOfzjlPxu/oj5jJ90kG/BmsZwnLqwme9a7CaPjo+Bkz0DHWFlfVpcQbEG/DPoPWsZiwT6HgL6NcFLx6P1JpweACY1LsueAiUfzKWosmWSk51Y3Z3ii+LTkjjjOTQ+VGn6AL5zbNLa32eiScgvkyO1td7oic06NbxtGki7X/1JcFRcjNw5n/rT/zF+9UXGYCCbaD//aRkNFK24UnDa28Bk/i/n2R2oHE7uGSaSV8Hja2NZ3Z0ORUfgReSgYivZn6JzIhB4a5l3cO/L5PrAwVB4gGIDy+7jLtGUyzY760gryNqfaNGdEyZ/A88kAylnV/HNG4w4/DQlOWMzsFz+ZsW8hv4a5AYafd3Zl2gkkeU7mY2W/k8pPIX+Ls4NpfaPYKSxGOQrlH+ZkLPBXPxwCs/gX8OEg/tXIOSgUluY5ju+vztOZuDoZCZHOvDN43F+aEe+Sv/m72LSwYibxsD9Rx1GnjRoOJdeW2nqVz+AD9YKn/ld9zfka2LJAzdCPwQEpuDn0g7SDrVNxWyH8iPn4EX+Rt3JKGuAPl+MHoR+NFzOaU3vAtgqp6pZG+wW/Z7kX9xBks9mTHzOKDXHP59lDmoSRg7QZTpYnX5JPuCnX7SCLsGIr+21KWr9X5wRndA/lX8wEv+nAE64qL9ukwV52VPsEv2JUV+zOadK45pzoQmt5wHSdHP02hOtCavt3IqlN6gX3b4n8thcyCyW/ZPNiehyn9N021wUtPF9oBzIE30GcghoA+rro1pn/oPeqRPetNEdspev6RMTLNW9B39i4EV2hIbOK1xPq39ozXrfpsotk0tJvgR+AfQyv8nBZZQu0BaStC3iQa3BNxB+kdwO8ji4ThlfwEvoe9H0lYky7jGjYFA/QLX4+AxcH0BA76izinwNdACVgatF6d14jY4XEP+ZnAdyJMvqPAqeIXAfJxXuYnyzgTJnCVYWjlMS3TeD+4Dd4OYd4A/0f/74E3wBniH4Fwi7Yx0LkhJZgiaLtIK2u+Bnaq04KBfvI/NQqJF/rQenk6Zn4D3gIJykbSz0vkgpTFH4GT3DeAmoFt3f2rTqU6nPDv9Kf0GfAbOEpBpWTAXc3uZGgb+D++BqSa0WLSXAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #ddd;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-borderfix:before {
    -webkit-transform: scale(.49) !important;
    -ms-transform: scale(.49) !important;
    transform: scale(.49) !important
}

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

.am-button.am-button-disabled {
    color: rgba(0, 0, 0, .3);
    opacity: .6
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-primary {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-primary::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #108ee9;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-primary.am-button-active {
    color: rgba(255, 255, 255, .3);
    background-color: #0e80d2
}

.am-button-primary.am-button-disabled {
    color: rgba(255, 255, 255, .6);
    opacity: .4
}

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

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid #108ee9;
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-ghost.am-button-active {
    color: rgba(16, 142, 233, .6);
    background-color: transparent;
    border: 1PX solid rgba(16, 142, 233, .6);
    border-radius: 5px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost.am-button-active {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost.am-button-active::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid rgba(16, 142, 233, .6);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

.am-button-ghost.am-button-disabled {
    color: rgba(0, 0, 0, .1);
    border: 1PX solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    opacity: 1
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-button-ghost.am-button-disabled {
        position: relative;
        border: none
    }

    html:not([data-scale]) .am-button-ghost.am-button-disabled::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        border: 1PX solid rgba(0, 0, 0, .1);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none
    }
}

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

.am-button-warning.am-button-active {
    color: rgba(255, 255, 255, .3);
    background-color: #d24747
}

.am-button-warning.am-button-disabled {
    color: rgba(255, 255, 255, .6);
    opacity: .4
}

.am-button-inline {
    display: inline-block;
    padding: 0 15px
}

.am-button-inline.am-button-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.am-button-small {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px
}

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

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

.tabButton {
    padding: 10px
}

.tabButton .btn-choise {
    background-color: red;
    color: #fff
}

.tabButton .btn {
    margin-top: 4px;
    margin-right: 4px
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.gameRecord_container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gameRecord_container .lottery-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11 !important
}

.gameRecord_container .lottery-header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .36rem
}

.gameRecord_container .lottery-header-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: .32rem;
    height: .88rem;
    z-index: 12
}

.gameRecord_container .lottery-header-back > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameRecord_container .lottery-header-back img {
    width: .25rem;
    height: .42rem
}

.gameRecord_container .lottery-header-right {
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: .32rem;
    height: .88rem;
    z-index: 9999
}

.gameRecord_container .lottery-header-right > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameRecord_container .lottery-header-right img {
    width: .46rem;
    height: .5rem
}

.gameRecord_container .wxh_container {
    width: 100%
}

.gameRecord_container .wxh_container .BackItem {
    background-color: #fff
}

.gameRecord_container .wxh_container .BackItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gameRecord_container .wxh_container .BackItem > div.item-li {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 4%;
    padding-left: 7%;
    padding-right: 18%;
    height: 1.58rem
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .12rem
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top > span {
    font-size: .32rem
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top > span:nth-child(1) {
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333;
    letter-spacing: -.89px
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #41c2ff;
    text-align: right
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top .bottom-time {
    color: #ff4941
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-top .bottom-time-1 {
    color: #41c2ff
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-bottom {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-bottom > span {
    font-size: .28rem;
    color: #999
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-bottom > span:nth-child(1) {
    font-family: PingFangSC-Regular;
    font-size: .26rem;
    color: #999
}

.gameRecord_container .wxh_container .BackItem > div.item-li .li-bottom > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #999;
    text-align: right
}

.gameRecord_container .wxh_container .BackItem > div.item-li .bottom-time {
    font-size: .26rem;
    color: #999
}

.gameRecord_container .wxh_container .BackItem .item-border {
    height: 1px;
    width: 92%;
    background-color: #e0e0e0;
    margin-left: 4%;
    margin-right: 4%
}

.gameRecord_container .wxh_container .TypeToggle {
    position: absolute;
    left: 0;
    right: 0;
    top: .88rem;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.gameRecord_container .wxh_container .TypeToggle ul {
    background: #fff;
    padding: .5rem .4rem 0 .4rem;
    opacity: .95;
    -webkit-box-shadow: 0 2px 3px #d8d8d8;
    box-shadow: 0 2px 3px #d8d8d8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gameRecord_container .wxh_container .TypeToggle ul li {
    width: 2rem;
    height: .8rem;
    text-align: center;
    line-height: .8rem;
    margin-bottom: .5rem;
    font-size: .28rem;
    background: #fff;
    border-radius: 6px;
    background: #f0f0f0
}

.gameRecord_container .wxh_container .TypeToggle ul li.active {
    background-image: -webkit-gradient(linear, right top, left top, from(#ff686f), color-stop(97%, #ff4e56));
    background-image: linear-gradient(-90deg, #ff686f 0, #ff4e56 97%);
    border-radius: 6px;
    color: #fff
}

.gameRecord_container .wxh_footer {
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    background-color: #f1f1f1
}

.gameRecord_container .wxh_footer > span:nth-child(1) {
    margin-left: 15px
}

.gameRecord_container .wxh_footer > span:nth-child(2) {
    margin-right: 15px
}

.gameRecord_container .textDe {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #50b5eb;
    letter-spacing: -.17px;
    text-align: center;
    text-decoration: underline
}

.gameRecord_container .textDe_1 {
    background: #ff4941 !important;
    border: 0 solid #ff4941 !important;
    border-radius: .32rem;
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #fff !important;
    letter-spacing: -.49px
}

.gameRecord_container .am-list-body::before {
    display: none !important
}

.gameRecord_container .am-list-body::after {
    display: none !important
}

.gameRecord_container .am-list-line {
    padding: 0 !important
}

.gameRecord_container .am-list-item {
    padding: 0 !important;
    min-height: 10px !important
}

.gameRecord_container .am-list-content {
    text-align: center !important;
    padding: 0 !important
}

.gameRecord_container .content {
    margin-top: .88rem
}

.gameRecord_container .Calendar_div_2 {
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #333;
    letter-spacing: -.49px
}

.gameRecord_container .wxh_transfer_modal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal {
    width: 7.04rem;
    height: auto;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333;
    font-size: .28rem;
    background-color: #fff;
    border-radius: .24rem;
    position: relative
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .4rem;
    margin-bottom: 1.36rem;
    overflow-y: auto;
    position: relative
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) .Icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div {
    margin-bottom: .2rem;
    width: 90%;
    height: auto
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div > p {
    margin-bottom: .18rem
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div .wxh_teamBet_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div .wxh_teamBet_tab > span {
    width: 1.8rem;
    height: .8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: .8rem;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: .12rem;
    margin-bottom: .2rem;
    margin-right: .12rem;
    margin-left: .1rem
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) {
    width: 100%;
    height: 1.36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #cdcdcd;
    z-index: 99;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-bottom-left-radius: .24rem;
    border-bottom-right-radius: .24rem
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: .8rem;
    color: #fff;
    font-size: .3rem;
    background-color: #cdcdcd;
    text-align: center;
    line-height: .8rem;
    border-radius: .12rem
}

.gameRecord_container .wxh_transfer_modal .wxh_teamBet_close {
    width: .54rem;
    height: .54rem;
    background-color: #fff;
    border-radius: 50%;
    margin-top: .5rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gameRecord_container .teamBet_color {
    border-color: #ff4941 !important;
    background-color: #ff4941 !important;
    color: #fff;
    font-size: .28rem
}

.gameRecord_container .wxh_transfer_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.gameRecordDetails {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1rem;
    text-align: center
}

.gameRecordDetails > div:nth-child(1) {
    width: 80%;
    height: 1.54rem;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
    font-family: PingFangSC-Regular;
    font-size: .36rem;
    color: #333;
    letter-spacing: -1px;
    text-align: center
}

.gameRecordDetails > div:nth-child(1) > div:nth-child(1) {
    height: .5rem
}

.gameRecordDetails > div:nth-child(1) > div:nth-child(2) {
    height: .4rem;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #333;
    letter-spacing: 0;
    text-align: center
}

.gameRecordDetails > div:nth-child(1) > div:nth-child(2) > span {
    font-family: PingFangSC-Medium;
    font-size: .36rem;
    color: #151515;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px
}

.gameRecordDetails .game_content {
    width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gameRecordDetails .game_content > div {
    width: 100%;
    color: #999;
    font-size: .26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: .36rem;
    text-align: left;
    margin-bottom: .28rem;
    margin-top: .28rem
}

.gameRecordDetails .game_content > div span:nth-child(1) {
    width: 30%;
    font-family: PingFangSC-Regular;
    font-size: .26rem;
    color: #999
}

.gameRecordDetails .game_content > div span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #666;
    letter-spacing: .3px
}

.gameRecordDetails .bor {
    width: 100%;
    height: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #f4f4f4
}

.gameRecordDetails .game_info {
    width: 80%;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333;
    letter-spacing: -.62px;
    border-bottom: 1px solid #cdcdcd
}

.gameRecordDetails .game_info > div:nth-child(1) {
    width: .08rem;
    height: .4rem;
    margin-right: .26rem;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff686f), color-stop(97%, #ff4e56));
    background-image: linear-gradient(-90deg, #ff686f 0, #ff4e56 97%)
}

.gameRecordDetails .game_info_content {
    width: 80%;
    margin: .24rem;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.gameRecordDetails .game_info_content .jagged {
    width: 92%;
    border: 1px solid #ccc;
    border-bottom: none;
    position: relative
}

.gameRecordDetails .game_info_content .jagged > div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .2rem
}

.gameRecordDetails .game_info_content .jagged > div > span {
    font-family: PingFangSC-Regular;
    font-size: .3rem;
    color: #333;
    letter-spacing: 0;
    line-height: 26px
}

.gameRecordDetails .game_info_content .jagged:after {
    content: '';
    display: block;
    height: 3px;
    background-size: 6px 6px;
    background-repeat: repeat-x;
    background-image: linear-gradient(135deg, transparent 45%, #ccc 55%, transparent 60%), linear-gradient(45deg, transparent 45%, #ccc 55%, transparent 60%);
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0
}

.gameRecordDetails .game_info_content > div:nth-child(1) {
    width: 100%;
    height: .12rem;
    background: #e0e0e0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(224, 224, 224, .5);
    box-shadow: 0 2px 4px 0 rgba(224, 224, 224, .5);
    border-radius: 8px
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.wxh_zhuihao_container {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wxh_zhuihao_header {
    width: 4rem;
    height: .44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    background-color: #ff4941;
    border-radius: .04rem;
    border: 1px solid #fff
}

.wxh_zhuihao_header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tabSelect {
    background-color: #fff;
    color: #ff4941
}

#tabSelect_1 {
    background-color: #f1f1f1;
    color: #333
}

.wxh_zhuihao_time {
    width: 100%;
    height: .8rem;
    margin-top: .7rem
}

.wxh_zhuihao_multiple {
    width: 100%;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: .26rem;
    background-color: #f5f5f5
}

.wxh_zhuihao_multiple > div {
    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
}

.wxh_zhuihao_multiple input {
    width: .8rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    text-align: center
}

.wxh_zhuihao_multiple_span {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    border: 1px solid #979797
}

.multipleSel {
    background-color: #ff4941
}

.wxh_zhuihao_content {
    width: 100%;
    height: 8.5rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .2rem;
    margin-bottom: 2rem;
    overflow-y: scroll;
    font-size: .28rem
}

.wxh_zhuihao_content table, .wxh_zhuihao_content td {
    border: 1px solid #cdcdcd
}

.wxh_zhuihao_content table {
    width: 95%;
    text-align: center;
    border-collapse: collapse
}

.wxh_zhuihao_content table thead {
    background-color: #ededed
}

.wxh_zhuihao_content table thead tr td:nth-child(3) {
    border-top-width: 0
}

.wxh_zhuihao_content table tr > td:nth-child(2) img {
    width: .28rem;
    height: .28rem
}

.wxh_zhuihao_content table td:nth-child(3), .wxh_zhuihao_content table tr > td:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px
}

.wxh_zhuihao_content table tr > td:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0
}

.wxh_zhuihao_content table tr > td:nth-child(3) div:nth-child(1) {
    font-size: 12px
}

.wxh_zhuihao_content table tr > td:nth-child(3) div:nth-child(3) {
    font-size: 22px
}

.wxh_zhuihao_content table tr > td:nth-child(3) div {
    width: .34rem;
    height: .34rem;
    background-color: #cecece;
    color: #fff;
    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
}

.wxh_zhuihao_content table tr > td:nth-child(3) input {
    width: 1rem;
    height: .38rem;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: .04rem
}

.wxh_zhuihao_content table td {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.wxh_zhuihao_footer {
    width: 100%;
    height: 1.64rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    background-color: #fff
}

.wxh_zhuihao_footer_1 {
    width: 100%;
    height: .64rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem
}

.wxh_zhuihao_footer_1 img:nth-of-type(1) {
    width: .32rem;
    height: .32rem
}

.wxh_zhuihao_footer_1 img:nth-of-type(2) {
    width: .36rem;
    height: .36rem
}

.wxh_zhuihao_footer_2 {
    width: 100%;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .32rem;
    background-color: #ededed
}

.wxh_zhuihao_footer_2 > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .4rem
}

.wxh_zhuihao_footer_2 > div:nth-child(1) span {
    color: #ff4941
}

.wxh_zhuihao_footer_2 > div:nth-child(2) {
    width: 1.6rem;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff4941;
    color: #fff;
    margin-right: .4rem;
    border-radius: .12rem
}

.wxh_zhuihao_model_wrapper {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model {
    width: 7.04rem;
    height: 6rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333;
    font-size: .28rem;
    background-color: #fff;
    border-radius: .24rem;
    position: relative
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_1 {
    -webkit-box-flex: .2;
    -ms-flex: .2;
    flex: .2;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2 {
    -webkit-box-flex: .6;
    -ms-flex: .6;
    flex: .6;
    width: 100%
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_3 {
    -webkit-box-flex: .2;
    -ms-flex: .2;
    flex: .2;
    width: 5.52rem;
    height: .72rem
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_3 > div {
    width: 2.4rem;
    height: .72rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff4941;
    border-radius: .1rem;
    color: #fff
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2, .wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_1 {
    -webkit-box-flex: .3;
    -ms-flex: .3;
    flex: .3;
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_1 > div {
    width: 1.48rem;
    height: .9rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: .7;
    -ms-flex: .7;
    flex: .7
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 input {
    border: 1px solid #999;
    background-color: #cecece;
    opacity: .4
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 input {
    width: .8rem;
    height: .54rem
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div {
    width: 100%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(1) input, .wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(2) input {
    width: 1.4rem;
    height: .54rem
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(1) img, .wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(2) img {
    width: .48rem;
    height: .48rem
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(3) input, .wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(4) input {
    width: .6rem;
    height: .4rem
}

.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(3) img, .wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div:nth-child(4) img {
    width: .36rem;
    height: .36rem
}

.am-modal-button-group-v .am-modal-button {
    color: #108ee9
}

.wxh_modelBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.happyRoomTitle {
    width: 100%;
    position: fixed;
    top: .88rem;
    background: #fff
}

.happyRoomTitle * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.happyRoomTitle > div {
    height: .8rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .34rem
}

.happyRoomTitle > div > div:first-child {
    height: 100%;
    font-size: .26rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.happyRoomTitle > div > div:first-child span {
    margin: 0 .1rem;
    font-size: .26rem;
    color: #ff4941;
    letter-spacing: -.18px
}

.happyRoomTitle > div > div:first-child .timers {
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.23px;
    text-align: center;
    margin-left: .3rem
}

.happyRoomTitle > div > div.Balance {
    max-width: 3rem;
    text-align: center;
    font-size: .26rem;
    color: #333
}

.happyRoomTitle > div > div.Balance span {
    font-size: .26rem;
    color: #ff4941;
    letter-spacing: -.18px
}

.happyRoomTitle > div > div.reBeToOdds {
    color: #ff4941;
    padding-right: .4rem
}

.happyRoomTitle > div > div.reBeToOdds span {
    position: relative
}

.happyRoomTitle > div > div.reBeToOdds span:after {
    position: absolute;
    content: " ";
    width: 7px;
    height: 7px;
    border-top: 2px solid #ff4941;
    border-right: 2px solid #ff4941;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    right: -.2rem
}

.system-Maintenance {
    width: 6rem
}

.system-Maintenance > .am-modal-content {
    width: 6rem;
    height: 8rem;
    margin: 0 auto;
    padding: 0
}

.system-Maintenance > .am-modal-content > .am-modal-body {
    padding: 0
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemContent > div:nth-child(1) {
    padding-top: .4rem
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemContent > div:nth-child(1) img {
    width: 4.6rem
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemContent > div:nth-child(2) {
    padding: .3rem 0
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemContent > div:nth-child(2) span {
    font-size: .4rem;
    color: #333;
    font-weight: 700
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemFooter {
    padding: .3rem 0;
    border-top: 1px solid #ececec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.system-Maintenance > .am-modal-content > .am-modal-body .systemMaintenance .systemFooter div {
    width: 2.8rem;
    height: .7rem;
    font-size: .3rem;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4d55), color-stop(98%, #ff4d55));
    background-image: linear-gradient(-180deg, #ff4d55 0, #ff4d55 98%);
    border-radius: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.LoginItem {
    height: 100vh;
    background-size: 100% auto;
    font-size: .3rem;
    color: #131313
}

.LoginItem header {
    width: 100%;
    height: 3.8rem;
    text-align: center;
    position: relative;
        margin-top: 1rem!important;
}

.LoginItem header .login-delete {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .48rem;
    right: .58rem
}

.LoginItem header .login-logo {
    height: auto;
    position: absolute;
    top: .8rem;
    left: 0;
    right: 0;
    margin: auto
}

.LoginItem header .login-logo img {
    width: 1.15rem;
    height: auto
}

.LoginItem content .content-tab {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 .7rem 0
}

.LoginItem content .tab-title {
    font-size: .32rem;
    color: #131313;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .12rem
}

.LoginItem content .tab-title .active {
    color: #ff4941
}

.LoginItem content .tab-transform {
    position: relative;
    height: 2px;
    width: 4rem;
    background: #d8d8d8
}

.LoginItem content .tab-transform .active {
    position: absolute;
    top: 0;
    height: 2px;
    width: 1.6rem;
    background: #ff4941
}

.LoginItem content .content-input {
    padding: 0 .42rem
}

.LoginItem content .content-input .LoginInput {
    margin-bottom: .38rem
}

.LoginItem content .content-input .LoginInput:first-child > div img {
    width: .3rem;
    height: .3rem
}

.LoginItem content .content-input .Button {
    margin: .88rem 0;
    margin-top: 0
}

.LoginItem content .content-input .input-link {
    font-size: .28rem;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.LoginItem .input-link a {
    font-size: .28rem;
    color: #999
}

.FreeTryItem {
    font-size: .3rem;
    color: #131313
}

.FreeTryItem .FreeTryItem-title {
    text-align: center;
    padding: .52rem 0
}

.FreeTryItem .FreeTryItem-title img {
    width: 2.5rem;
    height: 1rem
}

.FreeTryItem .FreeTryItem-content {
    padding: 0 .6rem
}

.FreeTryItem .FreeTryItem-content .Button {
    margin: .9rem 0 .6rem 0
}

.FreeTryItem .FreeTry-content-input {
    border-bottom: 1px solid #e0e0e0;
    padding: .18rem 0;
    margin-bottom: .4rem
}

.FreeTryItem .FreeTry-content-input span:first-child {
    font-size: .32rem;
    color: #333;
    margin-right: .4rem
}

.FreeTryItem .FreeTry-content-input span:last-child {
    font-size: .32rem;
    color: #666
}

.FreeTryItem .FreeTry-content-pwd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.FreeTryItem .FreeTry-content-pwd img {
    width: .38rem;
    height: .3rem
}

.FreeTryItem .FreeTry-content-link {
    font-size: .28rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.FreeTryItem footer {
    padding: 0 .52rem 0 .36rem
}

.FreeTryItem footer h4 {
    font-size: .32rem;
    color: #333;
    font-weight: 400;
    margin: .36rem 0 .08rem 0
}

.FreeTryItem footer .footer-text {
    font-size: .28rem;
    color: #2a2a2a;
    line-height: .5rem
}

.NameRegister {
    margin: 0 .3rem;
    border-radius: 25px;
    padding: 0 .42rem
}

.NameRegister .NameReg-title {
    font-size: .28rem;
    color: #999;
    padding-left: .46rem;
    margin: .22rem 0 .3rem 0
}

.Register-clause {
    display: -webkit-box;
    justify-content: center;
    font-size: .28rem;
    margin-bottom: .4rem;
    padding-left: 8px;
    margin-top: -15px
}

.Register-clause img {
    width: .32rem;
    margin-right: .16rem
}

.Register-clause a {
    font-size: .28rem;
    color: #e03c2f
}

.AllRegister .AllRegister-content {
    margin-top: .2rem;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0
}

.AllRegister .AllRegister-content .content-li:last-child {
    border: none
}

.AllRegister .content-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e0e0e0;
    padding-right: .3rem;
    height: .9rem;
    line-height: .9rem;
    font-size: .32rem;
    color: #333;
    margin-left: .32rem
}

.AllRegister .content-li span {
    width: 2rem
}

.AllRegister .content-li.content-li-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0;
    padding-left: .32rem
}

.AllRegister .content-li.content-li-last > div {
    font-size: .3rem;
    color: #666;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.AllRegister .content-li.content-li-last > div img {
    width: .12rem
}

.AllRegister .content-li-pwd img {
    width: .38rem
}

.AllRegister .Register-clause {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .32rem;
    margin: .68rem 0
}

.AllRegister .Button {
    margin: 0 .62rem
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.wxh_userProfit_container {
    width: 100%;
    height: 100%
}

.wxh_userProfit_container > div {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wxh_userProfit_container > div .wxh_userProfit_time {
    width: inherit;
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.3rem;
    margin-bottom: .4rem;
    padding-left: 10px;
    padding-right: 10px
}

.wxh_userProfit_container > div .wxh_userProfit_time span {
    font-size: .32rem
}

.wxh_userProfit_container > div .wxh_userProfit_time div {
    width: 80%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_userProfit_container > div .wxh_userProfit_time div span {
    font-size: .256rem;
    display: inline-block;
    text-align: center;
    border: 1px solid #ff4941;
    border-radius: 15px;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px
}

.wxh_userProfit_container > div .wxh_userProfit_date {
    width: 100%;
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .3rem
}

.wxh_userProfit_container > div .wxh_userProfit_date > span {
    font-size: .32rem
}

.wxh_userProfit_container > div .wxh_userProfit_date > div {
    width: 80%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_userProfit_container > div .wxh_userProfit_date > div > div:nth-child(1), .wxh_userProfit_container > div .wxh_userProfit_date > div > div:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_userProfit_container > div .wxh_userProfit_date .am-list-body::after, .wxh_userProfit_container > div .wxh_userProfit_date .am-list-body::before {
    height: 0
}

.wxh_userProfit_container > div .wxh_userProfit_content {
    width: 100%;
    height: 100%
}

.wxh_userProfit_container > div .wxh_userProfit_content > div {
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f2f2f2;
    border-bottom: none
}

.wxh_userProfit_container > div .wxh_userProfit_content > div > div {
    width: 50%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #f2f2f2
}

.wxh_userProfit_container > div .wxh_userProfit_content > div > div > span:nth-child(1) {
    margin-bottom: 5px
}

.wxh_userProfit_container > div .wxh_userProfit_content > div:nth-child(1) {
    border-top: 5px solid #f2f2f2
}

.wxh_userProfit_container > div .wxh_userProfit_content > div:nth-last-child(1) {
    border: 1px solid #f2f2f2
}

.color_userProfit {
    color: #fff;
    background-color: #ff4941
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.wxh_teamBet_container {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wxh_teamBet_container span {
    display: inline-block
}

.wxh_teamBet_container .wxh_teamBet_header {
    -ms-flex-line-pack: center;
    align-content: center;
    padding-top: 1rem
}

.wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) {
    width: 6.96rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #ff4941;
    margin: 0 .3rem;
    text-align: center
}

.wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) > span {
    color: #fff;
    font-size: .3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    line-height: .8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) > span:nth-child(1), .wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) > span:nth-child(2), .wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) > span:nth-child(3) {
    border-right: 1px solid #cdcdcd
}

.wxh_teamBet_container .am-pull-to-refresh-indicator {
    height: 1px
}

.wxh_teamBet_container .wxh_teamBet_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #333;
    font-size: .28rem;
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #ececed;
    background-color: #fff;
    margin-top: .2rem
}

.wxh_teamBet_container .wxh_teamBet_list .time {
    width: 1.5rem
}

.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: .74rem
}

.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(1) {
    color: #333;
    font-size: .28rem
}

.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(2) {
    color: #999;
    font-size: .24rem
}

.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(2) {
    color: #ff4941;
    font-size: .28rem;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_teamBet_modal_wrapper {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal {
    width: 7.04rem;
    height: 83%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333;
    font-size: .28rem;
    background-color: #fff;
    border-radius: .24rem;
    position: relative
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .4rem;
    margin-bottom: 1.36rem;
    overflow-y: auto;
    width: 100%
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div {
    margin-bottom: .2rem;
    width: 90%;
    height: auto
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(1), .wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(4) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(1) > p, .wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(4) > p {
    margin-bottom: .18rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .wxh_teamBet_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .2rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .wxh_teamBet_tab > span {
    width: 1.8rem;
    height: .8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: .8rem;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: .12rem;
    margin-bottom: .2rem;
    margin-right: .12rem;
    margin-left: .1rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(1), .wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .4rem;
    height: .8rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(1) > span, .wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(2) > span {
    width: 20%;
    height: 100%;
    float: left;
    line-height: .8rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(1) > input, .wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(2) > input {
    width: 70%;
    height: 100%;
    float: right;
    border: 1px solid #cdcdcd;
    padding-left: .24rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar {
    width: 71.5%;
    height: 101.5%;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .24rem;
    border: 1px solid #cdcdcd;
    border-radius: 5px
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar .am-list-arrow {
    display: none
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar .am-list-item {
    padding-left: 0;
    min-height: 35px
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar .am-list-body::before {
    height: 0
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar .am-list-body::after {
    height: 0
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent > div:nth-child(3) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal > div:nth-child(2) {
    width: 100%;
    height: 1.36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #cdcdcd;
    z-index: 99;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-bottom-left-radius: .24rem;
    border-bottom-right-radius: .24rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: .8rem;
    color: #fff;
    font-size: .3rem;
    background-color: #cdcdcd;
    text-align: center;
    line-height: .8rem;
    border-radius: .12rem
}

.wxh_teamBet_modal_wrapper .wxh_teamBet_close {
    width: .54rem;
    height: .54rem;
    background-color: #fff;
    border-radius: 50%;
    margin-top: .5rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.teamBet_color {
    border-color: #ff4941 !important;
    background-color: #ff4941 !important;
    color: #fff;
    font-size: .28rem
}

.wxh_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.wxh_commission_details {
    width: 6.8rem;
    height: 80%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    margin: auto;
    position: relative;
    border-radius: 6px;
    padding-top: .3rem
}

.wxh_commission_details > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-size: .3rem;
    width: 6.16rem;
    height: 1rem;
    border-bottom: 1px solid #cdcdcd
}

.wxh_commission_details > div:nth-child(2) {
    width: 6.16rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #333;
    font-size: .28rem;
    margin-top: .21rem
}

.wxh_commission_details > div:nth-child(2) > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    white-space: nowrap
}

.wxh_commission_details > div:nth-child(2) > div div {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_commission_details > div:nth-child(2) > div div span {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    display: inline-block;
    text-align: left
}

.wxh_commission_details > div:nth-child(2) > div div:nth-child(1) {
    text-align: right
}

.wxh_commission_details > div:nth-child(2) > div div:nth-child(2) {
    text-align: left
}

.wxh_commission_details > div:nth-child(2) > div div:nth-child(2) span {
    color: #2a2a2a;
    font-size: .28rem
}

.wxh_commission_details > div:nth-child(3) {
    width: 100%;
    height: 60%;
    margin-top: .4rem;
    margin-bottom: 1rem;
    padding-top: .1rem;
    overflow-y: scroll
}

.wxh_commission_details > div:nth-child(3) p {
    width: 6.16rem;
    height: .36rem;
    color: #333;
    font-size: .3rem;
    text-align: left;
    margin-bottom: .2rem;
    padding-left: .3rem
}

.wxh_commission_details > div:nth-child(3) table {
    width: inherit;
    height: auto;
    border: 1px solid #cdcdcd
}

.wxh_commission_details > div:nth-child(3) thead {
    width: inherit;
    height: .8rem;
    color: #333;
    font-size: .3rem;
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 4px 4px #cdcdcd;
    box-shadow: 0 4px 4px #cdcdcd
}

.wxh_commission_details > div:nth-child(3) thead th {
    border: 1px solid #cdcdcd;
    padding: .1rem;
    white-space: nowrap
}

.wxh_commission_details > div:nth-child(3) tbody {
    color: #ff4941;
    font-size: .3rem;
    width: inherit;
    height: auto
}

.wxh_commission_details > div:nth-child(3) tbody tr {
    width: inherit;
    height: .4rem
}

.wxh_commission_details > div:nth-child(3) tbody tr td {
    width: 25%;
    height: .8rem;
    border: 1px solid #cdcdcd
}

.wxh_commission_details > div:nth-child(3) tbody tr td:nth-child(1) {
    color: #333;
    font-size: .3rem
}

.wxh_commission_details > div:nth-child(4) {
    width: 100%;
    height: auto;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #cdcdcd;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.wxh_commission_details > div:nth-child(4) span {
    color: #fff;
    font-size: .3rem;
    width: 1.6rem;
    height: .72rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: inline-block;
    background-color: #ff4941;
    border-radius: 6px;
    margin-top: .15rem;
    margin-bottom: .1rem;
    line-height: .72rem
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.color {
    color: #ff4941;
    font-size: .32rem;
    border-bottom: 1px solid #ff4941;
    margin-top: 1px
}

.color_1 {
    color: #ff4941;
    font-size: .32rem
}

.wxh_commission {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #f1f1f1;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.wxh_commission .wxh_commission_div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: inherit;
    height: 2.9rem;
    position: fixed;
    z-index: 999;
    background-color: #fff;
    margin-top: .88rem
}

.wxh_commission .wxh_commission_div > div:lang(it) {
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    color: #333;
    font-size: .32rem;
    margin-bottom: .2rem
}

.wxh_commission .wxh_commission_div > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_commission .wxh_commission_div > div:nth-child(1) > div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_commission .wxh_commission_div > div:nth-child(1) > div:nth-child(3) > div {
    width: 1.52rem;
    height: .54rem;
    color: #999;
    font-size: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border: 1px solid #cdcdcd
}

.wxh_commission .wxh_commission_div > div:nth-child(2), .wxh_commission .wxh_commission_div > div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #cdcdcd
}

.wxh_commission .wxh_commission_div > div:nth-child(2) {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
    height: auto
}

.wxh_commission .wxh_commission_div > div:nth-child(2) > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #cdcdcd
}

.wxh_commission .wxh_commission_div > div:nth-child(3) {
    color: #666;
    font-size: .32rem;
    margin-bottom: 0;
    padding-left: .3rem
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-body::before {
    display: none !important
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-body::after {
    display: none !important
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-line {
    padding: 0 !important
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-item {
    padding: 0 !important;
    min-height: 10px !important
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-content {
    text-align: center !important;
    padding: 0 !important;
    margin-left: 10px;
    margin-right: 10px
}

.wxh_commission .wxh_commission_div > div:nth-child(3) .am-list-arrow {
    width: 0 !important;
    margin-left: 0 !important
}

.wxh_commission .wxh_details {
    width: 7rem;
    height: 4.04rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    margin-top: .2rem;
    margin-bottom: .2rem;
    border-radius: 4px
}

.wxh_commission .wxh_details > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-size: .3rem;
    width: 6.16rem;
    height: 1.08rem;
    border-bottom: 1px solid #cdcdcd;
    position: relative
}

.wxh_commission .wxh_details > div:nth-child(2) {
    width: 6.16rem;
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    color: #333;
    font-size: .28rem
}

.wxh_commission .wxh_details > div:nth-child(2) > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    white-space: nowrap
}

.wxh_commission .wxh_details > div:nth-child(2) > div div {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.wxh_commission .wxh_details > div:nth-child(2) > div div span {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    display: inline-block;
    text-align: left
}

.wxh_commission .wxh_details > div:nth-child(2) > div div:nth-child(1) {
    text-align: right
}

.wxh_commission .wxh_details > div:nth-child(2) > div div:nth-child(2) {
    text-align: left
}

.wxh_commission .wxh_details > div:nth-child(2) > div div:nth-child(2) span {
    color: #2a2a2a;
    font-size: .28rem
}

.wxh_commission .wxh_details div:nth-child(3) {
    width: 6.16rem;
    height: .72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: .44rem
}

.wxh_commission .wxh_details div:nth-child(3) span {
    display: inline-block;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wxh_commission .wxh_details div:nth-child(3) span:nth-child(1) {
    color: #666;
    font-size: .28rem
}

.wxh_commission .wxh_details div:nth-child(3) span:nth-child(2) {
    width: 1.6rem;
    height: .72rem;
    color: #666;
    font-size: .32rem;
    margin-left: .36rem;
    border-radius: 6px;
    background-color: #cdcdcd
}

.wxh_commission .wxh_details div:nth-child(3) span:nth-child(3) {
    width: 1.6rem;
    height: .72rem;
    color: #fff;
    font-size: .3rem;
    margin-left: .5rem;
    border-radius: 6px;
    background-color: #ff4941;
    padding-left: 5px;
    padding-right: 5px
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .3)
}

#triangle_1 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.1rem;
    left: -.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: .1rem;
    border-right-width: .1rem;
    border-bottom-width: .2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#triangle_2 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.1rem;
    right: -.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: .1rem;
    border-right-width: .1rem;
    border-bottom-width: .2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.AccountDetailInfo {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1rem;
    text-align: center
}

.AccountDetailInfo div:nth-child(1) {
    color: #333;
    font-size: .28rem;
    margin-top: .5rem
}

.AccountDetailInfo div:nth-child(2) {
    color: #333;
    font-size: .36rem;
    margin-bottom: .13rem;
    line-height: 1rem
}

.AccountDetailInfo div:nth-child(3) {
    color: #999;
    font-size: .24rem;
    margin-bottom: .66rem
}

.AccountDetailInfo div:nth-child(4) {
    width: 6.58rem;
    height: .02rem;
    background-color: #cdcdcd;
    margin-bottom: .46rem
}

.AccountDetailInfo div:nth-child(10), .AccountDetailInfo div:nth-child(5), .AccountDetailInfo div:nth-child(6), .AccountDetailInfo div:nth-child(7), .AccountDetailInfo div:nth-child(8) {
    width: 6.58rem;
    height: .36rem;
    color: #999;
    font-size: .26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: .36rem;
    text-align: left;
    margin-bottom: .326rem
}

.AccountDetailInfo div:nth-child(10) span:nth-child(1), .AccountDetailInfo div:nth-child(5) span:nth-child(1), .AccountDetailInfo div:nth-child(6) span:nth-child(1), .AccountDetailInfo div:nth-child(7) span:nth-child(1), .AccountDetailInfo div:nth-child(8) span:nth-child(1) {
    width: 30%;
    height: 50%
}

.AccountDetailInfo div:nth-child(10) span:nth-child(2), .AccountDetailInfo div:nth-child(5) span:nth-child(2), .AccountDetailInfo div:nth-child(6) span:nth-child(2), .AccountDetailInfo div:nth-child(7) span:nth-child(2), .AccountDetailInfo div:nth-child(8) span:nth-child(2) {
    color: #666;
    font-size: .28rem
}

.AccountDetailInfo div:nth-child(10) {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.AccountDetailInfo div:nth-child(10) span:nth-child(1) {
    width: 30%;
    height: .36rem;
    line-height: .36rem
}

.AccountDetailInfo div:nth-child(10) span:nth-child(2) {
    word-break: break-all
}

.AccountDetailInfo div:nth-child(9) {
    width: 100%;
    height: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #f4f4f4;
    margin-top: .6rem;
    margin-bottom: .42rem
}

.fastTime-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.2rem;
    padding: .2rem .36rem;
    background: #f4f4f4
}

.fastTime-select ul {
    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;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #e0e0e0
}

.fastTime-select ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    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;
    border-right: 1px solid #e0e0e0;
    font-size: 15px
}

.fastTime-select ul li.active {
    background: #ff4941;
    color: #fff
}

.fastTime-select ul li:last-child {
    border: none
}

.team-Container {
    width: 100%;
    padding: .88rem 0 1rem
}

.team-Container .team-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .3rem
}

.team-Container .team-table header {
    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;
    width: 100%;
    height: .9rem;
    background: #ecf7ff;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 15px
}

.team-Container .team-table ul {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-top: none
}

.team-Container .team-table ul li {
    display: inline-block;
    width: 50%;
    height: .9rem;
    border-bottom: 1px solid #cdcdcd
}

.team-Container .team-table ul li span {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: .9rem;
    background: #e0e0e0;
    font-size: 15px;
    color: #333
}

.team-Container .team-table ul li span:last-child {
    color: #007aff;
    background: #fff
}

.team-Container .team-table ul li span.teamred {
    color: #ff4941
}

.agent-user-content {
    width: 100%;
    padding: .88rem 0 1rem
}

.am-flexbox {
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

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

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

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

.am-flexbox.am-flexbox-dir-column .am-flexbox-item {
    margin-left: 0
}

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

.am-flexbox.am-flexbox-dir-column-reverse .am-flexbox-item {
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.am-flexbox.am-flexbox-align-content-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

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

.am-flexbox .am-flexbox-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    min-width: 10px
}

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

.am-pagination-wrap {
    font-size: 18px;
    color: #000;
    background: 0 0;
    text-align: center
}

.am-pagination-wrap .active {
    color: #108ee9
}

.am-pagination-wrap-btn {
    text-align: center
}

.am-pagination-wrap-btn-prev {
    text-align: left
}

.am-pagination-wrap-btn-next {
    text-align: right
}

.am-pagination-wrap-dot {
    display: inline-block;
    zoom: 1
}

.am-pagination-wrap-dot > span {
    display: block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    border-radius: 50%;
    background: #ccc
}

.am-pagination-wrap-dot-active > span {
    background: #888
}

.user-agent-center * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-agent-center .content-angent {
    width: 100%;
    margin-top: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: PingFangSC-Regular;
    font-size: .266rem;
    color: #262626;
    letter-spacing: -.19px;
    text-align: center
}

.user-agent-center .switchTabs {
    height: 3.4rem;
    width: 94%;
    background: #fff;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 2px 4px 0 rgba(234, 234, 234, .5);
    box-shadow: 0 2px 4px 0 rgba(234, 234, 234, .5);
    border-radius: .06rem
}

.user-agent-center .switchTabs > div {
    width: 33.3%;
    height: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-agent-center .switchTabs .switchTabsItem {
    width: 1.2rem
}

.user-agent-center .switchTabs .switchTabsItem > img {
    width: .64rem;
    display: block;
    margin: 0 auto
}

.user-agent-center .switchTabs .switchTabsItem > span {
    width: 1.2rem;
    display: block;
    text-align: center;
    font-size: .24rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .14rem
}

.user-agent-center .agent-select {
    width: 94%;
    height: 1.04rem;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(234, 234, 234, .5);
    box-shadow: 0 2px 4px 0 rgba(234, 234, 234, .5);
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.user-agent-center .agent-select > span {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 0 0
}

.user-agent-center .agent-select > span:nth-child(1), .user-agent-center .agent-select > span:nth-child(3) {
    border: none
}

.user-agent-center .agent-select .am-list-body::before {
    display: none !important
}

.user-agent-center .agent-select .am-list-body::after {
    display: none !important
}

.user-agent-center .agent-select .am-list-line {
    padding: 0 !important
}

.user-agent-center .agent-select .am-list-item {
    padding: 0 !important;
    min-height: 10px !important
}

.user-agent-center .agent-select .am-list-content {
    text-align: center !important;
    padding: 0 !important;
    margin-left: 10px;
    margin-right: 10px
}

.user-agent-center .agent-select .am-list-arrow {
    width: 0 !important;
    margin-left: 0 !important
}

.user-agent-center .agent-select .Calendar_div_2 {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #000;
    letter-spacing: -.2px;
    text-align: center
}

.user-agent-center .teamDec {
    width: 94%;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 13px 0 rgba(223, 223, 223, .5);
    box-shadow: 0 2px 13px 0 rgba(223, 223, 223, .5);
    border-radius: .1rem;
    padding: .3rem;
    margin: 0 auto;
    margin-top: .18rem;
    margin-bottom: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-agent-center .teamDec > div:not(.NoRecord) {
    width: 33.33%;
    height: 1.6rem;
    border-bottom: 1px solid #f2f2f2;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-agent-center .teamDec > div:not(.NoRecord) > div {
    width: 100%;
    height: .8rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #f2f2f2
}

.user-agent-center .teamDec > div:not(.NoRecord) > div p:nth-child(1) {
    font-size: .26rem;
    color: #999;
    letter-spacing: -.72px;
    text-align: center;
    margin: .04rem
}

.user-agent-center .teamDec > div:not(.NoRecord) > div p:nth-child(2) {
    font-size: .32rem;
    color: #333;
    letter-spacing: -.89px;
    text-align: center;
    margin: .1rem
}

.user-agent-center .teamDec > div:not(.NoRecord) > div p:nth-child(2).win {
    color: #ff4941
}

.user-agent-center .teamDec > div:not(.NoRecord) > div p:nth-child(2).lose {
    color: #5fcc49
}

.user-agent-center .teamDec > div:nth-child(3n+0) > div {
    border-right: none
}

.user-agent-center .teamDec .NoRecord {
    width: 100%
}

.user-agent-center .teamDec table, .user-agent-center .teamDec td, .user-agent-center .teamDec th {
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
    padding: .2rem .1rem
}

.user-agent-center .teamDec th {
    font-weight: 500
}

.user-agent-center .teamDec .pagination-container {
    width: 100% !important;
    height: 1rem !important;
    margin: .2rem 0
}

.user-agent-center .teamDec .custom-pagination-with-icon {
    border-right: none !important
}

.user-agent-center .teamDec .custom-pagination-with-icon .am-pagination-wrap-btn-prev .am-button-inline {
    padding-left: 0;
    padding-right: 10px;
    height: .7rem;
    line-height: .7rem
}

.user-agent-center .teamDec .custom-pagination-with-icon .am-pagination-wrap-btn-next .am-button-inline {
    padding-left: 10px;
    padding-right: 0;
    height: .7rem;
    line-height: .7rem
}

.user-agent-center .teamDec .am-flexbox-align-center {
    width: 100%
}

.user-agent-center .teamDec .arrow-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-agent-center .teamDec .sub-title {
    color: #888;
    font-size: 14px;
    padding: 30px 0 18px 0
}

.user-agent-center .teamDec table {
    width: 100%
}

.user-argent-adduser * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.user-argent-adduser .content {
    margin-top: 0
}

.user-argent-adduser .content .adduserModelTab1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .3rem
}

.user-argent-adduser .content .adduserModelTab1 > div {
    width: 100%;
    height: 1rem;
    padding: 0 5%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-argent-adduser .content .adduserModelTab1 > div > div {
    height: 1rem;
    min-width: 1.72rem;
    font-size: .3rem;
    color: #333;
    letter-spacing: -.83px;
    border-bottom: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-adduser .content .adduserModelTab1 > div > div.active {
    border-bottom: 1px solid #ff4941;
    color: #ff4941
}

.user-argent-adduser .content .adduserModelTab2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: .88rem;
    width: 100%;
    z-index: 1;
    background: #fff
}

.user-argent-adduser .content .adduserModelTab2 > div {
    width: 100%;
    height: 1rem;
    padding: 0 10%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-argent-adduser .content .adduserModelTab2 > div > div {
    height: 1rem;
    min-width: 1.72rem;
    font-size: .3rem;
    color: #333;
    letter-spacing: -.83px;
    border-bottom: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-adduser .content .adduserModelTab2 > div > div.active {
    border-bottom: 1px solid #ff4941;
    color: #ff4941
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line .am-input-control, .user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line .am-input-label, .user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line .am-list-content {
    font-size: .28rem
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.titleLink {
    font-size: .3rem;
    margin-bottom: .1rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.titleLink span {
    display: block
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.titleLink span.copyLink {
    color: #4a90e2
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.herfLink {
    width: 100%;
    height: auto;
    white-space: normal;
    color: #666;
    word-break: break-all
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.QRcodeLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.QRcodeLink img {
    width: 3rem;
    height: 3rem
}

.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.QRcodeLink p {
    width: 100%;
    text-align: center;
    margin-top: .4rem;
    font-size: .28rem;
    color: #666
}

.user-argent-adduser .content .Link-Manage .warmPrompt {
    width: 100%;
    margin: .2rem 0;
    padding: 0 .23rem
}

.user-argent-adduser .content .Link-Manage .warmPrompt div {
    padding: .54rem .23rem;
    background: #fff
}

.user-argent-adduser .content .Link-Manage .warmPrompt div p {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.83px;
    line-height: .42rem;
    height: .42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.user-argent-adduser .content .Link-Manage .warmPrompt div > p:first-child {
    font-size: .3rem;
    color: #151515
}

.user-argent-adduser .content .Link-Manage .manageLinkPage {
    padding: .2rem 0 .2rem 0;
    position: fixed;
    top: 1.88rem;
    width: 100%;
    z-index: 1;
    background: #f1f1f1
}

.user-argent-adduser .content .Link-Manage .manageLinkPage > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-adduser .content .Link-Manage .manageLinkPage > div .slect-button {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-adduser .content .Link-Manage .manageLinkPage > div .addButtonLInk {
    min-width: 1.1rem;
    height: .56rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ff4941;
    color: #fff;
    border-right: 1px solid #ccc;
    padding: 0 .28rem;
    font-size: .28rem;
    position: absolute;
    right: .24rem;
    border-radius: 4px 4px
}

.user-argent-transfer .content .adduserModelTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-transfer .content .adduserModelTab > div {
    width: 100%;
    height: 1rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-argent-transfer .content .adduserModelTab > div > div {
    height: 1rem;
    min-width: 16.6%;
    font-size: .3rem;
    color: #333;
    letter-spacing: -.83px;
    border-bottom: 1px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-transfer .content .adduserModelTab > div > div.active {
    border-bottom: 1px solid #ff4941;
    color: #ff4941
}

.user-argent-transfer .content .balanceLine {
    height: 1.2rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.user-argent-transfer .content .balanceLine > div {
    font-size: .32rem;
    color: #000025;
    letter-spacing: -.27px;
    text-align: center
}

.user-argent-transfer .content .balanceLine > div > span:nth-child(2) {
    color: #ff4941
}

.user-argent-transfer .content .transfer-my-list .am-list-line .am-input-control, .user-argent-transfer .content .transfer-my-list .am-list-line .am-input-label, .user-argent-transfer .content .transfer-my-list .am-list-line .am-list-content {
    font-size: .28rem
}

.direct-accounts-room-responModal li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    vertical-align: text-top
}

.direct-accounts-room-responModal li span {
    display: block;
    font-size: .24rem
}

.direct-accounts-room-responModal li span:nth-child(1) {
    width: 40%
}

.direct-accounts-room-responModal li span:nth-child(2) {
    width: 60%
}

.direct-accounts-page {
    padding-top: 2.08rem;
    padding-bottom: 1.2rem
}

.direct-accounts-page .AgentModalHide {
    display: none
}

.direct-accounts-page .AgentModalShow {
    display: block
}

.direct-accounts-page .direct-accounts-my-list .am-list-line .am-input-control, .direct-accounts-page .direct-accounts-my-list .am-list-line .am-input-label, .direct-accounts-page .direct-accounts-my-list .am-list-line .am-list-content {
    font-size: .28rem
}

.direct-accounts-page .direct-accounts-my-list .am-list-line .am-list-content .list-uesr-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.direct-accounts-page .direct-accounts-my-list .am-list-line .am-list-content .list-uesr-type span {
    width: 85px;
    margin-right: 5px
}

.Link-Setting {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    background: #f1f1f1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .72rem;
    padding-bottom: 1.5rem;
    background: #f1f1f1
}

.Link-Setting .am-list-line .am-input-control, .Link-Setting .am-list-line .am-input-label, .Link-Setting .am-list-line .am-list-content {
    font-size: .28rem
}

.Link-Setting * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Link-Setting .header {
    width: 100%;
    height: .72rem;
    position: fixed;
    top: 0;
    background: #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    font-size: .3rem;
    color: #fff
}

.Link-Setting .link-remark {
    margin-top: .1rem
}

.Link-Setting .subMitBox {
    width: 100%;
    height: 1.26rem;
    position: fixed;
    bottom: 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    font-size: .3rem;
    color: #fff;
    padding-bottom: .12rem
}

.Link-Setting .subMitBox > div {
    width: 2.4rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: 6px;
    margin: 0 .34rem
}

#teamUserItem {
    width: auto;
    height: 2.8rem;
    padding: .32rem .46rem;
    background-color: #fff;
    margin: auto;
    margin-top: .2rem
}

#teamUserItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#teamUserItem div {
    width: 100%
}

#teamUserItem div > div:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .9rem;
    color: #333;
    font-size: .3rem;
    line-height: .42rem;
    border-bottom: .01rem solid #cdcdcd;
    position: relative
}

#teamUserItem div > div:nth-of-type(1) .teamUserItem_span_1 {
    width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis
}

#teamUserItem div > div:nth-of-type(1) > div {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#teamUserItem div > div:nth-of-type(1) > div > span {
    display: inline-block;
    width: auto;
    min-width: 1.1rem;
    height: .56rem;
    font-size: .28rem;
    text-align: center;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    border-radius: 4px;
    letter-spacing: -.0156rem;
    line-height: .56rem;
    padding-left: 5px;
    padding-right: 5px
}

#teamUserItem div > div:nth-of-type(1) #triangle_1 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.1rem;
    left: -.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: .1rem;
    border-right-width: .1rem;
    border-bottom-width: .2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#teamUserItem div > div:nth-of-type(1) #triangle_2 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -.1rem;
    right: -.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: .1rem;
    border-right-width: .1rem;
    border-bottom-width: .2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#teamUserItem div div:nth-of-type(2) {
    width: auto;
    height: 1.36rem;
    font-size: .28rem;
    line-height: .4rem;
    margin-top: .21rem
}

#teamUserItem div div:nth-of-type(2) p {
    color: #333
}

#teamUserItem div div:nth-of-type(2) span {
    color: #2a2a2a;
    font-family: "PingFang SC"
}

#teamUserItem div div:nth-of-type(2) .team_span {
    color: #007aff
}

#add {
    color: #fff
}

.select {
    width: 100%;
    position: fixed;
    margin-top: .88rem;
    z-index: 99
}

.wxh_content_manage {
    margin-top: 2.8rem
}

.Link-Manage-my-list .Link-Manage-Item {
    width: 100%;
    padding: 0 .24rem;
    margin: .2rem 0
}

.Link-Manage-my-list .Link-Manage-Item > div {
    background: #fff;
    border-radius: .08rem
}

.Link-Manage-my-list .Link-Manage-Item .top {
    height: .9rem;
    width: 100%;
    padding: .16rem .46rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .3rem
}

.Link-Manage-my-list .Link-Manage-Item .top span {
    color: #3ca2ed
}

.Link-Manage-my-list .Link-Manage-Item .bottom {
    height: 2.2rem;
    width: 100%;
    position: relative;
    padding: .2rem .46rem .2rem
}

.Link-Manage-my-list .Link-Manage-Item .bottom::before {
    content: '';
    position: absolute;
    background-color: #cdcdcd;
    display: block;
    z-index: 1;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    width: calc(100% - .92rem);
    height: 1px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1), .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.78px;
    height: .8rem;
    line-height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1) > div:first-child, .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) > div:first-child {
    width: 4.4rem;
    white-space: normal;
    word-break: break-all;
    word-spacing: normal;
    height: 100%;
    overflow: hidden
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1) > div:nth-child(2), .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) > div:nth-child(2) {
    color: #3ca2ed
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1) span, .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) span {
    margin: 0 .1rem
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) {
    height: .4rem
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(3) {
    margin-top: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(3) > span {
    display: block;
    width: 33%;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .28rem;
    color: #666
}

.AgentLinkListItemAlert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5) !important;
    z-index: 12;
    display: none
}

.AgentLinkListItemAlert.openDetail {
    display: block
}

.AgentLinkListItemAlert .linkAlertContainer {
    width: 6.52rem;
    padding: 0 .28rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(1) {
    padding-top: .28rem;
    text-align: right
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(1) img {
    width: .32rem
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(2) {
    font-size: .32rem;
    color: #4a4a4a;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    word-wrap: break-word
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(2) img {
    width: 200px
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(3) {
    color: #333;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    margin: .3rem 0
}

.AgentLinkListItemAlert .linkAlertContainer > div:nth-child(3) span {
    font-size: .32rem
}

.am-list-item .am-input-control .fake-input-container {
    height: 30px;
    line-height: 30px;
    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: 5px;
    -webkit-text-decoration: rtl;
    text-decoration: rtl;
    text-align: right;
    color: #000;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.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 {
    -webkit-transition: color .2s;
    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: 1.5px 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-list-item .am-input-control .fake-input-container-left .fake-input {
    text-align: left
}

.am-list-item .am-input-control .fake-input-container-left .fake-input.focus:after {
    position: relative
}

.am-list-item .am-input-control .fake-input-container-left .fake-input-placeholder {
    text-align: left
}

.am-number-keyboard-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
    font-family: 'PingFang SC';
    background-color: #f6f6f7;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: -webkit-transform display;
    transition-property: -webkit-transform display;
    transition-property: transform display;
    transition-property: transform display, -webkit-transform display;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding-bottom: env(safe-area-inset-bottom)
}

.am-number-keyboard-wrapper.am-number-keyboard-wrapper-hide {
    bottom: -500px
}

.am-number-keyboard-wrapper table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table {
        border-top: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.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: 50px;
    text-align: center;
    font-size: 25.5px;
    color: #2a2b2c;
    position: relative
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
    border-left: 1PX solid #ddd;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
        border-left: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::before {
        -webkit-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm) {
        border-bottom: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item:not(.keyboard-confirm)::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.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: 21px;
    background-color: #108ee9;
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm {
        border-bottom: none
    }

    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-active {
    background-color: #0e80d2
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-confirm.am-number-keyboard-item-disabled {
    background-color: #0e80d2;
    color: rgba(255, 255, 255, .45)
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item.keyboard-delete {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22204%22%20height%3D%22148%22%20viewBox%3D%220%200%20153.000000%20111.000000%22%3E%3Cpath%20d%3D%22M46.9%204.7c-2.5%202.6-14.1%2015.5-25.8%2028.6L-.1%2057l25.6%2027%2025.7%2027.1%2047.4-.3%2047.4-.3%203.2-3.3%203.3-3.2V7l-3.3-3.2L146%20.5%2098.7.2%2051.5-.1l-4.6%204.8zm97.9%203.5c1.7%201.7%201.7%2092.9%200%2094.6-.9.9-12.6%201.2-46.3%201.2H53.4L31.2%2080.4%209%2056.9l5.1-5.7c2.8-3.1%2012.8-14.4%2022.2-24.9L53.5%207h45c33.8%200%2045.4.3%2046.3%201.2z%22%2F%3E%3Cpath%20d%3D%22M69.5%2031c-1.9%202.1-1.7%202.2%209.3%2013.3L90%2055.5%2078.8%2066.7%2067.5%2078l2.3%202.2%202.2%202.3%2011.3-11.3L94.5%2060l11.2%2011.2L117%2082.5l2.2-2.3%202.3-2.2-11.3-11.3L99%2055.5l11.2-11.2L121.5%2033l-2.3-2.2-2.2-2.3-11.3%2011.3L94.5%2051l-11-11c-6-6-11.2-11-11.6-11-.3%200-1.4.9-2.4%202z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 25.5px 18.5px;
    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%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22188%22%20viewBox%3D%220%200%20195.000000%20141.000000%22%3E%3Cpath%20d%3D%22M0%2057v57h195V0H0v57zm183%200v45H12V12h171v45z%22%2F%3E%3Cpath%20d%3D%22M21%2031.5V39h15V24H21v7.5zM48%2031.5V39h15V24H48v7.5zM75%2031.5V39h15V24H75v7.5zM102%2031.5V39h15V24h-15v7.5zM129%2031.5V39h15V24h-15v7.5zM156%2031.5V39h15V24h-15v7.5zM36%2055.5V63h15V48H36v7.5zM63%2055.5V63h15V48H63v7.5zM90%2055.5V63h15V48H90v7.5zM117%2055.5V63h15V48h-15v7.5zM144%2055.5V63h15V48h-15v7.5zM27%2079.5V87h15V72H27v7.5zM48%2079.5V87h96V72H48v7.5zM150%2079.5V87h15V72h-15v7.5zM81%20124.5c0%20.8.7%201.5%201.5%201.5s1.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5.7%201.5%201.5.7%201.5%201.5%201.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5.7-1.5%201.5-1.5%201.5-.7%201.5-1.5c0-1.3-2.5-1.5-16.5-1.5s-16.5.2-16.5%201.5z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 32.5px 23.5px;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.am-number-keyboard-wrapper table tr .am-number-keyboard-item-disabled {
    color: #bbb
}

@-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: 44px;
    padding-left: 15px
}

.am-list-item:not(:last-child) .am-list-line {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line {
        border-bottom: none
    }

    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-list-item:not(:last-child) .am-list-line::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-list-item .am-input-label {
    color: #000;
    font-size: 17px;
    margin-left: 0;
    margin-right: 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 0
}

.am-list-item .am-input-label.am-input-label-2 {
    width: 34px
}

.am-list-item .am-input-label.am-input-label-3 {
    width: 51px
}

.am-list-item .am-input-label.am-input-label-4 {
    width: 68px
}

.am-list-item .am-input-label.am-input-label-5 {
    width: 85px
}

.am-list-item .am-input-label.am-input-label-6 {
    width: 102px
}

.am-list-item .am-input-label.am-input-label-7 {
    width: 119px
}

.am-list-item .am-input-control {
    font-size: 17px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.am-list-item .am-input-control input {
    color: #000;
    font-size: 17px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 2px 0;
    border: 0;
    background-color: transparent;
    line-height: 1;
    -webkit-box-sizing: border-box;
    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::-moz-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: 21px;
    height: 21px;
    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%20fill%3D'%23fff'%20viewBox%3D'0%200%2030%2030'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
    background-size: 21px auto;
    background-position: 2px 2px
}

.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;
    -webkit-flex: initial;
    -ms-flex: initial;
    flex: initial;
    min-width: 0;
    max-height: 21px;
    overflow: hidden;
    padding-right: 0;
    line-height: 1;
    color: #888;
    font-size: 15px;
    margin-left: 5px
}

.am-list-item.am-input-error .am-input-control input {
    color: #f50
}

.am-list-item.am-input-error .am-input-error-extra {
    height: 21px;
    width: 21px;
    margin-left: 6px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D'18'%20height%3D'18'%20viewBox%3D'0%200%2018%2018'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cg%20transform%3D'translate(-300.000000%2C%20-1207.000000)'%20fill%3D'%23FF5500'%3E%3Cg%20id%3D'exclamation-circle-o'%20transform%3D'translate(300.000000%2C%201207.000000)'%3E%3Cpath%20d%3D'M9%2C16.734375%20C10.0441406%2C16.734375%2011.0566406%2C16.5304688%2012.009375%2C16.1279297%20C12.9304688%2C15.7376953%2013.7566406%2C15.1804687%2014.4685547%2C14.4703125%20C15.1787109%2C13.7601563%2015.7376953%2C12.9322266%2016.1261719%2C12.0111328%20C16.5304688%2C11.0566406%2016.734375%2C10.0441406%2016.734375%2C9%20C16.734375%2C7.95585938%2016.5304688%2C6.94335938%2016.1279297%2C5.990625%20C15.7376953%2C5.06953125%2015.1804687%2C4.24335938%2014.4703125%2C3.53144531%20C13.7601563%2C2.82128906%2012.9322266%2C2.26230469%2012.0111328%2C1.87382813%20C11.0566406%2C1.46953125%2010.0441406%2C1.265625%209%2C1.265625%20C7.95585938%2C1.265625%206.94335938%2C1.46953125%205.990625%2C1.87207031%20C5.06953125%2C2.26230469%204.24335938%2C2.81953125%203.53144531%2C3.5296875%20C2.82128906%2C4.23984375%202.26230469%2C5.06777344%201.87382813%2C5.98886719%20C1.46953125%2C6.94335938%201.265625%2C7.95585938%201.265625%2C9%20C1.265625%2C10.0441406%201.46953125%2C11.0566406%201.87207031%2C12.009375%20C2.26230469%2C12.9304688%202.81953125%2C13.7566406%203.5296875%2C14.4685547%20C4.23984375%2C15.1787109%205.06777344%2C15.7376953%205.98886719%2C16.1261719%20C6.94335938%2C16.5304688%207.95585938%2C16.734375%209%2C16.734375%20L9%2C16.734375%20Z%20M9%2C18%20C4.02890625%2C18%200%2C13.9710937%200%2C9%20C0%2C4.02890625%204.02890625%2C0%209%2C0%20C13.9710937%2C0%2018%2C4.02890625%2018%2C9%20C18%2C13.9710937%2013.9710937%2C18%209%2C18%20L9%2C18%20L9%2C18%20Z%20M9%2C6.75%20C8.61152344%2C6.75%208.296875%2C7.06464844%208.296875%2C7.453125%20L8.296875%2C13.9394531%20C8.296875%2C14.3279297%208.61152344%2C14.6425781%209%2C14.6425781%20C9.38847656%2C14.6425781%209.703125%2C14.3279297%209.703125%2C13.9394531%20L9.703125%2C7.453125%20C9.703125%2C7.06464844%209.38847656%2C6.75%209%2C6.75%20L9%2C6.75%20Z%20M8.20898438%2C4.83398438%20C8.20898438%2C5.27085024%208.56313413%2C5.625%209%2C5.625%20C9.43686587%2C5.625%209.79101562%2C5.27085024%209.79101562%2C4.83398438%20C9.79101562%2C4.39711851%209.43686587%2C4.04296875%209%2C4.04296875%20C8.56313413%2C4.04296875%208.20898438%2C4.39711851%208.20898438%2C4.83398438%20L8.20898438%2C4.83398438%20Z'%20id%3D'Shape'%20transform%3D'translate(9.000000%2C%209.000000)%20scale(1%2C%20-1)%20translate(-9.000000%2C%20-9.000000)%20'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 21px auto
}

.am-list-item.am-input-disabled .am-input-label {
    color: #bbb
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

.Agent-Response-Footer {
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.04rem;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 0 0 0 #cdcdcd;
    box-shadow: 0 0 0 0 #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Agent-Response-Footer span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.2rem;
    height: .8rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    letter-spacing: 0
}

.Agent-pageBody-addUser {
    margin-top: .2rem
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-content {
    padding: 0
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .titles {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.34px;
    height: .82rem;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div {
    height: .82rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.34px
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(1) {
    width: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(2) {
    width: 3.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input {
    border: 1px solid #cdcdcd;
    width: 2.8rem;
    height: .72rem;
    text-align: center
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input::-webkit-input-placeholder {
    font-size: .28rem
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.5rem
}

.Agent-pageBody-addUser .my-list-pageBody-addUser .list-item-vip div:nth-child(3) .unified-Amount {
    width: 1.46rem;
    height: .56rem;
    background: #fff;
    border: 1px solid #007aff;
    border-radius: 4px;
    color: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addUser-agent .checkModals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .9rem;
    margin: .1rem 0;
    background: #fff;
    padding: 0 17px
}

.addUser-agent .addUser-agent-room.bevisible {
    display: none
}

.addUser-agent .addUser-agent-legacy.bevisible {
    display: none
}

.addUser-agent .my-list-addUser-agent .am-list-content {
    padding: 0
}

.addUser-agent .my-list-addUser-agent .titles {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.34px;
    height: .7rem;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: .1rem
}

.addUser-agent .my-list-addUser-agent .modalReOFF {
    height: .8rem;
    padding: .2rem 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.addUser-agent .my-list-addUser-agent .modalReOFF > span {
    padding-right: .34rem
}

.addUser-agent .my-list-addUser-agent .modalReOFF .am-switch .am-switch-checkbox {
    border: 1px solid #e5e5e5
}

.addUser-agent .my-list-addUser-agent .modalReOFF .am-switch .checkbox {
    width: .9rem;
    height: .5rem;
    border: 1px solid #e5e5e5
}

.addUser-agent .my-list-addUser-agent .modalReOFF .am-switch .checkbox:before {
    width: .9rem;
    height: .5rem;
    top: 0;
    left: 0;
    border: 1px solid #e5e5e5
}

.addUser-agent .my-list-addUser-agent .modalReOFF .am-switch .checkbox:after {
    width: .46rem;
    height: .46rem;
    top: 0;
    left: 0
}

.addUser-agent .my-list-addUser-agent .contentTitle {
    font-size: .28rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.addUser-agent .my-list-addUser-agent .list-item-agent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addUser-agent .my-list-addUser-agent .list-item-agent div {
    height: .82rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.34px
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(1), .addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(2) {
    width: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(1) input, .addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(2) input {
    border: 1px solid #cdcdcd;
    width: 2.3rem;
    height: .7rem;
    text-align: center
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(1) input::-webkit-input-placeholder, .addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(2) input::-webkit-input-placeholder {
    font-size: .28rem
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1.6rem
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(3) input {
    border: 1px solid #cdcdcd;
    width: .8rem;
    height: .7rem;
    text-align: center
}

.addUser-agent .my-list-addUser-agent .list-item-agent div:nth-child(3) input::-webkit-input-placeholder {
    font-size: .28rem
}

.addUser-agent .my-list-addUser-agent .list-item-agent-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.addUser-agent .my-list-addUser-agent .list-item-agent-title div {
    height: .5rem;
    font-size: .28rem;
    color: #999;
    letter-spacing: -.07px;
    text-align: center
}

.addUser-agent .my-list-addUser-agent .list-item-agent-title div:nth-child(1), .addUser-agent .my-list-addUser-agent .list-item-agent-title div:nth-child(2) {
    width: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addUser-agent .my-list-addUser-agent .list-item-agent-title div:nth-child(3) {
    width: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.addUser-agent .my-list-addUser-agent .settlementInvatal .am-list-content {
    font-size: .3rem;
    color: #333;
    letter-spacing: 0
}

.addUser-agent .my-list-addUser-agent .bonusGroup .contentTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: .7rem
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item {
    width: 50%;
    font-size: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: .09rem 0
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span {
    display: block
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:first-child {
    width: 1.2rem
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input {
    border: 1px solid #cdcdcd;
    width: 1.7rem;
    height: .7rem;
    text-align: center;
    margin-right: .1rem
}

.addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input::-webkit-input-placeholder {
    font-size: .28rem
}

.am-switch {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.am-switch .checkbox {
    width: 51px;
    height: 31px;
    border-radius: 31px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.am-switch .checkbox:before {
    content: ' ';
    position: absolute;
    left: 1.5px;
    top: 1.5px;
    width: 48px;
    height: 28px;
    border-radius: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.am-switch .checkbox:after {
    content: ' ';
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    position: absolute;
    z-index: 2;
    left: 1.5px;
    top: 1.5px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .21);
    box-shadow: 2px 2px 4px 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(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.am-switch input[type=checkbox]:disabled + .checkbox {
    opacity: .3
}

.am-switch.am-switch-android .checkbox {
    width: 72px;
    height: 23px;
    border-radius: 3px;
    background: #a7aaa6
}

.am-switch.am-switch-android .checkbox:before {
    display: none
}

.am-switch.am-switch-android .checkbox:after {
    width: 35px;
    height: 21px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 1PX;
    top: 1PX
}

.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(35px);
    -ms-transform: translateX(35px);
    transform: translateX(35px)
}

.checkBoxItem {
    display: inline-block
}

.checkBoxItem > img {
    width: .4rem;
    height: .4rem;
    display: block;
    margin-right: .12rem
}

.checkBoxItem.checkBoxSelect > img:nth-child(2) {
    display: none
}

.checkBoxItem.checkBoxSelected > img:nth-child(1) {
    display: none
}

.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.transfer_container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.transfer_container .lottery-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11 !important
}

.transfer_container .lottery-header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .36rem
}

.transfer_container .lottery-header-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: .32rem;
    height: .88rem;
    z-index: 12
}

.transfer_container .lottery-header-back > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transfer_container .lottery-header-back img {
    width: .25rem;
    height: .42rem
}

.transfer_container .lottery-header-right {
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: .32rem;
    height: .88rem;
    z-index: 9999
}

.transfer_container .lottery-header-right > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transfer_container .lottery-header-right img {
    width: .46rem;
    height: .5rem
}

.transfer_container .wxh_container {
    width: 100%;
    margin-top: .88rem
}

.transfer_container .wxh_container .wxh_select_div {
    width: 100%;
    height: .94rem;
    position: fixed;
    z-index: 13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.transfer_container .wxh_container .wxh_select_div > div {
    width: 93%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Medium;
    font-size: .3rem;
    color: #555;
    letter-spacing: -.21px;
    text-align: center
}

.transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) {
    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;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.54px;
    margin-left: .24rem
}

.transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span {
    padding: .12rem .24rem;
    margin-right: .2rem;
    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;
    background: #fff;
    border: 1px solid #ff344d;
    border-radius: .2rem
}

.transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span:nth-last-child(1) {
    margin-right: 0
}

.transfer_container .wxh_container .wxh_select_div > div:nth-child(2) {
    border: none
}

.transfer_container .wxh_container .wxh_select_div > div:nth-child(2) > div:nth-child(2) > span {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 0 0
}

.transfer_container .wxh_container .wxh_select_div > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) {
    border: none
}

.transfer_container .wxh_container .wxh_select_div_1 {
    width: 100%;
    height: .94rem;
    background-color: #fff;
    position: fixed;
    top: 1.82rem;
    z-index: 13;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 3px solid rgba(205, 205, 205, .5);
    font-family: PingFangSC-Regular;
    font-size: .3rem;
    color: #333;
    letter-spacing: -.58px
}

.transfer_container .wxh_container .wxh_select_div_1 > div {
    width: 33.3%;
    padding-top: .1rem;
    padding-bottom: .1rem;
    text-align: center;
    border-right: 1px solid #cdcdcd
}

.transfer_container .wxh_container .wxh_select_div_1 > div:nth-last-child(1) {
    border-right-color: transparent
}

.transfer_container .wxh_container .Panel_V2 {
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: .14rem;
    padding-left: .14rem;
    margin-top: .2rem
}

.transfer_container .wxh_container .Panel_V2 > div {
    width: 100%;
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-shadow: 0 1px 1px 0 #ededed;
    box-shadow: 0 1px 1px 0 #ededed
}

.transfer_container .wxh_container .Panel_V2 > div > span {
    text-align: center;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    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
}

.transfer_container .textDe {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #50b5eb;
    letter-spacing: -.17px;
    text-align: center;
    text-decoration: underline
}

.transfer_container .textDe_1 {
    background: #ff4941 !important;
    border: 0 solid #ff4941 !important;
    border-radius: .32rem;
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #fff !important;
    letter-spacing: -.49px
}

.transfer_container .am-list-body::before {
    display: none !important
}

.transfer_container .am-list-body::after {
    display: none !important
}

.transfer_container .am-list-line {
    padding: 0 !important
}

.transfer_container .am-list-item {
    padding: 0 !important;
    min-height: 10px !important
}

.transfer_container .am-list-content {
    text-align: center !important;
    padding: 0 !important
}

.transfer_container .content {
    margin-top: .88rem
}

.transfer_container .Calendar_div_2 {
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #333;
    letter-spacing: -.49px
}

.transfer_container .wxh_transfer_modal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal {
    width: 7.04rem;
    height: 80%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333;
    font-size: .28rem;
    background-color: #fff;
    border-radius: .24rem;
    position: relative
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .44rem;
    margin-bottom: 1.36rem;
    overflow-y: auto
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div {
    margin-bottom: .2rem;
    width: 90%;
    height: auto
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(3) {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(3) > p {
    margin-bottom: .18rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(3) .wxh_teamBet_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(3) .wxh_teamBet_tab > span {
    width: 1.8rem;
    height: .8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: .8rem;
    text-align: center;
    border: 1px solid #d8d8d8;
    border-radius: .12rem;
    margin-bottom: .2rem;
    margin-right: .12rem;
    margin-left: .1rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1), .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) > span, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) > span {
    width: 20%;
    height: 100%;
    float: left;
    line-height: .8rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) > input, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) > input {
    width: 70%;
    height: .6rem;
    display: inline;
    padding-left: .24rem;
    background: #f2f2f2;
    border-radius: .192rem;
    border: none
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar {
    width: 100%;
    height: .66rem;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar > span, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar > span {
    width: 2.4rem;
    height: .66rem;
    border-radius: .2rem;
    background: #f2f2f2;
    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
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar > span:nth-child(1), .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar > span:nth-child(1) {
    margin-right: .46rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar .am-list-arrow, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar .am-list-arrow {
    display: none
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar .am-list-item, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar .am-list-item {
    background-color: #f2f2f2 !important;
    padding-left: 0;
    min-height: 35px
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar .am-list-body::before, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar .am-list-body::before {
    height: 0
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(1) .showCalendar .am-list-body::after, .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(1) > div:nth-child(2) .showCalendar .am-list-body::after {
    height: 0
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) {
    width: 100%;
    height: 1.36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #cdcdcd;
    z-index: 99;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-bottom-left-radius: .24rem;
    border-bottom-right-radius: .24rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: .8rem;
    color: #fff;
    font-size: .3rem;
    background-color: #cdcdcd;
    text-align: center;
    line-height: .8rem;
    border-radius: .12rem
}

.transfer_container .wxh_transfer_modal .wxh_teamBet_close {
    width: .54rem;
    height: .54rem;
    background-color: #fff;
    border-radius: 50%;
    margin-top: .5rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.transfer_container .teamBet_color {
    border-color: #ff4941 !important;
    background-color: #ff4941 !important;
    color: #fff;
    font-size: .28rem
}

.transfer_container .wxh_transfer_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    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
}

.LoginItem {
    height: 100%;
    background-size: 100%;
    font-size: .3rem;
    color: #131313
}

.LoginItem .login_bar {
    position: relative;
    background: linear-gradient(0deg, #f5bd6b, #f5bd6b);
    position: relative;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    font-size: .36rem
}

.LoginItem .login_bar .lang_cur_s {
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .3rem;
    top: .05rem;
    display: none
}

.LoginItem .login_bar .lang_cur_s > img {
    position: absolute;
    width: .4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -.15rem;
    top: .3rem
}

.LoginItem .login_bar .lang_cur_t {
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .3rem;
    top: .05rem;
    display: none
}

.LoginItem .login_bar .lang_cur_t > img {
    position: absolute;
    width: .4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -.15rem;
    top: .3rem
}

.LoginItem .login_bar .lang_cur_e {
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .3rem;
    top: .05rem;
    display: none
}

.LoginItem .login_bar .lang_cur_e > img {
    position: absolute;
    width: .4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -.15rem;
    top: .3rem
}

.LoginItem .login_bar .lang_cur_v {
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .3rem;
    top: .05rem;
    display: none
}

.LoginItem .login_bar .lang_cur_v > img {
    position: absolute;
    width: .4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -.15rem;
    top: .3rem
}

.LoginItem .login_bar .lang_cur_in {
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .3rem;
    top: .05rem;
    display: none
}

.LoginItem .login_bar .lang_cur_in > img {
    position: absolute;
    width: .4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -.15rem;
    top: .3rem
}

.LoginItem .login_bar .lang_lump {
    display: none;
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    background: rgba(255, 255, 255, .3);
    border: .01rem solid #333;
    border-radius: .8rem;
    z-index: 99;
    font-size: .16rem;
    right: .2rem;
    top: .15rem
}

.LoginItem .login_bar .lang_lump a.lang {
    padding: 0 !important;
    font-size: .32rem !important;
    height: .8rem;
    line-height: .8rem;
    color: #6e6e6e
}

.LoginItem .login_bar .lang_lump a {
    display: block
}

.LoginItem .login_bar > a {
    position: absolute;
    top: .1rem;
    left: 0
}

.LoginItem header {
    width: 100%;
    height: 3.6rem;
    text-align: center;
    position: relative
}

.LoginItem header .login-delete {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .48rem;
    right: .58rem
}

.LoginItem header .login-logo {
    width: auto;
    height: auto;
    position: absolute;
    top: .8rem;
    left: 0;
    right: 0;
    margin: auto
}

.LoginItem header .login-logo img {
    width: 1.15rem;
    height: auto
}

.LoginItem content .content-tab {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 .7rem 0
}

.LoginItem content .tab-title {
    font-size: .32rem;
    color: #131313;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .12rem
}

.LoginItem content .tab-title .active {
    color: #ff4941
}

.LoginItem content .tab-transform {
    position: relative;
    height: 2px;
    width: 4rem;
    background: #d8d8d8
}

.LoginItem content .tab-transform .active {
    position: absolute;
    top: 0;
    height: 2px;
    width: 1.6rem;
    background: #ff4941
}

.LoginItem content .content-input {
    margin: 1rem .3rem;
    border-radius: 25px
}

.LoginItem content .content-input .LoginInput {
    margin-bottom: .38rem
}

.LoginItem content .content-input .LoginInput:first-child > div img {
    width: .3rem;
    height: .3rem
}

.LoginItem content .content-input .Button {
    margin: .88rem 0 20px 0;
    margin-top: 0
}

.LoginItem content .content-input .input-link {
    font-size: .28rem;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.LoginInputTopp {
    text-align: center;
    color: #1180c2;
    padding: 30px 0;
    font-size: 20px
}

.LoginItem content .content-input .input-link-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.LoginItem content .content-input .input-link-1, .LoginItem content .content-input .input-link-2 {
    width: 2rem;
    font-size: .28rem;
    color: #999;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.LoginItem content .content-input .input-link-1 img {
    width: .5rem
}

.LoginItem content .content-input .input-link-2 img {
    width: .65rem
}

.LoginItem content .content-input .input-link-1 span {
    margin-top: 5px
}

.LoginItem .input-link a {
    font-size: .28rem;
    color: #999
}

.verify-code {
    height: .62rem;
    line-height: .62rem
}

.z-index-top {
    z-index: 10000
}

.FreeTryItem {
    font-size: .3rem;
    color: #131313
}

.FreeTryItem .FreeTryItem-title {
    text-align: center;
    padding: .52rem 0
}

.FreeTryItem .FreeTryItem-title img {
    width: 2.5rem;
    height: 1rem
}

.FreeTryItem .FreeTryItem-content {
    padding: 0 .6rem
}

.FreeTryItem .FreeTryItem-content .Button {
    margin: .9rem 0 .6rem 0
}

.FreeTryItem .FreeTry-content-input {
    border-bottom: 1px solid #e0e0e0;
    padding: .18rem 0;
    margin-bottom: .4rem
}

.FreeTryItem .FreeTry-content-input span:first-child {
    font-size: .32rem;
    color: #333;
    margin-right: .4rem
}

.FreeTryItem .FreeTry-content-input span:last-child {
    font-size: .32rem;
    color: #666
}

.FreeTryItem .FreeTry-content-pwd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.FreeTryItem .FreeTry-content-pwd img {
    width: .38rem;
    height: .3rem
}

.FreeTryItem .FreeTry-content-link {
    font-size: .28rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.FreeTryItem footer {
    padding: 0 .52rem 0 .36rem
}

.FreeTryItem footer h4 {
    font-size: .32rem;
    color: #333;
    font-weight: 400;
    margin: .36rem 0 .08rem 0
}

.FreeTryItem footer .footer-text {
    font-size: .28rem;
    color: #2a2a2a;
    line-height: .5rem
}

.NameRegister {
    margin: 0 .3rem;
    border-radius: 25px;
    padding: 0 .42rem
}

.NameRegister .NameReg-title {
    font-size: .28rem;
    color: #999;
    padding-left: .46rem;
    margin: .22rem 0 .3rem 0
}

.Register-clause {
    display: -webkit-box;
    justify-content: center;
    font-size: .28rem;
    margin-bottom: .4rem;
    padding-left: 8px;
    margin-top: -15px
}

.Register-clause img {
    width: .32rem;
    margin-right: .16rem
}

.Register-clause a {
    font-size: .28rem
}

.AllRegister .AllRegister-content {
    margin-top: .2rem;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0
}

.AllRegister .AllRegister-content .content-li:last-child {
    border: none
}

.AllRegister .content-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e0e0e0;
    padding-right: .3rem;
    height: .9rem;
    line-height: .9rem;
    font-size: .32rem;
    color: #333;
    margin-left: .32rem
}

.AllRegister .content-li span {
    width: 2rem
}

.AllRegister .content-li.content-li-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0;
    padding-left: .32rem
}

.AllRegister .content-li.content-li-last > div {
    font-size: .3rem;
    color: #666;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.AllRegister .content-li.content-li-last > div img {
    width: .12rem
}

.AllRegister .content-li-pwd img {
    width: .38rem
}

.AllRegister .Register-clause {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .32rem;
    margin: .68rem 0
}

.AllRegister .Button {
    margin: 0 .62rem
}

.Register .content-tab {
    margin: 1.6rem 0 0 0 !important;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Register .tab-title {
    font-size: .32rem;
    color: #131313;
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .12rem
}

.Register .tab-title .active {
    color: #ff4941
}

.Register .tab-transform {
    position: relative;
    height: 2px;
    width: 5rem;
    background: #d8d8d8
}

.Register .tab-transform .active {
    position: absolute;
    top: 0;
    height: 2px;
    width: 2.5rem;
    background: #ff4941
}

.Register .content {
    margin-top: .4rem !important
}

.LoginItem .login_trigger_btn {
    text-align: center;
    color: #fff;
    font-size: .28rem;
    margin-top: .5rem;
    padding-bottom: .3rem
}

.LoginItem .login_trigger_btn span {
    color: #e03c2f;
    padding-left: 6px
}

.wxh_userManage_configTitle {
    padding: 0 17px;
    background-color: #fff;
    height: 1.5rem;
    line-height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.teamProfit_container .wxh_container {
    position: relative;
    margin-top: .88rem
}

.teamProfit_container .wxh_container .datePicker {
    padding: .3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid grey
}

.teamProfit_container .wxh_select_div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    background-color: #fff;
    z-index: 13
}

.teamProfit_container .wxh_select_div > div {
    width: 93%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #cdcdcd;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333;
    letter-spacing: -.89px
}

.teamProfit_container .wxh_select_div > div > div:nth-child(2) {
    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;
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #333;
    letter-spacing: -.49px;
    margin-left: .24rem
}

.teamProfit_container .wxh_select_div > div > div:nth-child(2) > span {
    padding: .12rem .24rem;
    margin-right: .2rem;
    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;
    background: #fff;
    border: 1px solid #ff344d;
    border-radius: .32rem
}

.teamProfit_container .wxh_select_div > div > div:nth-child(2) > span:nth-last-child(1) {
    margin-right: 0
}

.teamProfit_container .wxh_select_div > div:nth-child(2) {
    border: none
}

.teamProfit_container .wxh_select_div > div:nth-child(2) > div:nth-child(2) > span {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 0 0
}

.teamProfit_container .wxh_select_div > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) {
    border: none
}

.teamProfit_container .wxh_select_div_1 {
    width: 100%;
    height: .94rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 3px solid rgba(205, 205, 205, .5);
    font-family: PingFangSC-Regular;
    font-size: .3rem;
    color: #333;
    letter-spacing: -.58px;
    position: fixed;
    background-color: #fff;
    z-index: 10
}

.teamProfit_container .wxh_select_div_1 > div {
    width: 25%;
    padding-top: .1rem;
    padding-bottom: .1rem;
    text-align: center;
    border-right: 1px solid #cdcdcd
}

.teamProfit_container .wxh_select_div_1 > div:nth-last-child(1) {
    border-right-color: transparent
}

.teamProfit_container .Panel_V2 .div_1 {
    width: 100%;
    height: .74rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.teamProfit_container .Panel_V2 .div_1 > span {
    text-align: center;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teamProfit_container .Panel_V2 .div_1 > span:nth-last-child(1) {
    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
}

.teamProfit_container .Panel_V2 .div_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fbfbfb;
    border-top: 1px solid #dadada;
    text-align: center
}

.teamProfit_container .Panel_V2 .div_2 > div {
    width: 32%;
    height: 1.2rem;
    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;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.teamProfit_container .textDe {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #50b5eb;
    letter-spacing: -.17px;
    text-align: center;
    text-decoration: underline
}

.teamProfit_container .textDe_1 {
    background: #ff4941 !important;
    border: 0 solid #ff4941 !important;
    border-radius: .32rem;
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #fff !important;
    letter-spacing: -.49px
}

.teamProfit_container .am-list-body::before {
    display: none !important
}

.teamProfit_container .am-list-body::after {
    display: none !important
}

.teamProfit_container .am-list-line {
    padding: 0 !important
}

.teamProfit_container .am-list-item {
    padding: 0 !important;
    min-height: 10px !important
}

.teamProfit_container .am-list-content {
    text-align: center !important;
    padding: 0 !important;
    margin-left: 10px;
    margin-right: 10px
}

.teamProfit_container .am-list-arrow {
    width: 0 !important;
    margin-left: 0 !important
}

.teamProfit_container .content {
    margin-top: 0
}

.teamProfit_container .Calendar_div_2 {
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #333;
    letter-spacing: -.49px
}

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

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

.wxh_teamBet_container .wxh_teamBet_list {
    border-bottom: 1px solid #f4a460
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 1.1rem;
    position: fixed;
    z-index: 10;
    bottom: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-size: cover;
    background-color: transparent
}

.footer-nav * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.footer-nav div {
    padding: 0 .54rem;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    background: #fff;
    box-shadow: 0 0 1px rgb(0 0 0 / 25%);
    border-radius: 12px 12px 0 0;
}

.footer-nav div li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1rem;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 6px
}

.footer-nav div li .unreadMes {
    background: #ff4941;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 77, 85, .4);
    box-shadow: 0 1px 1px 0 rgba(255, 77, 85, .4);
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    position: absolute;
    top: .1rem;
    right: -.16rem
}

.footer-nav div .footer-link {
    width: 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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer-nav div .footer-link span {
    font-size: .22rem;
    margin-top: .1rem;
    color: #929292;
}

.footer-nav div .active span {
    font-size: .22rem;
    margin-top: .1rem;
    color: #FF2742;
}

.footer-nav div .footer-link img {
    height: .5rem
}

.footer-nav > img {
    width: 100%;
    height: 1.5rem;
    display: block;
    position: absolute;
    bottom: 0
}

.drop-down {
    position: relative;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    top: .88rem;
    bottom: 1rem;
    position: fixed;
    z-index: 11
}

.drop-down em {
    display: block;
    width: 100%;
    height: 100%
}

.drop-down ul {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-height: 95%;
    overflow: hidden;
    overflow-y: scroll;
    padding: .4rem .32rem;
    background: #fff
}

.drop-down ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .68rem;
    width: 1.92rem;
    background: #fff;
    margin: .2rem .15rem;
    border-radius: 4px;
    text-align: center;
    line-height: .68rem;
    background: #f0f0f0
}

.drop-down ul li.active {
    background: #ff4d55;
    color: #fff
}

.luck28Table table {
    position: relative
}

.luck28Table table tbody div {
    position: relative;
    z-index: 1
}

.luck28Table table tbody .blue, .luck28Table table tbody .gray, .luck28Table table tbody .green, .luck28Table table tbody .red {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 10px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.luck28Table table tbody .w-p {
    width: 32px
}

.timeColorTable ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: .2rem;
    margin-top: .2rem
}

.timeColorTable ul li {
    color: #666
}

.timeColorTable ul li.active {
    color: #ff4941
}

.timeColorTable .blue, .timeColorTable .gray, .timeColorTable .green, .timeColorTable .red {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 10px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    z-index: 10
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(images/c5cd7f53.ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=);
    src: url(data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=?#iefix) format('embedded-opentype'), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format('woff'), url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=) format('truetype'), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format('svg')
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '\2190'
}

[dir=rtl] .slick-prev:before {
    content: '\2192'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: '\2192'
}

[dir=rtl] .slick-next:before {
    content: '\2190'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\2022';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}

.pk10Table .tab {
    position: relative;
    margin-bottom: .2rem;
    margin-top: .2rem
}

.pk10Table .tab div {
    color: #666;
    text-align: center
}

.pk10Table .tab div.active {
    color: #ff4941
}

.pk10Table .tab-uc {
    width: 100%;
    padding: 10px 0;
    overflow: auto
}

.pk10Table .tab-uc section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pk10Table .tab-uc section div {
    width: 60px;
    color: #666;
    text-align: center
}

.pk10Table .tab-uc section div.active {
    color: #ff4941
}

.pk10Table .blue, .pk10Table .gray, .pk10Table .green, .pk10Table .red {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 10px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    z-index: 10
}

.pk10Table .w-p {
    width: 32px
}

.pk10Table .dropDownL, .pk10Table .dropDownR {
    width: 15px;
    height: 30px;
    position: absolute;
    top: -5px
}

.pk10Table img.dropDownL {
    left: -19px
}

.pk10Table img.dropDownR {
    right: -19px
}

.pk10Table .slick-track {
    margin-left: -.12rem
}

.slide-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto
}

.slide-content section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.tab {
    height: .4rem;
    line-height: .4rem
}

.header-nav {
    z-index: 11 !important
}

.trend {
    margin-bottom: 1.2rem
}

.trend .TarView .active-opacity {
    font-size: .26rem
}

.trend .trend-title div {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .14rem solid transparent;
    border-right: .14rem solid transparent;
    border-top: .16rem solid #fff;
    margin-left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.trend .trend-setting, .trend .trend-title {
    color: #fff
}

.trend .trend-setting .thress, .trend .trend-title .thress {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.trend .trend-buy-info {
    position: relative;
    height: 1rem;
    margin-top: 1rem;
    background: rgba(255, 255, 255, .8);
    -webkit-box-shadow: 0 0 0 0 #f0f0f0;
    box-shadow: 0 0 0 0 #f0f0f0
}

.trend .trend-buy-info ul {
    color: #fff;
    position: absolute;
    top: 50%;
    width: 2.56rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2.72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trend .trend-buy-info ul li {
    float: left;
    height: 26px;
    width: .6rem;
    line-height: 26px;
    text-align: center;
    background: #5a5a5a;
    -webkit-box-shadow: 0 2px 4px 0 #5a5a5a;
    box-shadow: 0 2px 4px 0 #5a5a5a;
    border-radius: 4px;
    margin-left: 12px
}

.trend .trend-buy-info ul li.timeAfter::after {
    content: ':';
    position: absolute;
    margin-left: .22rem;
    font-size: .28rem;
    color: #151515
}

.trend .trend-buy-info span:first-child {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19px
}

.trend .trend-buy-info span:last-child {
    color: #ff4941;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .76rem
}

.trend .trend-buy-info span:last-child::after {
    position: absolute;
    content: ' ';
    width: 7px;
    height: 7px;
    border-top: 2px solid #ff4941;
    border-right: 2px solid #ff4941;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
    right: -.2rem
}

.trend-modal {
    width: 90vw
}

.trend-modal .Button {
    background: #ff4941;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    width: 32%;
    margin-left: auto;
    margin-right: auto
}

.trend-modal .choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.trend-modal .choice label {
    width: 50%;
    color: #666;
    position: relative;
    text-align: left;
    margin-bottom: .52rem
}

.trend-modal .choice label input {
    display: none;
    z-index: 999
}

.trend-modal .choice .radio-label {
    margin-left: .8rem
}

.spanDis::before {
    content: ' ';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAUVBMVEUAAACampqYmJiYmJiXl5eampqYmJiXl5eYmJiYmJiYmJiZmZmYmJiZmZmenp7///+Xl5f5+fnq6urDw8Ojo6O9vb3z8/Pw8PDl5eXa2tqwsLAxBJZiAAAAD3RSTlMALcGj8/744N7Zj4l8HhWrJ5hPAAABAUlEQVQ4y6WVSbKDMBBDP7aZCS0PjPc/6E85Q5GEgFXR+i1kdVv995OyTqvamFrpLjshmwobVc13/qIBBL/Mk7XTvPgAQF/22bZA7p1s5HyOot1BewUMo7xpHADVf7gtEZzsyAWU2RtrsFrZlV1hXui+xCBfNaDcOlFY5UAr1CYHBHsE24D2mW8BJ4dyKB5564fhI9v6ngTy8Qwec9wSaeDlVB5NhCu4c9ihurkIkqAQfXTwKbBHF7NYUuAl5qEwp8BznGKNKQWeUF9hA5sCWxgKpmxQD6Sio4ZCjZtZJGpFqeVnvhX1YZkqYEqGqi+mGJnKZcqcOBPMAeJOG380ef0DVT9SCd7p4o0AAAAASUVORK5CYII=) no-repeat center;
    background-size: contain;
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: .3rem
}

.spanSel::before {
    content: ' ';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAe1BMVEUAAAD/TlX/Tln/T1X/TVX/TVX/TlX/Tlb/TVX/TVX/TVX/Tlb/Tlb/Tlb/VVX/VVX/VVX/Tlb/T1X/TVX/////9/f/5+j/3N7/mJ3/dnz/aG//YGf/jZL/UVn/8PH/6uv/2tv/1NX/09X/xcf/wMP/pan/e4H/W2L/Vl3gZknOAAAAE3RSTlMA8y4t+ODe2cO/paGPiR4VBnx7si1zUwAAAWRJREFUOMullemSgjAQhBflPkRsQEJAlPv9n3AhEQ8ktTtl/6PyhfRkJjM/X2l/ch1L0yzHPe3/IH0TLzJ9NX/wAPCsrdMkSes24wC8wyZ6DHSU2TV+0TUroQfHTza0gaKKV6oKwA7X7M4AP8cbOnMYuxWrgV3iTV0YtDc6NFAky6+6Ph/HvO+Wg5ICRvgSmw12Z5scD+XNnWawn1EG4NJDyvAmlkonHMHjfnXII28DVhpu0hr05b49FJIt8aFS0gW8e45RVsLDgA0NwklVQmbeRyZ2M2yKicUMvoBNiBw3UKgRmYcp8gEu9uYqOBfLHHNmImQyYKXO0kc0wS7a+aNTw9283sKdYAf1/NGr4X5er+FMsIX0aVltOoU1wRpEWYxqeBQFAo0Ek2yQAiRdHSUpJ1F0/0z3nlJIpBIlFT/lWZEeLKUVkJoMpX1RGiOl5ZKbOX1M0AcQfbTJSKNlaEa7n2/0C1K0bzxm2PWMAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain;
    width: .4rem;
    height: .4rem;
    position: absolute;
    left: .3rem
}

.notice {
    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-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100vh;
    padding-top: .88rem;
    background: #fff;
    overflow: hidden
}

.notice .list {
    background: #fff;
    min-height: 90vh
}

.notice .list div {
    font-size: 15px;
    color: #666
}

.notice .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    overflow: auto
}

.notice .dec {
    padding: 11px 0;
    margin: 0 16px;
    border-bottom: 1px #efefef solid
}

.notice .dec header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.notice .dec .time {
    margin-top: .2rem;
    font-size: 12px;
    color: #999;
    text-align: right
}

.notice .dec .title {
    font-size: 15px;
    font-weight: 500
}

.notice .dec .message {
    color: #989a9c;
    font-size: 14px;
    word-break: break-word;
    white-space: normal
}

.notice .dec .message img {
    max-width: 100%
}

.dianjing {
    background-color: #171717
}

.dianjing .header, .dianjing header {
    background-color: #171717
}

.dianjing .lottery-header-container {
    background-color: #171717
}

.dianjing .tabButton .btn {
    background: 0 0;
    border: 1px solid #fec80d;
    color: #fec80d
}

.dianjing .tabButton .btn-choise {
    background: #fec80d;
    color: #fff;
    border: none
}

.dianjing .content .Button {
    background: #344561
}

.dianjing .content .LoginInput {
    background-color: #0f1216 !important
}

.dianjing .content .LoginInput p {
    color: #bec2c8
}

.dianjing .content .LoginInput input {
    color: #bec2c8;
    background-color: #0f1216
}

.dianjing .LoginItem {
    background: #171717;
    height: -webkit-fill-available
}

.dianjing .LoginItem header {
    background: 0 0
}

.dianjing .LoginItem content .tab-title span {
    color: #bec2c8
}

.dianjing .LoginItem content .tab-title .active {
    color: #f2ba36
}

.dianjing .LoginItem content .tab-transform .active {
    background: #f2ba36
}

.dianjing .LoginItem content .content-input .Button {
    background: #344561
}

.dianjing .LoginItem content .content-input .Button.active {
    -webkit-box-shadow: 0 2px 4px 0 #f2ba36;
    box-shadow: 0 2px 4px 0 #f2ba36
}

.dianjing .LoginItem content .content-input .LoginInput {
    background-color: #0f1216
}

.dianjing .LoginItem content .content-input .LoginInput p {
    color: #bec2c8
}

.dianjing .LoginItem content .content-input .LoginInput input {
    color: #bec2c8;
    background-color: #0f1216
}

.dianjing .notice {
    background: 0 0
}

.dianjing .notice .dec {
    border: none
}

.dianjing .notice .dec .title {
    color: #bdc2c9
}

.dianjing .Register .content-tab {
    margin: 0 !important;
    padding-top: 1rem
}

.dianjing .Register .content-tab .tab-title {
    color: #bdc2c9
}

.dianjing .Register .content-tab .tab-title span.active {
    color: #f2ba36
}

.dianjing .Register .content-tab .tab-transform .active {
    background: #f2ba36
}

.dianjing .Register .content {
    margin-top: 0 !important
}

.dianjing .NameRegister {
    height: -webkit-fill-available
}

.dianjing .NameRegister .Register-clause a {
    color: #e03c2f
}

.dianjing .NameRegister .Button.active {
    -webkit-box-shadow: 0 2px 4px 0 #f2ba36;
    box-shadow: 0 2px 4px 0 #f2ba36
}

.dianjing .my-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #171717
}

.dianjing .my-content .my_header_v2 {
    background: #171717
}

.dianjing .my-content .my_header_v2 .my_header_v2_div > div:nth-child(2) > div:nth-child(2) {
    color: #fff
}

.dianjing .my-content .numberStyle {
    color: #fdc731
}

.dianjing .my-content .my_money_v2 .my-rank {
    background-color: #171717;
    border-bottom: none
}

.dianjing .my-content .my_money_v2 .my-rank .rank-img > span {
    color: #bec2c8
}

.dianjing .my-content .my_money_v2 .my-rank .rank-bg {
    background: #363f4b
}

.dianjing .my-content .my_money_v2 .my-rank .rank-slide {
    kground: #fec80d;
    background-image: none
}

.dianjing .my-content .my_money_v2_div {
    color: #9f9f9f;
    background: #171717;
    background-color: #171717
}

.dianjing .my-content .my_money_v2_div > div:nth-child(1) {
    border-right: 1px solid #242f3b
}

.dianjing .my-content .my_money_v2_div div > div:nth-child(2) {
    background-image: none;
    border: 2px solid #fec80d;
    border-radius: 35px;
    color: #fdc731
}

.dianjing .my-content .my_item_div div {
    border: 1px solid #242f3b
}

.dianjing .my-content .my_item_div, .dianjing .my-content .my_item_v2 {
    background: #171717
}

.dianjing .my-content .my_item_div span, .dianjing .my-content .my_item_v2 span {
    color: #bec2c8
}

.dianjing .footer-nav {
    background-color: #313131
}

.dianjing .footer-Dowload {
    background: #1e1e1e
}

.dianjing .footer-Dowload .download-btn > span {
    background: #f2ba36
}

.dianjing .RightTextOption {
    background-color: #f2ba36 !important
}

.dianjing .setting {
    background: #171717
}

.dianjing .setting .DetailsItem {
    background-color: #242f3c;
    color: #bec2c8
}

.dianjing .setting .DetailsItem .item-border {
    background-color: #2e4565
}

.dianjing .setting .signOut {
    background-color: #242f3c;
    color: #bec2c8
}

.dianjing .active-content {
    height: inherit;
    background-color: #171717
}

.dianjing .active-content .NoRecord, .dianjing .active-content header {
    background-color: #171717
}

.dianjing .NoRecord {
    background-color: #171717
}

.dianjing .PersonalFroms {
    background-color: #171717
}

.dianjing .PersonalFroms .Personal, .dianjing .PersonalFroms .zonglan {
    height: -webkit-fill-available;
    background-color: #171717
}

.dianjing .PersonalFroms .Personal .tabButton .btn, .dianjing .PersonalFroms .zonglan .tabButton .btn {
    border-radius: 20px;
    border: 1px solid #ceab3c;
    background: #0f1216;
    color: #ceab3c
}

.dianjing .PersonalFroms .Personal .btn-choise, .dianjing .PersonalFroms .zonglan .btn-choise {
    background-color: #fec80d !important;
    color: #fff !important
}

.dianjing .PersonalFroms .Personal .textdec span:nth-child(2), .dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) {
    color: #7c8da4
}

.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) span, .dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) span {
    color: #bec2c8
}

.dianjing .PersonalFroms .Personal .fromList, .dianjing .PersonalFroms .zonglan .fromList {
    background-color: #242f3c
}

.dianjing .PersonalFroms .Personal .fromList div, .dianjing .PersonalFroms .zonglan .fromList div {
    border-right: 1px solid #2e4565;
    border-bottom: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(1), .dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(2), .dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(2) {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .fromList div:nth-last-child(1), .dianjing .PersonalFroms .zonglan .fromList div:nth-last-child(1) {
    background-color: #363f4c;
    border: none
}

.dianjing .PersonalFroms .active-opacity .headerBody {
    border-radius: 5px;
    border: 1px solid #fec80d
}

.dianjing .PersonalFroms .active-opacity .headerBody div {
    color: #ceab3c
}

.dianjing .PersonalFroms .active-opacity .headerBody .active {
    background-color: #fec80d;
    color: #fff
}

.dianjing .PersonalFroms .header-right div span {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .buttonContainer {
    background-color: #0f1216
}

.dianjing .PersonalFroms .Personal .titlsPersonal > div {
    background-color: #242f3c;
    color: #fff
}

.dianjing .PersonalFroms .Personal .titlsPersonal {
    background: #1a232d;
    border: none;
    top: 2.5rem
}

.dianjing .PersonalFroms .Personal .titlsPersonal div {
    height: -webkit-fill-available;
    border-bottom: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .personalList {
    margin-top: 3.38rem;
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .item {
    border: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .personalList .titleCount {
    background-color: #242f3c
}

.dianjing .PersonalFroms .Personal .personalList .titleCount span {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .boxContent {
    background: #171717;
    border-top: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent > div {
    border-bottom: 1px solid #242f3b;
    border-right: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div > span:nth-child(2) {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div:nth-last-child(1) {
    background-color: #363f4c;
    color: #bdc2c9;
    border-top: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div:nth-last-child(1) span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingRecord {
    background-color: #171717
}

.dianjing .BettingRecord .BettingRecord-sel, .dianjing .BettingRecord .BettingRecord-title {
    background-color: #171717
}

.dianjing .BettingRecord .BettingRecord-title-1 {
    color: #2e4565
}

.dianjing .BettingRecord .BettingRecord-title-2 span {
    color: #f2ba36;
    border: 1px solid #f2ba36
}

.dianjing .BettingRecord .BettingRecord-title-sel {
    background: #fec80d;
    color: #fff !important
}

.dianjing .BettingRecord .BettingRecord-sel-1 {
    color: #9f9f9f
}

.dianjing .BettingRecord .BettingRecord-sel {
    border-top: 1px solid #242f3c;
    border-bottom: 2px solid #242f3c
}

.dianjing .BettingRecord .BettingRecord-sel div:nth-child(1), .dianjing .BettingRecord .BettingRecord-sel div:nth-child(2) {
    border-right: 1px solid #242f3b
}

.dianjing .BettingRecord .RecordItem {
    background: 0 0
}

.dianjing .BettingRecord .RecordItem .li-title div, .dianjing .BettingRecord .RecordItem .li-title span {
    color: #bdc2c9
}

.dianjing .BettingRecord .RecordItem .item-border {
    background-color: #242f3c
}

.dianjing .BettingDetails {
    background-color: #171717
}

.dianjing .BettingDetails .BettingDetailsItem, .dianjing .BettingDetails .headers {
    background-color: #171717
}

.dianjing .BettingDetails .BettingDetailsItem div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(1), .dianjing .BettingDetails .headers div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .BettingDetails .BettingDetailsItem .headers, .dianjing .BettingDetails .BettingDetailsItem .meonyCount, .dianjing .BettingDetails .BettingDetailsItem .meonyCount div, .dianjing .BettingDetails .headers .headers, .dianjing .BettingDetails .headers .meonyCount, .dianjing .BettingDetails .headers .meonyCount div {
    background-color: #242f3c
}

.dianjing .BettingDetails .BettingDetailsItem div.openLottery > div {
    background-color: #171e27
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(1) {
    color: #9f9f9f
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div:nth-child(1) {
    border-right: 1px solid #2e4565
}

.dianjing .BettingDetails .BettingDetailsItem section.groupTitle > p {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList div.count {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList div.count div:nth-child(2) > span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table tbody tr td:nth-child(3) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table thead {
    background-color: #242f3c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table thead tr {
    color: #fff
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table td, .dianjing .BettingDetails .BettingDetailsItem div.guoguanList table th {
    border: 1px solid #242f3c
}

.dianjing .AccountDetails .BackItem {
    background-color: #171717
}

.dianjing .AccountDetails .BackItem .item-border {
    background-color: #242f3c
}

.dianjing .AccountDetails .BackItem div.item-li .li-top {
    color: #bdc2c9
}

.dianjing .AccountDetailInfo {
    background-color: #171e27
}

.dianjing .AccountDetailInfo div:nth-child(1) {
    color: #7c8da4
}

.dianjing .AccountDetailInfo div:nth-child(2) {
    color: #fec80d
}

.dianjing .AccountDetailInfo div:nth-child(3) {
    color: #5b5f62
}

.dianjing .AccountDetailInfo div:nth-child(10) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(5) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(6) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(7) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(8) span:nth-child(2) {
    color: #bdc2c9
}

.dianjing .AccountDetailInfo div:nth-child(4) {
    background-color: #242f3c
}

.dianjing .AccountDetailInfo div:nth-child(9) {
    background-color: #171717
}

.dianjing .lotteryHall-page-V2 .header-nav {
    background-color: #ff4941 !important
}

.dianjing .NoticeItem {
    position: relative;
    padding: 0 .66rem;
    height: 2.12rem;
    border-bottom: 1px solid #242f3c
}

.dianjing .NoticeItem p:nth-child(2) {
    color: #bdc2c9 !important
}

.dianjing .messageNoticeDeetail.container {
    background-color: #171717
}

.dianjing .messageNoticeDeetail.container h3 {
    color: #b3b7bd
}

.dianjing .messageNoticeDeetail.container p {
    color: #32425f
}

.dianjing .gameRecord_container .wxh_container .BackItem {
    background-color: #171717
}

.dianjing .gameRecord_container .wxh_container .BackItem .item-border {
    background-color: #242f3c
}

.dianjing .gameRecord_container .wxh_container .li-top span {
    color: #bdc2c9 !important
}

.dianjing .gameRecord_container .wxh_container .li-top .bottom-time {
    color: #00a0e9 !important
}

.dianjing .gameRecord_container .wxh_container .li-top .bottom-time-1 {
    color: #fec80d !important
}

.dianjing .gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal, .dianjing .gameRecord_container .wxh_transfer_modal div:nth-child(2) {
    background-color: #242f3c;
    color: #7c8da4;
    border-top: none
}

.dianjing .gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span:first-child {
    background-color: #2e4565 !important
}

.dianjing .gameRecord_container .teamBet_color {
    background-color: #fec80d !important;
    color: #242f3c;
    border-color: #242f3b !important
}

.dianjing .gameRecordDetails .game_content > div span:nth-child(1), .dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(1), .dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(2) {
    color: #7c8da4
}

.dianjing .gameRecordDetails .game_content > div span:nth-child(2) {
    color: #bdc2c9
}

.dianjing .gameRecordDetails .bor {
    height: 0
}

.dianjing .gameRecordDetails .game_info {
    color: #fec80c
}

.dianjing .gameRecordDetails .game_info_content .jagged {
    background-color: #171e27
}

.dianjing .gameRecordDetails .game_info_content .jagged > div > span {
    color: #bdc2c9
}

.dianjing .gameRecordDetails .game_info_content .jagged > div > span span {
    color: #7c8da4
}

.dianjing .gameRecordDetails div:nth-child(1) > div:nth-child(2) > span {
    color: #fec80d
}

.dianjing .moneyConversion {
    background-color: #171717
}

.dianjing .moneyConversion .Conversion-content .mainWallet {
    background-color: #171717
}

.dianjing .moneyConversion .Conversion-content .mainWallet > div {
    border-bottom: 1px solid #242f3b
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(1) > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(1) > span:nth-child(2) {
    color: #fec80d
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(2) p {
    width: 6rem;
    background-color: #6f6612
}

.dianjing .moneyConversion .Conversion-content .TransferredTO, .dianjing .moneyConversion .Conversion-content .subWalletList {
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .TransferredTO .am-switch input[type=checkbox]:checked + .checkbox, .dianjing .moneyConversion .Conversion-content .subWalletList .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .moneyConversion .Conversion-content .subWalletList div > div {
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .subWalletList div > div span {
    color: #f2ba36
}

.dianjing .moneyConversion .Conversion-content .subWalletList > div {
    border: 1px solid #2e4565
}

.dianjing .moneyConversion .Conversion-content .bottomdesText div {
    color: #7c8da4
}

.dianjing .moneyConversion .header-right span {
    color: #fec80d
}

.dianjing .ConversionHistory .conversionHistoryItem .HistoryItem {
    border-bottom: 1px solid #242f3c
}

.dianjing .ConversionHistory .conversionHistoryItem .HistoryItem div:nth-child(1), .dianjing .ConversionHistory .conversionHistoryItem .HistoryItem div:nth-child(2) {
    color: #bdc2c9
}

.dianjing .ConversionHistory .conversionHistory-modal .active {
    background-color: #fec80d !important
}

.dianjing .ConversionHistory .conversionHistory-modal div {
    background-color: #242f3c
}

.dianjing .ConversionHistory .conversionHistory-modal div div:nth-child(2) > span {
    background: #2e4565
}

.dianjing .ConversionHistory .conversionHistory-modal div > div:nth-child(2) {
    background-color: #242f3c
}

.dianjing .ConversionHistory .conversionHistory-modal div > div:nth-child(1) > section > div span {
    background: 0 0;
    border: 1px solid #7c8da4;
    color: #7c8da4
}

.dianjing .AboutWe {
    background-color: #171717
}

.dianjing .share .link .url {
    color: #fdc731
}

.dianjing .share .linkContainer .link label, .dianjing .share div:last-child {
    color: #fff
}

.dianjing .share .card {
    background-image: none;
    width: auto
}

.dianjing .share .card .line {
    color: #fff
}

.dianjing .share .qr canvas {
    border: 8px solid #fff
}

.dianjing .share .linkContainer .am-button.am-button-primary {
    background: -webkit-gradient(linear, left bottom, left top, from(#fec80d), to(#ffe076));
    background: linear-gradient(0deg, #fec80d 0, #ffe076 100%);
    color: #333
}

.dianjing .RuleItem .upgrade-list {
    border: none
}

.dianjing .RechargeItem .item-border {
    background-color: #2e4565
}

.dianjing .list-view-section-body {
    border-bottom: none
}

.dianjing .PayMethod {
    background-color: #171717
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul {
    background: 0 0;
    border-top: none;
    border-bottom: 1px solid #243041
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity {
    border-bottom: 1px solid #243041
}

.dianjing .PayMethod header .PayMethod-headerBody {
    border-radius: 4px;
    border: 1px solid #e0b941
}

.dianjing .PayMethod header .PayMethod-headerBody div {
    color: #e0b941
}

.dianjing .PayMethod header .PayMethod-headerBody div.active {
    background-color: #fec80d;
    color: #fff
}

.dianjing .PayMethod .PayMethodItem2V .topWallte {
    background: #1c232c;
    color: #bec2c8
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > p, .dianjing .PayMethod .PayMethodItem2V .moneySelectContent .inputBox > span {
    color: #bec2c8
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > span {
    color: #bdc2c9;
    opacity: .8
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-title {
    color: #efc545;
    background: #262f3b
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent {
    background: #171717
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span {
    color: #efc545;
    border: 1px solid #242c37
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span.active {
    color: #fff;
    background: #efc545;
    background-image: none
}

.dianjing .RechargeMoney .container {
    background-color: #171717
}

.dianjing .RechargeMoney .RechargeMoneyItem .RechargeMoneyItem-ul li {
    color: #e0b941
}

.dianjing .RechargeMoney .RechargeMoneyItem-title {
    color: #7c8da4
}

.dianjing .RechargeMoney .RechargeMoneyItem-title input {
    color: #333
}

.dianjing .RechargeMoney .Button {
    background-color: #f5ca47
}

.dianjing .BankTransfer, .dianjing .QRCodeIntegrationItem .header_title, .dianjing .QRCodeIntegrationItem .orderContet {
    background: #171717
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation > div > div:nth-child(1) {
    color: #7c8da4
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation > div {
    border-bottom: 1px solid #7c8da4
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation input {
    background-color: #171717;
    border: none;
    color: #fff
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .operationContent .controle .buttomsQRCode {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f5ca47
}

.dianjing .user-agent-center.container {
    background-color: #171717;
    height: initial
}

.dianjing .user-agent-center.container .switchTabs {
    background: 0 0;
    font-size: 1px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArIAAAE9CAYAAAD3d4EQAAANa0lEQVR4nO3dS5NcdRkG8PccusywsGcmw8zEMbIRQYJuuYjuVMpwMUHwtrBKV36DBEUXrtz5CUiIWhaQewKWgiiSC8nasqwSUW4b3UkV3ae7khwX3ae7S0OSSWam58Xfr+psMsmck91Tbz3/91/U56MOAAC4DnUdceh0PPP4F+JbG/XOj3/7sxERUW7UCwEA+PApiojHPh/fPHQqntnod7eacez2YbIFAIBr9d0H/hk/+c6/4tHPxzcOnop47AvxzY16dxl1hHIBAADXY/9vl+PHB5Yi6oiv3R/fOHQqnh3ly/V6hlQLAAC4IftfXI4f/Xw5IiK+dn98/fDpeG4j3lsayAIAcKOefnEpnjywHHVE7L4/Hj98Op5b54GsiSwAAGvjwEtL8aMDg8ns7vvj8SNn4uB6vk9HFgCANXPgpaV48ultEXXE7vvisSOn4/C6dWTlWAAA1tLPf7cYP3x6W9QRsetz8ejhM3FYtQAAgBR+8fLiYDIbEbs/F48eOROH1/odgiwAAOviFy8PJrMRgzB79EwcWcvfX9b14GoxAABYa798eTGe2L8SdR3x1fti95EzcbTJn9f7NExkAQBYV7/6/UL84OmViIjYdV/sOno2jq7F73XYCwCAdfer3y/E3v0rzQGwXUfPxlGHvQAASOGZPwzDbD0Is8fOxrEb+X32yAIAsGGe/cNC7N23EvWliF33xVePnY3j9sgCAJDCs68sxJ79K3FpcADskWOvxXHVAgAAUnjulYXYs2+0zeCRE6/FidX+Duu3AACYioN/XIg9T63ExUsRD98bDx9/LU5avwUAQAoHX12IJ/YNagaP3BsPnTgXJ6/13wqyAABM1cFXF2Lvvu2jMHvyXDx/Lf/OYS8AAKbu0KvzsXff9rhwKeKhe+PBE+fihasf9pJkAQDYBA69Oh8/2Lc9Ll6MePie2HnyXLxg/RYAACkcOjUfe/cPJ7P3xM6T5+PX1m8BAJDCkVPz8cS+7XFxEGa/8vz5+M3l/p71WwAAbDpHTg87sxcjHrw7Hjh5Ln5j/RYAACkcHYbZ4WT2gRfOx28nf64jCwDApnXszHzsGW4z2HlPfPn58/Fi8zNbCwAA2NSOn5mPvU8Nthk8eHd86Wff/9OLEREtGRYAgM3u+Nn5qKOMn37v7dh5d3wp4k8v6cgCAJDCibOzseepWyMiYufd8UXVAgAA0jj52uxooaxqAQAAqTT5VbUAAICUWi5DAAAgkya/msgCAJCSjiwAAKk0+bVlYwEAAKkM86uJLAAAqdhaAABAarYWAACQSq1aAABARqoFAACkploAAEAqLkQAACA1HVkAAFJxIQIAADnZWgAAQEYmsgAA5GQiCwBARvbIAgCQmj2yAACk4opaAABSctgLAICcTGQBAMjIYS8AAFJz2AsAgFQc9gIAICWHvQAAyMlEFgCAjBz2AgAgNYe9AABIxWEvAABSctgLAICcTGQBAMjIRBYAgJxMZAEAyGg0kRVkAQDIRLUAAICcVAsAAMhoXC2QZAEASKTJr66oBQAgJRNZAABSMZEFACA1h70AAEjFYS8AAFJSLQAAIDUTWQAAUqldiAAAQEauqAUAICcTWQAAMrK1AACAlHRkAQBISUcWAICcTGQBAMho3JGd6mcAAMDqqBYAAJCTagEAABlZvwUAQEpNfi2n+xkAAHB9TGQBAEjFhQgAAKRkawEAADmZyAIAkJGtBQAApKQjCwBASjqyAADkZCILAEBGOrIAAKTkZi8AAFIzkQUAIBVbCwAASElHFgCAlHRkAQBIzUQWAIBUdGQBAEhJRxYAgJR0ZAEASM1EFgCAVHRkAQBIadSRDUkWAIBMTGQBAMjI1gIAAFLSkQUAIKWJjuxNU/0QAABYlWF+bdVRTPlLAADg2jX5VUcWAIBUJjqyJrIAAOQxmsjqyAIAkMq4IwsAAHlM7JFVLQAAII8mv5rIAgCQij2yAADkNOrIqhYAAJCIagEAAClNHPaa6ncAAMCquBABAICUJi5EKKf8KQAAsArD/KojCwBAKi5EAAAgJVsLAABIaeJCBB1ZAAAS0ZEFACAjHVkAAFLSkQUAIKWJiayOLAAAeTT5VYoFACClVq1bAABAIk1+bTV31QIAQAZNftWRBQAglSa/tkK1AACATMbVAgAAyGNi/dZUvwMAAFZl4rCXjiwAAHk0+dVEFgCAVJr8ahwLAEBKJrIAAKSiIwsAQEo6sgAApFTbIwsAQEajPbJRF1P9EAAAWJVhfm3VIcgCAJBHk191ZAEASGXckVUtAAAgkSa/2r0FAEBKJrIAAKRSjw97AQBAHqP1Ww57AQCQycSFCKoFAADkMVq/5UIEAABS0ZEFACAjHVkAAFKa6MgCAEAeExNZdyIAAJBHk1+lWAAAUtKRBQAglXFHVpAFACCRicNe2gUAAOTR5FcTWQAAUmnyq3EsAAApmcgCAJDKREe2mO6XAADAKjT51UQWAIBUdGQBAEitVdeqBQAA5NHkVx1ZAABS0ZEFACClia0FAACQR5NfWyHJAgCQyWgiW1tcAABAHk1+VS0AACCVUbXAYS8AADJxIQIAAKm5EAEAgFQmLkQAAIA8dGQBAEhpdCHCpel+BwAArEqTX1vFaI+sSAsAwObX5FcTWQAAUhlNZHVkAQDIZNSRlWMBAMhktLUg7JEFACATe2QBAMjIHlkAAFLSkQUAICUTWQAAUhpNZGN0IcLFqX0MAABcs+ZCBANZAAAyUS0AACAlh70AAEjJhQgAAOTkQgQAADLSkQUAICUdWQAAUtKRBQAgJx1ZAAAy0pEFACAlHVkAAFKa6MiWU/0QAABYlWF+NZEFACAVHVkAAFJq8qteAQAAKZnIAgCQysTWAhciAACQR5NfTWQBAEhFRxYAgNRMZAEASEVHFgCAlHRkAQBISUcWAIDUTGQBAEhloiNrKAsAQB5NfjWRBQAgFR1ZAABSM5EFACCViY4sAADk0eTXVlxyIQIAAIlcai5EmPJ3AADAaowmsjqyAABkYmsBAACptepaRxYAgDya/KojCwBAKuOtBZIsAACZ2CMLAEBG460FU/0MAABYnYlqgcNeAAAk4rAXAAAZuRABAICUaoe9AADISEcWAICcxh1ZQRYAgDya/KojCwBAKk1+Laf7GQAAcH1MZAEASGVia4GOLAAAeTT5VbUAAICUVAsAAEjFYS8AAFIzkQUAIBWHvQAASGl0IUKYyAIAkMl4IgsAAHk0+VWQBQAglVGQVS0AACAVh70AAMjIYS8AAHJy2AsAgIzGh70kWQAAEnFFLQAAqakWAACQykS1wNYCAADyaPKragEAACk57AUAQCoOewEAkJrDXgAApDI67BW1oSwAAIkM86uJLAAAqbjZCwCAlBz2AgAgNdUCAABSmTjsNdXvAACA1Rnm11YdrqgFACCPJr+ayAIAkMt4IgsAAHk0+dXWAgAAUrJHFgCAVOyRBQAgNVsLAABIZbS1QLUAAIBMVAsAAEjN+i0AAFJxRS0AADm5EAEAgIzGE1lbCwAASMXWAgAAErK1AACA1Mo6Bj2DmZmPTPtbAADgqpr8WnY6vXejjrh1ZUGYBQBg8xsm2bLT7X+y0+29W5alMAsAQBrlwtZ2v9Ptf/L9bv+dorwpPrFyizALAMCmVUcRdRRRRh2xMN/ud7u92zqd3jtlUcYnPibMAgCwSTXVgqYsu3W+3e9Uvdve7/beLsoytguzAABsQqPDXpN/uDDf7ner3qc63d7bpTALAMAmVtb1YKls82yda/e73d6n3u/03i6KMj6+TZgFAGDzaHLrZS9E2Drf7lcTk1lhFgCAzWbUkf3vZ35cM3irKMtYEWYBANgExh3ZuogPerbOzfa7Vf/2bqf3VlncFCvLizEzs2Xa3w4AwP+zYVb9wInsaDI71+53e/3bO93qzaIs42PLtwizAABMzWW3FnyQ+bl2v+r17+h2qzdLYRYAgE3gmoJshDALAMDm8j/rt670zM22+92qf0enW71ZFGVsW7olZrYIswAAbJwrrt+6kvm5dr+q+nd0u9U/yrKMbcuLwiwAABvuqoe9LvfMDWoGn+50q78XZRHLthkAALBBJtZvxeqT7LBm0Ov17+x2q7+XRRHLiyazAABsgGEeLSOKuN5nbnZ2EGar3htlWcbykjALAMB6G2TR66oWTD6zs7P9qtfb0amqN4qyjKXlJWEWAIB1s6o9slczmMz2dnS71RtlUQizAACsu1Wt37rSM9sehNlOt3qjiCKWlpZiizALAMAau+71W1cyOzvb7/d6O7pV9beiKGJZmAUAYJ2saZCNGIXZu4RZAADW0w0f9rrc0x50Zu/qVtXrUagZAACwdm54j+zVnmFn9jNVt3q9iCKWFoVZAADWwHiP7PqZbc/2e/3ejqqqXi8KYRYAgLVT1lHGej7t9vyFXr+/o1tVf43iplhc3BZbtsxM+/8NAEBSTc5c14lso92eu9Dv9++qqs5fi6KIxcVlYRYAgBvSinpjXtT+6NyF9977911Rd/88M3Pz7UuL2zbmxQAAfLgM82trg3JsRER8tD174b33/n1nHfGXmZmbb9/AVwMA8CHzHzvW95BCuNXNAAAAAElFTkSuQmCC)
}

.dianjing .user-agent-center.container .agent-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select .am-list-line {
    background: #171717
}

.dianjing .user-agent-center.container .agent-select .Calendar_div_2 {
    color: #fff
}

.dianjing .user-agent-center.container .agent-select .am-list-content {
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select .am-list-content .Calendar_div_2 {
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select > span:nth-of-type(even) {
    display: inline-block;
    border: 1px solid #bec2c8 !important
}

.dianjing .user-agent-center.container .switchTabs .switchTabsItem {
    color: #bdc2c9
}

.dianjing .user-agent-center.container .teamDec {
    background-color: #262f3b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div p:nth-child(1) {
    color: #bdc2c9
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div p:nth-child(2) {
    color: #efc545
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) {
    border-bottom: 1px solid #2f4664
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div {
    border-right: 1px solid #2f4664
}

.dianjing .user-agent-center.container .teamDec .NoRecord {
    background-color: #262f3b
}

.dianjing .user-argent-adduser.container {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div div {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div div.active {
    color: #fdc731;
    border-bottom: 1px solid #fdc731
}

.dianjing .user-argent-adduser.container .am-list-item {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .am-list-item .am-input-label, .dianjing .user-argent-adduser.container .am-list-item .am-list-line .am-list-content {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .am-list-item .am-input-control input {
    color: #fff
}

.dianjing .user-argent-adduser.container .list-item-vip div, .dianjing .user-argent-adduser.container .my-list-pageBody-addUser .titles {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input {
    background: 0 0;
    border: 1px solid #31405b;
    color: #5c5f62
}

.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(3) .unified-Amount {
    background: 0 0;
    border: 1px solid #f2ba36;
    color: #f2ba36
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-pageBody-addUser .am-list-line::after {
    display: none
}

.dianjing .user-argent-adduser.container .addUser-agent .modalReOFF .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .user-argent-adduser.container .addUser-agent .modalReOFF .checkbox {
    border: 1px solid #242f3b
}

.dianjing .user-argent-adduser.container .slect-button > div.active {
    background: #fdc731
}

.dianjing .user-argent-adduser.container .addUser-agent .am-list-body, .dianjing .user-argent-adduser.container .addUser-agent .checkModals {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input {
    background: 0 0;
    color: #5c5f62;
    border: 1px solid #31405b
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-addUser-agent .contentTitle {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Agent-Response-Footer {
    background: 0 0
}

.dianjing .user-argent-adduser.container .Agent-Response-Footer span {
    background: #fdc731;
    background-image: none
}

.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage {
    background: 0 0
}

.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage > div .addButtonLInk {
    background: #fdc731
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1), .dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item > div {
    background-color: #262f3b
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item > div span {
    color: #f2ba36
}

.dianjing .Link-Setting, .dianjing .addUser-agent .my-list-addUser-agent .modalReOFF, .dianjing .am-list-item, .dianjing .am-list-item .am-input-label, .dianjing .checkModals, .dianjing .subMitBox {
    background: #171717;
    color: #bdc2c9
}

.dianjing .Link-Setting .wxh_userManage_configTitle {
    background: 0 0
}

.dianjing .subMitBox > div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2ba36), color-stop(98%, #f2ba36));
    background-image: linear-gradient(-180deg, #f2ba36 0, #f2ba36 98%);
    color: #fff
}

.dianjing .am-list-item .am-input-control input {
    color: #fff
}

.dianjing .addUser-agent .my-list-addUser-agent .contentTitle {
    color: #bdc2c9
}

.dianjing .addUser-agent .slect-button .active {
    background: #f2ba36
}

.dianjing .addUser-agent .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .addUser-agent .am-switch .checkbox {
    border: 1px solid #242f3b !important
}

.dianjing .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:first-child {
    color: #bdc2c9
}

.dianjing .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input {
    border: 1px solid #31405b;
    background: 0 0;
    color: #fff
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-line, .dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .titles {
    background: #171717;
    color: #bdc2c9 !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-item .list-item-vip > div {
    color: #bdc2c9 !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-item input {
    background: #171717;
    color: #bdc2c9 !important;
    border: 1px solid #242f3b !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .unified-Amount {
    background: #f2ba36 !important;
    color: #fff !important;
    border: 1px solid #f2ba36 !important
}

.dianjing .teamProfit_container .Calendar_div_2 {
    color: #888
}

.dianjing .teamProfit_container .wxh_container .datePicker {
    color: #888
}

.dianjing .teamProfit_container .wxh_select_div_1 {
    color: #fff;
    background: #1a232d
}

.dianjing .teamProfit_container .Panel_V2 {
    border-bottom: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_2 {
    background: 0 0;
    color: #bdc2c9;
    border-top: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_2 p:nth-child(2) {
    color: #fec80d
}

.dianjing .teamProfit_container .Panel_V2 .div_2 > div {
    border-right: 1px solid #2e4565;
    border-bottom: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_1 > span {
    color: #bdc2c9
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div span {
    border-right: 1px solid #242f3b !important
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div span:last-child {
    border-right: none
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) {
    background-color: #1a232d
}

.dianjing .wxh_teamBet_container .wxh_teamBet_list {
    background-color: #242f3c;
    color: #bdc2c9
}

.dianjing .wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal, .dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) {
    color: #bdc2c9;
    background-color: #242f3c
}

.dianjing .transfer_container .wxh_transfer_modal .teamBet_color {
    background-color: #fec80d !important;
    border: none !important
}

.dianjing .transfer_container .wxh_container {
    background: #171717
}

.dianjing .transfer_container .wxh_container .wxh_select_div {
    background: 0 0
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div {
    color: #bdc2c9
}

.dianjing .transfer_container .wxh_container .wxh_select_div_1 {
    background: #242f3c;
    color: #bdc2c9;
    border-top: none
}

.dianjing .transfer_container .wxh_container .Panel_V2 > div {
    background-color: #242f3c !important;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span {
    background: 0 0;
    color: #7c8da4;
    border: 1px solid #f2ba36
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span.textDe_1 {
    background: #fec80d !important
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time > div span {
    border: 1px solid #242f3b;
    background: #333
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time > div span.color_userProfit {
    background: #f2ba36
}

.dianjing .wxh_userProfit_container .wxh_userProfit_date {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container > div > div:nth-child(4) div label {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container > div > div:nth-child(4) div span {
    color: #f2ba36;
    margin-top: .1rem
}

.dianjing .user-argent-team {
    background: #171717
}

.dianjing .user-argent-team .am-list-item.am-list-item-middle {
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .user-argent-team .am-list-item.am-list-item-middle .am-list-line .am-list-content {
    color: #bdc2c9
}

.dianjing .user-argent-team .slect-button > div.active {
    background: #fec80d
}

.dianjing .user-argent-team .search-input {
    background: 0 0
}

.dianjing .user-argent-team .select {
    position: relative
}

.dianjing .user-argent-team #add {
    color: #fec80d
}

.dianjing .user-argent-team .content {
    margin-top: 0 !important
}

.dianjing .user-argent-team .am-list-view-scrollview {
    padding-top: 0 !important
}

.dianjing .user-argent-team .list-view-section-body {
    border: none
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem {
    background: #363f4c
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) div > span {
    background: #f2ba36
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div div:nth-of-type(2) span {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div div:nth-of-type(2) p {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) #triangle_1, .dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) #triangle_2 {
    border-bottom-color: #171717
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem > div > div:nth-child(1) > div:nth-child(2) {
    border: none
}

.dianjing .lotteryHall-page-V2 .hallContent {
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.dianjing .PhoneModify {
    background-color: #171717
}

.dianjing .modifyPwd {
    height: -webkit-fill-available
}

.dianjing .Withdrawals {
    background-color: #171717;
    color: #fff
}

.dianjing .Withdrawals .Withdrawals-ul, .dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No, .dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money {
    background: 0 0;
    color: #bdc2c9
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-top {
    background: 0 0;
    border-top: 1px solid #242f3c;
    border-bottom: 1px solid #242f3c
}

.dianjing .Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name > div {
    color: #fff
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money {
    border: none
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-bottom .active-opacity {
    color: #fec80d
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input {
    color: #fff;
    border-bottom: 1px solid #242f3c
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input {
    background: 0 0;
    color: #fff
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No > a {
    color: #fec80d
}

.dianjing .Withdrawals .Withdrawals-ul {
    border: none
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li {
    border: 1px solid #242f3c
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-click {
    color: #fec80d
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-input {
    background: 0 0
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-title {
    color: #bdc2c9
}

.dianjing .ChoiceBankCard {
    background-color: #171717
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li {
    background: #1a232d;
    border-bottom: none
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul {
    background: 0 0;
    border-top: none;
    border-bottom: none
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left-name > div {
    color: #fff
}

.dianjing .GetCode .code-title {
    color: #fff
}

.dianjing .CustomenServers_wxh_index, .dianjing .PayMethodItem-ul_wxh_index {
    background: 0 0
}

.dianjing .PayMethodItem-ul_wxh_index .active-opacity {
    border-bottom: 1px solid #242f3c
}

.dianjing .PayMethodItem-ul_wxh_index .active-opacity div {
    color: #bdc2c9
}

.dianjing .PayMethodItem-ul_wxh_index {
    border-top: none;
    overflow: hidden
}

.dianjing .active-content {
    height: -webkit-fill-available
}

.dianjing .active-content header ul li:after {
    background: #bec2c8
}

.dianjing .active-content header .active:after {
    background: #f2ba36
}

.dianjing .act-detail-content {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-img .level_item .rank-img {
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-dec h3 {
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-dec h3::after, .dianjing .act-detail-content .act-detail-dec h3::before {
    background-color: #242f3b
}

.dianjing .Hall-page .am-tabs-default-bar-tab {
    background-color: #3c3c3c;
    color: #fff
}

.dianjing .Hall-page .am-tabs-default-bar-tab-active {
    background-color: #fec80d
}

.dianjing .Hall-page .gameItem p {
    color: #fff
}

.dianjing .gameClassify {
    width: calc(100% - .4rem);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #171717
}

.dianjing .gameClassify .d3 {
    position: absolute;
    margin-top: -20px;
    left: 1.5rem;
    float: left;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fee00c transparent
}

.dianjing .gameClassify div > ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7rem;
    background-color: #313131;
    margin-top: .1rem
}

.dianjing .gameClassify .gameClass {
    width: calc((100% - .1rem) / 2);
    margin-bottom: 0
}

.dianjing .gameClassify > div {
    margin-left: 0;
    margin-right: 0
}

.dianjing .gameClassify > div:nth-child(2) ul, .dianjing .gameClassify > div:nth-child(4) ul, .dianjing .gameClassify > div:nth-child(6) ul {
    float: right;
    right: .1rem
}

.dianjing .gameClassify li.gameItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dianjing .gameClassify li.gameItem p {
    color: #fff;
    text-align: center
}

.dianjing .gameClassify li.gameItem img {
    width: 1.2rem;
    height: 1.2rem
}

.dianjing .PayPwdInput .InputShow {
    background: #b8860b
}

.dianjing .tips {
    background: #313131 !important;
    top: 3.5rem
}

.dianjing .tips .dec {
    color: #f2ba36
}

.am-picker-popup.dianjing {
    background: 0 0
}

.am-picker-popup.dianjing .am-picker, .am-picker-popup.dianjing .am-picker-popup-header {
    background: #fff
}

.am-picker-popup.dianjing .am-picker-col-content {
    z-index: 6
}

.am-picker-popup.dianjing .am-picker-col-indicator {
    background: #fec80d
}

.am-picker-popup.dianjing .am-picker-col-item-selected {
    color: #fff
}

.home-homeisGoToQiPai.dianjing {
    background: #fff
}

.home-homeisGoToQiPai.dianjing header {
    background: 0 0
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-footer span:nth-child(1) {
    background: #2e4565
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-footer span:nth-child(2) {
    background: #fec80d
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-modalContent > div > p {
    color: #fec80d
}

.longDragon {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.longDragon * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.longDragon .container, .longDragon .content {
    margin-top: 0
}

.longDragon .content {
    padding-top: .88rem
}

.longDragon .selectTitle {
    width: 100%;
    padding: 0 .34rem;
    height: .88rem;
    font-size: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333
}

.longDragon .selectTitle div.leftDom {
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 3.3rem
}

.longDragon .selectTitle div.leftDom div, .longDragon .selectTitle div.leftDom span {
    height: .4rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.longDragon .selectTitle div.leftDom span {
    margin-right: .2rem
}

.longDragon .selectTitle div.leftDom div {
    width: 2.2rem;
    background: #e0e0e0;
    border-radius: 1.2px;
    color: #ff6269
}

.longDragon .selectTitle div.rightDom {
    height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.longDragon .selectTitle div.rightDom div, .longDragon .selectTitle div.rightDom span {
    height: .4rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.longDragon .selectTitle div.rightDom span:first-child {
    margin-left: .2rem;
    margin-right: .2rem
}

.longDragon .selectTitle div.rightDom div {
    width: 1rem;
    background: #e0e0e0;
    border-radius: 1.2px;
    color: #ff6269;
    margin-right: .04rem
}

.longDragon .contentTable {
    padding: 0 .34rem;
    margin-top: .22rem;
    font-size: .24rem;
    color: #333
}

.longDragon .contentTable > div {
    width: 100%;
    height: .7rem;
    border-left: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.longDragon .contentTable > div > span {
    display: block;
    width: 25%;
    height: 100%;
    border-right: 1px solid #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.longDragon .contentTable > div > span:nth-child(3) {
    color: #ff6269
}

.longDragon .contentTable > div > span:nth-child(2) span.redcolor {
    color: #ff6269
}

.longDragon .contentTable > div > span:nth-child(2) span.bluecolor {
    color: #3ca2ed
}

.longDragon .contentTable > div > span:nth-child(2) span.greencolor {
    color: #57c946
}

.longDragon .contentTable > div:nth-child(2n) {
    background: #fff
}

.longDragon .contentTable > div:nth-child(2n+1) {
    background: #f0f4f4
}

.longDragon .contentTable > div:first-child {
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    background: #f3f3f4
}

.longDragon .contentTable > div:first-child > span:nth-child(3) {
    color: #333
}

.longDragon .contentTable > div:first-child > span:nth-child(2) {
    color: #333
}

.longDragon .contentTable > div:last-child {
    border-bottom: 1px solid #cdcdcd
}

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem 0 .32rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.header-nav > img {
    width: .25rem;
    height: .42rem
}

.header-nav .header-title {
    font-size: .36rem
}

.header-nav .header-right {
    font-size: .36rem
}

.header-nav .header-right img {
    width: .4rem;
    height: .37rem;
    margin-left: .2rem
}

.header-nav .scrollRoomName {
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.header-nav .scrollRoomName .my-scrollRoomName li .v-item {
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem .roomContainer {
    position: absolute;
    top: .88rem;
    width: 100%
}

.roomItem .roomContainer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem .rightAddIfy {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 11
}

.roomItem .rightAddIfy * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem .rightAddIfy.rightAddIfyHide {
    display: none
}

.roomItem .rightAddIfy > div {
    opacity: .99;
    background: #fff;
    border-radius: .08rem;
    position: fixed;
    right: .2rem;
    top: .95rem
}

.roomItem .rightAddIfy > div:after {
    position: fixed;
    width: 0;
    height: 0;
    content: "";
    border: .13rem solid transparent;
    margin-top: -.1rem;
    border-bottom: .24rem solid #fff;
    top: .7rem;
    right: .4rem
}

.roomItem .rightAddIfy > div > span {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.72px;
    text-align: center;
    display: block;
    height: .72rem;
    padding: 0 .25rem;
    width: 2.14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.roomItem .rightAddIfy > div > span img {
    width: .36rem
}

.roomList {
    padding-top: .88rem
}

.roomList * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomList .blueBg {
    background-image: linear-gradient(45deg, #8d4bea 0, #4de2fc 100%)
}

.roomList .yellowBg {
    background-image: linear-gradient(45deg, #fca311 0, #ffe527 100%)
}

.roomList .header {
    color: #fff;
    height: .7rem;
    margin: 0 .36rem .4rem .36rem;
    padding: 0 .38rem 0 .28rem;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.roomList .header div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 2
}

.roomList .header div > div {
    font-size: .28rem
}

.roomList .header div > div a {
    color: #fff
}

.roomList .header div > div:nth-child(1) {
    line-height: .7rem;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomList .header div > div:nth-child(1) > span:nth-child(2) {
    padding-left: .2rem;
    font-size: .24rem
}

.roomList .header div > div:nth-child(2) {
    width: 1.3rem;
    height: .44rem;
    line-height: .44rem;
    display: inline-block;
    background-image: linear-gradient(45deg, #ff7d83 0, #ff4941 100%);
    border: 0 solid #ff4941;
    border-radius: 100px;
    text-align: center;
    font-size: .24rem
}

.roomList .header > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0
}

.roomList .bodys {
    margin: 0 .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomList .bodys div {
    width: 47.5%;
    display: inline-block;
    margin-bottom: .32rem;
    min-width: 3.2rem;
    min-height: 3.52rem;
    -webkit-box-shadow: 0 2px 6px 0 rgba(202, 202, 202, .5);
    box-shadow: 0 2px 6px 0 rgba(202, 202, 202, .5);
    border-radius: .1rem;
    position: relative
}

.roomList .bodys div > a {
    display: block;
    height: 100%;
    width: 100%
}

.roomList .bodys div img {
    width: 100%;
    display: block;
    min-width: 3.2rem;
    min-height: 3.52rem
}

.roomList .bodys div p {
    height: .36rem;
    line-height: .36rem;
    font-size: .28rem;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .28rem
}

.roomList .bodys div p span:first-child {
    display: block;
    width: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.roomList .GameHall {
    padding: 0 .32rem;
    margin: .32rem 0;
    border-radius: 8px
}

.roomList .GameHall > div {
    width: 100%;
    height: 3.32rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .16rem
}

.roomList .GameHall > div .bgBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.roomList .GameHall > div .bgBox img {
    width: 100%;
    height: 100%;
    border-radius: .16rem
}

.roomList .GameHall > div .contentTex {
    z-index: 2;
    color: #fff;
    width: 100%;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: .16rem;
    position: relative
}

.roomList .GameHall > div .contentTex > div:nth-child(1) {
    height: .6rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .32rem
}

.roomList .GameHall > div .contentTex > div:nth-child(1) > img {
    width: .32rem;
    height: .32rem;
    margin-right: .1rem
}

.roomList .GameHall > div .contentTex > div:nth-child(1) span {
    font-size: .28rem
}

.roomList .GameHall > div .contentTex > div:nth-child(2) {
    width: 100%;
    padding-left: 2.4rem;
    color: #fff;
    text-align: center
}

.roomList .GameHall > div .contentTex > div:nth-child(2) > span {
    display: block
}

.roomList .GameHall > div .contentTex > div:nth-child(2) span:nth-child(1) {
    font-size: .82rem;
    margin: .1rem 0;
    margin-top: .4rem
}

.roomList .GameHall > div .contentTex > div:nth-child(2) span:nth-child(2) {
    font-size: .28rem
}

.roomList .GameHall > div .contentTex div.peilv {
    width: 1.4rem;
    height: .44rem;
    border: 1px solid #fff;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    position: absolute;
    right: .6rem;
    bottom: .6rem;
    font-size: .26rem
}

.roomItem28 {
    width: 100%;
    background: #f1f1f1;
    border-radius: 8px
}

.roomItem28 .roomItem28Title {
    height: .68rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .45rem
}

.roomItem28 .roomItem28Title > span {
    height: .3rem;
    margin-right: .12rem
}

.roomItem28 .roomItem28Title > span img {
    width: .3rem;
    height: .3rem
}

.roomItem28 .roomItem28Title > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomItem28 .roomItem28Title > div p {
    font-size: .36rem;
    color: #333;
    font-weight: 700
}

.roomItem28 .roomItem28Title > div span {
    font-size: 14px;
    color: #000
}

.roomItem28 .roomItem28Content {
    width: calc(100% - .4rem);
    padding: .26rem .06rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 11px
}

.roomItem28 .roomItem28Content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem28 .roomItem28Content > div {
    width: 3.5rem;
    height: 4.8rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: .16rem;
    margin: .06rem 0
}

.roomItem28 .roomItem28Content > div > div:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.roomItem28 .roomItem28Content > div > div:nth-child(1) > img {
    width: 100%;
    height: 100%;
    border-radius: .16rem
}

.roomItem28 .roomItem28Content > div > div:nth-child(2) {
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 100%;
    position: relative
}

.roomItem28 .roomItem28Content > div > div:nth-child(2) > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .32rem;
    position: absolute;
    bottom: .3rem;
    width: 100%
}

.roomItem28 .roomItem28Content > div > div:nth-child(2) > div div {
    font-size: .3rem
}

.roomItem28 .roomItem28Content > div > div:nth-child(2) > div div img {
    width: .32rem;
    height: .32rem;
    margin-right: .08rem
}

.am-carousel {
    position: relative
}

.am-carousel-wrap {
    font-size: 18px;
    color: #000;
    background: 0 0;
    text-align: center;
    zoom: 1;
    width: 100%
}

.am-carousel-wrap-dot {
    display: inline-block;
    zoom: 1
}

.am-carousel-wrap-dot > span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 3px;
    border-radius: 50%;
    background: #ccc
}

.am-carousel-wrap-dot-active > span {
    background: #888
}

.roomTitle28 {
    width: 100%;
    height: 2rem;
    position: fixed;
    top: 1.68rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomTitle28 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomTitle28 > div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 100%
}

.roomTitle28 > div:nth-child(1) > img {
    width: 1rem;
    height: 1rem;
    margin-left: .2rem;
    display: block;
    border-radius: 50%;
    margin-bottom: .08rem
}

.roomTitle28 > div:nth-child(1) span {
    font-size: .26rem;
    color: #333;
    margin-left: .2rem;
    white-space: nowrap
}

.roomTitle28 > div:nth-child(2) {
    width: calc(100vw - 1.2rem);
    height: 100%;
    position: relative
}

.roomTitle28 > div:nth-child(2) > div {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomTitle28 > div:nth-child(2) > div > div {
    background-color: #ffc265;
    width: 5.6rem;
    height: 1.4rem;
    padding-left: .6rem;
    border-radius: 100px;
    margin-left: .2rem
}

.roomTitle28 > div:nth-child(2) > div > div:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: .13rem solid transparent;
    top: 50%;
    margin-top: -.12rem;
    left: -.04rem;
    border-right: .13rem solid #ffc265
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(1) {
    height: .4rem;
    font-size: .24rem;
    color: #333;
    margin-top: .22rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(1) span {
    color: #ff4941;
    margin-left: .1rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: .6rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2).textTieleDOM span {
    color: #ff4941;
    margin-left: .1rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) {
    font-size: .22rem;
    color: #333;
    margin-right: .3rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) span {
    color: #ff4941
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) div.timers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .28rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) div.timers span {
    display: inline-block
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) div.timers span:nth-child(2), .roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) div.timers span:nth-child(4) {
    margin: 0 .06rem
}

.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(2) div.timers .reClock {
    width: .52rem;
    height: .52rem;
    background: #5a5a5a;
    -webkit-box-shadow: 0 .04rem .08rem 0 #5a5a5a;
    box-shadow: 0 .04rem .08rem 0 #5a5a5a;
    border-radius: .08rem;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.Fastcar {
    z-index: 1;
    position: fixed;
    top: 1.68rem;
    width: 100%;
    height: 1.62rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    border-top: 1px solid #d8d8d8
}

.countBox.Fastcar div.listcontet {
    height: 1.62rem;
    width: 100%;
    padding-left: .32rem;
    padding-top: .2rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.countBox.Fastcar div.listcontet > div:first-child {
    float: left;
    width: 4.5rem;
    height: 100%
}

.countBox.Fastcar div.listcontet > div:first-child > div:first-child {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .36rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.Fastcar div.listcontet > div:first-child > div:first-child span {
    color: #ff4941
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span {
    display: block;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .06rem;
    width: .38rem;
    height: .38rem;
    margin-right: .04rem
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span:last-child {
    margin-right: 0
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball01 {
    background-color: #ecca00
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball02 {
    background-color: #3ca2ed
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball03 {
    background-color: #606060
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball04 {
    background-color: #e8803f
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball05 {
    background-color: #20c5d3
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball06 {
    background-color: #5c57cc
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball07 {
    background-color: #999
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball08 {
    background-color: #ff78db
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball09 {
    background-color: #a23f4b
}

.countBox.Fastcar div.listcontet > div:first-child > div:nth-child(2) span.Ball10 {
    background-color: #5fcc49
}

.countBox.Fastcar div.listcontet > div:nth-child(2) {
    float: left;
    width: 1.8rem;
    height: 100%;
    margin-left: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi, .countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian {
    padding-bottom: .28rem;
    text-align: center;
    position: relative
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi span.blackEle, .countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian span.blackEle {
    color: #000;
    border-color: #000
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi span.redEle, .countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian span.redEle {
    color: #ff4941;
    border-color: #ff4941
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi span.blueEle, .countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian span.blueEle {
    color: #3ca2ed;
    border-color: #3ca2ed
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi {
    width: .9rem;
    height: 100%
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi > p {
    width: 100%;
    font-size: .24rem;
    color: #666;
    margin-bottom: .06rem
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi > span {
    width: 100%;
    height: .9rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian {
    width: .8rem;
    height: 100%
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian > p {
    width: 100%;
    font-size: .24rem;
    color: #666;
    margin-bottom: .06rem
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian > span {
    width: 100%;
    height: .42rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .06rem
}

.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian > span:first-child {
    margin-bottom: 0
}

.countBox.Fastcar div.listcontet div.targetClose {
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countBox.Fastcar div.listcontet div.targetClose span.seletImg {
    position: relative
}

.countBox.Fastcar div.listcontet div.targetClose span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.Fastcar div.listcontet div.targetClose .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.Fastcar div.listcontet div.targetClose .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.Fastcar div.listBoxModal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0
}

.countBox.Fastcar div.listBoxModal > div {
    width: 100%;
    position: absolute;
    top: 3.32rem;
    background: #fff
}

.countBox.Fastcar div.listBoxModal.listNone {
    display: none
}

.countBox.xingyun28 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    position: fixed;
    top: .88rem;
    width: 100%;
    height: .8rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    background: #fff;
    border-top: 1px solid #e0e0e0
}

.countBox.xingyun28 .countTest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .8rem;
    border-bottom: 1px solid #e0e0e0;
    padding-left: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.xingyun28 .countTest span {
    display: inline-block
}

.countBox.xingyun28 .countTest > span:nth-child(1) {
    margin: 0 .12rem 0 0;
    color: #666
}

.countBox.xingyun28 .countTest span.seletImg {
    position: absolute;
    right: .32rem;
    top: .19rem
}

.countBox.xingyun28 .countTest span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.xingyun28 .countTest .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.xingyun28 .countTest .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.xingyun28 .countTest .modelText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.xingyun28 .countTest .modelText span {
    font-size: .26rem;
    margin: 0 .05rem;
    width: .6rem;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.xingyun28 .countTest .modelText .blueText {
    color: #3ca2ed;
    border: 1px solid #3ca2ed
}

.countBox.xingyun28 .countTest .modelText .redText {
    color: #ff4941;
    border: 1px solid #ff4941
}

.countBox.xingyun28 .countList.listNone {
    display: none
}

.countBox.xingyun28 .countList {
    position: absolute;
    left: 0;
    width: 100%;
    top: .8rem;
    background: rgba(0, 0, 0, .3);
    height: 100vh
}

.countBox.xingyun28 .countList ul {
    background-color: #fff
}

.countBox.xingyun28 .countList li {
    width: 100%;
    height: .8rem;
    border-bottom: 1px solid #d8d8d8;
    padding-left: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.xingyun28 .countList li span {
    display: inline-block
}

.countBox.xingyun28 .countList li > span:nth-child(1) {
    margin: 0 .12rem 0 0;
    color: #666
}

.countBox.xingyun28 .countList li .modelText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.xingyun28 .countList li .modelText span {
    font-size: .26rem;
    margin: 0 .05rem;
    width: .6rem;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.xingyun28 .countList li .modelText .blueText {
    color: #3ca2ed;
    border: 1px solid #3ca2ed
}

.countBox.xingyun28 .countList li .modelText .redText {
    color: #ff4941;
    border: 1px solid #ff4941
}

.countBox.xingyun28 .redBall {
    background-image: linear-gradient(-43deg, #ff7d83 0, #ff4941 100%)
}

.countBox.xingyun28 .greenBall {
    background-image: linear-gradient(-43deg, #57c946 0, #6d5 100%)
}

.countBox.xingyun28 .blueBall {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d9f9), to(#1f9efb));
    background-image: linear-gradient(-180deg, #00d9f9 0, #1f9efb 100%)
}

.countBox.xingyun28 .grayBall {
    background-image: linear-gradient(-132deg, #999 1%, #666 100%)
}

.countBox.xingyun28 .balls {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    line-height: .48rem;
    text-align: center;
    color: #fff;
    margin: 0 .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.happy8 {
    z-index: 1;
    position: fixed;
    top: 1.68rem;
    width: 100%;
    height: 1.96rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    border-top: 1px solid #d8d8d8
}

.countBox.happy8 div.listcontet {
    height: 1.96rem;
    width: 100%;
    padding-left: .32rem;
    padding-top: .2rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.countBox.happy8 div.listcontet > div:first-child {
    float: left;
    width: 5rem;
    height: 100%
}

.countBox.happy8 div.listcontet > div:first-child > div:first-child {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .36rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.happy8 div.listcontet > div:first-child > div:first-child span {
    color: #ff4941
}

.countBox.happy8 div.listcontet > div:first-child > div:nth-child(2) {
    width: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.happy8 div.listcontet > div:first-child > div:nth-child(2) span {
    display: block;
    width: .38rem;
    height: .38rem;
    margin: 0 .12rem .16rem 0;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff4941;
    border-radius: 50%
}

.countBox.happy8 div.listcontet > div:first-child > div:nth-child(2) span.blueBall {
    background-color: #3ca2ed
}

.countBox.happy8 div.listcontet > div:first-child > div:nth-child(2) span:nth-child(10n) {
    margin: 0 0 .16rem 0
}

.countBox.happy8 div.listcontet > div:nth-child(2) {
    float: left;
    width: 1.5rem;
    height: 100%;
    margin-left: .1rem
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.redRect {
    float: left;
    display: block;
    width: .7rem;
    height: .42rem;
    margin: 0 .1rem .1rem 0;
    border: 1px solid #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #ff4941
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.BlueRect {
    float: left;
    display: block;
    width: .7rem;
    height: .42rem;
    margin: 0 .1rem .1rem 0;
    border: 1px solid #3ca2ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #3ca2ed
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.GreenRect {
    float: left;
    display: block;
    width: .7rem;
    height: .42rem;
    margin: 0 .1rem .1rem 0;
    border: 1px solid #5fcc49;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #5fcc49
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.theElementGold {
    float: left;
    display: block;
    width: 1.5rem;
    height: .42rem;
    margin: 0;
    border: 1px solid #f5a623;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #f5a623
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.theElementWood {
    float: left;
    display: block;
    width: 1.5rem;
    height: .42rem;
    margin: 0;
    border: 1px solid #996601;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #996601
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.theElementWater {
    float: left;
    display: block;
    width: 1.5rem;
    height: .42rem;
    margin: 0;
    border: 1px solid #3ca2ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #3ca2ed
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.theElementFire {
    float: left;
    display: block;
    width: 1.5rem;
    height: .42rem;
    margin: 0;
    border: 1px solid #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #ff4941
}

.countBox.happy8 div.listcontet > div:nth-child(2) span.theElementSoil {
    float: left;
    display: block;
    width: 1.5rem;
    height: .42rem;
    margin: 0;
    border: 1px solid #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    color: #666
}

.countBox.happy8 div.listcontet > div:nth-child(2) span:nth-child(2n) {
    margin: 0 0 .1rem 0
}

.countBox.happy8 div.listcontet div.targetClose {
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countBox.happy8 div.listcontet div.targetClose span.seletImg {
    position: relative
}

.countBox.happy8 div.listcontet div.targetClose span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.happy8 div.listcontet div.targetClose .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.happy8 div.listcontet div.targetClose .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.happy8 div.listBoxModal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0
}

.countBox.happy8 div.listBoxModal > div {
    width: 100%;
    position: absolute;
    top: 3.66rem;
    background: #fff
}

.countBox.happy8 div.listBoxModal.listNone {
    display: none
}

.countBox.fastThree {
    z-index: 1;
    position: fixed;
    top: 1.68rem;
    width: 100%;
    height: 1.62rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    border-top: 1px solid #d8d8d8
}

.countBox.fastThree div.listcontet {
    height: 1.62rem;
    width: 100%;
    padding-left: .32rem;
    padding-top: .2rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.countBox.fastThree div.listcontet > div:first-child {
    float: left;
    width: 4.2rem;
    height: 100%
}

.countBox.fastThree div.listcontet > div:first-child > div:first-child {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .36rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.fastThree div.listcontet > div:first-child > div:first-child span {
    color: #ff4941
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) {
    width: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) span {
    display: block;
    margin: 0 .12rem .16rem 0;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ff4941;
    border-radius: 50%;
    margin-right: .56rem
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) span:last-child {
    margin-right: 0
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) span > img {
    width: .58rem
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) span.blueBall {
    background-color: #3ca2ed
}

.countBox.fastThree div.listcontet > div:first-child > div:nth-child(2) span:nth-child(10n) {
    margin: 0 0 .16rem 0
}

.countBox.fastThree div.listcontet > div:nth-child(2) {
    float: left;
    width: 2.3rem;
    height: 100%;
    margin-left: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div {
    padding-bottom: .28rem;
    text-align: center;
    position: relative
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div > p {
    width: 100%;
    font-size: .24rem;
    position: absolute;
    bottom: .7rem;
    color: #666
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div > span {
    position: absolute;
    bottom: .28rem;
    width: 100%;
    height: .36rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div span.blackEle {
    color: #000;
    border-color: #000
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div span.redEle {
    color: #ff4941;
    border-color: #ff4941
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div span.blueEle {
    color: #3ca2ed;
    border-color: #3ca2ed
}

.countBox.fastThree div.listcontet > div:nth-child(2) > div.shirt {
    width: .7rem;
    height: 100%
}

.countBox.fastThree div.listcontet div.targetClose {
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countBox.fastThree div.listcontet div.targetClose span.seletImg {
    position: relative
}

.countBox.fastThree div.listcontet div.targetClose span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.fastThree div.listcontet div.targetClose .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.fastThree div.listcontet div.targetClose .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.fastThree div.listBoxModal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0
}

.countBox.fastThree div.listBoxModal > div {
    width: 100%;
    position: absolute;
    top: 3.32rem;
    background: #fff
}

.countBox.fastThree div.listBoxModal.listNone {
    display: none
}

.countBox.happyTenMin {
    z-index: 1;
    position: fixed;
    top: 1.68rem;
    width: 100%;
    height: 1.62rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    border-top: 1px solid #d8d8d8
}

.countBox.happyTenMin div.listcontet {
    height: 1.62rem;
    width: 100%;
    padding-left: .32rem;
    padding-top: .2rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.countBox.happyTenMin div.listcontet > div:first-child {
    float: left;
    width: 5rem;
    height: 100%
}

.countBox.happyTenMin div.listcontet > div:first-child > div:first-child {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .36rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.happyTenMin div.listcontet > div:first-child > div:first-child span {
    color: #ff4941
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span {
    display: block;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: .42rem;
    height: .42rem;
    margin-right: .12rem
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span.sixCliELe {
    margin-right: 0
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span.sevenCliELe {
    margin-right: 0;
    color: #666
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span:last-child {
    margin-right: 0
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span.redsBall {
    background-color: #ff4941
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span.bluesBall {
    background-color: #3ca2ed
}

.countBox.happyTenMin div.listcontet > div:first-child > div:nth-child(2) span.greenBall {
    background-color: #5fcc49
}

.countBox.happyTenMin div.listcontet > div:first-child > div.liuhe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: .3rem
}

.countBox.happyTenMin div.listcontet > div:first-child > div.liuhe span {
    display: block;
    font-size: .24rem;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: .42rem;
    margin-right: .12rem;
    margin-top: .06rem
}

.countBox.happyTenMin div.listcontet > div:first-child > div.liuhe span:last-child {
    margin-right: 0
}

.countBox.happyTenMin div.listcontet > div:first-child > div.liuhe span:nth-child(6) {
    margin-right: 0
}

.countBox.happyTenMin div.listcontet > div:first-child > div.liuhe span:nth-child(7) {
    margin-right: 0;
    color: #666
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) {
    float: left;
    width: 1.5rem;
    height: 100%;
    margin-left: .1rem;
    padding-bottom: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) > p {
    width: .7rem;
    height: .3rem;
    color: #666;
    font-size: .24rem;
    text-align: center
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) > span {
    width: .7rem;
    height: .42rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) span.greendEle {
    color: #5fcc49;
    border-color: #5fcc49
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) span.redEle {
    color: #ff4941;
    border-color: #ff4941
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) span.blueEle {
    color: #3ca2ed;
    border-color: #3ca2ed
}

.countBox.happyTenMin div.listcontet > div:nth-child(2) span.GrayEle {
    color: #9b9b9b;
    border-color: #9b9b9b
}

.countBox.happyTenMin div.listcontet div.targetClose {
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countBox.happyTenMin div.listcontet div.targetClose span.seletImg {
    position: relative
}

.countBox.happyTenMin div.listcontet div.targetClose span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.happyTenMin div.listcontet div.targetClose .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.happyTenMin div.listcontet div.targetClose .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) {
    float: left;
    width: 1.3rem;
    height: 100%;
    margin-left: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi, .countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian {
    padding-bottom: .28rem;
    text-align: center;
    position: relative
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi span.blackEle, .countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian span.blackEle {
    color: #000;
    border-color: #000
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi span.redEle, .countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian span.redEle {
    color: #ff4941;
    border-color: #ff4941
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi span.blueEle, .countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian span.blueEle {
    color: #3ca2ed;
    border-color: #3ca2ed
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi span.greendEle, .countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian span.greendEle {
    color: #5fcc49;
    border-color: #5fcc49
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi {
    width: .6rem;
    height: 100%
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi > p {
    width: 100%;
    font-size: .24rem;
    color: #666;
    margin-bottom: .06rem
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi > span {
    width: 100%;
    height: .9rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian {
    width: .6rem;
    height: 100%
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian > p {
    width: 100%;
    font-size: .24rem;
    color: #666;
    margin-bottom: .06rem
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian > span {
    width: 100%;
    height: .42rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .06rem
}

.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian > span:first-child {
    margin-bottom: 0
}

.countBox.happyTenMin div.listBoxModal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0
}

.countBox.happyTenMin div.listBoxModal > div {
    width: 100%;
    position: absolute;
    top: 3.32rem;
    background: #fff
}

.countBox.happyTenMin div.listBoxModal.listNone {
    display: none
}

.countBox.elevenSelectFive {
    z-index: 1;
    position: fixed;
    top: 1.68rem;
    width: 100%;
    height: 1.62rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.2px;
    border-top: 1px solid #d8d8d8
}

.countBox.elevenSelectFive div.listcontet {
    height: 1.62rem;
    width: 100%;
    padding-left: .32rem;
    padding-top: .2rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.countBox.elevenSelectFive div.listcontet > div:first-child {
    float: left;
    width: 4rem;
    height: 100%
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:first-child {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.18px;
    height: .36rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:first-child span {
    color: #ff4941
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) span {
    display: block;
    font-size: .24rem;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: .42rem;
    height: .42rem;
    margin-right: .12rem
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) span:last-child {
    margin-right: 0
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) span.redsBall {
    background-color: #ff4941
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) span.bluesBall {
    background-color: #3ca2ed
}

.countBox.elevenSelectFive div.listcontet > div:first-child > div:nth-child(2) span.greenBall {
    background: #5fcc49
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) {
    float: left;
    width: 2.3rem;
    height: 100%;
    margin-left: .1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div {
    padding-bottom: .28rem;
    text-align: center;
    position: relative
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div > p {
    width: 100%;
    font-size: .24rem;
    position: absolute;
    bottom: .7rem;
    color: #666
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div > span {
    position: absolute;
    bottom: .28rem;
    width: 100%;
    height: .36rem;
    border: 1px solid #999;
    font-size: .24rem;
    color: #999;
    border-radius: 1.44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div span.blackEle {
    color: #000;
    border-color: #000
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div span.redEle {
    color: #ff4941;
    border-color: #ff4941
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div span.blueEle {
    color: #3ca2ed;
    border-color: #3ca2ed
}

.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div.shirt {
    width: .7rem;
    height: 100%
}

.countBox.elevenSelectFive div.listcontet div.targetClose {
    position: absolute;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.countBox.elevenSelectFive div.listcontet div.targetClose span.seletImg {
    position: relative
}

.countBox.elevenSelectFive div.listcontet div.targetClose span.seletImg img {
    height: .3rem;
    width: .16rem;
    display: inline-block
}

.countBox.elevenSelectFive div.listcontet div.targetClose .seletImg.deg90 img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.countBox.elevenSelectFive div.listcontet div.targetClose .seletImg.deg270 img {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.countBox.elevenSelectFive div.listBoxModal {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: 0 0
}

.countBox.elevenSelectFive div.listBoxModal > div {
    width: 100%;
    position: absolute;
    top: 3.32rem;
    background: #fff
}

.countBox.elevenSelectFive div.listBoxModal.listNone {
    display: none
}

.roomBody {
    position: fixed;
    top: 3.68rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1rem;
    padding: .22rem .16rem;
    background: #f2f2f2
}

.roomBody .chartItem.betBox {
    width: 100%;
    margin: .3rem 0
}

.roomBody .chartItem.betBox.myAddbet .chartBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes {
    padding-right: .2rem
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes > div:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: .13rem solid transparent;
    top: 50%;
    margin-top: -.12rem;
    right: -.24rem;
    border-left: .13rem solid #ff535b
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes > div:before {
    border: none
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes > div > div > p img {
    margin: 0 .2rem 0 0
}

.roomBody .chartItem.betBox.myAddbet .chartBody .OtherMes > div > div > p span {
    overflow: hidden;
    text-overflow: ellipsis
}

.roomBody .chartItem.betBox:first-child {
    margin-top: 0
}

.roomBody .chartItem.betBox:last-child {
    margin-bottom: 0
}

.roomBody .chartItem.betBox p {
    font-size: .24rem;
    color: #8e8e93;
    letter-spacing: .07px;
    text-align: center;
    line-height: .26rem;
    margin-bottom: .16rem
}

.roomBody .chartItem.betBox .chartBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomBody .chartItem.betBox .chartBody .userPhoto {
    width: 1rem;
    height: 100%
}

.roomBody .chartItem.betBox .chartBody .userPhoto img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.roomBody .chartItem.betBox .chartBody .userPhoto span {
    white-space: nowrap;
    font-size: .26rem;
    color: #333
}

.roomBody .chartItem.betBox .chartBody .OtherMes {
    width: 5.8rem;
    padding-left: .2rem
}

.roomBody .chartItem.betBox .chartBody .OtherMes > p {
    margin-top: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: .48rem;
    line-height: .48rem;
    min-width: 50%
}

.roomBody .chartItem.betBox .chartBody .OtherMes > p img {
    height: .48rem;
    display: block;
    margin: 0 .2rem;
    margin-bottom: 5px;
    width: 1.21rem
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div {
    max-width: 5.8rem;
    font-size: .26rem;
    color: #fff;
    letter-spacing: .07px;
    padding: .1rem .2rem;
    background: #ff535b;
    border-radius: .06rem;
    position: relative;
    padding: .15rem .2rem;
    border-radius: 100px
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: .13rem solid transparent;
    top: 50%;
    margin-top: -.12rem;
    left: -.24rem;
    border-right: .13rem solid #ff535b
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .26rem
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div > div > p {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 49%;
    margin: .1rem 0
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div > div > p > img {
    width: .28rem;
    height: .28rem;
    margin-right: .14rem
}

.roomBody .chartItem.betBox .chartBody .OtherMes > div > div > p > span {
    font-size: .26rem;
    color: #fff;
    letter-spacing: .07px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomBody .winMed {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomBody .winMed > p {
    font-size: .24rem;
    color: #8e8e93;
    letter-spacing: .07px;
    text-align: center;
    line-height: .26rem
}

.roomBody .winMed.reloveRoom > .winMedText {
    background: #d6d6d6;
    font-size: .24rem;
    color: #666;
    letter-spacing: .07px;
    text-align: center;
    line-height: .34rem;
    border-radius: 2rem;
    margin: .16rem auto;
    display: inline-block;
    padding: .1rem .3rem .1rem .3rem
}

.roomBody .winMed.reloveRoom > .winMedText span {
    color: #ff4b50
}

.roomBody .winMed.pushMes > .winMedText {
    display: inline-block;
    background: #d6d6d6;
    font-size: .24rem;
    color: #666;
    letter-spacing: .07px;
    text-align: center;
    line-height: .34rem;
    border-radius: .12rem;
    max-width: 3.1rem;
    margin: .16rem auto .3rem;
    padding: .1rem
}

.roomBody .winMed.pushMes > .winMedText span {
    color: #2a2a2a
}

.roomBody .chartItem.mesBox {
    width: 100%;
    margin: .2rem 0;
    word-wrap: break-word;
    word-break: break-all
}

.roomBody .chartItem.mesBox:first-child {
    margin-top: 0
}

.roomBody .chartItem.mesBox:last-child {
    margin-bottom: 0
}

.roomBody .chartItem.mesBox.myMesBox .chartBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes {
    padding-right: .2rem
}

.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: .1rem
}

.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > div span {
    background: #ff535b;
    color: #fff
}

.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > div img {
    position: absolute;
    bottom: 0;
    right: -.08rem;
    width: .3rem;
    left: auto
}

.roomBody .chartItem.mesBox.myMesBox .disablesText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomBody .chartItem.mesBox.myMesBox .disablesText .winMedText {
    background: #d6d6d6;
    font-size: .24rem;
    color: #666;
    letter-spacing: .07px;
    text-align: center;
    line-height: .34rem;
    border-radius: 2rem;
    margin: .1rem auto;
    display: inline-block;
    padding: .1rem .3rem
}

.roomBody .chartItem.mesBox p {
    font-size: .24rem;
    color: #8e8e93;
    letter-spacing: .07px;
    text-align: center;
    line-height: .26rem
}

.roomBody .chartItem.mesBox .chartBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomBody .chartItem.mesBox .chartBody .userPhoto {
    width: 1rem;
    height: 1rem
}

.roomBody .chartItem.mesBox .chartBody .userPhoto img {
    width: 1rem;
    height: 1rem;
    border-radius: 50%
}

.roomBody .chartItem.mesBox .chartBody .OtherMes {
    width: 82.1%;
    padding-left: .2rem
}

.roomBody .chartItem.mesBox .chartBody .OtherMes > p {
    margin-top: .18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: .48rem;
    line-height: .48rem
}

.roomBody .chartItem.mesBox .chartBody .OtherMes > p img {
    height: .48rem;
    display: block;
    margin: 0 .2rem;
    margin-bottom: 5px;
    width: 1.22rem
}

.roomBody .chartItem.mesBox .chartBody .OtherMes div {
    max-width: 5.3rem;
    font-size: .28rem;
    color: #fff;
    position: relative;
    margin-left: .1rem
}

.roomBody .chartItem.mesBox .chartBody .OtherMes div span {
    display: inline-block;
    vertical-align: text-top;
    background: #e5e5ea;
    line-height: .4rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.47px;
    border-radius: .34rem;
    padding: .14rem .2rem
}

.roomBody .chartItem.mesBox .chartBody .OtherMes div img {
    position: absolute;
    bottom: 0;
    left: -.08rem;
    width: .3rem
}

.roomBody > .loadingBox {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomBody > .loadingBox > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomBody > .loadingBox > div > div {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .1rem 0
}

.roomBody > .loadingBox .am-icon-md {
    width: 1rem;
    height: 1rem
}

.roomBody > .loadingBox.loadingHide {
    display: none
}

.xingyun28.addBetModal {
    color: red
}

.xingyun28.addBetModal > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: space-start;
    -ms-flex-align: space-start;
    align-items: space-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 4rem;
    margin: 0 auto;
    color: #000;
    letter-spacing: 0;
    line-height: .44rem
}

.xingyun28.addBetModal > div > div > .title {
    width: 1rem
}

.xingyun28.addBetModal > div > div > .bodys {
    width: 3rem;
    text-align: left;
    white-space: normal;
    word-break: break-all;
    color: #666
}

.am-modal-button-group-h .am-modal-button:first-child {
    color: #108ee9
}

.am-modal-button-group-h .am-modal-button {
    height: .88rem;
    line-height: .88rem;
    font-size: .34rem
}

.app, body, html {
    overflow: auto;
    height: 100%
}

.app *, body *, html * {
    font-family: Arial, Microsoft YaHei, sans-serif
}

.app, body {
    position: relative
}

#app .ForgetPwd > content {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#app .Login {
    background: white;
}

#app .Login > div.LoginItem {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f1f1f1
}

.content-wrapper {
    overflow: auto;
    overflow-y: scroll;
    height: calc(100vh - 1.88rem) !important
}

.content-wrapper1 {
    height: calc(100vh - .88rem) !important;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.scroll-wrapper {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.active-bg:active {
    background-color: #e0e0e0 !important
}

.active-opacity:active {
    opacity: .7
}

.ClearInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

.ClearInput input {
    width: 100%;
    outline: 0;
    border: none;
    font-size: .3rem
}

.ClearInput img {
    width: .32rem;
    height: .32rem
}

.content-input .login_trigger_btn {
    text-align: center;
    color: #fff;
    font-size: .28rem;
    margin-top: .5rem
}

.content-input .login_trigger_btn span {
    color: #e03c2f;
    padding-left: 6px
}

.login_btn .btn {
    margin-top: .25rem;
    display: block;
    height: .98rem;
    line-height: .98rem;
    font-size: .36rem;
    /*color: #000 !important;*/
    text-align: center;
    box-shadow: 0 0.02rem 0 #7d5c1d, inset 0 -0.04rem 0.06rem hsl(0deg 0% 100% / 35%);
    background: linear-gradient(180deg, (#2694d5) , #4377e2) !important;
    border-radius: .88rem !important;
    border: 0;
    cursor: pointer;
    border: 0;
    width: 100%;
    font-weight: 400 !important;
    box-shadow: none !important;
    background-size: 100% 100% !important
}

#code::-webkit-input-placeholder, #password::-webkit-input-placeholder, #username::-webkit-input-placeholder {
    color: #d3d3d3
}

#code::-webkit-input-placeholder, #password::-webkit-input-placeholder, #username::-moz-placeholder {
    color: #d3d3d3
}

#code::-webkit-input-placeholder, #password::-webkit-input-placeholder, #username::-ms-input-placeholder {
    color: #d3d3d3
}

.LoginInput {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(90, 90, 90, .7);
    border: none;
    border-radius: 10px;
    height: 1rem;
    background: 0 0;
    border: 1px solid #ffdca8
}

.LoginInput > input {
    color: #fff;
    background: 0 0;
    width: 100%;
    outline: 0;
    font-size: 14px;
    border: none;
    height: 80%
}

.LoginInput > input::placeholder {
    color: rgba(255, 255, 255, .6)
}

.LoginInput > img {
    margin-left: .28rem;
    margin-right: .28rem;
    width: auto;
    height: auto
}

.LoginInput > div {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    font-size: .26rem;
    margin-right: .46rem
}

.LoginInput > div img {
    width: 80
}

.LoginInput-tip {
    font-size: 13px;
    color: #999;
    padding: .22rem 0 .22rem .46rem
}

.Button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .32rem;
    border-radius: .12rem;
    height: .9rem;
    background: #cecdce;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, .5)
}

.Button.active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5)
}

.TarView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.TarView .active-opacity {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .32rem;
    border: 1px solid #e0e0e0;
    border-left: none
}

.TarView .active-opacity.active {
    color: #fff;
    border: none !important;
    background: #ff4941
}

.TarView .active-opacity:first-child {
    border-left: 1px solid #e0e0e0
}

.fs-18 {
    font-size: .3rem;
    color: #444
}

.fs-15 {
    font-size: .3rem;
    color: #131313
}

.fs-14 {
    font-size: .28rem;
    color: #131313
}

.fs-13 {
    font-size: .26rem;
    color: #131313
}

.fs-12 {
    font-size: .24rem;
    color: #131313
}

.none {
    display: none
}

.trend table {
    width: 100%;
    margin-top: 10px
}

.trend table th {
    background: #e5e5ea;
    -webkit-box-shadow: 0 2px 4px 0 #e5e5ea;
    box-shadow: 0 2px 4px 0 #e5e5ea;
    border: solid 1px #e0e0e0;
    height: .68rem;
    font-weight: 400
}

.trend table td {
    height: .68rem;
    border: solid 1px #e0e0e0;
    border-top: 0;
    border-bottom: 0;
    text-align: center
}

.trend table tr:nth-child(odd) {
    background: #fff
}

.trend table tr:nth-child(even) {
    background: #f0f4f4
}

.trend table tr:last-child {
    border-bottom: solid 1px #e0e0e0
}

.red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941));
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%)
}

.green {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d5), to(#57c946));
    background-image: linear-gradient(-180deg, #6d5 0, #57c946 100%)
}

.blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00d9f9), to(#1f9efb));
    background-image: linear-gradient(-180deg, #00d9f9 0, #1f9efb 100%)
}

.gray {
    background-image: linear-gradient(-135deg, #b3b3b3 0, #999 100%)
}

.PayPwdInput {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #e0e0e0;
    position: relative
}

.PayPwdInput input {
    outline: 0;
    width: 99%;
    height: 1rem;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    opacity: 0;
    z-index: 1;
    letter-spacing: 1rem
}

.PayPwdInput input:focus {
    top: -10rem;
    left: -10rem
}

.PayPwdInput .InputShow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background: #efefef;
    border: 1px solid #e0e0e0;
    border-right: none;
    width: 100%;
    text-align: center
}

.PayPwdInput .InputShow li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .56rem;
    height: 1rem;
    line-height: 1rem;
    border-right: 1px solid #e0e0e0
}

.p-relative {
    position: relative
}

::-webkit-input-placeholder {
    font-size: .32rem;
    color: #aaa
}

.GmContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: .88rem
}

.roomFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    background-color: #fff;
    padding-left: .32rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.roomFooter.hidetouzhu .touzhu {
    display: none
}

.roomFooter.hidefasong .sendBtn {
    display: none
}

.roomFooter input.sendMesg {
    width: 5.32rem;
    height: .72rem;
    line-height: .72rem;
    margin-right: .32rem;
    background: #f2f2f2;
    border: 0 solid #dedee2;
    border-radius: 6px;
    padding-left: .12rem;
    font-size: .28rem
}

.roomFooter .AddBet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: .3rem;
    border-radius: .12rem;
    height: .72rem;
    width: 1.6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    margin: 0 .17rem
}

.roomFooter .coCoAddBet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .3rem;
    border-radius: .12rem;
    height: .72rem;
    width: 1.6rem;
    background: #fff;
    color: #ff4941;
    border: 2px solid #ff4941;
    -webkit-box-shadow: 0 1px 4px 0 rgba(255, 206, 206, .5);
    box-shadow: 0 1px 4px 0 rgba(255, 206, 206, .5);
    border-radius: 6px;
    margin: 0 .17rem
}

.roomAdddBetContainer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 11
}

.roomAdddBetContainer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomAdddBetContainer.TahtHide {
    display: none
}

.roomAdddBetContainer > .contantBox {
    position: fixed;
    top: 0;
    bottom: 2.08rem;
    width: 100%
}

.roomAdddBetContainer > .contantBox > .headers {
    position: absolute;
    top: 1.2rem;
    width: 100%;
    height: 1.96rem;
    padding-top: .4rem;
    z-index: 2
}

.roomAdddBetContainer > .contantBox > .headers img {
    height: 1.56rem;
    display: block;
    margin: 0 auto
}

.roomAdddBetContainer > .contantBox .box {
    position: absolute;
    top: 2.98rem;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    padding-bottom: .7rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox {
    overflow: scroll;
    height: calc(100vh - 2.98rem - 2.08rem - 1.1rem);
    background-color: #f2f2f2;
    padding-bottom: 2.08rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds {
    width: calc(100vW - .4rem);
    margin: .16rem auto;
    background-color: #fff;
    border-radius: 8px;
    overflow: auto;
    position: relative
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.baoSan .itemBox {
    padding: .3rem .3rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.baoSan .itemBox > div {
    width: 16.66%;
    height: 1.3rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.baoSan .itemBox > div > div {
    width: .82rem;
    height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    font-size: .36rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox {
    padding: .3rem .3rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div {
    width: 16.66%;
    height: 1.3rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div.selected > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div.selected span {
    display: block;
    font-size: .24rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div > div {
    width: .82rem;
    height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    font-size: .36rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div > p {
    font-size: .26rem;
    color: #959595;
    margin-top: .1rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    position: absolute;
    top: -.18rem;
    right: 0;
    color: #fff;
    z-index: 1
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: calc(100% - .94rem);
    height: 100%;
    display: block
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .visibleModal.hides {
    display: none !important
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox > h3 {
    height: .7rem;
    line-height: .7rem;
    width: 100%;
    font-size: .3rem;
    color: #333;
    letter-spacing: -1px;
    text-align: center;
    font-weight: 400
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox > h3.hide {
    display: none !important
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .14rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div {
    width: 1.24rem;
    height: 1.24rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 0, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 4px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .28rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected > div, .roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected > p {
    color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected span {
    display: block;
    font-size: .24rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.1rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div > div {
    font-size: .32rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div > p {
    font-size: .26rem;
    color: #959595
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div span {
    right: -.1rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .14rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div {
    width: 2.01rem;
    height: 1.12rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 0, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 4px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .28rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div:nth-child(2) div {
    color: #58aaf4
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div:nth-child(3) div {
    color: #83d672
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected > div, .roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected > p {
    color: #fff;
    border: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected span {
    display: block;
    font-size: .24rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.1rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div > div {
    font-size: .32rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div > p {
    font-size: .26rem;
    color: #959595
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div span {
    right: -.1rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div {
    font-size: .28rem;
    width: 25%;
    float: left;
    text-align: center;
    color: #666;
    position: relative
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div.selected > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div.selected span {
    display: block;
    font-size: .24rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.25rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div div {
    display: inline-block;
    border-radius: 50%;
    color: #ff4941
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div p {
    font-size: .24rem;
    letter-spacing: -.8px;
    text-align: center;
    margin-top: .15rem
}

.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: .15rem;
    border-radius: 50%;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem;
    z-index: 1
}

.roomAdddBetContainer > .contantBox .box > .TabSelect {
    height: 1.1rem;
    width: 100%;
    overflow: auto;
    padding-top: .14rem;
    border-bottom: 2px dashed #ededed
}

.roomAdddBetContainer > .contantBox .box > .TabSelect > div > span {
    width: 1.4rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .3rem;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin-left: .2rem
}

.roomAdddBetContainer > .contantBox .box > .TabSelect > div > span.oddTabSelect {
    border-bottom: 2px solid #ff4941;
    color: #ff4941
}

.roomAdddBetContainer .Statistics.fastcarsfooters {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    bottom: 0;
    height: 2.08rem
}

.xinyun28-other {
    width: calc(100% - .4rem);
    margin: 0 auto;
    border-radius: 8px;
    background-color: #fff;
    overflow: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.xinyun28-other:first-child {
    padding-top: .5rem
}

.xinyun28-other .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: calc(100%);
    height: 100%;
    display: block
}

.xinyun28-other .visibleModal.hides {
    display: none !important
}

.xinyun28-other .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .12rem
}

.xinyun28-other .itemBox > div {
    font-size: .28rem;
    width: 2.02rem;
    height: 1.16rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    float: left;
    color: #959595;
    margin-bottom: .4rem;
    border-radius: 4px;
    position: relative;
    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
}

.xinyun28-other .itemBox > div.selected {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center
}

.xinyun28-other .itemBox > div.selected > div {
    color: #fff
}

.xinyun28-other .itemBox > div.selected span {
    display: block;
    font-size: .24rem
}

.xinyun28-other .itemBox > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.06rem
}

.xinyun28-other .itemBox > div div {
    text-align: center;
    font-size: .32rem;
    color: #ff4941
}

.xinyun28-other .itemBox > div p {
    font-size: .24rem;
    letter-spacing: -.8px;
    text-align: center;
    margin-top: .15rem
}

.xinyun28-other .itemBox > div span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.06rem;
    border-radius: 50%;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem;
    z-index: 1
}

.xinyun28-longhu {
    width: calc(100% - .4rem);
    margin: 0 auto;
    background-color: #fff;
    overflow: auto;
    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;
    -webkit-box-align: center space-between;
    -ms-flex-align: center space-between;
    align-items: center space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px dotted #c9c9c9;
    padding-bottom: .3rem
}

.xinyun28-longhu:first-child {
    padding-top: .1rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.xinyun28-longhu:last-child {
    padding-bottom: .3rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: none
}

.xinyun28-longhu .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: calc(100%);
    height: 100%;
    display: block
}

.xinyun28-longhu .visibleModal.hides {
    display: none !important
}

.xinyun28-longhu > h3 {
    height: 100%;
    width: 100%;
    letter-spacing: -1px;
    text-align: center;
    font-weight: 400;
    font-size: .3rem;
    color: #000;
    margin: .2rem 0
}

.xinyun28-longhu > h3.hide {
    visibility: hidden
}

.xinyun28-longhu .itemBox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .1rem
}

.xinyun28-longhu .itemBox > div {
    font-size: .28rem;
    width: 1.8rem;
    height: 1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(97%, #fff));
    background-image: linear-gradient(-180deg, #f7f7f7 0, #fff 97%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(245, 245, 245, .5);
    box-shadow: 0 2px 4px 0 rgba(245, 245, 245, .5);
    float: left;
    color: #959595;
    border-radius: 4px;
    position: relative;
    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
}

.xinyun28-longhu .itemBox > div.selected {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center
}

.xinyun28-longhu .itemBox > div.selected > div {
    color: #fff
}

.xinyun28-longhu .itemBox > div.selected span {
    display: block;
    font-size: .24rem
}

.xinyun28-longhu .itemBox > div.selected span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.06rem
}

.xinyun28-longhu .itemBox > div div {
    display: inline-block;
    text-align: center;
    font-size: .32rem;
    color: #ff4941
}

.xinyun28-longhu .itemBox > div p {
    font-size: .24rem;
    letter-spacing: -.8px;
    text-align: center;
    margin-top: .15rem
}

.xinyun28-longhu .itemBox > div span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.06rem;
    border-radius: 50%;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem;
    z-index: 1
}

.footerViewXinyun28 .footerEnd .footerPeopleM {
    width: 3.4rem
}

.footerViewXinyun28 .footerEnd .footerPeopleM .dec {
    text-align: left !important;
    font-size: .24rem !important;
    color: #999 !important
}

.footerViewXinyun28 .footerEnd .footerPeopleM .dec span {
    color: #ff4941;
    margin: 0 3px
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .betBox {
    background: #f5f3f3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-size: .26rem
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .betBox span {
    color: #ff4941
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .betBox .footerPeopleM {
    width: auto
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .betBox .footerPeopleM input {
    width: 1.8rem
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerPeopleM {
    width: 3.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .28rem;
    color: #999
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerPeopleM input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.88rem;
    min-height: .72rem;
    border: 1px solid #dedee2;
    border-radius: 6px;
    padding: .16rem .2rem;
    margin: 0 .14rem
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerEnd .footerEnd-B3 {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999;
    font-size: 12px
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerEnd .footerEnd-B3 p {
    color: #666;
    font-size: 12px;
    margin-top: 5px
}

.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerEnd .footerEnd-B3 p span {
    color: #ff4941;
    margin: 0 5px
}

.ludanBody {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 11;
    display: block;
    -webkit-animation: showAnimation .5s;
    animation: showAnimation .5s
}

.ludanBody.hides {
    -webkit-animation: hideAnimation .5s;
    animation: hideAnimation .5s;
    display: none
}

.ludanBody .box {
    position: fixed;
    bottom: 0;
    background: #fff;
    height: 6.4rem;
    width: 100%
}

.ludanBody .box > div:first-child {
    position: absolute;
    top: .25rem;
    right: .25rem
}

.ludanBody .box > div:first-child img {
    width: .3rem;
    height: .3rem
}

.ludanBody .box .tabBtn {
    width: 3.93rem;
    margin: .5rem auto
}

.ludanBody .box .tabBtn .TarView .active-opacity {
    font-size: .3rem;
    letter-spacing: -.58px;
    text-align: center;
    height: .72rem;
    line-height: .72rem;
    -webkit-box-shadow: 0 2px 4px 0 #d8d8d8;
    box-shadow: 0 2px 4px 0 #d8d8d8
}

.ludanBody .box .tabBtn .TarView .active-opacity:first-child {
    border-radius: 4px 0 0 4px
}

.ludanBody .box .tabBtn .TarView .active-opacity:last-child {
    border-radius: 0 .08rem .08rem 0
}

.ludanBody .box .dataBox {
    width: 6.88rem;
    height: 3.92rem;
    background: #f9f9f9;
    border: 0 solid #e0e0e0;
    -webkit-box-shadow: 0 1px 2px 0 #e0e0e0;
    box-shadow: 0 1px 2px 0 #e0e0e0;
    border-radius: .08rem;
    margin: 0 auto
}

.ludanBody .box .dataBox > .titles {
    height: 100%;
    width: .58rem;
    padding: .06rem;
    position: relative;
    background: #f2f2f2;
    float: left
}

.ludanBody .box .dataBox > .titles > span {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.54px;
    padding: .08rem;
    border-left: 1px solid #ff4941;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ludanBody .box .dataBox > .renderData {
    width: 6.3rem;
    float: left;
    height: 3.92rem;
    overflow-x: auto;
    overflow-y: hidden
}

.ludanBody .box .dataBox > .renderData table {
    width: 19.6rem
}

.ludanBody .box .dataBox > .renderData table td {
    width: .56rem;
    height: .56rem;
    border: 1px solid #e0e0e0;
    padding: 0;
    position: relative
}

.ludanBody .box .dataBox > .renderData table td span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .34rem;
    height: .34rem;
    line-height: .34rem;
    color: #fff;
    border-radius: 50%;
    font-size: .24rem;
    text-align: center
}

@-webkit-keyframes showAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes showAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes hideAnimation {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        display: none
    }
}

@keyframes hideAnimation {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        display: none
    }
}

.roomRules {
    padding-top: .88rem
}

.roomRules .rulesContainer {
    margin: .32rem
}

.roomRules .rulesContainer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomRules .rulesContainer div.rulesItem h3 {
    font-size: .32rem;
    color: #333;
    text-align: left;
    line-height: .6rem;
    height: .6rem;
    font-weight: 400
}

.roomRules .rulesContainer div.rulesItem div {
    font-size: .3rem;
    color: #666;
    text-align: left;
    line-height: .44rem
}

.roomRules .rulesContainer div.rulesItem div span {
    padding-right: 15px
}

.roomRules .rulesContainer div.rulesItem ul {
    margin-top: .3rem;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    color: #666
}

.roomRules .rulesContainer div.rulesItem ul li {
    height: .8rem;
    line-height: .8rem;
    font-size: .3rem;
    background: #f2f2f2;
    letter-spacing: 0;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.roomRules .rulesContainer div.rulesItem ul li span {
    display: inline-block;
    width: 50%;
    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;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8
}

.roomRules .rulesContainer div.rulesItem ul li span img {
    width: 1.22rem;
    height: .48rem
}

.roomRules .rulesContainer div.rulesItem ul li:first-child {
    background: #cdcdcd;
    color: #333;
    letter-spacing: 0;
    text-align: center
}

.roomRules .rulesContainer div.rulesItem ul li:first-child span {
    display: inline-block;
    width: 50%
}

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem 0 .32rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99
}

.header-nav > img {
    width: .25rem;
    height: .42rem
}

.header-nav .header-title {
    font-size: .36rem
}

.header-nav .header-right {
    font-size: .36rem
}

.header-nav .header-right img {
    width: .4rem;
    height: .37rem;
    margin-left: .2rem
}

.header-nav .scrollRoomName {
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.header-nav .scrollRoomName .my-scrollRoomName li .v-item {
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem {
    height: auto
}

.roomItem .roomContainer {
    position: absolute;
    top: .88rem;
    width: 100%
}

.roomItem .roomContainer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem .rightAddIfy {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    z-index: 11
}

.roomItem .rightAddIfy * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem .rightAddIfy.rightAddIfyHide {
    display: none
}

.roomItem .rightAddIfy > div {
    opacity: .99;
    background: #fff;
    border-radius: .08rem;
    position: fixed;
    right: .36rem;
    top: .95rem
}

.roomItem .rightAddIfy > div:after {
    position: fixed;
    width: 0;
    height: 0;
    content: "";
    border: .13rem solid transparent;
    margin-top: -.1rem;
    border-bottom: .24rem solid #fff;
    top: .7rem;
    right: .5rem
}

.roomItem .rightAddIfy > div > span {
    font-size: .26rem;
    color: #333;
    letter-spacing: -.72px;
    text-align: center;
    display: block;
    height: .72rem;
    padding: 0 .25rem;
    width: 2.14rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.roomItem .rightAddIfy > div > span img {
    width: .36rem
}

.ludan .MenuBtn {
    position: fixed;
    bottom: 5rem;
    right: 0;
    width: .56rem;
    background: #d8d8d8;
    border-radius: 4px 0 0 4px;
    font-size: .26rem;
    color: #666;
    letter-spacing: 0;
    padding: .16rem
}

.am-slider {
    position: relative
}

.am-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #ddd;
    height: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-slider-track {
    position: absolute;
    left: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #108ee9
}

.am-slider-handle {
    position: absolute;
    margin-left: -12px;
    margin-top: -10px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #108ee9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-slider-handle:focus {
    background-color: #40a5ed
}

.am-slider-mark {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.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: 4px;
    background: 0 0
}

.am-slider-dot {
    position: absolute;
    bottom: -5px;
    margin-left: -4px;
    width: 12px;
    height: 12px;
    border: 2px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.am-slider-dot:first-child {
    margin-left: -4px
}

.am-slider-dot:last-child {
    margin-left: -4px
}

.am-slider-dot-active {
    border-color: #108ee9
}

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

.am-slider-disabled .am-slider-track {
    height: 2px
}

.am-slider-disabled .am-slider-dot, .am-slider-disabled .am-slider-handle, .am-slider-disabled .am-slider-mark-text {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fastcarsfooter.FooterViewFirst {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0;
    height: 2.08rem
}

.fastcarsfooter.FooterViewFirst .betBox {
    height: 1.08rem;
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    padding: 0 .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.FooterViewFirst .betBox > div {
    width: .9rem
}

.fastcarsfooter.FooterViewFirst .betBox > div:last-child {
    width: 1.5rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.fastcarsfooter.FooterViewFirst .betBox > div:last-child > img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.fastcarsfooter.FooterViewFirst .betBox > div:last-child > input {
    width: 1.3rem;
    height: .6rem;
    line-height: .6rem;
    background: rgba(142, 142, 147, .12);
    border-radius: 6px;
    border: 1px solid rgba(142, 142, 147, .12);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    outline: 0;
    border: none
}

.fastcarsfooter.FooterViewFirst .betBox > div:last-child input::-webkit-input-placeholder {
    font-size: 12px
}

.fastcarsfooter.FooterViewFirst .betBox > div img {
    margin: 0 auto
}

.fastcarsfooter.FooterViewFirst .betBox > div img:first-child {
    display: block
}

.fastcarsfooter.FooterViewFirst .betBox > div img:last-child {
    display: none
}

.fastcarsfooter.FooterViewFirst .betBox > div.active img:first-child {
    display: none
}

.fastcarsfooter.FooterViewFirst .betBox > div.active img:last-child {
    display: block
}

.fastcarsfooter.FooterViewFirst .footerEnd {
    height: 1rem;
    padding-left: .4rem;
    padding-right: .2rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.FooterViewFirst .footerEnd > div.active {
    width: .72rem;
    height: .72rem;
    background: #ff4941;
    -webkit-box-shadow: 0 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: 0 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 50%;
    text-align: center
}

.fastcarsfooter.FooterViewFirst .footerEnd > div.active img {
    width: .3rem;
    margin-top: .21rem
}

.fastcarsfooter.FooterViewFirst .footerEnd > div.clearing {
    width: .72rem;
    height: .72rem;
    background: #c6c6c6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: 50%;
    text-align: center
}

.fastcarsfooter.FooterViewFirst .footerEnd > div.clearing img {
    width: .3rem;
    margin-top: .21rem
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(2) p {
    text-align: center;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.83px
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(2) > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 3rem
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(2) > div > div {
    width: 2rem
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(2) > div > div .am-slider {
    margin: 0 .1rem !important
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(2) > div > span {
    display: block;
    width: .38rem;
    height: .38rem;
    border: 1px solid #979797;
    font-size: .3rem;
    color: #ff4941;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(3) {
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(3) > div.Btnactive {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #ff4941;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(3) > div.Btnzhuihao {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #3ca2ed;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.fastcarsfooter.FooterViewFirst .footerEnd > div:nth-child(3) > div.Btnclearing {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #c6c6c6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.betConfig.footerOfficial {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0;
    height: 1.68rem
}

.betConfig.footerOfficial.defualt {
    bottom: 0;
    height: 1.08rem
}

.betConfig.footerOfficial > div.top {
    height: .6rem;
    width: 100%;
    padding-left: .38rem;
    font-size: .24rem;
    color: #999;
    letter-spacing: .03px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-top: 1px solid #bebebe
}

.betConfig.footerOfficial > div.top span {
    color: #ff4941;
    display: inline-block;
    padding: 0 .1rem
}

.betConfig.footerOfficial > div.bottom {
    height: 1.08rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    padding: 0 .38rem;
    border-top: 1px solid #bebebe
}

.betConfig.footerOfficial > div.bottom > div {
    font-size: .24rem;
    color: #666;
    letter-spacing: .04px
}

.betConfig.footerOfficial > div.bottom > div > span {
    color: #ff4941
}

.betConfig.footerOfficial > div.bottom > div.buttons {
    width: 1.2rem;
    height: .72rem;
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 4px 0 #cdcdcd;
    box-shadow: 0 2px 4px 0 #cdcdcd;
    border-radius: 6px;
    font-size: .32rem;
    color: #666;
    letter-spacing: -.23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.betConfig.footerOfficial > div.bottom > div.buttons.active {
    background: #ff4941;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5), 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5), 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: 6px;
    color: #fff
}

.betConfig.footerOfficial > div.bottom > div.buttons > .countNum {
    width: .48rem;
    height: .48rem;
    background: #ff4941;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    z-index: 1
}

.fastcarsfooter.footerViewSecond {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0;
    height: 2.08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fastcarsfooter.footerViewSecond * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fastcarsfooter.footerViewSecond .betBox {
    height: 1.08rem;
    border-bottom: 1px solid #bebebe;
    border-top: 1px solid #bebebe;
    padding: 0 .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .28rem;
    color: #999
}

.fastcarsfooter.footerViewSecond .betBox > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.footerViewSecond .betBox > div:first-child > div {
    position: relative;
    width: 1.55rem;
    height: .72rem;
    margin: .1rem
}

.fastcarsfooter.footerViewSecond .betBox > div:first-child > div input {
    width: 1.55rem;
    height: .72rem;
    font-size: .28rem;
    color: #999;
    letter-spacing: .04px;
    background: #fff;
    border-radius: .12rem;
    text-align: center;
    outline: 0;
    border: none
}

.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) p {
    text-align: center;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.83px
}

.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 3rem
}

.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) > div > div {
    width: 2rem
}

.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) > div > div .am-slider {
    margin: 0 .1rem !important
}

.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) > div > span {
    display: block;
    width: .38rem;
    height: .38rem;
    border: 1px solid #979797;
    font-size: .3rem;
    color: #ff4941;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fastcarsfooter.footerViewSecond .footerEnd {
    height: 1rem;
    padding-left: .4rem;
    padding-right: .2rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.footerViewSecond .footerEnd > div.active {
    width: .72rem;
    height: .72rem;
    background: #ff4941;
    -webkit-box-shadow: 0 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: 0 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 50%;
    text-align: center
}

.fastcarsfooter.footerViewSecond .footerEnd > div.active img {
    width: .3rem;
    margin-top: .21rem
}

.fastcarsfooter.footerViewSecond .footerEnd > div.clearing {
    width: .72rem;
    height: .72rem;
    background: #c6c6c6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: 50%;
    text-align: center
}

.fastcarsfooter.footerViewSecond .footerEnd > div.clearing img {
    width: .3rem;
    margin-top: .21rem
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(2) {
    font-size: .24rem;
    color: #999;
    letter-spacing: .04px;
    text-align: center
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(2) > div {
    margin: .1rem
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(2) > div:nth-child(2) {
    color: #555
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(2) > div span {
    color: #ff4941;
    margin: 0 .1rem
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(3) {
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(3) > div.Btnactive {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #ff4941;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(3) > div.Btnclearing {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #c6c6c6;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.fastcarsfooter.footerViewSecond .footerEnd > div:nth-child(3) > div.Btnzhuihao {
    width: 1.2rem;
    height: .6rem;
    line-height: .6rem;
    background: #3ca2ed;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.bonusDetails.groupOddsList {
    max-height: 6rem;
    overflow: auto
}

.bonusDetails.groupOddsList * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bonusDetails.groupOddsList > ul {
    width: 4.2rem;
    margin: 0 auto
}

.bonusDetails.groupOddsList > ul > li {
    width: 100%;
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bonusDetails.groupOddsList > ul > li > span {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd
}

.bonusDetails.groupOddsList > ul > li > span:last-child {
    border-right: 1px solid #cdcdcd
}

.bonusDetails.groupOddsList > ul > li:first-child {
    background: #ededed;
    -webkit-box-shadow: 0 2px 4px 0 #cdcdcd;
    box-shadow: 0 2px 4px 0 #cdcdcd;
    border: 1px solid #cdcdcd
}

.text-primary-color {
    color: #ff4941
}

.text-color-defualt {
    color: #666 !important
}

.bet-list {
    width: 100%;
    height: 100%;
    background-color: #f1f1f1
}

.bet-list * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bet-list .select-btn-box {
    position: fixed;
    top: 1.68rem;
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding: 0 .3rem;
    height: 1rem;
    line-height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet-list .select-btn-box .am-button-primary {
    border: none !important;
    background: 0 0;
    color: #333;
    font-size: .32rem;
    height: .5rem
}

.bet-list .select-btn-box .am-button-primary svg {
    margin-bottom: .05rem;
    color: #666
}

.bet-list .select-btn-box .am-button-primary .icon-plus {
    font-size: .42rem !important;
    margin-bottom: .05rem;
    color: #666
}

.bet-list .select-btn-box .am-button-primary::before {
    border: none !important
}

.bet-list .select-btn-box .am-button::before {
    border: none !important
}

.bet-list .select-btn-box .center-btn {
    border-radius: 0 !important;
    border-left: 1px solid #cdcdcd !important;
    border-right: 1px solid #cdcdcd !important
}

.bet-list .bet-list-main {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    top: 2.68rem;
    padding: 0 .3rem
}

.bet-list .bet-list-main .inner-ul {
    height: 6.6rem;
    overflow-y: scroll
}

.bet-list .bet-list-main .inner-ul .list-item {
    position: relative;
    min-height: 1.32rem;
    padding: 0 .6rem 0 .8rem;
    border-bottom: 1px dashed #cdcdcd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bet-list .bet-list-main .inner-ul .list-item .item-left {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bet-list .bet-list-main .inner-ul .list-item .item-left .bet-info {
    min-height: .8rem;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bet-list .bet-list-main .inner-ul .list-item .item-left .bet-info .bet-play-result {
    color: #ff4941;
    font-size: .28rem;
    width: 5.6rem;
    line-height: .28rem;
    word-break: break-word !important;
    white-space: normal
}

.bet-list .bet-list-main .inner-ul .list-item .item-left .bet-info > div:nth-child(1) {
    padding-bottom: .1rem
}

.bet-list .bet-list-main .inner-ul .list-item .item-left .bet-info > div:nth-child(2) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bet-list .bet-list-main .inner-ul .list-item .item-center {
    width: 33%;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bet-list .bet-list-main .inner-ul .list-item .item-center > div {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.bet-list .bet-list-main .inner-ul .list-item .item-right {
    width: 33%;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-list .bet-list-main .inner-ul .list-item .item-right > div {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.bet-list .bet-list-main .inner-ul .list-item p {
    color: #2a2a2a;
    font-size: 12px;
    word-wrap: normal;
    word-break: normal;
    white-space: nowrap
}

.bet-list .bet-list-main .inner-ul .list-item .icon-right {
    position: absolute;
    right: 0
}

.bet-list .bet-list-main .inner-ul .list-item .icon-left {
    position: absolute;
    left: .1rem
}

.bet-list .odds-change-box {
    position: fixed;
    bottom: 2.69rem;
    width: 100%;
    height: 1rem;
    background: #f5f3f3;
    border: 0 solid #bebebe;
    padding: 0 .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-touch-action: none;
    touch-action: none
}

.bet-list .odds-change-box > div {
    margin-right: .6rem
}

.bet-list .odds-change-box img {
    width: .38rem;
    height: .38rem;
    margin-left: .1rem
}

.bet-list .odds-change-box .back-point > span {
    display: inline-block;
    width: .4rem
}

.bet-list .odds-change-box .slider-box {
    width: 3rem;
    height: .42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.bet-list .odds-change-box .slider-box > span {
    display: inline-block !important;
    width: .38rem;
    width: .52rem;
    height: .42rem;
    line-height: .38rem;
    border: 1px solid #979797;
    font-size: .3rem;
    color: #ff4941;
    border-radius: 50%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-list .odds-change-box .slider-box > div {
    width: 150px
}

.bet-list .bet-list-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #d8d8d8
}

.bet-list .bet-list-footer .double-cast-amount {
    width: 100%;
    padding: 0 .3rem;
    background: #f5f3f3;
    border: 0 solid #bebebe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 1.32rem
}

.bet-list .bet-list-footer .double-cast-amount p {
    color: #999
}

.bet-list .bet-list-footer .double-cast-amount input {
    width: 1.1rem;
    height: .6rem;
    background: #fff;
    border: 0 solid #dedee2;
    border-radius: 6px;
    padding-left: .24rem
}

.bet-list .bet-list-footer .double-cast-amount .radio-box {
    width: 5rem;
    height: .48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    border-radius: 100px
}

.bet-list .bet-list-footer .double-cast-amount .radio-box > span {
    display: inline-block;
    width: 16.67%;
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-list .bet-list-footer .double-cast-amount .radio-box > span > span {
    display: inline-block;
    width: 100%;
    border-right: 1px solid #d7d7d7 !important
}

.bet-list .bet-list-footer .double-cast-amount .radio-box span:last-child {
    border-radius: 0 12px 12px 0
}

.bet-list .bet-list-footer .double-cast-amount .radio-box span:last-child span {
    border-right: none !important
}

.bet-list .bet-list-footer .double-cast-amount .radio-box span:first-child {
    border-radius: 12px 0 0 12px
}

.bet-list .bet-list-footer .double-cast-amount .active {
    background: #ff4941;
    color: #fff
}

.bet-list .bet-list-footer .bet-btn-box {
    width: 100%;
    height: 1.32rem;
    padding: 0 .3rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bet-list .bet-list-footer .bet-btn-box .am-button {
    width: 1.2rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .32rem
}

.bet-list .bet-list-footer .bet-btn-box .am-button-primary {
    background: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 4px 0 #cdcdcd;
    box-shadow: 0 2px 4px 0 #cdcdcd;
    border-radius: 6px;
    color: #666
}

.bet-list .bet-list-footer .bet-btn-box .am-button-primary::before {
    border: none
}

.bet-list .bet-list-footer .bet-btn-box .am-button-disabled {
    background: #c6c6c6 !important;
    color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    opacity: 1
}

.bet-list .bet-list-footer .bet-btn-box p {
    color: #666
}

.bet-list .bet-list-footer .bet-btn-box p span {
    color: #ff4941
}

.roomItem.fastConfig {
    height: 100%
}

.roomItem.fastConfig * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem.fastConfig .header-nav .header-title .active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.fastConfig .header-nav .header-title div.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid #fff;
    margin-left: .2rem
}

.roomItem.fastConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: .12rem solid transparent;
    border-left: .12rem solid transparent;
    border-bottom: .12rem solid #fff;
    margin-left: .2rem
}

.roomItem.fastConfig .dropMenu {
    width: 100%;
    top: .88rem;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 11;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.roomItem.fastConfig .dropMenu.hide {
    display: none
}

.roomItem.fastConfig .dropMenu .menuMaster {
    width: 100%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.roomItem.fastConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.25px;
    text-align: center;
    width: 3.34rem;
    height: .72rem;
    line-height: .72rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.fastConfig .dropMenu .menuMaster span.active {
    border-radius: 4px 4px 0 0;
    border: 1px solid #ff4941;
    border-bottom: 1px solid #fff
}

.roomItem.fastConfig .dropMenu .menuMaster > div {
    width: .42rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.fastConfig .dropMenu .menuContent {
    background: #fff
}

.roomItem.fastConfig .dropMenu .menuContent h5 {
    height: .8rem;
    width: 100%;
    line-height: .8rem;
    font-size: .36rem;
    color: #666;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem;
    font-weight: 400
}

.roomItem.fastConfig .dropMenu .menuContent ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .16rem .1rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.roomItem.fastConfig .dropMenu .menuContent ul li {
    height: .8rem;
    width: calc(25% - .22rem);
    background: #f0f0f0;
    border-radius: .08rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem
}

.roomItem.fastConfig .dropMenu .menuContent ul li.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border-radius: .08rem;
    color: #fff
}

.roomItem.fastConfig .roomContainer .fastcarsBody .box {
    position: relative
}

.roomItem.fastConfig .roomContainer .fastcarsBody .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomItem.fastConfig .roomContainer .fastcarsBody .visibleModal.hides {
    display: none !important
}

.farstcars .differentBasicsPage {
    padding-top: 0
}

.farstcars .differentBasicsPage > div.tabSelet {
    width: 100%;
    background: #fafafa;
    margin-bottom: .14rem
}

.farstcars .differentBasicsPage > div.tabSelet > div {
    border-bottom: 1px solid silver;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - .16rem);
    margin: 0 auto
}

.farstcars .differentBasicsPage > div.tabSelet > div > div {
    width: 25%;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars .differentBasicsPage > div.tabSelet > div > div > span {
    display: block;
    min-width: .66rem;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: .04rem solid transparent;
    font-size: .28rem
}

.farstcars .differentBasicsPage > div.tabSelet > div > div > span.active {
    border-bottom: .04rem solid #ff4941;
    font-size: .28rem;
    color: #ff4941;
    letter-spacing: -.2px;
    text-align: center
}

.farstcars.officialBasicsPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1.08rem;
    background: #f2f2f2;
    padding: .14rem .16rem 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: .2rem
}

.farstcars.officialBasicsPage > .bodys {
    width: 100%;
    padding-bottom: .68rem
}

.farstcars.officialBasicsPage > .bodys > .decAlert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .66rem;
    width: 100%;
    font-size: .26rem;
    letter-spacing: -.2px;
    color: #666;
    padding: .1rem 0 .2rem 0
}

.farstcars.officialBasicsPage > .bodys > .decAlert .redText {
    color: #ff4941
}

.farstcars.officialBasicsPage > .bodys > .decAlert .blueText {
    color: #007aff
}

.farstcars.officialBasicsPage > .bodys > .decLineString {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .8rem;
    width: 100%;
    position: relative
}

.farstcars.officialBasicsPage > .bodys > .decLineString > div {
    width: 100%;
    background: #999;
    height: .02rem;
    position: absolute
}

.farstcars.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999;
    padding: 0 .15rem
}

.farstcars.officialBasicsPage > .bodys > div.listItem {
    padding: .1rem 0;
    position: relative;
    background: #fff
}

.farstcars.officialBasicsPage > .bodys > div.listItem:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.farstcars.officialBasicsPage > .bodys > div.listItem:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.farstcars.officialBasicsPage > .bodys > div.listItem:last-of-type > .fastselect {
    border: none
}

.farstcars.officialBasicsPage > .bodys > div.listItem:last-of-type > .odds.sscunderline {
    border: none
}

.farstcars.officialBasicsPage > .bodys > div.listItem.doubleSingle {
    border-radius: 8px;
    margin-bottom: .2rem
}

.farstcars.officialBasicsPage > .bodys > div.listItem:last-child {
    border-bottom: none
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds {
    width: calc(100% - .32rem);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds.sscunderline {
    border-bottom: 1px dotted #e5e5e5
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child {
    width: 1rem;
    height: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child div {
    height: .82rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    font-size: .26rem;
    color: #666;
    padding-left: .04rem
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child p {
    height: .38rem;
    line-height: .38rem;
    padding-left: .04rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: left;
    font-size: .24rem;
    color: #666
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child {
    position: relative;
    width: calc(100% - 1rem)
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li {
    width: 20%;
    height: 1.3rem;
    border-radius: .08rem;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li div {
    height: .82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: .36rem;
    color: #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    margin: 0 auto
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li p {
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px dashed #e5e5e5
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect > div:first-child {
    width: 1rem;
    height: .66rem;
    float: left;
    font-size: 12px;
    color: #666;
    letter-spacing: -.22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child {
    float: left;
    position: relative;
    width: calc(100% - 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ff4941
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span {
    display: block;
    width: .82rem;
    height: .6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -.15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span.active {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    color: #fff
}

.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div:last-child {
    color: #3ca2ed
}

@-webkit-keyframes hideActive {
    0% {
        background-color: #fff;
        color: #666 !important
    }
    40% {
        background-color: #ff4941;
        color: #fff !important
    }
    60% {
        background-color: #ff4941;
        color: #fff !important
    }
    100% {
        background-color: #fff;
        color: #666 !important
    }
}

@keyframes hideActive {
    0% {
        background-color: #fff;
        color: #666 !important
    }
    40% {
        background-color: #ff4941;
        color: #fff !important
    }
    60% {
        background-color: #ff4941;
        color: #fff !important
    }
    100% {
        background-color: #fff;
        color: #666 !important
    }
}

.roomItem .am-modal-transparent {
    width: 5.4rem
}

.sucessModal img {
    width: 1.4rem
}

.sucessModal .texeinfo {
    font-size: .32rem;
    color: #333;
    letter-spacing: -.11px;
    text-align: center;
    margin: .51rem 0
}

.sucessModal .buttomBox {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.sucessModal .buttomBox .addList {
    display: inline-block;
    width: 1.8rem;
    height: .61rem;
    line-height: .61rem;
    font-size: .26rem;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59afff), color-stop(98%, #42a4ff));
    background-image: linear-gradient(-180deg, #59afff 0, #42a4ff 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(66, 164, 255, .5);
    box-shadow: 0 2px 4px 0 rgba(66, 164, 255, .5);
    border-radius: .12rem
}

.sucessModal .buttomBox .goon {
    display: inline-block;
    width: 1.9rem;
    height: .72rem;
    line-height: .61rem;
    font-size: .26rem;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: .12rem
}

.roomItem.liuHeCaiConfig * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem.liuHeCaiConfig .header-nav .header-title .active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.liuHeCaiConfig .header-nav .header-title div.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid #fff;
    margin-left: .2rem
}

.roomItem.liuHeCaiConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: .12rem solid transparent;
    border-left: .12rem solid transparent;
    border-bottom: .12rem solid #fff;
    margin-left: .2rem
}

.roomItem.liuHeCaiConfig .dropMenu {
    width: 100%;
    top: .88rem;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 11;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.roomItem.liuHeCaiConfig .dropMenu.hide {
    display: none
}

.roomItem.liuHeCaiConfig .dropMenu .menuMaster {
    width: 100%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.roomItem.liuHeCaiConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.25px;
    text-align: center;
    width: 3.34rem;
    height: .72rem;
    line-height: .72rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .dropMenu .menuMaster span.active {
    border-radius: 4px 4px 0 0;
    border: 1px solid #ff4941;
    border-bottom: 1px solid #fff
}

.roomItem.liuHeCaiConfig .dropMenu .menuMaster > div {
    width: .42rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .dropMenu .menuContent {
    background: #fff
}

.roomItem.liuHeCaiConfig .dropMenu .menuContent h5 {
    height: .8rem;
    width: 100%;
    line-height: .8rem;
    font-size: .36rem;
    color: #666;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem;
    font-weight: 400
}

.roomItem.liuHeCaiConfig .dropMenu .menuContent ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .16rem .1rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.roomItem.liuHeCaiConfig .dropMenu .menuContent ul li {
    height: .8rem;
    width: calc(25% - .22rem);
    background: #f0f0f0;
    border-radius: .08rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem
}

.roomItem.liuHeCaiConfig .dropMenu .menuContent ul li.active {
    background: #ff4941;
    border-radius: .08rem;
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody .box {
    position: relative
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody .visibleModal.hides {
    display: none !important
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > div.tabSelet {
    width: 100%;
    background: #fafafa
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > div.tabSelet > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > div.tabSelet > div > div {
    width: 25%;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > div.tabSelet > div > div > span {
    display: block;
    min-width: .66rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: .04rem solid transparent;
    font-size: .28rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > div.tabSelet > div > div > span.active {
    border-bottom: .04rem solid #ff4941;
    font-size: .28rem;
    color: #ff4941;
    letter-spacing: -.2px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    padding-top: .14rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage > p {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px;
    text-align: center;
    width: 100%;
    margin: .08rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys {
    padding: 0 .16rem .5rem .16rem;
    width: 100%;
    position: relative
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys .visibleModal {
    width: calc(100% - .24rem)
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    margin-top: .2rem;
    padding: .2rem 0
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #666
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-weight: 700
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .1rem 0 0 0;
    margin: .12rem 0;
    position: relative;
    margin: .1rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    border: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > div, .roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > p {
    color: #fff !important
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > span {
    display: block;
    font-size: .24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.foutTh {
    width: 1.24rem;
    margin: .2rem .26rem;
    height: 1.08rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.foutTh.bose {
    width: 1.62rem;
    height: 1.24rem;
    margin: .2rem .08rem;
    padding-top: .2rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.threeTh {
    width: 1.86rem;
    height: 1.12rem;
    margin: .2rem .26rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.twoTh {
    width: 3.04rem;
    height: 1.12rem;
    margin: .2rem .26rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.fiveTh {
    width: 1.23rem;
    height: 1.24rem;
    padding-top: .2rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.fiveTh.ColCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.sixeTh {
    width: 1.01rem;
    height: 1.24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh {
    width: 3.43rem;
    height: 2.62rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC.active > div, .roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC.active > p {
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC p {
    font-size: 24px;
    color: #ff4941;
    letter-spacing: -.27px;
    text-align: center;
    margin-top: .72rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC > div {
    font-size: 12px;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center;
    margin-top: .12rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > p {
    height: .48rem;
    line-height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > p.blueText {
    color: #3ca2ed
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > p.redText {
    color: #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > p.greenText {
    color: #5fcc49
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round {
    width: 16.6%;
    height: 1.2rem;
    margin-bottom: .2rem;
    text-align: center;
    position: relative
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round.active > p {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    border: 1px solid #ff4941;
    color: #fff !important;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round.active span {
    display: block;
    font-size: .24rem;
    z-index: 1
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round.active span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > p {
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 50%;
    font-size: .36rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    margin: 0 auto
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > p.blueText {
    color: #3ca2ed
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > p.redText {
    color: #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > p.greenText {
    color: #5fcc49
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: 0;
    border-radius: 50%;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig {
    width: 2.1rem;
    height: 1.4rem;
    margin-bottom: .2rem;
    text-align: center;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
    background-image: linear-gradient(-180deg, #f9f9f9 0, #fff 100%);
    -webkit-box-shadow: 0 2px 4px 0 #f0f0f0;
    box-shadow: 0 2px 4px 0 #f0f0f0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .24rem 0;
    margin: .14rem .14rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4e56), color-stop(95%, #ff7a80));
    background-image: linear-gradient(-180deg, #ff4e56 0, #ff7a80 95%);
    border: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active > div {
    color: #fff;
    letter-spacing: -.18px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active > div span {
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active > span {
    display: block;
    font-size: .24rem;
    z-index: 1
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.08rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active p {
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > div {
    font-size: .28rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    margin: 0 auto;
    text-align: left;
    font-size: .32rem;
    padding-left: .24rem;
    margin-bottom: .24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > div span {
    font-size: .24rem;
    color: #c4c4c4;
    letter-spacing: -.15px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > p {
    height: .38rem;
    line-height: .38rem;
    text-align: left;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    padding-left: .24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > span {
    width: .46rem;
    height: .46rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.08rem;
    border-radius: 50%;
    line-height: .46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall {
    width: 2.16rem;
    height: .78rem;
    margin-bottom: .2rem;
    text-align: center;
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .24rem 0;
    margin: .12rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active {
    background: #ff4941;
    border: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active > div {
    color: #fff;
    letter-spacing: -.18px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active > div span {
    color: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active > span {
    display: block;
    font-size: .32rem;
    z-index: 1
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active > span.numhundred {
    font-size: .24rem;
    background: #ff4941;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.26rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall > div {
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    margin: 0 auto;
    text-align: left;
    font-size: .32rem;
    padding-left: .24rem;
    margin-bottom: .24rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall > div span:nth-child(2) {
    font-size: .24rem;
    color: #c4c4c4;
    letter-spacing: -.15px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall > span {
    width: .54rem;
    height: .54rem;
    background: #ff4941;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.08rem;
    border-radius: 50%;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    overflow: auto;
    bottom: 2.08rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .16rem .16rem;
    background-color: #f4f4f4
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div {
    background: #fff
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > .titileDes {
    height: .8rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #666;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #fff;
    width: 100%;
    padding-top: .2rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > .titileDes > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-weight: 700
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > .titileDes > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem:last-of-type {
    padding-bottom: .2rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem:last-of-type > div {
    border: none
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .08rem 0 0 0;
    width: calc(100% - .16rem);
    margin: 0 auto;
    border-bottom: 1px dotted #c9c9c9
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:first-child {
    width: 1.1rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:first-child > span {
    display: block;
    width: 100%;
    height: 1.08rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .24rem;
    color: #666;
    letter-spacing: -.22px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child {
    position: relative;
    width: calc(100% - 1.1rem)
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li {
    margin: .11rem;
    position: relative;
    width: 1.24rem;
    height: 1.08rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border-radius: 4px;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    border: 1px solid #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li.active > div, .roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li.active > p {
    color: #fff !important;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li div {
    height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    margin-top: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li div.blueText {
    color: #3ca2ed
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li div.redText {
    color: #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li div.greenText {
    color: #5fcc49
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li p {
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li span {
    width: .54rem;
    height: .54rem;
    background: #ff4941;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.08rem;
    border-radius: 50%;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .14rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.tabSelet {
    width: 100%;
    background: #fafafa
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.tabSelet > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.tabSelet > div > div {
    width: 25%;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.tabSelet > div > div > span {
    display: block;
    min-width: .66rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: .04rem solid transparent;
    font-size: .28rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.tabSelet > div > div > span.active {
    border-bottom: .04rem solid #ff4941;
    font-size: .28rem;
    color: #ff4941;
    letter-spacing: -.2px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem {
    width: calc(100% - .32rem);
    margin: .22rem;
    background: #fff;
    border-radius: 8px
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child {
    padding: .08rem 0 0 0;
    width: 100%;
    position: relative
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #666
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-weight: 700
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > .visibleModal {
    width: calc(100% - .6rem)
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li {
    width: 16.6%;
    height: 1.04rem;
    text-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li.active > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff !important;
    letter-spacing: -.18px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li div {
    width: .82rem;
    height: .82rem;
    line-height: .82rem;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    font-size: .36rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    margin: 0 auto
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li div.blueText {
    color: #3ca2ed
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li div.redText {
    color: #ff4941
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li div.greenText {
    color: #5fcc49
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li p {
    height: .38rem;
    line-height: .38rem;
    font-size: .28rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li span {
    width: .54rem;
    height: .54rem;
    background: #ff4941;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    position: absolute;
    top: -.18rem;
    right: -.08rem;
    border-radius: 50%;
    line-height: .54rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: .32rem
}

.roomItem.fastConfig * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.roomItem.fastConfig .header-nav .header-title .active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomItem.fastConfig .header-nav .header-title div.down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-top: .12rem solid #fff;
    margin-left: .2rem
}

.roomItem.fastConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: .12rem solid transparent;
    border-left: .12rem solid transparent;
    border-bottom: .11rem solid #fff;
    margin-left: .2rem
}

.roomItem.fastConfig .dropMenu {
    width: 100%;
    top: .88rem;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 11;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.roomItem.fastConfig .dropMenu.hide {
    display: none
}

.roomItem.fastConfig .dropMenu .menuMaster {
    width: 100%;
    height: .9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff
}

.roomItem.fastConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.25px;
    text-align: center;
    width: 3.34rem;
    height: .72rem;
    line-height: .72rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.fastConfig .dropMenu .menuMaster span.active {
    border-radius: 4px 4px 0 0;
    border: 1px solid #ff4941;
    border-bottom: 1px solid #fff
}

.roomItem.fastConfig .dropMenu .menuMaster > div {
    width: .42rem;
    border-bottom: 1px solid #ff4941
}

.roomItem.fastConfig .dropMenu .menuContent {
    background: #fff
}

.roomItem.fastConfig .dropMenu .menuContent h5 {
    height: .8rem;
    width: 100%;
    line-height: .8rem;
    font-size: .36rem;
    color: #666;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem;
    font-weight: 400
}

.roomItem.fastConfig .dropMenu .menuContent ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .16rem .1rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.roomItem.fastConfig .dropMenu .menuContent ul li {
    height: .8rem;
    width: calc(25% - .22rem);
    background: #f0f0f0;
    border-radius: .08rem;
    line-height: .8rem;
    font-size: .28rem;
    color: #333;
    letter-spacing: -.18px;
    text-align: center;
    margin: .1rem
}

.roomItem.fastConfig .dropMenu .menuContent ul li.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border-radius: .08rem;
    color: #fff
}

.roomItem.fastConfig .roomContainer .shishicaiBody .box {
    position: relative
}

.roomItem.fastConfig .roomContainer .shishicaiBody .visibleModal {
    position: absolute;
    top: 0;
    height: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomItem.fastConfig .roomContainer .shishicaiBody .visibleModal.hides {
    display: none !important
}

@-webkit-keyframes hideActive {
    0% {
        background-color: #fff
    }
0% span

{
    color: #fff
}
40
%
{
    background-color: #ff4941
}
40
%
span {
    color: #fff
}

70
%
{
    background-color: #ff4941
}
70
%
span {
    color: #fff
}

100
%
{
    background-color: #fff
}
100
%
span {
    color: #fff
}

}
@keyframes hideActive {
    0% {
        background-color: #fff
    }
0% span

{
    color: #fff
}
40
%
{
    background-color: #ff4941
}
40
%
span {
    color: #fff
}

70
%
{
    background-color: #ff4941
}
70
%
span {
    color: #fff
}

100
%
{
    background-color: #fff
}
100
%
span {
    color: #fff
}

}
.roomItem .am-modal-transparent {
    width: 5.4rem
}

.sucessModal img {
    width: 1.4rem
}

.sucessModal .texeinfo {
    font-size: .32rem;
    color: #333;
    letter-spacing: -.11px;
    text-align: center;
    margin: .51rem 0
}

.sucessModal .buttomBox {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.sucessModal .buttomBox .addList {
    display: inline-block;
    width: 1.8rem;
    height: .61rem;
    line-height: .61rem;
    font-size: .26rem;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#59afff), color-stop(98%, #42a4ff));
    background-image: linear-gradient(-180deg, #59afff 0, #42a4ff 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(66, 164, 255, .5);
    box-shadow: 0 2px 4px 0 rgba(66, 164, 255, .5);
    border-radius: .12rem
}

.sucessModal .buttomBox .goon {
    display: inline-block;
    width: 1.9rem;
    height: .72rem;
    line-height: .72rem;
    font-size: .26rem;
    color: #fff;
    letter-spacing: -.18px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: .12rem
}

.roomContainer .happy8 .box {
    position: relative
}

.roomContainer .happy8 .visibleModal {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomContainer .happy8 .visibleModal.hides {
    display: none !important
}

.roomContainer .happy8.specialOdds {
    position: fixed;
    top: 3.66rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    padding-top: .14rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomContainer .happy8.specialOdds > p {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px;
    text-align: center;
    width: 100%;
    margin: .08rem
}

.roomContainer .happy8.specialOdds .bodys {
    padding: 0 .12rem .5rem .12rem;
    width: 100%;
    position: relative
}

.roomContainer .happy8.specialOdds .bodys .visibleModal {
    width: calc(100% - .24rem)
}

.roomContainer .happy8.specialOdds .bodys > div {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    margin-bottom: .16rem;
    padding: .2rem 0
}

.roomContainer .happy8.specialOdds .bodys > div > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #333;
    font-weight: 700
}

.roomContainer .happy8.specialOdds .bodys > div > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .happy8.specialOdds .bodys > div > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomContainer .happy8.specialOdds .bodys > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomContainer .happy8.specialOdds .bodys > div > div > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: .2rem 0 0 0;
    margin: .12rem 0;
    position: relative
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.active > div, .roomContainer .happy8.specialOdds .bodys > div > div > div.active > p {
    color: #fff
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.active > span {
    display: block;
    font-size: .24rem
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .happy8.specialOdds .bodys > div > div > div > p {
    height: .48rem;
    line-height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .happy8.specialOdds .bodys > div > div > div > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .happy8.specialOdds .bodys > div > div > div > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.sumValue {
    width: 1.52rem;
    height: 1.16rem
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.panRoad {
    width: 2.02rem;
    height: 1.12rem
}

.roomContainer .happy8.specialOdds .bodys > div > div > div.fiveElement {
    width: 1.24rem;
    height: 1.24rem
}

.roomContainer .Happy8.officialBasicsPage {
    position: fixed;
    top: 3.66rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1.08rem;
    background: #f2f2f2;
    padding: .14rem 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: .2rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys {
    width: 100%;
    padding-bottom: .6rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decAlert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .66rem;
    font-size: .26rem;
    letter-spacing: -.2px;
    color: #666;
    padding: .1rem .16rem .2rem .16rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decAlert .redText {
    color: #ff4941
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decAlert .blueText {
    color: #007aff
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decLineString {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .28rem;
    width: calc(100% - .32rem);
    margin: 0 auto;
    position: relative
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decLineString > div {
    width: 100%;
    background: #999;
    height: .02rem;
    position: absolute
}

.roomContainer .Happy8.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999;
    padding: 0 .15rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem {
    padding: .25rem 0;
    border-bottom: 1px solid #999;
    position: relative
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem.doubleSingle {
    height: 1.8rem;
    margin-bottom: .2rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem:last-child {
    border-bottom: none
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - .32rem);
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    padding: .3rem .2rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child {
    width: 1rem;
    height: 1.3rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child div {
    height: .82rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    font-size: .26rem;
    color: #666;
    padding-left: .04rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child p {
    height: .38rem;
    line-height: .38rem;
    padding-left: .04rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: left;
    font-size: .24rem;
    color: #666
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child {
    position: relative;
    width: calc(100% - 1rem)
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li {
    width: 20%;
    height: 1.3rem;
    border-radius: .08rem;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li div {
    height: .82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: .36rem;
    color: #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border: 1px solid #e5e5e5;
    margin: 0 auto
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    border: 1px solid #ff4941;
    color: #fff
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li p {
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: .66rem
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect > div:first-child {
    width: 1rem;
    height: .66rem;
    float: left;
    font-size: 12px;
    color: #666;
    letter-spacing: -.22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child {
    float: left;
    position: relative;
    width: calc(100% - 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #666
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span {
    display: block;
    width: .82rem;
    height: .6rem;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -.15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span.active {
    border: none;
    -webkit-animation: hideActive .5s;
    animation: hideActive .5s
}

.am-modal-alert-content div.modalRules {
    overflow: auto
}

.am-modal-alert-content div.modalRules p {
    font-size: .24rem;
    text-align: left
}

.am-modal-button-group-h .am-modal-button, .am-modal-button-group-normal .am-modal-button {
    height: .88rem;
    line-height: .88rem;
    font-size: .34rem
}

.roomContainer .fastThree .box {
    position: relative
}

.roomContainer .fastThree .visibleModal {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomContainer .fastThree .visibleModal.hides {
    display: none !important
}

.roomContainer .fastThree.sanJun {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    padding-top: .14rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomContainer .fastThree.sanJun > p {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px;
    text-align: center;
    width: 100%;
    margin: .08rem
}

.roomContainer .fastThree.sanJun .bodys {
    padding: 0 .12rem .5rem .12rem;
    width: 100%;
    position: relative
}

.roomContainer .fastThree.sanJun .bodys .visibleModal {
    width: calc(100% - .24rem)
}

.roomContainer .fastThree.sanJun .bodys > div {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    margin-bottom: .14rem
}

.roomContainer .fastThree.sanJun .bodys > div > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #333;
    font-weight: 700
}

.roomContainer .fastThree.sanJun .bodys > div > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastThree.sanJun .bodys > div > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomContainer .fastThree.sanJun .bodys > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomContainer .fastThree.sanJun .bodys > div > div > div {
    padding: .2rem 0 0 0;
    margin: .12rem 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 #f1f1f1;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    border-radius: 2px;
    position: relative
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.active > div, .roomContainer .fastThree.sanJun .bodys > div > div > div.active > p {
    color: #fff
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.active > span {
    display: block
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.sanJun .bodys > div > div > div > p {
    height: .48rem;
    line-height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.sanJun .bodys > div > div > div > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.sanJun .bodys > div > div > div > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.sanjun {
    width: 1.02rem;
    height: 1.24rem
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.sanjun > p img {
    width: .38rem;
    display: block;
    margin: 0 auto
}

.roomContainer .fastThree.sanJun .bodys > div > div > div.hezhi {
    width: 1.64rem;
    height: 1.24rem
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu {
    width: 1.64rem;
    margin-bottom: .2rem
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu.active > div > p {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu.active > div > span {
    display: block
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu.active > div > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu > div {
    width: .82rem;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu > div > p {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    color: #ff4941
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu > div > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu > div > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastThree.weiTou {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    padding-top: .14rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomContainer .fastThree.weiTou > p {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px;
    text-align: center;
    width: 100%;
    margin: .08rem
}

.roomContainer .fastThree.weiTou .bodys {
    padding: 0 .12rem .5rem .12rem;
    width: 100%;
    position: relative
}

.roomContainer .fastThree.weiTou .bodys .visibleModal {
    width: calc(100% - .24rem)
}

.roomContainer .fastThree.weiTou .bodys > div {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    margin-bottom: .14rem
}

.roomContainer .fastThree.weiTou .bodys > div > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #333;
    font-weight: 700
}

.roomContainer .fastThree.weiTou .bodys > div > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastThree.weiTou .bodys > div > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomContainer .fastThree.weiTou .bodys > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 #f1f1f1;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    border-radius: 4px;
    padding: .2rem 0 0 0;
    margin: .12rem 0;
    position: relative;
    width: 1.02rem;
    height: 1.24rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou.active > div.oddsItem {
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou.active > span {
    display: block
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > div.contentItem {
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > div.contentItem > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > div.contentItem > p img {
    width: .22rem;
    display: block;
    margin: .02rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > div.oddsItem {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou {
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 #f1f1f1;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    border-radius: 2px;
    position: relative;
    height: 1.24rem;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou.active div.oddsItem p, .roomContainer .fastThree.weiTou .bodys > div > div > div.quantou.active div.oddsItem span {
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou.active > span {
    display: block
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div {
    height: 100%
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.contentItem {
    width: 2.24rem;
    padding: .3rem 0
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.contentItem > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.contentItem > div:nth-child(1) {
    margin-bottom: .1rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.contentItem > div > P {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 .1rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.contentItem > div > P > img {
    width: .22rem;
    display: block;
    margin: .02rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.oddsItem > p {
    height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .22rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > div.oddsItem > span {
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 #f1f1f1;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    border-radius: 2px;
    margin: .12rem 0;
    position: relative;
    width: 1.24rem;
    height: 1.24rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai.active > div.oddsItem {
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai.active > span {
    display: block
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > div.contentItem {
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > div.contentItem > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .28rem 0 .16rem 0
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > div.contentItem > p img {
    width: .22rem;
    display: block;
    margin: .02rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > div.oddsItem {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 #f1f1f1;
    box-shadow: 0 2px 4px 0 #f1f1f1;
    border-radius: 2px;
    margin: .12rem 0;
    position: relative;
    width: 1.02rem;
    height: 1.24rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai.active > div.oddsItem {
    color: #fff
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai.active > span {
    display: block
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > div.contentItem {
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > div.contentItem > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .28rem 0 .16rem 0
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > div.contentItem > p img {
    width: .22rem;
    display: block;
    margin: .02rem
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > div.oddsItem {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1.08rem;
    background: #f2f2f2;
    padding: 0 .12rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: .2rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys {
    width: 100%;
    padding-bottom: .6rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decAlert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .66rem;
    width: 100%;
    font-size: .26rem;
    letter-spacing: -.2px;
    color: #666;
    padding: .1rem 0 .2rem 0
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decAlert .redText {
    color: #ff4941
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decAlert .blueText {
    color: #007aff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decLineString {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .28rem;
    width: 100%;
    position: relative
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decLineString > div {
    width: 100%;
    background: #999;
    height: .02rem;
    position: absolute
}

.roomContainer .fastTree.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999;
    padding: 0 .15rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem {
    position: relative
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem.singleTWO .contentTitle {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem.singleTWO > ul {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem.hezhi > ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #e5e5e5
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > div.contentTitle {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #333;
    font-weight: 700;
    background: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 8px;
    padding-top: .2rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li {
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh {
    width: 33%
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh > div.active > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh > div.active > div {
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh > div > div {
    width: 2.01rem;
    height: 1.12rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 3px;
    margin-bottom: .2rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.fourth {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .22rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.fourth > div.active > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.fourth > div > div {
    width: .82rem;
    height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 50%
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.fourth > div > span {
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center;
    height: .4rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.sixth {
    width: 16.666%;
    padding-bottom: .2rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.sixth > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.sixth > div > div {
    padding: 0;
    width: .82rem;
    height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 50%
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.sixth > div.active > div {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single {
    width: 100%
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single:last-child {
    margin-bottom: .2rem
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single > div {
    width: 5.6rem;
    height: 1.24rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    border-radius: 3px;
    margin: .2rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single > div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single > div.active > div, .roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.single > div.active > span {
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li > div {
    color: #ff4941;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    border-radius: .08rem;
    margin: 0 auto
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li > div > div {
    width: 100%;
    font-size: .32rem;
    color: #ff4941;
    height: .48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li > div > span {
    width: 100%;
    font-size: .24rem;
    color: #959595;
    height: .38rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li p {
    height: .52rem;
    line-height: .52rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect > div:first-child {
    width: 1rem;
    height: .66rem;
    float: left;
    font-size: 12px;
    color: #666;
    letter-spacing: -.22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child {
    float: left;
    position: relative;
    width: calc(100% - 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ff4941
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span {
    display: block;
    width: .82rem;
    height: .6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -.15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span.active {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    color: #fff
}

.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div:last-child {
    color: #3ca2ed
}

.roomContainer .happyTenMin .box {
    position: relative
}

.roomContainer .happyTenMin .visibleModal {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block
}

.roomContainer .happyTenMin .visibleModal.hides {
    display: none !important
}

.roomContainer .happyTenMin.differentBasicsPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 2.08rem;
    background: #f2f2f2;
    padding-top: .14rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.roomContainer .happyTenMin.differentBasicsPage > div.tabSelet {
    width: 100%;
    background: #fafafa;
    margin-bottom: .14rem
}

.roomContainer .happyTenMin.differentBasicsPage > div.tabSelet > div {
    border-bottom: 1px solid silver;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - .16rem);
    margin: 0 auto
}

.roomContainer .happyTenMin.differentBasicsPage > div.tabSelet > div > div {
    width: 25%;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.roomContainer .happyTenMin.differentBasicsPage > div.tabSelet > div > div > span {
    display: block;
    min-width: .66rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: .04rem solid transparent;
    font-size: .28rem
}

.roomContainer .happyTenMin.differentBasicsPage > div.tabSelet > div > div > span.active {
    border-bottom: .04rem solid #ff4941;
    font-size: .28rem;
    color: #ff4941;
    letter-spacing: -.2px;
    text-align: center
}

.roomContainer .happyTenMin.differentBasicsPage > p {
    height: .4rem;
    line-height: .4rem;
    font-size: .28rem;
    color: #666;
    letter-spacing: -.2px;
    text-align: center;
    width: 100%;
    margin: .08rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys {
    margin-top: 1px;
    padding: 1px .12rem .5rem .12rem;
    width: 100%;
    position: relative
}

.roomContainer .happyTenMin.differentBasicsPage .bodys .visibleModal {
    width: calc(100% - .24rem)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu {
    margin-bottom: 0;
    border-radius: 0
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu:first-child {
    padding-top: .1rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu:last-of-type {
    padding-bottom: .1rem;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu:last-of-type > div {
    border-bottom: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu > div {
    border-bottom: 1px dashed #c9c9c9;
    width: calc(100% - .2rem);
    margin: auto auto
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > .longhu > div > .twoTh {
    width: 3.2rem;
    height: 1.16rem;
    margin: 0 .16rem .22rem .16rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div {
    width: 100%;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    margin-bottom: .14rem;
    padding-bottom: .12rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > p {
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    letter-spacing: -.15px;
    text-align: center;
    color: #666
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #333;
    font-weight: 700
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > p > span img {
    width: .3rem;
    margin-left: .1rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div {
    border: 1px solid #e5e5e5;
    padding: .2rem 0 0 0;
    margin: .12rem 0;
    position: relative;
    margin: .1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #fcfcfc), to(#fff));
    background-image: linear-gradient(-180deg, #fcfcfc 2%, #fff 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, .5);
    border-radius: 4px
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active {
    border: 1px solid #ff4941;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > div, .roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > p {
    color: #fff
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > span {
    display: block
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -.15rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > p {
    height: .48rem;
    line-height: .48rem;
    font-size: .32rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > div {
    height: .38rem;
    line-height: .38rem;
    font-size: .24rem;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > span {
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    width: .46rem;
    height: .46rem;
    display: none;
    position: absolute;
    top: -.2rem;
    right: -.15rem;
    border-radius: 50%;
    line-height: .46rem;
    text-align: center;
    font-size: .24rem;
    z-index: 1;
    color: #fff
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.foutTh {
    width: 1.6rem;
    height: 1.24rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fastCars {
    width: 1.24rem;
    height: 1.04rem;
    margin: .2rem .28rem;
    padding: .1rem 0 0 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border-radius: 4px
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fastCars.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.foutTh.doubleFace {
    width: 1.24rem;
    height: 1.04rem;
    margin: .3rem .28rem;
    padding-top: .1rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.foutTh.doubleFace:nth-child(4n) {
    margin-right: .3rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.foutTh.doubleFace:nth-child(4n-3) {
    margin-left: .3rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.threeTh {
    width: 2.22rem;
    height: 1.24rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.threeThSSC {
    width: 1.9rem;
    height: 1rem;
    padding-top: .1rem;
    margin: .2rem .22rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.twoTh {
    width: 3.43rem;
    height: 1.24rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.twoThFiveOne {
    width: 3.06rem;
    height: 1.12rem;
    margin: .1rem .26rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin {
    border: none;
    padding: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin.active {
    background: 0 0;
    border: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin.active > p {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin.active > div {
    color: #959595
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin.active > span {
    display: block
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin > p {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    color: #ff4941;
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.happyTenMin > span {
    right: 0
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin {
    border: none;
    padding: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin.active {
    background: 0 0;
    border: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin.active > p {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin.active > div {
    color: #959595
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin.active > span {
    display: block
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin > p {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    width: .82rem;
    height: .82rem;
    border-radius: 50%;
    color: #ff4941;
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh.happyTenMin > span {
    right: 0
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya {
    width: 20%;
    border: none;
    padding: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    margin-bottom: .3rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya.active {
    background: 0 0;
    border: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya.active > p {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya.active > div {
    color: #959595
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya.active > span {
    display: block
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya.active > span.numhundred {
    font-size: .24rem;
    background: #5fcc49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, .5);
    border-radius: 1.36rem;
    width: .9rem;
    right: .1rem;
    top: -.2rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya > p {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    font-size: .28rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.guanya > span {
    right: .1rem;
    top: -.2rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh {
    width: 1.24rem;
    height: 1.24rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.ColCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.ColCenter.active p {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5)
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.fiveTh.ColCenter p {
    width: .82rem;
    height: .82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.sixeTh {
    width: 1.01rem;
    height: 1.24rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh {
    width: 3.43rem;
    height: 2.62rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC.active > div, .roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC.active > p {
    color: #fff
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC p {
    font-size: 24px;
    color: #ff4941;
    letter-spacing: -.27px;
    text-align: center;
    margin-top: .72rem
}

.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC > div {
    font-size: 12px;
    color: #959595;
    letter-spacing: -.18px;
    text-align: center;
    margin-top: .12rem
}

.am-modal-alert-content div.modalRules {
    overflow: auto
}

.am-modal-alert-content div.modalRules p {
    font-size: .24rem;
    text-align: left
}

.am-modal-button-group-h .am-modal-button, .am-modal-button-group-normal .am-modal-button {
    height: .88rem;
    line-height: .88rem;
    font-size: .34rem
}

.elevenSelectFive.officialBasicsPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1.08rem;
    background: #f2f2f2;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.elevenSelectFive.officialBasicsPage > .bodys {
    padding-bottom: .6rem;
    width: 100%
}

.elevenSelectFive.officialBasicsPage > .bodys > .decAlert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .66rem;
    width: calc(100% - .32rem);
    margin: 0 auto;
    font-size: .26rem;
    letter-spacing: -.2px;
    color: #666;
    padding: .1rem 0 .2rem 0
}

.elevenSelectFive.officialBasicsPage > .bodys > .decAlert .redText {
    color: #ff4941
}

.elevenSelectFive.officialBasicsPage > .bodys > .decAlert .blueText {
    color: #007aff
}

.elevenSelectFive.officialBasicsPage > .bodys > .decLineString {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .8rem;
    width: calc(100% - .32rem);
    margin: 0 auto;
    position: relative
}

.elevenSelectFive.officialBasicsPage > .bodys > .decLineString > div {
    width: 100%;
    background: #999;
    height: .02rem;
    position: absolute
}

.elevenSelectFive.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999;
    padding: 0 .15rem
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem {
    padding: .25rem 0 0 0;
    background: #fff;
    position: relative;
    width: calc(100% - .32rem);
    margin: 0 auto
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem.doubleSingle {
    height: 1.8rem
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem:last-child {
    border-bottom: none
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem:last-of-type {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem:last-of-type > .fastselect {
    border: none
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li {
    width: 16.6%;
    height: 1.3rem;
    border-radius: .08rem;
    font-size: .24rem;
    color: #ff4941;
    letter-spacing: -.18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li.titles div {
    width: 100%;
    height: .5rem;
    border-radius: 100px;
    font-size: .24rem;
    color: #333;
    background: 0 0;
    border: none;
    margin: .15rem 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li div {
    height: .82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: .36rem;
    color: #ff4941;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f8f8f8), color-stop(55%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 4%, #fff 55%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, .5);
    margin: 0 auto
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li div.active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, .5);
    border: 1px solid #ff4941;
    color: #fff
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li p {
    height: .38rem;
    line-height: .38rem;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -.2px;
    text-align: center
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px dashed #e5e5e5
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect > div:first-child {
    width: 16.6%;
    height: .66rem;
    float: left;
    font-size: 12px;
    color: #666;
    letter-spacing: -.22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child {
    float: left;
    position: relative;
    width: 83.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #ff4941
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div {
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span {
    display: block;
    width: .82rem;
    height: .6rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), color-stop(94%, #fff));
    background-image: linear-gradient(-180deg, #f8f8f8 0, #fff 94%);
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, .5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -.15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div span.active {
    border: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(21%, #ff4e56), to(#fc8084));
    background-image: linear-gradient(-180deg, #ff4e56 21%, #fc8084 100%);
    color: #fff
}

.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect div:last-child div:last-child {
    color: #3ca2ed
}

.lottery-detail-list, .lottery-detail-list-2 {
    background: #fff
}

.lottery-detail-list .lottery-detail-list-item, .lottery-detail-list-2 .lottery-detail-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    position: relative;
    border-bottom: solid 1px #e0e0e0
}

.lottery-detail-list .lottery-detail-list-item img, .lottery-detail-list-2 .lottery-detail-list-item img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 23px;
    height: 54px;
    width: 54px
}

.lottery-detail-list .lottery-detail-name, .lottery-detail-list-2 .lottery-detail-name {
    margin-left: 1.86rem
}

.lottery-detail-list .lottery-detail-periods, .lottery-detail-list-2 .lottery-detail-periods {
    margin-left: .56rem;
    color: #999;
    letter-spacing: -.18px
}

.lottery-detail-list .lottery-detail-periods.coming, .lottery-detail-list-2 .lottery-detail-periods.coming {
    position: absolute;
    margin-left: 0;
    left: 1.86rem;
    top: .85rem
}

.lottery-detail-list .status, .lottery-detail-list-2 .status {
    font-size: 16px;
    color: #333;
    letter-spacing: -.23px;
    right: .38rem;
    position: absolute
}

.lottery-detail-list .ball-list.header li, .lottery-detail-list-2 .ball-list.header li {
    height: 21.6px;
    width: 21.6px;
    line-height: 21.6px
}

.lottery-detail-list .ball-list, .lottery-detail-list-2 .ball-list {
    margin-left: 1.72rem;
    margin-top: .52rem
}

.lottery-detail-list .ball-list li, .lottery-detail-list-2 .ball-list li {
    float: left;
    color: #fff;
    text-align: center;
    height: .42rem;
    width: .42rem;
    line-height: .42rem
}

.lottery-detail-list .ball-list li:after, .lottery-detail-list-2 .ball-list li:after {
    margin-left: .26rem !important
}

.lottery-detail-list .ball-list.null, .lottery-detail-list-2 .ball-list.null {
    font-size: .5rem;
    color: #666
}

.lottery-detail-list .ball-list.pk10.header li, .lottery-detail-list-2 .ball-list.pk10.header li {
    margin-right: .12rem
}

.lottery-detail-list-2 .lottery-detail-list-item-2 {
    height: 1.8rem;
    border-bottom: 1px solid #e0e0e0;
    position: relative
}

.lottery-detail-list-2 .lottery-detail-list-item-2.luck8 {
    height: 2.4rem
}

.lottery-detail-list-2 .lottery-detail-list-item-2 .wxh_lottery_detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lottery-detail-list-2 .lottery-detail-list-item-2 .lottery-detail-periods-2 {
    margin-top: 13px;
    margin-left: 17.5px;
    color: #333;
    letter-spacing: -.23px
}

.lottery-detail-list-2 .lottery-detail-list-item-2 .lottery-detail-time-2 {
    margin-top: 14px;
    margin-left: 129px;
    color: #999;
    letter-spacing: -.2px;
    margin-left: .15rem
}

.lottery-detail-list-2 .ball-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin: 0;
    padding: 0 .36rem;
    bottom: 11px;
    left: 0
}

.lottery-detail-buy {
    width: 100vw;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #e0e0e0;
    padding: 6.5px 0;
    background: #fff
}

.lottery-detail-buy div {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #fff;
    letter-spacing: -.89px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    height: 44.3px;
    line-height: 44.3px;
    text-align: center;
    width: 83vw;
    border-radius: 6px
}

.ball-list.pk10 li {
    border-radius: 2px;
    font-size: 14px;
    margin-right: .12rem
}

.ball-list.pk10 .eight {
    background: #ff7878;
    -webkit-box-shadow: 0 2px 4px 0 #ff7878;
    box-shadow: 0 2px 4px 0 #ff7878
}

.ball-list.pk10 .seven {
    background: #999;
    -webkit-box-shadow: 0 2px 4px 0 #999;
    box-shadow: 0 2px 4px 0 #999
}

.ball-list.pk10 .ten {
    background: #5fcc49;
    -webkit-box-shadow: 0 2px 4px 0 #5fcc49;
    box-shadow: 0 2px 4px 0 #5fcc49
}

.ball-list.pk10 .six {
    background: #5c57cc;
    -webkit-box-shadow: 0 2px 4px 0 #5c57cc;
    box-shadow: 0 2px 4px 0 #5c57cc
}

.ball-list.pk10 .three {
    background: #606060;
    -webkit-box-shadow: 0 2px 4px 0 #606060;
    box-shadow: 0 2px 4px 0 #606060
}

.ball-list.pk10 .one {
    background: #ecca00;
    -webkit-box-shadow: 0 2px 4px 0 #ecca00;
    box-shadow: 0 2px 4px 0 #ecca00
}

.ball-list.pk10 .nine {
    background: #a23f4b;
    -webkit-box-shadow: 0 2px 4px 0 #a23f4b;
    box-shadow: 0 2px 4px 0 #a23f4b
}

.ball-list.pk10 .five {
    background: #20c5d3;
    -webkit-box-shadow: 0 2px 4px 0 #20c5d3;
    box-shadow: 0 2px 4px 0 #20c5d3
}

.ball-list.pk10 .four {
    background: #e8803f;
    -webkit-box-shadow: 0 2px 4px 0 #e8803f;
    box-shadow: 0 2px 4px 0 #e8803f
}

.ball-list.pk10 .two {
    background: #3ca2ed;
    -webkit-box-shadow: 0 2px 4px 0 #3ca2ed;
    box-shadow: 0 2px 4px 0 #3ca2ed
}

.ball-list.lucky28 {
    font-size: 13px
}

.ball-list.lucky28 li:nth-child(1)::after, .ball-list.lucky28 li:nth-child(2)::after {
    content: '+';
    position: absolute;
    margin-left: 9px;
    font-size: 20px;
    color: #666
}

.ball-list.lucky28 li:nth-child(3)::after {
    content: '=';
    position: absolute;
    margin-left: 9px;
    font-size: 20px;
    color: #666
}

.ball-list.lucky28 li {
    margin-right: 24px;
    border-radius: 20px
}

.ball-list.fast3 {
    font-size: 13px
}

.ball-list.fast3 li:nth-child(1)::after, .ball-list.fast3 li:nth-child(2)::after {
    content: '+';
    position: absolute;
    margin-left: 16px;
    font-size: 20px;
    color: #666
}

.ball-list.fast3 li:nth-child(3)::after {
    content: '=';
    position: absolute;
    margin-left: 16px;
    font-size: 20px;
    color: #666
}

.ball-list.fast3 li:last-child {
    font-size: 14px;
    color: #333;
    letter-spacing: -.2px
}

.ball-list.fast3 li {
    margin-right: 24px
}

.ball-list.fast3 li.one {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA4VBMVEX19fUAAADy8vLx8fHt7e3p6em/v7/09PTx8fG8vLz4+Pjn5+e+vr68vLz39/e9vb27u7v////z8/Px8fH39/fv7+/8/Pzt7e3r6+vn5+fp6en5+fnl5eXj4+Pg4ODe3t7i4uLExMTJycnGxsbBwcHKysq+vr7QAhvPBR7Z2dnR0dHMzMzW1tbPAhvb29vPEinOzs7ef4zQOkzQGS/PDCTx4OLt3N7T09Ppur/PRFXPMEP15ebfkJrQWWjZUmLPKDzPIzjmsrjfjZjei5bYcX3XcHzYb3zYbXrZV2bZUGHRMETfbwx7AAAAEXRSTlMcAOam6qYc7e3t5ubm5qampoFj9PsAAALHSURBVEjHhdVpc6JAEAbgzrn3wRzOMDBAzHqgRqPm3iSbvY///4O2G4TJgJRdfrHsp95uiy5gD96/Fl4xv3hVUu4fYDu8YI1++niC1UK+BDhgzBNFM5dKa60UL4DL4PIA9nlTSB2GYRxba7MkCwvkxD5I6QmmtDGmEDGJJElj7HRTgSJREcYVzoKkAoVIQwRVgSJBpJhGKhQEvIw0VbUAjS0bQZHPSQE2wlQhYDZi84fUwDQyLGMbYLQuphJOuD0sFgES5eoQksAMUQMkJFxEVoqQlaAUgopEkeHtUU+lKQLiGIkWUVQCInUGkvi5kIwzsCRULyLhT0XAnyrGX8GSiHq9HoFSuM29qVAoxiDDbzIgEDlCopWBxCJIssxGgS+426OxuWKQJkkYIKCqhQOaQFjvESJIExmQ6MgwXkZGIBWBJxBcLh//Lq9Q6FK4DA7zeRJsqhY3/y7GZ+P11y0ZGvK5DRricrUYj0ajszVmNO/DQJ7HQUN8/3JxNsIaL/2HnUgIs9x4AMXvCjxK79+loWKYzZQDZcbPu3Kk8Z8t99ECWPe3T7T0eLHk7fuA65kJGuLzw+ppvVisV1ft+wjh+tp6gMjNw+3q7u72pn4S3VQGJpO0ASjj/sevb5eCta9Ww/kkD9qi8z4UgknUFv59SJfBYXo+0UGzuu9DwHR6nrb7u55dKWAwnU567Qhf1IAJ6KMwwW5REkFgMHAROwRDcNpHEgfbqhasEoIAiWnUIfwMTgknp0gGebAjQ5CgJDg5OcGMftIF3FQ4EhL4hIIyzK4MVrxGEFRC7QBKK4kZMKxE33YIMoLp8jUiYUiiJPNe5x4cT6EU8JYEEcyYqO0i0jHemjFIDuHjsBAUgWTGtwCVZNbGmIHiCI5fkagXGeQm8rqZSdOkEEjMIcDe8Yd3w2oREoPpLFZc4CCMK5vn8zStyJsj2PsPTb7WGtfoKNwAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain
}

.ball-list.fast3 li.two {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA5FBMVEUAAAD19fXy8vLx8fH29va9vb3r6+u8vLzt7e2/v7/r6+u8vLzu7u7n5+f19fX////////x8fH39/fv7+/09PTt7e3r6+vz8/Po6Ojl5eX9/f3j4+P6+vrq6ur29vbn5+fe3t7i4uL8/Pz5+fng4ODh4eHJycnFxcXLy8vCwsK/v784ODgzMzPc3NzW1tbHx8fIyMja2trT09PNzc3Q0NDExMTOzs5paWlPT0/Y2NjBwcFGRka7u7tKSkpCQkKgoKCPj49iYmJcXFw+Pj6xsbGqqqqYmJh5eXlmZmZXV1eFhYVycnLwRdQ8AAAAEHRSTlMA6+amHOamphwc7e3m5qYcPkDSbAAAA2RJREFUSMd11Wl7mkAQB/Bpm94Xyx6wghxGqtFIKlqPqjl6H9//+3Rml0VJ6D55kzz8npn/MhMA3r975JuT4A8dUZ/AHuYO54+fnAGcPRL4sCPm+RZBIBrBH53BkwCfaIgVjEuplJQ8ELaEE4w/gcesLQSTYZimOoryPB9qxWwVJx4D5/inRgimVL8fphoPkeEwizg+7wjnIK2wQQIppRFEIhQFikxzBO6AJGHbShjnBJzQTmT9Y1eA2aQVAivicUKnpkZeIJjpwBWBfi0Y3SKRB10VQxQ5r4tA2FeKuqLbJ1ALFbZzZDlFN8AIGeANtYTL0dTQ9nohTcNQKX5O74yaaroi0NQgEZocoHWKNc5jEuJivfvynR9F2BIUI4BI6zBkcXyOYnSYXl5Ob4xQtobrimJE1BREJHqDOI59/+cOweWOt3KY241MDokCcvxNEMAi6wOB6/IkR+sN5gJBkee6h2eA4Ofv6+n060bZUUZgb/f4BqUQkA0L5XmeEd/WvzeHza27XSea281CEcAsGwrPie9/1+sf8vR2+2ZKXFeRAVmvBoNBnMy5TwsXuK5cjno/mID5LPLsQUHJccoROCHb+yEJaAewiBNUo2sSlYDtPPRa4rwtCBznKhRQbpXXKYKgvR8NKGUDTrpKUHR0FSYIlNcWBri7ujdXCKpSe6fH1ejeDwxdVcV9QKJ7P7RMYFnNW8B1ZXMQOd0P7sNqWfW8+yQ+Ea6EEUGCYMkeALsfJkd+mkP5PixWy/wesMEph/hxmB6+UQ5pBA4aLBYr6qk7x82OdnbfvHOBFcbjxQp76iySfLkm8KvpykfwAUXZ6xZzCzbudgMCH0moTjBg681X3NlfbhITAlck2imO+3F7t9ntNjf1XAUiSXwYofgwHnqdNcI/67u7W+GmXQgCo6srFGGn6MXLfVm/QWY/PHDxaTSiGuw/otkPLjkSBBejEbW16BZudoVU9sMDkwuscUXR1X8EAdG3nxHOYPKZhIledN4VCZbazwgSmEw+EzHRK94J/H6kGwFPJxPqqo6+FQ9ErAr6D4+E2noDz/comrbG4zL0T5/mOsuGRY4kNUWewcvX+30jqMhiURZaMcFkPx3O5/PZrBbU1qsXAC+fU1dESJjRWuFWVVVVltvt1oiavH32Av4B8CrloeK6YYcAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain
}

.ball-list.fast3 li.three {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA5FBMVEUAAADy8vLx8fH29vbz8/Pt7e3p6em8vLzt7e2/v7+8vLz4+Pjn5+e+vr68vLz39/f////////x8fHr6+vn5+fv7+/j4+P29vbt7e309PTz8/Pl5eX9/f36+vr4+Pjg4ODe3t7Hx8f8/PwzMzPKysrExMTAwMDLy8vCwsLOzs7c3Nw3Nzfa2trW1tbS0tLQ0NBQUFDU1NRJSUlCQkI+Pj45OTnY2Ni9vb27u7uenp5paWlXV1dFRUWwsLBmZmZiYmJbW1urq6uPj4+KiopNTU22tralpaWUlJSFhYV5eXlqampycnLBtpf8AAAAEXRSTlMA5qYc7eqmphwc7ebm5uamHH1vYCwAAANHSURBVEjHddbpVqswEADgUe++kxBIoAi3VWtb6N7axX3X+/7vc2eSAFJwzvGHNd+ZmYxjBPjz+/shhl+EshGYYHkIsbd/AHDwQfl4vARKFcQCVQjx4QD2AzyBBE0hmJCScylFoEiUOZjYhz1mBJ2nL8WkixF6FHHIGWUpxR4IgR8VORTjGHgeQ4s48QSez4kQII1AgiiQUhrhWoAiCQUBGyBJMBKHPhNUfCHCXCS8rAqwN2mEwowYuQhtHwT6YcCCHFjB6BaJNFbVx06MABd/SFXR7RPIhVsViUeta6CFDHwEpaj1QVUFFhAReKlI9Ee1HFa4ug8IQwKHEQl1+np+fSPeEyJAAh4JFkU0uOPpotMZrLXghSBi20ABHolWOyLycj7odDrngkRJyhwSBdB3CgGJzZTALKv2UXbuKQQxpmhhtBG8bGeLxXzMGQlRpCgnKJWCJI654zhaXGy299PxLd1ucx+uCqCfxMrJxc2/zeZJVm+XE7DC0yBpWdBuR34qzAR3qiJAhClI+55jAgV17pMIrNjJ4UkCoQWmczPBcLXymn4TuYJl6joVQeBhvBjMLlh9P1wF2ZI7uyLdznEe86yyHwXIpLMjosfxAsFizWpVuT5MMu7sivV2NsAMT/V5EJhQ02WQOLkcz+az+1V9P7Dp4TDeBe3o7vJ6e/1c349Q+jAaphVgqrq4u7sxEwwqWyt86I0mLWeXRHo/jKg0HhAYsRooJ6i8Sh8+gt7Ic2oCAQm1ni6mF9SH1EJo0BvmNdUmuKYVHKxYPnOFoNvt9bCmxiT+9YzAZVHVIYIjFFmrWaRXOsN9frsBtgV/SfBG0Gab8XwwmF/m+0GPAvwlUevC7sft1Xg6HT/a/aBnBAGKo27sNOZwn1+vrm5VvoMKBRwb4TaKVjR6yMwOKmYeHjg9PtaCNQsahxFCv1UISCAp7rZ55kpy8/DASS66/B1BQHHzjAgGJ4U4ihvvigRzzTOCBIEhJIaiEfjcCwsBP880sK0vVU1EnP786mcE4yN8PkOBBIGeYeb6b0+LMEliFJSDyCf4+m1lhZ1Irzeh/xgUk9yN0zTt960g8vELwNfPv87eki4S3KrhcDLJlsulFpb8+PQF/gNja+Yt4m4NYAAAAABJRU5ErkJggg==) no-repeat center;
    background-size: contain
}

.ball-list.fast3 li.four {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABdFBMVEX19fUAAAD19fXy8vLy8vLt7e29vb2/v7+8vLzn5+f39/ft7e3p6em9vb27u7v////x8fHz8/P39vbv7+/s7Oz9/f3o6Ojj4+P6+vr19fXu7u7g4ODq6ur4+Pjr6+vm5ubi4uL8/Pzl5eXn5+f5+fnf39/QAhvJycnFxcXQBR/Ly8vDw8Pe3t7Nzc3Hx8fIyMjd3d3AwMC+vr7QCSHa2trY2NjV1dXT09PPz8/CwsLQITbR0dHOPE3PJTrPHDLZeYXfUmPWRlfPQVLWJDrPGC7PFSzPDSW8vLzhiJTlcX/SYG7PSVnPRlfTPE7aN0vRMkXOKT3QGjDPECfSDyf78fL17u755+n64+Xo3t/42t7c3Nzv09ft0NP2z9PmzM/pub/xtb3es7jnrLPloarjmKHdl6DjannUa3jOS1vYKj/UFy7x6uro4OHv3uDux8zeqbDeoajtm6XhkJvpipXZipTbfonnfInhYG/VXGvgWmvQVWTYLkOAfDFXAAAAD3RSTlMcAOvmpurmHO3mpqampqa86A2MAAAD70lEQVRIx3XVZ2PTMBAGYLE3sSzVsWzXdpMmJJCUQFab0ZYCBboHe++99/jz3MmSUpOgb2385O6VfBHZRQ7vHodlmyVgUUH1svRibM9eeJzsFjY8PgBC2ADoDkCNYLsJ2UupsIHsFBbzeBhyjylhalhsL9ljSWFqCMtznHw+l83GceznuIVmIPYQxpSQfQmLh0Hg5KMoJ4nvF7Is1RXxEgEEEPU4lwJJFoQPopJjAPQiHAUS+H74goGAGlpUAkoNgGxeIgRWBKJEhDmwq0KhUouoLkICnghLyHAAvBFd1WKmihAnCLnMYUugSoShI7tSolKpxBhdAhTco7j/WnjDObArKkE+7zhhyCbhGJIaOjkCrGGEI3OQKMo7AZ90UYgH5zbXn7KBcJ6tbq4+0gJjUJLNRY5jue4kiAedxWKxfHkgns3Wi8VFFLhXWeyAZFGMTbiuOz7+c7ZcLBY3GQp8m4KFi/CP8jloS9bwQJAY/hIIoMhypw6fX7yrc9zvXUDQ0cljBH4c58ZgTQBYWr9Yr2/132ByJDdX+ovl8uKqOUEPQMH3eSaTkeLJ8nq/szE32N0Xvf6FC/05vbsFB0Ct4NOMFk9/v1z+dk2Y3b2/tNLrLd2MtMgiqBTGFJiYcO071/QJYhH+9uPXD/rMcT5gWxu3s5lkgcDkNghqBE/PB0cQKZAkT07QdKWEfq9CQZoNJ5MSk1AjLQIlgDiUNJtcAy1MjfR8RAgEaTU9A4a6GpoPxyatVphJCwQoUvOh3l0A7ZYKbYjaq5HzwQVpt/1/AYrR8xF5Nul2GymQTo5k53wwm0x323jSaeIqoXN4WlCbVKenrSGg5gNrvANh5oPbAKrTsXn0xvf55/dUcMwhLnfqnSeQQ9VgElRNT7fWtsvl7YeDHJdxROuPTXIK4OTJqunpynmcuFdmd+1eMqK6K28cwAkQLVXilwSvb2hxR42o3l0KschpFDwBz9de1+vbr67q87i60t8ql7fOCSXwUiBTKLpJiU/za+fP/7kymI+5hY3Z2Y3Paj7kNUJKIE6cTE574suP+fkr1wdnfv3Fy4WFObz0EoGhS6WpKRCO2qeH99Ln8f7xXfVeWQwAFeTUqVIJa6RPzwhXTxRlyV1FZgBgW9WRwsyH4OriIWdmoMYURg//IxDQAC8FBjXIWSlkdH9sFEFh5dU1whg5e/bMmVNAMHqbjQR2kM1JEYIg+0HMzOjoTTEk3NDHX3i8RgLO95Hjl7CGFPIMm46982kWVQq+HwPJYxF+hBw4eOmSEVikWm35EbeE5QV5v9Fo1GpKRCD2EbLrwDHoCkgi5KsFQ9XtttutVrPZlCIh0aGjZNdfrLb9+txO47gAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain
}

.ball-list.fast3 li.five {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA9lBMVEX19fUAAADr6+vy8vK9vb3x8fHr6+u8vLy/v7/09PTx8fG8vLz4+Pj39/fz8/P////x8fHz8/Pv7+/8/Pz39/ft7e3r6+v19fXp6enn5+fl5eXj4+Pf39/h4eH5+fkzMzPJycnExMQ3NzfGxsbb29vLy8u/v7/W1tbBwcHNzc3Z2dm8vLxOTk5HR0dpaWnT09PR0dFfX187OzuRkZFmZmZjY2NKSkpCQkI5OTnQ0NCdnZ1XV1dERERQUFA+Pj7Y2Nirq6ulpaV7e3tAQEDPz8+3t7evr6+KioqFhYWCgoJaWlpSUlJ4eHhtbW2zs7OysrKOjo5ycnICErxgAAAAD3RSTlMcAOnm5qamphzt7e3mpqasvHVkAAADkklEQVRIx33W15baMBAAUKX3IGmR3CE4EIfee9mW7an//zOZUbOJk8zuCxzdM80CyCPy7m1VhQf/NpjHbFAbnD95BsfJK69qw4M/A1gBMCf4a0LeM+Y5YnJQLoSUQnAjXA7Kn5En9A9BhR8EQRhFSZLEoaRocvGEcK6EOy6lDyCEQBLHccSPqiKiKJgQAoQmkRFxyAHYIAKFJlA7Fq9zBDYHhs+YA9CbMAIyQlgRBjoHkmbIbBLiG0FxlEjgpcuRiwQmZoAvperDACNksQ+MxLROAiUEwxUUhesjr4ppoASvacAokvKsUPiqDxKGQGStpkRjsLs/K+Y4G+/mXSs4A0IiFPREicZiVa+nG+6me96HNyZWRFgBiUD4JxAAvvbTer3e5y7HfAlvpANblgBBEnjlVQBAjsECwTKzfazHOwQLu8FEgSQJKxUtLrbL1erQk1QPS8az3iRNJ2O3DwEAnESA8WOw7S0epm668m7c2+16UzfdAEAzjhkAnePs12AwFZ6b7uhiNh5fxO7ZjTQ4qTjhdThM1wggyfXmKoCwKSiAZlTRYTrHW8GcEMf3QzDSaYaVsgi73ehvT6L0SKcTVEriqrdKl99RaOCeK5+R7FQWgSKd7QT2cZkV7ocFHskyUSmEEud7BKsNLVUVIJAlsNlewoYPU7cP9+xChmHmmnbi82y/PCx73fL9kACGyRFQ5GZ2v72/Ld+PUHhkNGqWQe365ubMfGQe5eBV8mU0PCkJM10FXAoUzCPt9ZpWSgICABCWFPuQ1Sppt9d5E8H0221W2CDbLFaLa+xDKAEPGoD20J6Pt5O0Pvmciw1ewbRL7c4ZZGi12l9sTXfqiu5dVd54iWDmqqoC+AAiM2CAIL2MbCMdfUV7drpMARRSg68Pl3AjF9S2Tge9Q5oeZp4RHoKPKEZ6suezh36/d5cP6+d83+/vz80GGSwGAIgPrVidqE2/zecXQT5e/3Ywn08ZLEQLBqDxEUnL10c63dHxQtZXGW4QBOUAYHGNRkPlKG1Pg/zWcsGRkM8ogLRzUSYAhNRfPOSTFS35H8DM1winAKz4kPxLnNAgUAII+YTCkCH/K6n6URgAUYI8/YTEtn7qlc/LBD/hQ8gB5DF50dXCjLeVBdXiaR7ipzaSQJX1nLx80wWSN9Jqt7MklFT9hIg7TQgjQhCPCXn08gVWBcOyZQH5sh6NhsMsOz3tILFJHj8nj34DNMzeeVG7IyEAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain
}

.ball-list.fast3 li.six {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAA81BMVEXw8PDz8/MAAAC9vb3y8vLv7++8vLy/v7/09PTx8fH4+Pjn5+f39/fp6en////////x8fHz8/P39/fv7+/19fXt7e38/Pzr6+vp6enn5+fl5eXj4+Ph4eHf39/5+fnIyMgzMzPFxcXd3d3CwsI4ODg1NTXOzs7Ly8u/v79ERETV1dVHR0diYmI7OzvX19fS0tJpaWnZ2dnQ0NDKyspRUVE/Pz/b29u8vLxXV1dOTk5KSkqdnZ2QkJCEhIRfX194eHhycnJmZmZdXV23t7evr69ubm5bW1uqqqqBgYF8fHxMTEympqakpKSTk5OKioqxsbGUlJRDDtFzAAAAD3RSTlPoHADppqamHO3t5uamphzRTH4uAAADuUlEQVRIx33W52LiMAwAYNPbkxjHOJOjzCaEJFD2pu319nj/pzl5p7fU/oHyVZZkAeji7euXDREu/OrALtbh6CAEPaldoNpzt6HDhR8FcAVgI8iLGnqMsWuIyuEQShmjlEhhczjkMULOb8Khnu/7QRhGURQHzOHGCoQIqQrXYcwDEEBwEsdxSB6cCtGqwJRSEJKESnQCAkAHolxIAmcnAEQOkUSLjoexAVAbVQIyQmgR+DJHxEWAdRLkKeHwVnICD00OKyLomAIeY6IOBZQAYgQAEKp05AtBMR+BFbaOyqmwBEKQFgfyKS10Dls5T4GCAAhrtYTolsn9h2qOD4ckW2pBMBAUcuE0hbjcjNvt3paY7n4Z9drtsRYhBoFCEF4TAsCR/709IiZHlvTb7X6pS6cgUASP3DoAyFFuAPSTVNcxvRHgs55gJEAUBfW6FMdV0uvN18yRzWLxeT3u98c3Zh4UADgmAMSPcvV5M9uZ7rL9YZ0k653prg+gE8cYgMzx4VSWP6lrult8Oh8On2Jzd0MOOnGzboQ7IdBdJYBEd9tbH0KngLYuFmFdhqqcbwU2gj7cD4rRZBHUrchvB3JRlQi/7O68yk1kLppMfANa+3mvl4VWpDfQpSy298rDKM+ZAdsRn8OpZcRRzOE7A6GAi9KcGvBegDkFISoP7wVY2f3wAaTMAj6nXhLrFHnG/0Nvxszd9TiwRX+/2cznSQbNUuS0Ssbj5Gj3A4ouisiA+JStVocr1V0Ad+X9bHb/zuxHQF00LRZ1E/52/y1tNo1wbz+ePl5X9oM00GCayknbsKL6xiAEdgFMnfqfAoiYII6qe84akGEwtUX4u/f7tHJL8HbT29w5QKgQcNEADApT9Ipf/64VW9HWJReEAwwZhsPBQJ9pLwY3M6dy5cadzakaAN6BSBUo5aRDXcjkkPAMn/V+YAGuQTAJjjO4fOONo0t3yjU8MT+7SrgCvIMchezs1/NsNFp/tM3aZfDE7KvaDwyDaaBLENfDWF7vb++z7JNv2+vtyyzbYX3bMeZACk++ZLIsHg5kepuru+sQADC47qUgQzu9KqhsLaGEE9SV4hp6+28CgDL5wYOuQACAHOw/AKuPEeIAACELif4lmo7vCwEEXXHRlaIgfyUNLwx8IEKgR1ecXKrSc/fP17OIv8MHkAMIQk+XQuhmDXO/UX01CTpxHHHii2M9Qc8eLYHYQuAuplHAHPEVIp4sFh0tAhCohi6ePYVTCaIEENiqokjTNM8nEy4UefWmdvEL3b/kcGVjFLMAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain
}

.ball-list.hk-lottery {
    font-size: 13px
}

.ball-list.hk-lottery li {
    margin-right: 11px;
    border-radius: 20px
}

.ball-list.hk-lottery li:last-child {
    margin-left: .4rem
}

.ball-list.hk-lottery li:nth-child(6)::after {
    content: '+';
    position: absolute;
    margin-left: 15px;
    font-size: 20px;
    color: #666
}

.ball-list.happy8 {
    margin-top: .22rem;
    padding-right: 1rem
}

.ball-list.happy8 li {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941));
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%);
    -webkit-box-shadow: 0 2px 4px 0 #ff535b;
    box-shadow: 0 2px 4px 0 #ff535b;
    border-radius: 20px;
    font-size: 14px;
    margin-right: .2rem;
    width: 19.2px;
    height: 19.2px;
    line-height: 19.2px
}

.ball-list.happy8 li:nth-child(1) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(2) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(3) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(4) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(5) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(6) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(7) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(8) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(9) {
    margin-bottom: 10px
}

.ball-list.happy8 li:nth-child(10) {
    margin-bottom: 10px
}

.ball-list.other li {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941));
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%);
    -webkit-box-shadow: 0 2px 4px 0 #ff535b;
    box-shadow: 0 2px 4px 0 #ff535b;
    height: 24px;
    width: 24px;
    font-size: 13px;
    border-radius: 20px;
    margin-right: .22rem
}

.show_blue {
    color: #4a90e2;
    border: 1px solid #4a90e2;
    border-radius: .04rem
}

.show_red {
    color: #ff4941;
    border: 1px solid #ff4941;
    border-radius: .04rem
}

.show_grey {
    border: 1px solid #ccc;
    border-radius: .04rem
}

.show_green {
    color: #57c946;
    border: 1px solid #57c946;
    border-radius: .04rem
}

.show_gold {
    color: #f5a623;
    border: 1px solid #f5a623;
    border-radius: .04rem
}

.show_black {
    color: #333;
    border: 1px solid #333;
    border-radius: .04rem
}

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

.show_mu {
    color: #e8803f;
    border: 1px solid #e8803f;
    border-radius: .04rem
}

.ssc_box {
    width: 2.3rem;
    height: .84rem;
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ssc_box div {
    width: .7rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ssc_box div div {
    width: 100%;
    height: 50%;
    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-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lhc_box {
    width: 1.6rem;
    height: 1.36rem;
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    top: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lhc_box div {
    width: .8rem;
    height: 100%
}

.lhc_box div:nth-child(2) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lhc_box div:nth-child(2) div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lhc_box div:nth-child(2) div:nth-child(1) {
    width: 100%;
    height: 20%
}

.lhc_box div:nth-child(2) div:nth-child(2) {
    width: 70%;
    height: 65%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lhc_box div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: .8rem;
    height: 100%
}

.lhc_box div:nth-child(1) div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    height: .42rem
}

.lhc_box div:nth-child(1) div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lhc_box div:nth-child(1) div:nth-child(2) {
    width: 90%;
    height: .38rem
}

.lhc_box div:nth-child(1) div:nth-child(3) {
    width: 90%;
    height: .38rem
}

.pk10_box {
    width: 1.6rem;
    height: 1.36rem;
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    top: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pk10_box div {
    width: .8rem;
    height: 100%
}

.pk10_box div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pk10_box div:nth-child(1) div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pk10_box div:nth-child(1) div:nth-child(1) {
    width: 100%;
    height: 20%
}

.pk10_box div:nth-child(1) div:nth-child(2) {
    width: 70%;
    height: 65%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pk10_box div:nth-child(2) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: .8rem;
    height: 100%
}

.pk10_box div:nth-child(2) div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90%;
    height: .42rem
}

.pk10_box div:nth-child(2) div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pk10_box div:nth-child(2) div:nth-child(2) {
    width: 90%;
    height: .38rem
}

.pk10_box div:nth-child(2) div:nth-child(3) {
    width: 90%;
    height: .38rem
}

.kuai8 {
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    width: 1.5rem;
    height: 1.42rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.kuai8 div {
    width: 100%;
    height: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.kuai8 div:nth-child(1), .kuai8 div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.kuai8 div:nth-child(1) div, .kuai8 div:nth-child(2) div {
    width: 44%;
    height: 100%
}

.luck28 {
    width: 1.5rem;
    height: .42rem;
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.luck28 div {
    width: 45%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.happy10 {
    width: 1.5rem;
    height: 1.4rem;
    position: absolute;
    right: .36rem;
    top: .5rem;
    font-size: .26rem;
    text-align: center;
    color: #666;
    letter-spacing: -.0034rem;
    top: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.happy10 div {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    height: 100%
}

.happy10 div div {
    width: 90%;
    height: 28%
}

.NoticeItem {
    position: relative;
    padding: 0 .66rem;
    height: 2.12rem;
    border-bottom: 1px solid #e0e0e0
}

.NoticeItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.NoticeItem > p:nth-child(2) {
    padding-top: .36rem;
    margin-bottom: .16rem;
    height: 1.2rem;
    font-size: .3rem;
    line-height: .42rem;
    color: #666;
    letter-spacing: -.21px;
    overflow: hidden
}

.NoticeItem > p:nth-child(3) {
    font-size: .26rem;
    color: #999;
    letter-spacing: -.18px;
    height: .36rem
}

.NoticeItem > div {
    position: absolute;
    top: calc(50% - .22rem);
    right: .33rem
}

.NoticeItem span.active {
    position: absolute;
    top: .52rem;
    left: .4rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #ff4941;
    -webkit-box-shadow: 0 2px 4px 0 #ff4941;
    box-shadow: 0 2px 4px 0 #ff4941
}

.NoticeItem .title {
    font-size: .32rem;
    margin-bottom: .16rem;
    color: #333
}

.NoticeItem .title.active:before {
    display: inline-block;
    content: '';
    width: .16rem;
    height: .16rem;
    margin-right: .28rem;
    border-radius: 50%;
    background: #ff4941;
    -webkit-box-shadow: 0 2px 4px 0 #ff4941;
    box-shadow: 0 2px 4px 0 #ff4941;
    margin-bottom: .07rem
}

.NoticeItem .message {
    font-size: .3rem;
    color: #666;
    line-height: .4rem
}

.NoticeItem .time {
    margin-top: .12rem;
    font-size: .26rem;
    color: #999;
    letter-spacing: -.18px
}

.messageNoticeDeetail .content {
    padding: 0 .32rem
}

.messageNoticeDeetail h3 {
    font-size: .32rem;
    color: #333;
    letter-spacing: -.23px;
    margin-top: .18rem;
    min-height: .44rem;
    line-height: .44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: .4rem;
    font-weight: 400;
    word-break: break-all;
    white-space: normal
}

.messageNoticeDeetail section {
    font-size: .3rem;
    color: #666;
    letter-spacing: -.21px;
    margin-bottom: .3rem;
    word-break: break-all;
    white-space: normal
}

.messageNoticeDeetail p {
    word-break: break-all;
    white-space: normal;
    font-size: .26rem;
    color: #999;
    letter-spacing: -.18px;
    text-align: right
}

.share {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share div:last-child {
    color: #333;
    font-size: 13px;
    font-weight: 600
}

.share .card {
    background-image: url(/images/8ded44b7.bgShare@2x.png);
    height: 450px;
    width: 90%;
    margin-top: 70px;
    background-repeat: round
}

.share .card .qr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share .card .qr canvas {
    width: 220px;
    margin-top: 40px
}

.share .card .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999;
    margin-top: 10px
}

.share .card .line img {
    width: 90px
}

.share .card .linkContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 150px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.share .card .linkContainer .link {
    margin-top: 30px;
    word-break: keep-all;
    padding: 0 14px;
    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
}

.share .card .linkContainer .link label {
    font-size: 10px
}

.share .card .linkContainer .link .url {
    background: #f4f4f4;
    padding: 2px;
    display: inline-block;
    height: 17px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    width: 50%;
    overflow: scroll
}

.share .card .linkContainer .link .url + span {
    margin-left: 4px;
    color: #71c5ff;
    cursor: pointer;
    font-size: 10px
}

.share .card .linkContainer .am-button.am-button-primary {
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    width: 200px;
    height: 36px;
    background: -webkit-gradient(linear, left bottom, left top, from(#ff4941), to(#ff7b75));
    background: linear-gradient(0deg, #ff4941 0, #ff7b75 100%);
    border-radius: 5px;
    line-height: 36px
}

.am-wingblank {
    margin-left: 8px;
    margin-right: 8px
}

.am-wingblank.am-wingblank-sm {
    margin-left: 5px;
    margin-right: 5px
}

.am-wingblank.am-wingblank-md {
    margin-left: 8px;
    margin-right: 8px
}

.am-wingblank.am-wingblank-lg {
    margin-left: 15px;
    margin-right: 15px
}

.DetailsItem {
    background-color: #fff;
    margin-top: .24rem
}

.DetailsItem .item-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .32rem
}

.DetailsItem .item-li > span {
    font-size: .32rem;
    margin: .24rem 0
}

.DetailsItem .item-li .item-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.DetailsItem .item-li .item-div > img:first-child {
    width: .8rem;
    height: .8rem;
    margin: .15rem 0
}

.DetailsItem .item-li .item-div > span {
    font-size: .3rem;
    color: #999
}

.DetailsItem .item-li .item-div > img:last-child {
    width: .16rem;
    height: .3rem;
    margin-left: .34rem
}

.DetailsItem .item-border {
    height: 1px;
    width: 96%;
    background-color: #e0e0e0;
    margin-left: 4%
}

.DetailsItem .DetailsItem-HeadImg {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.DetailsItem .am-modal-content {
    background-color: inherit
}

.DetailsItem .DetailsItem-headImg {
    padding: .1rem
}

.DetailsItem .DetailsItem-headImg ul {
    background-color: #fff
}

.hami-vertical-center-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-bottom: 3rem;
    z-index: 888;
    background: #333
}

.hami-vertical-center-container > p {
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: #fff
}

.hami-vertical-center-container .editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.hami-vertical-center-container .showPic {
    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;
    width: 100%;
    height: 5rem
}

.hami-vertical-center-container .showPic div {
    width: 4rem;
    height: 4rem
}

.hami-vertical-center-container .showPic div img {
    display: block
}

.hami-vertical-center-container .slid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 1rem;
    padding: .2rem;
    color: #fff;
    font-size: 15px
}

.hami-vertical-center-container .slid > div {
    width: 4.5rem
}

.hami-vertical-center-container footer {
    position: fixed;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 1.2rem
}

.hami-vertical-center-container footer button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    background: #000;
    color: #fff
}

.RuleItem {
    font-size: .26rem;
    color: #333;
    padding: 0 .32rem
}

.RuleItem header {
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.RuleItem table {
    width: 100%
}

.RuleItem table td {
    width: 50%;
    text-align: center;
    height: .8rem;
    border: 1px solid #d8d8d8
}

.RuleItem table td img {
    width: 1.22rem;
    height: .48rem
}

.RuleItem table thead {
    background: #cdcdcd
}

.RuleItem table tbody {
    background: #f2f2f2
}

.RuleItem .upgrade-data .upgrade-title {
    margin-top: .46rem;
    font-size: .26rem;
    color: #666
}

.RuleItem .upgrade-data .title-left {
    font-size: .3rem;
    color: #333;
    margin-right: .28rem
}

.RuleItem .upgrade-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e0;
    padding: .3rem 0
}

.RuleItem .upgrade-list .upgrade-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.RuleItem .upgrade-list .upgrade-li > img {
    width: 1rem;
    height: 1rem;
    margin-right: .3rem
}

.RuleItem .upgrade-list .li-bottom > div {
    margin-top: .2rem;
    color: #666
}

.RuleItem .upgrade-list .li-bottom > div > span {
    color: #ff4941
}

.RuleItem .upgrade-list .upgrade-btn {
    color: #fff;
    width: 1.6rem;
    height: .68rem;
    text-align: center;
    line-height: .68rem;
    background-image: linear-gradient(37deg, #ff4941 0, #ff7d83 100%);
    -webkit-box-shadow: 0 2px 4px 0 #d6d6d6;
    box-shadow: 0 2px 4px 0 #d6d6d6;
    border-radius: 100px
}

.BettingRecord-title {
    width: 100%;
    height: .92rem;
    background-color: #fff;
    top: .88rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 12;
    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;
    font-family: PingFangSC-Regular;
    font-size: .256rem;
    color: #333;
    letter-spacing: -.49px
}

.BettingRecord-title-1 {
    text-align: center
}

.BettingRecord-title-2 {
    -webkit-box-flex: .8;
    -ms-flex: .8;
    flex: .8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.BettingRecord-title-2 > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ff6e75;
    border-radius: .25rem;
    padding: .12rem .24rem
}

.BettingRecord-title-sel {
    background: #ff4941;
    border: 0 solid #ff344d;
    border-radius: 16px;
    color: #fff
}

.BettingRecord-title-sel-1 {
    color: #ff4941
}

.BettingRecord-sel {
    width: 100%;
    height: .88rem;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 12;
    background: #fff;
    top: 1.8rem;
    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;
    border-top: 1px solid #f2f2f2;
    border-bottom: 3px solid #f2f2f2;
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #333;
    letter-spacing: -.62px
}

.BettingRecord-sel-1 {
    width: 33%;
    height: .54rem;
    text-align: center;
    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
}

.BettingRecord-sel div:nth-child(1), .BettingRecord-sel div:nth-child(2) {
    border-right: 1px solid #f2f2f2
}

.RechargeItem .item-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .3rem 4%;
    font-size: .3rem
}

.RechargeItem .item-li .li-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.RechargeItem .item-li .li-left > span {
    margin-right: .26rem;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #666;
    -webkit-box-shadow: 0 2px 4px 0 #666;
    box-shadow: 0 2px 4px 0 #666
}

.RechargeItem .item-li .li-left > span.active {
    background: #38e655;
    -webkit-box-shadow: 0 2px 4px 0 #38e655;
    box-shadow: 0 2px 4px 0 #38e655
}

.RechargeItem .item-li .left-type > div {
    margin: .3rem 0 0 0
}

.RechargeItem .item-li .left-type > div > span:last-child {
    margin-left: .3rem
}

.RechargeItem .item-li .li-right {
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.RechargeItem .item-li .li-right > div {
    margin: .3rem 0 0 0
}

.RechargeItem .item-li .li-right span:last-child {
    margin-top: .3rem
}

.RechargeItem .item-li .li-fontcolor {
    font-size: .275rem;
    color: #666
}

.RechargeItem .item-border {
    height: 1px;
    width: 92%;
    background-color: #e0e0e0;
    margin-left: 4%;
    margin-right: 4%
}

.PersonalFroms {
    min-height: 100vh;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.PersonalFroms * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.PersonalFroms .header-nav .header-right {
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #fff;
    letter-spacing: -.2px;
    text-align: center;
    line-height: 22px
}

.PersonalFroms .active-opacity .headerBody {
    width: 3.6rem;
    height: .6rem;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.PersonalFroms .active-opacity .headerBody > div {
    width: 50%;
    height: 100%;
    font-size: .28rem;
    color: #fff;
    letter-spacing: -.21px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PersonalFroms .active-opacity .headerBody > div.active {
    background-color: #fff;
    color: #ff4941
}

.PersonalFroms .zonglan {
    width: 100%;
    padding-top: .88rem
}

.PersonalFroms .zonglan .fromList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.PersonalFroms .zonglan .fromList > div {
    width: 50%;
    height: 1.14rem;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada
}

.PersonalFroms .zonglan .fromList > div > span {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PersonalFroms .zonglan .fromList > div > span:nth-child(1) {
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #616161;
    letter-spacing: -.87px;
    margin-bottom: 5px
}

.PersonalFroms .zonglan .fromList > div > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #ff4941;
    letter-spacing: -1.07px
}

.PersonalFroms .zonglan .fromList > div > span:nth-child(2) > span {
    color: #000
}

.PersonalFroms .zonglan .fromList > div:nth-child(even) {
    border-right: none
}

.PersonalFroms .zonglan .fromList > div:nth-last-child(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-right: none;
    margin-top: -1px;
    border-top: 1px solid #dadada
}

.PersonalFroms .zonglan .fromList > div:nth-last-child(1) > span {
    margin-bottom: 0
}

.PersonalFroms .zonglan .fromList > div:nth-last-child(1) > span:nth-child(1) {
    font-family: PingFangSC-Regular;
    font-size: .26rem;
    color: #616161;
    letter-spacing: -.87px
}

.PersonalFroms .zonglan .fromList > div:nth-last-child(1) > span:nth-child(2) {
    font-family: PingFangSC-Medium;
    font-size: .32rem;
    color: #46b1ea;
    letter-spacing: -1.07px
}

.PersonalFroms .zonglan .fromList > div:nth-last-child(1) > span:nth-child(2) > span {
    color: #46b1ea
}

.PersonalFroms .zonglan .textdec {
    border-radius: 8px;
    margin-top: .3rem;
    width: 100%;
    height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 .15rem
}

.PersonalFroms .zonglan .textdec > span:nth-child(1) {
    text-align: left;
    font-family: PingFangSC-Regular;
    letter-spacing: -.87px;
    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
}

.PersonalFroms .zonglan .textdec > span:nth-child(1) img {
    width: .28rem;
    height: .28rem;
    margin-right: .1rem
}

.PersonalFroms .zonglan .textdec > span:nth-child(2) {
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #8f8f8f;
    letter-spacing: -.2px;
    line-height: 17px
}

.PersonalFroms .zonglan .textdec > span:nth-child(2) span {
    font-size: .26rem;
    color: #000
}

.PersonalFroms .Personal .PersonalContet {
    padding-top: 1.36rem
}

.PersonalFroms .Personal .buttonContainer {
    position: fixed;
    top: .8rem;
    background-color: #fff;
    z-index: 11
}

.PersonalFroms .Personal .titlsPersonal {
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 11;
    top: 2.4rem;
    height: .98rem;
    border-bottom: 4px solid #f1f1f1
}

.PersonalFroms .Personal .titlsPersonal > div {
    width: 100%;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .3rem;
    color: #333;
    letter-spacing: -1px;
    background: #fff
}

.PersonalFroms .Personal .titlsPersonal > div > span {
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.PersonalFroms .Personal .personalList {
    margin-top: 3.18rem
}

.PersonalFroms .Personal .personalList .item {
    border-bottom: 1px solid #cdcdcd
}

.PersonalFroms .Personal .personalList .item > .titleCount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: .78rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #555;
    letter-spacing: -.17px;
    text-align: center
}

.PersonalFroms .Personal .personalList .item > .titleCount > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(1) {
    width: 1.5rem
}

.PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(2), .PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(3), .PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(4) {
    width: 1.4rem
}

.PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(5) {
    width: 1rem
}

.PersonalFroms .Personal .personalList .item > .titleCount > span:nth-child(5) Icon {
    width: .22rem;
    height: .12rem
}

.PersonalFroms .Personal .personalList .item > .boxContent {
    width: 100%;
    background: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .3rem;
    display: none;
    -webkit-transition: all 1s;
    transition: all 1s;
    border-top: 1px solid #dadada
}

.PersonalFroms .Personal .personalList .item > .boxContent.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.PersonalFroms .Personal .personalList .item > .boxContent > div {
    width: 50%;
    height: 1.16rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada
}

.PersonalFroms .Personal .personalList .item > .boxContent > div > span {
    width: 50%;
    font-family: PingFangSC-Regular;
    font-size: .26rem;
    color: #616161;
    letter-spacing: -.87px;
    text-align: center
}

.PersonalFroms .Personal .personalList .item > .boxContent > div > span > span {
    color: #000
}

.PersonalFroms .Personal .personalList .item > .boxContent > div > span:nth-child(2) {
    margin-bottom: 5px
}

.PersonalFroms .Personal .personalList .item > .boxContent > div > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #ff4d55;
    letter-spacing: -1.07px
}

.PersonalFroms .Personal .personalList .item > .boxContent > div:nth-child(even) {
    border-right: none
}

.PersonalFroms .Personal .personalList .item > .boxContent > div:nth-last-child(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-top: 1px solid #dadada;
    border-bottom: none;
    border-right: none
}

.PersonalFroms .Personal .personalList .item > .boxContent > div:nth-last-child(1) > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #46b1ea;
    letter-spacing: -1.07px
}

.moneyConversion {
    min-height: 100vh;
    background: #f1f1f1
}

.moneyConversion * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.moneyConversion .header-right span {
    font-size: .28rem;
    color: #fff;
    letter-spacing: -.2px;
    text-align: center
}

.moneyConversion .Conversion-content {
    padding-top: .88rem
}

.moneyConversion .Conversion-content > .mainWallet {
    background: #fff
}

.moneyConversion .Conversion-content > .mainWallet > div:nth-child(1) {
    height: 1rem;
    font-size: .32rem;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 .34rem
}

.moneyConversion .Conversion-content > .mainWallet > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .08rem 0;
    border-bottom: 1px solid #e5e5e5
}

.moneyConversion .Conversion-content > .mainWallet > div:nth-child(2) p {
    background: #ff4941;
    border-radius: 6px;
    width: 3rem;
    height: .7rem;
    font-size: .3rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.moneyConversion .Conversion-content > .mainWalletText {
    height: .76rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.moneyConversion .Conversion-content > .mainWalletText img {
    width: .28rem;
    margin-right: .1rem
}

.moneyConversion .Conversion-content > .mainWalletText span {
    font-size: .24rem;
    color: #a4a4a4
}

.moneyConversion .Conversion-content > .subWalletList {
    background: #fff;
    margin-bottom: .24rem
}

.moneyConversion .Conversion-content > .subWalletList > div {
    height: .7rem;
    border-bottom: 1px solid #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .34rem
}

.moneyConversion .Conversion-content > .subWalletList > div.countWallet {
    border-top: 1px solid #c8c8c8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.moneyConversion .Conversion-content > .subWalletList > div.countWallet > section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.moneyConversion .Conversion-content > .subWalletList > div.countWallet > section img {
    width: .36rem;
    margin-left: .1rem
}

.moneyConversion .Conversion-content > .subWalletList > div.countWallet > section div {
    min-width: 1.1rem
}

.moneyConversion .Conversion-content > .subWalletList > div > div {
    font-size: .28rem;
    color: #333
}

.moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(1) {
    width: 45%
}

.moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(2) {
    width: 25%;
    text-align: right
}

.moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(3), .moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(4) {
    width: 15%;
    text-align: right
}

.moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(3) span, .moneyConversion .Conversion-content > .subWalletList > div > div:nth-child(4) span {
    font-size: .28rem;
    color: #1c89ff
}

.moneyConversion .Conversion-content > .TransferredTO {
    padding: 0 .34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    height: .84rem
}

.moneyConversion .Conversion-content > .TransferredTO .SwitchReOFF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.moneyConversion .Conversion-content > .TransferredTO .SwitchReOFF .am-switch .am-switch-checkbox {
    border: 1px solid #e5e5e5
}

.moneyConversion .Conversion-content > .TransferredTO .SwitchReOFF .am-switch .checkbox {
    width: .9rem;
    height: .5rem;
    border: 1px solid #e5e5e5
}

.moneyConversion .Conversion-content > .TransferredTO .SwitchReOFF .am-switch .checkbox:before {
    width: .9rem;
    height: .5rem;
    top: 0;
    left: 0;
    border: 1px solid #e5e5e5
}

.moneyConversion .Conversion-content > .TransferredTO .SwitchReOFF .am-switch .checkbox:after {
    width: .46rem;
    height: .46rem;
    top: 0;
    left: 0
}

.moneyConversion .Conversion-content > .bottomdesText div {
    width: 6rem;
    margin: .2rem auto;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: .3rem
}

.ConversionHistory * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ConversionHistory .conversionHistoryItem .HistoryItem {
    height: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - .44rem);
    margin: 0 auto;
    border-bottom: 1px solid #cdcdcd
}

.ConversionHistory .conversionHistoryItem .HistoryItem > div:nth-child(1) > div:nth-child(1) {
    font-size: .36rem;
    color: #333;
    margin-bottom: .1rem
}

.ConversionHistory .conversionHistoryItem .HistoryItem > div:nth-child(1) > div:nth-child(1) img {
    width: .4rem;
    margin: 0 .1rem
}

.ConversionHistory .conversionHistoryItem .HistoryItem > div:nth-child(1) > div:nth-child(2) {
    font-size: .26rem;
    color: #999
}

.ConversionHistory .conversionHistoryItem .HistoryItem > div:nth-child(2) {
    font-size: .32rem;
    color: #ff4941;
    text-align: right;
    padding-right: .4rem
}

.ConversionHistory .conversionHistory-modal {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    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
}

.ConversionHistory .conversionHistory-modal.modalNone {
    display: none
}

.ConversionHistory .conversionHistory-modal > div {
    width: 7.04rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #333;
    font-size: .28rem;
    background-color: #fff;
    border-radius: 5px;
    position: relative
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: .6rem;
    padding-bottom: .36rem;
    overflow-y: auto;
    height: 100%
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) > section {
    width: 100%;
    padding-left: .34rem
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) > section > p {
    font-size: .3rem;
    color: #555;
    margin-bottom: .18rem
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) > section > div {
    margin: .18rem 0
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) > section > div span {
    display: inline-block;
    padding: 0 .25rem;
    background: #fff;
    border: 1px solid #ff4941;
    border-radius: 9.6px;
    margin-right: .24rem;
    margin-bottom: .24rem;
    min-width: 1.3rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(1) > section > div span.active {
    background: #ff4941;
    color: #fff
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(2) {
    width: 100%;
    height: 1.36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 99;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5;
    padding: .34rem
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(2) > span {
    width: 2.8rem;
    height: .8rem;
    background-color: #cdcdcd;
    text-align: center;
    line-height: .8rem;
    border-radius: .12rem;
    color: #fff
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(3) {
    width: .54rem;
    height: .54rem;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ConversionHistory .conversionHistory-modal > div > div:nth-child(3) > img {
    width: .38rem
}

.SharePrizeItem .SharePrizeItem-header {
    height: 5.66rem;
    background-image: url("images/ce79465b.Invite share@2x.png");
    background-size: cover;
    position: relative
}

.SharePrizeItem .SharePrizeItem-header div {
    display: inline-block;
    -webkit-box-shadow: 0 2px 4px 0 #d8d8d8;
    box-shadow: 0 2px 4px 0 #d8d8d8;
    border-radius: 6px;
    padding: .24rem .3rem .26rem .28rem;
    background: #fff;
    position: absolute;
    bottom: -.9rem;
    left: 1.76rem
}

.SharePrizeItem .SharePrizeItem-header img {
    width: 3.4rem
}

.SharePrizeItem .SharePrizeItem-content {
    font-size: .3rem;
    color: #131313;
    margin: 1.24rem .9rem .6rem .9rem;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.SharePrizeItem .SharePrizeItem-content span {
    font-size: .26rem;
    color: #333;
    margin-bottom: .2rem
}

.SharePrizeItem .SharePrizeItem-content span b {
    color: #ff4941
}

.SharePrizeItem .SharePrizeItem-content div {
    height: .9rem;
    background-image: linear-gradient(-135deg, #666 0, #999 100%);
    -webkit-box-shadow: 0 2px 4px 0 #999;
    box-shadow: 0 2px 4px 0 #999;
    border-radius: 6px;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: .9rem
}

.SharePrizeItem .SharePrizeItem-content div.active {
    margin: .2rem 0 .5rem 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941 0, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5)
}

.SharePrizeItem .SharePrizeItem-footer {
    margin: 0 .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.SharePrizeItem .SharePrizeItem-footer a {
    font-size: .28rem;
    color: #007aff;
    text-decoration: underline
}

.MyInviting {
    font-size: .3rem;
    color: #131313;
    padding: 0 .36rem
}

.MyInviting .Inviting-title {
    font-size: .32rem;
    color: #333;
    padding: .22rem 0
}

.MyInviting .Inviting-title.active-opacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .26rem 0
}

.MyInviting .Inviting-title.active-opacity div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.MyInviting .Inviting-title.active-opacity img {
    width: .16rem;
    margin-left: .28rem
}

.MyInviting .Inviting-money {
    font-size: .28rem;
    color: #333
}

.MyInviting .Inviting-money td {
    border: 1px solid #e0e0e0;
    padding: .32rem 0;
    text-align: center;
    width: 2.2rem
}

.MyInviting .Inviting-money thead {
    background: #edf1f7
}

.MyInviting .Inviting-details {
    width: 100%
}

.MyInviting .Inviting-details td {
    padding: .22rem 0;
    text-align: center;
    border: 1px solid #e0e0e0
}

.MyInviting .Inviting-details thead {
    font-size: .26rem;
    color: #333;
    background: #cfcfcf
}

.MyInviting .Inviting-details tbody {
    background: #efefef;
    font-size: .24rem;
    color: #666
}

.RulesExplain {
    font-size: .28rem;
    color: #666;
    padding: .42rem .5rem 0 .44rem;
    line-height: .45rem
}

.Modifytitle {
    font-size: .52rem;
    margin: 0 0 0 .58rem;
    padding-top: 1rem
}

.ModifyLoginPwd .ClearInput {
    margin: 0 .58rem;
    border-bottom: 1px solid #e0e0e0;
    padding: .62rem 0 .24rem 0
}

.ModifyLoginPwd .Button {
    margin: .58rem
}

.SetPayPwd .SetPayPwd-Input {
    margin: 2rem .58rem .6rem .58rem
}

.SetPayPwd .PayPwd {
    font-size: .28rem;
    color: #666;
    margin: 0 .58rem;
    text-align: center
}

.AboutWe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - .88rem);
    background: #f1f1f1
}

.AboutWe img {
    height: 2.66rem
}

.AboutWe div {
    margin-top: 3.74rem;
    font-size: .24rem;
    color: #666;
    text-align: center
}

.GetCode .code-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .76rem .58rem;
    padding-top: 1rem;
    font-size: .3rem;
    color: #131313
}

.GetCode .code-title .phone {
    font-size: .52rem
}

.GetCode .code-title .title-click {
    font-size: .26rem;
    color: #007aff
}

.GetCode .code-input {
    margin: 0 .58rem;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: .24rem;
    margin-bottom: .7rem
}

.GetCode .Button {
    margin: .74rem .58rem
}

.am-swipe {
    overflow: hidden;
    position: relative
}

.am-swipe-content {
    position: relative;
    background-color: #fff
}

.am-swipe-cover {
    position: absolute;
    z-index: 2;
    background: 0 0;
    height: 100%;
    width: 100%;
    top: 0;
    display: none
}

.am-swipe .am-swipe-actions, .am-swipe .am-swipe-content {
    -webkit-transition: all 250ms;
    transition: all 250ms
}

.am-swipe-swiping .am-swipe-actions, .am-swipe-swiping .am-swipe-content {
    -webkit-transition: none;
    transition: none
}

.am-swipe-swiping .am-list-item-active {
    background-color: #fff
}

.am-swipe-actions {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

.am-swipe-actions-left {
    left: 0
}

.am-swipe-actions-right {
    right: 0
}

.am-swipe-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.am-swipe-btn-text {
    padding: 0 8px
}

.systemError div:first-child {
    margin-top: 2rem
}

.systemError div:first-child img {
    width: 2.1rem;
    height: auto;
    display: block;
    margin: 0 auto
}

.systemError div:nth-child(2) {
    padding: 0 .28rem;
    margin-top: .5rem;
    margin-bottom: 1.6rem
}

.systemError div:nth-child(2) p {
    font-size: .56rem;
    color: #5d5d5f;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: .3rem
}

.systemError div:nth-child(2) span {
    display: block;
    word-break: break-all;
    text-align: center;
    font-size: .28rem;
    color: #5d5d5f;
    letter-spacing: 0
}

.systemError div:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.systemError div:nth-child(3) p {
    width: 2.4rem;
    height: .72rem;
    color: #fff;
    margin: 0 auto;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4941), color-stop(98%, #ff4941));
    background-image: linear-gradient(-180deg, #ff4941, #ff4941 98%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, .5);
    border-radius: .1rem
}

.tips {
    width: 85%;
    height: .6rem;
    border-radius: .6rem;
    position: relative;
    font-size: .26rem;
    line-height: .6rem;
    color: #000;
    letter-spacing: -.18px;
    background: rgba(255, 255, 255, .7);
    margin: .1rem auto .1rem;
    padding: 0 0 0 .6rem;
    text-align: center;
    z-index: 10;
    overflow: hidden;
    background: -webkit-gradient(linear, 0 0, 0 92%, from(#2694d5), to(#4377e2)) !important;
    /*box-shadow: 0 .02rem 0 #7d5c1d, inset 0 -.04rem .06rem hsl(0deg 0% 100% / 35%)*/
}

.tips img {
    position: absolute;
    left: -.1rem;
    top: -.06rem;
    height: .7rem
}

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

.tips .dec {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: none;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff
}

.com-modal {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5)
}

.com-modal > section {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
    min-height: 2rem;
    border-radius: 6px;
    background: #fff
}

.com-modal > section > header {
    position: relative;
    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;
    width: 100%;
    min-height: .8rem;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff
}

.com-modal > section > header span {
    position: absolute;
    top: 50%;
    right: .2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
    font-size: 30px
}

.com-modal > section .cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding: .28rem;
    text-align: center
}

.com-modal > section .cont p {
    white-space: normal;
    word-break: normal;
    line-height: .5rem
}

.com-modal > section .cont > p:first-child {
    font-weight: 700
}

.com-modal > section .cont > div {
    text-align: left
}

.com-modal > section .cont img {
    max-width: 100%
}

.com-modal > section > footer {
    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;
    border-top: 1px solid #eee
}

.com-modal > section > footer > div {
    width: 50%;
    height: .8rem;
    line-height: .8rem
}

.com-modal > section > footer .next {
    background-color: #ff4941;
    color: #fff;
    border-bottom-right-radius: .1rem
}

.com-modal > section > footer .disabled {
    color: #e1e1e1;
    background-color: #aaa
}

.home-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: calc(100vh);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #F0F4F8;
}

.dream-container .home-zhanweibox {
    display: block;
    height: 1.5rem;
    width: 100%
}

.home-homeisGoToQiPai {
    width: 300px !important
}

.home-homeisGoToQiPai .home-modal-bc {
    background-image: url(images/ab06fe66.activity@3x.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 150px
}

.tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2rem;
    background: #fcfcfc;
    border: 0 solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .64rem;
    padding-top: .2rem
}

.tabs img {
    width: .88rem;
    height: .88rem
}

.tabs div {
    font-size: 13px;
    color: #333;
    letter-spacing: -.18px;
    text-align: center
}

.tabs div div {
    margin-top: .1rem
}

.lotteryTitle {
    height: .68rem;
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: .4rem;
    margin: 0 auto;
    margin-top: .1rem;
    margin-bottom: .2rem;
    padding: .4rem .2rem;
    border:.03rem solid #2352b3;
    position: relative;
    background-image: white;
}

.lotteryTitle p {
    font-size: .3rem;
    color: #000;
    font-weight: 700
}

.class_hide {
    display: none
}

.lotteryTitle span {
    width: .1rem;
    height: .35rem;
    display: inline-block;
    margin-right: .12rem;
    background: #2352b3;
}

.lotteryTitle span img {
    position: relative;
    top: -.05rem;
    width: .1rem;
    height: .3rem
}

.menus.HotLottery {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 1px 0 4px 0 #fdf6f6;
    box-shadow: 1px 0 4px 0 #fdf6f6;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .32rem
}

.menus.HotLottery > div {
    padding: .24rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 2.24rem;
    width: 33%;
    border-bottom: 1px solid #ededed
}

.menus.HotLottery > div > div {
    width: 100%;
    border-right: 1px solid #ededed
}

.menus.HotLottery > div > div div:nth-child(1) {
    width: 100%;
    height: 1.24rem;
    text-align: center
}

.menus.HotLottery > div > div div:nth-child(1) img {
    width: 1.24rem;
    height: 1.24rem;
    border-radius: 50%;
    pointer-events: none
}

.menus.HotLottery > div > div div:nth-child(2) p {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.21px;
    text-align: center;
    margin-top: .1rem
}

.menus.HotLottery > div:nth-child(3n) > div {
    width: 100%;
    border-right: none
}

.slider-pic {
    height: auto
}

.dream-header {
    align-items: center;
    width: 100vw;
    height: 1.15rem;
    padding: 0 .28rem 0 0;
    background: #f1f2f8;
    opacity: 1;
    padding: 0 .2rem;
    box-sizing: border-box;
        background: #be8623!important;
    /*background-image: -webkit-gradient(linear, 0 0, 0 92%, from(#191a1f), to(#121212))*/
}

.dream-header .registerBtn {
    float: right;
    height: 20px;
    line-height: 20px
}

.dream-header .registerBtn span {
    padding: 5px 8px;
    border-radius: 5px;
    color: #000;
    /*background: linear-gradient(180deg, #2694d5, #1848ad);*/
    /*box-shadow: 0 0.03rem 0 #1a0885, inset 0 -0.14rem 0.26rem hsl(0deg 0% 0% / 35%)*/
}

.dream-header .loginBtn span {
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
    background: linear-gradient(180deg, #2694d5, #1848ad);
    box-shadow: 0 0.03rem 0 #1a0885, inset 0 -0.14rem 0.26rem hsl(0deg 0% 0% / 35%)
}

.dream-header .loginBtn {
    float: left;
    height: 20px
}

.indexHeader_center {
    position: absolute;
    left: .18rem;
    bottom: .1rem
}

.dream-header div img {
    position: fixed;
    top: .05rem;
    height: 50px;
    left: 0;
    right: 0;
    margin: auto;
}

.dream-header div p {
    font-size: .35rem;
    color: #fff;
    white-space: nowrap
}

.dream-header div span {
    font-size: .28rem;
    color: #fff
}

.slider-list img {
    width: 100% !important;
    height: 3.6rem !important
}

.slick-dots {
    font-size: 16px;
    bottom: .4rem
}

.slick-dots li {
    padding: 0;
    margin: 0;
    z-index: 10
}

.slick-dots li span {
    border-radius: 10px;
    display: inline-block;
    background: #fff;
    width: 8px;
    height: 8px
}

.slick-dots .slick-active span {
    background: #ff4941;
    opacity: 1
}

.slick-dots .mark {
    background: #fff;
    opacity: .5;
    display: inline-block;
    width: 86px;
    height: 16px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-43px);
    transform: translateX(-43px);
    border-radius: 10px;
    top: 2px;
    z-index: 1
}

.lotteryHall-page {
    padding: 0
}

.lotteryHall-page .hallContent {
    width: 100%;
    height: auto
}

.lotteryHall-page .hallContent .block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.lotteryHall-page .hallContent .block img {
    width: .92rem;
    height: .92rem
}

.lotteryHall-page .hallContent .block header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.lotteryHall-page .hallContent .block header p {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #f1e8e0
}

.lotteryHall-page .hallContent .block header > div {
    padding: .24rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 33.3%;
    background: #fff;
    height: 2.14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    position: relative
}

.lotteryHall-page .hallContent .block header > div div {
    width: 100%;
    border-right: 1px solid #ededed
}

.lotteryHall-page .hallContent .block header > div div div:nth-child(1) {
    width: 100%;
    height: 1.24rem;
    text-align: center
}

.lotteryHall-page .hallContent .block header > div div div:nth-child(1) img {
    width: 1.24rem;
    height: 1.24rem;
    pointer-events: none
}

.lotteryHall-page .hallContent .block header > div div div:nth-child(2) {
    text-align: center
}

.lotteryHall-page .hallContent .block header > div div div:nth-child(2) span {
    font-size: .28rem;
    color: #333;
    letter-spacing: -.21px;
    text-align: center;
    margin-top: .1rem;
    display: block
}

.lotteryHall-page .hallContent .block header > div:nth-child(3) div {
    border-right: none
}

.lotteryHall-page .hallContent .block > ul {
    width: 100%;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .2rem
}

.lotteryHall-page .hallContent .block > ul * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lotteryHall-page .hallContent .block > ul li {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 0;
    margin-top: 8px
}

.lotteryHall-page .hallContent .block > ul li img {
    height: auto;
    width: 100%
}

.lotteryHall-page .hallContent .block > ul li div div:nth-child(1) {
    padding-left: .15rem;
    font-weight: 900;
    margin-top: .2rem
}

.lotteryHall-page .hallContent .block > ul li div div:nth-child(2) {
    padding-left: .15rem;
    font-weight: 900
}

.lotteryHall-page .hallContent .block > ul li div img {
    width: .96rem;
    height: .96rem
}

.lotteryHall-page .hallContent .block > ul li div p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .15rem;
    font-size: .26rem;
    color: #333
}

.lotteryHall-page .hallContent .block > ul li div p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .3rem;
    font-size: .24rem;
    color: #999;
    margin-top: .1rem;
    background-size: .3rem .3rem
}

.Hot-Recommended {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 3px;
    padding: 0 .3rem
}

.Hot-Recommended * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Hot-Recommended > img {
    width: 48%;
    max-height: 2.2rem
}

.Win-LotteryList {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 2.04rem;
    padding-left: .14rem
}

.Win-LotteryList * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Win-LotteryList > div:nth-child(1) {
    width: 2rem
}

.Win-LotteryList > div:nth-child(1) img {
    width: 100%;
    border-right: 1px solid #ededed
}

.Win-LotteryList > div:nth-child(2) {
    padding: 0 .6rem 0 .4rem;
    width: calc(100vw - 2rem)
}

.Win-LotteryList > div:nth-child(2) div:nth-child(1) {
    border-bottom: 1px solid #ededed
}

.Win-LotteryList > div:nth-child(2) > div {
    height: .6rem;
    padding-left: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Win-LotteryList > div:nth-child(2) > div p {
    font-size: .28rem;
    color: #333;
    display: block
}

.Win-LotteryList > div:nth-child(2) > div p span {
    font-size: .26rem;
    color: #ff5964;
    margin: 0 .1rem
}

.Long-LotteryList {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 1.63rem
}

.Long-LotteryList * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.Long-LotteryList > div:nth-child(1) {
    width: 2.3rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Long-LotteryList > div:nth-child(1) img {
    width: 2.12rem;
    height: 1.4rem;
    border-right: 1px solid #ededed;
    padding-right: .12rem
}

.Long-LotteryList > div:nth-child(2) {
    padding: 0 .6rem 0 .4rem;
    width: calc(100vw - 2.3rem)
}

.Long-LotteryList > div:nth-child(2) div:nth-child(1) {
    border-bottom: 1px solid #ededed
}

.Long-LotteryList > div:nth-child(2) div:nth-child(1) p {
    font-size: .32rem;
    color: #333;
    font-weight: 700
}

.Long-LotteryList > div:nth-child(2) > div {
    height: .6rem;
    padding-left: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Long-LotteryList > div:nth-child(2) > div p {
    font-size: .28rem;
    color: #8a8a8a;
    display: block
}

.Long-LotteryList > div:nth-child(2) > div span {
    font-size: .28rem;
    color: #ff5964;
    margin: 0 .1rem;
    border: 1px solid #ff5964;
    border-radius: 10.5px;
    padding: .04rem .1rem
}

.home-homeisGoToQiPai .am-modal-content {
    padding: 0;
    border-radius: 12px
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body {
    padding: 0;
    border-radius: 12px
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body header {
    height: 1rem;
    border-bottom: 1px solid #c6c6c6;
    font-size: .32rem;
    color: #000;
    letter-spacing: -.24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent {
    padding: .3rem 0;
    font-size: .3rem;
    color: #000
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div {
    height: .7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div > span {
    width: 1.6rem;
    text-align: right
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div > p {
    width: calc(100% - 1.6rem);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div > p input {
    width: 2rem;
    height: .52rem;
    font-size: .26rem;
    color: #131313;
    letter-spacing: .04px;
    background: #f2f2f2;
    border-radius: .08rem;
    text-align: center;
    outline: 0;
    border: none
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div > p span {
    width: 1.2rem;
    height: .52rem;
    color: #ff4941;
    border: 1px solid #ff4941;
    border-radius: 12px;
    display: block;
    margin-left: .22rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body footer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .32rem;
    color: #007aff;
    height: .7rem;
    border-top: 1px solid #f1f1f1
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .26rem
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-footer span {
    display: block;
    width: 2.2rem;
    height: .62rem;
    border-radius: 5.18px;
    background: #cdcdcd 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-footer span:nth-child(2) {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4d55), color-stop(98%, #ff4d55));
    background-image: linear-gradient(-180deg, #ff4d55 0, #ff4d55 98%)
}

.GamePage {
    width: 100vw;
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.GamePage iframe {
    width: 100%;
    height: 100%
}

.footer-Dowload {
    position: fixed;
    z-index: 10;
    bottom: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: .3rem;
    width: 100%;
    height: .5rem;
    text-align: center
}

.footer-Dowload > div {
    line-height: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-Dowload > div span {
    display: inline-block
}

.footer-Dowload > div img {
    margin: 0 .2rem;
    z-index: 10000
}

.footer-Dowload img {
    width: .32rem;
    height: .32rem;
    margin: .1rem 0
}

.footer-Dowload .download-btn {
    margin-right: .4rem;
    width: 1rem;
    height: .45rem
}

.footer-Dowload .download-btn span {
    display: block;
    width: 1rem;
    height: .4rem;
    line-height: .45rem;
    background: #ff656c;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #fff;
    text-align: center
}

.dowloadNone {
    display: none
}

.gameClassify {
    width: calc(100% - .6rem);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .2rem .1rem;
    background-color: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gameClassify .d3 {
    position: absolute;
    margin-top: -20px;
    left: 1.5rem;
    float: left;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fcf7f3 transparent
}

.gameClassify div > ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 6.8rem;
    margin-top: .2rem;
    background-color: #fcf7f3
}

.gameClassify .gameClass {
    width: 3.2rem;
    margin-bottom: -.14rem
}

.gameClassify .gameClass img {
    width: 100%
}

.gameClassify > div:nth-child(1), .gameClassify > div:nth-child(3), .gameClassify > div:nth-child(5) {
    margin-left: .1rem
}

.gameClassify > div:nth-child(2), .gameClassify > div:nth-child(4), .gameClassify > div:nth-child(6) {
    margin-right: .1rem
}

.gameClassify > div:nth-child(2) ul, .gameClassify > div:nth-child(4) ul, .gameClassify > div:nth-child(6) ul {
    float: right;
    right: -.1rem
}

.gameClassify > div:nth-child(2) .d3, .gameClassify > div:nth-child(4) .d3, .gameClassify > div:nth-child(6) .d3 {
    left: 5rem
}

.gameClassify li.gameItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .2rem .4rem
}

.gameClassify li.gameItem p {
    color: #5c5c5c
}

.gameClassify li.gameItem img {
    width: 1.2rem;
    height: 1.2rem
}

.lotteryHall-page-V2 {
    width: 100%;
    height: 100%
}

.lotteryHall-page-V2 .hallContent {
    width: 100%;
    background: #f1f1f1;
    margin-top: .88rem;
    padding-top: .2rem;
    padding-bottom: 1.5rem;
    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
}

.lotteryHall-page-V2 .hallContent .block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 7.08rem;
    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;
    margin-bottom: .38rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lotteryHall-page-V2 .hallContent .block img {
    width: .92rem;
    height: .92rem
}

.lotteryHall-page-V2 .hallContent .block header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 102% 114%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0 .04rem .08rem 0 #bababa;
    box-shadow: 0 .04rem .08rem 0 #bababa;
    border-radius: .06rem;
    z-index: 2
}

.lotteryHall-page-V2 .hallContent .block header > div {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 1.9rem;
    padding-left: .52rem;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lotteryHall-page-V2 .hallContent .block header > div:last-child {
    margin: 0
}

.lotteryHall-page-V2 .hallContent .block header > div div {
    margin-left: .15rem;
    width: auto;
    height: 1.46rem;
    border-left: .5px solid rgba(255, 255, 255, .5);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: .28rem
}

.lotteryHall-page-V2 .hallContent .block header > div div span {
    width: 100%;
    display: block;
    margin: .06rem
}

.lotteryHall-page-V2 .hallContent .block header > div div span:first-child {
    font-family: PingFangSC-Semibold;
    font-size: .36rem;
    color: #fff;
    letter-spacing: -.0056rem;
    margin-bottom: .1rem
}

.lotteryHall-page-V2 .hallContent .block header > div div span:last-child {
    opacity: .9;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #fff;
    letter-spacing: -.18px
}

.lotteryHall-page-V2 .hallContent .block header > div > img:nth-last-of-type(1) {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: .52rem;
    right: .32rem;
    width: .32rem;
    height: .32rem
}

.lotteryHall-page-V2 .hallContent .block > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    background: #f4f4f4;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f9fafa;
    -webkit-box-shadow: 0 2px 7px 0 #e8e8e8;
    box-shadow: 0 2px 7px 0 #e8e8e8;
    border-radius: 3px
}

.lotteryHall-page-V2 .hallContent .block > ul * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lotteryHall-page-V2 .hallContent .block > ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 49.99%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lotteryHall-page-V2 .hallContent .block > ul li div {
    width: 100%;
    padding-left: 15px;
    border-right: 1px solid #ededed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lotteryHall-page-V2 .hallContent .block > ul li div p {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: .14rem;
    font-family: PingFangSC-Regular;
    font-size: .252rem;
    color: #333;
    letter-spacing: -.19px
}

.lotteryHall-page-V2 .hallContent .block > ul li div p > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .3rem;
    font-family: PingFangSC-Regular;
    font-size: .18rem;
    color: #8a8a8a;
    letter-spacing: -.14px;
    margin-top: .02rem;
    background-size: .3rem .3rem
}

.lottery-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: .88rem;
    background-color: #ff4941;
    color: #fff;
    padding: 0 .32rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11 !important
}

.lottery-header-title {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: .36rem
}

.lottery-header-right {
    font-size: .36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: .32rem;
    height: .88rem;
    z-index: 9999
}

.lottery-header-right > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.lottery-header-right img:nth-child(1) {
    width: .4rem;
    height: .37rem
}

.lottery-header-right img:nth-child(2) {
    width: .38rem;
    height: .38rem
}

.lottery-wrap {
    width: 100%
}

.lottery-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 2rem;
    background-image: linear-gradient(-45deg, #ff4941 0, #ff7d83 100%)
}

.lottery-header .lottery-title {
    font-size: 18px;
    color: #fff;
    letter-spacing: -.25px;
    text-align: center;
    line-height: 22px;
    padding-top: 31px
}

.lottery-header .lottery-tab {
    text-align: center;
    width: 6.2rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lottery-header .lottery-amount, .lottery-header .lottery-user {
    font-size: 16px;
    display: inline-block;
    color: #fff
}

.lottery-header .lottery-num {
    overflow: hidden;
    margin-top: 5px;
    font-size: 20px;
    height: 28px;
    line-height: 28px
}

.lottery-header .lottery-message img {
    width: 17px;
    height: 20px;
    margin-right: 7px;
    position: relative;
    top: 5px
}

.lottery-list {
    min-height: 68vh;
    padding-top: .18rem;
    background-color: #f9f9f9
}

.lottery-list .list-view-section-body {
    padding-left: .22rem;
    padding-right: .22rem
}

.lottery-list .lottery-list-item:last-child {
    border-bottom: 0
}

.lottery-list .lottery-list-item {
    height: 2.1rem;
    position: relative;
    margin-bottom: .28rem;
    padding-top: .15rem;
    background: #fff;
    border-radius: .08rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(223, 223, 223, .5);
    box-shadow: 0 2px 4px 0 rgba(223, 223, 223, .5)
}

.lottery-list .lottery-list-item.luck8 {
    height: 2.5rem
}

.lottery-list .lottery-list-item.luck8 .ball-list {
    width: calc(100vw - 1.5rem)
}

.lottery-list .lottery-list-item.luck8 .ball-list .balls {
    margin: .06rem .01rem
}

.lottery-list .lottery-list-item.kk3 img {
    margin-right: .1rem;
    margin-left: .1rem;
    margin-top: 0
}

.lottery-list .lottery-list-item > img {
    position: absolute;
    top: .3rem;
    left: .24rem;
    height: 1.04rem;
    width: 1.04rem;
    border-radius: 10px
}

.lottery-list .lottery-list-item .right-arrow {
    position: absolute;
    width: 9px;
    height: 17px;
    right: .22rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAMAAAASJ24jAAAAclBMVEUAAACWlpaWlpaAgICYmJiZmZmZmZmYmJiZmZmVlZWZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmYmJiZmZmYmJiXl5eWlpaXl5eYmJiZmZmYmJiZmZmYmJiYmJiXl5eOjo6ZmZmSkpKYmJiZmZmZmZmZmZk34mSfAAAAJXRSTlMAHRcE9+5+TjoK9Ofh3NXOx7+3m3VEKySuqKGNhlgyEg8HlJNkHx1xMQAAAIZJREFUGNOF0ccSgjAUhWFCCSoQmhorYjnv/4rOOG7+u4Ds8i1uO4kb0wTPq6O4Vv2DEjTMkNho2EKOjU5Gap2fkKnSJYNsKo1GCr054KHQlVLudDOSy1PuufYrUv4AZT0a/9tgEI76yhaWmWquaw8Szcli4FFdUD8vBJN2JrqPWkaZeof/FxxkCiKeGWDbAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain
}

.lottery-list .lottery-name {
    margin-left: 1.5rem;
    font-family: "PingFang SC";
    font-size: .36rem;
    letter-spacing: -.005rem;
    color: #131313;
    height: 1.24rem;
    display: inline-block;
    line-height: 1.34rem
}

.lottery-list .lottery-time {
    height: .36rem;
    font-family: "PingFang SC";
    font-size: .26rem;
    color: #131313;
    letter-spacing: -.18px
}

.lottery-list .lottery-zoushitu {
    font-family: PingFangSC-Light;
    font-size: .26rem;
    color: #ff4941;
    letter-spacing: -.18px;
    position: relative;
    margin-top: .16rem
}

.lottery-list .lottery-zoushitu:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    content: '';
    width: .78rem;
    height: .02rem;
    border-radius: 1px;
    background-color: #ff4941
}

.lottery-list .lottery-change-issueNo {
    height: .42rem;
    font-size: .3rem;
    color: #131313;
    letter-spacing: -.0042rem;
    font-family: "PingFang SC"
}

.lottery-list .lottery-periods {
    text-align: right;
    color: #666;
    letter-spacing: -.21px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.44rem;
    margin-top: 20px;
    position: absolute;
    right: .74rem
}

.lottery-list .ball-list {
    display: inline-block;
    margin-left: .24rem;
    margin-top: .1rem;
    position: absolute
}

.lottery-list .ball-list li {
    float: left;
    color: #fff;
    text-align: center;
    height: .48rem;
    width: .48rem;
    line-height: 24px
}

.lottery-list .ball-list li.red {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff666d), to(#ff4941)) !important;
    background-image: linear-gradient(-180deg, #ff666d 0, #ff4941 100%) !important;
    -webkit-box-shadow: 0 2px 4px 0 #ff535b !important;
    box-shadow: 0 2px 4px 0 #ff535b !important
}

.lottery-list .ball-list li.green {
    background: #5fcc49 !important;
    -webkit-box-shadow: 0 2px 4px 0 #5fcc49 !important;
    box-shadow: 0 2px 4px 0 #5fcc49 !important
}

.lottery-list .ball-list li.blue {
    background: #3ca2ed !important;
    -webkit-box-shadow: 0 2px 4px 0 #3ca2ed !important;
    box-shadow: 0 2px 4px 0 #3ca2ed !important
}

.lottery-list .ball-list li.black {
    background: #999 !important;
    -webkit-box-shadow: 0 2px 4px 0 #999 !important;
    box-shadow: 0 2px 4px 0 #999 !important
}

.lottery-list .ball-list li:after {
    margin-left: .26rem !important
}

.lottery-list .ball-list.null {
    font-size: .4rem;
    color: #888
}

.lottery-Tab {
    position: absolute;
    right: 10px;
    top: 1.2rem;
    z-index: 9999;
    background-color: #fff;
    font-family: PingFangSC-Regular;
    font-size: .26rem;
    color: #666;
    letter-spacing: -.0144rem;
    text-align: center;
    padding-left: .4rem;
    padding-right: .4rem;
    padding-top: .26rem;
    border-radius: .08rem;
    opacity: .99;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lottery-Tab > div {
    margin-bottom: .34rem
}

.lottery-Tab > div:not(.triangle_3) {
    width: 100%
}

.triangle_3 {
    width: 0;
    height: 0;
    position: absolute;
    top: -.2rem;
    right: .2rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: .14rem;
    border-right-width: .14rem;
    border-bottom-width: .2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.my_header_v2 {
    width: 100%;
    height: 4rem;
    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;
    position: relative;
    font-family: PingFangSC-Medium;
    font-size: .36rem;
    color: #6f6f6f
}

.my_header_v2 img {
    width: 100%;
    height: 100%;
    border: none
}

.my_header_v2_div {
    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;
    position: relative
}

.my_header_v2_div > div:nth-child(1) {
    width: 2.04rem;
    height: 2.04rem;
    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;
    background: rgba(255, 255, 255, .19);
    border-radius: 50%;
    margin-top: -40px
}

.my_header_v2_div > div:nth-child(1) img {
    width: 1.44rem;
    height: 1.44rem;
    border-radius: 50%
}

.my_header_v2_div > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0
}

.my_header_v2_div > div:nth-child(2) > div:nth-child(2) {
    margin-top: .2rem;
    height: .5rem
}

.my_header_v2_div > div:nth-child(2) img {
    width: 1rem;
    height: .4rem
}

.my_header_v2_div_1 {
    width: .52rem;
    height: .52rem;
    position: absolute;
    right: .16rem;
    top: .5rem
}

.my_money_v2 > .my-rank {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 1.16rem;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: .24rem
}

.my_money_v2 > .my-rank > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70%;
    margin-bottom: .28rem;
    font-family: PingFangSC-Regular;
    font-size: .208rem;
    color: #7c7c7c;
    text-align: center
}

.my_money_v2 > .my-rank > div:nth-child(1) > span {
    font-size: .26rem;
    height: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .3rem;
    color: #666;
    margin-bottom: .2rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my_money_v2 > .my-rank > div:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #7c7c7c
}

.my_money_v2 > .my-rank .rank-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.my_money_v2 > .my-rank .rank-img > img {
    width: .4rem;
    height: .4rem
}

.my_money_v2 > .my-rank .rank-img > span {
    font-size: .26rem;
    color: #333
}

.my_money_v2 > .my-rank .rank-bg {
    width: 100%;
    height: .2rem;
    background-color: #d8d8d8;
    overflow: hidden;
    border-radius: .3rem
}

.my_money_v2 > .my-rank .rank-slide {
    border-radius: .3rem;
    height: .2rem;
    background-image: linear-gradient(-45deg, #ff7d83 0, #ff4941 100%)
}

.my_money_v2 .my_money_v2_div {
    box-shadow: 0 0.267vw 0.533vw 0 rgb(0 0 0 / 10%), 0 0.267vw 0.533vw 0 rgb(255 0 0 / 10%);
    background-image: linear-gradient(0deg, #fff1f1, #fff);
    width: 95%;
    height: 3.5rem;
    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;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #000;
    text-align: left;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: -20px;
    border-radius: 10px;
    border: 1px solid #dfbc2e
}

.login_out_newCode {
    position: absolute;
    bottom: 2%;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    height: 48px;
    text-align: center
}

.login_out_newCode span {
    display: block;
    color: #fff;
    width: 90%;
    height: 42px;
    margin: 4px auto;
    line-height: 42px;
    font-size: 16px;
    background: linear-gradient(180deg, #ffdca8, #a0792f);
    box-shadow: 0 0.02rem 0 #7d5c1d, inset 0 -0.04rem 0.06rem hsl(0deg 0% 100% / 35%);
    background-size: 100% 100%;
    -moz-border-radius: 19px;
    -webkit-border-radius: 19px;
    border-radius: 19px;
    font-weight: 600;
    text-decoration: none
}

.my_money_v2 .my_money_v2_div > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(1) span:nth-last-child(1) {
    text-align: center
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAABGCAYAAAC0cLpQAAAAAXNSR0IArs4c6QAAByJJREFUeAHtnU9oVEccx3+/t5hspBpPotCL7KFQlR5EehDFYurGKCH4p9Cb4LEUK956yslbaaV4FDxbE4JozEqCpeKp5FBSDx7Ei2Dx5J9i18ju9Pubtxtfkv3z9u1LNPu+A/revpn5vZkP8828+b15MyrrFJxzKieKu0Uq+8TJZyIO/6Qgzg2K6BZR2YLzvnUqDm/TSwRUF9GmXqNNvRbVl6jaY7SpR2hTj0Ry83Kr9FBV3XpUWdfyJu7M0KC8qZxCZY+K069Q4e1reT/aJoHGBPS5qLsHgd2VzbkJ/W3WRLcmIXVB+Z5o5MgwCn8WPc4oSp1fk5LTKAkkI1BGL3YTf+SvyfTcTNo9V2qCcuPjgfx5/xuI6Ef825usrsxFAutIQHUB4rok+w9e1/Hxahp3TkVQ7vhQUarVy7VxURrlog0SWEcCGG8FwXm9PVvq9qZdCcqdPPap/Pf2ZwjpdLcFYX4S+PAE9IYM9F/QyTtPk5YlsaDcyBCcDdWrEBO8dAwk0CsE4CXU4JxOz04kqVHHgnLfH+uXx+WfMKj7LskNmYcENgQBlStSyF/UX++87aS8HQnKjY1tk8VX8JC4g53chGlJYEMSUL0vfVtHdWrqRdzyxxaUO1ncKeV3JXrw4qJlup4gYJ7A/KaiTpaexalPLEGFYlp8gMe8XXGMMg0J9BQBlSeS7zsQR1RBu4r7xzzfM1FM7VgxvkcJWEcCDXgttKliS0F5B0Q4ZuKL2jYgGd3jBGyyArTgNdGiqi0FFXrz6IBowY9RWSJgzjjzcLcITcdQ4Xumyo0WeRlFAtkkoLnTzd5TNRRUbQbE33xpm832wlq3I4CXvwP9exrNqGj8yFcu/0IxtYPK+OwSwOwgr5HVBFb1UOFE18rM6qS8QgIksIxAkBteOaF2WQ/lP8Hws8aXZeMPEiCBRgSgFa+ZSNwyQfnvmcJP0yNJeEoCJNCYAJZxsG8AI2FJUP5LW/s4kIEESCA+AWjGa6eWY0lQYp+t80vb+CCZkgSMgGnGtFML7wVla0AwkAAJdE4goh3v5fOrE/1b+QeWuKBK5ziZgwTK8kluh62mFPZQttQXxcRmQQJJCeT9cnnIHQrKaTGpJeYjARIAgZqGgtC7J4cJhQRIoAsCTg6bltQdP7pHqu8WujDFrCRAAkYg2LQXj3xYa5yBBEggBQKVfQE+a7dF+xlIgAS6JQAtoYfyu2B0a4r5SYAEoCXz8hVIggRIIBUCBTzyceXXVFDSCAlAS+ihsNkZAwmQQAoEdEvgdw5MwRRNkEDmCWAXThtDMZAACaREwNzm2JuUgQRIoGsC0JK5zSmorknSAAkYAQdBhbtmkwcJkEC3BKAlG0NhC3oGEiCBFAg8Nrf5oxQM0QQJkAC0ZG5zCopNgQTSIAAtoYfKzadhizZIgARy8+o/MBw5gvUk3HYCIQESSEpAn8v03I5A8Y2hqLuX1AzzkQAJgAA0ZFoyLx9+yF1/5H8kQALJCNQ0FApqc24CVsrJLDEXCWSeQFlCDYWrHtl6YnjBezPzWAiABJIQgHa8hpA37KHMiJNrdmAgARLokEBEO0v7Q3lv3/Ejf3F98w5hMnm2CaguyO25L7xzDySWeqjQ26eXsk2HtSeBDgmoXqqLyXIuCcqb2X/wOqcidQiUyTNMANP2vGbeI1h65Ktf4pagdRI8kkAbAu22BLXsfs9QFXOjM5AACTQloDdW7q9rSZc/8tUz5/M/QFov6z95JAESiBKANgb6L0Sv1M8bCkon7zwVDc7VE/FIAiQQIQBteI1ELtVPGwrKInV6dgJTkq7UE/JIAiQAAtCE10YTGE0F5dMX8hcxg+J+k7y8TALZImBaME20CKu8fCvTurGxbbL46g++8F1Jhr8zRcBe4PZtPaRTUy9a1butoCyzO1ncKeXFB5ietKuVMcaRQE8SUHki+b4DOll61q5+rR/5arm9IRjE499CO4OMJ4GeImBtPqaYrN6xBGUJvajQ5XFMZTQYMkHAxkz2mBejZ6rziC0oy+CfHwv9X9P7V8fHY88SMA832nq7MdPK+scaQ63MZL/dyNApcdWrOBtsFM9rJLAxCeClrb1nstdGCUJHPVTUvr/hQP8e9FaJbhy1xXMS+CgIWFtGm04qJqtD4h4qCiCcUFu9jN6K+/VGwfB8gxDArPEgON9obl6nFUjcQ0Vv5Avy5aHPUahv6QmMkuH5R03APHjWZtF20xCT1TWVHioKrbbO3zAsn8XL4FHE5aPxPCeBD0ygjD/6N/2SD9NzM9GPA9MoV+qCihbKnRkalDcVOC+0iAocxiMhF9OMAuL5OhHAIpQqv2PtvJKtTlRfUGUtbr6mgooW2PdcJ4q7RSr7IC6Mtfx4qxBumo19frGdIs77onl4TgKxCKguok1hnzPsdRZuz4QdZTAu8uv2Y6nxW6WHafdEzcr1PyyP3k44VE7eAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2.22rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #fff;
    padding-right: 5px;
    padding-left: 5px
}

.my_item_more {
    width: 100%;
    height: 1.6rem
}

.my_item_more img {
    width: 100%;
    height: 100%
}

.my_item_div {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .2rem;
    margin-bottom: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .14rem
}

.my_item_div > div > img {
    width: 15%;
    height: auto;
    margin-bottom: .18rem
}

.my_header_v2 img {
    width: 100%;
    height: 100%;
    border: none
}

.my_header_v2_div {
    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;
    position: relative
}

.my_header_v2_div > div:nth-child(1) {
    width: 2.04rem;
    height: 2.04rem;
    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;
    background: rgba(255, 255, 255, .19);
    border-radius: 50%
}

.my_header_v2_div > div:nth-child(1) img {
    width: 1.44rem;
    height: 1.44rem;
    border-radius: 50%
}

.my_header_v2_div > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0
}

.my_header_v2_div > div:nth-child(2) > div:nth-child(2) {
    margin-top: .2rem;
    height: .5rem;
    color: #c9a929
}

.my_header_v2_div > div:nth-child(2) img {
    width: 1rem;
    height: .4rem
}

.my_header_v2_div_1 {
    width: .52rem;
    height: .52rem;
    position: absolute;
    right: .16rem;
    top: .5rem
}

.my_money_v2 > .my-rank {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    height: 1.16rem;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: .24rem
}

.my_money_v2 > .my-rank > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70%;
    margin-bottom: .28rem;
    font-family: PingFangSC-Regular;
    font-size: .208rem;
    color: #7c7c7c;
    text-align: center
}

.my_money_v2 > .my-rank > div:nth-child(1) > span {
    font-size: .26rem;
    height: .3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .3rem;
    color: #666;
    margin-bottom: .2rem;
    display: inline-block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.my_money_v2 > .my-rank > div:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #7c7c7c
}

.my_money_v2 > .my-rank .rank-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.my_money_v2 > .my-rank .rank-img > img {
    width: .4rem;
    height: .4rem
}

.my_money_v2 > .my-rank .rank-img > span {
    font-size: .26rem;
    color: #333
}

.my_money_v2 > .my-rank .rank-bg {
    width: 100%;
    height: .2rem;
    background-color: #d8d8d8;
    overflow: hidden;
    border-radius: .3rem
}

.my_money_v2 > .my-rank .rank-slide {
    border-radius: .3rem;
    height: .2rem;
    background-image: linear-gradient(-45deg, #ff7d83 0, #ff4941 100%)
}

.my_money_v2 .my_money_v2_div > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(1) {
    height: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: left;
    -ms-flex-align: left;
    align-items: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: .8rem;
    padding-top: 10px
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(1) span:nth-last-child(1) {
    text-align: center;
    color: 000
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAABGCAYAAAC0cLpQAAAAAXNSR0IArs4c6QAAByJJREFUeAHtnU9oVEccx3+/t5hspBpPotCL7KFQlR5EehDFYurGKCH4p9Cb4LEUK956yslbaaV4FDxbE4JozEqCpeKp5FBSDx7Ei2Dx5J9i18ju9Pubtxtfkv3z9u1LNPu+A/revpn5vZkP8828+b15MyrrFJxzKieKu0Uq+8TJZyIO/6Qgzg2K6BZR2YLzvnUqDm/TSwRUF9GmXqNNvRbVl6jaY7SpR2hTj0Ry83Kr9FBV3XpUWdfyJu7M0KC8qZxCZY+K069Q4e1reT/aJoHGBPS5qLsHgd2VzbkJ/W3WRLcmIXVB+Z5o5MgwCn8WPc4oSp1fk5LTKAkkI1BGL3YTf+SvyfTcTNo9V2qCcuPjgfx5/xuI6Ef825usrsxFAutIQHUB4rok+w9e1/Hxahp3TkVQ7vhQUarVy7VxURrlog0SWEcCGG8FwXm9PVvq9qZdCcqdPPap/Pf2ZwjpdLcFYX4S+PAE9IYM9F/QyTtPk5YlsaDcyBCcDdWrEBO8dAwk0CsE4CXU4JxOz04kqVHHgnLfH+uXx+WfMKj7LskNmYcENgQBlStSyF/UX++87aS8HQnKjY1tk8VX8JC4g53chGlJYEMSUL0vfVtHdWrqRdzyxxaUO1ncKeV3JXrw4qJlup4gYJ7A/KaiTpaexalPLEGFYlp8gMe8XXGMMg0J9BQBlSeS7zsQR1RBu4r7xzzfM1FM7VgxvkcJWEcCDXgttKliS0F5B0Q4ZuKL2jYgGd3jBGyyArTgNdGiqi0FFXrz6IBowY9RWSJgzjjzcLcITcdQ4Xumyo0WeRlFAtkkoLnTzd5TNRRUbQbE33xpm832wlq3I4CXvwP9exrNqGj8yFcu/0IxtYPK+OwSwOwgr5HVBFb1UOFE18rM6qS8QgIksIxAkBteOaF2WQ/lP8Hws8aXZeMPEiCBRgSgFa+ZSNwyQfnvmcJP0yNJeEoCJNCYAJZxsG8AI2FJUP5LW/s4kIEESCA+AWjGa6eWY0lQYp+t80vb+CCZkgSMgGnGtFML7wVla0AwkAAJdE4goh3v5fOrE/1b+QeWuKBK5ziZgwTK8kluh62mFPZQttQXxcRmQQJJCeT9cnnIHQrKaTGpJeYjARIAgZqGgtC7J4cJhQRIoAsCTg6bltQdP7pHqu8WujDFrCRAAkYg2LQXj3xYa5yBBEggBQKVfQE+a7dF+xlIgAS6JQAtoYfyu2B0a4r5SYAEoCXz8hVIggRIIBUCBTzyceXXVFDSCAlAS+ihsNkZAwmQQAoEdEvgdw5MwRRNkEDmCWAXThtDMZAACaREwNzm2JuUgQRIoGsC0JK5zSmorknSAAkYAQdBhbtmkwcJkEC3BKAlG0NhC3oGEiCBFAg8Nrf5oxQM0QQJkAC0ZG5zCopNgQTSIAAtoYfKzadhizZIgARy8+o/MBw5gvUk3HYCIQESSEpAn8v03I5A8Y2hqLuX1AzzkQAJgAA0ZFoyLx9+yF1/5H8kQALJCNQ0FApqc24CVsrJLDEXCWSeQFlCDYWrHtl6YnjBezPzWAiABJIQgHa8hpA37KHMiJNrdmAgARLokEBEO0v7Q3lv3/Ejf3F98w5hMnm2CaguyO25L7xzDySWeqjQ26eXsk2HtSeBDgmoXqqLyXIuCcqb2X/wOqcidQiUyTNMANP2vGbeI1h65Ktf4pagdRI8kkAbAu22BLXsfs9QFXOjM5AACTQloDdW7q9rSZc/8tUz5/M/QFov6z95JAESiBKANgb6L0Sv1M8bCkon7zwVDc7VE/FIAiQQIQBteI1ELtVPGwrKInV6dgJTkq7UE/JIAiQAAtCE10YTGE0F5dMX8hcxg+J+k7y8TALZImBaME20CKu8fCvTurGxbbL46g++8F1Jhr8zRcBe4PZtPaRTUy9a1butoCyzO1ncKeXFB5ietKuVMcaRQE8SUHki+b4DOll61q5+rR/5arm9IRjE499CO4OMJ4GeImBtPqaYrN6xBGUJvajQ5XFMZTQYMkHAxkz2mBejZ6rziC0oy+CfHwv9X9P7V8fHY88SMA832nq7MdPK+scaQ63MZL/dyNApcdWrOBtsFM9rJLAxCeClrb1nstdGCUJHPVTUvr/hQP8e9FaJbhy1xXMS+CgIWFtGm04qJqtD4h4qCiCcUFu9jN6K+/VGwfB8gxDArPEgON9obl6nFUjcQ0Vv5Avy5aHPUahv6QmMkuH5R03APHjWZtF20xCT1TWVHioKrbbO3zAsn8XL4FHE5aPxPCeBD0ygjD/6N/2SD9NzM9GPA9MoV+qCihbKnRkalDcVOC+0iAocxiMhF9OMAuL5OhHAIpQqv2PtvJKtTlRfUGUtbr6mgooW2PdcJ4q7RSr7IC6Mtfx4qxBumo19frGdIs77onl4TgKxCKguok1hnzPsdRZuz4QdZTAu8uv2Y6nxW6WHafdEzcr1PyyP3k44VE7eAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 2.22rem;
    height: .8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #fff;
    padding-right: 5px;
    padding-left: 5px;
    justify-content: center;
    margin-top: -10px
}

.my_money_v2 .my_money_v2_div > div > div:nth-child(2) > img {
    margin-right: .15rem;
    height: 22px
}

.my_item_v2 {
    font-family: PingFangSC-Regular;
    font-size: .252rem;
    color: #000
}

.my_item_more {
    width: 100%;
    height: 1.6rem
}

.my_item_more img {
    width: 100%;
    height: 100%
}

.my_item_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .2rem;
    margin-bottom: 2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) {
    .login_out_newCode {
        bottom: 0
    }
}

.my_item_div > div {
    text-align: center;
    width: 48.8% !important;
    height: 1.84rem;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0.267vw 0.533vw 0 rgb(0 0 0 / 10%), 0 0.267vw 0.533vw 0 rgb(255 0 0 / 10%);
    background-image: linear-gradient(0deg, #fff1f1, #fff);
    margin-bottom: 8px;
    font-size: .24rem;
    border: 1px solid #dfbc2e !important
}

.my_item_div div:nth-child(1) {
    margin-right: 8px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.my_item_div div:nth-child(3) {
    margin-right: 8px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.my_item_div div:nth-child(2) {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.my_item_div div:nth-child(4) {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px
}

.my-content-wrapper {
    height: calc(100vh - 1.1rem);
    overflow-y: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #f1f2f8
}

.my-content {
    position: relative;
    height: 100%;
    overflow: scroll;
    background: #191A1F;
}

.my-content:after {
    height: calc(100% + 1px)
}

.active-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: .8rem;
    height: calc(100vh - 1.88rem)
}

.active-content > header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
    height: .8rem;
    padding: 0 1.48rem;
    background: #ff4d55;
    z-index: 2
}

.active-content > header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.active-content > header ul li {
    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;
    position: relative;
    width: 1.1rem;
    height: 100%;
    font-size: .36rem;
    font-weight: 500;
    color: #d8d8d8
}

.active-content > header ul li:after {
    position: absolute;
    left: 0;
    bottom: 4px;
    content: '';
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: #ff4d55
}

.active-content > header ul li.active {
    color: #fff
}

.active-content > header ul li.active:after {
    background: #fff
}

.active-content > section {
    height: 100%;
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: .2rem .32rem 0 .32rem
}

.active-content > section ul {
    height: calc(100% + 1px);
    overflow: scroll
}

.active-content > section ul li {
    position: relative;
    width: 100%;
    height: 2.92rem;
    border-radius: 4px;
    margin-bottom: .2rem;
    background: #333;
    overflow: hidden
}

.active-content > section ul li img {
    display: block;
    width: 100%;
    height: 100%
}

.active-content > section ul li .up {
    position: absolute;
    top: 0;
    left: 0;
    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;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.active-content > section ul li .new {
    position: absolute;
    top: 0;
    left: .2rem;
    width: .56rem;
    height: .6rem
}

.active-content > section ul li .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .7rem;
    padding: .2rem;
    border-radius: 0 0 4px 4px;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.active-content > section ul li .footer p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: .34rem;
    padding-left: .48rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAFMandsAAAABGdBTUEAALGPC/xhBQAAAW9JREFUOBGVlM0uA1EUx2eKB1DCS3gALbqwEBJEbDyCN2hIdFERbfSRRmyEWFh21RdgoxLbJvj9z8xpr6nbpCf53/P9cc/cTJKE9ANJh2U61kAXrKccO3KMo2XpmoYwMefJ94vyYO9ZRH78CQrsc4mTtp5Gl3PQB7fgtJBP4DeFfKYstQ/H8XznG5rXZoTZzf7htpWZFyHpwUuq4rYryNqgUQVlAA7R9uAavo+8Dz8GA2U289jpE19bCz5CWJ12m6WhCq2IU76Of6I6Qd+gUvAUbjeUQSRDCNmlJ6owStP0SUqZaHGggAWE/J2UI5Lky8oQsIJvCQzBHRiBK7AMnD4RVEizXoIqUPcPLVMDXwCnN4R3V0pcPsGpTXrmL0R3eS48/p1tSo+O+BrYh9qrKJyklBdXybsGma9d+1DBLdADtYheD/3EWJ5PEn0BKhYjCnbAeBKLw6BO+htsygCvzdK9uBb7gqIlPrpxDr5L7Osvq0IkZU8sVfEAAAAASUVORK5CYII=) 0 0 no-repeat;
    background-size: .34rem .34rem
}

.active-content > section ul li .footer div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.homeindex_Content {
    width: 100%;
    padding-top: .72rem;
    height: calc(100vh - 1.88rem);
    overflow-y: scroll;
    padding-bottom: 1rem;
    background-color: #0f1216;
    position: relative
}

.homeindex_Content * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.homeindex_Content .Gamedream-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 111;
    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;
    width: 100vw;
    height: .72rem;
    padding: 0 .28rem 0 0;
    background: #252525;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    padding: 0 .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.homeindex_Content .Gamedream-header .logoin {
    position: absolute;
    right: .12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%
}

.homeindex_Content .Gamedream-header .logoin img {
    height: .44rem;
    margin: 0 .1rem
}

.homeindex_Content .Gamedream-header .logoin p {
    font-size: .26rem;
    color: #fff
}

.homeindex_Content .Gamedream-header .logoin span {
    font-size: .26rem;
    color: #fec80d
}

.homeindex_Content .Gamedream-header .logo img {
    height: auto;
    width: 2.2rem
}

.homeindex_Content .Gamedream-contents-wrapper, .homeindex_Content .home-container {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    z-index: 10
}

.homeindex_Content .Gamedream-contents-wrapper {
    min-height: calc(100% + 1px)
}

.homeindex_Content .game_tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .48rem .24rem 0 .2rem;
    background: #1e1e1e
}

.homeindex_Content .game_tabs img {
    width: 1.7rem;
    height: 1.24rem
}

.homeindex_Content .game_tabs div {
    font-size: 13px;
    color: #bdc2c9;
    letter-spacing: -.18px;
    text-align: center
}

.homeindex_Content .game_tabs div div {
    margin-top: .1rem
}

.homeindex_Content .game_lotteryTitle {
    height: .72rem;
    background: #1e1e1e;
    margin-bottom: .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .2rem
}

.homeindex_Content .game_lotteryTitle p {
    font-size: .32rem;
    color: #fff;
    font-weight: 400;
    vertical-align: bottom;
    margin-bottom: -.06rem
}

.homeindex_Content .game_lotteryTitle p span {
    display: inline-block;
    width: 5rem;
    margin-left: .16rem;
    font-size: .2rem;
    color: #f2ba36;
    background: 0 0
}

.homeindex_Content .game_lotteryTitle span {
    width: .08rem;
    height: .32rem;
    display: inline-block;
    margin-right: .14rem;
    background-color: #f2ba36
}

.homeindex_Content .hotGameRepeat {
    height: 8.9rem;
    position: relative
}

.homeindex_Content .hotGameRepeat img {
    position: absolute;
    width: calc((100% - .6rem) / 3) !important
}

.homeindex_Content .hotGameRepeat .hotgamepic_ {
    width: 30%
}

.homeindex_Content .hotGameRepeat .hotgamepic_1 {
    top: 0;
    left: .2rem;
    width: 2.8rem;
    height: 3.2rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_2 {
    top: 0;
    left: calc((100% - .6rem) / 3 + .29rem);
    width: 2.8rem;
    height: 6.3rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_3 {
    top: 0;
    right: .2rem;
    width: 2.8rem;
    height: 3.2rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_4 {
    top: 3.3rem;
    left: .2rem;
    width: 2.8rem;
    height: 2.3rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_5 {
    top: 3.3rem;
    right: .2rem;
    width: 2.5rem;
    height: 2.3rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_6 {
    top: 5.7rem;
    left: .2rem;
    width: 2.8rem;
    height: 3rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_7 {
    top: 6.4rem;
    left: calc((100% - .6rem) / 3 + .29rem);
    width: 2.5rem;
    height: 2.3rem
}

.homeindex_Content .hotGameRepeat .hotgamepic_8 {
    top: 5.7rem;
    right: .2rem;
    width: 2.5rem;
    height: 3rem
}

.homeindex_Content .gameGuess {
    position: relative
}

.homeindex_Content .gameGuess > img {
    width: 100%;
    height: 4.48rem
}

.homeindex_Content .gameGuess > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.48rem
}

.homeindex_Content .gameGuess > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .44rem
}

.homeindex_Content .gameGuess > div > div > img {
    width: calc(100% - .6rem);
    height: 2.9rem
}

.homeindex_Content .gameGuess > div > div .guessbox {
    width: calc(100% - .6rem);
    height: 100%;
    height: 2.9rem;
    position: absolute
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(1) {
    width: 100%;
    font-size: .26rem;
    color: #bdc2c9;
    text-align: center;
    margin-top: .27rem
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) {
    width: 100%
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div {
    width: 5.7rem;
    height: 1.6rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(1), .homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(3) {
    position: relative;
    height: 100%
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(1) img, .homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(3) img {
    width: 1.2rem;
    max-height: 1.2rem
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(1) span, .homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(3) span {
    color: #bdc2c9;
    font-size: .28rem;
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    padding: .3rem 0
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(2) img {
    width: .58rem
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(2) > span {
    color: #bdc2c9;
    font-size: .28rem;
    width: 100%;
    display: block;
    text-align: center
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(2) > div > div:nth-child(2) > span > span {
    display: inline-block;
    padding: .02rem .3rem;
    background-color: #363f4c;
    border-radius: .14rem
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3) {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: .42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3)::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .42rem solid transparent;
    border-bottom: 0 solid transparent;
    border-right: .42rem solid #2e4565
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3):after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: .42rem solid transparent;
    border-bottom: 0 solid transparent;
    border-left: .42rem solid #2e4565
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3) > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .1rem;
    height: 100%;
    background-color: #2e4565
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3) > div img {
    width: .26rem;
    height: .26rem;
    margin-right: .1rem
}

.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3) > div span {
    color: #bdc2c9;
    font-size: .26rem
}

.footer-Dowload {
    position: fixed;
    z-index: 10;
    bottom: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: .3rem;
    width: 100%;
    height: .6rem;
    text-align: center
}

.footer-Dowload > div {
    line-height: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-Dowload > div span {
    display: inline-block
}

.footer-Dowload > div img {
    margin: 0 .2rem;
    z-index: 10000
}

.footer-Dowload img {
    width: .32rem;
    height: .32rem;
    margin: .1rem 0
}

.footer-Dowload .download-btn {
    margin-right: .4rem;
    width: 1rem;
    height: .45rem;
    margin-top: .06rem
}

.footer-Dowload .download-btn span {
    display: block;
    width: 1rem;
    height: .4rem;
    line-height: .45rem;
    background: #ff656c;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, .5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #ececec;
    text-align: center
}

.dowloadNone {
    display: none
}

.am-tabs {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.am-tabs * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.am-tabs-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0
}

.am-tabs-content-wrap-animated {
    -webkit-transition: left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), top .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    will-change: transform, left, top
}

.am-tabs-pane-wrap {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow-y: auto
}

.am-tabs-tab-bar-wrap {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.am-tabs-horizontal .am-tabs-pane-wrap-active {
    height: auto
}

.am-tabs-horizontal .am-tabs-pane-wrap-inactive {
    height: 0;
    overflow: visible
}

.am-tabs-vertical .am-tabs-content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-vertical .am-tabs-tab-bar-wrap {
    height: 100%
}

.am-tabs-vertical .am-tabs-pane-wrap {
    height: 100%
}

.am-tabs-vertical .am-tabs-pane-wrap-active {
    overflow: auto
}

.am-tabs-vertical .am-tabs-pane-wrap-inactive {
    overflow: hidden
}

.am-tabs-bottom, .am-tabs-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-left, .am-tabs-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1
}

.am-tabs-default-bar-tab {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -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;
    font-size: 15px;
    height: 43.5px;
    line-height: 43.5px
}

.am-tabs-default-bar-tab .am-badge .am-badge-text {
    top: -13px;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px)
}

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

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

.am-tabs-default-bar-underline {
    position: absolute;
    border: 1px #108ee9 solid;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.am-tabs-default-bar-animated .am-tabs-default-bar-content {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1);
    transition: transform .3s cubic-bezier(.35, 0, .25, 1), -webkit-transform .3s cubic-bezier(.35, 0, .25, 1);
    will-change: transform
}

.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
    -webkit-transition: top .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), color .3s cubic-bezier(.35, 0, .25, 1), width .3s cubic-bezier(.35, 0, .25, 1);
    transition: top .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1), color .3s cubic-bezier(.35, 0, .25, 1), width .3s cubic-bezier(.35, 0, .25, 1);
    will-change: top, left, width, color
}

.am-tabs-default-bar-bottom, .am-tabs-default-bar-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-content, .am-tabs-default-bar-top .am-tabs-default-bar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage, .am-tabs-default-bar-top .am-tabs-default-bar-prevpage {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 59px;
    height: 100%;
    content: ' ';
    z-index: 999;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0));
    background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage, .am-tabs-default-bar-top .am-tabs-default-bar-nextpage {
    pointer-events: none;
    position: absolute;
    top: 0;
    display: block;
    width: 59px;
    height: 100%;
    content: ' ';
    z-index: 999;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff)
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-tab, .am-tabs-default-bar-top .am-tabs-default-bar-tab {
    padding: 8px 0
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-underline, .am-tabs-default-bar-top .am-tabs-default-bar-underline {
    bottom: 0
}

.am-tabs-default-bar-top .am-tabs-default-bar-tab {
    border-bottom: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab {
        border-bottom: none
    }

    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-top .am-tabs-default-bar-tab::after {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
    border-top: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
        border-top: none
    }

    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 1PX;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scaleY(.5);
        -ms-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-bottom .am-tabs-default-bar-tab::before {
        -webkit-transform: scaleY(.33);
        -ms-transform: scaleY(.33);
        transform: scaleY(.33)
    }
}

.am-tabs-default-bar-left, .am-tabs-default-bar-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-default-bar-left .am-tabs-default-bar-content, .am-tabs-default-bar-right .am-tabs-default-bar-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.am-tabs-default-bar-left .am-tabs-default-bar-tab, .am-tabs-default-bar-right .am-tabs-default-bar-tab {
    padding: 0 8px
}

.am-tabs-default-bar-left .am-tabs-default-bar-underline {
    right: 0
}

.am-tabs-default-bar-left .am-tabs-default-bar-tab {
    border-right: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab {
        border-right: none
    }

    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        width: 1PX;
        height: 100%;
        background: #ddd;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-left .am-tabs-default-bar-tab::after {
        -webkit-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.am-tabs-default-bar-right .am-tabs-default-bar-underline {
    left: 0
}

.am-tabs-default-bar-right .am-tabs-default-bar-tab {
    border-left: 1PX solid #ddd
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab {
        border-left: none
    }

    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
        content: '';
        position: absolute;
        background-color: #ddd;
        display: block;
        z-index: 1;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 1PX;
        height: 100%;
        -webkit-transform-origin: 100% 50%;
        -ms-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(.5);
        -ms-transform: scaleX(.5);
        transform: scaleX(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3),(min-resolution: 2dppx) and (min-resolution: 3dppx) {
    html:not([data-scale]) .am-tabs-default-bar-right .am-tabs-default-bar-tab::before {
        -webkit-transform: scaleX(.33);
        -ms-transform: scaleX(.33);
        transform: scaleX(.33)
    }
}

.Hall-page {
    min-height: 100vh
}

.Hall-page .am-tabs {
    margin-top: .88rem
}

.Hall-page .am-tabs-default-bar-tab {
    background-color: #efefef;
    color: #000
}

.Hall-page .am-tabs-default-bar-tab-active {
    background-color: #ff7e79;
    color: #fff
}

.Hall-page .gameItem {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2rem;
    margin-top: .2rem
}

.Hall-page .gameItem img {
    height: 1.4rem;
    width: 1.4rem;
    border-radius: .3rem
}

.Hall-page .gameItem p {
    margin-top: .2rem
}

.Hall-page .list-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wechat-page img {
    width: 100%;
    height: 100%
}

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
}

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

body {
    line-height: 1;
    background-color: initial
}

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

a {
    text-decoration: none;
    color: #000
}

.dianjing {
    background-color: #171717
}

.dianjing .header, .dianjing header {
    background-color: #171717
}

.dianjing .lottery-header-container {
    background-color: #171717
}

.dianjing .tabButton .btn {
    background: 0 0;
    border: 1px solid #fec80d;
    color: #fec80d
}

.dianjing .tabButton .btn-choise {
    background: #fec80d;
    color: #fff;
    border: none
}

.dianjing .content .Button {
    background: #344561
}

.dianjing .content .LoginInput {
    background-color: #0f1216 !important
}

.dianjing .content .LoginInput p {
    color: #bec2c8
}

.dianjing .content .LoginInput input {
    color: #bec2c8;
    background-color: #0f1216
}

.dianjing .LoginItem {
    background: #171717;
    height: -webkit-fill-available
}

.dianjing .LoginItem header {
    background: 0 0
}

.dianjing .LoginItem content .tab-title span {
    color: #bec2c8
}

.dianjing .LoginItem content .tab-title .active {
    color: #f2ba36
}

.dianjing .LoginItem content .tab-transform .active {
    background: #f2ba36
}

.dianjing .LoginItem content .content-input .Button {
    background: #344561
}

.dianjing .LoginItem content .content-input .Button.active {
    -webkit-box-shadow: 0 2px 4px 0 #f2ba36;
    box-shadow: 0 2px 4px 0 #f2ba36
}

.dianjing .LoginItem content .content-input .LoginInput {
    background-color: #0f1216
}

.dianjing .LoginItem content .content-input .LoginInput p {
    color: #bec2c8
}

.dianjing .LoginItem content .content-input .LoginInput input {
    color: #bec2c8;
    background-color: #0f1216
}

.dianjing .notice {
    background: 0 0
}

.dianjing .notice .dec {
    border: none
}

.dianjing .notice .dec .title {
    color: #bdc2c9
}

.dianjing .Register .content-tab {
    margin: 0 !important;
    padding-top: 1rem
}

.dianjing .Register .content-tab .tab-title {
    color: #bdc2c9
}

.dianjing .Register .content-tab .tab-title span.active {
    color: #f2ba36
}

.dianjing .Register .content-tab .tab-transform .active {
    background: #f2ba36
}

.dianjing .Register .content {
    margin-top: 0 !important
}

.dianjing .NameRegister {
    height: -webkit-fill-available
}

.dianjing .NameRegister .Register-clause a {
    color: #e03c2f
}

.dianjing .NameRegister .Button.active {
    -webkit-box-shadow: 0 2px 4px 0 #f2ba36;
    box-shadow: 0 2px 4px 0 #f2ba36
}

.dianjing .my-content {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #171717
}

.dianjing .my-content .my_header_v2 {
    background: #171717
}

.dianjing .my-content .my_header_v2 .my_header_v2_div > div:nth-child(2) > div:nth-child(2) {
    color: #000
}

.dianjing .my-content .numberStyle {
    color: #fdc731
}

.dianjing .my-content .my_money_v2 .my-rank {
    background-color: #171717;
    border-bottom: none
}

.dianjing .my-content .my_money_v2 .my-rank .rank-img > span {
    color: #bec2c8
}

.dianjing .my-content .my_money_v2 .my-rank .rank-bg {
    background: #363f4b
}

.dianjing .my-content .my_money_v2 .my-rank .rank-slide {
    background: #fec80d;
    background-image: none
}

.dianjing .my-content .my_money_v2_div {
    color: #9f9f9f;
    background: #171717;
    background-color: #171717
}

.dianjing .my-content .my_money_v2_div > div:nth-child(1) {
    border-right: 1px solid #242f3b
}

.dianjing .my-content .my_money_v2_div div > div:nth-child(2) {
    background-image: none;
    border: 2px solid #fec80d;
    border-radius: 35px;
    color: #fdc731
}

.dianjing .my-content .my_item_div div {
    border: 1px solid #242f3b
}

.dianjing .my-content .my_item_div, .dianjing .my-content .my_item_v2 {
    background: #171717
}

.dianjing .my-content .my_item_div span, .dianjing .my-content .my_item_v2 span {
    color: #bec2c8
}

.dianjing .footer-nav {
    background-color: #313131
}

.dianjing .footer-Dowload {
    background: #1e1e1e
}

.dianjing .footer-Dowload .download-btn > span {
    background: #f2ba36
}

.dianjing .RightTextOption {
    background-color: #f2ba36 !important
}

.dianjing .setting {
    background: #171717
}

.dianjing .setting .DetailsItem {
    background-color: #242f3c;
    color: #bec2c8
}

.dianjing .setting .DetailsItem .item-border {
    background-color: #2e4565
}

.dianjing .setting .signOut {
    background-color: #242f3c;
    color: #bec2c8
}

.dianjing .active-content {
    height: inherit;
    background-color: #171717
}

.dianjing .active-content .NoRecord, .dianjing .active-content header {
    background-color: #171717
}

.dianjing .NoRecord {
    background-color: #171717
}

.dianjing .PersonalFroms {
    background-color: #171717
}

.dianjing .PersonalFroms .Personal, .dianjing .PersonalFroms .zonglan {
    height: -webkit-fill-available;
    background-color: #171717
}

.dianjing .PersonalFroms .Personal .tabButton .btn, .dianjing .PersonalFroms .zonglan .tabButton .btn {
    border-radius: 20px;
    border: 1px solid #ceab3c;
    background: #0f1216;
    color: #ceab3c
}

.dianjing .PersonalFroms .Personal .btn-choise, .dianjing .PersonalFroms .zonglan .btn-choise {
    background-color: #fec80d !important;
    color: #fff !important
}

.dianjing .PersonalFroms .Personal .textdec span:nth-child(2), .dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) {
    color: #7c8da4
}

.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) span, .dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) span {
    color: #bec2c8
}

.dianjing .PersonalFroms .Personal .fromList, .dianjing .PersonalFroms .zonglan .fromList {
    background-color: #242f3c
}

.dianjing .PersonalFroms .Personal .fromList div, .dianjing .PersonalFroms .zonglan .fromList div {
    border-right: 1px solid #2e4565;
    border-bottom: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(1), .dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(2), .dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(2) {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .fromList div:nth-last-child(1), .dianjing .PersonalFroms .zonglan .fromList div:nth-last-child(1) {
    background-color: #363f4c;
    border: none
}

.dianjing .PersonalFroms .active-opacity .headerBody {
    border-radius: 5px;
    border: 1px solid #fec80d
}

.dianjing .PersonalFroms .active-opacity .headerBody div {
    color: #ceab3c
}

.dianjing .PersonalFroms .active-opacity .headerBody .active {
    background-color: #fec80d;
    color: #fff
}

.dianjing .PersonalFroms .header-right div span {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .buttonContainer {
    background-color: #0f1216
}

.dianjing .PersonalFroms .Personal .titlsPersonal > div {
    background-color: #242f3c;
    color: #fff
}

.dianjing .PersonalFroms .Personal .titlsPersonal {
    background: #1a232d;
    border: none;
    top: 2.5rem
}

.dianjing .PersonalFroms .Personal .titlsPersonal div {
    height: -webkit-fill-available;
    border-bottom: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .personalList {
    margin-top: 3.38rem;
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .item {
    border: 1px solid #2e4565
}

.dianjing .PersonalFroms .Personal .personalList .titleCount {
    background-color: #242f3c
}

.dianjing .PersonalFroms .Personal .personalList .titleCount span {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .boxContent {
    background: #171717;
    border-top: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent > div {
    border-bottom: 1px solid #242f3b;
    border-right: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div > span:nth-child(2) {
    color: #fec80d
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div:nth-last-child(1) {
    background-color: #363f4c;
    color: #bdc2c9;
    border-top: 1px solid #242f3b
}

.dianjing .PersonalFroms .Personal .personalList .boxContent div:nth-last-child(1) span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingRecord {
    background-color: #171717
}

.dianjing .BettingRecord .BettingRecord-sel, .dianjing .BettingRecord .BettingRecord-title {
    background-color: #171717
}

.dianjing .BettingRecord .BettingRecord-title-1 {
    color: #2e4565
}

.dianjing .BettingRecord .BettingRecord-title-2 span {
    color: #f2ba36;
    border: 1px solid #f2ba36
}

.dianjing .BettingRecord .BettingRecord-title-sel {
    background: #fec80d;
    color: #fff !important
}

.dianjing .BettingRecord .BettingRecord-sel-1 {
    color: #9f9f9f
}

.dianjing .BettingRecord .BettingRecord-sel {
    border-top: 1px solid #242f3c;
    border-bottom: 2px solid #242f3c
}

.dianjing .BettingRecord .BettingRecord-sel div:nth-child(1), .dianjing .BettingRecord .BettingRecord-sel div:nth-child(2) {
    border-right: 1px solid #242f3b
}

.dianjing .BettingRecord .RecordItem {
    background: 0 0
}

.dianjing .BettingRecord .RecordItem .li-title div, .dianjing .BettingRecord .RecordItem .li-title span {
    color: #bdc2c9
}

.dianjing .BettingRecord .RecordItem .item-border {
    background-color: #242f3c
}

.dianjing .BettingDetails {
    background-color: #171717
}

.dianjing .BettingDetails .BettingDetailsItem, .dianjing .BettingDetails .headers {
    background-color: #171717
}

.dianjing .BettingDetails .BettingDetailsItem div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(1), .dianjing .BettingDetails .headers div.headers > div:nth-child(1) > div:nth-child(2) span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .BettingDetails .BettingDetailsItem .headers, .dianjing .BettingDetails .BettingDetailsItem .meonyCount, .dianjing .BettingDetails .BettingDetailsItem .meonyCount div, .dianjing .BettingDetails .headers .headers, .dianjing .BettingDetails .headers .meonyCount, .dianjing .BettingDetails .headers .meonyCount div {
    background-color: #242f3c
}

.dianjing .BettingDetails .BettingDetailsItem div.openLottery > div {
    background-color: #171e27
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(1) {
    color: #9f9f9f
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div > div:nth-child(2) span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.meonyCount > div:nth-child(1) {
    border-right: 1px solid #2e4565
}

.dianjing .BettingDetails .BettingDetailsItem section.groupTitle > p {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList div.count {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList div.count div:nth-child(2) > span:nth-child(2) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table tbody tr td:nth-child(3) {
    color: #fec80d
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table thead {
    background-color: #242f3c;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table thead tr {
    color: #fff
}

.dianjing .BettingDetails .BettingDetailsItem div.guoguanList table td, .dianjing .BettingDetails .BettingDetailsItem div.guoguanList table th {
    border: 1px solid #242f3c
}

.dianjing .AccountDetails .BackItem {
    background-color: #171717
}

.dianjing .AccountDetails .BackItem .item-border {
    background-color: #242f3c
}

.dianjing .AccountDetails .BackItem div.item-li .li-top {
    color: #bdc2c9
}

.dianjing .AccountDetailInfo {
    background-color: #171e27
}

.dianjing .AccountDetailInfo div:nth-child(1) {
    color: #7c8da4
}

.dianjing .AccountDetailInfo div:nth-child(2) {
    color: #fec80d
}

.dianjing .AccountDetailInfo div:nth-child(3) {
    color: #5b5f62
}

.dianjing .AccountDetailInfo div:nth-child(10) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(5) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(6) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(7) span:nth-child(2), .dianjing .AccountDetailInfo div:nth-child(8) span:nth-child(2) {
    color: #bdc2c9
}

.dianjing .AccountDetailInfo div:nth-child(4) {
    background-color: #242f3c
}

.dianjing .AccountDetailInfo div:nth-child(9) {
    background-color: #171717
}

.dianjing .lotteryHall-page-V2 .header-nav {
    background-color: #ff4941 !important
}

.dianjing .NoticeItem {
    position: relative;
    padding: 0 .66rem;
    height: 2.12rem;
    border-bottom: 1px solid #242f3c
}

.dianjing .NoticeItem p:nth-child(2) {
    color: #bdc2c9 !important
}

.dianjing .messageNoticeDeetail.container {
    background-color: #171717
}

.dianjing .messageNoticeDeetail.container h3 {
    color: #b3b7bd
}

.dianjing .messageNoticeDeetail.container p {
    color: #32425f
}

.dianjing .gameRecord_container .wxh_container .BackItem {
    background-color: #171717
}

.dianjing .gameRecord_container .wxh_container .BackItem .item-border {
    background-color: #242f3c
}

.dianjing .gameRecord_container .wxh_container .li-top span {
    color: #bdc2c9 !important
}

.dianjing .gameRecord_container .wxh_container .li-top .bottom-time {
    color: #00a0e9 !important
}

.dianjing .gameRecord_container .wxh_container .li-top .bottom-time-1 {
    color: #fec80d !important
}

.dianjing .gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal, .dianjing .gameRecord_container .wxh_transfer_modal div:nth-child(2) {
    background-color: #242f3c;
    color: #7c8da4;
    border-top: none
}

.dianjing .gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span:first-child {
    background-color: #2e4565 !important
}

.dianjing .gameRecord_container .teamBet_color {
    background-color: #fec80d !important;
    color: #242f3c;
    border-color: #242f3b !important
}

.dianjing .gameRecordDetails .game_content > div span:nth-child(1), .dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(1), .dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(2) {
    color: #7c8da4
}

.dianjing .gameRecordDetails .game_content > div span:nth-child(2) {
    color: #bdc2c9
}

.dianjing .gameRecordDetails .bor {
    height: 0
}

.dianjing .gameRecordDetails .game_info {
    color: #fec80c
}

.dianjing .gameRecordDetails .game_info_content .jagged {
    background-color: #171e27
}

.dianjing .gameRecordDetails .game_info_content .jagged > div > span {
    color: #bdc2c9
}

.dianjing .gameRecordDetails .game_info_content .jagged > div > span span {
    color: #7c8da4
}

.dianjing .gameRecordDetails div:nth-child(1) > div:nth-child(2) > span {
    color: #fec80d
}

.dianjing .moneyConversion {
    background-color: #171717
}

.dianjing .moneyConversion .Conversion-content .mainWallet {
    background-color: #171717
}

.dianjing .moneyConversion .Conversion-content .mainWallet > div {
    border-bottom: 1px solid #242f3b
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(1) > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(1) > span:nth-child(2) {
    color: #fec80d
}

.dianjing .moneyConversion .Conversion-content .mainWallet div:nth-child(2) p {
    width: 6rem;
    background-color: #6f6612
}

.dianjing .moneyConversion .Conversion-content .TransferredTO, .dianjing .moneyConversion .Conversion-content .subWalletList {
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .TransferredTO .am-switch input[type=checkbox]:checked + .checkbox, .dianjing .moneyConversion .Conversion-content .subWalletList .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .moneyConversion .Conversion-content .subWalletList div > div {
    color: #bdc2c9
}

.dianjing .moneyConversion .Conversion-content .subWalletList div > div span {
    color: #f2ba36
}

.dianjing .moneyConversion .Conversion-content .subWalletList > div {
    border: 1px solid #2e4565
}

.dianjing .moneyConversion .Conversion-content .bottomdesText div {
    color: #7c8da4
}

.dianjing .moneyConversion .header-right span {
    color: #fec80d
}

.dianjing .ConversionHistory .conversionHistoryItem .HistoryItem {
    border-bottom: 1px solid #242f3c
}

.dianjing .ConversionHistory .conversionHistoryItem .HistoryItem div:nth-child(1), .dianjing .ConversionHistory .conversionHistoryItem .HistoryItem div:nth-child(2) {
    color: #bdc2c9
}

.dianjing .ConversionHistory .conversionHistory-modal .active {
    background-color: #fec80d !important
}

.dianjing .ConversionHistory .conversionHistory-modal div {
    background-color: #242f3c
}

.dianjing .ConversionHistory .conversionHistory-modal div div:nth-child(2) > span {
    background: #2e4565
}

.dianjing .ConversionHistory .conversionHistory-modal div > div:nth-child(2) {
    background-color: #242f3c
}

.dianjing .ConversionHistory .conversionHistory-modal div > div:nth-child(1) > section > div span {
    background: 0 0;
    border: 1px solid #7c8da4;
    color: #7c8da4
}

.dianjing .AboutWe {
    background-color: #171717
}

.dianjing .share .link .url {
    color: #fdc731
}

.dianjing .share .linkContainer .link label, .dianjing .share div:last-child {
    color: #fff
}

.dianjing .share .card {
    background-image: none;
    width: auto
}

.dianjing .share .card .line {
    color: #fff
}

.dianjing .share .qr canvas {
    border: 8px solid #fff
}

.dianjing .share .linkContainer .am-button.am-button-primary {
    background: -webkit-gradient(linear, left bottom, left top, from(#fec80d), to(#ffe076));
    background: linear-gradient(0deg, #fec80d 0, #ffe076 100%);
    color: #333
}

.dianjing .RuleItem .upgrade-list {
    border: none
}

.dianjing .RechargeItem .item-border {
    background-color: #2e4565
}

.dianjing .list-view-section-body {
    border-bottom: none
}

.dianjing .PayMethod {
    background-color: #171717
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul {
    background: 0 0;
    border-top: none;
    border-bottom: 1px solid #243041
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity {
    border-bottom: 1px solid #243041
}

.dianjing .PayMethod header .PayMethod-headerBody {
    border-radius: 4px;
    border: 1px solid #e0b941
}

.dianjing .PayMethod header .PayMethod-headerBody div {
    color: #e0b941
}

.dianjing .PayMethod header .PayMethod-headerBody div.active {
    background-color: #fec80d;
    color: #fff
}

.dianjing .PayMethod .PayMethodItem2V .topWallte {
    background: #1c232c;
    color: #bec2c8
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > p, .dianjing .PayMethod .PayMethodItem2V .moneySelectContent .inputBox > span {
    color: #bec2c8
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-ul .active-opacity > div > div > span {
    color: #bdc2c9;
    opacity: .8
}

.dianjing .PayMethod .PayMethodItem2V .PayMethodItem-title {
    color: #efc545;
    background: #262f3b
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent {
    background: #171717
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span {
    color: #efc545;
    border: 1px solid #242c37
}

.dianjing .PayMethod .PayMethodItem2V .moneySelectContent .buttonBox span.active {
    color: #fff;
    background: #efc545;
    background-image: none
}

.dianjing .RechargeMoney .container {
    background-color: #171717
}

.dianjing .RechargeMoney .RechargeMoneyItem .RechargeMoneyItem-ul li {
    color: #e0b941
}

.dianjing .RechargeMoney .RechargeMoneyItem-title {
    color: #7c8da4
}

.dianjing .RechargeMoney .RechargeMoneyItem-title input {
    color: #333
}

.dianjing .RechargeMoney .Button {
    background-color: #f5ca47
}

.dianjing .BankTransfer, .dianjing .QRCodeIntegrationItem .header_title, .dianjing .QRCodeIntegrationItem .orderContet {
    background: #171717
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation > div > div:nth-child(1) {
    color: #7c8da4
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation > div {
    border-bottom: 1px solid #7c8da4
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .infomation input {
    background-color: #171717;
    border: none;
    color: #fff
}

.dianjing .BankTransfer .QRCodeIntegrationItem .orderContet .operationContent .controle .buttomsQRCode {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f5ca47
}

.dianjing .user-agent-center.container {
    background-color: #171717;
    height: initial
}

.dianjing .user-agent-center.container .switchTabs {
    background: 0 0;
    font-size: 1px;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArIAAAE9CAYAAAD3d4EQAAANa0lEQVR4nO3dS5NcdRkG8PccusywsGcmw8zEMbIRQYJuuYjuVMpwMUHwtrBKV36DBEUXrtz5CUiIWhaQewKWgiiSC8nasqwSUW4b3UkV3ae7khwX3ae7S0OSSWam58Xfr+psMsmck91Tbz3/91/U56MOAAC4DnUdceh0PPP4F+JbG/XOj3/7sxERUW7UCwEA+PApiojHPh/fPHQqntnod7eacez2YbIFAIBr9d0H/hk/+c6/4tHPxzcOnop47AvxzY16dxl1hHIBAADXY/9vl+PHB5Yi6oiv3R/fOHQqnh3ly/V6hlQLAAC4IftfXI4f/Xw5IiK+dn98/fDpeG4j3lsayAIAcKOefnEpnjywHHVE7L4/Hj98Op5b54GsiSwAAGvjwEtL8aMDg8ns7vvj8SNn4uB6vk9HFgCANXPgpaV48ultEXXE7vvisSOn4/C6dWTlWAAA1tLPf7cYP3x6W9QRsetz8ejhM3FYtQAAgBR+8fLiYDIbEbs/F48eOROH1/odgiwAAOviFy8PJrMRgzB79EwcWcvfX9b14GoxAABYa798eTGe2L8SdR3x1fti95EzcbTJn9f7NExkAQBYV7/6/UL84OmViIjYdV/sOno2jq7F73XYCwCAdfer3y/E3v0rzQGwXUfPxlGHvQAASOGZPwzDbD0Is8fOxrEb+X32yAIAsGGe/cNC7N23EvWliF33xVePnY3j9sgCAJDCs68sxJ79K3FpcADskWOvxXHVAgAAUnjulYXYs2+0zeCRE6/FidX+Duu3AACYioN/XIg9T63ExUsRD98bDx9/LU5avwUAQAoHX12IJ/YNagaP3BsPnTgXJ6/13wqyAABM1cFXF2Lvvu2jMHvyXDx/Lf/OYS8AAKbu0KvzsXff9rhwKeKhe+PBE+fihasf9pJkAQDYBA69Oh8/2Lc9Ll6MePie2HnyXLxg/RYAACkcOjUfe/cPJ7P3xM6T5+PX1m8BAJDCkVPz8cS+7XFxEGa/8vz5+M3l/p71WwAAbDpHTg87sxcjHrw7Hjh5Ln5j/RYAACkcHYbZ4WT2gRfOx28nf64jCwDApnXszHzsGW4z2HlPfPn58/Fi8zNbCwAA2NSOn5mPvU8Nthk8eHd86Wff/9OLEREtGRYAgM3u+Nn5qKOMn37v7dh5d3wp4k8v6cgCAJDCibOzseepWyMiYufd8UXVAgAA0jj52uxooaxqAQAAqTT5VbUAAICUWi5DAAAgkya/msgCAJCSjiwAAKk0+bVlYwEAAKkM86uJLAAAqdhaAABAarYWAACQSq1aAABARqoFAACkploAAEAqLkQAACA1HVkAAFJxIQIAADnZWgAAQEYmsgAA5GQiCwBARvbIAgCQmj2yAACk4opaAABSctgLAICcTGQBAMjIYS8AAFJz2AsAgFQc9gIAICWHvQAAyMlEFgCAjBz2AgAgNYe9AABIxWEvAABSctgLAICcTGQBAMjIRBYAgJxMZAEAyGg0kRVkAQDIRLUAAICcVAsAAMhoXC2QZAEASKTJr66oBQAgJRNZAABSMZEFACA1h70AAEjFYS8AAFJSLQAAIDUTWQAAUqldiAAAQEauqAUAICcTWQAAMrK1AACAlHRkAQBISUcWAICcTGQBAMho3JGd6mcAAMDqqBYAAJCTagEAABlZvwUAQEpNfi2n+xkAAHB9TGQBAEjFhQgAAKRkawEAADmZyAIAkJGtBQAApKQjCwBASjqyAADkZCILAEBGOrIAAKTkZi8AAFIzkQUAIBVbCwAASElHFgCAlHRkAQBIzUQWAIBUdGQBAEhJRxYAgJR0ZAEASM1EFgCAVHRkAQBIadSRDUkWAIBMTGQBAMjI1gIAAFLSkQUAIKWJjuxNU/0QAABYlWF+bdVRTPlLAADg2jX5VUcWAIBUJjqyJrIAAOQxmsjqyAIAkMq4IwsAAHlM7JFVLQAAII8mv5rIAgCQij2yAADkNOrIqhYAAJCIagEAAClNHPaa6ncAAMCquBABAICUJi5EKKf8KQAAsArD/KojCwBAKi5EAAAgJVsLAABIaeJCBB1ZAAAS0ZEFACAjHVkAAFLSkQUAIKWJiayOLAAAeTT5VYoFACClVq1bAABAIk1+bTV31QIAQAZNftWRBQAglSa/tkK1AACATMbVAgAAyGNi/dZUvwMAAFZl4rCXjiwAAHk0+dVEFgCAVJr8ahwLAEBKJrIAAKSiIwsAQEo6sgAApFTbIwsAQEajPbJRF1P9EAAAWJVhfm3VIcgCAJBHk191ZAEASGXckVUtAAAgkSa/2r0FAEBKJrIAAKRSjw97AQBAHqP1Ww57AQCQycSFCKoFAADkMVq/5UIEAABS0ZEFACAjHVkAAFKa6MgCAEAeExNZdyIAAJBHk1+lWAAAUtKRBQAglXFHVpAFACCRicNe2gUAAOTR5FcTWQAAUmnyq3EsAAApmcgCAJDKREe2mO6XAADAKjT51UQWAIBUdGQBAEitVdeqBQAA5NHkVx1ZAABS0ZEFACClia0FAACQR5NfWyHJAgCQyWgiW1tcAABAHk1+VS0AACCVUbXAYS8AADJxIQIAAKm5EAEAgFQmLkQAAIA8dGQBAEhpdCHCpel+BwAArEqTX1vFaI+sSAsAwObX5FcTWQAAUhlNZHVkAQDIZNSRlWMBAMhktLUg7JEFACATe2QBAMjIHlkAAFLSkQUAICUTWQAAUhpNZGN0IcLFqX0MAABcs+ZCBANZAAAyUS0AACAlh70AAEjJhQgAAOTkQgQAADLSkQUAICUdWQAAUtKRBQAgJx1ZAAAy0pEFACAlHVkAAFKa6MiWU/0QAABYlWF+NZEFACAVHVkAAFJq8qteAQAAKZnIAgCQysTWAhciAACQR5NfTWQBAEhFRxYAgNRMZAEASEVHFgCAlHRkAQBISUcWAIDUTGQBAEhloiNrKAsAQB5NfjWRBQAgFR1ZAABSM5EFACCViY4sAADk0eTXVlxyIQIAAIlcai5EmPJ3AADAaowmsjqyAABkYmsBAACptepaRxYAgDya/KojCwBAKuOtBZIsAACZ2CMLAEBG460FU/0MAABYnYlqgcNeAAAk4rAXAAAZuRABAICUaoe9AADISEcWAICcxh1ZQRYAgDya/KojCwBAKk1+Laf7GQAAcH1MZAEASGVia4GOLAAAeTT5VbUAAICUVAsAAEjFYS8AAFIzkQUAIBWHvQAASGl0IUKYyAIAkMl4IgsAAHk0+VWQBQAglVGQVS0AACAVh70AAMjIYS8AAHJy2AsAgIzGh70kWQAAEnFFLQAAqakWAACQykS1wNYCAADyaPKragEAACk57AUAQCoOewEAkJrDXgAApDI67BW1oSwAAIkM86uJLAAAqbjZCwCAlBz2AgAgNdUCAABSmTjsNdXvAACA1Rnm11YdrqgFACCPJr+ayAIAkMt4IgsAAHk0+dXWAgAAUrJHFgCAVOyRBQAgNVsLAABIZbS1QLUAAIBMVAsAAEjN+i0AAFJxRS0AADm5EAEAgIzGE1lbCwAASMXWAgAAErK1AACA1Mo6Bj2DmZmPTPtbAADgqpr8WnY6vXejjrh1ZUGYBQBg8xsm2bLT7X+y0+29W5alMAsAQBrlwtZ2v9Ptf/L9bv+dorwpPrFyizALAMCmVUcRdRRRRh2xMN/ud7u92zqd3jtlUcYnPibMAgCwSTXVgqYsu3W+3e9Uvdve7/beLsoytguzAABsQqPDXpN/uDDf7ner3qc63d7bpTALAMAmVtb1YKls82yda/e73d6n3u/03i6KMj6+TZgFAGDzaHLrZS9E2Drf7lcTk1lhFgCAzWbUkf3vZ35cM3irKMtYEWYBANgExh3ZuogPerbOzfa7Vf/2bqf3VlncFCvLizEzs2Xa3w4AwP+zYVb9wInsaDI71+53e/3bO93qzaIs42PLtwizAABMzWW3FnyQ+bl2v+r17+h2qzdLYRYAgE3gmoJshDALAMDm8j/rt670zM22+92qf0enW71ZFGVsW7olZrYIswAAbJwrrt+6kvm5dr+q+nd0u9U/yrKMbcuLwiwAABvuqoe9LvfMDWoGn+50q78XZRHLthkAALBBJtZvxeqT7LBm0Ov17+x2q7+XRRHLiyazAABsgGEeLSOKuN5nbnZ2EGar3htlWcbykjALAMB6G2TR66oWTD6zs7P9qtfb0amqN4qyjKXlJWEWAIB1s6o9slczmMz2dnS71RtlUQizAACsu1Wt37rSM9sehNlOt3qjiCKWlpZiizALAMAau+71W1cyOzvb7/d6O7pV9beiKGJZmAUAYJ2saZCNGIXZu4RZAADW0w0f9rrc0x50Zu/qVtXrUagZAACwdm54j+zVnmFn9jNVt3q9iCKWFoVZAADWwHiP7PqZbc/2e/3ejqqqXi8KYRYAgLVT1lHGej7t9vyFXr+/o1tVf43iplhc3BZbtsxM+/8NAEBSTc5c14lso92eu9Dv9++qqs5fi6KIxcVlYRYAgBvSinpjXtT+6NyF9977911Rd/88M3Pz7UuL2zbmxQAAfLgM82trg3JsRER8tD174b33/n1nHfGXmZmbb9/AVwMA8CHzHzvW95BCuNXNAAAAAElFTkSuQmCC)
}

.dianjing .user-agent-center.container .agent-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select .am-list-line {
    background: #171717
}

.dianjing .user-agent-center.container .agent-select .Calendar_div_2 {
    color: #fff
}

.dianjing .user-agent-center.container .agent-select .am-list-content {
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select .am-list-content .Calendar_div_2 {
    color: #bec2c8 !important
}

.dianjing .user-agent-center.container .agent-select > span:nth-of-type(even) {
    display: inline-block;
    border: 1px solid #bec2c8 !important
}

.dianjing .user-agent-center.container .switchTabs .switchTabsItem {
    color: #bdc2c9
}

.dianjing .user-agent-center.container .teamDec {
    background-color: #262f3b;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div p:nth-child(1) {
    color: #bdc2c9
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div p:nth-child(2) {
    color: #efc545
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) {
    border-bottom: 1px solid #2f4664
}

.dianjing .user-agent-center.container .teamDec > div:not(.NoRecord) > div {
    border-right: 1px solid #2f4664
}

.dianjing .user-agent-center.container .teamDec .NoRecord {
    background-color: #262f3b
}

.dianjing .user-argent-adduser.container {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div div {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .content .adduserModelTab2 > div div.active {
    color: #fdc731;
    border-bottom: 1px solid #fdc731
}

.dianjing .user-argent-adduser.container .am-list-item {
    background-color: #171717
}

.dianjing .user-argent-adduser.container .am-list-item .am-input-label, .dianjing .user-argent-adduser.container .am-list-item .am-list-line .am-list-content {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .am-list-item .am-input-control input {
    color: #fff
}

.dianjing .user-argent-adduser.container .list-item-vip div, .dianjing .user-argent-adduser.container .my-list-pageBody-addUser .titles {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input {
    background: 0 0;
    border: 1px solid #31405b;
    color: #5c5f62
}

.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(3) .unified-Amount {
    background: 0 0;
    border: 1px solid #f2ba36;
    color: #f2ba36
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-pageBody-addUser .am-list-line::after {
    display: none
}

.dianjing .user-argent-adduser.container .addUser-agent .modalReOFF .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .user-argent-adduser.container .addUser-agent .modalReOFF .checkbox {
    border: 1px solid #242f3b
}

.dianjing .user-argent-adduser.container .slect-button > div.active {
    background: #fdc731
}

.dianjing .user-argent-adduser.container .addUser-agent .am-list-body, .dianjing .user-argent-adduser.container .addUser-agent .checkModals {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input {
    background: 0 0;
    color: #5c5f62;
    border: 1px solid #31405b
}

.dianjing .user-argent-adduser.container .addUser-agent .my-list-addUser-agent .contentTitle {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Agent-Response-Footer {
    background: 0 0
}

.dianjing .user-argent-adduser.container .Agent-Response-Footer span {
    background: #fdc731;
    background-image: none
}

.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage {
    background: 0 0
}

.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage > div .addButtonLInk {
    background: #fdc731
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(1), .dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item .bottom > div:nth-child(2) {
    color: #bdc2c9
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item > div {
    background-color: #262f3b
}

.dianjing .user-argent-adduser.container .Link-Manage-my-list .Link-Manage-Item > div span {
    color: #f2ba36
}

.dianjing .Link-Setting, .dianjing .addUser-agent .my-list-addUser-agent .modalReOFF, .dianjing .am-list-item, .dianjing .am-list-item .am-input-label, .dianjing .checkModals, .dianjing .subMitBox {
    background: #171717;
    color: #bdc2c9
}

.dianjing .Link-Setting .wxh_userManage_configTitle {
    background: 0 0
}

.dianjing .subMitBox > div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2ba36), color-stop(98%, #f2ba36));
    background-image: linear-gradient(-180deg, #f2ba36 0, #f2ba36 98%);
    color: #fff
}

.dianjing .am-list-item .am-input-control input {
    color: #fff
}

.dianjing .addUser-agent .my-list-addUser-agent .contentTitle {
    color: #bdc2c9
}

.dianjing .addUser-agent .slect-button .active {
    background: #f2ba36
}

.dianjing .addUser-agent .am-switch input[type=checkbox]:checked + .checkbox {
    background: #f2ba36
}

.dianjing .addUser-agent .am-switch .checkbox {
    border: 1px solid #242f3b !important
}

.dianjing .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:first-child {
    color: #bdc2c9
}

.dianjing .addUser-agent .my-list-addUser-agent .bonusGroup .bonusGroup-list .bonusGroup-item > span:last-child input {
    border: 1px solid #31405b;
    background: 0 0;
    color: #fff
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-line, .dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .titles {
    background: #171717;
    color: #bdc2c9 !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-item .list-item-vip > div {
    color: #bdc2c9 !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-item input {
    background: #171717;
    color: #bdc2c9 !important;
    border: 1px solid #242f3b !important
}

.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .unified-Amount {
    background: #f2ba36 !important;
    color: #fff !important;
    border: 1px solid #f2ba36 !important
}

.dianjing .teamProfit_container .Calendar_div_2 {
    color: #888
}

.dianjing .teamProfit_container .wxh_container .datePicker {
    color: #888
}

.dianjing .teamProfit_container .wxh_select_div_1 {
    color: #fff;
    background: #1a232d
}

.dianjing .teamProfit_container .Panel_V2 {
    border-bottom: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_2 {
    background: 0 0;
    color: #bdc2c9;
    border-top: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_2 p:nth-child(2) {
    color: #fec80d
}

.dianjing .teamProfit_container .Panel_V2 .div_2 > div {
    border-right: 1px solid #2e4565;
    border-bottom: 1px solid #2e4565
}

.dianjing .teamProfit_container .Panel_V2 .div_1 > span {
    color: #bdc2c9
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div span {
    border-right: 1px solid #242f3b !important
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div span:last-child {
    border-right: none
}

.dianjing .wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) {
    background-color: #1a232d
}

.dianjing .wxh_teamBet_container .wxh_teamBet_list {
    background-color: #242f3c;
    color: #bdc2c9
}

.dianjing .wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(1) {
    color: #bdc2c9
}

.dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal, .dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) {
    color: #bdc2c9;
    background-color: #242f3c
}

.dianjing .transfer_container .wxh_transfer_modal .teamBet_color {
    background-color: #fec80d !important;
    border: none !important
}

.dianjing .transfer_container .wxh_container {
    background: #171717
}

.dianjing .transfer_container .wxh_container .wxh_select_div {
    background: 0 0
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div {
    color: #bdc2c9
}

.dianjing .transfer_container .wxh_container .wxh_select_div_1 {
    background: #242f3c;
    color: #bdc2c9;
    border-top: none
}

.dianjing .transfer_container .wxh_container .Panel_V2 > div {
    background-color: #242f3c !important;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span {
    background: 0 0;
    color: #7c8da4;
    border: 1px solid #f2ba36
}

.dianjing .transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span.textDe_1 {
    background: #fec80d !important
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time > div span {
    border: 1px solid #242f3b;
    background: #333
}

.dianjing .wxh_userProfit_container .wxh_userProfit_time > div span.color_userProfit {
    background: #f2ba36
}

.dianjing .wxh_userProfit_container .wxh_userProfit_date {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container > div > div:nth-child(4) div label {
    color: #bdc2c9
}

.dianjing .wxh_userProfit_container > div > div:nth-child(4) div span {
    color: #f2ba36;
    margin-top: .1rem
}

.dianjing .user-argent-team {
    background: #171717
}

.dianjing .user-argent-team .am-list-item.am-list-item-middle {
    background: #242f3c;
    color: #bdc2c9
}

.dianjing .user-argent-team .am-list-item.am-list-item-middle .am-list-line .am-list-content {
    color: #bdc2c9
}

.dianjing .user-argent-team .slect-button > div.active {
    background: #fec80d
}

.dianjing .user-argent-team .search-input {
    background: 0 0
}

.dianjing .user-argent-team .select {
    position: relative
}

.dianjing .user-argent-team #add {
    color: #fec80d
}

.dianjing .user-argent-team .content {
    margin-top: 0 !important
}

.dianjing .user-argent-team .am-list-view-scrollview {
    padding-top: 0 !important
}

.dianjing .user-argent-team .list-view-section-body {
    border: none
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem {
    background: #363f4c
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) div > span {
    background: #f2ba36
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div div:nth-of-type(2) span {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div div:nth-of-type(2) p {
    color: #bdc2c9
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) #triangle_1, .dianjing .user-argent-team .list-view-section-body #teamUserItem div > div:nth-of-type(1) #triangle_2 {
    border-bottom-color: #171717
}

.dianjing .user-argent-team .list-view-section-body #teamUserItem > div > div:nth-child(1) > div:nth-child(2) {
    border: none
}

.dianjing .lotteryHall-page-V2 .hallContent {
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.dianjing .PhoneModify {
    background-color: #171717
}

.dianjing .modifyPwd {
    height: -webkit-fill-available
}

.dianjing .Withdrawals {
    background-color: #171717;
    color: #fff
}

.dianjing .Withdrawals .Withdrawals-ul, .dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No, .dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money {
    background: 0 0;
    color: #bdc2c9
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-top {
    background: 0 0;
    border-top: 1px solid #242f3c;
    border-bottom: 1px solid #242f3c
}

.dianjing .Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name > div {
    color: #fff
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money {
    border: none
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-bottom .active-opacity {
    color: #fec80d
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input {
    color: #fff;
    border-bottom: 1px solid #242f3c
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input {
    background: 0 0;
    color: #fff
}

.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No > a {
    color: #fec80d
}

.dianjing .Withdrawals .Withdrawals-ul {
    border: none
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li {
    border: 1px solid #242f3c
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-click {
    color: #fec80d
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-input {
    background: 0 0
}

.dianjing .Withdrawals .Withdrawals-ul .Withdrawals-li .li-title {
    color: #bdc2c9
}

.dianjing .ChoiceBankCard {
    background-color: #171717
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li {
    background: #1a232d;
    border-bottom: none
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul {
    background: 0 0;
    border-top: none;
    border-bottom: none
}

.dianjing .ChoiceBankCard .ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left-name > div {
    color: #fff
}

.dianjing .GetCode .code-title {
    color: #fff
}

.dianjing .CustomenServers_wxh_index, .dianjing .PayMethodItem-ul_wxh_index {
    background: 0 0
}

.dianjing .PayMethodItem-ul_wxh_index .active-opacity {
    border-bottom: 1px solid #242f3c
}

.dianjing .PayMethodItem-ul_wxh_index .active-opacity div {
    color: #bdc2c9
}

.dianjing .PayMethodItem-ul_wxh_index {
    border-top: none;
    overflow: hidden
}

.dianjing .active-content {
    height: -webkit-fill-available
}

.dianjing .active-content header ul li:after {
    background: #bec2c8
}

.dianjing .active-content header .active:after {
    background: #f2ba36
}

.dianjing .act-detail-content {
    background-color: #171717;
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-img .level_item .rank-img {
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-dec h3 {
    color: #bdc2c9
}

.dianjing .act-detail-content .act-detail-dec h3::after, .dianjing .act-detail-content .act-detail-dec h3::before {
    background-color: #242f3b
}

.dianjing .Hall-page .am-tabs-default-bar-tab {
    background-color: #3c3c3c;
    color: #fff
}

.dianjing .Hall-page .am-tabs-default-bar-tab-active {
    background-color: #fec80d
}

.dianjing .Hall-page .gameItem p {
    color: #fff
}

.dianjing .gameClassify {
    width: calc(100% - .4rem);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #171717
}

.dianjing .gameClassify .d3 {
    position: absolute;
    margin-top: -20px;
    left: 1.5rem;
    float: left;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fee00c transparent
}

.dianjing .gameClassify div > ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 7rem;
    background-color: #313131;
    margin-top: .1rem
}

.dianjing .gameClassify .gameClass {
    width: calc((100% - .1rem) / 2);
    margin-bottom: 0
}

.dianjing .gameClassify > div {
    margin-left: 0;
    margin-right: 0
}

.dianjing .gameClassify > div:nth-child(2) ul, .dianjing .gameClassify > div:nth-child(4) ul, .dianjing .gameClassify > div:nth-child(6) ul {
    float: right;
    right: .1rem
}

.dianjing .gameClassify li.gameItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dianjing .gameClassify li.gameItem p {
    color: #fff;
    text-align: center
}

.dianjing .gameClassify li.gameItem img {
    width: 1.2rem;
    height: 1.2rem
}

.dianjing .PayPwdInput .InputShow {
    background: #b8860b
}

.dianjing .tips {
    background: -webkit-gradient(linear, 0 0, 0 92%, from(#2694d5), to(#4377e2)) !important;
    top: 3.5rem
}

.dianjing .tips .dec {
    color: #f2ba36
}

.am-picker-popup.dianjing {
    background: 0 0
}

.am-picker-popup.dianjing .am-picker, .am-picker-popup.dianjing .am-picker-popup-header {
    background: #fff
}

.am-picker-popup.dianjing .am-picker-col-content {
    z-index: 6
}

.am-picker-popup.dianjing .am-picker-col-indicator {
    background: #fec80d
}

.am-picker-popup.dianjing .am-picker-col-item-selected {
    color: #fff
}

.home-homeisGoToQiPai.dianjing {
    background: #fff
}

.home-homeisGoToQiPai.dianjing header {
    background: 0 0
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-footer span:nth-child(1) {
    background: #2e4565
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-footer span:nth-child(2) {
    background: #fec80d
}

.home-homeisGoToQiPai.dianjing .am-modal-content .am-modal-body section.home-modalContent > div > p {
    color: #fec80d
}

#indexbtn {
    z-index: 9999;
    width: 55px;
    height: 55px;
    background: url(/statics/images/1_dc66af9c-ea94-453c-aa96-394465e18593.png?v=11) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    left: 80%;
    top: 70%
}

#home-content > div:nth-child(4) {
    font-size: 14px
}

.kf-title {
    padding: .56em 0 0 2em;
    font-size: 14px;
    color: #1180c2
}

.kf-content {
    color: fff;
    width: 90%;
    margin: 0 auto;
    padding: .5em 1em;
    font-size: 12px;
    border-bottom: 1px solid #838b96;
}

.kf-content:last-child {
    width: 90%;
    margin: 0 auto;
    padding: .5em 1em;
    font-size: 12px;
    margin-bottom: 80px;
    border-bottom: 0 solid #ccc
}

.hb_main_content {
    width: 100%;
    height: 478px;
    background: url(../images/hb_bgr.png?v=11) no-repeat;
    background-size: 100% 100%;
    position: relative
}

.hb_main_arry {
    width: 170px;
    height: 170px;
    background: url(../images/hb_yx.png?v=11) no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-size: contain;
    text-align: center;
    color: #3b3f48;
    font-size: 12px;
    font-weight: 600
}

.hb_main_arry p {
    padding-top: 40px
}

.hb_handle_btn {
    width: 105px;
    height: 105px;
    background-size: 100% 100%;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    line-height: 105px;
    color: #fff;
    font-size: 18px
}

.hb_handle_btn img {
    width: 105px;
    height: 105px
}

.hb_zj_list {
    width: 85%;
    margin: 20px auto 0
}

.hb_zj_list h6 {
    display: inline-block;
    width: 100%;
    height: 35px;
    background: #f5bd6b;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.hb_flex_box {
    display: flex;
    justify-content: space-around
}

.hb_flex_box span {
    display: inline-block;
    width: 33.3%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #6c6355;
    color: #fff;
    font-size: 14px
}

.hb_rule {
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin: 60px auto 0;
    line-height: 1.8;
    padding-bottom: 20px
}

#hb_numner {
    font-size: 28px;
    margin-top: 12px;
    color: #ee342d;
    font-weight: 700
}

.hb_zj_arry li {
    display: flex;
    justify-content: space-around;
    border: 1px solid #e1d0bb;
    margin-top: -1px
}

.hb_zj_arry li span {
    display: inline-block;
    width: 33.3%;
    height: 30px;
    line-height: 30px;
    color: #424242;
    text-align: center;
    border-left: 1px solid #e1d0bb
}

.hb_zj_arry li span:nth-child(1) {
    border-left: none !important
}

.hb_zjother_arry {
    width: 100%;
    height: 145px;
    background: #f4cf9d;
    padding: 15px 0;
    overflow: hidden
}

.hb_zjother_arry li {
    display: flex;
    justify-content: space-around
}

.hb_zjother_arry li span {
    display: inline-block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    color: #424242;
    text-align: center
}