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

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

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

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}
/*do not import this file except components/style/index.less*/
.am-fade-enter,
.am-fade-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-fade-enter.am-fade-enter-active,
.am-fade-appear.am-fade-appear-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-enter,
.am-slide-up-appear {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.am-slide-up-enter,
.am-slide-up-appear,
.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-slide-up-enter.am-slide-up-enter-active,
.am-slide-up-appear.am-slide-up-appear-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-enter,
.am-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-zoom-enter.am-zoom-enter-active,
.am-zoom-appear.am-zoom-appear-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-enter,
.am-slide-down-appear {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.am-slide-down-enter,
.am-slide-down-appear,
.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-slide-down-enter.am-slide-down-enter-active,
.am-slide-down-appear.am-slide-down-appear-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%);
    }
}
*,
*:before,
*:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    background-color: #f5f5f9;
    font-size: 14px;
}
*[contenteditable] {
    -webkit-user-select: auto !important;
}
*:focus {
    outline: none;
}
a {
    background: transparent;
    text-decoration: none;
    outline: none;
}
.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, 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: none;
    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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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: none;
    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(0.5);
        -ms-transform: scaleX(0.5);
        transform: scaleX(0.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(0.33);
        -ms-transform: scaleX(0.33);
        transform: scaleX(0.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: none;
    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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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, 0.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: 0.4rem;
    margin-bottom: 0.2rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    padding-left: 0.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: 0.24rem;
}
.hot-colud-content ul:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -0.5px;
    content: '';
    height: 100%;
    width: 1px;
    background: #cdcdcd;
}
.hot-colud-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 0.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: 0.3rem;
    color: #333333;
}
.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: 0.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%;
}
/**
 * @author zhengzhihua
 * @desc:样式
 * */
.ran-king {
    width: 100%;
    height: 100%;
    background: #fff;
}
.ran-king .content {
    padding: 0.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, 0.95), rgba(255, 255, 255, 0.6)), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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, 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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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;
    /* position: absolute;
    left: 0;
    right: 0;*/
}
.RecordItem span.redtext {
    color: #FF4941!important;
}
.RecordItem span.backtext {
    color: #000000!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: 0.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: #000000;
    letter-spacing: -0.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;
    /*
		以上为新的UI
	*/
}
.BettingDetailsItem * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.BettingDetailsItem span.redtext {
    color: #FF4941!important;
}
.BettingDetailsItem span.backtext {
    color: #000000!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: #000000;
    letter-spacing: -0.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: #666666;
    letter-spacing: -0.2px;
}
.BettingDetailsItem div.headers > div:nth-child(2) {
    font-size: 18px;
    color: #46B1EA;
    letter-spacing: -0.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: -0.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: -0.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: #000000;
}
.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: #333333;
    letter-spacing: -0.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: -0.18px;
    white-space: normal;
    word-break: break-all;
    padding-bottom: 0.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: -0.17px;
}
.BettingDetailsItem div.openLottery > div > div > span:first-child {
    font-size: .24rem;
    color: #727272;
    letter-spacing: -0.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: 0.2rem 0.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: 0.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: 0.36rem;
}
.BettingDetailsItem header .header-title .titleDec span {
    font-size: 0.28rem;
    color: #2A2A2A ;
}
.BettingDetailsItem header .header-title .titleDec span:first-child {
    font-size: 0.36rem;
    color: #333;
}
.BettingDetailsItem header .header-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.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: 0.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: 0.28rem;
}
.BettingDetailsItem .BettingDetailsMoneny p span {
    margin-bottom: 0.1rem;
    font-size: 0.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 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: 0.32rem;
    padding-left: 0.34rem;
    border-bottom: 1px solid #e0e0e0;
}
.BettingDetailsItem .BettingDetailsfooter > p:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: '';
    width: 0.08rem;
    height: 0.4rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #FF4E56;
}
.BettingDetailsItem .BettingDetailsfooter .dec {
    position: relative;
    padding-top: 0.3rem;
}
.BettingDetailsItem .BettingDetailsfooter .dec .border {
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 100%;
    height: 0.12rem;
    border-radius: 0.06rem;
    background: #e0e0e0;
}
.BettingDetailsItem .BettingDetailsfooter .dec .form li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2a2a2a;
    font-size: 0.3rem;
    padding: 0.1rem 0;
}
.BettingDetailsItem .BettingDetailsfooter .dec .form li span {
    width: 1.6rem;
    text-align: right;
    margin-right: 1rem;
    font-size: 0.32rem;
    color: #333;
}
.BettingDetailsItem .BettingDetailsfooter .dec .Bet {
    position: relative;
    width: 95%;
    margin: 0 auto 0.16rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.18rem 0.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: 0.3rem;
    padding: 0.1rem 0;
}
.BettingDetailsItem .BettingDetailsfooter .dec .Bet li > span {
    width: 1.3rem;
    text-align: right;
    margin-right: 1rem;
    font-size: 0.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: 0.3rem;
}
.BettingDetailsItem .BettingDetailsfooter .dec .Bet li p span {
    margin: 0 3px 5px 0;
    color: #2a2a2a;
    font-size: 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: #FFFFFF;
    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: -0.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: -0.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: #000000;
    letter-spacing: -0.2px;
    margin-bottom: .1rem;
}
.AdditionalBetting .BettingDetailsItem .meonyCount > div > div > span:nth-child(2) {
    font-size: .36rem;
    color: #000000;
    letter-spacing: -0.25px;
    text-align: center;
}
.AdditionalBetting .cacheAddtionBetOrder {
    height: 1.3rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFFFFF;
}
.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%, #66dd55 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, #999999 1%, #666666 100%);
}
.ResultBall .xingyun div .balls {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    line-height: 0.48rem;
    text-align: center;
    color: #fff;
    margin: 0 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: 0.32rem;
    height: 0.32rem;
    text-align: center;
    line-height: 0.32rem;
    font-size: 0.24rem;
    color: #ffffff;
    border-radius: 0.04rem;
    margin-left: 0.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: #999999;
}
.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(#66dd55), to(#57c946));
    background-image: linear-gradient(-180deg, #66dd55 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: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    line-height: 0.38rem;
    text-align: center;
    color: #fff;
    font-size: 0.24rem;
    margin: 0 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: 0.06rem 0.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: 0.2rem;
}
.ResultBall .k3 span {
    margin-left: 0.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, 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: bold;
}
.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: bold;
}
.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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 200ms;
    transition: background-color 200ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* list左图片显示*/
}
.am-list-item .am-list-ripple {
    position: absolute;
    background: transparent;
    display: inline-block;
    overflow: hidden;
    will-change: box-shadow, transform;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    outline: none;
    cursor: pointer;
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.am-list-item .am-list-ripple.am-list-ripple-animate {
    background-color: rgba(158, 158, 158, 0.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;
    /* list左侧主内容*/
    /* list右补充内容*/
    /* 辅助性文字*/
    /* list右侧箭头*/
}
.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: 0.14rem 0.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 0.2rem;
    border-radius: 15px;
    background: rgba(142, 142, 147, 0.12);
}
.search-input > div input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-left: 0.2rem;
    border: none;
    background: transparent;
}
.search-input > span {
    margin-left: 0.3rem;
    color: #007AFF;
    font-size: 0.34rem;
}
/*do not import this file except components/style/index.less*/
.am-fade-enter,
.am-fade-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-fade-enter.am-fade-enter-active,
.am-fade-appear.am-fade-appear-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-enter,
.am-slide-up-appear {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.am-slide-up-enter,
.am-slide-up-appear,
.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-slide-up-enter.am-slide-up-enter-active,
.am-slide-up-appear.am-slide-up-appear-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-enter,
.am-zoom-appear {
    opacity: 0;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
    animation-timing-function: cubic-bezier(0.18, 0.89, 0.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-zoom-enter.am-zoom-enter-active,
.am-zoom-appear.am-zoom-appear-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-enter,
.am-slide-down-appear {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.am-slide-down-enter,
.am-slide-down-appear,
.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(0.55, 0, 0.55, 0.2);
    animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.am-slide-down-enter.am-slide-down-enter-active,
.am-slide-down-appear.am-slide-down-appear-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%);
    }
}
*,
*:before,
*:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    background-color: #f5f5f9;
    font-size: 14px;
}
*[contenteditable] {
    -webkit-user-select: auto !important;
}
*:focus {
    outline: none;
}
a {
    background: transparent;
    text-decoration: none;
    outline: none;
}
.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.33);
    }
}
.am-accordion-anim-active {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 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-title,
.am-action-sheet-message {
    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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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: 0.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, 0.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-text,
.am-badge-not-a-wrapper .am-badge-dot {
    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(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-borderfix:before {
    -webkit-transform: scale(0.49) !important;
    transform: scale(0.49) !important;
}
.am-button.am-button-active {
    background-color: #ddd;
}
.am-button.am-button-disabled {
    color: rgba(0, 0, 0, 0.3);
    opacity: 0.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(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-primary.am-button-active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #0e80d2;
}
.am-button-primary.am-button-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.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(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-ghost.am-button-active {
    color: rgba(255, 73, 65, 0.6);
    background-color: transparent;
    border: 1PX solid rgba(255, 73, 65, 0.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, 0.6);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-ghost.am-button-disabled {
    color: rgba(0, 0, 0, 0.1);
    border: 1PX solid rgba(0, 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, 0.1);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.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, 0.3);
    background-color: #d24747;
}
.am-button-warning.am-button-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.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: 0.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, 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: bold;
}
.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: bold;
}
.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(0.5);
        transform: scale(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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: none;
    text-align: center;
    zoom: 1;
    width: 100%;
}
.am-carousel-wrap-dot {
    display: inline-block;
    zoom: 1;
}
.am-carousel-wrap-dot > span {
    display: block;
    width: 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(0deg);
    transform: rotate(0deg);
    -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: 0.3;
}
.am-checkbox.am-checkbox-disabled.am-checkbox-checked .am-checkbox-inner {
    border-color: #888;
    background: none;
}
.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 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    will-change: transform;
    overflow-y: auto;
}
.am-drawer-draghandle {
    z-index: 1;
    position: absolute;
    background-color: rgba(50, 50, 50, 0.1);
}
.am-drawer-overlay {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    background-color: rgba(0, 0, 0, 0.4);
}
.am-drawer-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    -webkit-transition: left 0.3s ease-out, right 0.3s ease-out;
    transition: left 0.3s ease-out, right 0.3s ease-out;
}
.am-drawer.am-drawer-left .am-drawer-sidebar,
.am-drawer.am-drawer-right .am-drawer-sidebar,
.am-drawer.am-drawer-left .am-drawer-draghandle,
.am-drawer.am-drawer-right .am-drawer-draghandle {
    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-top .am-drawer-sidebar,
.am-drawer.am-drawer-bottom .am-drawer-sidebar,
.am-drawer.am-drawer-top .am-drawer-draghandle,
.am-drawer.am-drawer-bottom .am-drawer-draghandle {
    left: 0;
    right: 0;
}
.am-drawer.am-drawer-top .am-drawer-draghandle,
.am-drawer.am-drawer-bottom .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, 0.15);
    box-shadow: 1PX 1PX 2px rgba(0, 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, 0.15);
    box-shadow: -1PX 1PX 2px rgba(0, 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, 0.15);
    box-shadow: 1PX 1PX 2px rgba(0, 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, 0.15);
    box-shadow: 1PX -1PX 2px rgba(0, 0, 0, 0.15);
}
.am-drawer.am-drawer-bottom .am-drawer-draghandle {
    bottom: 0;
}
/* flexbox */
.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;
}
/* flexbox */
.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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:before,
.am-image-picker-list .am-image-picker-upload-btn:after {
    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: 0.2s;
    transition-duration: 0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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 200ms;
    transition: background-color 200ms;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* list左图片显示*/
}
.am-list-item .am-list-ripple {
    position: absolute;
    background: transparent;
    display: inline-block;
    overflow: hidden;
    will-change: box-shadow, transform;
    -webkit-transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1);
    outline: none;
    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, 0.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;
    /* list左侧主内容*/
    /* list右补充内容*/
    /* 辅助性文字*/
    /* list右侧箭头*/
}
.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:after,
.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line: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:after,
.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line: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, 0.4);
}
.am-indexed-list-qsindicator {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px auto auto -30px;
    width: 60px;
    height: 30px;
    background: transparent;
    opacity: 0.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(0.5);
        transform: scale(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 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: none;
    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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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: none;
    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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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: none;
    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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scale(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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-title,
.am-navbar-right {
    -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: none;
    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, 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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 0.95)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.6)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 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, 0.21);
    box-shadow: 0 0 2px rgba(0, 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-rightTop .am-popover-arrow,
.am-popover-placement-rightBottom .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-leftTop .am-popover-arrow,
.am-popover-placement-leftBottom .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, 0.21);
    box-shadow: 0 0 2px rgba(0, 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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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;
}
.am-pull-to-refresh-transition {
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.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(0deg);
    transform: rotate(0deg);
}
.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.33);
    }
}
.am-result .am-result-pic {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    line-height: 60px;
    background-size: 60px 60px;
}
.am-result .am-result-title,
.am-result .am-result-message {
    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;
}
/* 默认搜索bar */
.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: none;
    text-align: left;
    color: transparent;
}
.am-search-input input[type="search"]::-moz-placeholder {
    background: none;
    text-align: left;
    color: transparent;
}
.am-search-input input[type="search"]::-ms-input-placeholder {
    background: none;
    text-align: left;
    color: transparent;
}
.am-search-input input[type="search"]::placeholder {
    background: none;
    text-align: left;
    color: transparent;
}
.am-search-input input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.am-search-input .am-search-clear {
    -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 0.3s, opacity 0.3s;
    transition: margin-right 0.3s, opacity 0.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: 0.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: 0.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: 0.3;
}
.am-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
}
.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: 0.3;
}
.am-slider-disabled .am-slider-track {
    height: 2px;
}
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text,
.am-slider-disabled .am-slider-dot {
    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-up-inner,
.am-stepper-handler-down-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-up-inner,
.am-stepper-handler-down-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: none;
    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: 0.3;
}
.am-stepper-handler-up-disabled .am-stepper-handler-active {
    background: none;
}
.am-stepper-disabled .am-stepper-handler-down,
.am-stepper-disabled .am-stepper-handler-up {
    opacity: 0.3;
    background: none;
}
.am-stepper-disabled .am-stepper-handler {
    opacity: 0.3;
}
.am-stepper-disabled .am-stepper-input-wrap {
    opacity: 0.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-icon,
.am-steps-item-content {
    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 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.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: bold;
    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: none;
    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(0.75);
    transform: scale(0.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: bold;
}
.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: none;
}
.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: transparent;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
}
.am-swipe .am-swipe-content,
.am-swipe .am-swipe-actions {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.am-swipe-swiping .am-swipe-content,
.am-swipe-swiping .am-swipe-actions {
    -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 300ms;
    transition: all 300ms;
}
.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 200ms;
    transition: all 200ms;
    -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 200ms;
    transition: all 200ms;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
    box-shadow: 2px 2px 4px rgba(0, 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: 0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 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-top,
.am-tabs-bottom {
    -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 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    will-change: transform;
}
.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
    -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    will-change: top, left, width, color;
}
.am-tabs-default-bar-top,
.am-tabs-default-bar-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-content,
.am-tabs-default-bar-bottom .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-top .am-tabs-default-bar-prevpage,
.am-tabs-default-bar-bottom .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(#ffffff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
.am-tabs-default-bar-bottom .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(#ffffff));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab,
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
    padding: 8px 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-underline,
.am-tabs-default-bar-bottom .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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scaleX(0.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(0.33);
        transform: scaleX(0.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(0.5);
        transform: scale(0.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(0.5);
        transform: scale(0.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(0.5);
        transform: scale(0.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(0.5);
        transform: scaleY(0.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(0.33);
        transform: scaleY(0.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, 0.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: 0.88rem;
}
.Calendar_div_2 {
    float: right;
    color: #888;
    font-size: 0.32rem;
}
.modal {
    background-color: #fff;
    width: 100%;
}
.modalBack {
    z-index: 99;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.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:after,
.am-indexed-list-section-body.am-list-body .am-list-item:last-child .am-list-line: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:after,
.am-indexed-list-section-header.am-list-body .am-list-item .am-list-line: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, 0.4);
}
.am-indexed-list-qsindicator {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px auto auto -30px;
    width: 60px;
    height: 30px;
    background: transparent;
    opacity: 0.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, 0.5);
}
.TypeToggle ul {
    background: #fff;
    padding: .5rem .4rem 0 .4rem;
    opacity: .95;
    -webkit-box-shadow: 0px 2px 3px #D8D8D8;
    box-shadow: 0px 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;
}
body,
html,
.app {
    overflow: auto;
    height: 100%;
}
body *,
html *,
.app * {
    font-family: Arial, Microsoft YaHei, sans-serif;
}
body,
.app {
    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 - 0.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;
    margin-top: .88rem;
}
/*点击背景色改变*/
.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: none;
    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 #979797;*/
    /*border-radius: 2rem;*/
    height: .9rem;
}
.LoginInput > input {
    width: 100%;
    outline: none;
    font-size: .32rem;
    border: none;
    height: 80%;
}
.LoginInput > img {
    margin-left: .46rem;
    margin-right: .35rem;
    width: 0.38rem;
    height: 0.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: #FFFFFF;
    font-size: .32rem;
    border-radius: .12rem;
    height: .9rem;
    background: #CECDCE;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: 0.30rem;
    color: #444444;
}
.fs-16 {
    font-size: 0.28rem;
    color: #737271;
}
.fs-15 {
    font-size: 0.3rem;
    color: #131313;
}
.fs-14 {
    font-size: 0.28rem;
    color: #131313;
}
.fs-13 {
    font-size: 0.26rem;
    color: #131313;
}
.fs-12 {
    font-size: 0.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: 0.68rem;
    font-weight: normal;
}
.trend table td {
    height: 0.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(#66DD55), to(#57C946));
    background-image: linear-gradient(-180deg, #66DD55 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%, #999999 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: none;
    width: 99%;
    height: 1rem;
    color: transparent;
    position: absolute;
    top: 0rem;
    left: 0rem;
    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: 0.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: 0.3rem;
    color: #131313;
}
.PayMethodItem .PayMethodItem-title {
    font-size: 0.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: 0.3rem;
    color: #131313;
    margin: 0.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: 0.34rem;
    color: #131313;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.RechargeMoneyItem .RechargeMoneyItem-title input {
    display: inline-block;
    width: 50%;
    height: 0.8rem;
    font-size: 0.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: none;
    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: 0.3rem;
    color: #666;
}
.TransferTitle .TransferTitle-ul li p {
    font-size: 0.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: 0.32rem;
    color: #333;
    width: 27%;
    text-align: right;
}
.TransferTitle-ul li input {
    font-size: 0.3rem;
    color: #666;
    outline: none;
    -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: 0.3rem;
    color: #666;
    padding-right: .42rem;
}
.TransferTitle-ul li .right-title img {
    width: .16rem;
}
.TransferTitle-ul > li:last-child,
.TransferTitle-ul .TransferTitle-Picker li {
    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: 0.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: 0.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: 0.3rem;
    color: #333;
    padding-bottom: .24rem;
}
.AlipayTransferItem .mark {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0.3);
}
.WeChatTransferItem {
    padding-bottom: 1.5rem;
    font-size: 0.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: 0.24rem;
    color: #666;
}
.WeChatTransferItem .WeChatTransferItem-tip {
    font-size: 0.28rem;
    color: #666;
    margin: .28rem 0 0 .48rem;
}
.WeChatTransferItem .WeChatTransferItem-tip span {
    color: #FF4941;
}
.CashierDeskItem {
    font-size: 0.3rem;
    color: #131313;
}
.CashierDeskItem .CashierDeskItem-top {
    padding-top: .66rem;
}
.CashierDeskItem .CashierDeskItem-top > span {
    font-size: 0.52rem;
    color: #333;
    margin-left: .32rem;
}
.CashierDeskItem .CashierDeskItem-top > div {
    text-align: center;
    font-size: 0.36rem;
    color: #666;
    margin-top: .66rem;
}
.CashierDeskItem .CashierDeskItem-top > div .CashierDeskItem-money {
    font-size: 0.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: 0.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: 0.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: 0.36rem;
    color: #666;
}
.Rechargeing .RechargeCountDown-time > span {
    font-size: 0.96rem;
    color: #333;
    margin-right: .2rem;
}
.Rechargeing .RechargeCountDown-tip {
    text-align: left;
    line-height: .6rem;
    font-size: 0.3rem;
    color: #666;
}
.Rechargeing .Rechargeing-img {
    width: 1.4rem;
    margin-bottom: .48rem;
}
.Rechargeing .Rechargeing-text {
    font-size: 0.32rem;
    color: #666;
    margin-bottom: 1.5rem;
}
.Rechargeing .Button {
    margin-top: .66rem;
}
.ScanCodePayItem {
    font-size: 0.3rem;
    color: #131313;
    text-align: center;
}
.ScanCodePayItem .ScanCodePayItem-title {
    padding-top: .6rem;
    text-align: center;
    font-size: 0.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: 0.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: 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.5);
    color: #FFFFFF;
    font-size: .32rem;
    border-radius: .12rem;
}
.ScanCodePayItem .ScanCodePayItem-bottom .oederSuccess a {
    color: #FFFFFF;
}
.PayMethodItem2V {
    font-size: 0.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: #666666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #333333;
}
.PayMethodItem2V .PayMethodItem-overseas .overseas-input .input-top input {
    background: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: #FFFFFF;
}
.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: #333333;
    width: 1.8rem;
    display: block;
    text-align: left;
}
.PayMethodItem2V .moneySelectContent .inputBox > div {
    width: calc(100% - 2.3rem);
}
.PayMethodItem2V .moneySelectContent .inputBox input {
    background: #FFFFFF;
    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: #333333;
    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: 0.26rem;
    color: #999;
    padding: .26rem 0 .26rem .32rem;
    background: #FFFFFF;
}
.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: #333333;
    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: #FFFFFF;
    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: #999999;
    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: #FFFFFF;
    margin-bottom: .2rem;
}
.BitcoinItem .QRCodeBox > img,
.QRCodeIntegrationItem .QRCodeBox > img {
    width: 3rem;
}
.BitcoinItem .orderContet,
.QRCodeIntegrationItem .orderContet {
    padding: 0 .4rem;
    background: #FFFFFF;
}
.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: #333333;
}
.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: -0.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: #999999;
    letter-spacing: -0.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: 0.32rem;
    color: #ccc;
}
.Withdrawals .Withdrawals-ul .Withdrawals-li .li-title {
    display: inline-block;
    width: 20%;
    font-size: 0.32rem;
    color: #333;
    margin-right: .28rem;
    text-align: right;
}
.Withdrawals .Withdrawals-ul .Withdrawals-li .li-input {
    font-size: 0.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: 0.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: 0.28rem;
    color: #FF4941;
    line-height: .45rem;
    margin: .5rem .48rem 1.5rem .4rem;
}
.Withdrawals .NoWithdrawalsBank .NoWithdrawalsBank-title {
    font-size: 0.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: 0.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: 0.3rem;
    color: #333;
    margin-bottom: .24rem;
}
.Withdrawals .WithdrawalsBank .Bank-top-img .Bank-top-name > span {
    font-size: 0.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: 0.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: 0.24rem;
    color: #666;
}
.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input {
    position: relative;
    font-size: 0.48rem;
    color: #333;
    padding: .28rem 0;
    height: 0.55rem;
    border-bottom: 1px solid #E0E0E0;
}
.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input {
    width: 80%;
    border: none;
    font-size: 0.4rem;
    color: #333;
}
.Withdrawals .WithdrawalsBank .WithdrawalsBank-money .Bank-money-input input::-webkit-input-placeholder {
    font-size: 0.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: 0.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: #999999;
    margin: .15rem 0;
}
.Withdrawals .WithdrawalsBank .Withdrawals-time {
    margin-top: 10px;
    text-align: center;
    color: #999;
}
.ChoiceBankCardItem .ChoiceBankCardItem-ul {
    font-size: 0.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: 0.3rem;
    color: #333;
    margin-bottom: .24rem;
}
.ChoiceBankCardItem .ChoiceBankCardItem-ul .Item-ul-li-left-name > span {
    font-size: 0.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: 0.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: 0.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, 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: 0.8rem;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid  #e0e0e0;
}
.put-forward > section > header span {
    position: absolute;
    top: 50%;
    left: 0.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: 0.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: 0.2rem;
    font-size: 16px;
    color: #FF4941;
}
.put-forward > section .cont .SetPayPwd-Input {
    margin-top: 0.5rem;
}
.put-forward > section .cont .dec {
    margin-top: 0.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: #333333;
    letter-spacing: 0;
    margin: 0 auto;
}
.DepositSuccessPageItem .iknowbtn {
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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 {
    /**iphone 5**/
}
.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: 0.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: 0.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: 0.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: 0.24rem;
    color: #000000;
    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: 0.28rem;
    color: #666666;
    letter-spacing: 0;
    margin-top: 0.2rem;
    margin-bottom: 0.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: 0.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: 0.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: 0.48rem;
    height: 0.48rem;
}
.act-detail-content .act-detail-img .level_item .noLogin {
    font-family: PingFangSC-Regular;
    font-size: 0.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: 0.14rem;
    margin-bottom: 0.14rem;
}
.act-detail-content .act-detail-img .level_item_1 img {
    width: 0.48rem;
    height: 0.48rem;
    margin-top: 0.14rem;
    margin-bottom: 0.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: 0.66rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.76rem;
    height: 0.82rem;
    border-radius: 0.48rem;
    background: #FFEA00 !important;
    border: none;
    font-family: "PingFang SC";
    color: #000 !important;
    letter-spacing: -0.024rem;
    font-size: 0.36rem;
    -webkit-box-shadow: 0 0.1rem 0 #f9b800;
    box-shadow: 0 0.1rem 0 #f9b800;
}
.act-detail-content .act-detail-img .gift_desc > span {
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: 0;
    margin-bottom: 0.08rem;
}
.act-detail-content .act-detail-img .gift_desc > span > span {
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #FF4D55;
    letter-spacing: 0;
    line-height: 20px;
}
.act-detail-content .act-detail-img .gift_desc button {
    width: 2.8rem;
    height: 0.8rem;
    border-radius: 10px;
    background: #FF4D55;
    border: none;
    color: #fff;
    font-size: 0.32rem;
}
.act-detail-content .act-detail-img .gift_desc .disable {
    background: #CECDCE;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.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: 0.9rem 0.3rem 0;
    font-family: "PingFang SC";
    font-size: 0.32rem;
    letter-spacing: 0;
    padding: 0.48rem 0.7rem 0;
    text-align: center;
}
.act-detail-content .act-detail-dec h3 {
    margin-bottom: 0.26rem;
    font-size: 0.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: 0.02rem;
    border-radius: 2px;
    background-color: #000;
}
.act-detail-content .act-detail-dec h3:after {
    position: absolute;
    right: 0;
    content: '';
    width: 2.18rem;
    height: 0.02rem;
    border-radius: 2px;
    background-color: #000;
}
.act-detail-content .act-detail-dec div {
    word-break: break-all;
    color: #2A2A2A;
    font-size: 0.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, 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: #FFFFFF;
    margin-bottom: 1rem;
    border-radius: 0.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: #FFFFFF;
    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: 0.52rem;
    color: #FFFFFF;
    letter-spacing: 0;
}
.act-detail-content .wxh_modalBack > div:nth-child(2) {
    width: 0.66rem;
    height: 0.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(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-borderfix:before {
    -webkit-transform: scale(0.49) !important;
    -ms-transform: scale(0.49) !important;
    transform: scale(0.49) !important;
}
.am-button.am-button-active {
    background-color: #ddd;
}
.am-button.am-button-disabled {
    color: rgba(0, 0, 0, 0.3);
    opacity: 0.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(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-primary.am-button-active {
    color: rgba(255, 255, 255, 0.3);
    background-color: #0e80d2;
}
.am-button-primary.am-button-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.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(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-ghost.am-button-active {
    color: rgba(16, 142, 233, 0.6);
    background-color: transparent;
    border: 1PX solid rgba(16, 142, 233, 0.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, 0.6);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        pointer-events: none;
    }
}
.am-button-ghost.am-button-disabled {
    color: rgba(0, 0, 0, 0.1);
    border: 1PX solid rgba(0, 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, 0.1);
        border-radius: 10px;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.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, 0.3);
    background-color: #d24747;
}
.am-button-warning.am-button-disabled {
    color: rgba(255, 255, 255, 0.6);
    opacity: 0.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: 0.5em;
}
.tabButton {
    padding: 10px;
}
.tabButton .btn-choise {
    background-color: red;
    color: white;
}
.tabButton .btn {
    margin-top: 4px;
    margin-right: 4px;
}
.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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: 0.46rem;
    height: 0.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: 0.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: 0.32rem;
    color: #333333;
    letter-spacing: -0.89px;
}
.gameRecord_container .wxh_container .BackItem > div.item-li .li-top > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 0.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: 0.26rem;
    color: #999999;
}
.gameRecord_container .wxh_container .BackItem > div.item-li .li-bottom > span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #999999;
    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, 0.5);
}
.gameRecord_container .wxh_container .TypeToggle ul {
    background: #fff;
    padding: .5rem .4rem 0 .4rem;
    opacity: .95;
    -webkit-box-shadow: 0px 2px 3px #D8D8D8;
    box-shadow: 0px 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: 0.24rem;
    color: #50B5EB;
    letter-spacing: -0.17px;
    text-align: center;
    text-decoration: underline;
}
.gameRecord_container .textDe_1 {
    background: #FF4941 !important;
    border: 0 solid #FF4941 !important;
    border-radius: 0.32rem;
    font-family: PingFangSC-Regular;
    font-size: 0.256rem;
    color: #FFFFFF !important;
    letter-spacing: -0.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: 0.256rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    font-size: 0.28rem;
    background-color: #ffffff;
    border-radius: 0.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: 0.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: 0.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: 0.8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: 0.8rem;
    text-align: center;
    border: 1px solid  #D8D8D8;
    border-radius: 0.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: #ffffff;
    border-bottom-left-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
}
.gameRecord_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: 0.8rem;
    color: #ffffff;
    font-size: 0.3rem;
    background-color: #CDCDCD;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.12rem;
}
.gameRecord_container .wxh_transfer_modal .wxh_teamBet_close {
    width: 0.54rem;
    height: 0.54rem;
    background-color: #ffffff;
    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: #ffffff;
    font-size: 0.28rem;
}
.gameRecord_container .wxh_transfer_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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: 0.36rem;
    color: #333333;
    letter-spacing: -1px;
    text-align: center;
}
.gameRecordDetails > div:nth-child(1) > div:nth-child(1) {
    height: 0.5rem;
}
.gameRecordDetails > div:nth-child(1) > div:nth-child(2) {
    height: 0.4rem;
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
}
.gameRecordDetails > div:nth-child(1) > div:nth-child(2) > span {
    font-family: PingFangSC-Medium;
    font-size: 0.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: 0.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: 0.36rem;
    text-align: left;
    margin-bottom: 0.28rem;
    margin-top: 0.28rem;
}
.gameRecordDetails .game_content > div span:nth-child(1) {
    width: 30%;
    font-family: PingFangSC-Regular;
    font-size: 0.26rem;
    color: #999999;
}
.gameRecordDetails .game_content > div span:nth-child(2) {
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: 0.3px;
}
.gameRecordDetails .bor {
    width: 100%;
    height: 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: 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: 0.32rem;
    color: #333333;
    letter-spacing: -0.62px;
    border-bottom: 1px solid #cdcdcd;
}
.gameRecordDetails .game_info > div:nth-child(1) {
    width: 0.08rem;
    height: 0.4rem;
    margin-right: 0.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: 0.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: 0.2rem;
}
.gameRecordDetails .game_info_content .jagged > div > span {
    font-family: PingFangSC-Regular;
    font-size: 0.3rem;
    color: #333333;
    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: 0.12rem;
    background: #E0E0E0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
    box-shadow: 0 2px 4px 0 rgba(224, 224, 224, 0.5);
    border-radius: 8px;
}
.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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: 0.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: 0.32rem;
    background-color: #FF4941;
    border-radius: 0.04rem;
    border: 1px solid #ffffff;
}
.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: #ffffff;
    color: #FF4941;
}
#tabSelect_1 {
    background-color: #f1f1f1;
    color: #333333;
}
.wxh_zhuihao_time {
    width: 100%;
    height: 0.8rem;
    margin-top: .7rem;
}
.wxh_zhuihao_multiple {
    width: 100%;
    height: 0.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: 0.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: 0.8rem;
    border: 1px solid #CDCDCD;
    border-radius: 3px;
    text-align: center;
}
.wxh_zhuihao_multiple_span {
    width: 0.2rem;
    height: 0.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: 0.2rem;
    margin-bottom: 2rem;
    overflow-y: scroll;
    font-size: 0.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: 0.28rem;
    height: 0.28rem;
}
.wxh_zhuihao_content table tr > td:nth-child(2),
.wxh_zhuihao_content table td:nth-child(3) {
    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: 0.34rem;
    height: 0.34rem;
    background-color: #cecece;
    color: #ffffff;
    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: 0.38rem;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 0.04rem;
}
.wxh_zhuihao_content table td {
    padding-top: 0.2rem;
    padding-bottom: 0.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: #ffffff;
}
.wxh_zhuihao_footer_1 {
    width: 100%;
    height: 0.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: 0.32rem;
}
.wxh_zhuihao_footer_1 img:nth-of-type(1) {
    width: 0.32rem;
    height: 0.32rem;
}
.wxh_zhuihao_footer_1 img:nth-of-type(2) {
    width: 0.36rem;
    height: 0.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: 0.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: 0.4rem;
}
.wxh_zhuihao_footer_2 > div:nth-child(1) span {
    color: #FF4941;
}
.wxh_zhuihao_footer_2 > div:nth-child(2) {
    width: 1.6rem;
    height: 0.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: #ffffff;
    margin-right: 0.4rem;
    border-radius: 0.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: #333333;
    font-size: 0.28rem;
    background-color: #ffffff;
    border-radius: 0.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: 0.72rem;
}
.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_3 > div {
    width: 2.4rem;
    height: 0.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: 0.1rem;
    color: #ffffff;
}
.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: 0.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: 0.8rem;
    height: 0.54rem;
}
.wxh_zhuihao_model_wrapper .wxh_zhuihao_model .wxh_zhuihao_model_2_2 > div {
    width: 100%;
    height: 0.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: 0.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: 0.48rem;
    height: 0.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: 0.6rem;
    height: 0.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: 0.36rem;
    height: 0.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, 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: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: -0.18px;
}
.happyRoomTitle > div > div:first-child .timers {
    font-size: .32rem;
    color: #FF4941;
    letter-spacing: -0.23px;
    text-align: center;
    margin-left: .3rem;
}
.happyRoomTitle > div > div.Balance {
    max-width: 3rem;
    text-align: center;
    font-size: .26rem;
    color: #333333;
}
.happyRoomTitle > div > div.Balance span {
    font-size: .26rem;
    color: #FF4941;
    letter-spacing: -0.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: -0.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: #333333;
    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: #FFFFFF;
    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: url(images/bg.png) 0 bottom no-repeat;
    background-size: 100% auto;
    font-size: 0.3rem;
    color: #131313;
}
.LoginItem header {
    width: 100%;
    height: 3.8rem;
    text-align: center;
    position: relative;
}
.LoginItem header .login-delete {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .48rem;
    right: .58rem;
}
.LoginItem header .login-logo {
    display: block;
    width: 1rem;
    height: auto;
    position: absolute;
    top: .8rem;
    left:0;
    right:0;
    margin:auto;
}
.LoginItem header .login-logo img {
    display: block;
    width: 1rem;
    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: 0.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;
    width:6rem;
    margin: 0 auto;
}
.LoginItem content .content-input .LoginInput {
    margin-bottom: .38rem;
}
.LoginItem content .content-input .LoginInput:first-child > div img {
    width: 0.3rem;
    height: 0.3rem;
}
.LoginItem content .content-input .Button {
    margin: .88rem 0;
    margin-top: 0;
}
.LoginItem content .content-input .input-link {
    font-size: 0.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: 0.28rem;
    color: #999;
}
.FreeTryItem {
    font-size: 0.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: 0.32rem;
    color: #333;
    margin-right: .4rem;
}
.FreeTryItem .FreeTry-content-input span:last-child {
    font-size: 0.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: 0.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: 0.32rem;
    color: #333;
    font-weight: 400;
    margin: .36rem 0 .08rem 0;
}
.FreeTryItem footer .footer-text {
    font-size: 0.28rem;
    color: #2a2a2a;
    line-height: .5rem;
}
.NameRegister {
    padding: .68rem .6rem;
}
.NameRegister .NameReg-title {
    font-size: 0.28rem;
    color: #999;
    padding-left: .46rem;
    margin: .22rem 0 .3rem 0;
}
.Register-clause {
    font-size: 0.28rem;
    color: #666;
    margin: .4rem 0;
    margin-bottom:1.2rem;
    padding-left: 8px;
}
.Register-clause img {
    width: .32rem;
    margin-right: .16rem;
}
.Register-clause a {
    font-size: 0.28rem;
    color: #ddc190;
}
.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: 0.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: 0.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, 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: 0.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: 0.4rem;
    padding-left: 10px;
    padding-right: 10px;
}
.wxh_userProfit_container > div .wxh_userProfit_time span {
    font-size: 0.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: 0.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: 0.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: 0.3rem;
}
.wxh_userProfit_container > div .wxh_userProfit_date > span {
    font-size: 0.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::before,
.wxh_userProfit_container > div .wxh_userProfit_date .am-list-body::after {
    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: #ffffff;
    background-color: #FF4941;
}
.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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 0.3rem;
    text-align: center;
}
.wxh_teamBet_container .wxh_teamBet_header div:nth-child(1) > span {
    color: #ffffff;
    font-size: 0.3rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    line-height: 0.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: #333333;
    font-size: 0.28rem;
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #ECECED;
    background-color: #ffffff;
    margin-top: 0.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: 0.74rem;
}
.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(1) {
    color: #333333;
    font-size: 0.28rem;
}
.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(1) > span:nth-child(2) {
    color: #999999;
    font-size: 0.24rem;
}
.wxh_teamBet_container .wxh_teamBet_list > div:nth-of-type(2) {
    color: #FF4941;
    font-size: 0.28rem;
    height: 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;
    -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: #333333;
    font-size: 0.28rem;
    background-color: #ffffff;
    border-radius: 0.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: 0.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: 0.8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: 0.8rem;
    text-align: center;
    border: 1px solid #D8D8D8;
    border-radius: 0.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: 0.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: 0.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: 0.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: 0px;
}
.wxh_teamBet_modal_wrapper .wxh_teamBet_modal .vcontent .showCalendar .am-list-body::after {
    height: 0px;
}
.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: #ffffff;
    border-bottom-left-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
}
.wxh_teamBet_modal_wrapper .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: 0.8rem;
    color: #ffffff;
    font-size: 0.3rem;
    background-color: #CDCDCD;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.12rem;
}
.wxh_teamBet_modal_wrapper .wxh_teamBet_close {
    width: 0.54rem;
    height: 0.54rem;
    background-color: #ffffff;
    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: #ffffff;
    font-size: 0.28rem;
}
.wxh_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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, 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: #333333;
    font-size: 0.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: #333333;
    font-size: 0.28rem;
    margin-top: 0.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: 0.4rem;
    line-height: 0.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: 0.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: 0.36rem;
    color: #333333;
    font-size: 0.3rem;
    text-align: left;
    margin-bottom: 0.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: 0.8rem;
    color: #333;
    font-size: 0.3rem;
    background-color: #f2f2f2;
    -webkit-box-shadow: 0px 4px 4px #cdcdcd;
    box-shadow: 0px 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: 0.3rem;
    width: inherit;
    height: auto;
}
.wxh_commission_details > div:nth-child(3) tbody tr {
    width: inherit;
    height: 0.4rem;
}
.wxh_commission_details > div:nth-child(3) tbody tr td {
    width: 25%;
    height: 0.8rem;
    border: 1px solid #CDCDCD;
}
.wxh_commission_details > div:nth-child(3) tbody tr td:nth-child(1) {
    color: #333333;
    font-size: 0.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: #ffffff;
    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: 0.3rem;
    width: 1.6rem;
    height: 0.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: 0.15rem;
    margin-bottom: .1rem;
    line-height: 0.72rem;
}
.modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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: 0.32rem;
    border-bottom: 1px solid #FF4941;
    margin-top: 1px;
}
.color_1 {
    color: #FF4941;
    font-size: 0.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: 0.8rem;
    line-height: 0.8rem;
    color: #333333;
    font-size: 0.32rem;
    margin-bottom: 0.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: 0.54rem;
    color: #999999;
    font-size: 0.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: #666666;
    font-size: 0.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: #333333;
    font-size: 0.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: #333333;
    font-size: 0.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: 0.4rem;
    line-height: 0.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: 0.28rem;
}
.wxh_commission .wxh_details div:nth-child(3) {
    width: 6.16rem;
    height: 0.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: 0.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: #666666;
    font-size: 0.28rem;
}
.wxh_commission .wxh_details div:nth-child(3) span:nth-child(2) {
    width: 1.6rem;
    height: 0.72rem;
    color: #666666;
    font-size: 0.32rem;
    margin-left: 0.36rem;
    border-radius: 6px;
    background-color: #CDCDCD;
}
.wxh_commission .wxh_details div:nth-child(3) span:nth-child(3) {
    width: 1.6rem;
    height: 0.72rem;
    color: #fff;
    font-size: 0.3rem;
    margin-left: 0.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, 0.3);
}
#triangle_1 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -0.1rem;
    left: -0.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.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: -0.1rem;
    right: -0.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.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: 0.28rem;
    margin-top: .5rem;
}
.AccountDetailInfo div:nth-child(2) {
    color: #333;
    font-size: 0.36rem;
    margin-bottom: 0.13rem;
    line-height: 1rem;
}
.AccountDetailInfo div:nth-child(3) {
    color: #999;
    font-size: 0.24rem;
    margin-bottom: 0.66rem;
}
.AccountDetailInfo div:nth-child(4) {
    width: 6.58rem;
    height: 0.02rem;
    background-color: #cdcdcd;
    margin-bottom: 0.46rem;
}
.AccountDetailInfo div:nth-child(5),
.AccountDetailInfo div:nth-child(6),
.AccountDetailInfo div:nth-child(7),
.AccountDetailInfo div:nth-child(8),
.AccountDetailInfo div:nth-child(10) {
    width: 6.58rem;
    height: 0.36rem;
    color: #999;
    font-size: 0.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: 0.36rem;
    text-align: left;
    margin-bottom: 0.326rem;
}
.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),
.AccountDetailInfo div:nth-child(10) span:nth-child(1) {
    width: 30%;
    height: 50%;
}
.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),
.AccountDetailInfo div:nth-child(10) span:nth-child(2) {
    color: #666;
    font-size: 0.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: 0.36rem;
    line-height: 0.36rem;
}
.AccountDetailInfo div:nth-child(10) span:nth-child(2) {
    word-break: break-all;
}
.AccountDetailInfo div:nth-child(9) {
    width: 100%;
    height: 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: 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: 0.6rem;
    margin-bottom: 0.42rem;
}
.fastTime-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 1.2rem;
    padding: 0.2rem 0.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: 0.88rem 0 1rem;
}
.team-Container .team-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0.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: 0.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: 0.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: 0.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: 0.88rem  0  1rem;
}
/* flexbox */
.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: none;
    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: 0.266rem;
    color: #262626;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(234, 234, 234, 0.5);
    border-radius: 0.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: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(234, 234, 234, 0.5);
    box-shadow: 0 2px 4px 0 rgba(234, 234, 234, 0.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(3),
.user-agent-center .agent-select > span:nth-child(1) {
    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: 0.24rem;
    color: #000000;
    letter-spacing: -0.2px;
    text-align: center;
}
.user-agent-center .teamDec {
    width: 94%;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 13px 0 rgba(223, 223, 223, 0.5);
    box-shadow: 0 2px 13px 0 rgba(223, 223, 223, 0.5);
    border-radius: .1rem;
    padding: .3rem;
    margin: 0 auto;
    margin-top: 0.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: 0.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: #999999;
    letter-spacing: -0.72px;
    text-align: center;
    margin: .04rem;
}
.user-agent-center .teamDec > div:not(.NoRecord) > div p:nth-child(2) {
    font-size: .32rem;
    color: #333333;
    letter-spacing: -0.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 th,
.user-agent-center .teamDec td {
    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 0rem;
}
.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: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #333333;
    letter-spacing: -0.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: #FFFFFF;
}
.user-argent-adduser .content .adduserModelTab2 > div {
    width: 100%;
    height: 1rem;
    padding: 0 10%;
    background: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #333333;
    letter-spacing: -0.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-list-content,
.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-input-control {
    font-size: .28rem;
}
.user-argent-adduser .content .Link-Manage .direct-accounts-my-list .am-list-line div.titleLink {
    font-size: .30rem;
    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: #666666;
    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: #666666;
}
.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #333333;
    letter-spacing: -0.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: -0.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-list-content,
.user-argent-transfer .content .transfer-my-list .am-list-line .am-input-label,
.user-argent-transfer .content .transfer-my-list .am-list-line .am-input-control {
    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-list-content,
.direct-accounts-page .direct-accounts-my-list .am-list-line .am-input-label,
.direct-accounts-page .direct-accounts-my-list .am-list-line .am-input-control {
    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-list-content,
.Link-Setting .am-list-line .am-input-label,
.Link-Setting .am-list-line .am-input-control {
    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: #FFFFFF;
}
.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: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.5);
    border-radius: 6px;
    margin: 0 .34rem;
}
#teamUserItem {
    width: auto;
    height: 2.8rem;
    padding: 0.32rem 0.46rem;
    background-color: #FFF;
    margin: auto;
    margin-top: 0.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: 0.9rem;
    color: #333;
    font-size: 0.3rem;
    line-height: 0.42rem;
    border-bottom: 0.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: 0.56rem;
    font-size: 0.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: -0.0156rem;
    line-height: 0.56rem;
    padding-left: 5px;
    padding-right: 5px;
}
#teamUserItem div > div:nth-of-type(1) #triangle_1 {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -0.1rem;
    left: -0.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.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: -0.1rem;
    right: -0.46rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: 0.1rem;
    border-right-width: 0.1rem;
    border-bottom-width: 0.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: 0.28rem;
    line-height: 0.4rem;
    margin-top: 0.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;
}
.list-view-section-body {
    border-bottom: 1px solid #f1f1f1;
}
.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(0.5);
    transform: scaleY(0.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: -0.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: #666666;
}
.AgentLinkListItemAlert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 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: 0.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: 0.2s;
    transition-duration: 0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleX(0.5);
        transform: scaleX(0.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(0.33);
        -ms-transform: scaleX(0.33);
        transform: scaleX(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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, 0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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, 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: #333333;
    letter-spacing: -0.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: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #333333;
    letter-spacing: -0.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: #999999;
    letter-spacing: -0.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: #333333;
    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 300ms;
    transition: all 300ms;
}
.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 200ms;
    transition: all 200ms;
    -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 200ms;
    transition: all 200ms;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.21);
    box-shadow: 2px 2px 4px rgba(0, 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: 0.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, 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: 0.46rem;
    height: 0.5rem;
}
.transfer_container .wxh_container {
    width: 100%;
    margin-top: .88rem;
}
.transfer_container .wxh_container .wxh_select_div {
    width: 100%;
    height: 0.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: #FFFFFF;
}
.transfer_container .wxh_container .wxh_select_div > div {
    width: 93%;
    height: 0.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: 0.3rem;
    color: #555555;
    letter-spacing: -0.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.54px;
    margin-left: 0.24rem;
}
.transfer_container .wxh_container .wxh_select_div > div > div:nth-child(2) > span {
    padding: 0.12rem 0.24rem;
    margin-right: 0.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: #FFFFFF;
    border: 1px solid #FF344D;
    border-radius: 0.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: 0.94rem;
    background-color: #FFFFFF;
    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, 0.5);
    font-family: PingFangSC-Regular;
    font-size: 0.3rem;
    color: #333333;
    letter-spacing: -0.58px;
}
.transfer_container .wxh_container .wxh_select_div_1 > div {
    width: 33.3%;
    padding-top: 0.1rem;
    padding-bottom: 0.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: 0.14rem;
    padding-left: 0.14rem;
    margin-top: 0.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: 0.24rem;
    color: #50B5EB;
    letter-spacing: -0.17px;
    text-align: center;
    text-decoration: underline;
}
.transfer_container .textDe_1 {
    background: #FF4941 !important;
    border: 0 solid #FF4941 !important;
    border-radius: 0.32rem;
    font-family: PingFangSC-Regular;
    font-size: 0.256rem;
    color: #FFFFFF !important;
    letter-spacing: -0.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: 0.256rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    font-size: 0.28rem;
    background-color: #ffffff;
    border-radius: 0.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: 0.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: 0.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: 0.8rem;
    padding-left: .02rem;
    padding-right: .02rem;
    white-space: nowrap;
    line-height: 0.8rem;
    text-align: center;
    border: 1px solid  #D8D8D8;
    border-radius: 0.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: 0.6rem;
    display: inline;
    padding-left: 0.24rem;
    background: #F2F2F2;
    border-radius: 0.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: 0.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: 0.66rem;
    border-radius: 0.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: 0.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: 0px;
}
.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: 0px;
}
.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: #ffffff;
    border-bottom-left-radius: 0.24rem;
    border-bottom-right-radius: 0.24rem;
}
.transfer_container .wxh_transfer_modal .wxh_teamBet_modal > div:nth-child(2) > span {
    width: 2.4rem;
    height: 0.8rem;
    color: #ffffff;
    font-size: 0.3rem;
    background-color: #CDCDCD;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.12rem;
}
.transfer_container .wxh_transfer_modal .wxh_teamBet_close {
    width: 0.54rem;
    height: 0.54rem;
    background-color: #ffffff;
    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: #ffffff;
    font-size: 0.28rem;
}
.transfer_container .wxh_transfer_modalBack {
    z-index: 999;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 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;
}


.dream-header .lang_cur_s{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}

.dream-header .lang_cur_s #vector{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.7rem;
    top: -.1rem;
}
.dream-header .lang_cur_s>img{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: -.1rem;
}

.dream-header .lang_cur_t{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}

.dream-header .lang_cur_t #vector{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.7rem;
    top: -.1rem;
}
.dream-header .lang_cur_t>img{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: -.1rem;
}
.dream-header .lang_cur_e{
    position: absolute;
    width: 1.2rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}

.dream-header .lang_cur_e #vector{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 1.1rem;
    top: -.1rem;
}
.dream-header .lang_cur_e{
    position: absolute;
    width: 1.2rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}
.dream-header .lang_cur_e>img{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: -.1rem;
}
.dream-header .lang_cur_v{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}
.dream-header .lang_cur_v>img{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: -.1rem;
}
.dream-header .lang_cur_j{
    position: absolute;
    width: 1rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .26rem;
    right: 0.3rem;
    top: 0.3rem;
    
    display: none;
}

.dream-header .lang_cur_j #vector{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: .9rem;
    top: -.1rem;
}
.dream-header .lang_cur_j>img{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: -.1rem;
}
.dream-header .lang_lump{
    display: none;
    position: absolute;
    width: 2.8rem;
    height: auto;
    text-align: left;
    background: white;
    border:.01rem solid white;
    border-radius: .1rem;
    z-index: 99999999;
    font-size: .16rem;
    right: 0.2rem;
    top: 0.75rem;
    box-shadow: 0 0 .02rem #a7a7a7;
    padding:.13rem;
}
.dream-header .lang_lump a.lang{
    position: relative;
    padding:0!important;
    font-size: .32rem!important;
    height: 0.8rem;
    line-height: .8rem;
    color:black;
    border-bottom: 0.01rem solid #f2f2f2;
}
.dream-header .lang_lump a.lang:last-child{
    border-bottom: none;
}
.dream-header .lang_lump a.lang img{
    position: absolute;
    top: .1rem;
    right: 0;
    display: inline-block;
    width:auto;
    height: 0.4rem;
}
.dream-header .lang_lump a.lang img:first-child{
    position: relative;
    left: 0;
    top:-.07rem;
}
.dream-header .lang_lump a{
    display: block;
}








.LoginItem {
    height: 100%;
    background: url(images/bg.png) 0 bottom no-repeat;
    background-size: 100% 100%;
    font-size: 0.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:white;
    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: 0.3rem;
    top: 0.05rem;
    
    display: none;
}
.LoginItem .login_bar .lang_cur_s>img{
    position: absolute;
    width: 0.4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: 0.3rem;
}

.LoginItem .login_bar .lang_cur_t{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.3rem;
    top: 0.05rem;
    
    display: none;
}
.LoginItem .login_bar .lang_cur_t>img{
    position: absolute;
    width: 0.4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: 0.3rem;
}
.LoginItem .login_bar .lang_cur_e{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.3rem;
    top: 0.05rem;
    
    display: none;
}

.LoginItem .login_bar #vector{
    position: absolute;
    width: 0.3rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.65rem;
    top: 0.35rem;
}
.LoginItem .login_bar .lang_cur_e>img{
    position: absolute;
    width: 0.4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: 0.3rem;
}
.LoginItem .login_bar .lang_cur_v{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.3rem;
    top: 0.05rem;
    
    display: none;
}
.LoginItem .login_bar .lang_cur_v>img{
    position: absolute;
    width: 0.4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: 0.3rem;
}
.LoginItem .login_bar .lang_cur_j{
    position: absolute;
    width: .8rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: 0.3rem;
    top: 0.05rem;
    
    display: none;
}
.LoginItem .login_bar .lang_cur_j>img{
    position: absolute;
    width: 0.4rem;
    height: auto;
    text-align: center;
    z-index: 99;
    font-size: .16rem;
    right: -0.15rem;
    top: 0.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 white;
    border-radius: .8rem;
    z-index: 99;
    font-size: .16rem;
    right: 0.2rem;
    top: 0.15rem;
}
.LoginItem .login_bar .lang_lump a.lang{
    padding:0!important;
    font-size: .32rem!important;
    height: 0.8rem;
    line-height: .8rem;
    color:white;
}
.LoginItem .login_bar .lang_lump a{
    display: block;
}
.LoginItem .login_bar >a {
    position: absolute;
    top: .1rem;
    left: 0rem;
}
.LoginItem header {
    width: 100%;
    height: 3rem;
    text-align: center;
    position: relative;
    padding-top: 23px;
}
.LoginItem header .login-delete {
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .48rem;
    right: .58rem;
}
.LoginItem header .login-logo {
    display: block;
    width: 1rem;
    height: auto;
    position: absolute;
    top: .8rem;
    left:0;
    right:0;
    margin:auto;
}
.LoginItem header .login-logo img {
    display: block;
    width: 1rem;
    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: 0.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: 0.3rem;
    height: 0.3rem;
}
.LoginItem content .content-input .Button {
    margin: .88rem 0 20px 0;
    margin-top: 0;
}
.LoginItem content .content-input .input-link {
    font-size: 0.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 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;
    height: 1.7rem;
}
.LoginItem content .content-input .input-link-1,
.LoginItem content .content-input .input-link-2 {
    width: 2rem;
    font-size: 0.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,
.LoginItem content .content-input .input-link-1 span {
    margin-top: 5px;
}
.LoginItem .input-link a {
    font-size: 0.28rem;
    color: #999;
}
.verify-code {
    height: .62rem;
    line-height: .62rem;
}
.z-index-top {
    z-index: 10000;
}
.FreeTryItem {
    font-size: 0.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: 0.32rem;
    color: #333;
    margin-right: .4rem;
}
.FreeTryItem .FreeTry-content-input span:last-child {
    font-size: 0.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: 0.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: 0.32rem;
    color: #333;
    font-weight: 400;
    margin: .36rem 0 .08rem 0;
}
.FreeTryItem footer .footer-text {
    font-size: 0.28rem;
    color: #2a2a2a;
    line-height: .5rem;
}
.NameRegister {
    padding: .68rem .6rem;
}
.NameRegister .NameReg-title {
    font-size: 0.28rem;
    color: #999;
    padding-left: .46rem;
    margin: .22rem 0 .3rem 0;
}
.Register-clause {
    display: -webkit-box;
    justify-content: center;
    font-size: 0.28rem;
    color: #666;
    margin: .4rem 0;
}
.Register-clause img {
    width: .32rem;
    margin-right: .16rem;
}
.Register-clause a {
    font-size: 0.28rem;
    color: #ddc190;
}
.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: 0.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: 0.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: 0.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: #6e6e6e;
    font-size: .28rem;
    margin-top: 0.5rem;
}
.LoginItem .login_trigger_btn span {
   color: #f5bd6b;
    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: 0.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: #FFFFFF;
    z-index: 13;
}
.teamProfit_container .wxh_select_div > div {
    width: 93%;
    height: 0.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: 0.32rem;
    color: #333333;
    letter-spacing: -0.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: 0.256rem;
    color: #333333;
    letter-spacing: -0.49px;
    margin-left: 0.24rem;
}
.teamProfit_container .wxh_select_div > div > div:nth-child(2) > span {
    padding: 0.12rem 0.24rem;
    margin-right: 0.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: #FFFFFF;
    border: 1px solid #FF344D;
    border-radius: 0.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: 0.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, 0.5);
    font-family: PingFangSC-Regular;
    font-size: 0.3rem;
    color: #333333;
    letter-spacing: -0.58px;
    position: fixed;
    background-color: #FFFFFF;
    z-index: 10;
}
.teamProfit_container .wxh_select_div_1 > div {
    width: 25%;
    padding-top: 0.1rem;
    padding-bottom: 0.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: 0.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: 0.24rem;
    color: #50B5EB;
    letter-spacing: -0.17px;
    text-align: center;
    text-decoration: underline;
}
.teamProfit_container .textDe_1 {
    background: #FF4941 !important;
    border: 0 solid #FF4941 !important;
    border-radius: 0.32rem;
    font-family: PingFangSC-Regular;
    font-size: 0.256rem;
    color: #FFFFFF !important;
    letter-spacing: -0.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: 0.256rem;
    color: #333333;
    letter-spacing: -0.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 sandybrown;
}
.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: 1rem;
    position: fixed;
    z-index: 10;
    bottom: 0;
    /*background-color: #FFF;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-size: cover;
}
.footer-nav * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-nav div {
    background: linear-gradient(180deg, #274694 0%, #1C377C 100%);
    padding: 0 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;
    /*border-top-left-radius: 35px;*/
    /*border-top-right-radius: 35px;*/
}
.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: 8px;*/
}
.footer-nav div li .unreadMes {
    background: #FF4941;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 77, 85, 0.4);
    box-shadow: 0 1px 1px 0 rgba(255, 77, 85, 0.4);
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    position: absolute;
    top: .1rem;
    right: -0.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: #a9a9a9;
}
.footer-nav div .active span {
    font-size: .22rem;
    margin-top: .1rem;
    color: #a9a9a9;
}
.footer-nav div .footer-link img {
    height: .4rem;
}
.footer-nav > img {
    width: 100%;
    height: 1.5rem;
    display: block;
    position: absolute;
    bottom: 0rem;
}
.drop-down {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    top: 0.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: 0.4rem 0.32rem ;
    background: #fff;
}
.drop-down ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0.68rem;
    width: 1.92rem;
    background: #FFFFFF;
    margin: 0.2rem 0.15rem;
    border-radius: 4px;
    text-align: center;
    line-height: 0.68rem;
    background: #f0f0f0;
}
.drop-down ul li.active {
    background: #FF4D55;
    color: #FFFFFF;
}
.luck28Table table {
    position: relative;
}
.luck28Table table tbody div {
    position: relative;
    z-index: 1;
}
.luck28Table table tbody .red,
.luck28Table table tbody .blue,
.luck28Table table tbody .green,
.luck28Table table tbody .gray {
    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: 0.2rem;
    margin-top: 0.2rem;
}
.timeColorTable ul li {
    color: #666666;
}
.timeColorTable ul li.active {
    color: #FF4941;
}
.timeColorTable .red,
.timeColorTable .blue,
.timeColorTable .gray,
.timeColorTable .green {
    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;
}
/* Slider */
.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: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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:before,
.slick-track:after
{
    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;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(images/c5cd7f53.ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    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');
}
/* Arrows */
.slick-prev,
.slick-next
{
    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: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

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

/* Dots */
.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: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus: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: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.pk10Table .tab {
    position: relative;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
}
.pk10Table .tab div {
    color: #666666;
    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: #666666;
    text-align: center;
}
.pk10Table .tab-uc section div.active {
    color: #FF4941;
}
.pk10Table .red,
.pk10Table .blue,
.pk10Table .green,
.pk10Table .gray {
    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: -0.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: 0.26rem;
}
.trend .trend-title div {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.14rem solid transparent;
    border-right: 0.14rem solid transparent;
    border-top: 0.16rem solid #FFF;
    margin-left: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.trend .trend-title,
.trend .trend-setting {
    color: #FFF;
}
.trend .trend-title .thress,
.trend .trend-setting .thress {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.trend .trend-buy-info {
    position: relative;
    height: 1rem;
    margin-top: 1rem;
    background: rgba(255, 255, 255, 0.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: 0.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: 0.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: 0.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: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: #666666;
    position: relative;
    text-align: left;
    margin-bottom: 0.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: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.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: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.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: 0.88rem;
    background: #fff;
    overflow: hidden;
}
.notice .list {
    background: #FFFFFF;
    min-height: 90vh;
}
.notice .list div {
    font-size: 15px;
    color: #666666;
}
.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: 0.2rem;
    font-size: 12px;
    color: #999999;
    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: none;
    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: none;
}
.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: none;
}
.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: 0rem !important;
}
.dianjing .NameRegister {
    height: -webkit-fill-available;
}
.dianjing .NameRegister .Register-clause a {
    color: #f2ba36;
}
.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: #BDC2C9;
}
.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 header,
.dianjing .active-content .NoRecord {
    background-color: #171717;
}
.dianjing .NoRecord {
    background-color: #171717;
}
.dianjing .PersonalFroms {
    background-color: #171717;
}
.dianjing .PersonalFroms .zonglan,
.dianjing .PersonalFroms .Personal {
    height: -webkit-fill-available;
    background-color: #171717;
}
.dianjing .PersonalFroms .zonglan .tabButton .btn,
.dianjing .PersonalFroms .Personal .tabButton .btn {
    border-radius: 20px;
    border: 1px solid #CEAB3C;
    background: #0F1216;
    color: #CEAB3C;
}
.dianjing .PersonalFroms .zonglan .btn-choise,
.dianjing .PersonalFroms .Personal .btn-choise {
    background-color: #FEC80D !important;
    color: #FFF !important;
}
.dianjing .PersonalFroms .zonglan .textdec span:nth-child(2),
.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) {
    color: #7C8DA4;
}
.dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) span,
.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) span {
    color: #BEC2C8;
}
.dianjing .PersonalFroms .zonglan .fromList,
.dianjing .PersonalFroms .Personal .fromList {
    background-color: #242F3C;
}
.dianjing .PersonalFroms .zonglan .fromList div,
.dianjing .PersonalFroms .Personal .fromList div {
    border-right: 1px solid #2E4565;
    border-bottom: 1px solid #2E4565;
}
.dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(1),
.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(1) {
    color: #BDC2C9;
}
.dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(2),
.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(2) {
    color: #FEC80D;
}
.dianjing .PersonalFroms .zonglan .fromList div:nth-last-child(1),
.dianjing .PersonalFroms .Personal .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-title,
.dianjing .BettingRecord .BettingRecord-sel {
    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: none;
}
.dianjing .BettingRecord .RecordItem .li-title span,
.dianjing .BettingRecord .RecordItem .li-title div {
    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 .headers .headers,
.dianjing .BettingDetails .BettingDetailsItem .meonyCount div,
.dianjing .BettingDetails .headers .meonyCount div,
.dianjing .BettingDetails .BettingDetailsItem .meonyCount,
.dianjing .BettingDetails .headers .meonyCount {
    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(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),
.dianjing .AccountDetailInfo div:nth-child(10) 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 > div:nth-child(1) div:nth-child(1),
.dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(2),
.dianjing .gameRecordDetails .game_content > div span:nth-child(1) {
    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 .subWalletList,
.dianjing .moneyConversion .Conversion-content .TransferredTO {
    background: #242F3C;
    color: #BDC2C9;
}
.dianjing .moneyConversion .Conversion-content .subWalletList .am-switch input[type="checkbox"]:checked + .checkbox,
.dianjing .moneyConversion .Conversion-content .TransferredTO .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: none;
    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: none;
    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 .orderContet,
.dianjing .QRCodeIntegrationItem .header_title {
    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: none;
    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: none;
    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-list-line .am-list-content,
.dianjing .user-argent-adduser.container .am-list-item .am-input-label {
    color: #BDC2C9;
}
.dianjing .user-argent-adduser.container .am-list-item .am-input-control input {
    color: #FFF;
}
.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .titles,
.dianjing .user-argent-adduser.container .list-item-vip div {
    background-color: #171717;
    color: #BDC2C9;
}
.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input {
    background: none;
    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: none;
    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 .checkModals,
.dianjing .user-argent-adduser.container .addUser-agent .am-list-body {
    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: none;
    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: none;
}
.dianjing .user-argent-adduser.container .Agent-Response-Footer span {
    background: #FDC731;
    background-image: none;
}
.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage {
    background: none;
}
.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 .subMitBox,
.dianjing .am-list-item,
.dianjing .addUser-agent .my-list-addUser-agent .modalReOFF,
.dianjing .am-list-item .am-input-label,
.dianjing .checkModals {
    background: #171717;
    color: #BDC2C9;
}
.dianjing .Link-Setting .wxh_userManage_configTitle {
    background: none;
}
.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: #FFFFFF;
}
.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: none;
    color: #FFF;
}
.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .titles,
.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-line {
    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: #FFFFFF !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: none;
    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 > div:nth-child(2),
.dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal {
    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: none;
}
.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: none;
    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: #333333;
}
.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: none;
}
.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 .WithdrawalsBank .WithdrawalsBank-money,
.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No,
.dianjing .Withdrawals .Withdrawals-ul {
    background: none;
    color: #BDC2C9;
}
.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-top {
    background: none;
    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: none;
    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: none;
}
.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: none;
    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 .PayMethodItem-ul_wxh_index,
.dianjing .CustomenServers_wxh_index {
    background: none;
}
.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::before,
.dianjing .act-detail-content .act-detail-dec h3::after {
    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: 0rem 0rem;
    -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: 0rem;
}
.dianjing .gameClassify > div {
    margin-left: 0px;
    margin-right: 0px;
}
.dianjing .gameClassify > div:nth-child(2) ul,
.dianjing .gameClassify > div:nth-child(4) ul,
.dianjing .gameClassify > div:nth-child(6) ul {
    float: right;
    right: 0.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: darkgoldenrod;
}
.dianjing .tips {
    background: #313131 !important;
    top: 3.5rem;
}
.dianjing .tips .dec {
    color: #f2ba36;
}
.am-picker-popup.dianjing {
    background: none;
}
.am-picker-popup.dianjing .am-picker-popup-header,
.am-picker-popup.dianjing .am-picker {
    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: none;
}
.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: #333333;
}
.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 span,
.longDragon .selectTitle div.leftDom div {
    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 span,
.longDragon .selectTitle div.rightDom div {
    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: #FFFFFF;
}
.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, 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: 0.99;
    background: #FFFFFF;
    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: -0.1rem;
    border-bottom: .24rem solid #FFFFFF;
    top: 0.7rem;
    right: .4rem;
}
.roomItem .rightAddIfy > div > span {
    font-size: .26rem;
    color: #333333;
    letter-spacing: -0.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: 0.7rem;
    margin: 0 .36rem 0.4rem 0.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: 0.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 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, 0.5);
    box-shadow: 0 2px 6px 0 rgba(202, 202, 202, 0.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: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    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: #FFFFFF;
    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 #FFFFFF;
    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: #333333;
    font-weight: 700;
}
.roomItem28 .roomItem28Title > div span {
    font-size: 14px;
    color: #000000;
}
.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: none;
    text-align: center;
    zoom: 1;
    width: 100%;
}
.am-carousel-wrap-dot {
    display: inline-block;
    zoom: 1;
}
.am-carousel-wrap-dot > span {
    display: block;
    width: 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: #333333;
    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: 0.13rem solid transparent;
    top: 50%;
    margin-top: -0.12rem;
    left: -0.04rem;
    border-right: 0.13rem solid #FFC265;
}
.roomTitle28 > div:nth-child(2) > div > div > div:nth-child(1) {
    height: .4rem;
    font-size: .24rem;
    color: #333333;
    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: #333333;
    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 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: 0.28rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: #999999;
}
.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: #666666;
    margin-bottom: .06rem;
}
.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_hezhi > span {
    width: 100%;
    height: .9rem;
    border: 1px solid #999999;
    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: #666666;
    margin-bottom: .06rem;
}
.countBox.Fastcar div.listcontet > div:nth-child(2) > div.shirt_liangmian > span {
    width: 100%;
    height: .42rem;
    border: 1px solid #999999;
    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: 0.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: 0.3rem;
    width: 0.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: transparent;
}
.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: 0.8rem;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.2px;
    background: #FFF;
    border-top: 1px solid #E0E0E0;
}
.countBox.xingyun28 .countTest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.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 0.12rem 0 0;
    color: #666;
}
.countBox.xingyun28 .countTest span.seletImg {
    position: absolute;
    right: 0.32rem;
    top: .19rem;
}
.countBox.xingyun28 .countTest span.seletImg img {
    height: 0.3rem;
    width: 0.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: 0.8rem;
    background: rgba(0, 0, 0, 0.3);
    height: 100vh;
}
.countBox.xingyun28 .countList ul {
    background-color: #fff;
}
.countBox.xingyun28 .countList li {
    width: 100%;
    height: 0.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 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%, #66dd55 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, #999999 1%, #666666 100%);
}
.countBox.xingyun28 .balls {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 50%;
    line-height: 0.48rem;
    text-align: center;
    color: #fff;
    margin: 0 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: 0.28rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: .70rem;
    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: .70rem;
    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: .70rem;
    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: 0.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: 0.3rem;
    width: 0.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: transparent;
}
.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: #666666;
}
.countBox.fastThree div.listcontet > div:nth-child(2) > div > span {
    position: absolute;
    bottom: .28rem;
    width: 100%;
    height: .36rem;
    border: 1px solid #999999;
    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: 0.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: 0.3rem;
    width: 0.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: transparent;
}
.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: .30rem;
    color: #666;
    font-size: .24rem;
    text-align: center;
}
.countBox.happyTenMin div.listcontet > div:nth-child(2) > span {
    width: .7rem;
    height: .42rem;
    border: 1px solid #999999;
    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: 0.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: 0.3rem;
    width: 0.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: #666666;
    margin-bottom: .06rem;
}
.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_hezhi > span {
    width: 100%;
    height: .9rem;
    border: 1px solid #999999;
    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: #666666;
    margin-bottom: .06rem;
}
.countBox.happyTenMin div.listcontet.liuhe > div:nth-child(2) > div.shirt_liangmian > span {
    width: 100%;
    height: .42rem;
    border: 1px solid #999999;
    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: transparent;
}
.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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: #FFFFFF;
    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: #666666;
}
.countBox.elevenSelectFive div.listcontet > div:nth-child(2) > div > span {
    position: absolute;
    bottom: .28rem;
    width: 100%;
    height: .36rem;
    border: 1px solid #999999;
    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: 0.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: 0.3rem;
    width: 0.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: transparent;
}
.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: 0.22rem 0.16rem;
    background: #f2f2f2;
}
.roomBody .chartItem.betBox {
    width: 100%;
    margin: 0.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: 0.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: 0.13rem solid transparent;
    top: 50%;
    margin-top: -0.12rem;
    right: -0.24rem;
    border-left: 0.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 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: 0.24rem;
    color: #8e8e93;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.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: #333333;
}
.roomBody .chartItem.betBox .chartBody .OtherMes {
    width: 5.8rem;
    padding-left: 0.2rem;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > p {
    margin-top: 0.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: 0.48rem;
    line-height: 0.48rem;
    min-width: 50%;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > p img {
    height: 0.48rem;
    display: block;
    margin: 0 0.2rem;
    margin-bottom: 5px;
    width: 1.21rem;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > div {
    max-width: 5.8rem;
    font-size: 0.26rem;
    color: #ffffff;
    letter-spacing: 0.07px;
    padding: 0.1rem 0.2rem;
    background: #ff535b;
    border-radius: 0.06rem;
    position: relative;
    padding: 0.15rem 0.2rem;
    border-radius: 100px;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > div:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 0.13rem solid transparent;
    top: 50%;
    margin-top: -0.12rem;
    left: -0.24rem;
    border-right: 0.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: 0.1rem 0;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > div > div > p > img {
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.14rem;
}
.roomBody .chartItem.betBox .chartBody .OtherMes > div > div > p > span {
    font-size: 0.26rem;
    color: #ffffff;
    letter-spacing: 0.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: 0.24rem;
    color: #8e8e93;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.26rem;
}
.roomBody .winMed.reloveRoom > .winMedText {
    background: #d6d6d6;
    font-size: 0.24rem;
    color: #666;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.34rem;
    border-radius: 2rem;
    margin: 0.16rem auto;
    display: inline-block;
    padding: 0.1rem 0.3rem 0.1rem 0.3rem;
}
.roomBody .winMed.reloveRoom > .winMedText span {
    color: #ff4b50;
}
.roomBody .winMed.pushMes > .winMedText {
    display: inline-block;
    background: #d6d6d6;
    font-size: 0.24rem;
    color: #666;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.34rem;
    border-radius: 0.12rem;
    max-width: 3.1rem;
    margin: 0.16rem auto .3rem;
    padding: 0.1rem;
}
.roomBody .winMed.pushMes > .winMedText span {
    color: #2a2a2a;
}
.roomBody .chartItem.mesBox {
    width: 100%;
    margin: 0.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: 0.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: 0.1rem;
}
.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > div span {
    background: #ff535b;
    color: #fff;
}
.roomBody .chartItem.mesBox.myMesBox .chartBody .OtherMes > div img {
    position: absolute;
    bottom: 0rem;
    right: -0.08rem;
    width: 0.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: 0.24rem;
    color: #666;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.34rem;
    border-radius: 2rem;
    margin: 0.1rem auto;
    display: inline-block;
    padding: 0.1rem 0.3rem;
}
.roomBody .chartItem.mesBox p {
    font-size: 0.24rem;
    color: #8e8e93;
    letter-spacing: 0.07px;
    text-align: center;
    line-height: 0.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: 0.2rem;
}
.roomBody .chartItem.mesBox .chartBody .OtherMes > p {
    margin-top: 0.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: 0.48rem;
    line-height: 0.48rem;
}
.roomBody .chartItem.mesBox .chartBody .OtherMes > p img {
    height: 0.48rem;
    display: block;
    margin: 0 0.2rem;
    margin-bottom: 5px;
    width: 1.22rem;
}
.roomBody .chartItem.mesBox .chartBody .OtherMes div {
    max-width: 5.3rem;
    font-size: 0.28rem;
    color: #ffffff;
    position: relative;
    margin-left: 0.1rem;
}
.roomBody .chartItem.mesBox .chartBody .OtherMes div span {
    display: inline-block;
    vertical-align: text-top;
    background: #e5e5ea;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.47px;
    border-radius: 0.34rem;
    padding: 0.14rem 0.2rem;
}
.roomBody .chartItem.mesBox .chartBody .OtherMes div img {
    position: absolute;
    bottom: 0rem;
    left: -0.08rem;
    width: 0.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: #000000;
    letter-spacing: 0;
    line-height: 0.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: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.34rem;
}
body,
html,
.app {
    overflow: auto;
    height: 100%;
}
body *,
html *,
.app * {
    font-family: Arial, Microsoft YaHei, sans-serif;
}
body,
.app {
    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 - 0.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;
    margin-top: .88rem;
}
/*点击背景色改变*/
.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: none;
    border: none;
    font-size: .3rem;
}
.ClearInput img {
    width: .32rem;
    height: .32rem;
}
.login_btn{
    margin-bottom: 1rem;
}
/*登录框*/
.content-input .login_trigger_btn{
    text-align: center;
    color:#908f8e;
    font-size: .28rem;
    margin-top:.5rem;
}
.content-input .login_trigger_btn span{
    color: #f5bd6b;
    padding-left: 6px;
}
.login_btn .aftercheck{
    /*background: linear-gradient(0deg, #ab916b, #ede5cc)!important;*/
}
.login_btn .btn {
    display: block;
    height: 0.98rem;
    line-height: .98rem;
    font-size: .36rem;
    color: #fff!important;
    text-align: center;
    background-image: -webkit-gradient(linear,0% 0,0% 100%,from(#64779C),to(#292842));
    /*background: #1f2022 !important;*/
    border-radius: .88rem!important;
    border: 1px solid #e5e5e53b!important;
    border: 0;
    cursor: pointer;
    border: 0;
    width: 100%;
    font-weight: normal!important;
    box-shadow:none!important;
    background-size:  100% 100% !important;
}
#username::-webkit-input-placeholder, #password::-webkit-input-placeholder, #code::-webkit-input-placeholder{
  color: #d3d3d3;
}
#username::-moz-placeholder , #password::-webkit-input-placeholder, #code::-webkit-input-placeholder{
  color: #d3d3d3;
}
#username::-ms-input-placeholder , #password::-webkit-input-placeholder, #code::-webkit-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: 2rem;*/
    height: 1.2rem;
    /*background: url("/images/in_bg.png") no-repeat;*/
    background-size: 100% 100%;
}
.LoginInput > input {
    color:#d3d3d3;
    background: none;
    width: 100%;
    outline: none;
    font-size: .32rem;
    border: none;
    height: 80%;
}
.LoginInput > input::placeholder {
    color:rgba(255,255,255,.6);
}
.LoginInput > img {
    margin-left: .46rem;
    margin-right: .35rem;
    width: 0.38rem;
    height: 0.38rem;
}
.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: #FFFFFF;
    font-size: .32rem;
    border-radius: .12rem;
    height: .9rem;
    background: #CECDCE;
    -webkit-box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.5);
    box-shadow: 0 2px 4px 0 rgba(206, 205, 206, 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: 0.30rem;
    color: #444444;
}
/*.fs-16 {*/
/*    font-size: 0.32rem;*/
/*    color: #737271;*/
/*}*/
.fs-15 {
    font-size: 0.3rem;
    color: #131313;
}
.fs-14 {
    font-size: 0.28rem;
    color: #131313;
}
.fs-13 {
    font-size: 0.26rem;
    color: #131313;
}
.fs-12 {
    font-size: 0.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: 0.68rem;
    font-weight: normal;
}
.trend table td {
    height: 0.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(#66DD55), to(#57C946));
    background-image: linear-gradient(-180deg, #66DD55 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%, #999999 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: none;
    width: 99%;
    height: 1rem;
    color: transparent;
    position: absolute;
    top: 0rem;
    left: 0rem;
    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: 0.32rem;
    color: #aaa;
}
.GmContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    margin-top: .88rem;
}
.roomFooter {
    position: fixed;
    bottom: 0rem;
    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: #FFFFFF;
    font-size: .30rem;
    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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: .30rem;
    border-radius: .12rem;
    height: .72rem;
    width: 1.6rem;
    background: #FFFFFF;
    color: #FF4941;
    border: 2px solid #FF4941;
    -webkit-box-shadow: 0 1px 4px 0 rgba(255, 206, 206, 0.5);
    box-shadow: 0 1px 4px 0 rgba(255, 206, 206, 0.5);
    border-radius: 6px;
    margin: 0 .17rem;
}
.roomAdddBetContainer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 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: 0rem;
    bottom: 2.08rem;
    width: 100%;
}
.roomAdddBetContainer > .contantBox > .headers {
    position: absolute;
    top: 1.2rem;
    width: 100%;
    height: 1.96rem;
    padding-top: 0.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: 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div.selected span {
    display: block;
    font-size: 0.24rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox.temas .itemBox > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0rem;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    position: absolute;
    top: -0.18rem;
    right: 0rem;
    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: 0.7rem;
    line-height: 0.7rem;
    width: 100%;
    font-size: 0.3rem;
    color: #333333;
    letter-spacing: -1px;
    text-align: center;
    font-weight: normal;
}
.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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 0%, #FFFFFF 100%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected > p,
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected > div {
    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: 0.24rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.DoubleFeace > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.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: -0.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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 0%, #FFFFFF 100%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected > p,
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected > div {
    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: 0.24rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox.bose > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.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: -0.1rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div {
    font-size: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div.selected span {
    display: block;
    font-size: 0.24rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.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: 0.24rem;
    letter-spacing: -0.8px;
    text-align: center;
    margin-top: 0.15rem;
}
.roomAdddBetContainer > .contantBox .box .BasicsoddsBox .Basicsodds .contentBox .itemBox > div span {
    width: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: 0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.32rem;
    z-index: 1;
}
.roomAdddBetContainer > .contantBox .box > .TabSelect {
    height: 1.1rem;
    width: 100%;
    overflow: auto;
    padding-top: 0.14rem;
    border-bottom: 2px dashed #ededed;
}
.roomAdddBetContainer > .contantBox .box > .TabSelect > div > span {
    width: 1.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.3rem;
    color: #333;
    letter-spacing: 0;
    text-align: center;
    display: inline-block;
    border-bottom: 2px solid #FFF;
    margin-left: 0.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: 0rem;
    height: 2.08rem;
}
.xinyun28-other {
    width: calc(100% - .4rem);
    margin: 0 auto;
    border-radius: 8px;
    background-color: #ffffff;
    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: 0.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: 0.28rem;
    width: 2.02rem;
    height: 1.16rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #FCFCFC), to(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    border: 1px solid  #E5E5E5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.5);
    float: left;
    color: #959595;
    margin-bottom: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
    letter-spacing: -0.18px;
    text-align: center;
}
.xinyun28-other .itemBox > div.selected > div {
    color: #fff;
}
.xinyun28-other .itemBox > div.selected span {
    display: block;
    font-size: 0.24rem;
}
.xinyun28-other .itemBox > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.06rem;
}
.xinyun28-other .itemBox > div div {
    text-align: center;
    font-size: 0.32rem;
    color: #FF4941;
}
.xinyun28-other .itemBox > div p {
    font-size: 0.24rem;
    letter-spacing: -0.8px;
    text-align: center;
    margin-top: 0.15rem;
}
.xinyun28-other .itemBox > div span {
    width: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.06rem;
    border-radius: 50%;
    line-height: 0.46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.32rem;
    z-index: 1;
}
.xinyun28-longhu {
    width: calc(100% - .4rem);
    margin: 0 auto;
    background-color: #ffffff;
    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: normal;
    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: 0.28rem;
    width: 1.8rem;
    height: 1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), color-stop(97%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F7F7F7 0%, #FFFFFF 97%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(245, 245, 245, 0.5);
    box-shadow: 0 2px 4px 0 rgba(245, 245, 245, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff;
    letter-spacing: -0.18px;
    text-align: center;
}
.xinyun28-longhu .itemBox > div.selected > div {
    color: #fff;
}
.xinyun28-longhu .itemBox > div.selected span {
    display: block;
    font-size: 0.24rem;
}
.xinyun28-longhu .itemBox > div.selected span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.06rem;
}
.xinyun28-longhu .itemBox > div div {
    display: inline-block;
    text-align: center;
    font-size: 0.32rem;
    color: #FF4941;
}
.xinyun28-longhu .itemBox > div p {
    font-size: 0.24rem;
    letter-spacing: -0.8px;
    text-align: center;
    margin-top: 0.15rem;
}
.xinyun28-longhu .itemBox > div span {
    width: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.06rem;
    border-radius: 50%;
    line-height: 0.46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.32rem;
    z-index: 1;
}
.footerViewXinyun28 .footerEnd .footerPeopleM {
    width: 3.4rem;
}
.footerViewXinyun28 .footerEnd .footerPeopleM .dec {
    text-align: left !important;
    font-size: 0.24rem !important;
    color: #999999 !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: 0.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: 0.28rem;
    color: #999;
}
.fastcarsfooter.FooterViewFirst.footerViewXinyunB3 .footerPeopleM input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.88rem;
    min-height: 0.72rem;
    border: 1px solid #DEDEE2;
    border-radius: 6px;
    padding: 0.16rem 0.2rem;
    margin: 0 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, 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: #FFFFFF;
    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: .30rem;
    letter-spacing: -0.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: #333333;
    letter-spacing: -0.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.30rem;
    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: 0.32rem;
    color: #333;
    text-align: left;
    line-height: .6rem;
    height: .6rem;
    font-weight: 400;
}
.roomRules .rulesContainer div.rulesItem div {
    font-size: 0.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: #333333;
    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, 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: 0.99;
    background: #FFFFFF;
    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: -0.1rem;
    border-bottom: .24rem solid #FFFFFF;
    top: 0.7rem;
    right: .5rem;
}
.roomItem .rightAddIfy > div > span {
    font-size: .26rem;
    color: #333333;
    letter-spacing: -0.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: #666666;
    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: 0.3;
}
.am-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent;
}
.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: 0.3;
}
.am-slider-disabled .am-slider-track {
    height: 2px;
}
.am-slider-disabled .am-slider-handle,
.am-slider-disabled .am-slider-mark-text,
.am-slider-disabled .am-slider-dot {
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fastcarsfooter.FooterViewFirst {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0rem;
    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, 0.12);
    border-radius: 6px;
    border: 1px solid rgba(142, 142, 147, 0.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: none;
    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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(126, 31, 31, 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.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: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    text-align: center;
}
.betConfig.footerOfficial {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0rem;
    height: 1.68rem;
}
.betConfig.footerOfficial.defualt {
    bottom: 0rem;
    height: 1.08rem;
}
.betConfig.footerOfficial > div.top {
    height: .6rem;
    width: 100%;
    padding-left: .38rem;
    font-size: .24rem;
    color: #999999;
    letter-spacing: 0.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: #FFFFFF;
    padding: 0 .38rem;
    border-top: 1px solid  #BEBEBE;
}
.betConfig.footerOfficial > div.bottom > div {
    font-size: .24rem;
    color: #666666;
    letter-spacing: 0.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, 0.1);
    -webkit-box-shadow: 0 2px 4px 0 #CDCDCD;
    box-shadow: 0 2px 4px 0 #CDCDCD;
    border-radius: 6px;
    font-size: .32rem;
    color: #666666;
    letter-spacing: -0.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, 0.5), 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5), 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: 6px;
    color: #fff;
}
.betConfig.footerOfficial > div.bottom > div.buttons > .countNum {
    width: 0.48rem;
    height: 0.48rem;
    background: #FF4941;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.54rem;
    color: #fff;
    text-align: center;
    font-size: 0.24rem;
    z-index: 1;
}
.fastcarsfooter.footerViewSecond {
    position: fixed;
    width: 100%;
    background: #f5f3f3;
    overflow: auto;
    bottom: 0rem;
    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: #999999;
}
.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: .10rem;
}
.fastcarsfooter.footerViewSecond .betBox > div:first-child > div input {
    width: 1.55rem;
    height: .72rem;
    font-size: .28rem;
    color: #999999;
    letter-spacing: 0.04px;
    background: #FFFFFF;
    border-radius: .12rem;
    text-align: center;
    outline: none;
    border: none;
}
.fastcarsfooter.footerViewSecond .betBox > div:nth-child(2) p {
    text-align: center;
    font-size: .24rem;
    color: #FF4941;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(126, 31, 31, 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.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: #999999;
    letter-spacing: 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: .12rem;
    font-size: .3rem;
    color: #FFFFFF;
    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: #333333;
    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: #666666 !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 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: none;
    color: #333333;
    font-size: 0.32rem;
    height: 0.5rem;
}
.bet-list .select-btn-box .am-button-primary svg {
    margin-bottom: 0.05rem;
    color: #666666;
}
.bet-list .select-btn-box .am-button-primary .icon-plus {
    font-size: 0.42rem !important;
    margin-bottom: 0.05rem;
    color: #666666;
}
.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: 0px !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 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 0.6rem 0 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: 0.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: 0.28rem;
    width: 5.6rem;
    line-height: 0.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: 0.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: 0.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: 0rem;
}
.bet-list .bet-list-main .inner-ul .list-item .icon-left {
    position: absolute;
    left: 0.1rem;
}
.bet-list .odds-change-box {
    position: fixed;
    bottom: 2.69rem;
    width: 100%;
    height: 1rem;
    background: #f5f3f3;
    border: 0 solid #bebebe;
    padding: 0 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: 0.6rem;
}
.bet-list .odds-change-box img {
    width: 0.38rem;
    height: 0.38rem;
    margin-left: 0.1rem;
}
.bet-list .odds-change-box .back-point > span {
    display: inline-block;
    width: 0.4rem;
}
.bet-list .odds-change-box .slider-box {
    width: 3rem;
    height: 0.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: 0.38rem;
    width: 0.52rem;
    height: 0.42rem;
    line-height: 0.38rem;
    border: 1px solid #979797;
    font-size: 0.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: 0rem;
    border-top: 1px solid #d8d8d8;
}
.bet-list .bet-list-footer .double-cast-amount {
    width: 100%;
    padding: 0 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: #999999;
}
.bet-list .bet-list-footer .double-cast-amount input {
    width: 1.1rem;
    height: 0.6rem;
    background: #ffffff;
    border: 0 solid #dedee2;
    border-radius: 6px;
    padding-left: 0.24rem;
}
.bet-list .bet-list-footer .double-cast-amount .radio-box {
    width: 5rem;
    height: 0.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: #ffffff;
    border-radius: 100px;
}
.bet-list .bet-list-footer .double-cast-amount .radio-box > span {
    display: inline-block;
    width: 16.67%;
    height: 0.48rem;
    line-height: 0.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: #ffffff;
}
.bet-list .bet-list-footer .bet-btn-box {
    width: 100%;
    height: 1.32rem;
    padding: 0 0.3rem;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.32rem;
}
.bet-list .bet-list-footer .bet-btn-box .am-button-primary {
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 4px 0 #cdcdcd;
    box-shadow: 0 2px 4px 0 #cdcdcd;
    border-radius: 6px;
    color: #666666;
}
.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: #FFFFFF;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    opacity: 1;
}
.bet-list .bet-list-footer .bet-btn-box p {
    color: #666666;
}
.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: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-top: 0.12rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.fastConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0.12rem solid transparent;
    border-left: 0.12rem solid transparent;
    border-bottom: 0.12rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.fastConfig .dropMenu {
    width: 100%;
    top: 0.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, 0.3);
}
.roomItem.fastConfig .dropMenu.hide {
    display: none;
}
.roomItem.fastConfig .dropMenu .menuMaster {
    width: 100%;
    height: 0.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: #ffffff;
}
.roomItem.fastConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.25px;
    text-align: center;
    width: 3.34rem;
    height: 0.72rem;
    line-height: 0.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: 0.42rem;
    border-bottom: 1px solid #FF4941;
}
.roomItem.fastConfig .dropMenu .menuContent {
    background: #ffffff;
}
.roomItem.fastConfig .dropMenu .menuContent h5 {
    height: 0.8rem;
    width: 100%;
    line-height: 0.8rem;
    font-size: 0.36rem;
    color: #666;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.1rem;
    font-weight: normal;
}
.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: 0.16rem 0.1rem;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}
.roomItem.fastConfig .dropMenu .menuContent ul li {
    height: 0.8rem;
    width: calc(25% - 0.22rem);
    background: #f0f0f0;
    border-radius: 0.08rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border-radius: 0.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 #C0C0C0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: -0.2px;
    text-align: center;
}
.farstcars.officialBasicsPage {
    position: fixed;
    top: 3.32rem;
    width: 100%;
    background-color: #f4f4f4;
    overflow: auto;
    bottom: 1.08rem;
    background: #f2f2f2;
    padding: 0.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: -0.2px;
    color: #666666;
    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: #999999;
    height: .02rem;
    position: absolute;
}
.farstcars.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999999;
    padding: 0 .15rem;
}
.farstcars.officialBasicsPage > .bodys > div.listItem {
    padding: .1rem 0;
    position: relative;
    background: #FFFFFF;
}
.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: 0.82rem;
    font-size: 0.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: #666666;
    padding-left: .04rem;
}
.farstcars.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child p {
    height: 0.38rem;
    line-height: 0.38rem;
    padding-left: .04rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: left;
    font-size: .24rem;
    color: #666666;
}
.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: 0.08rem;
    font-size: 0.24rem;
    color: #FF4941;
    letter-spacing: -0.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: 0.82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #FFFFFF;
}
.farstcars.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li p {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.farstcars.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #FFFFFF;
    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: #666666;
    letter-spacing: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    border: 1px solid #F4F4F4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -0.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: #666666!important;
    }
    40% {
        background-color: #FF4941;
        color: #fff!important;
    }
    60% {
        background-color: #FF4941;
        color: #fff!important;
    }
    100% {
        background-color: #FFF;
        color: #666666!important;
    }
}
@keyframes hideActive {
    0% {
        background-color: #FFF;
        color: #666666!important;
    }
    40% {
        background-color: #FF4941;
        color: #fff!important;
    }
    60% {
        background-color: #FF4941;
        color: #fff!important;
    }
    100% {
        background-color: #FFF;
        color: #666666!important;
    }
}
.roomItem .am-modal-transparent {
    width: 5.4rem;
}
.sucessModal img {
    width: 1.4rem;
}
.sucessModal .texeinfo {
    font-size: .32rem;
    color: #333333;
    letter-spacing: -0.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: #FFFFFF;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(66, 164, 255, 0.5);
    border-radius: .12rem;
}
.sucessModal .buttomBox .goon {
    display: inline-block;
    width: 1.9rem;
    height: 0.72rem;
    line-height: .61rem;
    font-size: .26rem;
    color: #FFFFFF;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-top: 0.12rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.liuHeCaiConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0.12rem solid transparent;
    border-left: 0.12rem solid transparent;
    border-bottom: 0.12rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.liuHeCaiConfig .dropMenu {
    width: 100%;
    top: 0.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, 0.3);
}
.roomItem.liuHeCaiConfig .dropMenu.hide {
    display: none;
}
.roomItem.liuHeCaiConfig .dropMenu .menuMaster {
    width: 100%;
    height: 0.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: #ffffff;
}
.roomItem.liuHeCaiConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.25px;
    text-align: center;
    width: 3.34rem;
    height: 0.72rem;
    line-height: 0.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: 0.42rem;
    border-bottom: 1px solid #FF4941;
}
.roomItem.liuHeCaiConfig .dropMenu .menuContent {
    background: #ffffff;
}
.roomItem.liuHeCaiConfig .dropMenu .menuContent h5 {
    height: 0.8rem;
    width: 100%;
    line-height: 0.8rem;
    font-size: 0.36rem;
    color: #666;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.1rem;
    font-weight: normal;
}
.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: 0.16rem 0.1rem;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}
.roomItem.liuHeCaiConfig .dropMenu .menuContent ul li {
    height: 0.8rem;
    width: calc(25% - 0.22rem);
    background: #f0f0f0;
    border-radius: 0.08rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.1rem;
}
.roomItem.liuHeCaiConfig .dropMenu .menuContent ul li.active {
    background: #FF4941;
    border-radius: 0.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: -0.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: 0.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: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    margin: 0.08rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys {
    padding: 0 0.16rem 0.5rem 0.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: #FFFFFF;
    border-radius: 8px;
    margin-top: .2rem;
    padding: .2rem 0;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > p {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #666666;
}
.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: #333333;
    font-weight: 700;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > p > span img {
    width: 0.3rem;
    margin-left: 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 0.1rem 0 0 0;
    margin: 0.12rem 0;
    position: relative;
    margin: 0.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 > p,
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > div {
    color: #fff !important;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > span {
    display: block;
    font-size: 0.24rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.active > span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.foutTh {
    width: 1.24rem;
    margin: 0.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: 0.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 > p,
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC.active > div {
    color: #fff;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC p {
    font-size: 24px;
    color: #FF4941;
    letter-spacing: -0.27px;
    text-align: center;
    margin-top: 0.72rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec.SSCTwoTh.SSC > div {
    font-size: 12px;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
    margin-top: 0.12rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > p {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.rec > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.24rem;
    z-index: 1;
    color: #fff;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round {
    width: 16.6%;
    height: 1.2rem;
    margin-bottom: 0.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: #ffffff !important;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round.active span {
    display: block;
    font-size: 0.24rem;
    z-index: 1;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round.active span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > p {
    width: 0.82rem;
    height: 0.82rem;
    line-height: 0.82rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #F8F8F8), color-stop(55%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    border-radius: 50%;
    font-size: 0.36rem;
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.round > span {
    width: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    border: 1px solid #fff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: 0rem;
    border-radius: 50%;
    line-height: 0.46rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.32rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig {
    width: 2.1rem;
    height: 1.4rem;
    margin-bottom: 0.2rem;
    text-align: center;
    position: relative;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#FFFFFF));
    background-image: linear-gradient(-180deg, #F9F9F9 0%, #FFFFFF 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: #ffffff;
    letter-spacing: -0.18px;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active > div span {
    color: #ffffff;
}
.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 #FFFFFF;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.08rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig.AnimalBig.active p {
    color: #ffffff;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > div {
    font-size: 0.28rem;
    color: #FF4941;
    letter-spacing: -0.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: -0.15px;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > p {
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: left;
    font-size: .26rem;
    color: #959595;
    letter-spacing: -0.2px;
    padding-left: .24rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalBig > span {
    width: 0.46rem;
    height: 0.46rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.08rem;
    border-radius: 50%;
    line-height: 0.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: 0.2rem;
    text-align: center;
    position: relative;
    background: #FFFFFF;
    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: #ffffff;
    letter-spacing: -0.18px;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall.AnimalSmall.active > div span {
    color: #ffffff;
}
.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 #FFFFFF;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.26rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall > div {
    color: #FF4941;
    letter-spacing: -0.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: -0.15px;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.TeMaOddPage .bodys > div > div > div.AnimalSmall > span {
    width: 0.54rem;
    height: 0.54rem;
    background: #FF4941;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.08rem;
    border-radius: 50%;
    line-height: 0.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: #FFFFFF;
}
.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: 0.8rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #666666;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #FFFFFF;
    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: #333333;
    font-weight: 700;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > .titileDes > span img {
    width: 0.3rem;
    margin-left: 0.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: 0.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: 0.24rem;
    color: #666666;
    letter-spacing: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    border: 1px solid #F4F4F4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    border-radius: 4px;
    font-size: 0.24rem;
    color: #FF4941;
    letter-spacing: -0.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: #ffffff !important;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li div {
    height: 0.48rem;
    font-size: 0.32rem;
    color: #FF4941;
    margin-top: 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;
}
.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.Guoguan > div.listItem > div > div:last-child > ul li span {
    width: 0.54rem;
    height: 0.54rem;
    background: #FF4941;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.08rem;
    border-radius: 50%;
    line-height: 0.54rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.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: -0.2px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem {
    width: calc(100% - .32rem);
    margin: .22rem;
    background: #FFFFFF;
    border-radius: 8px;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child {
    padding: 0.08rem 0 0 0;
    width: 100%;
    position: relative;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > p {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #666666;
}
.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: #333333;
    font-weight: 700;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > p > span img {
    width: 0.3rem;
    margin-left: 0.1rem;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > .visibleModal {
    width: calc(100% - 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #ffffff!important;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li div {
    width: 0.82rem;
    height: 0.82rem;
    line-height: 0.82rem;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #F8F8F8), color-stop(55%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    border-radius: 50%;
    font-size: 0.36rem;
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.28rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.roomItem.liuHeCaiConfig .roomContainer .LiuHeCaiBody.ZXBuZhong > div.listItem > div:first-child > ul li span {
    width: 0.54rem;
    height: 0.54rem;
    background: #FF4941;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    position: absolute;
    top: -0.18rem;
    right: -0.08rem;
    border-radius: 50%;
    line-height: 0.54rem;
    color: #fff;
    text-align: center;
    display: none;
    font-size: 0.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: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-top: 0.12rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.fastConfig .header-nav .header-title div.up {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0.12rem solid transparent;
    border-left: 0.12rem solid transparent;
    border-bottom: 0.11rem solid #fff;
    margin-left: 0.2rem;
}
.roomItem.fastConfig .dropMenu {
    width: 100%;
    top: 0.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, 0.3);
}
.roomItem.fastConfig .dropMenu.hide {
    display: none;
}
.roomItem.fastConfig .dropMenu .menuMaster {
    width: 100%;
    height: 0.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: #ffffff;
}
.roomItem.fastConfig .dropMenu .menuMaster span {
    display: inline-block;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.25px;
    text-align: center;
    width: 3.34rem;
    height: 0.72rem;
    line-height: 0.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: 0.42rem;
    border-bottom: 1px solid #FF4941;
}
.roomItem.fastConfig .dropMenu .menuContent {
    background: #ffffff;
}
.roomItem.fastConfig .dropMenu .menuContent h5 {
    height: 0.8rem;
    width: 100%;
    line-height: 0.8rem;
    font-size: 0.36rem;
    color: #666;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.1rem;
    font-weight: normal;
}
.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: 0.16rem 0.1rem;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}
.roomItem.fastConfig .dropMenu .menuContent ul li {
    height: 0.8rem;
    width: calc(25% - 0.22rem);
    background: #f0f0f0;
    border-radius: 0.08rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    color: #333333;
    letter-spacing: -0.18px;
    text-align: center;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border-radius: 0.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: 0.32rem;
    color: #333333;
    letter-spacing: -0.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: 0.61rem;
    line-height: 0.61rem;
    font-size: 0.26rem;
    color: #ffffff;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(66, 164, 255, 0.5);
    border-radius: 0.12rem;
}
.sucessModal .buttomBox .goon {
    display: inline-block;
    width: 1.9rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.26rem;
    color: #ffffff;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.5);
    border-radius: 0.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: 0.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: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    margin: 0.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: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #333333;
    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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    border: 1px solid #E9E9E9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.5);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 0.2rem 0 0 0;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div.active > p,
.roomContainer .happy8.specialOdds .bodys > div > div > div.active > div {
    color: #fff;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div.active > span {
    display: block;
    font-size: 0.24rem;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div.active > span.numhundred {
    font-size: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div > p {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #FF4941;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div > div {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .happy8.specialOdds .bodys > div > div > div > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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: 0.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: -0.2px;
    color: #666666;
    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: #999999;
    height: .02rem;
    position: absolute;
}
.roomContainer .Happy8.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999999;
    padding: 0 .15rem;
}
.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem {
    padding: .25rem 0;
    border-bottom: 1px solid #999999;
    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: 0.82rem;
    font-size: 0.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: #666666;
    padding-left: .04rem;
}
.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds > div:first-child p {
    height: 0.38rem;
    line-height: 0.38rem;
    padding-left: .04rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: left;
    font-size: .24rem;
    color: #666666;
}
.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: 0.08rem;
    font-size: 0.24rem;
    color: #FF4941;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li div {
    height: 0.82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: #FFFFFF;
}
.roomContainer .Happy8.officialBasicsPage > .bodys > div.listItem > .odds div:last-child > ul li p {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.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: #666666;
    letter-spacing: -0.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: #666666;
}
.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: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.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: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.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: 0.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: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    margin: 0.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: #FFFFFF;
    border-radius: 8px;
    margin-bottom: .14rem;
}
.roomContainer .fastThree.sanJun .bodys > div > p {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #333333;
    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: 0.2rem 0 0 0;
    margin: 0.12rem 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #FCFCFC), to(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
}
.roomContainer .fastThree.sanJun .bodys > div > div > div.active > p,
.roomContainer .fastThree.sanJun .bodys > div > div > div.active > div {
    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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .fastThree.sanJun .bodys > div > div > div > p {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #FF4941;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.sanJun .bodys > div > div > div > div {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.sanJun .bodys > div > div > div > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.sanJun .bodys > div > div > section.dianshu > div > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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: 0.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: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    margin: 0.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: #FFFFFF;
    border-radius: 8px;
    margin-bottom: .14rem;
}
.roomContainer .fastThree.weiTou .bodys > div > p {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #333333;
    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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 2px 4px 0 #F1F1F1;
    box-shadow: 0 2px 4px 0 #F1F1F1;
    border-radius: 4px;
    padding: 0.2rem 0 0 0;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > div.contentItem {
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.weutou > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.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: -0.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: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.quantou > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 2px 4px 0 #F1F1F1;
    box-shadow: 0 2px 4px 0 #F1F1F1;
    border-radius: 2px;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > div.contentItem {
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.changpai > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 2px 4px 0 #F1F1F1;
    box-shadow: 0 2px 4px 0 #F1F1F1;
    border-radius: 2px;
    margin: 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > div.contentItem {
    color: #FF4941;
    letter-spacing: -0.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: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .fastThree.weiTou .bodys > div > div > div.duanpai > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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: -0.2px;
    color: #666666;
    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: #999999;
    height: .02rem;
    position: absolute;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999999;
    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: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #333333;
    font-weight: 700;
    background: #FFFFFF;
}
.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: #FFFFFF;
    border-radius: 8px;
    padding-top: .2rem;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li {
    font-size: 0.24rem;
    color: #FF4941;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.threeTh > div.active > div {
    color: #FFFFFF;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #FFFFFF;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    border-radius: 50%;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li.fourth > div > span {
    font-size: .24rem;
    color: #959595;
    letter-spacing: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #FFFFFF;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #FFFFFF;
}
.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: #FFFFFF;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > ul li > div {
    color: #FF4941;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #FFFFFF;
    border-radius: 0.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: 0.52rem;
    line-height: 0.52rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.roomContainer .fastTree.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #FFFFFF;
    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: #666666;
    letter-spacing: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    border: 1px solid #F4F4F4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -0.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: 0.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 #C0C0C0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: -0.2px;
    text-align: center;
}
.roomContainer .happyTenMin.differentBasicsPage > p {
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #666666;
    letter-spacing: -0.2px;
    text-align: center;
    width: 100%;
    margin: 0.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: #FFFFFF;
    border-radius: 8px;
    margin-bottom: .14rem;
    padding-bottom: .12rem;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > p {
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.28rem;
    letter-spacing: -0.15px;
    text-align: center;
    color: #666666;
}
.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: #333333;
    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: 0.2rem 0 0 0;
    margin: 0.12rem 0;
    position: relative;
    margin: .1rem;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #FCFCFC), to(#FFFFFF));
    background-image: linear-gradient(-180deg, #FCFCFC 2%, #FFFFFF 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.5);
    box-shadow: 0 2px 4px 0 rgba(242, 242, 242, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > p,
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.active > div {
    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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: -0.15rem;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > p {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.32rem;
    color: #FF4941;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > div {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.24rem;
    color: #959595;
    letter-spacing: -0.18px;
    text-align: center;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div > span {
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    width: 0.46rem;
    height: 0.46rem;
    display: none;
    position: absolute;
    top: -0.2rem;
    right: -0.15rem;
    border-radius: 50%;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.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: 0.1rem 0 0 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), color-stop(94%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: transparent;
    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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0rem;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: 0rem;
}
.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: transparent;
    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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: 0rem;
}
.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: 0rem;
}
.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: transparent;
    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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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: 0.24rem;
    background: #5FCC49;
    border: 1px solid #ffffff;
    -webkit-box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    box-shadow: -1px 1px 4px 0 rgba(126, 31, 31, 0.5);
    border-radius: 1.36rem;
    width: .9rem;
    right: .1rem;
    top: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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: -0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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 > p,
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC.active > div {
    color: #fff;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC p {
    font-size: 24px;
    color: #FF4941;
    letter-spacing: -0.27px;
    text-align: center;
    margin-top: .72rem;
}
.roomContainer .happyTenMin.differentBasicsPage .bodys > div > div > div.SSCTwoTh.SSC > div {
    font-size: 12px;
    color: #959595;
    letter-spacing: -0.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: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.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: -0.2px;
    color: #666666;
    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: #999999;
    height: .02rem;
    position: absolute;
}
.elevenSelectFive.officialBasicsPage > .bodys > .decLineString > span {
    background: #f1f1f1;
    z-index: 1;
    font-size: .24rem;
    color: #999999;
    padding: 0 .15rem;
}
.elevenSelectFive.officialBasicsPage > .bodys > div.listItem {
    padding: .25rem 0 0 0;
    background: #FFFFFF;
    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: 0.08rem;
    font-size: 0.24rem;
    color: #FF4941;
    letter-spacing: -0.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: 0.24rem;
    color: #333;
    background: transparent;
    border: none;
    margin: .15rem 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li div {
    height: 0.82rem;
    width: .82rem;
    border-radius: 50%;
    font-size: 0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 4%, #FFFFFF 55%);
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.5);
    box-shadow: 0 1px 4px 0 rgba(236, 233, 233, 0.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, 0.5);
    box-shadow: 0 1px 4px 0 rgba(184, 184, 184, 0.5);
    border: 1px solid #FF4941;
    color: #FFFFFF;
}
.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > ul li p {
    height: 0.38rem;
    line-height: 0.38rem;
    font-size: 0.26rem;
    color: #959595;
    letter-spacing: -0.2px;
    text-align: center;
}
.elevenSelectFive.officialBasicsPage > .bodys > div.listItem > .fastselect {
    height: 1.4rem;
    background: #FFFFFF;
    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: #666666;
    letter-spacing: -0.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%, #FFFFFF));
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #FFFFFF 94%);
    border: 1px solid #F4F4F4;
    -webkit-box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    box-shadow: 0 3px 4px 0 rgba(244, 244, 244, 0.5);
    border-radius: 2px;
    font-size: 14px;
    letter-spacing: -0.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: #FFFFFF;
}
.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: 0.56rem;
    color: #999999;
    letter-spacing: -0.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: 0.85rem;
}
.lottery-detail-list .status,
.lottery-detail-list-2 .status {
    font-size: 16px;
    color: #333333;
    letter-spacing: -0.23px;
    right: 0.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: 0.52rem;
}
.lottery-detail-list .ball-list li,
.lottery-detail-list-2 .ball-list li {
    float: left;
    color: #FFFFFF;
    text-align: center;
    height: 0.42rem;
    width: 0.42rem;
    line-height: 0.42rem;
}
.lottery-detail-list .ball-list li:after,
.lottery-detail-list-2 .ball-list li:after {
    margin-left: 0.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: 0.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: #333333;
    letter-spacing: -0.23px;
}
.lottery-detail-list-2 .lottery-detail-list-item-2 .lottery-detail-time-2 {
    margin-top: 14px;
    margin-left: 129px;
    color: #999999;
    letter-spacing: -0.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 0.36rem;
    bottom: 11px;
    left: 0;
}
.lottery-detail-buy {
    width: 100vw;
    position: fixed;
    bottom: 0px;
    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: #FFFFFF;
    letter-spacing: -0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: 0.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: #999999;
    -webkit-box-shadow: 0 2px 4px 0 #999999;
    box-shadow: 0 2px 4px 0 #999999;
}
.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: #666666;
}
.ball-list.lucky28 li:nth-child(3)::after {
    content: '=';
    position: absolute;
    margin-left: 9px;
    font-size: 20px;
    color: #666666;
}
.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: #666666;
}
.ball-list.fast3 li:nth-child(3)::after {
    content: '=';
    position: absolute;
    margin-left: 16px;
    font-size: 20px;
    color: #666666;
}
.ball-list.fast3 li:last-child {
    font-size: 14px;
    color: #333333;
    letter-spacing: -0.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: 0.4rem;
}
.ball-list.hk-lottery li:nth-child(6)::after {
    content: '+';
    position: absolute;
    margin-left: 15px;
    font-size: 20px;
    color: #666666;
}
.ball-list.happy8 {
    margin-top: 0.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: 0.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: 0.22rem;
}
.show_blue {
    color: #4A90E2;
    border: 1px solid #4A90E2;
    border-radius: 0.04rem;
}
.show_red {
    color: #FF4941;
    border: 1px solid #FF4941;
    border-radius: 0.04rem;
}
.show_grey {
    border: 1px solid #ccc;
    border-radius: 0.04rem;
}
.show_green {
    color: #57C946;
    border: 1px solid #57C946;
    border-radius: 0.04rem;
}
.show_gold {
    color: #F5A623;
    border: 1px solid #F5A623;
    border-radius: 0.04rem;
}
.show_black {
    color: #333;
    border: 1px solid #333;
    border-radius: 0.04rem;
}
.show_tu {
    color: #666;
    border: 1px solid #666;
    border-radius: 0.04rem;
}
.show_mu {
    color: #E8803F;
    border: 1px solid #E8803F;
    border-radius: 0.04rem;
}
.ssc_box {
    width: 2.3rem;
    height: 0.84rem;
    position: absolute;
    right: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: 0.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: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: 0.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: 0.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: 0.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: 0.38rem;
}
.lhc_box div:nth-child(1) div:nth-child(3) {
    width: 90%;
    height: 0.38rem;
}
.pk10_box {
    width: 1.6rem;
    height: 1.36rem;
    position: absolute;
    right: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: 0.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: 0.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: 0.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: 0.38rem;
}
.pk10_box div:nth-child(2) div:nth-child(3) {
    width: 90%;
    height: 0.38rem;
}
.kuai8 {
    position: absolute;
    right: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: 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;
    -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: 0.42rem;
    position: absolute;
    right: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: 0.36rem;
    top: 0.5rem;
    font-size: 0.26rem;
    text-align: center;
    color: #666;
    letter-spacing: -0.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: .30rem;
    line-height: .42rem;
    color: #666666;
    letter-spacing: -0.21px;
    overflow: hidden;
}
.NoticeItem > p:nth-child(3) {
    font-size: .26rem;
    color: #999999;
    letter-spacing: -0.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: -0.18px;
}
.messageNoticeDeetail .content {
    padding: 0 .32rem;
}
.messageNoticeDeetail h3 {
    font-size: .32rem;
    color: #333333;
    letter-spacing: -0.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: #666666;
    letter-spacing: -0.21px;
    margin-bottom: .3rem;
    word-break: break-all;
    white-space: normal;
}
.messageNoticeDeetail p {
    word-break: break-all;
    white-space: normal;
    font-size: .26rem;
    color: #999999;
    letter-spacing: -0.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: #333333;
    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: #999999;
    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: 0.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: 0.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: 0.26rem;
    color: #666;
}
.RuleItem .upgrade-data .title-left {
    font-size: 0.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: 0.92rem;
    background-color: #FFFFFF;
    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: 0.256rem;
    color: #333333;
    letter-spacing: -0.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: 0.25rem;
    padding: 0.12rem 0.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: 0.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: 0.32rem;
    color: #333;
    letter-spacing: -0.62px;
}
.BettingRecord-sel-1 {
    width: 33%;
    height: 0.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: #666666;
    -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: 0.28rem;
    color: #FFFFFF;
    letter-spacing: -0.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: -0.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: -0.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: 0.26rem;
    color: #616161;
    letter-spacing: -0.87px;
}
.PersonalFroms .zonglan .fromList > div:nth-last-child(1) > span:nth-child(2) {
    font-family: PingFangSC-Medium;
    font-size: 0.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: -0.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: 0.28rem;
    height: 0.28rem;
    margin-right: 0.1rem;
}
.PersonalFroms .zonglan .textdec > span:nth-child(2) {
    text-align: left;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #8F8F8F;
    letter-spacing: -0.2px;
    line-height: 17px;
}
.PersonalFroms .zonglan .textdec > span:nth-child(2) span {
    font-size: 0.26rem;
    color: #000;
}
.PersonalFroms .Personal .PersonalContet {
    padding-top: 1.36rem;
}
.PersonalFroms .Personal .buttonContainer {
    position: fixed;
    top: 0.8rem;
    background-color: #fff;
    z-index: 11;
}
.PersonalFroms .Personal .titlsPersonal {
    background: #fff;
    width: 100%;
    position: fixed;
    z-index: 11;
    top: 2.4rem;
    height: 0.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: #333333;
    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: 0.78rem;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #555555;
    letter-spacing: -0.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: 0.22rem;
    height: 0.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: 0.26rem;
    color: #616161;
    letter-spacing: -0.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: 0.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: 0.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: #FFFFFF;
    letter-spacing: -0.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: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: #FFFFFF;
    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: #333333;
}
.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: #FFFFFF;
    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: #333333;
    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: #333333;
    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: #999999;
}
.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, 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: 0.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: #555555;
    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: #FFFFFF;
    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: #FFFFFF;
}
.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: 0.8rem;
    background-color: #cdcdcd;
    text-align: center;
    line-height: 0.8rem;
    border-radius: 0.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: -0.9rem;
    left: 1.76rem;
}
.SharePrizeItem .SharePrizeItem-header img {
    width: 3.4rem;
}
.SharePrizeItem .SharePrizeItem-content {
    font-size: 0.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: 0.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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.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: 0.28rem;
    color: #007AFF;
    text-decoration: underline;
}
.MyInviting {
    font-size: 0.3rem;
    color: #131313;
    padding: 0 .36rem;
}
.MyInviting .Inviting-title {
    font-size: 0.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: 0.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: 0.26rem;
    color: #333;
    background: #cfcfcf;
}
.MyInviting .Inviting-details tbody {
    background: #EFEFEF;
    font-size: 0.24rem;
    color: #666;
}
.RulesExplain {
    font-size: 0.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: 0.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: 0.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: 0.3rem;
    color: #131313;
}
.GetCode .code-title .phone {
    font-size: .52rem;
}
.GetCode .code-title .title-click {
    font-size: 0.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: transparent;
    height: 100%;
    width: 100%;
    top: 0;
    display: none;
}
.am-swipe .am-swipe-content,
.am-swipe .am-swipe-actions {
    -webkit-transition: all 250ms;
    transition: all 250ms;
}
.am-swipe-swiping .am-swipe-content,
.am-swipe-swiping .am-swipe-actions {
    -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, 0.5);
    box-shadow: 0 2px 4px 0 rgba(255, 77, 85, 0.5);
    border-radius: .1rem;
}
.tips {
    width:100%;
    height: .6rem;
    /*border-radius: .6rem;*/
    position: relative;
    font-size: .26rem;
    line-height: .6rem;
    color: #95979c;
    letter-spacing: -0.18px;
    background: white;
    /*border:1px solid #d7b68d;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: 0 .22rem;*/
    /*margin:.1rem auto .1rem;*/
    padding: 0 0 0 0.6rem;
    /*top: 4.2rem;*/
    text-align: center;
    z-index: 10;
    overflow: hidden;
}
.tips img {
    position: absolute;
    left: -0.2rem;
    top: -0.05rem;
    height: 0.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: #95979c;
}
.com-modal {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 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: 0.8rem;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}
.com-modal > section > header span {
    position: absolute;
    top: 50%;
    right: 0.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: 0.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 #eeeeee;
}
.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: #aaaaaa;
}
.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;
}
.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 0.64rem;
    padding-top: 0.2rem;
}
.tabs img {
    width: 0.88rem;
    height: 0.88rem;
}
.tabs div {
    font-size: 13px;
    color: #333333;
    letter-spacing: -0.18px;
    text-align: center;
}
.tabs div div {
    margin-top: 0.1rem;
}
.lotteryTitle {
    height: 0.68rem;
    width: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: 0.4rem;
    margin: 0 auto;
    margin-top: 0.1rem;
    margin-bottom: 0.2rem;
    padding: 0.4rem 0.2rem;
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.lotteryTitle p {
    font-size: 0.3rem;
    color: #d4ae79;
    font-weight: 700;
}
.lotteryTitle span {
    width: 0.1rem;
    height: 0.3rem;
    display: inline-block;
    margin-right: 0.12rem;
}
.lotteryTitle span img {
    position:relative;
    top:-.05rem;
    width: 0.1rem;
    height: 0.3rem;
}
.menus.HotLottery {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    -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 0.32rem;
}
.menus.HotLottery > div {
    padding: 0.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.21px;
    text-align: center;
    margin-top: 0.1rem;
}
.menus.HotLottery > div:nth-child(3n) > div {
    width: 100%;
    border-right: none;
}
.slider-pic {
    height: auto;
    padding: 0rem;
}
.badge_test{
    position: fixed;
    right: .1rem;
    top:37%;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 1.35rem;
    background: white;
    z-index: 99;
}
.badge_test img{
    display: block;
    width: .45rem;
    height: auto;
    margin: .1rem auto;
    margin-top:.2rem;
}
.badge_test span{
    display: block;
    width: 100%;
    height: auto;
    margin: .1rem auto;
    margin-top:.13rem;
    text-align: center;
    color:#1C377C;
    font-size:.18rem;
}
.badge_heart{
    position: fixed;
    right: .1rem;
    top:50%;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 1.35rem;
    background: white;
    z-index: 99;
}
.badge_heart img{
    display: block;
    width: .45rem;
    height: auto;
    margin: .1rem auto;
    margin-top:.2rem;
}
.badge_heart span{
    display: block;
    width: 100%;
    height: auto;
    margin: .1rem auto;
    margin-top:.17rem;
    text-align: center;
    color:#1C377C;
    font-size:.18rem;
}

.badge_sign{
    position: fixed;
    right: .1rem;
    top:65%;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 1.35rem;
    background: white;
    z-index: 99;
}
.badge_sign img{
    display: block;
    width: .45rem;
    height: auto;
    margin: .1rem auto;
    margin-top:.2rem;
}
.badge_sign span{
    display: block;
    width: 100%;
    height: auto;
    margin: .1rem auto;
    margin-top:.17rem;
    text-align: center;
    color:#1C377C;
    font-size:.18rem;
}

.dream-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: 0.9rem;
    padding: 0 0.28rem 0 0;
    background: #f1f2f8;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    padding: 0 0.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.dream-header .registerBtn {
    float: left;
    left: 0.3rem;
    position: absolute;
}
.dream-header .loginBtn {
    float: right;
    right: 0.3rem;
    position: absolute;
}
.dream-header .photo{
    position: absolute;
    left: 0;
    display: grid;
    grid-template-columns: auto auto;
}
.dream-header .photo >span{
    font-weight: normal;
    color:white ;
}
.dream-header div {
    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%;
    background: linear-gradient(to right, #ffdeae, #d7b68d);
    -webkit-background-clip: text;
    color: white;
    font-size:.45rem;
    font-weight: bold;
    text-shadow: 0 0 0 .03rem gray;
}
.dream-header div img {
    position: relative;
    height: .75rem;
    margin-left:.07rem;
    margin-top:.07rem;
}
.dream-header div p {
    font-size: 0.35rem;
    color: #fff;
    white-space: nowrap;
}
.dream-header div span {
    font-size: 0.32rem;
    color: #69696a;
}
.slider-list img {
    width: 100% !important;
    height: 3.6rem !important;
}
.slick-dots {
    font-size: 16px;
    bottom: 0.4rem;
}
.slick-dots li {
    padding: 0;
    margin: 0;
    z-index: 10;
}
.slick-dots li span {
    border-radius: 10px;
    display: inline-block;
    background: #ffffff;
    width: 8px;
    height: 8px;
}
.slick-dots .slick-active span {
    background: #ff4941;
    opacity: 1;
}
.slick-dots .mark {
    background: #ffffff;
    opacity: 0.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;
    /*background: #ffffff;*/
    /*-webkit-box-shadow: 1px 0 4px 0 #fdf6f6;*/
    /*        box-shadow: 1px 0 4px 0 #fdf6f6;*/
    /*border-radius: 3px;*/
}
.lotteryHall-page .hallContent .block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.lotteryHall-page .hallContent .block img {
    width: 0.92rem;
    height: 0.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: 0rem;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #f1e8e0;
    /*透明 透明  灰*/
}
.lotteryHall-page .hallContent .block header > div {
    padding: 0.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: 0.28rem;
    color: #333333;
    letter-spacing: -0.21px;
    text-align: center;
    margin-top: 0.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 0.2s;
    transition: all 0.2s;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 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: 0rem;
    margin-top: 8px;
}
.lotteryHall-page .hallContent .block > ul li img{
    height: 2.4rem;
    width: 100%;

}
.lotteryHall-page .hallContent .block > ul li div div:nth-child(1) {
    padding-left: 0.15rem;
    font-weight: 900;
    margin-top: 0.2rem;
}
.lotteryHall-page .hallContent .block > ul li div div:nth-child(2) {
    padding-left: 0.15rem;
    font-weight: 900;
}
.lotteryHall-page .hallContent .block > ul li div img {
    width: 0.96rem;
    height: 0.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: 0.15rem;
    font-size: 0.26rem;
    color: #333333;
}
.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: 0.3rem;
    font-size: 0.24rem;
    color: #999999;
    margin-top: 0.1rem;
    background-size: 0.3rem 0.3rem;
}
.Hot-Recommended {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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 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: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: 0.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 0.6rem 0 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: 0.6rem;
    padding-left: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.Win-LotteryList > div:nth-child(2) > div p {
    font-size: 0.28rem;
    color: #333333;
    display: block;
}
.Win-LotteryList > div:nth-child(2) > div p span {
    font-size: 0.26rem;
    color: #ff5964;
    margin: 0 0.1rem;
}
.Long-LotteryList {
    width: calc(100vw - .4rem);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-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: 0.12rem;
}
.Long-LotteryList > div:nth-child(2) {
    padding: 0 0.6rem 0 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: 0.32rem;
    color: #333333;
    font-weight: 700;
}
.Long-LotteryList > div:nth-child(2) > div {
    height: 0.6rem;
    padding-left: 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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.Long-LotteryList > div:nth-child(2) > div p {
    font-size: 0.28rem;
    color: #8a8a8a;
    display: block;
}
.Long-LotteryList > div:nth-child(2) > div span {
    font-size: 0.28rem;
    color: #ff5964;
    margin: 0 0.1rem;
    border: 1px solid #ff5964;
    border-radius: 10.5px;
    padding: 0.04rem 0.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: 0.32rem;
    color: #000000;
    letter-spacing: -0.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: 0.3rem 0;
    font-size: 0.3rem;
    color: #000000;
}
.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div {
    height: 0.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: 0.52rem;
    font-size: 0.26rem;
    color: #131313;
    letter-spacing: 0.04px;
    background: #f2f2f2;
    border-radius: 0.08rem;
    text-align: center;
    outline: none;
    border: none;
}
.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-modalContent > div > p span {
    width: 1.2rem;
    height: 0.52rem;
    color: #ff4941;
    border: 1px solid #ff4941;
    border-radius: 12px;
    display: block;
    margin-left: 0.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: 0.32rem;
    color: #007aff;
    height: 0.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: 0.26rem;
}
.home-homeisGoToQiPai .am-modal-content .am-modal-body section.home-footer span {
    display: block;
    width: 2.2rem;
    height: 0.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, 0.7);
    color: #fff;
    font-size: 0.3rem;
    width: 100%;
    height: 0.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: 0.32rem;
    height: 0.32rem;
    margin: 0.1rem 0;
}
.footer-Dowload .download-btn {
    margin-right: .4rem;
    width: 1rem;
    height: 0.45rem;
}
.footer-Dowload .download-btn span {
    display: block;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.45rem;
    background: #ff656c;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: 0.12rem;
    font-size: 0.3rem;
    color: #ffffff;
    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: -0.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: -0.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: 0.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: 0.38rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.lotteryHall-page-V2 .hallContent .block img {
    width: 0.92rem;
    height: 0.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 0.04rem 0.08rem 0 #BABABA;
    box-shadow: 0 0.04rem 0.08rem 0 #BABABA;
    border-radius: 0.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: 0.5px solid rgba(255, 255, 255, 0.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: 0.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: 0.36rem;
    color: #FFFFFF;
    letter-spacing: -0.0056rem;
    margin-bottom: 0.1rem;
}
.lotteryHall-page-V2 .hallContent .block header > div div span:last-child {
    opacity: 0.9;
    font-family: PingFangSC-Regular;
    font-size: 0.24rem;
    color: #FFFFFF;
    letter-spacing: -0.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: 0.32rem;
    height: 0.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 0.2s;
    transition: all 0.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: 0.252rem;
    color: #333333;
    letter-spacing: -0.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: 0.3rem;
    font-family: PingFangSC-Regular;
    font-size: 0.18rem;
    color: #8A8A8A;
    letter-spacing: -0.14px;
    margin-top: 0.02rem;
    background-size: 0.3rem 0.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: #FFFFFF;
    letter-spacing: -0.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-user,
.lottery-header .lottery-amount {
    font-size: 16px;
    display: inline-block;
    color: #FFFFFF;
}
.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: 0.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: 0px;
}
.lottery-list .lottery-list-item {
    height: 2.1rem;
    position: relative;
    margin-bottom: 0.28rem;
    padding-top: 0.15rem;
    background: #fff;
    border-radius: 0.08rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.5);
    box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.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: 0.06rem 0.01rem;
}
.lottery-list .lottery-list-item.kk3 img {
    margin-right: .1rem;
    margin-left: .1rem;
    margin-top: 0rem;
}
.lottery-list .lottery-list-item > img {
    position: absolute;
    top: 0.3rem;
    left: 0.24rem;
    height: 1.04rem;
    width: 1.04rem;
    border-radius: 10px;
}
.lottery-list .lottery-list-item .right-arrow {
    position: absolute;
    width: 9px;
    height: 17px;
    right: 0.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: 0.36rem;
    letter-spacing: -0.005rem;
    color: #131313;
    height: 1.24rem;
    display: inline-block;
    line-height: 1.34rem;
}
.lottery-list .lottery-time {
    height: 0.36rem;
    font-family: "PingFang SC";
    font-size: 0.26rem;
    color: #131313;
    letter-spacing: -0.18px;
}
.lottery-list .lottery-zoushitu {
    font-family: "PingFangSC-Light";
    font-size: 0.26rem;
    color: #FF4941;
    letter-spacing: -0.18px;
    position: relative;
    margin-top: 0.16rem;
}
.lottery-list .lottery-zoushitu:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    content: '';
    width: 0.78rem;
    height: 0.02rem;
    border-radius: 1px;
    background-color: #FF4941;
}
.lottery-list .lottery-change-issueNo {
    height: 0.42rem;
    font-size: 0.3rem;
    color: #131313;
    letter-spacing: -0.0042rem;
    font-family: "PingFang SC";
}
.lottery-list .lottery-periods {
    text-align: right;
    color: #666666;
    letter-spacing: -0.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: 0.74rem;
}
.lottery-list .ball-list {
    display: inline-block;
    margin-left: 0.24rem;
    margin-top: 0.1rem;
    position: absolute;
}
.lottery-list .ball-list li {
    float: left;
    color: #FFFFFF;
    text-align: center;
    height: 0.48rem;
    width: 0.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: #999999  !important;
    -webkit-box-shadow: 0 2px 4px 0 #999999  !important;
    box-shadow: 0 2px 4px 0 #999999  !important;
}
.lottery-list .ball-list li:after {
    margin-left: 0.26rem !important;
}
.lottery-list .ball-list.null {
    font-size: 0.4rem;
    color: #888;
}
.lottery-Tab {
    position: absolute;
    right: 10px;
    top: 1.2rem;
    z-index: 9999;
    background-color: #FFFFFF;
    font-family: PingFangSC-Regular;
    font-size: 0.26rem;
    color: #666666;
    letter-spacing: -0.0144rem;
    text-align: center;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.26rem;
    border-radius: 0.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: 0.34rem;
}
.lottery-Tab > div:not(.triangle_3) {
    width: 100%;
}
.triangle_3 {
    width: 0;
    height: 0;
    position: absolute;
    top: -0.2rem;
    right: 0.2rem;
    background-color: transparent;
    border-style: solid;
    border-left-width: 0.14rem;
    border-right-width: 0.14rem;
    border-bottom-width: 0.2rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #f4f4f4;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.my_header_v2 {
    width: 100%;
    height: 4rem;
    position: relative;
    font-family: PingFangSC-Medium;
    font-size: 0.36rem;
    color: #6F6F6F;
    background: linear-gradient(180deg, #FFA300 0%, #F44329 100%);
}
.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, 0.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: 0.2rem;
    height: 0.5rem;
}
.my_header_v2_div > div:nth-child(2) img {
    width: 1rem;
    height: 0.4rem;
}
.my_header_v2_div_1 {
    width: 0.52rem;
    height: 0.52rem;
    position: absolute;
    right: 0.16rem;
    top: 0.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: 0.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: 0.28rem;
    font-family: PingFangSC-Regular;
    font-size: 0.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: 0.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: 0.4rem;
    height: 0.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: 0.3rem;
}
.my_money_v2 > .my-rank .rank-slide {
    border-radius: 0.3rem;
    height: .2rem;
    background-image: linear-gradient(-45deg, #FF7D83 0%, #FF4941 100%);
}
.my_money_v2 .my_money_v2_div {
    width: 100%;
    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: 0.28rem;
    color: #333333;
    text-align: left;
    background: url(images/secondbg.png);
    background-size: 100% 100%;
    margin-top: -20px;
}
.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: #696969;
    width: 90%;
    height: 42px;
    margin: 4px auto;
    line-height: 42px;
    font-size: 16px;
    background: url(images/lo-bg.png);
    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:nth-child(1) {
    /*border-right: 1px solid #ededed;*/
}
.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;*/
/*}*/
.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: 0.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: 0.28rem;
    color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
}
/*.my_money_v2 .my_money_v2_div > div > div:nth-child(2) > img {*/
/*    margin-left: 0.32rem;*/
/*    margin-right: 0.24rem;*/
/*    width: 0.42rem;*/
/*    height: 0.36206897rem;*/
/*}*/
/*.my_item_v2 {*/
/*    background-color: #FFFFFF;*/
/*    font-family: PingFangSC-Regular;*/
/*    font-size: 0.252rem;*/
/*    color: #000000;*/
/*    padding-top: .2rem;*/
/*}*/
.my_item_more {
    width: 100%;
    height: 1.6rem;
}
.my_item_more img {
    width: 100%;
    height: 100%;
}
.my_item_div {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: center;
    margin-top: .2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    padding: 0 .14rem;
}
/*.my_item_div > div {*/
/*    text-align: center;*/
/*    width: 50%!important;*/
/*    height: 1.54rem;*/
/*    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;*/
/*    border: 1px solid #F4F4F4;*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*}*/
.my_item_div > div > img {
    width: 15%;
    height:auto;
    margin-bottom: 0.18rem;
}
/*.my_header_v2 {*/
/*    width: 100%;*/
/*    height: 4rem;*/
/*    background-image: url(images/headerbcs.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100% 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;*/
/*    position: relative;*/
/*    font-family: PingFangSC-Medium;*/
/*    font-size: 0.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, 0.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: 0.2rem;
    height: 0.5rem;
}
.my_header_v2_div > div:nth-child(2) img {
    width: 1rem;
    height: 0.4rem;
}
.my_header_v2_div_1 {
    width: 0.52rem;
    height: 0.52rem;
    position: absolute;
    right: 0.16rem;
    top: 0.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: 0.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: 0.28rem;
    font-family: PingFangSC-Regular;
    font-size: 0.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: 0.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: 0.4rem;
    height: 0.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: 0.3rem;
}
.my_money_v2 > .my-rank .rank-slide {
    border-radius: 0.3rem;
    height: .2rem;
    background-image: linear-gradient(-45deg, #FF7D83 0%, #FF4941 100%);
}
/*.my_money_v2 .my_money_v2_div {*/
/*    width: 100%;*/
/*    height: 1.9rem;*/
/*    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: 0.28rem;*/
/*    color: #333333;*/
/*    text-align: left;*/
    /*background-color: #FFFFFF;*/
/*}*/
.my_money_v2 .my_money_v2_div > div:nth-child(1) {
    /*border-right: 1px solid #ededed;*/
}
.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;
}
.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: 0.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: 0.28rem;
    color: #FFFFFF;
    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-left: 0.32rem;*/
    margin-right: 0.15rem;
    /*width: 0.42rem;*/
    height: 22px;
}
.my_item_v2 {
    /*background-color: #FFFFFF;*/
    font-family: PingFangSC-Regular;
    font-size: 0.252rem;
    color: #000000;
    /*padding-top: .2rem;*/
}
.my_item_more {
    width: 100%;
    height: 1.6rem;
}
.my_item_more img {
    width: 100%;
    height: 100%;
}
.my_item_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-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;
}
/*iPhone6/7/8*/
  @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: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #F4F4F4;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: .24rem;
}
.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_item_div > div > img {*/
/*    width: 0.5rem;*/
/*    height: 0.5rem;*/
/*    margin-bottom: 0.1rem;*/
/*}*/
.my-content-wrapper {
    height: calc(100vh - 1rem);
    overflow-y: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
}
.my-content {
    position: relative;
    height: 100%;
    
    overflow: scroll;
    /*background-image: url(images/headerbcs.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background: linear-gradient(180deg, #FFA300 0%, #F44329 100%);*/
}
.my-content:after {
    height: calc(100% + 1px);
}
.active-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 0.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: 0.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: 0.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 0rem .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: 0.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, 0.2);
}
.active-content > section ul li .new {
    position: absolute;
    top: 0;
    left: 0.2rem;
    width: 0.56rem;
    height: 0.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: 0.7rem;
    padding: 0.2rem;
    border-radius: 0 0 4px 4px;
    background: rgba(0, 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: 0.34rem;
    padding-left: 0.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: 0.34rem 0.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: 0.72rem;
    padding: 0 0.28rem 0 0;
    background: #252525;
    -webkit-transition: all 0.5s;
    transition: all 0.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: 0.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: 0.48rem 0.24rem 0rem 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: -0.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: normal;
    vertical-align: bottom;
    margin-bottom: -0.06rem;
}
.homeindex_Content .game_lotteryTitle p span {
    display: inline-block;
    width: 5rem;
    margin-left: .16rem;
    font-size: .20rem;
    color: #f2ba36;
    background: none;
}
.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: 0.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: 0.2rem;
    width: 2.8rem;
    height: 3.2rem;
}
.homeindex_Content .hotGameRepeat .hotgamepic_4 {
    top: 3.3rem;
    left: 0.2rem;
    width: 2.8rem;
    height: 2.3rem;
}
.homeindex_Content .hotGameRepeat .hotgamepic_5 {
    top: 3.3rem;
    right: 0.2rem;
    width: 2.5rem;
    height: 2.3rem;
}
.homeindex_Content .hotGameRepeat .hotgamepic_6 {
    top: 5.7rem;
    left: 0.2rem;
    width: 2.8rem;
    height: 3.0rem;
}
.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: 0.2rem;
    width: 2.5rem;
    height: 3.0rem;
}
.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: 0.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: 0.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: 0.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: 0.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: 0.42rem solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 0.42rem solid #2e4565;
}
.homeindex_Content .gameGuess > div > div .guessbox > div:nth-child(3):after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 0.42rem solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 0.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: 0.26rem;
    height: 0.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, 0.7);
    color: #fff;
    font-size: 0.3rem;
    width: 100%;
    height: 0.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: 0.32rem;
    height: 0.32rem;
    margin: 0.1rem 0;
}
.footer-Dowload .download-btn {
    margin-right: .4rem;
    width: 1rem;
    height: 0.45rem;
    margin-top: .06rem;
}
.footer-Dowload .download-btn span {
    display: block;
    width: 1rem;
    height: 0.4rem;
    line-height: 0.45rem;
    background: #ff656c;
    -webkit-box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.5);
    border-radius: 0.12rem;
    font-size: 0.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 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 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-top,
.am-tabs-bottom {
    -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 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    will-change: transform;
}
.am-tabs-default-bar-animated .am-tabs-default-bar-underline {
    -webkit-transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    will-change: top, left, width, color;
}
.am-tabs-default-bar-top,
.am-tabs-default-bar-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.am-tabs-default-bar-top .am-tabs-default-bar-content,
.am-tabs-default-bar-bottom .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-top .am-tabs-default-bar-prevpage,
.am-tabs-default-bar-bottom .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(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0));
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
.am-tabs-default-bar-bottom .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(#ffffff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.am-tabs-default-bar-top .am-tabs-default-bar-tab,
.am-tabs-default-bar-bottom .am-tabs-default-bar-tab {
    padding: 8px 0;
}
.am-tabs-default-bar-top .am-tabs-default-bar-underline,
.am-tabs-default-bar-bottom .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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleY(0.5);
        transform: scaleY(0.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(0.33);
        -ms-transform: scaleY(0.33);
        transform: scaleY(0.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(0.5);
        -ms-transform: scaleX(0.5);
        transform: scaleX(0.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(0.33);
        -ms-transform: scaleX(0.33);
        transform: scaleX(0.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(0.5);
        -ms-transform: scaleX(0.5);
        transform: scaleX(0.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(0.33);
        -ms-transform: scaleX(0.33);
        transform: scaleX(0.33);
    }
}
.Hall-page {
    min-height: 100vh;
}
.Hall-page .am-tabs {
    margin-top: .88rem;
}
.Hall-page .am-tabs-default-bar-tab {
    background-color: #EFEFEF;
    color: #000000;
}
.Hall-page .am-tabs-default-bar-tab-active {
    background-color: #FF7E79;
    color: #FFFFFF;
}
.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: 0.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%;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    background-color: initial;
}
ol,
ul,
li {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    color: black;
}
.dianjing {
    background-color: #171717;
}
.dianjing header,
.dianjing .header {
    background-color: #171717;
}
.dianjing .lottery-header-container {
    background-color: #171717;
}
.dianjing .tabButton .btn {
    background: none;
    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: none;
}
.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: none;
}
.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: 0rem !important;
}
.dianjing .NameRegister {
    height: -webkit-fill-available;
}
.dianjing .NameRegister .Register-clause a {
    color: #f2ba36;
}
.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: #BDC2C9;
}
.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 {
}
.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 header,
.dianjing .active-content .NoRecord {
    background-color: #171717;
}
.dianjing .NoRecord {
    background-color: #171717;
}
.dianjing .PersonalFroms {
    background-color: #171717;
}
.dianjing .PersonalFroms .zonglan,
.dianjing .PersonalFroms .Personal {
    height: -webkit-fill-available;
    background-color: #171717;
}
.dianjing .PersonalFroms .zonglan .tabButton .btn,
.dianjing .PersonalFroms .Personal .tabButton .btn {
    border-radius: 20px;
    border: 1px solid #CEAB3C;
    background: #0F1216;
    color: #CEAB3C;
}
.dianjing .PersonalFroms .zonglan .btn-choise,
.dianjing .PersonalFroms .Personal .btn-choise {
    background-color: #FEC80D !important;
    color: #FFF !important;
}
.dianjing .PersonalFroms .zonglan .textdec span:nth-child(2),
.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) {
    color: #7C8DA4;
}
.dianjing .PersonalFroms .zonglan .textdec span:nth-child(2) span,
.dianjing .PersonalFroms .Personal .textdec span:nth-child(2) span {
    color: #BEC2C8;
}
.dianjing .PersonalFroms .zonglan .fromList,
.dianjing .PersonalFroms .Personal .fromList {
    background-color: #242F3C;
}
.dianjing .PersonalFroms .zonglan .fromList div,
.dianjing .PersonalFroms .Personal .fromList div {
    border-right: 1px solid #2E4565;
    border-bottom: 1px solid #2E4565;
}
.dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(1),
.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(1) {
    color: #BDC2C9;
}
.dianjing .PersonalFroms .zonglan .fromList div > span:nth-child(2),
.dianjing .PersonalFroms .Personal .fromList div > span:nth-child(2) {
    color: #FEC80D;
}
.dianjing .PersonalFroms .zonglan .fromList div:nth-last-child(1),
.dianjing .PersonalFroms .Personal .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-title,
.dianjing .BettingRecord .BettingRecord-sel {
    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: none;
}
.dianjing .BettingRecord .RecordItem .li-title span,
.dianjing .BettingRecord .RecordItem .li-title div {
    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 .headers .headers,
.dianjing .BettingDetails .BettingDetailsItem .meonyCount div,
.dianjing .BettingDetails .headers .meonyCount div,
.dianjing .BettingDetails .BettingDetailsItem .meonyCount,
.dianjing .BettingDetails .headers .meonyCount {
    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(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),
.dianjing .AccountDetailInfo div:nth-child(10) 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 > div:nth-child(1) div:nth-child(1),
.dianjing .gameRecordDetails > div:nth-child(1) div:nth-child(2),
.dianjing .gameRecordDetails .game_content > div span:nth-child(1) {
    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 .subWalletList,
.dianjing .moneyConversion .Conversion-content .TransferredTO {
    background: #242F3C;
    color: #BDC2C9;
}
.dianjing .moneyConversion .Conversion-content .subWalletList .am-switch input[type="checkbox"]:checked + .checkbox,
.dianjing .moneyConversion .Conversion-content .TransferredTO .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: none;
    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: none;
    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 .orderContet,
.dianjing .QRCodeIntegrationItem .header_title {
    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: none;
    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: none;
    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-list-line .am-list-content,
.dianjing .user-argent-adduser.container .am-list-item .am-input-label {
    color: #BDC2C9;
}
.dianjing .user-argent-adduser.container .am-list-item .am-input-control input {
    color: #FFF;
}
.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .titles,
.dianjing .user-argent-adduser.container .list-item-vip div {
    background-color: #171717;
    color: #BDC2C9;
}
.dianjing .user-argent-adduser.container .my-list-pageBody-addUser .list-item-vip div:nth-child(2) input {
    background: none;
    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: none;
    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 .checkModals,
.dianjing .user-argent-adduser.container .addUser-agent .am-list-body {
    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: none;
    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: none;
}
.dianjing .user-argent-adduser.container .Agent-Response-Footer span {
    background: #FDC731;
    background-image: none;
}
.dianjing .user-argent-adduser.container .content .Link-Manage .manageLinkPage {
    background: none;
}
.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 .subMitBox,
.dianjing .am-list-item,
.dianjing .addUser-agent .my-list-addUser-agent .modalReOFF,
.dianjing .am-list-item .am-input-label,
.dianjing .checkModals {
    background: #171717;
    color: #BDC2C9;
}
.dianjing .Link-Setting .wxh_userManage_configTitle {
    background: none;
}
.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: #FFFFFF;
}
.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: none;
    color: #FFF;
}
.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .titles,
.dianjing .Agent-pageBody-addUser .my-list-pageBody-addUser .am-list-body .am-list-line {
    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: #FFFFFF !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: none;
    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 > div:nth-child(2),
.dianjing .transfer_container .wxh_transfer_modal .wxh_teamBet_modal {
    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: none;
}
.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: none;
    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: #333333;
}
.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: none;
}
.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 .WithdrawalsBank .WithdrawalsBank-money,
.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-No,
.dianjing .Withdrawals .Withdrawals-ul {
    background: none;
    color: #BDC2C9;
}
.dianjing .Withdrawals .WithdrawalsBank .WithdrawalsBank-top {
    background: none;
    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: none;
    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: none;
}
.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: none;
    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 .PayMethodItem-ul_wxh_index,
.dianjing .CustomenServers_wxh_index {
    background: none;
}
.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::before,
.dianjing .act-detail-content .act-detail-dec h3::after {
    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: 0rem 0rem;
    -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: 0rem;
}
.dianjing .gameClassify > div {
    margin-left: 0px;
    margin-right: 0px;
}
.dianjing .gameClassify > div:nth-child(2) ul,
.dianjing .gameClassify > div:nth-child(4) ul,
.dianjing .gameClassify > div:nth-child(6) ul {
    float: right;
    right: 0.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: darkgoldenrod;
}
.dianjing .tips {
    background: #313131 !important;
    top: 3.5rem;
}
.dianjing .tips .dec {
    color: #f2ba36;
}
.am-picker-popup.dianjing {
    background: none;
}
.am-picker-popup.dianjing .am-picker-popup-header,
.am-picker-popup.dianjing .am-picker {
    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: none;
}
.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) no-repeat;
    background-size: 100% 100%;
    position:fixed;
    left: 80%;
    top: 70%;
}


#home-content > div:nth-child(4) {
    font-size: 14px;
}


.kf-title {
    padding: 0.56em 0em 0em 2em;
    font-size: 14px;
    color: red;
}

.kf-content {
    width: 90%;
    margin: 0 auto;
    padding: 0.5em 1em;
    font-size: 12px;
    border-bottom: 1px solid #cccccc;
}

.kf-content:last-child {
    width: 90%;
    margin: 0 auto;
    padding: 0.5em 1em;
    font-size: 12px;
    margin-bottom: 80px;
    border-bottom: 0px solid #cccccc;
}
/*红包抽奖*/


.hb_main_content{
    width: 100%;
    height: 12rem;
    background: url(../../images/logo_bg.png?v=26) no-repeat;
    background-size: cover;
    position: relative;
}
.hb_main_arry{
    width: 170px;
    height: 170px;
    background: url(../images/hb_yx.png) no-repeat;
    position: absolute;
    top:2.8rem;
    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{
    background: url(../images/hb_btny.png?v=2) no-repeat;
    width: 160px;
    height: 75px;
    background-size: 100% 100%;
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
}
.hb_zj_list{
    width: 98%;
    margin: 20px auto 0;
        border:.05rem solid #8b8b8b;
        border-radius: .2rem;
        background: #fff;
    padding-top:30px;
}
.hb_zj_list h6{
    display: block;
    width: 200px;
    height: 35px;
    margin: 0 auto;
    text-align: center;
    color: #bf833d;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    top: -27px;
    position: relative;
    z-index: 99;
}
.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: 20px auto 0;
    line-height: 21px!important;
    font-size: 13px!important;
    padding: 12px;
    padding-top: 5px;
}
.hb_rule_t{
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin: 20px auto 0;
    line-height: 18px;
    background:  url(../images/bottom_border_t.png?v=3) no-repeat;
    background-size:100% 85%;
    padding: 12px;
    padding-top: 5px;
    margin-bottom: 30px;
    height: 170px;
}
.hb_rule_s{
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin: 20px auto 0;
    line-height: 18px;
    background:  url(../images/bottom_border_s.png?v=3) no-repeat;
    background-size:100% 85%;
    padding: 12px;
    padding-top: 5px;
    margin-bottom: 30px;
    height: 170px;
}
.hb_rule_j{
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin: 20px auto 0;
    line-height: 18px;
    background:  url(../images/bottom_border_j.png?v=6) no-repeat;
    background-size:100% 85%;
    padding: 12px;
    padding-top: 5px;
    margin-bottom: 30px;
    height: 270px;
}
.hb_rule_e{
    color: #fff;
    font-size: 16px;
    width: 85%;
    margin: 20px auto 0;
    line-height: 19px!important;
    background:  url(../images/bottom_border_j.png?v=6) no-repeat;
    background-size:100% 85%;
    padding: 12px;
    padding-top: 5px;
    margin-bottom: 30px;
    height: 270px;
}
.hb_rule p{
    text-align: center;
    background:  url(../images/bottom_title.png?v=3) no-repeat;
    background-size:contain;
    width: 150px;
    margin: 0 auto;
    position: relative;
    font-size: 14px;
    top:-9px;
}
#hb_numner{
        font-size: 28px;
    margin-top: 12px;
    color: #ee342d;
    font-weight: bold;
}
.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: 320px;
    padding: 15px 0;
    overflow: hidden;
    position: relative;
    top:-30px;
}
.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: #000;
    text-align: center;
    

}