/* <style type="text/css"> */
    /* @charset "UTF-8"; */

    .drag-verify-container {
        line-height: 0;
        z-index: 997;
        background: #fff;
        padding: 0.1rem 0.6rem 0.3rem;
        margin-top: -0.2rem;
        margin-bottom: 0.3rem;
    }

    .drag-verify-container .drag_verify {
        position: relative;
        text-align: center;
        /* overflow: hidden; */
        line-height: 0.8rem;
        background: #f6f9fa;
        border: 1px solid #dddddd;
        font-size: 80%;
    }

    .drag-verify-container .el-icon-d-arrow-right:before {
        content: ">";
    }

    .drag-verify-container .drag_verify .dv_handler {
        position: absolute;
        top: 0px;
        left: 0px;
        cursor: move;
    }

    .drag-verify-container .drag_verify .dv_handler i {
        color: #666;
        padding-left: 0;
        font-size: 21px;
    }

    .drag-verify-container .drag_verify .dv_handler .el-icon-circle-check {
        color: #6c6;
        margin-top: 9px;
    }

    .drag-verify-container .drag_verify .dv_progress_bar {
        position: absolute;
        height: 34px;
        width: 0px;
        max-width: 299px;
    }

    .drag-verify-container .drag_verify .dv_text {
        position: absolute;
        top: 0px;
        color: transparent;
        -moz-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -o-user-select: none;
        -ms-user-select: none;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, let(--textColor)), color-stop(0.4, let(--textColor)), color-stop(0.5, #fff), color-stop(0.6, let(--textColor)), color-stop(1, let(--textColor)));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-text-size-adjust: none;
        -webkit-animation: slidetounlock 3s infinite;
        animation: slidetounlock 3s infinite;
    }

    .drag-verify-container .drag_verify .dv_text * {
        -webkit-text-fill-color: let(--textColor);
    }

    .drag-verify-container .goFirst {
        transition: left 0.5s;
    }

    .drag-verify-container .goKeep {
        transition: left 0.2s;
    }

    .drag-verify-container .goFirst2 {
        width: 0px !important;
        transition: width 0.5s;
    }

    .drag-verify-container .sheader {
        width: 100%;
        height: 0.7rem;
        border-bottom: 1px solid #e9e9e9;
        font-size: 80%;
        color: #000;
        margin: 0 0 .2rem 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .drag-verify-container .imgbox {
        /*padding: .1rem 0.3rem;*/
    }

    .drag-verify-container .refresh {
        position: absolute;
        right: 5px;
        top: 5px;
        cursor: pointer;
        font-size: 20px;
        z-index: 200;
        margin: 10px 5px;
    }

    .drag-verify-container .el-icon-refresh:before {
        content: "⟳";
        font-size: 32px;
    }

    .drag-verify-container .tips {
        position: absolute;
        bottom: 0;
        height: 20px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        font-size: 12px;
        z-index: 200;
    }

    .drag-verify-container .tips.success {
        background: rgba(255, 255, 255, 0.6);
        color: green;
    }

    .drag-verify-container .tips.danger {
        background: rgba(0, 0, 0, 0.6);
        color: yellow;
    }

    .drag-verify-container .main-canvas {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .drag-verify-container .white {
        color: white;
        background: #caaaaa87;
        display: unset;
        padding: 0rem 0 0rem 0.1rem;
        border-radius: 6px;
        text-align: center;
    }

    .drag-verify-container .el-icon-d-arrow-right:before {
        content: "⇀";
    }

    @-webkit-keyframes slidetounlock {
        0% {
            background-position: let(--pwidth) 0;
        }

        100% {
            background-position: let(--width) 0;
        }
    }

    @-webkit-keyframes slidetounlock2 {
        0% {
            background-position: let(--pwidth) 0;
        }

        100% {
            background-position: let(--pwidth) 0;
        }
    }

    /* </style>
    <style type="text/css"> */
    .sCer {
        bottom: 50%;
    }

    .dialog-container .page__content {
        overflow: hidden;
    }

    .page.page--userReg .loginBg01 {
        background: url("/template/fubang2/images/loginbg-h5.png") no-repeat center top;
        background-size: cover;
        background-color: #333;
    }

    .page.page--userReg .page--userReg__content {
        line-height: normal;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .page.page--userReg .page--userReg__content .main {
        padding: 0 0.4rem;
    }

    .page.page--userReg .page--userReg__content .foot {
        padding: 0.3rem 0.4rem 2.5rem;
        flex: 1;
        display: flex;
        align-items: flex-end;
        min-height: 1rem;
    }

    @media screen and (orientation: landscape) {
        .page.page--userReg .page--userReg__content .foot {
            position: relative;
        }
    }

    .page.page--userReg .page--userReg__content .button {
        margin: 0.2rem auto 0;
    }

    .page.page--userReg .userRegMain {
        width: 100%;
        padding-top: 1.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .page.page--userReg .userRegMain .logo {
        width: 6rem;
        margin-top: 1rem;
        margin-bottom: .5rem;
    }

    .page.page--userReg .userRegMain .logo img {
        width: 100%;
        display: block;
    }

    .page.page--userReg .userRegMain .from {
        margin-top: 0.3rem;
        width: 100%;
        background-color: #fff;
        border-radius: 10px;
        font-size: 90%;
    }

    .page.page--userReg .userRegMain .from>div {
        /* height: 1.2rem; */
        display: flex;
        align-items: center;
        padding: 0 0.3rem;
    }

    .page.page--userReg .userRegMain .from>div>div {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .page.page--userReg .userRegMain .from>div label {
        width: 1.6rem;
        text-align: right;
        padding-right: 0.3rem;
        margin-right: 0.3rem;
        position: relative;
        white-space: nowrap;
    }

    .page.page--userReg .userRegMain .from>div input {
        border: none;
        padding: 0.3rem 0;
        margin: 0;
        outline: none;
        font-size: 100%;
        width: 0px;
        flex: auto;
    }

    .page.page--userReg .userRegMain .from>div input[readonly] {
        pointer-events: none;
        color: #999;
    }

    .page.page--userReg .userRegMain .from>div span {
        white-space: nowrap;
        color: #adadad;
    }

    .page.page--userReg .userRegMain .from>div span.captcha {
        height: 0.65rem;
    }

    .page.page--userReg .userRegMain .from>div span.captcha img {
        height: 100%;
        max-width: 3rem;
        display: block;
    }

    .page.page--userReg .userRegMain .from>div span:active {
        opacity: 0.8;
    }

    .page.page--userReg .userRegMain .textbtn {
        display: flex;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
        padding: 0 0.1rem;
        margin-bottom: .4rem;
        font-size: 95%;
        color: rgba(255, 255, 255, 0.7);
    }

    .page.page--userReg .userRegMain .textbtn em {
        color: #a68f4c;
    }

    .page.page--userReg .userRegMain .textbtn em:active {
        opacity: .8;
    }

    .page.page--userReg .userRegMain .loginbtn {
        margin-top: 0.4rem;
        width: 100%;
        display: flex;
    }

    .page.page--userReg .userRegMain .loginbtn .button {
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3rem;
        height: 1rem;
        padding: 0;
        margin-bottom: 0.4rem;
    }

    .page.page--userReg .userRegMain .loginbtn .button+.button {
        margin-left: 0.3rem;
    }

    .page.page--userReg .userRegMain .loginbtn .button.ablesmall {
        flex: 2;
    }

    .page.page--userReg .loginMain {
        width: 100%;
        padding-top: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .page.page--userReg .loginMain .logo {
        width: 6rem;
        min-height: 2.5rem;
    }

    .page.page--userReg .loginMain .logo>span {
        display: block;
        height: 170px;
    }

    .page.page--userReg .loginMain .logo img {
        width: 100%;
        display: block;
    }

    .page.page--userReg .loginMain .from {
        box-sizing: border-box;
        margin-top: 1rem;
        width: 100%;
        border-radius: 5px;
        font-size: 90%;
    }

    .page.page--userReg .loginMain .from .form-text-item {
        font-size: 0.4rem;
        text-align: right;
        width: 100%;
    }

    .page.page--userReg .loginMain .from>.form-input-item {
        height: 1.1rem;
        display: flex;
        align-items: center;
        padding: 0 0.3rem;
        border-radius: 8px;
        margin-bottom: 0.4rem;
    }

    .page.page--userReg .loginMain .from>.form-input-item>div {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .page.page--userReg .loginMain .from>.form-input-item label {
        text-align: right;
        padding-right: 0.3rem;
        position: relative;
        white-space: nowrap;
    }

    .page.page--userReg .loginMain .from>.form-input-item label i {
        font-size: 0.5rem;
    }

    .page.page--userReg .loginMain .from>.form-input-item input {
        border: none;
        padding: 0.3rem 0;
        margin: 0;
        outline: none;
        font-size: 0.4rem;
        flex: auto;
    }

    .page.page--userReg .loginMain .from>.form-input-item span {
        white-space: nowrap;
        color: #adadad;
    }

    .page.page--userReg .loginMain .from>.form-input-item span.captcha {
        height: 0.65rem;
        background-color: #fff;
        margin-right: 0.2rem;
    }

    .page.page--userReg .loginMain .from>.form-input-item span.captcha img {
        height: 100%;
        max-width: 3rem;
        display: block;
    }

    .page.page--userReg .loginMain .from>.form-input-item span:active {
        opacity: 0.8;
    }

    .page.page--userReg .loginMain .loginbtn {
        margin-top: 0.4rem;
        width: 100%;
        display: flex;
        margin-bottom: 0.2rem;
    }

    .page.page--userReg .loginMain .loginbtn .button {
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        height: 1.2rem;
        font-size: 120%;
        padding: 0;
        margin-bottom: 0.3rem;
        color: #fff;
    }

    .page.page--userReg .loginMain .loginbtn .button+.button {
        margin-left: 0.3rem;
    }

    .page.page--userReg .loginMain .loginbtn .button.ablesmall {
        flex: 2;
    }

    .page.page--userReg .loginMain .login-btn-box {
        width: 104%;
        display: flex;
        margin-top: 2.8rem;
        position: relative;
        z-index: 2;
        justify-content: center;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item {
        padding: 0rem 0.15rem;
        height: 34px;
        line-height: 34px;
        border-radius: 0.6rem;
        font-size: 12px;
        line-height: 33px;
        font-family: MicrosoftYaHei;
        margin-left: 4px;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item i {
        margin-right: 5px;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item>img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item .ico-kf {
        background: url(/template/fubang2/images/kf.png);
        width: 15px;
        height: 15px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item .ico-sw {
        background: url(/template/fubang2/images/sw.png);
        width: 20px;
        height: 13px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .page.page--userReg .loginMain .login-btn-box .btn_item .ico-add {
        background: url(/template/fubang2/images/login_add.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .page.page--userReg .loginMain.popup {
        padding: 0;
        color: #606266;
    }

    .page.page--userReg .loginMain.popup .from {
        margin: 0;
        padding: 0.6rem 0.5rem 0;
    }

    .page.page--userReg .loginMain.popup .from .title {
        font-size: 100%;
        font-weight: bold;
    }

    .page.page--userReg .loginMain.popup .from .form-input-item {
        border-bottom: 1px solid #dddcce;
        border-radius: 0;
        padding: 0 0.1rem;
        height: 1.1rem;
    }

    .page.page--userReg .loginMain.popup .from .form-input-item input {
        font-size: 100%;
    }

    .page.page--userReg .loginMain.popup .from .form-text-item {
        text-align: left;
    }

    .page.page--userReg .loginMain.popup .from .form-text-item .checkbox__checkmark:before {
        width: 0.45rem;
        height: .45rem;
    }

    .page.page--userReg .loginMain.popup .from .form-text-item .checkbox__checkmark:after {
        width: 0.2rem;
        height: .1rem;
    }

    .page.page--userReg .loginMain.popup .from .form-text-item .checkbox {
        height: 0.5rem;
    }

    .page.page--userReg .foot .btnrow {
        display: flex;
        width: 100%;
    }

    .page.page--userReg .foot .btnrow>span {
        flex: 1;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.7);
        transition: background-color 0.2s;
        border-radius: 3rem;
    }

    .page.page--userReg .foot .btnrow>span:before {
        border-color: rgba(255, 255, 255, 0.7);
        border-radius: 3rem;
    }

    .page.page--userReg .foot .btnrow>span:active {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .page.page--userReg .loadingMask {
        z-index: 103;
    }

    .regActInfo .middle {
        font-size: 90%;
        line-height: 1.3;
        padding: 1.3rem 0.4rem 0.1rem;
    }

    .regActInfo .middle p {
        display: flex;
    }

    .regActInfo .middle p+p {
        padding-top: .15rem;
    }

    .regActInfo .middle p span {
        padding-right: .1rem;
    }

    .button--primary,
    .button--primary:active {
        background-color: #a68f4c;
    }

    .show_box {
        width: 100%;
        height: 100%;
        position: fixed;
        background: #00000094;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
    }

    /* </style>
    <style type="text/css"> */
    .page--index__content {
        background-color: #fff9f8 !important;
    }

    .page--index__content .usdt-info {
        background: #F6EEF7;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        padding: 0rem 0.05rem;
        border-radius: 7px;
        margin: 0.3rem 0.2rem 0.2rem;
    }

    .page--index__content .usdt-info .button-ios {
        background: #3BB1AB;
        box-shadow: 0px 3px 4px 0px rgba(72, 72, 72, 0.25);
        height: 1rem;
        font-size: 80%;
        font-weight: 600;
        padding: 0 1.5em;
        margin: 0 0.1rem 0 .3rem;
    }

    .page--index__content .usdt-info .button-ios .button-inner {
        display: flex;
        flex-flow: row nowrap;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .page--index__content .usdt-info .button-ios .button-inner .button-effect {
        border-radius: 50%;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        position: absolute;
        z-index: 0;
        display: none;
        background-color: #555;
        opacity: .2;
        transition-timing-function: ease-in-out;
        pointer-events: none;
        top: 0;
        left: 0;
    }

    .page--index__content .usdt-info .button-ios img {
        width: 0.65rem;
        margin-right: 0.15rem;
    }

    .page--index__content .usdt-info .rate-box {
        font-size: 80%;
        border-radius: 0.1rem;
        height: 0.6rem;
        margin-top: 0rem;
        display: flex;
        align-items: center;
        width: 4.3rem;
        margin: 0 0.2rem 0rem .1rem;
        padding: .07rem 0.05rem;
    }

    .page--index__content .usdt-info .rate-box .text {
        color: #F77A4C;
        text-align: center;
        width: 4rem;
    }

    .page--index__content .usdt-info .rate-box .rate {
        width: calc(100% - -1.3rem);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page--index__content .usdt-info .rate-box .rate .rate-text {
        color: #fe3233;
    }

    .page--index__content .usdt-info .test-list {
        width: 4.2rem;
        background: #fffcfb;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
        padding: 0 0.21rem;
        border-radius: 0.21rem;
        margin: 0.1rem 0.1rem;
    }

    .page--index__content .usdt-info .test-list li {
        display: flex;
        font-size: 80%;
        margin: 0.2rem 0 .1rem;
        align-items: center;
    }

    .page--index__content .usdt-info .test-list li img {
        width: 0.48rem;
        margin-left: 0rem;
        max-width: 100%;
        border: 0;
        margin-right: .1rem;
    }

    .page--index__content .usdt-info .test-list li span {
        color: #635656;
        font-weight: bolder;
        display: inline-block;
    }

    .page--index__content #lottery .lists {
        height: 13.1rem;
        overflow: hidden;
    }

    .page--index__content #lottery .lists.open {
        height: unset;
    }

    /* </style>
    <style type="text/css"> */
    .mychoice {
        height: 1.2rem;
        width: 100%;
    }

    .mychoice div {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .mychoice div ul {
        height: 100%;
        white-space: nowrap;
    }

    .mychoice div ul li {
        list-style: none;
        font-size: 90%;
        display: inline-block;
        text-align: center;
        margin-right: .1rem;
        background: rgba(0, 0, 0, 0.05);
        vertical-align: top;
    }

    .mychoice div ul li span {
        padding: .1rem .2rem;
        position: relative;
        color: #777;
        font-weight: normal;
        white-space: nowrap;
        cursor: pointer;
        display: block;
        height: 0.6rem;
        line-height: 0.6rem;
    }

    .mychoice div ul li.cur span {
        color: #ffffff;
    }

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

    .opening span {
        display: inline-block;
        width: .3rem;
        height: .3rem;
        line-height: .3rem;
        text-align: center;
        position: relative;
        font-weight: 500;
        color: #f55a5a;
    }

    .opening .char1 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .opening .char2 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .opening .char3 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .opening .char4 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        color: #f55a5a;
    }

    .opening .char5 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

    .opening .char6 {
        -webkit-animation: foo 2s ease infinite, bar 3s linear infinite;
        animation: foo 2s ease infinite, bar 3s linear infinite;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
        color: #f55a5a;
    }

    @-webkit-keyframes foo {
        10% {
            top: -5px;
        }

        50% {
            top: 0;
        }

        100% {
            top: 0;
        }
    }

    @keyframes foo {
        10% {
            top: -5px;
        }

        50% {
            top: 0;
        }

        100% {
            top: 0;
        }
    }

    @-webkit-keyframes bar {
        10% {
            opacity: 1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes bar {
        10% {
            opacity: 1;
        }

        50% {
            opacity: 1;
        }

        100% {
            opacity: 1;
        }
    }

    .selGameMode {
        margin: 0.2rem 0 0 0;
        font-size: 90%;
    }

    .selGameMode span {
        display: inline-flex;
        /* width: 1.7rem; */
        padding: 0px 0.3rem;
        height: 0.75rem;
        margin-right: .1rem;
        background-color: #a98282;
        color: #fff;
        border-radius: .05rem;
        justify-content: center;
        align-items: center;
    }

    .selGameMode span.active {
        color: #fff;
        background: #f56969;
    }

    .selGameMode .tipShow2,
    .selGameMode .tipShow {
        background: unset;
        right: 0rem;
        position: absolute;
        margin: 0.1rem 0 0 0;
        color: #5a576c;
        font-size: 90%;
    }

    .selGameMode .tipShow {
        right: 1.5rem;
    }

    .slayer {
        position: absolute;
        z-index: 999;
        width: 9rem;
        height: 1.1rem;
        background-color: #EEE1FF;
        color: #fea83a;
        letter-spacing: .1rem;
        display: flex;
        font-size: 105%;
        justify-content: center;
        align-items: center;
        padding-top: 0rem;
    }

    .unityDialog .unityMain .pk3d-tips h3 {
        color: #000;
        font-size: 0.43rem;
        font-weight: 600;
    }

    .grabBanker-Z3,
    .grabBanker-Z6,
    .grabBanker-Bao {
        background-size: 0.7rem !important;
    }

    .grabBanker-Z3 {
        color: #1c7cce !important;
        background-image: url("/images/lottery/grabBanker-Z3.png") !important;
    }

    .grabBanker-Z6 {
        color: #ca8c29 !important;
        background-image: url("/images/lottery/grabBanker-Z6.png") !important;
    }

    .grabBanker-Bao {
        color: #dc2936 !important;
        background-image: url("/images/lottery/grabBanker-Bao.png") !important;
    }

    /* </style>
    <style type="text/css"> */
    .playMain .hidden-table {
        width: 0;
        height: 0;
        display: none;
    }

    .playMain .fast-tool-btn {
        margin: 0.4rem 0;
        text-align: center;
    }

    .playMain .fast-tool-btn .fast-btn {
        padding: 0.2rem 0.4rem;
        border-radius: 0.05rem;
        border: 1px solid #bd66f5;
        background: #bd66f5;
        color: #fff;
    }

    .playMain .fast-tool-btn .position-btn {
        display: inline-block;
        padding: 0.2rem 0.7rem;
        background-color: #6C6585;
        box-sizing: border-box;
        margin: 0rem 0.2rem 0.3rem 0.1rem;
        border-radius: 0.2rem;
    }

    .playMain .fast-tool-btn .position-btn.selected {
        background-color: #DC7C49;
        color: #fff;
    }

    .fast-tool-dialog .fast-title {
        text-align: center;
        margin-bottom: 1rem;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

    .fast-tool-dialog .fast-title .fixed-tools {
        margin: 0.1rem;
    }

    .fast-tool-dialog .fast-title .fixed-tools .fixed-num {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        margin-right: 0.5rem;
        margin-top: 0.5rem;
        background-color: #d6dce9;
        border-radius: 0.2rem;
        text-align: center;
    }

    .fast-tool-dialog .fast-title .fixed-tools .fixed-num.selected {
        background-color: #FF761B;
        color: #fff;
    }

    .fast-tool-dialog .tool-title {
        margin-top: 0.3rem;
        display: block;
    }

    .fast-tool-dialog .position-btn {
        display: inline-block;
        padding: 0.3rem 0.7rem;
        background-color: #d6dce9;
        box-sizing: border-box;
        margin: 0.4rem 0.1rem 0.1rem 0.3rem;
        border-radius: 0.2rem;
    }

    .fast-tool-dialog .position-btn.selected {
        background-color: #FF761B;
        color: #fff;
    }

    .fast-tool-dialog .tool-item {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        margin-right: 0.5rem;
        margin-top: 0.5rem;
        background-color: #d6dce9;
        border-radius: 0.2rem;
        text-align: center;
    }

    .fast-tool-dialog .tool-item.selected {
        background-color: #FF761B;
        color: #fff;
    }

    /* </style>
    <style type="text/css"> */
    .thirdPlan_bet {
        background-color: #f7f7f7 !important;
        padding: 2px 0 0;
    }

    .thirdPlan_bet .playMain {
        display: flex;
        padding: 5px 0;
    }

    .thirdPlan_bet .playMain .planTypeList {
        width: 26%;
        height: 60vh;
        overflow: auto;
    }

    .thirdPlan_bet .playMain .planTypeList .planInfo {
        background-color: white;
        border: 1px solid;
        border-color: rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        margin: 0 2px 2px;
        padding: 10px 2px;
        text-align: center;
        color: #00a6c1;
    }

    .thirdPlan_bet .playMain .planTypeList .planInfo.active {
        background-color: #00a6c1;
        color: #fff;
    }

    .thirdPlan_bet .playMain .planList {
        width: 74%;
        height: 60vh;
        overflow: auto;
        flex-direction: column-reverse;
        display: flex;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem {
        background-color: #fff;
        border-radius: 5px;
        padding: 0;
        line-height: normal;
        margin-bottom: 0.2rem;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        padding: 0.2rem 0.3rem 0.15rem;
        align-items: center;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit:before {
        border-color: #d5cfcf;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit>span:first-child {
        display: flex;
        align-items: center;
        font-weight: bold;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit>span:first-child>div {
        font-weight: normal;
        color: #00a6c1;
        margin: 0 3px;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit>span:first-child:before {
        display: block;
        content: '';
        width: 3px;
        background-color: #00a6c1;
        margin-right: 0.08rem;
        height: 1em;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit>span:first-child:active {
        opacity: 0.7;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemTit>span:nth-child(2) .icon {
        margin-left: 0.15rem;
        color: #999;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon {
        flex: 1;
        font-size: 90%;
        display: flex;
        align-items: center;
        padding: 0.15rem 0.3rem 0.2rem;
        justify-content: space-between;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon.many>div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon.many>div:first-child {
        flex: 0 0 80%;
        overflow: hidden;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon.many>div>div {
        flex: 0 0 50%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon>div {
        display: flex;
        flex-direction: column;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon>div span:first-child {
        text-align: center;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon>div span:nth-child(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        font-weight: bold;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon>div span:nth-child(2).planCodes {
        color: #f56c6c;
        hite-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 15vh;
    }

    .thirdPlan_bet .playMain .planList .planInfo .cardItem .cardItemCon>div span:nth-child(2).status {
        color: #67c23a;
    }

    /* </style>
    <style type="text/css"> */
    .longbet-index .header {
        text-align: right;
        padding: 0 10px;
        font-size: 80%;
    }

    .longbet-index .header .action .cta {
        background-color: #F97171;
        border: 1px solid #F97171;
    }

    .longbet-index .header .action .cta:nth-child(2) {
        background-color: #51B9EF;
        border-color: #51B9EF;
    }

    .longbet-index .header .action .cta:nth-child(3) {
        background-color: #58b03b;
        border-color: #58b03b;
    }

    .longbet-index .header .action .outline {
        background-color: transparent;
        border: 1px solid #F97171;
        color: #F97171;
    }

    .longbet-index .header .action .outline:nth-child(2) {
        border-color: #51B9EF;
        color: #51B9EF;
    }

    .longbet-index .header .action .outline:nth-child(3) {
        border-color: #58b03b;
        color: #58b03b;
    }

    .longbet-index .sfooter {
        background-color: #fff;
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 1.5rem;
        font-size: 90%;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    .longbet-index .sfooter .selGametype {
        background: linear-gradient(to bottom, #FBA367 0%, #F48D48 100%);
        padding: 0.28rem .38rem;
        margin: 0 .1rem 0 0;
        border-radius: 2px;
    }

    .longbet-index .sfooter .selIssues {
        background: linear-gradient(to bottom, #678DFF 0%, #3E6AE3 100%);
        padding: 0.28rem 0.25rem 0.28rem 0.35rem;
        margin: 0 0 0 .1rem;
        border-radius: 2px;
    }

    .longbet-index .longbet-list {
        padding-bottom: 4rem;
        height: 14rem;
        overflow: scroll;
        background: #f7f1f9;
    }

    .longbet-index .longbet-list .longbetitem {
        line-height: 20px;
        margin-bottom: 8px;
    }

    .longbet-index .longbet-list .longbetitem .button {
        background-color: #F7914E;
        border-radius: 2px;
        width: 100%;
        height: 0.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .longbet-index .longbet-list .longbetitem .button.loading:before {
        margin: 0 2px 0 0px;
        padding: 0px 0px 2px 3px;
        font-size: 19px;
    }

    .longbet-index .longbet-list .longbetitem .card {
        padding: 0;
        font-size: 85%;
        background-color: #F7F7F7;
        border-radius: 0px;
        margin: 0.4rem 0.3rem;
        color: #4F4F4F;
    }

    .longbet-index .longbet-list .longbetitem .card .title {
        background-color: #fff;
        padding: 0.2rem 0.4rem 0.0rem;
        color: #524e6b;
    }

    .longbet-index .longbet-list .longbetitem .card .stitle {
        color: #524e6b;
        background-color: #fff;
        padding: 0.1rem 0.4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .longbet-index .longbet-list .longbetitem .card .stime {
        padding: 0rem 0.4rem 0.15rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #524e6b;
        background-color: #fff;
    }

    .longbet-index .longbet-list .longbetitem .card .line {
        overflow: hidden;
    }

    .longbet-index .longbet-list .longbetitem .card .line .issue {
        float: left;
        margin-top: 0.1rem;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action {
        display: flex;
        width: 2.5rem;
        justify-content: space-between;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action span {
        border: 1px solid transparent;
        text-align: center;
        width: 1.1rem;
        height: 0.62rem;
        display: inline-flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .cta {
        color: #f97171;
        border-color: #f97171;
        /* background-color: #F97171; */
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .cta:nth-child(2) {
        color: #51b9ef;
        border-color: #51b9ef;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .cta:nth-child(3) {
        color: #58b03b;
        border-color: #58b03b;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .outline {
        border: 1px solid #f97171;
        background-color: #f97171;
        color: #fff;
        font-weight: bolder;
        font-size: 120%;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .outline:nth-child(2) {
        color: #fff;
        border-color: #51b9ef;
        background-color: #51b9ef;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .outline:nth-child(3) {
        color: #fff;
        border-color: #58b03b;
        background-color: #58b03b;
    }

    .longbet-index .longbet-list .longbetitem .card .line .action .sthree:nth-child(2) {
        margin: 0 0.2rem;
    }

    .longbet-index .longbet-list .longbetitem .card .line .timer {
        color: #ff6262;
        font-size: 110%;
    }

    /* </style>
    <style type="text/css"> */
    /* @charset "UTF-8"; */

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet.ai_bet .betArea {
        top: 0.25rem;
        padding: 0.182rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet.ai_bet .betArea:after {
        height: 1.5rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain {
        font-size: 0.333rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .top-tips {
        padding-bottom: 0.114rem;
        color: #ad8080;
        font-size: 0.318rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .textBall .textarea {
        font-size: 0.308rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box {
        padding-top: 0.21rem;
        color: #726a66;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .secondCtrl {
        position: absolute;
        height: 1rem;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 102;
        padding: 0 .3rem;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput>span {
        margin-right: .3rem;
        font-size: 110%;
        color: #333;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput>div {
        flex: 1;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .button {
        padding: .15rem .5rem;
        margin-left: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1em;
        box-sizing: content-box;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .range-div {
        display: flex;
        width: 3.5rem;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .range {
        width: 2.7rem;
        height: .7rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .sSelBtn {
        width: 0.8rem;
        height: 0.6rem;
        line-height: 0.6rem;
        background-color: #35394a;
        border-radius: 30px;
        color: #fff;
        font-size: 0.65rem;
        display: flex;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .sSelBtn:first-child {
        margin-right: 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .sSelBtn:last-child {
        margin-left: 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .rebateInput .sSelBtn.disa {
        opacity: .5;
        cursor: not-allowed;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .top-left .button--info {
        padding: 0.091rem 0.308rem;
        margin-right: 0.205rem;
        color: #be7e7e;
        background-color: #ffeaea;
        border-color: #ffe2e2;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .top-left .text-length {
        font-size: 0.333rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .top-right {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .top-right .prize-box {
        position: relative;
        border-radius: 5px;
        margin-right: 0.5rem;
        padding: 0.15rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-top .top-right .button--success {
        font-size: 0.333rem;
        padding: 0.103rem 0.205rem;
        background-color: #3283a2;
        border-color: #3283a2;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-top,
    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-bottom {
        display: flex;
        justify-content: space-between;
        margin-top: 0.205rem;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-bottom .mb-left {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .switch {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        margin-left: 0.128rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .switch .switch__toggle {
        width: 1.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .switch.text-true::after {
        position: absolute;
        content: '是';
        font-size: 0.408rem;
        top: 0.054rem;
        left: 0.18rem;
        color: #fff;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .switch.text-false::after {
        position: absolute;
        content: '否';
        font-size: 0.408rem;
        top: 0.054rem;
        right: 0.256rem;
        color: #fff;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-left {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-right {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-right .tip {
        font-size: 0.308rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-right .change-btn {
        padding: 0.154rem;
        border-radius: 4px;
        background-color: #5963a2;
        color: #fff;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-middle .middle-right .change-btn.active {
        background-color: #ec5f6a;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom {
        margin-top: 0.2rem;
        display: flex;
        justify-content: space-between;
        padding: 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom .button--tool {
        font-size: 15px;
        color: #fff;
        padding: 0.4rem 0.3rem;
        text-align: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom .button--btn1 {
        background: #ff5022;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom .button--btn2 {
        background: #807fc0;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom .button--btn3 {
        width: 42%;
        padding: 0.2rem 0.3rem 0 0.3rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .tool-bottom .button--btn3 .balance {
        font-size: 0.333rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .tool-box .empty-code {
        opacity: 0.6;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result {
        touch-action: manipulation;
        background-color: #fff;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list {
        position: relative;
        padding: 0.3rem 0.2rem;
        align-items: center;
        color: #565656;
        font-size: 0.308rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .top {
        display: flex;
        justify-content: space-between;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .top .text-p {
        display: flex;
        align-items: center;
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(100% - 4.2rem);
        font-size: 0.308rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .top .text-p .text {
        color: #EC5F6A;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .top .r .list-btn {
        width: 1.2rem;
        padding: 0.128rem 0;
        text-align: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .down {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .down i {
        color: #EC5F6A;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .down .num {
        margin-left: 0.3rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .edit-btn {
        background: #7297dd;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .del-btn {
        background: #9b928b;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .arrow {
        width: 1.077rem;
        height: 0.5rem;
        line-height: 0.5rem;
        text-align: center;
        border: 1px solid #ddd;
        border-radius: 0.128rem;
        background: #fff;
        font-size: 0.3rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item {
        margin-top: 0.3rem;
        background: rgba(221, 221, 221, 0.5);
        border-radius: 0.077rem;
        padding: 0.2rem 0.2rem 0.15rem 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .list-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.15rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .list-top .left {
        max-width: calc(100% - 5.5rem);
        color: #EC5F6A;
        overflow: hidden;
        white-space: nowrap;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .list-top .right {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .list-top .right .num-span {
        min-width: 1.1rem;
        text-align: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .list-top .right .list-btn {
        width: 1.2rem;
        padding: 0.128rem 0;
        text-align: center;
        margin-right: 0.2rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item {
        margin-bottom: 0.25rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item:last-of-type {
        margin-bottom: 0;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0.15rem;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item .bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item .bottom .brown {
        color: #e28f65;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item .bottom .count {
        display: inline-block;
        min-width: 1.2rem;
        text-align: center;
    }

    .page.page--lottery .normal_bet.ai_bet .playMain .text-result .result-list .list-box .box-item .item-content .code-item .bottom .right i {
        color: #EC5F6A;
    }

    .ai-bet-dialog .middle .main * {
        -webkit-user-select: all;
        -moz-user-select: all;
        -ms-user-select: all;
        user-select: all;
    }

    .content-dialog .middle {
        min-height: 9rem;
    }

    .error_text_dialog .middle {
        min-height: 9rem;
    }

    .error_text_dialog .empty-box {
        text-align: center;
    }

    .edit_dialog .unityMain {
        min-width: 9rem;
    }

    .edit_dialog .middle .textarea {
        width: 100%;
        margin: 0.5rem 0 1rem 0;
        font-size: 13px;
    }

    /* </style>
    <style type="text/css"> */
    .position-bet-modal.modal .modal__content {
        text-align: left;
    }

    .position-bet-foot {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        width: 100%;
        overflow: hidden;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        padding-bottom: 0.8rem;
        color: #3c3c3c;
    }

    .position-bet-foot .top-wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.4rem 0.5rem;
        margin-bottom: 0.35rem;
        border: 1px solid #ebebeb;
    }

    .position-bet-foot .top-wrapper .fe-icon-arrow-down {
        color: #000;
        margin-right: auto;
    }

    .position-bet-foot .top-wrapper .bet-title {
        font-size: 0.45rem;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        margin-right: 0.7rem;
    }

    .position-bet-foot .middle-wrapper {
        padding-left: 0.3rem;
        box-sizing: border-box;
    }

    .position-bet-foot .middle-wrapper .issue-title {
        color: #3c3c3c;
        font-size: 0.45rem;
        padding-bottom: 0.3rem;
    }

    .position-bet-foot .middle-wrapper .code-info {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 0.3rem;
        box-sizing: border-box;
    }

    .position-bet-foot .middle-wrapper .code-info .info-td {
        font-size: 0.45rem;
        flex-grow: 1;
    }

    .position-bet-foot .middle-wrapper .code-info .info-td .red-text {
        color: #fd1b2a;
    }

    .position-bet-foot .middle-wrapper .code-info .info-td .yellow-text {
        color: #f49907;
    }

    .position-bet-foot .middle-wrapper .multiple-tool {
        display: flex;
        align-items: center;
        font-size: 0.45rem;
        margin-bottom: 0.4rem;
    }

    .position-bet-foot .middle-wrapper .multiple-tool .tool-box {
        display: flex;
        align-items: center;
        border: 1px solid #c7c7c7;
        border-radius: 0.1rem;
    }

    .position-bet-foot .middle-wrapper .multiple-tool .tool-box .symbols {
        padding: 0.15rem 0.4rem;
        font-size: 0.7rem;
        background-color: #ebebeb;
        color: #8a8a8a;
    }

    .position-bet-foot .middle-wrapper .multiple-tool .tool-box .symbols.disabled {
        background-color: #efefef;
        color: #d7d7d7;
    }

    .position-bet-foot .middle-wrapper .multiple-tool .tool-box .input-div {
        width: 1.8rem;
        text-align: center;
        color: #fd1b2a;
        outline: none;
        border: none;
        height: 0.8rem;
        font-size: 0.45rem;
    }

    .position-bet-foot .middle-wrapper .fast-multiple {
        display: flex;
        align-items: center;
        flex-grow: 1;
        flex-wrap: nowrap;
    }

    .position-bet-foot .middle-wrapper .fast-multiple .tool-label {
        text-align: center;
        font-size: 0.45rem;
        width: 20%;
    }

    .position-bet-foot .middle-wrapper .fast-multiple .fast-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .position-bet-foot .middle-wrapper .fast-multiple .fast-list .lists-item {
        flex: 0 0 15%;
        text-align: center;
        justify-content: center;
        margin: 0 0 0.3rem 0.18rem;
        padding: 0.3rem 0.2rem;
        text-align: center;
        font-size: 0.4rem;
    }

    .position-bet-foot .middle-wrapper .fast-multiple .fast-list .lists-item.active {
        background-color: #EC606A;
        color: #fff;
        border-radius: 0.13rem;
    }

    .position-bet-foot .middle-wrapper .fast-multiple .fast-list .border_all_1px:before {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 0.4rem;
    }

    .position-bet-foot .dialog-footer {
        text-align: center;
        box-sizing: border-box;
        margin-top: 0.3rem;
    }

    .position-bet-foot .dialog-footer .button {
        height: 1.2rem;
        line-height: 1rem;
        width: 35%;
        font-size: 0.5rem;
    }

    .position-bet-foot .dialog-footer .cancel-btn {
        background: linear-gradient(to left, #e0e0e0, #e0e0e0);
        color: black;
        margin-right: 0.3rem;
    }

    .position-bet-foot .dialog-footer .bet-btn {
        background: linear-gradient(to left, #ff4d4d, #ff4d4d);
    }

    .position-bet-foot .dialog-footer .betloading {
        transition: background-color 0.3s ease;
        opacity: 0.5;
    }

    .position-bet-foot .dialog-footer .betloading:before {
        vertical-align: sub;
        content: '';
        display: inline-block;
        width: 11px;
        height: 16px;
        border: 4px solid rgba(255, 255, 255, 0.3);
        border-top-color: white;
        border-radius: 50%;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        padding-right: 4px;
    }

    @-webkit-keyframes spin {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes spin {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    /* </style>
    <style type="text/css"> */
    /* @charset "UTF-8"; */

    .normal_bet.banker_bet {
        overflow-x: hidden;
        position: relative;
        padding-top: 0.15rem;
    }

    .normal_bet.banker_bet .banker-area {
        height: 100%;
        color: #534b72;
    }

    .normal_bet.banker_bet .banker-area .top-area {
        padding: 0.1rem 0.22rem 0.1rem;
        font-size: 0.34rem;
    }

    .normal_bet.banker_bet .banker-area .top-area .red-text {
        color: #f54f2d;
        font-weight: bold;
    }

    .normal_bet.banker_bet .banker-area .top-area .first-s {
        display: inline-block;
        width: 3.2rem;
        max-width: 4rem;
    }

    .normal_bet.banker_bet .banker-area .top-area .top1 .introduce-btn {
        float: right;
        font-size: 90%;
        color: #7b7d88;
    }

    .normal_bet.banker_bet .banker-area .top-area .top1 .introduce-btn .wenhao {
        display: inline-block;
        font-size: 0.25rem;
        font-weight: 500;
        border-radius: 50%;
        width: 0.29rem;
        height: 0.31rem;
        line-height: 0.31rem;
        text-align: center;
        border: 1px solid #7b7d88;
        color: #7b7d88;
    }

    .normal_bet.banker_bet .banker-area .top-area .top2 {
        margin-top: 0.2rem;
    }

    .normal_bet.banker_bet .banker-area .number-area {
        height: 100%;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-area-title {
        display: flex;
        justify-content: space-between;
        height: 1.05rem;
        background-color: #ffe4e1;
        padding: 0rem 0.23rem 0rem;
        align-items: center;
        margin-bottom: 0.25rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-area-title .title {
        font-size: 0.38rem;
        font-weight: bolder;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-area-title .save-btn {
        font-size: 0.32rem;
        background-color: #d97373;
        padding: 0.16rem 0.41rem;
        border-radius: 0.08rem;
        color: #fff;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area {
        padding: 0 0.22rem;
        font-size: 0.35rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .tools-item {
        display: inline-block;
        border-radius: 0.08rem;
        background-color: #f2eae9;
        border: 1px solid #ebe7ff;
        padding: 0.1rem 0.15rem;
        color: #524e6b;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .tools-item.active {
        background-color: #D8663F;
        border-color: #D8663F;
        color: #fff;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .tools-item.small-number {
        padding: 0.15rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .mr2 {
        margin-right: 0.2rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .tools-name {
        margin-right: 0.1rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .tools-area .tools-row {
        display: flex;
        align-items: center;
        margin-top: 0.11rem;
        justify-content: space-between;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box {
        height: 100%;
        margin-top: 0.2rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-head {
        font-size: 0.3rem;
        display: flex;
        align-items: center;
        padding: 0.21rem 0;
        background-color: #e3d9ec;
        color: #736d7e;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-head .headitem {
        flex: 0 0 20%;
        text-align: center;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper {
        position: relative;
        box-sizing: border-box;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper:after {
        content: '';
        height: 0.7rem;
        display: block;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        padding-left: 2px;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .number-item {
        flex: 0 0 19%;
        font-size: 0.25rem;
        background-color: #fff2f1;
        box-sizing: border-box;
        border-radius: 0.03rem;
        margin: 0.07rem 0 0 0.07rem;
        position: relative;
        padding: 0.2rem 0 0.2rem 0.04rem;
        flex-wrap: nowrap;
        overflow: hidden;
        font-size: 0.24rem;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .up-bg {
        position: relative;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .up-bg::before {
        content: '';
        border: 6px solid #f05050;
        height: 0;
        width: 0;
        border-left-color: transparent;
        border-bottom-color: transparent;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-animation: fadeArrow 1s forwards;
        animation: fadeArrow 1s forwards;
        -webkit-animation-delay: 7s;
        animation-delay: 7s;
        /* 可选：延迟8秒开始 */
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .down-bg {
        position: relative;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .down-bg::before {
        content: '';
        border: 6px solid #1ab837;
        height: 0;
        width: 0;
        border-top-color: transparent;
        border-left-color: transparent;
        position: absolute;
        right: 0;
        bottom: 0;
        -webkit-animation: fadeArrow 1s forwards;
        animation: fadeArrow 1s forwards;
        -webkit-animation-delay: 7s;
        animation-delay: 7s;
        /* 可选：延迟8秒开始 */
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .down-bg {
        background: #ddf2e1;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .up-bg {
        background: #f5e2e5;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .up-color {
        color: #ea374d;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .down-color {
        color: #1ab837;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .down-bg,
    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .up-bg {
        -webkit-animation: fadeBackground 1s forwards;
        animation: fadeBackground 1s forwards;
        -webkit-animation-delay: 7s;
        animation-delay: 7s;
        /* 可选：延迟8秒开始 */
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .is-open-code {
        -webkit-animation: changeBg 0.5s forwards;
        animation: changeBg 0.5s forwards;
    }

    .normal_bet.banker_bet .banker-area .number-area .number-list-box .list-wrapper .list-box .keep-bg.is-open-code {
        background-color: #fffbd7;
        border: 1px solid #ff9b4b;
        color: #3b3b3b;
    }

    .normal_bet.banker_bet .banker-3d-footer {
        width: 100%;
        background-color: #fbf8ff;
        /* height: 2.8rem; */
        box-sizing: border-box;
        padding: 0.12rem 0.22rem 0.0rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top {
        display: flex;
        flex-wrap: nowrap;
        align-content: space-between;
        justify-content: space-between;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .tools-title {
        font-size: 0.32rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row {
        display: flex;
        align-items: center;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span {
        display: flex;
        /* border: 1px solid #939394; */
        flex-direction: row;
        margin: 0 0.2rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span span {
        display: inline-block;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span .input-plus {
        width: 0.6rem;
        height: 0.55rem;
        text-align: center;
        color: #DA8E48;
        background-color: #fff;
        font-size: 0.3rem;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span .input-plus.disable {
        pointer-events: none;
        color: #ccc;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span .jia {
        border-left: 1px solid #e9e9f2;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span .jian {
        border-right: 1px solid #e9e9f2;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row .input-span .bei {
        text-align: center;
        width: 1.6rem;
        border: none;
        padding: 0;
        margin: 0;
        font-size: 0.4rem;
        outline: none;
        background: #fff;
        color: #9a91ae;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .red-text {
        color: #f54f2d;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .right-box {
        margin-left: 0.5rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .right-box .bet-tools-right {
        background: linear-gradient(0deg, #d8663f 0%, #EF882B 100%), #EF882B;
        font-size: 0.4rem;
        color: #fff;
        padding: 0.2rem 0;
        font-weight: bold;
        border-radius: 0.11rem;
        margin-bottom: 0.16rem;
        width: 3.3rem;
        text-align: center;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-top .right-box .balance-box {
        padding-top: 0.02rem;
        font-size: 0.35rem;
        font-weight: bold;
        float: right;
        margin-right: 0.05rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom {
        margin: 0.2rem 0 0.25rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list {
        background-color: #fff;
        border: 1px solid #e9e9f2;
        display: inline-block;
        border-radius: 0.05rem;
        overflow: hidden;
        font-size: 95%;
        display: flex;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .btn-item {
        padding: 0.12rem 0rem;
        color: #9d96a6;
        display: flex;
        border-left: 1px solid #e9e9f2;
        font-size: 80%;
        width: 1.1rem;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .btn-item:first-child {
        border-left: 0;
        padding: 0 0.2rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .item1 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
        width: 1.2rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .item1 .fe-icon-edit {
        font-size: 0.4rem;
        margin-left: .1rem;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .active {
        background-color: #d8663f;
        color: #fff;
    }

    .normal_bet.banker_bet .banker-3d-footer .footer-bottom .clear-btn {
        /* background-color: #fff2f1; */
        /* border: 1px solid #dfdfdf; */
        width: unset;
        font-weight: bold;
    }

    .howplayDialog .unityMain {
        width: 9.6rem !important;
    }

    @-webkit-keyframes fadeBackground {
        0% {}

        100% {
            background-color: #fff2f1;
        }
    }

    @keyframes fadeBackground {
        0% {}

        100% {
            background-color: #fff2f1;
        }
    }

    @-webkit-keyframes fadeArrow {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeArrow {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @-webkit-keyframes changeBg {
        100% {
            background-color: #fffbd7;
            border: 2px solid #ff9b4b;
            box-shadow: inset 0 0 5px #ff9b4b;
        }
    }

    @keyframes changeBg {
        100% {
            background-color: #fffbd7;
            border: 2px solid #ff9b4b;
            box-shadow: inset 0 0 5px #ff9b4b;
        }
    }

    /* </style>
    <style type="text/css"> */
    .loading {
        font-family: fontello;
        opacity: 0.5;
    }

    .loading:before {
        -webkit-animation: rotating 2s linear infinite;
        animation: rotating 2s linear infinite;
        display: inline-block;
        content: '\27f3';
        padding-left: 3px;
    }

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

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

    .contentArea .status {
        text-align: center;
    }

    .contentArea .loading {
        width: 90px !important;
    }

    .unityMain .loading:before {
        padding-left: 5px;
    }

    .betOKBtn .loading:before {
        margin: 0px -5px 0 0;
        padding: 0 0 0px 7px;
        font-size: 1.5em;
    }

    .CartMain .loading:before {
        margin: 0px 0px 0 0;
        padding: 0 0 0px 3px;
        font-size: 1.5em;
    }

    .cardItemCon .loading:before {
        padding: 0px 0px 4px 3px;
        font-size: 20px;
        line-height: 16px;
    }

    .pk_bet .loading:before {
        margin: 4px 0 0 0;
        font-size: 28px;
        padding: 0 0 1px 4px;
    }

    .longbetitem .loading:before {
        padding: 2px 3px 6px 5px;
        font-size: 19px;
        margin-right: -5px;
        line-height: 0;
    }

    /* </style>
    <style type="text/css"> */
    /* @charset "UTF-8"; */

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span {
        margin-right: -0.04rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum1 {
        margin-right: 0.37rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum2 {
        margin-right: 0.65rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum3 {
        margin-right: 0.365rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum4 {
        margin-right: 0.37rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum6 {
        margin-right: 0.37rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.sNum7 {
        margin-right: 0.37rem;
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum3 {
        -webkit-transform: translateY(-2.82rem);
        transform: translateY(-2.82rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum4 {
        -webkit-transform: translateY(-3.74rem);
        transform: translateY(-3.74rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum5 {
        -webkit-transform: translateY(-4.68rem);
        transform: translateY(-4.68rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum6 {
        -webkit-transform: translateY(-5.61rem);
        transform: translateY(-5.61rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum7 {
        -webkit-transform: translateY(-6.53rem);
        transform: translateY(-6.53rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum8 {
        -webkit-transform: translateY(-7.49rem);
        transform: translateY(-7.49rem);
    }

    .isIOS .banker3d_header .pool .numbers .sblock .sNums span.curNum9 {
        -webkit-transform: translateY(-8.41rem);
        transform: translateY(-8.41rem);
    }

    html {
        font-size: 10vw;
    }

    @media screen and (orientation: portrait) and (min-width: 780px) {
        html {
            font-size: 78px;
        }

        /* 竖屏【宽度】超过780px时，只使用 78px */
    }

    @media screen and (orientation: landscape) {
        html {
            font-size: 10vh;
        }
    }

    @media screen and (orientation: landscape) and (min-height: 780px) {
        html {
            font-size: 78px;
        }

        /* 横屏【高度】超过780px时，只使用 78px */
    }

    body {
        font-size: 0.4rem;
        color: #777;
    }

    h1 {
        font-size: 0.48rem !important;
    }

    h2 {
        font-size: 0.44rem !important;
    }

    h3 {
        font-size: 0.4rem !important;
    }

    h4 {
        font-size: 0.36rem !important;
    }

    h5 {
        font-size: 0.32rem !important;
    }

    small {
        font-size: 90%;
    }

    big {
        font-size: 110%;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    a[title="站长统计"] {
        z-index: -99999999999;
        position: relative;
        opacity: 0;
        pointer-events: none;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-transition: background-color 999999s ease-out 999999s;
    }

    input::-moz-placeholder {
        opacity: 0.5;
    }

    input::-webkit-input-placeholder {
        opacity: 0.5;
    }

    input:-ms-input-placeholder {
        opacity: 0.5;
    }

    .appTips {
        background-color: #333;
        height: 1rem;
        display: flex;
        align-items: center;
        color: #fff;
        line-height: normal;
        position: relative;
        z-index: 3;
    }

    .appTips .ons-icon {
        width: 1rem;
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
        font-size: 200%;
    }

    .appTips .ons-icon:before {
        height: 1em;
        line-height: inherit;
    }

    .appTips span {
        font-size: 94%;
        flex: 1;
    }

    .appTips a {
        padding: 0 .4rem;
        height: 100%;
        background-color: #0a496a;
        font-size: 90%;
        display: flex;
        align-items: center;
    }

    .hasApptip .page.page--userCenter .page__content {
        padding-top: 2.2rem;
    }

    .hasApptip .page.page--activityDetail .page__content .publicButton,
    .hasApptip .page.page--thirdIndex .page__content .publicButton {
        top: 1.5rem;
    }

    .hasApptip .page.page--menu .menutop {
        padding: 1.3rem 0 0.3rem;
    }

    .hasApptip .page.page--menu .menutop .message {
        top: 1.2rem;
    }

    .hasApptip .page.page--menu .menutop .soundBtn {
        top: 2rem;
    }

    .hasApptip .page[hasTopBar]>.page__content {
        padding-top: 2.2rem;
    }

    .hasApptip .GlobalTopBar {
        top: 1rem;
    }

    .border_top_1px,
    .border_bottom_1px,
    .border_left_1px,
    .border_right_1px,
    .border_all_1px {
        position: relative;
        z-index: 99 !important;
    }

    .border_top_1px:before,
    .border_bottom_1px:before,
    .border_left_1px:before,
    .border_right_1px:before,
    .border_all_1px:before {
        content: '';
        position: absolute;
        display: block;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        z-index: 100;
        pointer-events: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

        .border_top_1px:before,
        .border_bottom_1px:before,
        .border_left_1px:before,
        .border_right_1px:before,
        .border_all_1px:before {
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0.5);
            transform: scale(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {

        .border_top_1px:before,
        .border_bottom_1px:before,
        .border_left_1px:before,
        .border_right_1px:before,
        .border_all_1px:before {
            width: 300%;
            height: 300%;
            -webkit-transform: scale(0.33333333);
            transform: scale(0.33333333);
        }
    }

    .border_top_1px:before {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border_bottom_1px:before {
        border-bottom: 0.1rem solid transparent !important;
    }

    .border_left_1px:before {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
    }

    .border_right_1px:before {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    .download-bar-model {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10001;
    }

    .download-bar-model .bar-model-mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
    }

    .download-bar-model .bar-model-content {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
        background-color: #fff;
        margin: 0 0.5rem;
        border: 1px solid #fff;
        border-radius: 0.14rem;
    }

    .download-bar-model .bar-model-content {
        /*box-shadow: 0 0 0.21rem 0 #00f6ff;
    background-color: #012;*/
    }

    .download-bar-model .bar-model-close {
        position: absolute;
        bottom: -1.2rem;
        left: 50%;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAgVBMVEUAAACSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpL///+4uLi2tra7u7v19fX29vazs7P09PTU1NTR0dH39/cU5e55AAAAH3RSTlMA6Pr0tzcgCkHQmjLg166QhX6dVDzsy8FvZxIQATBTAJ7kGgAAAglJREFUWMO12OluqzAQhuGxYzCQkIUsTbp9hpL09Nz/BVZVVFkNJjPE8P6MlEeykGA8dDe7O61MvthrvV/kZnXKLD1YsnnSuEk/bZLhUrop0VO5SQdRb0vcbTmXUwZsRsa9rDQE6dULb20VhKktQ9kKA6rs3WeYY1D5neeaKAxMJX1WNsPgZhlnxWtJxxJqgZOmCg+mOk/B5ni43N5gBSKq/lrviOqdyPesEJV65g8pr/DWHNH5N5JBdObX2mGE3ujaEiO0vFopAjXntkG4+txe0C2ln9YI9N85VyPUh3OuRbf1j/W6QKDWea1juU90W7wSUYJQjfNax3IXBEr6TgnUXutYDdBzzgMYTWjhQGQ1GE1oQVvKAEZjLF9GR7Ca0MKRCvCazEJBBjKNt2CohESTWChJQaL9E1hQNINEk1iYESDVGnCRBtv1jF/gsT24Pty1GuwxF1KL1xTlIutLopVkJFaDWqAZKkQWJFpBR5El0o6USSyZlpHVvCXTtCU6sJZQOxDRmrN4zX9QEsYSa0nvR7j2Fv+7/wiHz3n2/+lq4fGgf3BpvRXQPtEt7R+pLv1TUBOcgpZjDnvzMcfQUQfkMUf3qS4VtEVUN1f/ChFVE10R4y+v01yr4y/8U68i4pck8eub6RdL8Suv+GUc31y2JpS24xaYu8lXq/FLX3k2O61MqWaQraO/AUDXIb8kp4PQAAAAAElFTkSuQmCC) no-repeat;
        background-size: 100% 100%;
        width: 0.76rem;
        height: 0.76rem;
        margin-left: -0.38rem;
    }

    .download-bar-model .bar-body {
        padding: 0 0.35rem 0.6rem;
    }

    .download-bar-model .bar-model-content .item-link.iphone-link2 {
        background: linear-gradient(-90deg, #daad2d, #f2b304);
    }

    .download-bar-model .bar-model-content .item-link {
        display: block;
        line-height: .86rem;
        height: 0.86rem;
        border-radius: 0.43rem;
        color: #fff;
        font-size: .3rem;
        margin-top: 0.6rem;
        text-align: center;
        background: linear-gradient(-90deg, #fe766c, #ec1468);
    }

    .download-bar-model .bar-model-content .item-link img {
        width: 0.55rem;
        height: 0.55rem;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.5em;
        margin-top: -0.06rem;
    }

    .download-bar-model .bar-model-content .item-link.main-home {
        background: linear-gradient(-90deg, #64c213, #a8eb25);
    }

    .footer-home-screen {
        width: 100%;
        z-index: 99999;
        position: fixed;
        left: 0;
        bottom: 0.36rem !important;
        padding: 0;
        text-align: center;
        background-color: transparent;
        transition: all .5s;
    }

    .footer-home-screen .model-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
    }

    .footer-home-screen .add-home-screen {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        background-color: rgba(0, 0, 0, 0.65);
        border-radius: 0.3em;
        margin: 0 auto;
        padding: 1em;
    }

    .footer-home-screen .home-screen-tips-second {
        display: flex;
    }

    .footer-home-screen .app-icon {
        width: 1.28rem;
        height: 1.28rem;
        vertical-align: middle;
        border-radius: 0.8em;
        flex: 0 0 1.28rem;
    }

    .footer-home-screen .home-screen-tips {
        display: flex;
        font-size: .4rem;
        line-height: 1.5;
        text-align: left;
        padding-left: 1em;
        color: #fff;
        align-self: center;
    }

    .footer-home-screen .home-screen-tips .label {
        display: inline-block;
        line-height: normal;
        -webkit-transform: translateY(8%);
        transform: translateY(8%);
    }

    .footer-home-screen .icon__share {
        width: 0.4rem;
        margin: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    .footer-home-screen .icon__share2 {
        width: 0.1rem;
        margin-left: 2px;
        margin-right: 2px;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }

    .footer-home-screen .icon__close-button {
        position: absolute;
        top: 0.45em;
        right: 0.45em;
        width: 0.875em;
        height: 0.875em;
        fill: #fff;
    }

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

    .footer-home-screen svg {
        position: relative;
        top: 0.1rem;
        margin-right: 0.05rem;
    }

    .footer-home-screen .add-home-screen:after {
        content: "";
        position: absolute;
        bottom: -0.36rem;
        left: calc(50% - 0.18rem);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0.36rem 0.18rem 0;
        border-color: rgba(112, 112, 112, 0.8) transparent transparent;
    }

    /* 重定义onsenui的部分css */
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        zoom: 1;
    }

    html {
        touch-action: none;
        touch-action: pan-y;
    }

    ons-pull-hook span {
        line-height: normal;
    }

    ons-pull-hook span .icon {
        width: 1em;
        height: 1em;
    }

    .checkbox--material {
        line-height: inherit;
        width: .5rem;
        height: .5rem;
    }

    .checkbox--material__input:before,
    .checkbox--material__checkmark,
    .checkbox--material__checkmark:before {
        width: 100%;
        height: 100%;
    }

    .checkbox--material__checkmark:after,
    :checked+.checkbox--material__checkmark:after {
        top: 40%;
        left: 50%;
        width: 50%;
        height: 25%;
    }

    .checkbox--material__checkmark:after,
    :checked+.checkbox--material__checkmark:after {
        -webkit-transform: translate(-50%, -50%) scale(0) rotate(-45deg);
        transform: translate(-50%, -50%) scale(0) rotate(-45deg);
    }

    :checked+.checkbox--material__checkmark:after {
        -webkit-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
        transform: translate(-50%, -50%) scale(1) rotate(-45deg);
    }

    .radio-button {
        line-height: inherit;
        width: .6rem;
        height: .6rem;
    }

    .radio-button__checkmark,
    .radio-button__checkmark:before {
        width: 100%;
        height: 100%;
        border-radius: 100%;
    }

    .radio-button__checkmark:after {
        top: 45%;
        left: 50%;
        width: 50%;
        height: 25%;
        transition: opacity .2s;
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .popover__content {
        min-width: 3rem;
        width: auto;
        min-height: 1.5rem;
        position: relative;
        z-index: 20002;
    }

    .popover__arrow {
        width: .42rem;
        height: .42rem;
    }

    .popover--bottom__arrow {
        -webkit-transform: translateY(0.14rem) translateX(-0.21rem) rotate(-45deg);
        transform: translateY(0.14rem) translateX(-0.21rem) rotate(-45deg);
        margin-right: -.42rem;
    }

    .popover--top__arrow {
        -webkit-transform: translateY(-0.14rem) translateX(-0.21rem) rotate(135deg);
        transform: translateY(-0.14rem) translateX(-0.21rem) rotate(135deg);
        margin-right: -.42rem;
    }

    .popover--left__arrow {
        -webkit-transform: translateX(-0.14rem) translateY(-0.21rem) rotate(45deg);
        transform: translateX(-0.14rem) translateY(-0.21rem) rotate(45deg);
        margin-bottom: -.42rem;
    }

    .popover--right__arrow {
        -webkit-transform: translateX(0.14rem) translateY(-0.21rem) rotate(225deg);
        transform: translateX(0.14rem) translateY(-0.21rem) rotate(225deg);
        margin-bottom: -.42rem;
    }

    /* 增加 modifier="transparent" 来实现弹窗提示不影响页面操作,但 cancelable 会失效*/
    .popover-mask--transparent {
        display: none;
    }

    .popover--transparent {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

    .popover--transparent__arrow {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    }

    .fab {
        width: 1.3rem;
        height: 1.3rem;
        font-size: .6rem;
        line-height: inherit;
    }

    .fab__icon {
        line-height: inherit;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fab__icon .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fab--mini {
        width: 1rem;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: inherit;
        line-height: inherit;
    }

    .fab--mini .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fab--top__right {
        top: .5rem;
        right: .5rem;
    }

    .fab--bottom__right {
        bottom: .5rem;
        right: .5rem;
    }

    .fab--top__left {
        top: .5rem;
        left: .5rem;
    }

    .fab--bottom__left {
        bottom: .5rem;
        left: .5rem;
    }

    .fab--top__center {
        top: .5rem;
        margin-left: -.65rem;
        left: 50%;
    }

    .fab--bottom__center {
        bottom: .5rem;
        margin-left: -.65rem;
        left: 50%;
    }

    .range {
        width: 100%;
        height: .7rem;
    }

    .range .range__input {
        height: 100%;
        background: transparent;
    }

    .range .range__focus-ring {
        height: 100%;
    }

    .range__input::-webkit-slider-thumb {
        height: .6rem;
        width: .6rem;
    }

    .range__input::-moz-range-thumb {
        height: .6rem;
        width: .6rem;
    }

    .range__input::-ms-thumb {
        height: .6rem;
        width: .6rem;
    }

    .textarea {
        padding: .1rem;
        font-size: inherit;
    }

    .switch--material {
        font-size: inherit;
        width: .82rem;
        height: .58rem;
        padding: 0 .2rem;
        min-width: .82rem;
    }

    .switch--material__toggle {
        border-radius: 1rem;
        margin-top: 0.1rem;
        height: 0.35rem;
    }

    .switch--material__handle {
        border-radius: 100%;
        top: 0;
        margin-top: -.08rem;
        width: .485rem;
        height: .485rem;
        left: 0;
    }

    :checked+.switch--material__toggle>.switch--material__handle {
        left: .36rem;
    }

    .switch__touch {
        top: -.05rem;
        bottom: -.05rem;
        left: -.1rem;
        right: -.1rem;
    }

    .card {
        margin: .2rem;
        padding: .2rem;
    }

    .alert-dialog {
        width: 7.2rem;
    }

    .alert-dialog .alert-dialog-container {
        padding-top: .4rem;
    }

    .alert-dialog .alert-dialog-title {
        font-size: inherit;
        padding: 0 .25rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alert-dialog .alert-dialog-content {
        padding: .1rem .3rem .25rem;
        font-size: .36rem;
        min-height: 1rem;
    }

    .alert-dialog .alert-dialog-content .I {
        color: #f15e22;
    }

    .alert-dialog .alert-dialog-content .Ifs {
        color: #f15e22;
        font-size: 110%;
    }

    .alert-dialog .alert-dialog-content .Ifw {
        color: #f15e22;
        font-weight: bold;
    }

    .alert-dialog .alert-dialog-content .IX {
        color: #f15e22;
        font-size: 110%;
        font-weight: bold;
    }

    .alert-dialog .alert-dialog-content .i {
        color: #b3b3b3;
    }

    .alert-dialog .alert-dialog-content .ii {
        color: #b3b3b3;
        font-size: 90%;
    }

    .alert-dialog .alert-dialog-content input {
        font-size: inherit;
        height: 1rem;
        border: none;
        background-color: #fff;
        border-radius: 10px;
        padding: 0 .3rem;
    }

    .alert-dialog .alert-dialog-button {
        font-size: inherit;
        padding: 0 .25rem;
        height: 1.2rem;
        line-height: 1.2rem;
        color: #777;
    }

    .alert-dialog .alert-dialog-button+.alert-dialog-button--primal {
        color: #C32D37;
    }

    .alert-dialog .alert-dialog-title--success:before,
    .alert-dialog .alert-dialog-title--error:before,
    .alert-dialog .alert-dialog-title--warning:before {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding: 0 .1rem;
    }

    .alert-dialog--success {
        border-top: 3px solid #67c23a;
    }

    .alert-dialog--success .alert-dialog-title--success {
        color: #67c23a;
    }

    .alert-dialog--success .alert-dialog-title--success:before {
        content: '\f0bd';
    }

    .alert-dialog--error {
        border-top: 3px solid #cd1414;
    }

    .alert-dialog--error .alert-dialog-title--error {
        color: #cd1414;
    }

    .alert-dialog--error .alert-dialog-title--error:before {
        content: '\f0bf';
    }

    .alert-dialog--warning {
        border-top: 3px solid #e6a23c;
    }

    .alert-dialog--warning .alert-dialog-title--warning {
        color: #e6a23c;
    }

    .alert-dialog--warning .alert-dialog-title--warning:before {
        content: '\ee37';
    }

    .alert-dialog--select {
        overflow: hidden;
        width: auto;
        min-width: 6rem;
        max-width: 7.5rem;
    }

    .alert-dialog--select.alert-dialog--wplus {
        min-width: 7rem;
        max-width: 8rem;
    }

    .alert-dialog--select .alert-dialog-container--select {
        padding-top: 0;
    }

    .alert-dialog--select .alert-dialog-content--select {
        min-height: auto;
        padding: .2rem;
        font-size: inherit;
        background-color: rgba(195, 45, 55, 0.7);
        color: #fff;
    }

    .alert-dialog--select .alert-dialog-footer--select {
        max-height: 60vh;
        overflow-y: auto;
        flex-direction: column;
    }

    .alert-dialog--select .alert-dialog-button--select {
        border-left: none;
        height: auto;
        line-height: inherit;
        color: #777;
        display: flex;
        justify-content: space-between;
        padding: .2rem .35rem;
        align-items: center;
        min-height: 1rem;
    }

    .alert-dialog--select .alert-dialog-button--select:after {
        content: '\e9ae';
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #C32D37;
    }

    .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select:after {
        content: '\e9b1';
    }

    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi),
    (min-resolution: 2dppx) {
        .alert-dialog--select .alert-dialog-button--select {
            border-top: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            background-position: top;
            background-image: linear-gradient(180deg, #ddd, #ddd 50%, transparent 50%);
        }
    }

    .list-item--chevron:before {
        right: .3rem;
    }

    .list-item--chevron:before,
    .list-item__expand-chevron {
        width: .17rem;
        height: .17rem;
    }

    .list-item {
        padding: 0 0 0 .3rem;
    }

    .list-item__center {
        padding: .15rem .8rem .15rem 0;
        min-height: 1rem;
        line-height: inherit;
        background-image: unset;
    }

    .list-item__left {
        padding: .15rem .18rem .15rem 0;
        min-height: 1rem;
        line-height: inherit;
    }

    .list-item__right {
        padding: .15rem .3rem .15rem 0;
        min-height: 1rem;
        line-height: inherit;
    }

    .list-item--chevron__right {
        padding-right: .7rem;
    }

    .list-item__expandable-content {
        padding: .25rem .3rem .25rem 0;
    }

    .list-item+.list-item:after {
        background-color: unset !important;
    }

    .list--hasborder {
        position: relative;
    }

    .list--hasborder.fix_border_bottom_1px:after,
    .list--hasborder .list-item+.list-item:after {
        content: '';
        position: absolute;
        top: 0;
        height: 1px;
        left: 0;
        right: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        display: block;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {

        .list--hasborder.fix_border_bottom_1px:after,
        .list--hasborder .list-item+.list-item:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {

        .list--hasborder.fix_border_bottom_1px:after,
        .list--hasborder .list-item+.list-item:after {
            -webkit-transform: scaleY(0.333);
            transform: scaleY(0.333);
        }
    }

    .list--hasborder.fix_border_bottom_1px:after {
        top: auto;
        bottom: 0;
    }

    .list--exquisite+.list--exquisite {
        margin-top: .3rem;
    }

    .list--exquisite.lastlist {
        margin-bottom: .5rem;
    }

    .list--exquisite[disable] {
        pointer-events: none;
        opacity: .5;
    }

    .list--exquisite .ons-icon[fixed-width] {
        width: 1.1em;
        text-align: left;
    }

    .list--exquisite .listTit {
        background-color: #f9f9f9;
        padding: .1rem .4rem;
        font-size: 80%;
        color: rgba(119, 119, 119, 0.6);
    }

    .list--exquisite .list-item {
        min-height: 1.1rem;
        padding: 0 0 0 .4rem;
        line-height: normal;
    }

    .list--exquisite .list-item.list-item--chevron:before {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: .22rem;
        height: .22rem;
        right: .5rem;
    }

    .list--exquisite .list-item.bigexp .list-item__expandable-content {
        padding: 0 !important;
        background: none !important;
    }

    .list--exquisite .list-item.list-item--expandable {
        padding: 0;
    }

    .list--exquisite .list-item.list-item--expandable .list-item__expandable-content {
        padding-left: .4rem;
        padding-right: .4rem;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
    }

    .list--exquisite .list-item.list-item--expandable .list-item__top {
        min-height: 1.1rem;
        box-sizing: border-box;
    }

    .list--exquisite .list-item.list-item--expandable .list-item__top .list-item__right {
        padding-right: .4rem;
    }

    .list--exquisite .list-item.list-item--expandable .list-item__top .list-item__right .list-item__expand-chevron {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: .22rem;
        height: .22rem;
    }

    .list--exquisite .list-item .left {
        order: 0;
    }

    .list--exquisite .list-item .center {
        order: 1;
        font-size: 90%;
    }

    .list--exquisite .list-item .center.gray {
        color: rgba(119, 119, 119, 0.7);
    }

    .list--exquisite .list-item .center.red {
        color: #c87d82;
    }

    .list--exquisite .list-item .center.default {
        color: #777 !important;
    }

    .list--exquisite .list-item .center.righttext {
        justify-content: flex-end;
        padding-right: .4rem;
        color: rgba(119, 119, 119, 0.7);
    }

    .list--exquisite .list-item .center.righttext.r2 {
        padding-right: .2rem;
    }

    .list--exquisite .list-item .center.righttext.r3 {
        padding-right: 1rem;
    }

    .list--exquisite .list-item .center input,
    .list--exquisite .list-item .center textarea {
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
        width: 100%;
        height: 100%;
        font-size: 100%;
        color: inherit;
        background: transparent;
        color: #323036;
    }

    .list--exquisite .list-item .center input.hasClearBtn,
    .list--exquisite .list-item .center textarea.hasClearBtn {
        margin-right: .3rem;
    }

    .list--exquisite .list-item .center textarea {
        background-color: #f9f9f9;
        padding: .05rem .15rem;
    }

    .list--exquisite .list-item .center.hasinputlabel label {
        padding-right: .2rem;
    }

    .list--exquisite .list-item .center.hasinputlabel input {
        width: auto;
        flex: 1;
    }

    .list--exquisite .list-item .center .clearBtn {
        position: absolute;
        right: .4rem;
        font-size: 130%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(119, 119, 119, 0.6);
        transition: color .2s;
    }

    .list--exquisite .list-item .center .clearBtn:active {
        color: #C32D37;
    }

    .list--exquisite .list-item .right {
        order: 2;
        padding-right: .4rem;
    }

    .list--exquisite .list-item .right.righttext {
        font-size: 90%;
        padding-right: .85rem;
        color: rgba(119, 119, 119, 0.7);
    }

    .list--exquisite .list-item .right.isbutton {
        color: #c87d82;
        font-size: 90%;
        white-space: nowrap;
    }

    .list--exquisite .list-item .right.isbutton>* {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .list--exquisite .list-item .right.isbutton>*.disable {
        pointer-events: none;
        opacity: .5;
    }

    .list--exquisite .list-item[disable] {
        pointer-events: none;
    }

    .list--exquisite .list-item[disable] .left,
    .list--exquisite .list-item[disable] .center,
    .list--exquisite .list-item[disable] .right,
    .list--exquisite .list-item[disable] .expandable-content,
    .list--exquisite .list-item[disable] .top {
        opacity: .5;
    }

    .list--exquisite .list-item.list-item--button .button {
        background-color: rgba(195, 45, 55, 0.7);
        padding: 0;
        border-radius: 0;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 1.1rem;
        flex: 3;
        font-size: 120%;
    }

    .list--exquisite .list-item.list-item--button .button.smallsize {
        flex: 1;
        background-color: #f9f9f9;
        color: #777;
        position: relative;
    }

    .list--exquisite .list-item.list-item--button .button.smallsize i {
        padding-left: .1rem;
        color: rgba(119, 119, 119, 0.8);
    }

    .list--exquisite .list-item.list-item--button .button.smallsize em {
        height: 100%;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }

    .list--exquisite .list-item.list-item--button .button.smallsize em:before {
        border-color: rgba(0, 0, 0, 0.13);
    }

    .list--exquisite .list-item.list-item--button .button:active {
        opacity: 1;
    }

    .list-item--button,
    .list-item--button__center {
        padding: 0 !important;
        justify-content: center;
    }

    .dialog {
        min-width: 8rem;
        min-height: 2rem;
    }

    .dialog .dialog-container>.top {
        padding: .2rem .15rem .2rem;
    }

    .dialog .dialog-container>.top h2,
    .dialog .dialog-container>.top h1,
    .dialog .dialog-container>.top h3 {
        font-weight: bold;
    }

    .dialog .dialog-container>.middle {
        max-height: 50vh;
        overflow-y: auto;
        padding: .25rem .15rem;
        word-break: break-all;
    }

    .dialog .dialog-container>.bottom {
        display: flex;
    }

    .dialog .dialog-container>.bottom .button {
        flex: 1;
        padding: .25rem .1rem;
        text-align: center;
        border-radius: 0;
    }

    .alertNoticeDialog .dialog .dialog-container>.top {
        line-height: 1.3;
    }

    .alertNoticeDialog .dialog .dialog-container>.top .subtitle {
        opacity: .6;
        font-size: 80%;
        display: flex;
    }

    .alertNoticeDialog .dialog .dialog-container>.top .subtitle>*+* {
        margin-left: .15rem;
    }

    .alertNoticeDialog .dialog .dialog-container>.bottom {
        padding: .2rem .15rem;
    }

    .alertNoticeDialog .dialog .dialog-container>.bottom .button {
        border-radius: 3px;
    }

    .alertNoticeDialog .dialog .dialog-container>.bottom .button+.button {
        margin-left: .25rem;
    }

    .alertNoticeDialog .dialog .dialog-container .middle span,
    .alertNoticeDialog .dialog .dialog-container .middle div,
    .alertNoticeDialog .dialog .dialog-container .middle p {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .unityDialog {
        /*统一的通用Dialog标准样式*/
    }

    .unityDialog .unityMain {
        width: 85vw;
        max-height: 70vh;
        overflow: hidden;
        /* overflow-y: auto; */
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .unityDialog .unityMain .loadingMask {
        z-index: 110;
    }

    .unityDialog .top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 101 !important;
        background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        color: #fff;
        height: .9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #C32D37;
    }

    .unityDialog .middle {
        flex: 1;
        overflow-y: auto;
        position: relative;
        background-color: #f3f3f3;
        padding: 1.1rem .2rem 0;
    }

    .unityDialog .middle:after {
        content: '';
        height: 1.3rem;
        display: block;
        flex: 0 0 1.3rem;
    }

    .unityDialog .middle .unityDialogCard {
        background-color: #fff;
        border-radius: 8px;
    }

    .unityDialog .middle .tter {
        text-align: center;
    }

    .unityDialog .middle .tter>div:first-child {
        position: relative;
        margin-bottom: .2rem;
        z-index: 1;
    }

    .unityDialog .middle .tter>div:first-child:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.2);
        display: block;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .unityDialog .middle .tter>div:first-child:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {
        .unityDialog .middle .tter>div:first-child:after {
            -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
        }
    }

    .unityDialog .middle .tter>div:first-child span {
        color: #C32D37;
        background-color: #f3f3f3;
        padding: 0 .15rem;
    }

    .unityDialog .bottom {
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1.1rem;
        display: flex;
        z-index: 101 !important;
    }

    .unityDialog .bottom>span {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        flex: 1;
    }

    .unityDialog .bottom>span:active {
        color: rgba(51, 51, 51, 0.7);
        background-color: #f0f0f0;
    }

    .unityDialog .bottom>span.disable {
        pointer-events: none;
        opacity: .5;
    }

    .unityDialog .bottom>span:last-child {
        background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        background-color: #C32D37;
        color: #fff;
    }

    .unityDialog .bottom>span:last-child:active {
        color: rgba(255, 255, 255, 0.8);
        background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
        background-color: rgba(195, 45, 55, 0.9);
    }

    .inputNumberDialog .top {
        text-align: center;
    }

    .inputNumberDialog .middle {
        padding: .25rem .15rem .6rem;
        display: flex;
    }

    .inputNumberDialog .middle.hor {
        flex-direction: row;
        justify-content: center;
    }

    .inputNumberDialog .middle.ver {
        flex-direction: column;
        align-items: center;
    }

    .inputNumberDialog .bottom:before {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .inputNumberDialog .bottom .button:before {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .inputNumberDialog .bottom .button:active {
        background-color: #f5f5f5;
    }

    .toast {
        left: .3rem;
        right: .3rem;
        bottom: .3rem;
        margin: 0;
        min-height: auto;
        line-height: normal;
        padding: .4rem .25rem;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        color: #fff;
    }

    .toast:before {
        content: '\eab4';
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: .15rem;
        font-size: .44rem;
    }

    .toast__message {
        font-size: inherit;
        margin: 0 .25rem 0 0;
        color: inherit;
    }

    .toast--small {
        font-size: inherit;
    }

    .toast--small .toast__message {
        font-size: 86%;
    }

    .toast__button {
        font-size: inherit;
        padding: .1rem;
        min-width: 1.4rem;
        color: inherit;
    }

    .toast--success {
        color: #67c23a;
        background: rgba(240, 249, 235, 0.9);
        border-color: #c2e7b0;
    }

    .toast--success:before {
        content: '\f0bd';
    }

    .toast--warning {
        color: #e6a23c;
        background: rgba(253, 246, 236, 0.9);
        border-color: #f5dab1;
    }

    .toast--warning:before {
        content: '\ee37';
    }

    .toast--error {
        color: #f56c6c;
        background: rgba(254, 240, 240, 0.9);
        border-color: #fbc4c4;
    }

    .toast--error:before {
        content: '\f0bf';
    }

    .action-sheet {
        left: .3rem;
        right: .3rem;
        bottom: .7rem;
    }

    .action-sheet-button+.action-sheet-button,
    .action-sheet-title {
        position: relative;
        z-index: 99;
    }

    .action-sheet-button+.action-sheet-button:before,
    .action-sheet-title:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.07);
        display: block;
        z-index: 100;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {

        .action-sheet-button+.action-sheet-button:before,
        .action-sheet-title:before {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {

        .action-sheet-button+.action-sheet-button:before,
        .action-sheet-title:before {
            -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
        }
    }

    .action-sheet-title {
        height: 1.2rem;
        font-size: .36rem;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
    }

    .action-sheet-title:before {
        bottom: 0;
    }

    .action-sheet-button {
        height: auto;
        min-height: 1.2rem;
        font-size: .4rem;
        line-height: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: none;
    }

    .action-sheet-button:before {
        top: 0;
    }

    .action-sheet-button:last-of-type {
        margin: .2rem 0 0 0;
        font-weight: bold;
    }

    .action-sheet-button:last-of-type:before {
        content: none;
    }

    .toolbar {
        height: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #353641;
    }

    .toolbar .toolbar__left,
    .toolbar .toolbar__center,
    .toolbar .toolbar__title,
    .toolbar .toolbar__right {
        line-height: inherit;
        font-size: inherit;
    }

    .toolbar .toolbar__title {
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .toolbar .toolbar-button {
        padding: .1rem .2rem;
        font-size: .44rem;
        display: flex;
        align-items: center;
    }

    .toolbar .toolbar-button>ons-icon[icon*="ion-"] {
        font-size: inherit;
    }

    .toolbar .toolbar-button:active {
        opacity: .8;
    }

    .toolbar .toolbar-button--outline {
        margin: auto .1rem;
        padding: .1rem;
    }

    .page__content {
        color: #130f1a;
    }

    .page__content h1,
    .page__content h2,
    .page__content h3,
    .page__content h4,
    .page__content h5 {
        margin: 0;
        padding: 0;
        font-size: inherit;
        font-family: inherit;
    }

    .progress-circular,
    ons-progress-circular {
        width: .8rem;
        height: .8rem;
    }

    :not(ons-toolbar-button):not(ons-action-sheet-button):not(.segment__button)>.ons-icon--ion {
        line-height: inherit;
        vertical-align: inherit;
    }

    @media (orientation: portrait) {
        html[onsflag-iphonex-portrait] .appTips {
            top: 1rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .toolbar {
            padding-top: 2rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page[hasTopBar]>.page__content {
            padding-top: 3.2rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page--menu .page--menu__content .menutop {
            padding-top: 2.3rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page--menu .page--menu__content .menutop>.ons-icon {
            margin-top: 2rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content {
            padding-top: 1rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content .topbutton,
        html[onsflag-iphonex-portrait] .hasApptip .page--userCenter .page__content .topinfo {
            padding-top: 2.2rem;
        }

        html[onsflag-iphonex-portrait] .hasApptip .page--activityDetail .page__content .publicButton,
        html[onsflag-iphonex-portrait] .hasApptip .page--thirdIndex .page__content .publicButton {
            top: 2.5rem;
        }

        html[onsflag-iphonex-portrait] .toolbar {
            padding-top: 1rem;
        }

        html[onsflag-iphonex-portrait] .page .page__content {
            padding-top: 1rem;
            padding-bottom: 0.8rem;
        }

        html[onsflag-iphonex-portrait] .page[hasTopBar]>.page__content {
            padding-top: 2.2rem;
        }

        html[onsflag-iphonex-portrait] .page--menu .page--menu__content {
            padding-top: 0;
        }

        html[onsflag-iphonex-portrait] .page--menu .page--menu__content .menutop {
            padding-top: 1.3rem;
        }

        html[onsflag-iphonex-portrait] .page--menu .page--menu__content .menutop>.ons-icon {
            margin-top: 1rem;
        }

        html[onsflag-iphonex-portrait] .page--userCenter .page__content .topbutton,
        html[onsflag-iphonex-portrait] .page--userCenter .page__content .topinfo {
            padding-top: 1rem;
        }

        html[onsflag-iphonex-portrait] .page--login .page__content .foot {
            padding-bottom: 1.3rem;
        }

        html[onsflag-iphonex-portrait] .page--activityDetail .page__content .publicButton,
        html[onsflag-iphonex-portrait] .page--thirdIndex .page__content .publicButton {
            top: 1.5rem;
        }

        html[onsflag-iphonex-portrait] .page--thirdPlay .page__content {
            padding-top: 0;
            padding-bottom: 0;
        }

        html[onsflag-iphonex-portrait] .page--thirdPlay[hastopbar] .page__content {
            padding-top: 1rem;
            padding-bottom: 0.8rem;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.normal_foot {
            background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f5f5 100%);
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.normal_foot .onkeyBet {
            margin: .06rem .2rem 0.06rem 0;
            flex: 1;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot>span {
            background: linear-gradient(to bottom, #fff 0%, #fff 30%, #f5f5f5 100%);
            position: relative;
            z-index: 99;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .amountBar {
            background: none;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .btnBar {
            background: none;
            position: relative;
            z-index: 99;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--primary {
            border-radius: 10rem;
            margin: .06rem .2rem .06rem .1rem;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--default {
            background-color: #e7e7e7;
            border-radius: 10rem;
            margin: .06rem .1rem .06rem .2rem;
        }

        html[onsflag-iphonex-portrait] .page--lottery .lotteryMain .ons-swiper ons-carousel-item>div>.foot.pk_foot .button--default:before {
            border: 1px solid rgba(0, 0, 0, 0.05);
            border-radius: 10rem;
        }

        html[onsflag-iphonex-portrait] .GlobalBottomBar {
            height: 2.1rem;
            padding-bottom: 0.8rem;
            box-sizing: border-box;
        }
    }

    @media (orientation: landscape) {
        html[onsflag-iphonex-landscape] .page .page__content {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-bottom: 0.5rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) {
            margin-left: -1rem;
            margin-right: -1rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset)>.list-item,
        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-header {
            padding-left: 1.3rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset)>.list-item--chevron:before {
            right: 1.3rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item__center:last-child {
            padding-right: 1.3rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item__right {
            padding-right: 1.3rem;
        }

        html[onsflag-iphonex-landscape] .page .page__content>.list:not(.list--inset) .list-item>.list-item--chevron__right {
            padding-right: 1.5rem;
        }

        html[onsflag-iphonex-landscape] .toolbar__left {
            padding-left: 0;
            left: 1rem;
        }

        html[onsflag-iphonex-landscape] .toolbar__right {
            padding-right: 0;
            right: 1rem;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content {
            padding-right: 0;
            padding-left: 0;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .list:not(.list--inset) {
            margin-right: 0;
            margin-left: 0;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menutop {
            padding-left: 1rem;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .funds {
            padding-left: 1.2rem;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menulist .list-item.list-item--chevron:before {
            right: .3rem;
        }

        html[onsflag-iphonex-landscape] ons-splitter-side[side="left"] .page--menu .page--menu__content .menulist .list-item .list-item__center:last-child {
            padding-right: .8rem;
        }

        html[onsflag-iphonex-landscape] .GlobalBottomBar {
            padding-left: 1rem;
            padding-right: 1rem;
            height: 1.8rem;
            padding-bottom: 0.5rem;
            box-sizing: border-box;
        }
    }

    /* 组合 onsenui 按钮 modifier 属性 quiet, outline, cta, large ; ripple */
    .button {
        padding: .1rem;
        font-size: inherit;
        line-height: inherit;
    }

    .button:active {
        opacity: 0.8;
    }

    .button[ripple]:active {
        opacity: 1;
    }

    .button--text,
    .button--text:active {
        border-color: transparent;
        color: #777;
        background: transparent;
    }

    .button--default,
    .button--default:active,
    .button--default:hover {
        background-color: #fff;
        color: #777;
        border-color: #e8e8e8;
    }

    .button--primary,
    .button--primary:active {
        color: #fff;
        background-color: #C32D37;
        border-color: #C32D37;
    }

    .button--primary[plain],
    .button--primary:active[plain] {
        color: #C32D37;
        background: #f9eaeb;
        border-color: #f0cbcd;
    }

    .button--success,
    .button--success:active {
        color: #fff;
        background-color: #67c23a;
        border-color: #67c23a;
    }

    .button--success[plain],
    .button--success:active[plain] {
        color: #67c23a;
        background: #f0f9eb;
        border-color: #c2e7b0;
    }

    .button--info,
    .button--info:active {
        color: #fff;
        background-color: #909399;
        border-color: #909399;
    }

    .button--info[plain],
    .button--info:active[plain] {
        color: #909399;
        background: #f4f4f5;
        border-color: #d3d4d6;
    }

    .button--warning,
    .button--warning:active {
        color: #fff;
        background-color: #e6a23c;
        border-color: #e6a23c;
    }

    .button--warning[plain],
    .button--warning:active[plain] {
        color: #e6a23c;
        background: #fdf6ec;
        border-color: #f5dab1;
    }

    .button--danger,
    .button--danger:active {
        color: #fff;
        background-color: #f56c6c;
        border-color: #f56c6c;
    }

    .button--danger[plain],
    .button--danger:active[plain] {
        color: #f56c6c;
        background: #fef0f0;
        border-color: #fbc4c4;
    }

    .page[hasBottomBar]>.page__content:after {
        content: '';
        height: 1.3rem;
        display: block;
        flex: 0 0 1.3rem;
    }

    .page[hasTopBar]>.page__content {
        padding-top: 1.2rem;
    }

    .nothing,
    .errMsgBox {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        color: #c3bdcf;
        background-color: transparent;
    }

    .nothing:before,
    .errMsgBox:before {
        padding-right: 0.1rem;
    }

    .errMsgBox {
        padding: 0.6rem;
        color: inherit;
        box-sizing: border-box;
        flex-direction: column;
        text-align: center;
    }

    .errMsgBox:before {
        padding: 0;
        font-size: 300%;
        margin-bottom: 0.2rem;
    }

    .errMsgBox.error:before {
        color: #f56c6c;
    }

    .errMsgBox.warning:before {
        color: #e6a23c;
    }

    .errMsgBox.success:before {
        color: #67c23a;
    }

    .bottomEndLine,
    .pageTipsTit {
        display: flex;
        justify-content: center;
        padding: 0.3rem;
        color: #ccc;
        font-size: 90%;
    }

    .bottomEndLine>span,
    .pageTipsTit>span {
        position: relative;
        display: flex;
        width: 100%;
        align-items: center;
    }

    .bottomEndLine>span span,
    .pageTipsTit>span span {
        margin: 0 0.15rem;
        color: #bfbdcd;
    }

    .bottomEndLine>span:before,
    .bottomEndLine>span:after,
    .pageTipsTit>span:before,
    .pageTipsTit>span:after {
        content: '';
        flex: 1;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        display: block;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {

        .bottomEndLine>span:before,
        .bottomEndLine>span:after,
        .pageTipsTit>span:before,
        .pageTipsTit>span:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {

        .bottomEndLine>span:before,
        .bottomEndLine>span:after,
        .pageTipsTit>span:before,
        .pageTipsTit>span:after {
            -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
        }
    }

    .page.page--hasSlide .page__content {
        display: flex;
        flex-direction: column;
    }

    .onePageSlide {
        position: relative;
        display: flex;
        flex: auto;
    }

    .onePageSlide>.onePageSlideItem {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        background-color: #fff9f8;
        padding: 0;
        margin-top: 0.1rem;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem {
        display: flex;
        flex-direction: column;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs {
        position: relative;
        height: .8rem;
        background-color: #fff;
        color: #777;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs:before {
        border-color: rgba(0, 0, 0, 0.25);
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: .32rem;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
        color: #C32D37;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        z-index: 101;
        background-color: #C32D37;
        transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper {
        flex: 1;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper ons-carousel-item .pullCon {
        height: 100%;
        overflow-y: auto;
        padding: 0 .3rem;
    }

    .onePageSlide>.onePageSlideItem.carouselPageSlideItem .ons-swiper ons-carousel-item .pullCon:after {
        content: '';
        height: .5rem;
        display: block;
        flex: 0 0 .5rem;
    }

    .onePageSlideItem .pageTipsTit,
    .page__content.features .pageTipsTit {
        font-size: 90%;
        color: #C32D37;
        padding: .1rem 0.3rem 0.3rem;
        color: gray;
    }

    .onePageSlideItem .tips,
    .page__content.features .tips {
        padding: 0 0.3rem 0.3rem;
        font-size: 90%;
        line-height: normal;
    }

    .onePageSlideItem .tips+.list:before,
    .page__content.features .tips+.list:before {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .onePageSlideItem .tips>p+p,
    .page__content.features .tips>p+p {
        padding-top: 0.1rem;
    }

    .onePageSlideItem .tips>p.textc,
    .page__content.features .tips>p.textc {
        color: #C32D37;
    }

    .onePageSlideItem .tips>p .textc,
    .page__content.features .tips>p .textc {
        color: #C32D37;
        padding: 0 0.05rem;
        word-break: break-all;
    }

    .onePageSlideItem .tips.tipsx,
    .page__content.features .tips.tipsx {
        padding: 0.3rem 0.4rem;
    }

    .onePageSlideItem .tips.nothingtip,
    .page__content.features .tips.nothingtip {
        padding: 1rem 0.3rem;
        text-align: center;
    }

    .onePageSlideItem .tips+.pageTipsTit,
    .page__content.features .tips+.pageTipsTit {
        padding: 0.3rem;
    }

    .onePageSlideItem .tips.style2>p.textc,
    .onePageSlideItem .tips.style2>p .textc,
    .page__content.features .tips.style2>p.textc,
    .page__content.features .tips.style2>p .textc {
        color: #dba881;
    }

    .routeTransition,
    .onePageSlideItem {
        /* transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1); */
        background: #fff;
        margin-top: -0.1rem;
        padding: 0.3rem 0.2rem;
    }

    .slide-left-enter,
    .slide-right-leave-active {
        opacity: 0;
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0);
    }

    .slide-left-leave-active,
    .slide-right-enter {
        opacity: 0;
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }

    .slide-fade-enter,
    .slide-fade-leave-active {
        opacity: 0;
    }

    .page__background {
        background-color: #fff;
    }

    .page.page--menu .page--menu__background {
        background-color: #faecec;
    }

    .page.page--menu .menutop {
        padding: 0.2rem 0;
        color: #554343;
        background: linear-gradient(to bottom right, #434452 0, #434452 75%);
        border-bottom: 1px solid #0C6A9B;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        font-weight: bold;
    }

    .page.page--menu .menutop .face {
        background-color: transparent;
        color: #777;
        width: 2rem;
        height: 2rem;
        border-radius: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        margin: 0.1rem 0;
    }

    .page.page--menu .menutop .face img {
        width: 100%;
        display: block;
    }

    .page.page--menu .menutop .face:active {
        opacity: .8;
    }

    .page.page--menu .menutop .account {
        font-size: 90%;
        padding: 0.05rem 0.25rem;
    }

    .page.page--menu .menutop .balance {
        font-size: 80%;
        padding: 0.1rem 0.15rem 0;
        display: flex;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 0.3rem;
    }

    .page.page--menu .menutop .balance>span+span {
        padding-left: 0.2rem;
    }

    .page.page--menu .menutop .balance>span:active {
        opacity: 0.8;
    }

    .page.page--menu .menutop .balance em {
        font-weight: normal;
        padding-left: .1rem;
    }

    .page.page--menu .menutop .message {
        position: absolute;
        top: 0.2rem;
        right: 0.3rem;
        font-size: 0.5rem;
        padding: 0.1rem;
    }

    .page.page--menu .menutop .soundBtn {
        position: absolute;
        top: 1rem;
        right: 0.28rem;
        font-size: 0.5rem;
        padding: 0.1rem;
    }

    .page.page--menu .menutop .soundBtn.fe-icon-soundon {
        color: green;
    }

    .page.page--menu .menutop .soundBtn.fe-icon-soundoff {
        color: #ccc;
    }

    .page.page--menu .funds {
        padding: 0.2rem 0.2rem;
        justify-content: space-between;
    }

    .page.page--menu .funds ons-col {
        flex: 0 0 31%;
    }

    .page.page--menu .funds ons-col .button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.2rem;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .page.page--menu .funds ons-col .button span {
        font-size: 0.36rem;
        padding-left: 0.05rem;
    }

    .page.page--menu .menulist {
        background: #faecec;
    }

    .page.page--menu .menulist>*+.list-item:after {
        content: '';
        position: absolute;
        top: 0;
        height: 1px;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #E4E4E4;
        display: block;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    .page.page--menu .menulist .list-item--expandable {
        padding: 0;
    }

    .page.page--menu .menulist .list-item--expandable .list-item__top {
        padding-left: 0.3rem;
        box-sizing: border-box;
    }

    .page.page--menu .menulist .list-item--expandable .list-item__expandable-content {
        font-size: 90%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0));
        padding: 0.1rem 0;
    }

    .page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div {
        padding: 0.2rem 0 0.2rem 0.95rem;
    }

    .page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div i {
        padding-right: 0.1rem;
    }

    .page.page--menu .menulist .list-item--expandable .list-item__expandable-content>div:active {
        color: rgba(119, 119, 119, 0.6);
    }

    .page.page--menu .menulist .list-item {
        padding: 0.1rem 0 0.1rem .3rem;
    }

    .page.page--menu .menulist .list-item.type1 {
        border-bottom: 1px solid #f1d8d5;
    }

    .page.page--menu .menulist .list-item.type1:last-child {
        border: 0;
    }

    .page.page--menu .menulist .list-item.type2.marginLine {
        margin-top: .3rem;
    }

    .page.page--menu .menulist .left {
        width: 0.65rem;
    }

    .page.page--menu .menulist .left img {
        width: 0.5rem;
    }

    .page.page--menu .menulist .left .icon {
        margin: auto;
    }

    .page.page--menu .menulist .center {
        color: #62616c;
        font-size: 85%;
    }

    .page.page--menu .menulist .right.re-icon {
        padding-right: 0.2rem;
        color: #c7c7c7;
    }

    .page.page--menu .menulist #type2 {
        padding: 0;
    }

    .page.page--menu .menulist #type2:after {
        background-color: unset;
    }

    .page.page--menu .menulist #type2 .center {
        padding: 0;
        margin: 0.1rem 0.4rem;
    }

    .page.page--menu .menulist #type2 .btnType {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #d06969;
        border-radius: 3px;
        color: #f3f3f8;
    }

    .page.page--menu .menulist #type2 .btnType div {
        width: 0.65rem;
        height: 0.65rem;
        background-size: 100%;
        background-repeat: no-repeat;
        margin: 0 0.4rem 0 1.2rem;
    }

    .page.page--menu .menulist #type2 .btnType.WDRecord div {
        background-image: url("/template/fubang2/images/index/icon-WDRecord.png?v0828");
        background-size: cover;
    }

    .page.page--menu .menulist #type2 .btnType.gameRecord div {
        background-image: url("/template/fubang2/images/index/icon-gameRecord.png?v0828");
    }

    .page.page--menu .menulist #type2 .btnType.activity div {
        background-image: url("/template/fubang2/images/index/icon-activity.png?v0828");
    }

    .page.page--menu .menulist #type2 .btnType.team div {
        background-image: url("/template/fubang2/images/index/icon-team.png?v0828");
    }

    .page.page--menu .menulist #type2 .btnType.download div {
        background-image: url("/template/fubang2/images/index/icon-download.png?v0828");
    }

    .page.page--menu .menulist #type2 .btnType.guaji div {
        background-image: url("/template/fubang2/images/index/icon-guaji.png?v0828");
    }

    .page.page--index,
    .page.page--addUser {
        color: #fff !important;
    }

    .page.page--index .page__background,
    .page.page--addUser .page__background {
        background-color: #fff;
    }

    .page.page--index .bottomEndLine,
    .page.page--addUser .bottomEndLine {
        font-size: 80%;
        padding: 0.4rem 0.3rem;
    }

    .page.page--index .carousel,
    .page.page--addUser .carousel {
        background-color: #f7f1f9;
        height: 4.8rem;
        position: relative;
    }

    .page.page--index .carousel .ons-swiper,
    .page.page--addUser .carousel .ons-swiper {
        height: 100%;
    }

    .page.page--index .carousel .ons-swiper .ons-swiper-target,
    .page.page--addUser .carousel .ons-swiper .ons-swiper-target {
        height: 100%;
    }

    .page.page--index .carousel .ons-swiper .ons-swiper-target .animated.faster,
    .page.page--addUser .carousel .ons-swiper .ons-swiper-target .animated.faster {
        height: 100%;
    }

    .page.page--index .carousel .ons-swiper .ons-swiper-target .animated.faster .carouselImg,
    .page.page--addUser .carousel .ons-swiper .ons-swiper-target .animated.faster .carouselImg {
        background-color: #EFEEE7;
        height: 94.7%;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        border-radius: 5px;
        margin: 0.2rem;
    }

    .page.page--index .carousel .indicator,
    .page.page--addUser .carousel .indicator {
        position: absolute;
        bottom: 0.2rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 0;
    }

    .page.page--index .carousel .indicator span,
    .page.page--addUser .carousel .indicator span {
        display: inline-block;
        width: 0.15rem;
        height: 0.15rem;
        border-radius: 100%;
        margin: 0 0.1rem;
        background-color: rgba(0, 0, 0, 0.2);
        border: 1px solid #ffffff73;
    }

    .page.page--index .carousel .indicator span.active,
    .page.page--addUser .carousel .indicator span.active {
        background-color: #fff;
    }

    .page.page--index .announcement,
    .page.page--addUser .announcement {
        position: relative;
        z-index: 1;
        background-color: #F9F2EE;
        display: flex;
        padding: 0.2rem;
        box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.05);
    }

    .page.page--index .announcement img,
    .page.page--addUser .announcement img {
        width: 0.4rem;
    }

    .page.page--index .announcement ul,
    .page.page--addUser .announcement ul {
        flex: 1;
        position: relative;
        overflow: hidden;
        margin: 0 0.15rem;
    }

    .page.page--index .announcement ul li,
    .page.page--addUser .announcement ul li {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        opacity: 0;
        transform: translateY(100%);
        transition: none;
    }

    .page.page--index .announcement ul li:first-child,
    .page.page--addUser .announcement ul li:first-child {
        opacity: 1;
        transform: translateY(0);
    }

    .page.page--index .announcement ul li span,
    .page.page--addUser .announcement ul li span {
        font-size: 0.4rem;
        color: #675f77;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
        font-size: 90%;
        width: 100%;
    }

    .page.page--index .announcement .icon,
    .page.page--addUser .announcement .icon {
        color: #C32D37;
        display: flex;
        align-items: center;
    }

    .page.page--index .announcement .button,
    .page.page--addUser .announcement .button {
        font-size: 0.32rem;
    }

    .page.page--index .betTabs,
    .page.page--addUser .betTabs {
        position: relative;
        height: .8rem;
        background-color: #fff;
        overflow: scroll;
        color: #312E30;
        scrollbar-width: none;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 10rem;
        border-bottom: 0;
        /* z-index: 9; */
    }

    .page.page--index .betTabs:before,
    .page.page--addUser .betTabs:before {
        border-color: #a3a3a3;
        width: 240%;
    }

    .page.page--index .betTabs ul,
    .page.page--addUser .betTabs ul {
        display: inline-flex;
        height: 100%;
        align-items: center;
    }

    .page.page--index .betTabs ul li,
    .page.page--addUser .betTabs ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: .35rem;
        width: 2rem;
        /* border-bottom: .15rem solid transparent; */
        color: #797692;
        background: #fff;
    }

    .page.page--index .betTabs ul li.active,
    .page.page--addUser .betTabs ul li.active {
        color: #EF6825;
    }

    .page.page--index .betTabs .betTabsIndicator,
    .page.page--addUser .betTabs .betTabsIndicator {
        position: absolute;
        bottom: 0;
        height: .09rem;
        z-index: 101;
        background-color: #EF6825;
        transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
    }

    .page.page--index .userBar,
    .page.page--addUser .userBar {
        display: flex;
        align-items: center;
        font-size: 85%;
        padding-left: 0.3rem;
        margin-top: .3rem;
    }

    .page.page--index .userBar .userImg,
    .page.page--addUser .userBar .userImg {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        overflow: hidden;
        border-radius: 50%;
        cursor: pointer;
        margin-right: 15px;
        margin: 0.2rem 0.2rem;
    }

    .page.page--index .userBar .userImg img,
    .page.page--addUser .userBar .userImg img {
        max-width: 100%;
    }

    .page.page--index .userBar .userName,
    .page.page--addUser .userBar .userName {
        font-size: 100%;
    }

    .page.page--index .userBar .balance,
    .page.page--addUser .userBar .balance {
        margin-left: .2rem;
        color: red;
        font-size: 90%;
    }

    .page.page--index .userBar .ons-icon,
    .page.page--addUser .userBar .ons-icon {
        color: #9da2b4;
    }

    .page.page--index .userBar .serviceChat,
    .page.page--addUser .userBar .serviceChat {
        font-size: 80%;
        right: 0.3rem;
        position: absolute;
        padding: 0.15rem 0.40rem;
        background-color: red;
        border-radius: 30px;
        color: #fff;
    }

    .page.page--index .userBar .ons-icon,
    .page.page--addUser .userBar .ons-icon {
        margin: 0 0rem 0 0.1rem;
    }

    .page.page--index .arrow,
    .page.page--addUser .arrow {
        background-color: #c1c1c1ab;
        width: 0.33rem;
        height: .6rem;
        position: -webkit-sticky;
        position: sticky;
        align-items: center;
        border-radius: 3px 0px 0 3px;
        color: #fff;
        margin-top: -0.7rem;
        z-index: 999;
        font-weight: bold;
        top: .1rem;
        justify-content: center;
        display: none;
    }

    .page.page--index .arrow.show,
    .page.page--addUser .arrow.show {
        display: flex;
    }

    .page.page--index .arrow.right,
    .page.page--addUser .arrow.right {
        float: right;
    }

    .page.page--index .allLoto,
    .page.page--addUser .allLoto {
        font-size: 80%;
        right: 0.3rem;
        position: absolute;
        padding: 0.1rem 0.3rem;
        background-color: #C17127;
        border-radius: 30px;
        color: #fff;
        margin-top: 0rem;
    }

    .page.page--index .blockTitle,
    .page.page--addUser .blockTitle {
        display: flex;
        align-items: center;
        color: #554343;
        font-size: 100%;
        margin: 0.4rem 0 0.1rem 0.2rem;
    }

    .page.page--index .blockTitle>img,
    .page.page--addUser .blockTitle>img {
        width: 1rem;
    }

    .page.page--index .blockTitle .lottery,
    .page.page--addUser .blockTitle .lottery {
        content: url("/template/fubang2/images/index/icon-lottery_m.png");
        margin-right: -0.1rem;
    }

    .page.page--index .blockTitle .nlottery,
    .page.page--addUser .blockTitle .nlottery {
        content: url("/template/fubang2/images/index/icon-nlottery_m.png");
    }

    .page.page--index .blockTitle .live,
    .page.page--addUser .blockTitle .live {
        content: url("/template/fubang2/images/index/icon-live_m.png");
    }

    .page.page--index .blockTitle .poker,
    .page.page--addUser .blockTitle .poker {
        content: url("/template/fubang2/images/index/icon-poker_m.png");
    }

    .page.page--index .blockTitle .sport,
    .page.page--addUser .blockTitle .sport {
        content: url("/template/fubang2/images/index/icon-sport_m.png");
    }

    .page.page--index .blockTitle .fish,
    .page.page--addUser .blockTitle .fish {
        content: url("/template/fubang2/images/index/icon-fish_m.png");
    }

    .page.page--index .blockTitle .slot,
    .page.page--addUser .blockTitle .slot {
        content: url("/template/fubang2/images/index/icon-slot_m.png");
    }

    .page.page--index .listbox,
    .page.page--addUser .listbox {
        scroll-margin-top: 2.3rem;
        margin-bottom: 0.6rem;
    }

    .page.page--index .listbox .more,
    .page.page--addUser .listbox .more {
        text-align: center;
        color: #867ea9;
        font-size: 90%;
        font-weight: 500;
        margin: .2rem 0 0;
    }

    .page.page--index .listbox .more img,
    .page.page--addUser .listbox .more img {
        width: .25rem;
    }

    .page.page--index .listbox .lists,
    .page.page--addUser .listbox .lists {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 0.3rem;
        justify-content: flex-start;
    }

    .page.page--index .listbox .lists img,
    .page.page--addUser .listbox .lists img {
        width: 100%;
        border-radius: 5px;
    }

    .page.page--index .listbox .lists .item,
    .page.page--addUser .listbox .lists .item {
        /* background-color: #f7f5f4; */
        width: 2.92rem;
        margin: 0.16rem 0.3rem 0 0;
        cursor: pointer;
        color: #554343;
        /*&:before {
                    content: ' ';
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.2));
                    width: 2.92rem;
                    height: 3.2rem;
                    position: absolute;
                    margin-top: 0px;
                    opacity: 0;
                    transition: all .3s;
                }
                &:hover {
                    &:before {
                        opacity: 1;
                    }
                    div {
                        &:after {
                            content: ' ';
                            background-image: url(/template/fubang2/images/index/start_game.png);
                            width: 60px;
                            height: 100%;
                            background-size: 80%;
                            background-repeat: no-repeat;
                            position: absolute;
                            background-position: center;
                        }
                    }
                    a {
                        background-color: #FFA93A;
                        color: #000;
                    }
                }*/
    }

    .page.page--index .listbox .lists .item div,
    .page.page--addUser .listbox .lists .item div {
        width: 100%;
        /* height: 3.17rem; */
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 1s;
        flex-wrap: wrap;
        margin-bottom: 0.2rem;
    }

    .page.page--index .listbox .lists .item .lightBox,
    .page.page--addUser .listbox .lists .item .lightBox {
        background-image: url(/template/fubang2/images/index/lightBox.png);
        background-repeat: no-repeat;
        background-size: 75% 99.5%;
        background-color: unset;
        position: absolute;
        width: 3.8rem !important;
        margin: -3.3rem 0 0 0.6rem;
        color: #fff;
        box-sizing: border-box;
        padding: 0rem 1rem 0.05rem 0.3rem;
        font-size: 0.28rem;
        line-height: 0.6rem;
    }

    .page.page--index .listbox .lists .item .lightBox span,
    .page.page--addUser .listbox .lists .item .lightBox span {
        color: #f0ff00;
        font-size: 0.4rem;
        font-weight: bold;
        background-color: unset;
        padding: 0 0 0.1rem 0;
    }

    .page.page--index .listbox .lists .item span,
    .page.page--addUser .listbox .lists .item span {
        /* height: 1rem; */
        /* line-height: 0.4rem; */
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 90%;
        /* background-color: white; */
        font-weight: bold;
        /* margin-top: 0.2rem; */
    }

    .page.page--index .listbox .lists .item span:nth-child(3),
    .page.page--addUser .listbox .lists .item span:nth-child(3) {
        font-size: 70%;
        color: #9c6c6c;
        margin-top: .1rem;
        margin-bottom: 0.1rem;
    }

    .page.page--index .indexbutton,
    .page.page--addUser .indexbutton {
        position: relative;
        z-index: 2;
        background-color: #fff;
        padding: 0.3rem 0;
    }

    .page.page--index .indexbutton .img-box,
    .page.page--addUser .indexbutton .img-box {
        width: 1.1rem;
    }

    .page.page--index .indexbutton .img-box img,
    .page.page--addUser .indexbutton .img-box img {
        width: 100%;
    }

    .page.page--index .indexbutton>*,
    .page.page--addUser .indexbutton>* {
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: opacity 0.2s;
    }

    .page.page--index .indexbutton>*:active,
    .page.page--addUser .indexbutton>*:active {
        opacity: 0.8;
    }

    .page.page--index .indexbutton>* .icon,
    .page.page--addUser .indexbutton>* .icon {
        width: 1.1rem;
        height: 1.1rem;
        overflow: hidden;
        margin-bottom: 0.2rem;
        position: relative;
        font-size: 0.65rem;
        color: #fff;
    }

    .page.page--index .indexbutton>* .icon:before,
    .page.page--addUser .indexbutton>* .icon:before {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
    }

    .page.page--index .indexbutton>* .icon:after,
    .page.page--addUser .indexbutton>* .icon:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #ccc;
    }

    .page.page--index .indexbutton>* span,
    .page.page--addUser .indexbutton>* span {
        font-size: 80%;
    }

    .page.page--index .indexbutton>*:nth-child(1) .icon:after,
    .page.page--addUser .indexbutton>*:nth-child(1) .icon:after {
        background-color: #de2b2b;
    }

    .page.page--index .indexbutton>*:nth-child(2) .icon:after,
    .page.page--addUser .indexbutton>*:nth-child(2) .icon:after {
        background-color: #c441c4;
    }

    .page.page--index .indexbutton>*:nth-child(3) .icon:after,
    .page.page--addUser .indexbutton>*:nth-child(3) .icon:after {
        background-color: #ff8f30;
    }

    .page.page--index .indexbutton>*:nth-child(4) .icon:after,
    .page.page--addUser .indexbutton>*:nth-child(4) .icon:after {
        background-color: #ff5e76;
    }

    .page.page--index .indexbutton>*:nth-child(5) .icon:after,
    .page.page--addUser .indexbutton>*:nth-child(5) .icon:after {
        background-color: #746db9;
    }

    .page.page--index .hotmenu_uc,
    .page.page--addUser .hotmenu_uc {
        margin: 0.4rem;
    }

    .page.page--index .hotmenu_uc .hotgame_title,
    .page.page--addUser .hotmenu_uc .hotgame_title {
        margin-top: 0.1rem;
        height: 1.3rem;
        line-height: 1.3rem;
        overflow: hidden;
        border-radius: 8px;
    }

    .page.page--index .hotmenu_uc .hotgame_title h2,
    .page.page--addUser .hotmenu_uc .hotgame_title h2 {
        color: #000;
        float: left;
    }

    .page.page--index .hotmenu_uc .hotgame_title h2 i,
    .page.page--addUser .hotmenu_uc .hotgame_title h2 i {
        display: inline-block;
        width: 0.8rem;
        vertical-align: top;
        margin: 0.15rem 0.2rem 0 0;
    }

    .page.page--index .hotmenu_uc .hotgame_title h2 i img,
    .page.page--addUser .hotmenu_uc .hotgame_title h2 i img {
        max-width: 100%;
    }

    .page.page--index .hotmenu_uc .hotgame_title a,
    .page.page--addUser .hotmenu_uc .hotgame_title a {
        float: right;
    }

    .page.page--index .hotmenu_uc .hotmen_btn,
    .page.page--addUser .hotmenu_uc .hotmen_btn {
        margin: 0 0 0.5rem 0;
    }

    .page.page--index .hotmenu_uc .hotmen_btn li,
    .page.page--addUser .hotmenu_uc .hotmen_btn li {
        width: 48%;
        float: left;
        position: relative;
    }

    .page.page--index .hotmenu_uc .hotmen_btn li .hotmen_btn-box,
    .page.page--addUser .hotmenu_uc .hotmen_btn li .hotmen_btn-box {
        max-width: 100%;
    }

    .page.page--index .hotmenu_uc .hotmen_btn li .hotmen_btn-bg,
    .page.page--addUser .hotmenu_uc .hotmen_btn li .hotmen_btn-bg {
        max-width: 1.5rem;
        max-height: 1.55rem;
        position: absolute;
        left: .2rem;
        top: 0;
    }

    .page.page--index .hotmenu_uc .hotmen_btn .right,
    .page.page--addUser .hotmenu_uc .hotmen_btn .right {
        float: right;
    }

    .page.page--index .hotgame,
    .page.page--addUser .hotgame {
        background-color: #fff;
        margin: 0.4rem;
        padding: 0 0.2rem;
        border-radius: 5px;
    }

    .page.page--index .hotgame .aniItem,
    .page.page--addUser .hotgame .aniItem {
        transition: all 0.5s;
    }

    .page.page--index .hotgame .aniItem.flip-enter,
    .page.page--index .hotgame .aniItem.flip-leave-to,
    .page.page--addUser .hotgame .aniItem.flip-enter,
    .page.page--addUser .hotgame .aniItem.flip-leave-to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    .page.page--index .hotgame .aniItem.flip-leave-active,
    .page.page--addUser .hotgame .aniItem.flip-leave-active {
        position: absolute;
    }

    .page.page--index .hotgame .hotgame_title,
    .page.page--addUser .hotgame .hotgame_title {
        margin-top: 0.1rem;
        height: 1.3rem;
        line-height: 1.3rem;
        overflow: hidden;
        border-radius: 8px;
    }

    .page.page--index .hotgame .hotgame_title h2,
    .page.page--addUser .hotgame .hotgame_title h2 {
        color: #c72323;
        float: left;
    }

    .page.page--index .hotgame .hotgame_title h2 i,
    .page.page--addUser .hotgame .hotgame_title h2 i {
        display: inline-block;
        width: 0.5rem;
        vertical-align: top;
        margin: 0.15rem 0.2rem 0 0;
    }

    .page.page--index .hotgame .hotgame_title h2 i img,
    .page.page--addUser .hotgame .hotgame_title h2 i img {
        max-width: 100%;
    }

    .page.page--index .hotgame .hotgame_title a,
    .page.page--addUser .hotgame .hotgame_title a {
        float: right;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc {
        margin: 0 0 0.15rem 0;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .hotgame-content,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .hotgame-content {
        display: flex;
        align-items: center;
        background-color: #efefef;
        border-radius: 5px;
        padding: 0.3rem 0.2rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img {
        width: 1.5rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img img,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .left-img img {
        max-width: 100%;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code {
        flex: 1;
        margin: 0 0.4rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code .code-title,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code .code-title {
        text-align: center;
        color: #000;
        margin-bottom: 0.2rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul {
        display: flex;
        justify-content: space-between;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
        display: block;
        width: 0.7rem;
        height: 0.7rem;
        background-color: #C32D37;
        color: #fff;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 1;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span:after,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        content: '';
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn {
        text-align: center;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .time-txt,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .time-txt {
        margin-bottom: 0.15rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
        padding: 0.2rem 0.25rem;
        background: #C32D37;
        color: #fff;
        font-size: .3rem;
        border-radius: 2rem;
        display: inline-block;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator {
        margin-top: 0.1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator span,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_foc .hotgameC_indicator span {
        color: #dbdbdb;
        display: inline-block;
        font-size: 0.28rem;
        margin: 0 0.1rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list {
        display: flex;
        flex-wrap: wrap;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li {
        width: 50%;
        padding: 0.3rem 0;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2):before,
    .page.page--index .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2)~li:before,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2):before,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li:nth-child(2n + 1):nth-last-child(-n + 2)~li:before {
        content: none;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a {
        display: flex;
        line-height: 1;
        align-items: center;
        padding: 0 0.1rem;
        position: relative;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a:active,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a:active {
        opacity: 0.8;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a div,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a div {
        width: 1.4rem;
        height: 1.4rem;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a div img,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a div img {
        width: 100%;
        display: block;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a span,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a span {
        padding-left: 0.2rem;
        flex: 1;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a span i,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a span i {
        font-size: 90%;
    }

    .page.page--index .hotgame .hotgame_content .hotgame_content_list li a .icon,
    .page.page--addUser .hotgame .hotgame_content .hotgame_content_list li a .icon {
        color: #bfbfbf;
    }

    @media screen and (orientation: landscape) {

        .page.page--index .carousel,
        .page.page--index .carousel .carouselImg {
            /*横屏时轮播图看不全，保留位置看怎么调整*/
        }
    }

    .page.page--index .userBar {
        font-size: 85%;
    }

    .page.page--index .userBar .serviceChat {
        font-size: 90%;
    }

    .page.page--index .userBar .balance {
        font-size: 110%;
    }

    .page.page--index .betTabs {
        height: 1.1rem;
        padding-top: 0;
        padding-bottom: 0;
        width: 10rem;
        background-color: transparent;
    }

    .page.page--index .betTabs ul {
        width: 10rem;
    }

    .page.page--index .betTabs ul li {
        width: 1.2rem;
        font-size: .4rem;
        background: #fd7474;
        color: #fff;
    }

    .page.page--index .betTabs ul li.active {
        border-bottom: 0;
    }

    .page.page--index .betTabs .betTabsIndicator {
        background-color: transparent !important;
        width: 100% !important;
        height: 0.01rem;
        margin: 0 0 0.04rem 0;
    }

    .page.page--live .page__content {
        display: flex;
        flex-direction: column;
    }

    .page.page--live .errMsgBox em {
        color: #C32D37;
        padding-left: .1rem;
        text-decoration: underline;
    }

    .page.page--live iframe {
        flex: 1;
        background: url(/template/fubang2/assets/m/img/loading_blue.gif) center center no-repeat #000;
    }

    .page.page--lottery {
        color: #777;
    }

    .page.page--lottery .page--lottery__background {
        background-color: #f5f5f5;
    }

    .page.page--lottery .page--lottery__content {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .page.page--lottery .page--lottery__content .mainbet {
        display: flex;
        flex-direction: column;
    }

    .page.page--lottery .page--lottery__content .lotteryMain {
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        margin-top: .1rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .page.page--lotteryRecord {
        top: 1rem !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice {
        height: 0.2rem;
        width: 100%;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice div {
        overflow-x: scroll;
        overflow-y: hidden;
        width: 9.2rem;
        position: absolute;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul {
        height: 100%;
        white-space: nowrap;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li {
        list-style: none;
        font-size: 90%;
        display: inline-block;
        text-align: center;
        margin-right: .1rem;
        vertical-align: top;
        margin: 0.2rem 0 0.2rem .2rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li span {
        padding: .1rem .2rem;
        position: relative;
        color: #795a5a;
        font-weight: normal;
        white-space: nowrap;
        cursor: pointer;
        display: block;
        height: 0.6rem;
        line-height: 0.6rem;
        border-radius: 3px;
        background: #efe6e6;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li.cur span {
        color: #fff;
        background: #f27272;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .sbtn {
        width: 0.8rem;
        height: 0.8rem;
        position: absolute;
        display: flex;
        top: 0;
        right: 0;
        margin: 0.2rem 0 0 0;
        background-image: linear-gradient(to bottom, #ffffff, #fd7474);
        align-items: center;
        justify-content: center;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .sbtn img {
        width: 0.4rem;
        height: 0.4rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs {
        position: relative;
        height: 1rem;
        background-color: #ffe6e6;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs:before {
        border-bottom: 0.1rem solid #e8ddec !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: .35rem;
        margin-top: 0.12rem;
        color: #655752;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
        color: #C32D37;
        padding: 0 0.1rem 0.25rem;
        margin: 0.5rem 0 0.2rem 0;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        z-index: 101;
        background-color: transparent;
        transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper {
        flex: 1;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item {
        height: 100%;
        overflow: hidden;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code {
        overflow: scroll !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode li,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode li,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode li,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode li {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode li .issue,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode li .issue,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode li .issue,
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode li .issue {
        margin: 0;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.cisingcai_historyCode .codes span:nth-last-child(1),
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode .codes span:nth-last-child(1),
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.qilecai_historyCode .codes span:nth-last-child(1),
    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.shuangseqiu_historyCode .codes span:nth-last-child(1) {
        color: #fff;
        background: #1d77f5 !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code.daletou_historyCode .codes span:nth-last-child(2) {
        color: #fff;
        background: #1d77f5 !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li {
        padding-top: 20px;
        text-align: center;
        font-size: .32rem;
        border-bottom: 1px solid #f0f9eb;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue {
        margin-bottom: 5px;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
        color: #C32D37;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
        width: .6rem;
        height: .6rem;
        border-radius: 100%;
        background-color: #C32D37;
        color: #fff;
        display: inline-block;
        line-height: .6rem;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        margin: 5px;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div {
        background-color: #fff;
        height: 100%;
        overflow: hidden;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div>.betArea {
        position: relative;
        box-sizing: border-box;
        height: 100%;
        overflow-y: auto;
        width: 100%;
        padding-bottom: 1rem;
        background: #fffcfb;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item>div>.foot {
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #5a576c;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .betTabs+.ons-swiper .normal_bet .betArea .playHelp {
        background-color: transparent;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea {
        top: 0.8rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea:after {
        content: '';
        height: 2.7rem;
        display: block;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet .betArea.noFoot:after {
        content: none;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .normal_bet .loadingMask {
        z-index: 100 !important;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .pk_bet .betArea:after {
        content: '';
        height: 2.65rem;
        display: block;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .pk_bet .betArea.noCount:after {
        height: 2rem;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .plan_bet .betArea:after {
        content: '';
        height: 1.5rem;
        display: block;
    }

    .page.page--lottery .page--lottery__content .lotteryMain .chat_bet .betArea:after {
        content: '';
        height: 1.5rem;
        display: block;
    }

    .page.page--lottery .lotteryHeader {
        /* background-color: #eee1ff; */
        padding: 0.3rem .3rem 0.2rem;
        color: #373545;
    }

    .page.page--lottery .lotteryHeader>section {
        position: relative;
    }

    .page.page--lottery .lotteryHeader .lotteryMethodGuide {
        font-size: .4rem;
        padding-top: 0px;
        padding-bottom: .2rem;
        margin-bottom: .2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #C32D37;
    }

    .page.page--lottery .lotteryHeader .lotteryMethodGuide .switch_icon {
        float: right;
    }

    .page.page--lottery .lotteryHeader .linebox {
        display: flex;
        align-items: center;
        font-size: 90%;
    }

    .page.page--lottery .lotteryHeader .linebox+.linebox {
        margin-top: .2rem;
        padding-top: .2rem;
    }

    .page.page--lottery .lotteryHeader .linebox>div:nth-child(1) {
        white-space: nowrap;
    }

    .page.page--lottery .lotteryHeader .linebox>div:nth-child(1)>span {
        white-space: nowrap;
    }

    .page.page--lottery .lotteryHeader .linebox>div:nth-child(2) {
        padding-left: .2rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        white-space: nowrap;
    }

    .page.page--lottery .lotteryHeader .linebox>div:nth-child(2)>label {
        padding-right: .1rem;
        white-space: nowrap;
    }

    .page.page--lottery .lotteryHeader .linebox>div.ballArea {
        flex: 1;
        padding-right: 1rem;
    }

    .page.page--lottery .lotteryHeader .linebox>div.ballArea span:before {
        font-size: 110%;
        font-weight: bold;
    }

    .page.page--lottery .lotteryHeader .curIssue .remainTime {
        color: #e85b5b;
        margin-left: .06rem;
        font-weight: 400;
        font-size: 120%;
    }

    .page.page--lottery .lotteryHeader .lastIssue {
        position: relative;
    }

    .page.page--lottery .lotteryHeader .lastIssue ul {
        display: flex;
        flex-direction: row;
        margin: -.07rem 0;
        flex-wrap: wrap;
    }

    .page.page--lottery .lotteryHeader .lastIssue ul li {
        margin-left: .2rem;
        padding-bottom: .06rem;
    }

    .page.page--lottery .lotteryHeader .lastIssue ul li span {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 100%;
        background: #fff;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: .4rem;
        font-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li,
    .page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li,
    .page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li,
    .page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li {
        margin-left: 0.1rem;
    }

    .page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li span,
    .page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li span,
    .page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li span,
    .page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li span {
        width: 0.5rem;
        height: 0.5rem;
        font-size: 100%;
    }

    .page.page--lottery .lotteryHeader .lastIssue.cisingcai_header ul li:nth-last-child(1) span,
    .page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li:nth-last-child(1) span,
    .page.page--lottery .lotteryHeader .lastIssue.qilecai_header ul li:nth-last-child(1) span,
    .page.page--lottery .lotteryHeader .lastIssue.shuangseqiu_header ul li:nth-last-child(1) span {
        background: url("/template/fubang2/images/ssc-balls-bg2.png") no-repeat;
        background-size: 0.55rem;
        background-position: 0;
    }

    .page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li:nth-last-child(2) span {
        background: url("/template/fubang2/images/ssc-balls-bg2.png") no-repeat;
        background-size: 0.55rem;
        background-position: 0;
    }

    .page.page--lottery .lotteryHeader .showMenuBtn {
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #C32D37;
        color: #fff;
        width: .7rem;
        height: .7rem;
        border-radius: 100%;
        border: .15rem solid #efefef;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 101;
        transition: all .2s;
        font-size: 110%;
    }

    .page.page--lottery .lotteryHeader .showMenuBtn:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        content: '';
        background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
    }

    .page.page--lottery .lotteryHeader .showMenuBtn:active {
        opacity: .8;
    }

    .page.page--lottery .normal_bet {
        background-color: #fff9f8 !important;
    }

    .page.page--lottery .normal_bet>.loadingMask {
        z-index: 100;
    }

    .page.page--lottery .normal_bet .betArea>* {
        padding: 0 0 .4rem 0;
    }

    .page.page--lottery .normal_bet .playHelp {
        padding: 0 .3rem;
        height: 1.098rem;
        font-size: 80%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: normal;
        background-color: #fff;
    }

    .page.page--lottery .normal_bet .playHelp .tipsBtn {
        height: 100%;
        display: flex;
        align-items: center;
        color: #676576;
    }

    .page.page--lottery .normal_bet .playHelp .tipsBtn>span {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet .playHelp .tipsBtn>span+span {
        margin-left: .2rem;
    }

    .page.page--lottery .normal_bet .playHelp .tipsBtn>span:before {
        padding-right: .1rem;
        color: #fd7474;
    }

    .page.page--lottery .normal_bet .playHelp .tipsBtn>span:active {
        opacity: .7;
    }

    .page.page--lottery .normal_bet .playHelp .ballTipsBtn {
        height: 100%;
        display: flex;
        align-items: center;
        color: #676576;
    }

    .page.page--lottery .normal_bet .playHelp .ballTipsBtn>div {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet .playHelp .ballTipsBtn>div+div {
        margin-left: .3rem;
    }

    .page.page--lottery .normal_bet .playHelp .ballTipsBtn>div label {
        padding-left: .2rem;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet .playMain {
        background: #fffcfb;
    }

    .page.page--lottery .normal_bet .playMain.playMain--kl8 .ball.default {
        margin-right: 0rem !important;
        width: 0.83rem !important;
        height: 0.83rem !important;
        font-size: 100% !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--lhc .ball {
        width: 0.9rem !important;
        height: 0.9rem !important;
        margin: 0.05rem 0.2rem !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--2color35x12 .ball {
        width: 1rem !important;
        height: 1rem !important;
        margin: 0.05rem 0.15rem !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--2color33x16 .ball {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0.05rem 0.23rem !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--2color33x16 .ball {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0.05rem 0.23rem !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--2color30x30 .ball {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0.05rem 0.23rem !important;
    }

    .page.page--lottery .normal_bet .playMain.playMain--n7 .ball {
        width: 1.1rem !important;
        height: 1.1rem !important;
        margin: 0.05rem 0.35rem !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup {
        display: flex;
        border-bottom: 1px #E6E3F5 solid;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup+.ballGroup {
        padding-top: 0.4rem;
        /* margin-top: .2rem; */
    }

    .page.page--lottery .normal_bet .playMain .ballGroup:first-child:before {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel {
        /* writing-mode: vertical-lr; */
        /* padding-right: .15rem; */
        /* margin-right: .2rem; */
        width: 2.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #625f71;
        font-size: 90%;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel>span {
        display: block;
        word-break: break-all;
        padding: .25rem 0 0 0;
        line-height: 1.2em;
        text-align: center;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey {
        font-size: 80%;
        display: flex;
        flex-direction: column;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span {
        padding-top: .15rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span.missed {
        color: #d48d08;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballLabel .statisticsKey>span.hot {
        color: #ce7474;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .tools {
        display: block;
        width: 100%;
        margin: 0rem 0 0.2rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .tools ul {
        display: flex;
        justify-content: space-around;
        margin-bottom: .1rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .tools ul li span {
        width: .7rem;
        height: .7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        background-color: #ffe6e6;
        font-size: 90%;
        border-radius: .1rem;
        transition: all .2s;
        border: 1px dotted #fad7ce;
        color: #575569;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .tools ul li span:active {
        opacity: .8;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont {
        display: flex;
        flex-direction: column;
        min-width: 6.5rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls ul {
        display: flex;
        flex-wrap: wrap;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls ul li {
        margin-bottom: 0.1rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.default {
        /*普通的球*/
        width: 1.1rem;
        height: 1.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: .44rem;
        border-radius: 100%;
        background-color: #fad7ce;
        border-color: #fad7ce;
        color: #575569;
        margin: 0 0.3rem 0.2rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.default:before {
        border-radius: 100%;
        border-color: #E1E1E1;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
        /*快三单个号*/
        width: .9rem;
        height: .9rem;
        line-height: normal;
        font-size: 90%;
        border-radius: 10px;
        margin: 0 0.3rem 0 0rem;
        text-indent: -9999px;
        display: block;
        background: #5c6281;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number:before {
        border-radius: 10px;
        border-color: #E1E1E1;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
        border-radius: 10px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.selected:after {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-indent: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 150%;
        color: #ffff;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-1:after {
        content: '\e805';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-2:after {
        content: '\e806';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-3:after {
        content: '\e810';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-4:after {
        content: '\e80f';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-5:after {
        content: '\e80e';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-number.k3-number-6:after {
        content: '\e80d';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
        /*快三同号*/
        width: auto;
        height: .9rem;
        line-height: normal;
        font-size: 90%;
        display: flex;
        margin: 0 .2rem .1rem .3rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao:before {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected {
        background: none;
        background-color: transparent;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected:after {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span {
        background-color: #de7c4b;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:before {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        content: '';
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span:after,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span:after {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
        width: .9rem;
        height: .9rem;
        display: block;
        flex: 1;
        border-radius: 10px;
        background: #5c6281;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span:before {
        border-radius: 10px;
        border-color: #E1E1E1;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 150%;
        color: #ffff;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao span+span,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao span+span {
        margin-left: .1rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-1 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-1 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-1 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-1 span:after {
        content: '\e805';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-2 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-2 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-2 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-2 span:after {
        content: '\e806';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-3 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-3 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-3 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-3 span:after {
        content: '\e810';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-4 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-4 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-4 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-4 span:after {
        content: '\e80f';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-5 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-5 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-5 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-5 span:after {
        content: '\e80e';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-ertonghao-6 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.k3-santonghao-6 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-ertonghao-6 span:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.k3-santonghao-6 span:after {
        content: '\e80d';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green {
        /*六合彩*/
        width: .9rem;
        height: .9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: .44rem;
        border-radius: 100%;
        border: 1px solid;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green:before {
        border-radius: 100%;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green {
        /*六合彩 - 绿*/
        color: #2b902a;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green:before {
        border-color: #2b902a !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-green.selected {
        background-color: #2b902a !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue {
        /*六合彩 - 蓝*/
        color: #0b71bc;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue:before {
        border-color: #0b71bc !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-blue.selected {
        background-color: #0b71bc !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red {
        /*六合彩 - 红*/
        color: #d00000;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red:before {
        border-color: #d00000 !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.lhc-red.selected {
        background-color: #d00000 !important;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
        /*常见的多个字的*/
        width: auto;
        min-width: .9rem;
        height: .9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: normal;
        font-size: 90%;
        border-radius: 10px;
        margin: 0 .2rem 0 .3rem;
        padding: 0 .2rem;
        white-space: nowrap;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large:before,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square:before {
        border-radius: 10px;
        border-color: #E1E1E1;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
        border-radius: 10px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
            border-radius: 5px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {

        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.large.selected:after,
        .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.square.selected:after {
            border-radius: 3.33333px;
        }
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
        /*选中*/
        color: #fff;
        background: #fd7474;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected:before {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 100%;
        content: '';
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics {
        font-size: 90%;
        margin-top: .15rem;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics.missed {
        font-size: 90%;
        margin-top: .15rem;
        width: 1.4rem;
        display: block;
        text-align: center;
    }

    .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .statistics.hot {
        color: #ce7474;
    }

    .page.page--lottery .normal_bet .playMain .positions {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: .2rem;
        padding-bottom: .2rem;
    }

    .page.page--lottery .normal_bet .playMain .positions:before {
        opacity: .6;
    }

    .page.page--lottery .normal_bet .playMain .positions+.ballGroup:before {
        content: none;
    }

    .page.page--lottery .normal_bet .playMain .positions .places {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_bet .playMain .positions .places+.places {
        margin-left: .3rem;
    }

    .page.page--lottery .normal_bet .playMain .positions .places label {
        padding-left: .1rem;
        line-height: normal;
        display: flex;
        align-items: center;
        height: 1em;
    }

    .page.page--lottery .normal_bet .playMain .textBall .textarea {
        width: 100%;
        border-color: #f0cfcf;
        background: #fff9f9;
        transition: all .2s;
        color: #ad8080;
    }

    .page.page--lottery .normal_bet .playMain .textBall .textarea:focus {
        border-color: #ccc;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl {
        padding-top: .3rem;
        font-size: 90%;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup {
        position: relative;
        display: flex;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .button {
        line-height: normal;
        padding: .1rem .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .button+.button {
        margin-left: .2rem;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl .inputBtnGroup .upLoadInput {
        position: absolute;
        z-index: -1;
        visibility: hidden;
        width: 0;
        height: 0;
    }

    .page.page--lottery .normal_bet .playMain .textBall .inputControl .inputTips {
        color: #c4c3c3;
        line-height: normal;
        padding-top: .3rem;
    }

    .page.page--lottery .normal_foot {
        display: flex;
        flex-direction: column;
        box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
    }

    .page.page--lottery .normal_foot .loadingMask {
        z-index: 100;
    }

    .page.page--lottery .normal_foot:before {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .page.page--lottery .normal_foot .betInfo {
        padding: 0 .3rem;
        height: .7rem;
        display: flex;
        justify-content: space-between;
        font-size: 85%;
        z-index: auto !important;
        color: #5a576c;
    }

    .page.page--lottery .normal_foot .betInfo>span {
        line-height: normal;
        position: relative;
        display: flex;
        align-items: center;
        z-index: 99;
    }

    .page.page--lottery .normal_foot .betInfo>span em {
        font-style: normal;
        color: #fd8c2b;
        padding: 0 .08rem;
        max-width: 2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: normal;
        font-size: 100%;
    }

    .page.page--lottery .normal_foot .betInfo:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .page.page--lottery .normal_foot .betInfo span.prize {
        transition: all .2s;
    }

    .page.page--lottery .normal_foot .betInfo span.prize span {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_foot .betInfo span.prize .prizes {
        padding-left: .1rem;
        color: #C32D37;
    }

    .page.page--lottery .normal_foot .betInfo span.prize .prizes i {
        padding-left: .1rem;
    }

    .page.page--lottery .normal_foot .betInfo span.prize:active {
        opacity: .8;
    }

    .page.page--lottery .normal_foot .betInfo span.clear {
        z-index: 101;
    }

    .page.page--lottery .normal_foot .betCtrl {
        padding: 0 .3rem;
        height: 1rem;
        display: flex;
        line-height: normal;
        font-size: 80%;
        position: relative;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple {
        padding-right: .2rem;
        margin-right: .4rem;
        display: flex;
        align-items: center;
        position: relative;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn {
        padding: 0.09rem 0.2rem;
        font-size: 120%;
        transition: all .2s;
        background: #fff;
        border-radius: 50%;
        border: .01rem solid #c5c1d3;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn.fe-icon-plus:before {
        content: '+';
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn.disable {
        pointer-events: none;
        color: #ccc;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .ctrlbtn:active {
        opacity: .8;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .multipleNum {
        width: 1.4rem;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        padding: .15rem .1rem;
        height: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple .multipleNum:active {
        opacity: .8;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple i {
        height: 1.45em;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }

    .page.page--lottery .normal_foot .betCtrl .multiple i:before {
        border-color: rgba(0, 0, 0, 0.3);
    }

    .page.page--lottery .normal_foot .betCtrl .selection {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 110%;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div {
        flex: 0 0 50%;
        padding: 0.25rem 0 .25rem 0.1rem;
        display: inline-block;
        background-color: #fff0e4;
        border-radius: 1rem;
        line-height: 1.1em;
        position: relative;
        transition: all .2s;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #6b5c5c;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div.disable {
        opacity: .5;
        pointer-events: none;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div:active {
        opacity: .8;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div:first-child {
        flex: 0 0 44%;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div>span {
        padding: 0 .2rem;
    }

    .page.page--lottery .normal_foot .betCtrl .selection>div>i {
        position: absolute;
        font-size: 90%;
        right: -.05em;
        top: -.1em;
        background-color: unset;
        border-radius: 100%;
        padding: .1em;
        display: none;
    }

    .page.page--lottery .normal_foot .betCtrl .secondCtrl {
        position: absolute;
        height: 1rem;
        top: 0;
        left: 0;
        right: 0;
        background-color: #987d7b;
        z-index: 102;
        padding: 0 .3rem;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput span {
        display: flex;
        white-space: nowrap;
        margin-right: .2rem;
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput input {
        border: none;
        outline: none;
        background: none;
        padding: .1rem .2rem;
        font-size: 120%;
        width: 3em;
        margin-right: .2rem;
        border-radius: 5px;
        color: #333;
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput input.error {
        -webkit-animation: errorflash .6s;
        animation: errorflash .6s;
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput>div {
        flex: 1;
        display: flex;
        justify-content: space-between;
        padding-left: .3rem;
    }

    .page.page--lottery .normal_foot .betCtrl .multipleInput>div .button {
        flex: 0 0 46%;
        padding: .15rem 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1em;
        position: relative;
        box-sizing: content-box;
    }

    .page.page--lottery .normal_foot .betCtrl .modeInput {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_foot .betCtrl .modeInput ul {
        display: flex;
        flex: 1;
    }

    .page.page--lottery .normal_foot .betCtrl .modeInput ul li {
        flex: 1;
        height: 1em;
        background-color: #e4e4e4;
        color: #333;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .15rem .1rem;
        border-radius: 5px;
    }

    .page.page--lottery .normal_foot .betCtrl .modeInput ul li+li {
        margin-left: .15rem;
    }

    .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
        background-color: #C32D37;
        color: #fff;
    }

    .page.page--lottery .normal_foot .betCtrl .rebateInput {
        display: flex;
        align-items: center;
    }

    .page.page--lottery .normal_foot .betCtrl .rebateInput>span {
        margin-right: .3rem;
        font-size: 110%;
        color: #333;
    }

    .page.page--lottery .normal_foot .betCtrl .rebateInput>div {
        flex: 1;
    }

    .page.page--lottery .normal_foot .betCtrl .rebateInput .button {
        padding: .15rem .5rem;
        margin-left: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1em;
        box-sizing: content-box;
        background: #ee8e53;
    }

    .page.page--lottery .normal_foot .betOKBtn {
        height: 1rem;
        display: flex;
        line-height: normal;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart {
        flex: 0 0 100%;
        display: flex;
        color: #333;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart>div {
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart>div:before {
        padding-right: .1rem;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart>div:active {
        opacity: .7;
        background-color: #fafafa;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
        flex: 0 0 25%;
        color: #6d697f;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span {
        position: relative;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i {
        position: absolute;
        top: -.12rem;
        right: -.17rem;
        font-size: .25rem;
        width: .35rem;
        height: .35rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: transparent;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
        color: #0a496a;
        position: absolute;
        font-size: 0.45rem;
        z-index: -1;
        opacity: .8;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart {
        flex: 0 0 25%;
        position: relative;
        color: #6d697f;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart i {
        height: 1.3em;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none;
    }

    .page.page--lottery .normal_foot .betOKBtn .lotteryCart .addToCart i:before {
        border-color: rgba(0, 0, 0, 0.3);
    }

    .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
        flex: 0 0 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #C32D37;
        color: #fff;
        transition: all .2s;
    }

    .page.page--lottery .normal_foot .betOKBtn .onkeyBet:active {
        opacity: .6;
    }

    .page.page--lottery .pk_bet {
        display: flex;
        background-color: #fff !important;
        font-size: 85%;
    }

    .page.page--lottery .pk_bet>.loadingMask {
        z-index: 100;
    }

    .page.page--lottery .pk_bet .playMain {
        padding: 0.1rem 0.2rem .2rem;
        line-height: normal;
    }

    .page.page--lottery .pk_bet .playMain .ballgroup+.ballgroup {
        margin-top: .2rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard+.ballCard {
        margin-top: .2rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .tit {
        background-color: #ffcbbd;
        border-radius: 3px;
        padding: .1rem 0;
        text-align: center;
        color: #6b574e;
        margin-top: 0.3rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .tit:first-child {
        margin-top: .1rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .con {
        display: flex;
        flex-wrap: wrap;
        margin-top: .1rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard:first-child.notit {
        margin-top: -0.2rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.notit {
        margin-top: 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.notit .con {
        margin-top: 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball {
        box-sizing: border-box;
        /* border: solid transparent; */
        background-clip: content-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0.2rem 0.14rem 0rem 0.1rem;
        background-color: #ffeaea;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball>em {
        transition: color .2s;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball>em {
        font-size: 80%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected_menu {
        background: #DC7C49;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball:before {
        transition: background .2s, color .2s;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang {
        flex: 0 0 21.7%;
        height: 1rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
        border-radius: 7px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
            border-radius: 3px;
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3),
    only screen and (min-device-pixel-ratio: 3),
    only screen and (min-resolution: 3dppx) {
        .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang:before {
            border-radius: 3px;
        }
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang.selected:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.fang.selected:before {
        border-radius: 3px;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan {
        width: 1.3rem;
        height: 1.3rem;
        border-radius: 50%;
        margin: 0.2rem 0.1rem 0rem 0.1rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan>span {
        font-size: 110%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan:before {
        border-radius: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan.selected:after {
        border-radius: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.yuan.small {
        flex: 0 0 16.66666666666667%;
        height: calc((100vw - 0.6rem) / 6 - 0.3rem);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>span {
        color: inherit;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
        color: #1f6488;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.default:before {
        border-color: #E0E0E0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
        background-color: #C32D37;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red>span {
        color: #d00000;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red>em {
        color: rgba(208, 0, 0, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red:before {
        border-color: #d00000;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-red.selected:before {
        background-color: #d00000;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green>span {
        color: #2b902a;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green>em {
        color: rgba(43, 144, 42, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green:before {
        border-color: #2b902a;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-green.selected:before {
        background-color: #2b902a;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue>span {
        color: #0b71bc;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue>em {
        color: rgba(11, 113, 188, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue:before {
        border-color: #0b71bc;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.lhc-pk-blue.selected:before {
        background-color: #0b71bc;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball:before {
        border-color: #E0E0E0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang {
        flex: 0 0 20%;
        height: calc((100vw - 0.6rem) / 5 - 0.3rem);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang:before {
        border-radius: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball~.fang.selected:after {
        border-radius: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
        color: #1f6488;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>span {
        position: relative;
        color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .13rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>span:after {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #959595;
        color: #fff;
        padding: .05rem;
        border-radius: 3px;
        transition: background .2s, color .2s;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-1>span:after {
        content: '\e805';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-2>span:after {
        content: '\e806';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-3>span:after {
        content: '\e810';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-4>span:after {
        content: '\e80f';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-5>span:after {
        content: '\e80e';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.k3-pk-ball-6>span:after {
        content: '\e80d';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected>span:after {
        color: #777;
        background-color: #fff;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
        background-color: #C32D37;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai {
        flex: 0 0 33.3333333333333%;
        height: auto;
        min-height: 1.3rem;
        padding: .2rem 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou:before,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai:before {
        border-color: #E0E0E0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball {
        flex: 0 0 33.3333333333333%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball:before,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball:before {
        border-color: #E0E0E0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
        color: #1f6488;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected>em,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected>em {
        color: #fff;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
        background-color: #C32D37;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
        color: #1f6488;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div {
        display: flex;
        margin: .13rem 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div>span {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #959595;
        color: #fff;
        padding: .05rem;
        border-radius: 3px;
        transition: background .2s, color .2s;
        margin: 0 .05rem;
        font-size: 110%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>div>span:after {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-1>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-1>div>span:after {
        content: '\e805';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-2>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-2>div>span:after {
        content: '\e806';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-3>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-3>div>span:after {
        content: '\e810';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-4>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-4>div>span:after {
        content: '\e80f';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-5>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-5>div>span:after {
        content: '\e80e';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.k3-pk-ball-6>div>span:after,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.k3-pk-ball-6>div>span:after {
        content: '\e80d';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected>div>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected>div>span {
        color: #777 !important;
        background-color: #fff;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
        background-color: #C32D37;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey>span {
        color: #666666;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey>em {
        color: rgba(102, 102, 102, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey:before {
        border-color: #666666;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-grey.selected:before {
        background-color: #666666;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green>span {
        color: #14bfa4;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green>em {
        color: rgba(20, 191, 164, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green:before {
        border-color: #14bfa4;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-green.selected:before {
        background-color: #14bfa4;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue>span {
        color: #1488c3;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue>em {
        color: rgba(20, 136, 195, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue:before {
        border-color: #1488c3;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-blue.selected:before {
        background-color: #1488c3;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red>span {
        color: #e23264;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red>em {
        color: rgba(226, 50, 100, 0.5);
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red:before {
        border-color: #e23264;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.pcdd-pk-red.selected:before {
        background-color: #e23264;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.w_3f1 {
        flex: 0 0 30%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.w_2f1 {
        flex: 0 0 50%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>span,
    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>em {
        color: #fff !important;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>div>span {
        background-color: #fff;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected>div>span:before {
        content: none;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected:before {
        border: none;
        z-index: -1;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        height: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.selected:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .page.page--lottery .pk_bet .playMain .ballCard .pkball.disable {
        opacity: .5 !important;
        pointer-events: none !important;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang {
        height: auto;
        min-height: 1.3rem;
        padding: .2rem 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.lhc_pk_tema_shengxiao {
        flex: 0 0 50%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.k3_pk_changpai {
        flex: 0 0 33.3333333333333%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.k3_pk_changpai>div {
        margin: .13rem 0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div {
        display: flex;
        margin-bottom: .08rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .1rem;
        margin: .1rem .08rem;
        font-size: 90%;
        transition: background .2s, color .2s;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.sx_default {
        color: inherit;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.sx_default:before {
        border-color: #E0E0E0;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball {
        position: relative;
        color: transparent;
        margin: 0 0.1rem;
        padding: 0;
        font-size: 110%;
        width: 1em;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball:before {
        content: none;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball:after {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-color: #959595;
        color: #fff;
        padding: .05rem;
        border-radius: 4px;
        transition: background .2s, color .2s;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-1:after {
        content: '\e805';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-2:after {
        content: '\e806';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-3:after {
        content: '\e810';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-4:after {
        content: '\e80f';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-5:after {
        content: '\e80e';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.k3-pk-ball.k3-pk-ball-6:after {
        content: '\e80d';
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue {
        border-radius: 100%;
        line-height: 1;
        width: 1em;
        padding: .12rem;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red:before,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green:before,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue:before {
        border-radius: 100%;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red {
        color: #d00000;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-red:before {
        border-color: #d00000;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green {
        color: #2b902a;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-green:before {
        border-color: #2b902a;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue {
        color: #0b71bc;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang>div>span.lhc-pk-blue:before {
        border-color: #0b71bc;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
        color: #C32D37 !important;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.k3-pk-ball:after {
        background-color: #fff;
        color: #777;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
    .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
        color: #C32D37;
    }

    .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
        border-color: #C32D37;
        background-color: rgba(195, 45, 55, 0.1);
        z-index: -1;
    }

    .page.page--lottery .pk_foot {
        background-color: transparent !important;
        display: flex;
        flex-direction: column;
    }

    .page.page--lottery .pk_foot .countBar {
        height: .65rem;
        font-size: 80%;
        background-color: #a36363;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
        line-height: normal;
        color: #fff;
        padding: 0 0.2rem;
    }

    .page.page--lottery .pk_foot .countBar p {
        max-width: 98%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page.page--lottery .pk_foot .countBar span {
        color: #C32D37;
        padding: 0 .05rem;
        height: 1em;
    }

    .page.page--lottery .pk_foot .amountBar {
        background-color: #fff;
        box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
        height: 1rem;
        padding: 0 0 0 0.3rem;
        font-size: 85%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 99;
    }

    .page.page--lottery .pk_foot .amountBar .amountInput {
        display: flex;
        align-items: center;
        line-height: normal;
        color: #C32D37;
        margin-right: .3rem;
    }

    .page.page--lottery .pk_foot .amountBar .amountInput input {
        border: none;
        outline: none;
        background: none;
        padding: .1rem 0.2rem;
        font-size: 110%;
        color: #9d5257;
        width: 1rem;
        background-color: rgba(195, 45, 55, 0.05);
        border-radius: .05rem;
        margin: 0 .3rem 0 .1rem;
        text-align: center;
    }

    .page.page--lottery .pk_foot .amountBar .amountInput label {
        color: #656374;
        font-size: 110%;
    }

    .page.page--lottery .pk_foot .amountBar .quickAmounts {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        color: #a496af;
    }

    .page.page--lottery .pk_foot .amountBar .quickAmounts>span {
        padding: .12rem;
        background-color: #ffe5de;
        border-radius: 4px;
        min-width: 1.5em;
        line-height: normal;
        display: inline-block;
        height: 1em;
        vertical-align: middle;
        text-align: center;
        transition: background .2s;
        font-size: 110%;
        margin-right: 0.1rem;
        color: #af8282;
    }

    .page.page--lottery .pk_foot .amountBar .quickAmounts>span:active {
        background-color: #DC7C49;
    }

    .page.page--lottery .pk_foot .amountBar .quickAmounts>span.fe-icon-setting {
        background-color: unset;
        font-size: 160%;
        margin-top: -0.3em;
        margin-left: -0.1rem;
    }

    .page.page--lottery .pk_foot .btnBar {
        background-color: #fff;
        height: 1rem;
        display: flex;
    }

    .page.page--lottery .pk_foot .btnBar .button {
        padding: 0;
        line-height: normal;
        flex: 1;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #EC5353;
    }

    .page.page--lottery .pk_foot .btnBar .button.button--default {
        color: #fff;
        background-color: #b18585;
    }

    .page.page--lottery .pk_foot .btnBar .button.button--default:before {
        border-color: rgba(0, 0, 0, 0.05);
    }

    .lotteryPkConfirmDialog .unityMain {
        width: 90vw;
        height: 70vh;
    }

    .lotteryPkConfirmDialog .unityMain .top {
        z-index: 102 !important;
    }

    .lotteryPkConfirmDialog .CartItem {
        position: relative;
        border-radius: 8px;
        background-color: #fff;
        min-height: 2rem;
        width: calc(90vw - .4rem);
        transition: all .5s;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .lotteryPkConfirmDialog .CartItem+.CartItem {
        margin-top: .15rem;
    }

    .lotteryPkConfirmDialog .CartItem.CartItem-leave-to {
        opacity: 0;
        -webkit-transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
        transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
    }

    .lotteryPkConfirmDialog .CartItem.CartItem-leave-active {
        position: absolute;
    }

    .lotteryPkConfirmDialog .CartItem.countBar {
        background: none;
        height: auto;
        min-height: auto;
    }

    .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine {
        color: inherit;
        padding: .3rem .15rem;
        font-size: 80%;
        word-break: break-all;
    }

    .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
        padding: 0 .05rem;
        color: #0a496a;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        padding: .2rem .3rem .15rem;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .tit {
        line-height: 1;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
        margin-right: .05rem;
        color: #0a496a;
        vertical-align: middle;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .tit span {
        white-space: nowrap;
        max-width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
        color: #0a496a;
        display: inline-block;
        vertical-align: middle;
        padding-left: .1rem;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em i {
        vertical-align: text-top;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn {
        width: .5rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 110%;
        transition: all .2s;
        border-radius: 100%;
        color: #bebebe;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
    .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
        color: #0a496a;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act:before,
    .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active:before {
        content: '\ebd6';
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon {
        flex: 1;
        font-size: 90%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .15rem .3rem .2rem;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput {
        display: inline-block;
        z-index: 101 !important;
        background-color: #fff;
        border-radius: 10rem;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput:before {
        border-radius: 10rem;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input {
        border: none;
        outline: none;
        background: none;
        padding: .1rem;
        color: #777;
        width: 3em;
        border-radius: 4px;
        text-align: center;
        font-size: 100%;
        transition: color .2s;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
        color: #0a496a;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
        word-break: break-all;
        color: #C32D37;
        font-size: 120%;
        font-weight: bold;
        padding: 0 .15rem;
        box-sizing: border-box;
        text-align: center;
    }

    .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(3) {
        text-align: right;
        word-break: break-word;
        text-align: center;
    }

    .lotteryPkConfirmDialog .quickInputAmount {
        position: absolute;
        z-index: 100;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
    }

    .lotteryPkConfirmDialog .quickInputAmount p {
        position: absolute;
        right: .3rem;
        width: 60%;
        display: flex;
        flex-wrap: wrap;
    }

    .lotteryPkConfirmDialog .quickInputAmount p span {
        flex: 0 0 31%;
        margin-bottom: 0.2rem;
        margin-left: 3.5%;
        background-color: #fff;
        box-sizing: border-box;
        border-radius: 10rem;
        text-align: center;
        padding: .1rem;
        font-size: 90%;
        opacity: .8;
    }

    .lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1) {
        margin-left: 0;
    }

    .lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1):nth-last-child(-n + 3),
    .lotteryPkConfirmDialog .quickInputAmount p span:nth-child(3n + 1):nth-last-child(-n + 3)~span {
        margin-bottom: 0;
    }

    .lotteryPkConfirmDialog .quickInputAmount p span:active {
        opacity: 1;
    }

    .lotteryLongDialog .dialog,
    .lotteryLongDialog .unityMain {
        min-width: auto;
        width: 7rem;
    }

    .lotteryLongDialog .unityMain {
        min-height: 4rem;
    }

    .lotteryLongDialog .list {
        border-radius: 5px;
    }

    .lotteryLongDialog .center {
        color: #0a496a !important;
    }

    .lotteryLongDialog .loadingMask {
        z-index: 100 !important;
    }

    .launchBetDialog .QuicklyMain {
        font-size: 14px;
    }

    .launchBetDialog .QuicklyMain .top {
        color: #fff;
        background: #C32D37;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
    }

    .launchBetDialog .QuicklyMain .middle {
        padding: 10px 10px;
        flex: 1;
        position: relative;
        background-color: #f3f3f3;
    }

    .launchBetDialog .QuicklyMain .middle .unityDialogCard .list-item .left {
        min-width: 5em;
        justify-content: flex-end;
    }

    .launchBetDialog .QuicklyMain .middle .unityDialogCard .list-item__center {
        padding: .15rem .1rem .15rem 0;
        min-height: 1rem;
        line-height: inherit;
        word-break: break-all;
        word-wrap: break-word;
    }

    .launchBetDialog .QuicklyMain .dialog_rebate_foot {
        background-color: #fff;
        height: 1rem;
        display: flex;
        z-index: 101 !important;
    }

    .launchBetDialog .QuicklyMain .dialog_rebate_foot span {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
    }

    .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
        background-color: #C32D37;
        color: #fff;
    }

    .setAmountsDialog .dialog,
    .setAmountsDialog .unityMain {
        min-width: auto;
        width: 6rem;
    }

    .setAmountsDialog .unityMain {
        max-height: 80vh;
    }

    .setAmountsDialog .list {
        border-radius: 5px;
    }

    .setAmountsDialog .list .list-item {
        padding-left: .3rem;
    }

    .setAmountsDialog .list .center {
        padding-right: 0;
    }

    .setAmountsDialog .list .center input {
        text-align: center;
        color: #60616c;
    }

    .setAmountsDialog .list .right {
        padding-left: .15rem;
        padding-right: .3rem;
    }

    .setAmountsDialog .list span {
        padding: .12rem .15rem;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        min-width: 1.2em;
        line-height: normal;
        display: inline-block;
        height: 1em;
        vertical-align: middle;
        text-align: center;
        transition: background .2s;
        font-size: 80%;
    }

    .setAmountsDialog .list span+span {
        margin-left: .1rem;
    }

    .setAmountsDialog .list span:active {
        background-color: rgba(0, 0, 0, 0.1);
    }

    .setAmountsDialog .list span.disable {
        opacity: .5;
        pointer-events: none;
    }

    .lotteryMenuDialog .dialog-mask {
        background-color: #00000033;
    }

    .lotteryMenuDialog .dialog {
        min-width: 8.4rem;
        height: 16.2rem;
        top: 14.2rem;
        left: 5.9rem;
    }

    .lotteryMenuDialog>.top {
        border: none;
        line-height: inherit;
        padding: 0;
        height: 1rem;
        background-color: #C32D37;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lotteryMenuDialog>.top span {
        font-size: .36rem;
    }

    .lotteryMenuDialog>.top span:first-child {
        padding-left: .3rem;
    }

    .lotteryMenuDialog>.top span:nth-child(2) {
        color: rgba(255, 255, 255, 0.8);
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 .3rem;
        line-height: 1;
    }

    .lotteryMenuDialog>.top span:nth-child(2):active {
        opacity: .8;
    }

    .lotteryMenuDialog>.top span:before {
        padding-right: .1rem;
    }

    .lotteryMenuDialog .dialog-container {
        border-radius: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .lotteryMenuDialog .dialog-container>.smenu {
        display: flex;
    }

    .lotteryMenuDialog .dialog-container>.smenu .sitem {
        width: 5.7rem;
        height: 16.1rem;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        padding: 0.2rem 0 0.2rem 0.2rem;
        box-sizing: border-box;
        background-color: #F1F1F1;
        padding-bottom: 0.4rem;
    }

    .lotteryMenuDialog .dialog-container>.smenu .sitem div {
        display: block;
        width: 100%;
        margin: .1rem;
    }

    .lotteryMenuDialog .dialog-container>.smenu .sitem span {
        display: flex;
        width: 2.38rem;
        height: 1.1rem;
        justify-content: center;
        align-items: center;
        color: #6e5151;
        font-size: 85%;
        flex-wrap: wrap;
        margin: 0.13rem;
        background-color: #f3dfdc;
        text-align: center;
        line-height: 0.41rem;
        letter-spacing: .02rem;
    }

    .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
        background: linear-gradient(to bottom, #FDA367 0%, #F38E48 100%);
        color: #fff;
    }

    .lotteryMenuDialog .dialog-container>.smenu .slists {
        width: 2.7rem;
        height: 15.7rem;
        padding-bottom: 0.4rem;
    }

    .lotteryMenuDialog .dialog-container>.smenu .slists .all {
        display: flex;
        align-items: center;
        font-size: 85%;
        justify-content: flex-end;
    }

    .lotteryMenuDialog .dialog-container>.smenu .slists .all img {
        width: 0.4rem;
        height: 0.4rem;
        margin: .2rem .2rem .2rem 0.4rem;
    }

    .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle {
        display: flex;
        height: 1rem;
        justify-content: center;
        align-items: center;
        color: #5E5E5E;
        font-size: 90%;
    }

    .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
        background-color: #F48D48;
        color: #fff;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia {
        height: 70vh;
        overflow-y: auto;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method {
        padding: .2rem;
        background-color: #fff;
        border-bottom: 1px solid #C32D37;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method div .label {
        color: #C32D37;
        font-size: 100%;
        font-weight: bold;
        align-items: center;
        height: 1em;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method div .del {
        float: right;
        margin-right: 10px;
        color: #999999;
        font-weight: normal;
        font-size: 12px;
        display: inline-block;
        border: 1px solid #999999;
        border-radius: 3px;
        padding: 2px 10px 2px 10px;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        /* Safari */
        flex-wrap: wrap;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li {
        padding: .1rem;
        margin-right: .15rem;
        margin-bottom: .15rem;
        background-color: #fff;
        color: #777;
        font-size: 80%;
        border: 1px solid #ddd;
        border-radius: 4px;
        position: relative;
        max-width: 2.4rem;
        min-width: 2.4rem;
        text-align: center;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li span {
        position: absolute;
        color: #777;
        top: -8px;
        right: -8px;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method ul li.selected {
        border: 1px solid #C32D37;
        color: #C32D37;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle {
        height: 60vh;
        max-height: 60vh;
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle.pk {
        height: auto;
        min-height: 20vh;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit {
        padding-left: .3rem;
        display: flex;
        align-items: center;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit span {
        line-height: 0;
        margin-left: .2rem;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit:before {
        transition: all 0.2s;
        font-size: 100%;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideTit.current {
        color: #C32D37;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem.expanded .slideTit:before {
        padding-right: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent {
        padding: .25rem .3rem;
        background-color: #f0f0f0;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* {
        display: flex;
        flex-direction: column;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>*+div {
        margin-top: .25rem;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* .label {
        color: #afafaf;
        font-size: 85%;
        display: flex;
        align-items: center;
        height: 1em;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul {
        display: flex;
        flex-wrap: wrap;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li {
        padding: 0 .15rem;
        margin-right: .15rem;
        margin-top: .17rem;
        background-color: #fff;
        color: #C32D37;
        border-radius: 10px;
        font-size: 95%;
        position: relative;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li.selected {
        background-color: #C32D37;
        color: #fff;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li span {
        position: absolute;
        color: #C32D37;
        top: -8px;
        right: -8px;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu {
        display: flex;
        flex-wrap: wrap;
        padding: .3rem;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li {
        flex: 0 0 48%;
        margin-left: 4%;
        margin-bottom: 0.3rem;
        box-sizing: border-box;
        padding: .2rem .3rem;
        border-radius: 10rem;
        font-size: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1) {
        margin-left: 0;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1):nth-last-child(-n + 2),
    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:nth-child(2n + 1):nth-last-child(-n + 2)~li {
        margin-bottom: 0;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.smalltxt {
        font-size: 80%;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li:before {
        border-radius: 10rem;
        box-sizing: content-box;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
        background-color: #C32D37;
        color: #fff;
    }

    .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected:before {
        content: none;
    }

    .lotteryMenuDialog .dialog-container>.top {
        border: none;
        line-height: inherit;
        padding: 0;
        height: 1rem;
        background-color: #C32D37;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .lotteryMenuDialog .dialog-container>.top span {
        font-size: .36rem;
    }

    .lotteryMenuDialog .dialog-container>.top span:first-child {
        padding-left: .3rem;
    }

    .lotteryMenuDialog .dialog-container>.top span:nth-child(2) {
        color: rgba(255, 255, 255, 0.8);
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 .3rem;
        line-height: 1;
    }

    .lotteryMenuDialog .dialog-container>.top span:nth-child(2):active {
        opacity: .8;
    }

    .lotteryMenuDialog .dialog-container>.top span:before {
        padding-right: .1rem;
    }

    .last5issuesActionSheet .action-sheet-button {
        padding: 0 .3rem;
    }

    .last5issuesActionSheet .action-sheet-button.noclick {
        pointer-events: none;
        justify-content: flex-start;
    }

    .last5issuesActionSheet .action-sheet-button.nodata {
        font-size: 80%;
        color: #ccc;
        justify-content: center;
    }

    .last5issuesActionSheet .action-sheet-button ul {
        display: flex;
        flex-direction: row;
        flex: 1;
        margin-left: .3rem;
        justify-content: flex-end;
    }

    .last5issuesActionSheet .action-sheet-button ul li+li {
        margin-left: .1rem;
    }

    .last5issuesActionSheet .action-sheet-button ul li span {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 100%;
        background: #D85725;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: .4rem;
        font-size: 130%;
    }

    .last5issuesActionSheet.cisingcai_header ul li,
    .last5issuesActionSheet.daletou_header ul li,
    .last5issuesActionSheet.qilecai_header ul li,
    .last5issuesActionSheet.shuangseqiu_header ul li {
        margin-left: 0.1rem;
    }

    .last5issuesActionSheet.cisingcai_header ul li span,
    .last5issuesActionSheet.daletou_header ul li span,
    .last5issuesActionSheet.qilecai_header ul li span,
    .last5issuesActionSheet.shuangseqiu_header ul li span {
        width: 0.5rem;
        height: 0.5rem;
        font-size: 100%;
    }

    .last5issuesActionSheet.cisingcai_header ul li:nth-last-child(1) span,
    .last5issuesActionSheet.daletou_header ul li:nth-last-child(1) span,
    .last5issuesActionSheet.qilecai_header ul li:nth-last-child(1) span,
    .last5issuesActionSheet.shuangseqiu_header ul li:nth-last-child(1) span {
        background: #1d77f5 !important;
        color: #fff !important;
    }

    .last5issuesActionSheet.daletou_header ul li:nth-last-child(2) span {
        background: #1d77f5 !important;
        color: #fff !important;
    }

    .lotteryPrizesPopCon {
        padding: .15rem;
        font-size: 80%;
        line-height: 1;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        min-width: 100%;
        min-height: inherit;
        box-sizing: border-box;
    }

    .lotteryPrizesPopCon p {
        height: 1em;
    }

    .lotteryPrizesPopCon p+p {
        padding-top: .1rem;
    }

    .lotteryCartDialog .dialog-container {
        width: 90vw;
        height: 70vh;
        overflow: hidden;
    }

    .lotteryCartDialog.tasking .dialog-container {
        height: 85vh;
    }

    .lotteryCartDialog .CartMain {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .lotteryCartDialog .CartMain .top {
        background: linear-gradient(-45deg, #0a496a 0%, #fff 200%);
        color: #fff;
        height: .9rem;
        background-color: #0a496a;
    }

    .lotteryCartDialog .CartMain .top span {
        padding: 0 .2rem;
        height: 100%;
        display: flex;
        align-items: center;
        float: left;
    }

    .lotteryCartDialog .CartMain .top span.rbtn {
        float: right;
        font-size: 90%;
        transition: color .2s;
    }

    .lotteryCartDialog .CartMain .top span.rbtn:active {
        color: rgba(255, 255, 255, 0.8);
    }

    .lotteryCartDialog .CartMain .middle {
        flex: 1;
        padding-bottom: 1.1rem;
        overflow-y: auto;
        position: relative;
        background-color: #f3f3f3;
        padding: .2rem .2rem 0;
    }

    .lotteryCartDialog .CartMain .middle:after {
        content: '';
        height: 1.1rem;
        display: block;
    }

    .lotteryCartDialog .CartMain .middle .CartItem {
        position: relative;
        border-radius: 8px;
        background-color: #fff;
        min-height: 2rem;
        width: calc(90vw - .4rem);
        transition: all .5s;
        display: flex;
        flex-direction: column;
    }

    .lotteryCartDialog .CartMain .middle .CartItem+.CartItem {
        margin-top: .15rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem:last-child {
        padding-bottom: .7rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem {
        position: static;
        height: auto;
        min-height: auto;
        padding-top: .1rem;
        background: transparent;
        font-size: 80%;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child {
        display: flex;
        align-items: center;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child.nothing {
        font-size: 120%;
        -webkit-animation-delay: .5s;
        animation-delay: .5s;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
        color: rgba(10, 73, 106, 0.6);
        padding: 0 .1rem;
        height: 1em;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) {
        padding-top: .25rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) .button .ons-icon {
        margin-right: .1rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:nth-child(2) .button+.button {
        margin-left: .4rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem.CartItem-enter,
    .lotteryCartDialog .CartMain .middle .CartItem.CartItem-leave-to {
        opacity: 0;
        -webkit-transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
        transform: translateX(-100%) scale3d(0.3, 0.3, 0.3);
    }

    .lotteryCartDialog .CartMain .middle .CartItem.CartItem-leave-active {
        position: absolute;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        padding: .2rem .3rem .15rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
        margin-right: .05rem;
        color: #0a496a;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn {
        width: .5rem;
        height: .5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: 110%;
        transition: all .2s;
        border-radius: 100%;
        color: #bebebe;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
        color: #0a496a;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act:before,
    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active:before {
        content: '\ebd6';
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:before {
        line-height: 0;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__input {
        display: none;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:before {
        content: none;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
        border-color: #C32D37;
        -webkit-transform: translate(-50%, -50%) scale(1) rotate(-45deg);
        transform: translate(-50%, -50%) scale(1) rotate(-45deg);
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon {
        flex: 1;
        font-size: 90%;
        display: flex;
        align-items: center;
        padding: .15rem .3rem .2rem;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:first-child {
        flex: 0 0 60%;
        word-break: break-all;
        color: #0a496a;
        font-size: 120%;
        font-weight: bold;
        padding-right: .15rem;
        box-sizing: border-box;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:nth-child(2) {
        flex: 0 0 40%;
        text-align: center;
        word-break: break-word;
    }

    .lotteryCartDialog .CartMain .middle .CartItem .clickFor {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 100;
    }

    .lotteryCartDialog .CartMain .foot {
        background-color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        color: #5a576c;
        display: flex;
        height: 1.1rem;
    }

    .lotteryCartDialog .CartMain .foot span {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
        color: #333;
    }

    .lotteryCartDialog .CartMain .foot span>i {
        height: 1em;
        padding-right: .08rem;
        line-height: 1;
    }

    .lotteryCartDialog .CartMain .foot span:active {
        color: rgba(51, 51, 51, 0.7);
        background-color: #f0f0f0;
    }

    .lotteryCartDialog .CartMain .foot span:last-child {
        background-image: linear-gradient(-45deg, #0a496a 0%, #fff 200%);
        background-color: #0a496a;
        color: #fff;
    }

    .lotteryCartDialog .CartMain .foot span:last-child:active {
        color: rgba(255, 255, 255, 0.8);
        background-image: linear-gradient(-45deg, rgba(10, 73, 106, 0.8) 0%, #fff 200%);
        background-color: rgba(10, 73, 106, 0.8);
    }

    .lotteryCartDialog .CartMain .foot span.disable {
        pointer-events: none;
        opacity: .5;
    }

    .lotteryCartDialog.task .top {
        background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        background-color: #C32D37;
    }

    .lotteryCartDialog.task .middle .CartItem.select {
        box-shadow: 0 0 8px rgba(195, 45, 55, 0.5);
        transition: all .2s;
    }

    .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
        color: #c87d82;
    }

    .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
        color: #C32D37;
    }

    .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
        color: #c87d82;
    }

    .lotteryCartDialog.task .foot span:last-child {
        background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        background-color: #C32D37;
    }

    .lotteryCartDialog.task .foot span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
        background-color: rgba(195, 45, 55, 0.9);
    }

    .lotteryCartDialog .TaskMain .top {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lotteryCartDialog .TaskMain .top .info {
        height: .9rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .lotteryCartDialog .TaskMain .top .info p {
        padding: 0 .1rem 0 .2rem;
        font-size: 80%;
    }

    .lotteryCartDialog .TaskMain .top .info p em {
        padding: 0 .1rem;
    }

    .lotteryCartDialog .TaskMain .top .normalTabs {
        position: relative;
        height: .8rem;
        background-color: #fff;
        color: #333;
    }

    .lotteryCartDialog .TaskMain .top .normalTabs ul {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .lotteryCartDialog .TaskMain .top .normalTabs ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: .36rem;
    }

    .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
        color: #C32D37;
    }

    .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        z-index: 101;
        background-color: #C32D37;
        transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
    }

    .lotteryCartDialog .TaskMain .middle {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .lotteryCartDialog .TaskMain .middle:after {
        content: '';
        height: 1.75rem;
        display: block;
        flex: 0 0 1.75rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 0 .3rem .2rem .3rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea {
        padding-top: .2rem;
        display: flex;
        font-size: 80%;
        align-items: center;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div {
        display: flex;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        transition: opacity .2s;
        padding: .2rem;
        flex: 1;
        justify-content: space-between;
        height: calc(1em + .1rem);
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div:active {
        opacity: .8;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div label {
        display: flex;
        align-items: center;
        white-space: nowrap;
        color: #555;
        line-height: 1;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div span {
        display: flex;
        align-items: center;
        white-space: nowrap;
        padding: 0 .1rem 0 .2rem;
        justify-content: center;
        line-height: 1;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div span input {
        width: 100%;
        background: none;
        outline: none;
        border: none;
        text-align: right;
        padding: 0;
        color: inherit;
        line-height: inherit;
        text-overflow: ellipsis;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div span input+em {
        padding-left: .05rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div+div {
        margin-left: .25rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox:active {
        opacity: 1;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox>span {
        padding: 0 .3rem 0 .1rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox .checkbox {
        width: .4rem;
        height: .4rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.ischeckbox .checkbox .checkbox--material__checkmark:before {
        border-width: 1px;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb {
        background: none;
        padding: 0;
        pointer-events: none;
        flex: 3;
        height: auto;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb:active {
        opacity: 1;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div {
        pointer-events: auto;
        display: flex;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 5px;
        transition: opacity .2s;
        padding: .2rem;
        flex: 1;
        justify-content: space-between;
        height: calc(1em + .1rem);
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div:active {
        opacity: .8;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div+div {
        margin-left: .25rem;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex1 {
        flex: 0.2;
        justify-content: center;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex1 span {
        padding: 0;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex2 {
        flex: 0.7;
        justify-content: center;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.comb>div.flex2 span {
        padding: 0;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
        background-color: rgba(195, 45, 55, 0.7);
        justify-content: center;
    }

    .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn>label {
        color: #fff;
    }

    .lotteryCartDialog .TaskMain .middle .ons-swiper {
        flex: 1;
    }

    .lotteryCartDialog .TaskMain .middle .ons-swiper .ons-swiper-target ons-carousel-item {
        overflow-y: auto;
    }

    .lotteryCartDialog .TaskMain .foot {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .lotteryCartDialog .TaskMain .foot .footcount {
        font-size: 85%;
        padding: 0 .2rem;
        height: .65rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.1);
    }

    .lotteryCartDialog .TaskMain .foot .footcount em {
        padding: 0 .1rem;
        color: #C32D37;
    }

    .lotteryCartDialog .TaskMain .foot .footbtn {
        height: 1.1rem;
        display: flex;
    }

    .lotteryCartDialog .TaskMain .tasktable {
        border: none;
        background-color: #fff;
        font-size: 90%;
        table-layout: fixed;
        width: 100%;
    }

    .lotteryCartDialog .TaskMain .tasktable td,
    .lotteryCartDialog .TaskMain .tasktable th {
        padding: .25rem .1rem;
        text-align: center;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
    }

    .lotteryCartDialog .TaskMain .tasktable td:first-child,
    .lotteryCartDialog .TaskMain .tasktable th:first-child {
        text-align: right;
    }

    .lotteryCartDialog .TaskMain .tasktable thead tr {
        background-color: rgba(0, 0, 0, 0.07);
    }

    .lotteryCartDialog .TaskMain .tasktable thead tr th {
        padding: .15rem .1rem;
    }

    .lotteryCartDialog .TaskMain .tasktable tbody tr td>input {
        width: 80%;
        background: none;
        outline: none;
        border: none;
        text-align: center;
        padding: 0;
        color: inherit;
        line-height: inherit;
        text-overflow: ellipsis;
    }

    .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
        color: #C32D37;
    }

    .lotteryCartDialog .TaskMain .tasktable tbody tr td:last-child {
        pointer-events: none;
    }

    .lotteryCartDialog .TaskMain .tasktable tbody tr td .checkbox {
        pointer-events: none;
    }

    .lotteryCartDialog .TaskMain .tasktable tbody tr:nth-child(even) {
        background-color: rgba(0, 0, 0, 0.02);
    }

    .lotteryCartDialog .TaskMain .tasktable .checkbox {
        width: .4rem;
        height: .4rem;
    }

    .lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__input:before {
        content: none;
    }

    .lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__checkmark:before {
        border-width: 1px;
    }

    .lotteryCartDialog .TaskMain .tasktable .checkbox .checkbox--material__checkmark:after {
        transition-delay: 0s;
    }

    .lotteryCartDialog .TaskMain .loadingMask {
        z-index: 101;
    }

    .lotteryQuicklyDialog .dialog-container {
        width: 85vw;
        min-height: 10vh;
        max-height: 70vh;
        overflow: hidden;
    }

    .lotteryQuicklyDialog .QuicklyMain {
        width: 100%;
        min-height: inherit;
        max-height: inherit;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .lotteryQuicklyDialog .top {
        background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        color: #fff;
        height: .9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #C32D37;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 101 !important;
    }

    .lotteryQuicklyDialog .middle {
        flex: 1;
        overflow-y: auto;
        position: relative;
        background-color: #f3f3f3;
        padding: 1.1rem .2rem 0;
    }

    .lotteryQuicklyDialog .middle:after {
        content: '';
        height: 1.3rem;
        display: block;
    }

    .lotteryQuicklyDialog .middle .QuickItem {
        min-height: 2rem;
        border-radius: 8px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        padding: .2rem .3rem .15rem;
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
        margin-right: .05rem;
        color: #C32D37;
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon {
        flex: 1;
        font-size: 90%;
        display: flex;
        align-items: center;
        padding: .15rem .3rem .2rem;
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
        flex: 0 0 60%;
        word-break: break-all;
        color: #c87d82;
        font-size: 120%;
        font-weight: bold;
        padding-right: .15rem;
        box-sizing: border-box;
    }

    .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:nth-child(2) {
        flex: 0 0 40%;
        text-align: center;
        word-break: break-all;
    }

    .lotteryQuicklyDialog .middle .shareRate {
        margin-top: .2rem;
        font-size: 80%;
        background-color: rgba(0, 0, 0, 0.05);
        min-height: auto;
        overflow: hidden;
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemTit {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemCon {
        align-items: flex-start;
        padding: 0;
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul {
        flex: 1;
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li {
        display: flex;
        justify-content: space-between;
        padding: .25rem .45rem;
        transition: all .2s;
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li:active {
        background-color: #fff;
    }

    .lotteryQuicklyDialog .middle .shareRate .QuickItemCon ul li:last-child:before {
        content: none;
    }

    .lotteryQuicklyDialog .middle .matter {
        text-align: center;
    }

    .lotteryQuicklyDialog .middle .matter>div {
        position: relative;
        margin-bottom: .2rem;
    }

    .lotteryQuicklyDialog .middle .matter>div:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.2);
        display: block;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .lotteryQuicklyDialog .middle .matter>div:after {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 3) {
        .lotteryQuicklyDialog .middle .matter>div:after {
            -webkit-transform: scaleY(0.33);
            transform: scaleY(0.33);
        }
    }

    .lotteryQuicklyDialog .middle .matter>div span {
        color: #c32d69;
        background-color: #f3f3f3;
        padding: 0 .15rem;
    }

    .lotteryQuicklyDialog .middle .matter p {
        text-align: left;
    }

    .lotteryQuicklyDialog .middle .matter p+p {
        padding-top: .1rem;
    }

    .lotteryQuicklyDialog .middle .tips {
        padding-top: .2rem;
        font-size: 80%;
        line-height: 1.3;
        opacity: .8;
    }

    .lotteryQuicklyDialog .bottom {
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1.1rem;
        display: flex;
        z-index: 101 !important;
    }

    .lotteryQuicklyDialog .bottom>span {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
        flex: 1;
    }

    .lotteryQuicklyDialog .bottom>span:active {
        color: rgba(51, 51, 51, 0.7);
        background-color: #f0f0f0;
    }

    .lotteryQuicklyDialog .bottom>span:nth-child(2) {
        color: #c32d69;
    }

    .lotteryQuicklyDialog .bottom>span:last-child {
        background-image: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        background-color: #C32D37;
        color: #fff;
    }

    .lotteryQuicklyDialog .bottom>span:last-child:active {
        color: rgba(255, 255, 255, 0.8);
        background-image: linear-gradient(-45deg, rgba(195, 45, 55, 0.9) 0%, #fff 200%);
        background-color: rgba(195, 45, 55, 0.9);
    }

    .lotteryQuicklyDialog.share .top {
        background: linear-gradient(-45deg, #c32d69 0%, #fff 200%);
        background-color: #c32d69;
    }

    .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
        color: #c32d69;
    }

    .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
        color: #c87d9b;
    }

    .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
        color: #C32D37;
    }

    .lotteryQuicklyDialog.share .bottom>span:last-child {
        background-image: linear-gradient(-45deg, #c32d69 0%, #fff 200%);
        background-color: #c32d69;
    }

    .lotteryQuicklyDialog.share .bottom>span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(195, 45, 105, 0.8) 0%, #fff 200%);
        background-color: rgba(195, 45, 105, 0.8);
    }

    .shareOrderRate .alert-dialog-content--select {
        background-color: #c94278;
    }

    .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #c94278;
    }

    @-webkit-keyframes errorflash {
        0% {
            background-color: #ffc5c5;
        }

        25% {
            background-color: #ff6d6d;
        }

        50% {
            background-color: #ffc5c5;
        }

        75% {
            background-color: #ff6d6d;
        }

        100% {
            background-color: #ffc5c5;
        }
    }

    @keyframes errorflash {
        0% {
            background-color: #ffc5c5;
        }

        25% {
            background-color: #ff6d6d;
        }

        50% {
            background-color: #ffc5c5;
        }

        75% {
            background-color: #ff6d6d;
        }

        100% {
            background-color: #ffc5c5;
        }
    }

    .lotteryListDialog .dialog {
        width: 95%;
        background-color: #ffffffe6;
        border-radius: .3rem;
    }

    .lotteryListDialog .dialog .dialog-container {
        background-color: transparent;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list {
        height: 75vh;
        overflow-y: scroll;
        padding: 15px 10px;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
        font-weight: bold;
        color: #C32D37;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div ul {
        display: flex;
        flex-wrap: wrap;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div ul li {
        font-size: 90%;
        margin: 5px 0;
        display: flex;
        width: 33.3%;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div ul li:nth-child(3n) {
        justify-content: flex-end;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div ul li:nth-child(3n-1) {
        justify-content: center;
    }

    .lotteryListDialog .dialog .dialog-container .lottery_list div ul li span {
        text-align: center;
        min-width: 2.5rem;
        padding: 5px;
        border-radius: .1rem;
        color: #60616c;
        border: 1px solid #e3e3e3;
        background-color: #ffffff80;
    }

    article {
        height: calc(100vh - 0.88rem);
        overflow-y: auto;
    }

    article .button {
        margin-top: 0.3rem;
        height: 1rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10rem;
    }

    article .link {
        color: #C32D37;
    }

    .help-list .list {
        background-image: none;
    }

    .help-list .list .list-header {
        height: 0.85rem;
        line-height: 0.85rem;
        font-size: 0.36rem;
        color: #C32D37;
        background: #edf0f3;
        font-weight: 700;
    }

    .help-list .list .list-item {
        border-bottom: 1px solid #edf0f3;
    }

    .help-list .list .list-item .list-item__center {
        background-image: none;
        padding-right: 0;
    }

    .help-list .list .list-item .list-item__center a {
        text-decoration: none;
        color: #333;
        font-size: 0.36rem;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .help-center h3 {
        font-size: 0.4rem !important;
        color: #C32D37;
        padding: 0.32rem;
    }

    .help-center h5 {
        font-size: 0.38rem !important;
        height: 0.72rem;
        line-height: 0.72rem;
        background: #C32D37;
        color: #fff;
        padding-left: 0.25rem;
    }

    .help-center p {
        font-size: 0.36rem;
        color: #777;
        padding: 0.1rem 0.2rem 0 0.2rem;
        line-height: 0.5rem;
    }

    .help-center p span {
        border-radius: 100%;
        width: 0.36rem;
        font-size: 0.36rem;
        height: 0.36rem;
        line-height: 0.36rem;
        text-align: center;
        color: #fff;
        display: inline-block;
        margin-right: 0.05rem;
        background-color: #C32D37;
    }

    .help-center p img {
        width: 100%;
    }

    .help-center .list-header {
        font-size: 0.38rem;
        height: 0.80rem;
        line-height: 0.80rem;
    }

    .help-center .list:first-child {
        margin-top: 0.4rem;
    }

    .help-center ul li p:before {
        padding: 0 0.12rem;
        content: '\e9ab';
        padding-left: 0.1rem;
        font-family: 'fontello';
        font-style: normal;
        font-weight: normal;
        speak: none;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .help-center dl {
        margin-top: 0.1rem;
        padding-bottom: 0.1rem;
    }

    .help-center dl dt {
        font-weight: bold;
        font-size: 0.32rem;
        padding: 0.2rem;
        color: #777;
    }

    .help-center dl dd {
        padding-left: 0.3rem;
        display: flex;
        align-items: center;
    }

    .help-center dl dd:before {
        content: '';
        height: 0.1rem;
        width: 0.1rem;
        background-color: #777;
        margin-right: 0.1rem;
    }

    .help-center dl dd+dd {
        padding-top: 0.2rem;
    }

    .help-center dl dd a {
        text-decoration: none;
        color: #C32D37;
        font-size: 0.36rem;
        padding: 0.1rem 0;
    }

    .help-center strong {
        color: #C32D37;
    }

    .help-center table {
        margin: 0.2rem 0;
    }

    .help-center table.helptable {
        border-spacing: 0;
        border-collapse: collapse;
    }

    .help-center table.helptable th {
        font-weight: bold;
    }

    .help-center table.helptable th,
    .help-center table.helptable td {
        background-color: transparent;
        padding: 0.05rem 0.2rem;
        border: 1px solid #777777;
        text-align: center;
        vertical-align: middle;
        color: #777;
        box-sizing: border-box;
        word-break: break-all;
    }

    .help-center table.helptable thead th {
        color: #000000;
        background-color: #eaeaea;
        padding: 0.2rem;
    }

    .help-center table.moremargin {
        width: 100%;
        margin: 0.5rem 0;
    }

    .help-center table.table4 {
        width: 100%;
    }

    .help-center table.table4 td {
        padding: 0.2rem 0;
    }

    .help-center .expandable-content table {
        margin: 0;
    }

    .help-center .expandable-content table thead th:nth-child(1) {
        width: 1.4rem;
    }

    .help-center .expandable-content table thead th:nth-child(2) {
        width: 5rem;
    }

    .help-center .expandable-content table tbody td {
        text-align: left;
    }

    .help-center .button {
        margin: 0.1rem 0.05rem;
        transition-duration: 0.2s;
    }

    .help-center .button--outline {
        border: 1px solid #C32D37;
        width: auto;
        display: inline-block;
        padding: 0 0.25rem;
        border-radius: 0.2rem;
        height: 1rem;
        line-height: 1rem;
        color: #a68f4c;
    }

    .help-center .primary {
        color: #fff;
        background-color: #C32D37;
        border-color: #C32D37;
    }

    .help-center .large {
        margin: 0.2rem auto;
        width: 95%;
        background: #a68f4c;
    }

    .GlobalBottomBar {
        height: 1.4rem;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        white-space: nowrap;
        background: #773434;
        box-sizing: border-box;
        flex-direction: row;
        /* box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05); */
    }

    .GlobalBottomBar:before {
        border-color: rgba(0, 0, 0, 0.15);
    }

    .GlobalBottomBar>div {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-size: 100%;
        color: #f2c3c3;
        border-radius: 90%;
        font-weight: 500;
    }

    .GlobalBottomBar>div .ons-icon {
        line-height: inherit !important;
        font-size: 0.8rem;
        font-weight: bold;
        vertical-align: inherit;
        width: 0.6rem;
        height: 0.6rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: 100%;
        margin: .09rem 0 .09rem;
    }

    .GlobalBottomBar>div .ons-icon:before {
        line-height: 0 !important;
    }

    .GlobalBottomBar>div.activity {
        color: #FFD230;
    }

    .GlobalBottomBar .bottomIndex {
        background-image: url(/template/fubang2/images/ico/home.svg?v0828);
        background-size: 136% !important;
        background-position: -5px -5px;
    }

    .GlobalBottomBar .bottomAct {
        background-image: url(/template/fubang2/images/ico/activety.svg?v0828);
    }

    .GlobalBottomBar .bottomDeposit {
        background-image: url(/template/fubang2/images/ico/wallet.svg?v0828);
    }

    .GlobalBottomBar .bottomChat {
        background-image: url(/template/fubang2/images/ico/message.svg?v0828);
        background-size: 100% !important;
        background-position: 0px 0px;
    }

    .GlobalBottomBar .bottomMy {
        background-image: url(/template/fubang2/images/ico/my.svg?v0828);
    }

    .GlobalBottomBar span {
        font-size: 90%;
    }

    .trend-st-list {
        display: flex;
        flex-direction: column;
        padding: .2rem;
    }

    .trend-st-list .trend-st-item {
        min-height: 40px;
        display: flex;
        flex-direction: row;
    }

    .trend-st-list .trend-st-item>div:nth-child(1) {
        min-width: 65px;
        flex-basis: 65px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .3rem;
    }

    .trend-st-list .trend-st-item>div:nth-child(2) {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        flex: auto;
        align-items: center;
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .trend-st-list .trend-st-item>div:nth-child(2)>div {
        width: 17.5%;
        min-height: .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #cccccc;
        border-radius: 3px;
        text-align: center;
        font-size: .3rem;
        margin-left: 1.1%;
        margin-bottom: .15rem;
    }

    .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
        border: 0;
        background-color: #C32D37;
        color: #ffffff;
    }

    .history_line {
        overflow: hidden;
        height: 100%;
        color: #777 !important;
    }

    .history_line .td-page {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        font-size: .2rem;
        background: #fff;
    }

    .history_line .td-page .td-nav {
        min-height: 35px;
        flex-basis: 35px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        /* background: #2A273A; */
        margin-top: .15rem;
        margin-bottom: 0.1rem;
    }

    .history_line .td-page .td-nav>div:nth-child(1) {
        width: 40%;
        font-size: .35rem;
        color: #C32D37;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding-left: 0.3rem;
    }

    .history_line .td-page .td-nav>div:nth-child(2) {
        width: 60%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        font-size: .33rem;
    }

    .history_line .td-page .td-nav>div:nth-child(2)>div {
        margin-right: 6px;
        border: 1px solid #C32D37;
        border-radius: .05rem;
        color: #C32D37;
        width: 1.15rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 0.63rem;
        font-size: 95%;
        padding-top: .06rem;
        align-content: center;
    }

    .history_line .td-page .td-nav>div:nth-child(2)>div active {
        background-color: #ee674b;
        color: #ffffff;
    }

    .history_line .td-page .td-nav>div:nth-child(2)>div.active {
        background-color: #C32D37;
        color: #ffffff;
    }

    .history_line .td-page .td-nav>div>div:last-child {
        border: 0 !important;
        background-color: unset !important;
        width: 0.5rem;
        font-size: 150%;
        color: #C2BDD7 !important;
    }

    .history_line .td-page .trend-table-c {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
        flex-grow: 1;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item-title {
        border-top: 1px solid #f2ebeb;
        background-color: #f1f1f1;
        border-bottom: 0 !important;
        min-height: 32px;
        flex-basis: 32px;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #f2ebeb;
        height: 32px;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item .fTable {
        width: 100%;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item .fTable td {
        border-left: 1px solid #f2ebeb;
        border-bottom: 1px solid #f2ebeb;
        line-height: 32px;
        text-align: center;
        height: 32px;
        width: 9%;
        font-size: .32rem;
        background: #fbf5ef;
        color: #736d7e;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item .fTable td span {
        line-height: 32px;
        text-align: center;
        height: 32px;
        display: inline-block;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item .fTable td span:last-child {
        border-right: none;
    }

    .history_line .td-page .trend-table-c .ssc-td-table-item .fTable td:nth-child(1) {
        min-width: 55px;
        max-width: 55px;
        width: 55px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        font-weight: bold;
        flex-grow: 0;
        flex-basis: 55px;
        font-size: .32rem;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c {
        flex-grow: 1;
        overflow-y: scroll;
        overflow-x: hidden;
        position: relative;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c #line_canvas {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c table {
        width: 100%;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c table td {
        border-left: 1px solid #f2ebeb;
        border-bottom: 1px solid #f2ebeb;
        line-height: 32px;
        text-align: center;
        height: 32px;
        width: 9%;
        font-size: .32rem;
        color: #736d7e;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
        background: #C32D37;
        color: #fff;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        line-height: 22px;
        display: inline-block;
        font-size: .32rem;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c table .open_ball_num {
        position: relative;
        z-index: 2;
    }

    .history_line .td-page .trend-table-c .ssc-td-content-c table td:nth-child(1) {
        min-width: 55px;
        max-width: 55px;
        width: 55px;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        font-weight: bold;
        flex-grow: 0;
        flex-basis: 55px;
        font-size: .32rem;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c {
        border-left: 0px solid #f2ebeb;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable {
        width: 100%;
        border-top: 0px solid #f2ebeb;
        background-color: #f2f2f299;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr td {
        border-left: 1px solid #f2ebeb;
        border-bottom: 1px solid #f2ebeb;
        line-height: 32px;
        text-align: center;
        height: 32px;
        width: 9%;
        font-size: .32rem;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr td:nth-child(1) {
        flex-grow: 0;
        min-width: 55px;
        max-width: 55px;
        width: 55px;
        flex-basis: 55px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border-left: none;
        font-size: .32rem;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(1) {
        color: red;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(2) {
        color: #e76b10;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(3) {
        color: #578c49;
    }

    .history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr:nth-child(4) {
        color: #ec6f2d;
    }

    .page.page--userCenter .page__background {
        background-color: #fff;
    }

    .page.page--userCenter .page__content {
        padding-top: 1.2rem;
    }

    .page.page--userCenter .page__content .onePageSlideItem {
        margin-top: -1.2rem;
        background: #fff;
    }

    .page.page--userCenter .page__content .onePageSlideItem .tips {
        color: #5e5b71;
    }

    .page.page--userCenter .page__content .onePageSlideItem .modeSel {
        color: #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        font-size: 90%;
    }

    .page.page--userCenter .page__content .onePageSlideItem .modeSel span {
        margin-left: .1rem;
        font-weight: initial;
        margin-right: 0.2rem;
        font-size: 130%;
        display: flex;
        align-items: center;
        color: #fdc73b;
        /* &:before {
                        content: '.';
                        width: 0.7rem;
                        height: 0.7rem;
                        background-image: url(/template/fubang2/images/ico/rmb-mode2.png);
                        background-size: 100% 100%;
                        display: block;
                        color: transparent;
                        margin-right: .08rem;
                    }*/
    }

    .page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency {
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 100%;
        cursor: pointer;
        padding: 0.23rem 0.32rem 0.21rem;
        margin-right: 0.05rem;
        border-radius: 0.16rem;
        background: #e57f21;
        /*&:hover {
                        opacity: 0.9;
                        img{
                            transform: rotate(180deg);
                        }
                    }
                    img {
                        width: 0.5rem;
                        content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
                        transition: all .2s;
                    }*/
    }

    .page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency i.el-icon-warning:before {
        background-image: url(/template/fubang2/images/ico/icon-hint3.svg);
        background-repeat: no-repeat;
        background-size: 104%;
        background-position: -.01rem -0.01rem;
        content: " ";
        width: 0.4rem;
        height: 0.4rem;
        display: flex;
        margin-left: 0.1rem;
        margin-top: -0.5rem;
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
    }

    .page.page--userCenter .loadingMask {
        z-index: 105;
    }

    .page.page--userCenter .bottomEndLine {
        font-size: 80%;
        padding: 0.4rem 0.3rem;
    }

    .page.page--userCenter .topbutton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        color: #fff;
        height: 1.2rem;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
        padding: 0 0.2rem;
        background: #773434;
    }

    .page.page--userCenter .topbutton .icon {
        font-size: 120%;
        padding: 0 0.1rem;
    }

    .page.page--userCenter .topbutton .icon:active {
        opacity: 0.8;
    }

    .page.page--userCenter .topbutton .tbleft .icon:first-child {
        padding: 0 0.1rem 0 0.2rem;
    }

    .page.page--userCenter .topbutton .tbright .icon:last-child {
        padding: 0 0.2rem 0 0.1rem;
    }

    .page.page--userCenter .topbutton .ucenter {
        position: absolute;
        pointer-events: none;
        left: 0;
        right: 0;
        height: inherit;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .page.page--userCenter .topinfo {
        line-height: normal;
        background-color: #f7f1f9;
        overflow: hidden;
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 1.2rem;
        padding-bottom: 0.2rem;
        /* .topbackground{
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                opacity: .2;
                z-index: -1;
            } */
    }

    .page.page--userCenter .topinfo [class^='border_']:before,
    .page.page--userCenter .topinfo [class*=' border_']:before {
        border-color: rgba(255, 255, 255, 0.87);
    }

    .page.page--userCenter .topinfo:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .page.page--userCenter .topinfo .userinfo {
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        color: #272834;
        flex-wrap: wrap;
        background: linear-gradient(to right, #ffd69b 0%, #f47ba1 100%);
        margin: 0.4em 0.2rem 0.2rem;
        border-radius: .2rem;
    }

    .page.page--userCenter .topinfo .userinfo .avatar {
        margin: .25rem 0.3rem .15rem 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 100%;
        overflow: hidden;
        display: flex;
/*        background: #ffe6d8;*/
        justify-content: center;
        align-items: center;
    }

    .page.page--userCenter .topinfo .userinfo .avatar img {
        display: block;
        width: 90%;
    }

    .page.page--userCenter .topinfo .userinfo .avatar:active {
        opacity: .8;
    }

    .page.page--userCenter .topinfo .userinfo .serviceChat {
        display: flex;
        background-color: #b04e6c;
        border-radius: 30px;
        padding: 0.14rem 0.25rem;
        flex-direction: row;
        position: absolute;
        margin: 0.4rem 0.47rem 0 0;
        right: 0;
        top: 0;
        font-size: 80%;
        font-weight: bold;
        color: #fff;
    }

    .page.page--userCenter .topinfo .userinfo .serviceChat:before {
        content: '.';
        width: 0.4rem;
        height: 0.4rem;
        background-size: 100% 100%;
        display: block;
        color: transparent;
        margin-right: .08rem;
        background-image: url(/template/fubang2/images/index/icon-serviceChat.svg);
    }

    .page.page--userCenter .topinfo .userinfo .center {
        display: flex;
        flex-direction: column;
        height: 2rem;
        justify-content: center;
    }

    .page.page--userCenter .topinfo .userinfo .center .nickname {
        font-weight: bold;
        font-size: 90%;
    }

    .page.page--userCenter .topinfo .userinfo .center .nickname .message {
        font-size: 22px;
    }

    .page.page--userCenter .topinfo .userinfo .center .addTime {
        color: #272834;
        font-size: 0.37rem;
        margin-top: .05rem;
    }

    .page.page--userCenter .topinfo .balance-info {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 5rem;
    }

    .page.page--userCenter .topinfo .balance-info .balance {
        display: flex;
        align-items: center;
        /* height: 1rem; */
        /* width: 8.5rem; */
        border-radius: 8px;
        padding-left: 0.8rem;
        margin: 0 0 0.33rem 0;
        font-size: 0.48rem;
        font-weight: 500;
    }

    .page.page--userCenter .topinfo .balance-info .balance .refresh-btn {
        font-size: 80%;
        padding: 0.08rem 0.16rem;
        background-color: #c24b59;
        border-radius: 3px;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span+span {
        padding-left: .2rem;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span .ons-icon {
        transition: opacity .2s;
        color: #fff;
        /* opacity: .5; */
        font-size: 90%;
        vertical-align: middle;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.icon-refresh {
        background-color: #D5A323;
        border-radius: 50%;
        padding: 0.13rem;
        width: 0.4rem;
        height: 0.4rem;
        background-image: url(/template/fubang2/images/ico/icon-refresh.svg);
        background-repeat: no-repeat;
        background-size: 0.3rem;
        background-position: center;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span .ons-icon.spicon {
        vertical-align: middle;
        padding-left: .03rem;
        pointer-events: none;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span .fe {
        margin-bottom: .1rem;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span>em {
        font-size: 90%;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span>span {
        vertical-align: text-bottom;
        line-height: 1;
        color: #c44f3f;
        font-weight: bold;
    }

    .page.page--userCenter .topinfo .balance-info .balance>span:active {
        opacity: .8;
    }

    .page.page--userCenter .topinfo .fundsbotton {
        line-height: normal;
        padding: 0 0.3rem;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 {
        position: relative;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        font-weight: bold;
        font-size: 90%;
        text-align: center;
        /* &:before {
                    position: absolute;
                    content: '';
                    width: 1px;
                    height: 2rem;
                    //background-color: #CFD7E8;
                    top: 0.43rem;
                    left: 0;
                } */
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .button {
        background-color: transparent;
        color: #4a4355;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .ons-icon {
        display: flex;
        align-items: center;
        margin-bottom: 0.1rem;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .icon-deposit:before {
        content: '';
        background-image: url(/template/fubang2/images/ico/icon-deposit.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 1.4rem;
        height: 1.4rem;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .icon-transfer:before {
        content: '';
        background-image: url(/template/fubang2/images/ico/icon-withdrawal.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 1.4rem;
        height: 1.4rem;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .icon-withdrawal:before {
        content: '';
        background-image: url(/template/fubang2/images/ico/icon-transfer.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 1.4rem;
        height: 1.4rem;
    }

    .page.page--userCenter .topinfo .fundsbotton .button2 .icon-wallet:before {
        content: '';
        background-image: url(/template/fubang2/images/ico/icon-wallet.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 1.4rem;
        height: 1.4rem;
    }

    .page.page--userCenter .list {
        border-radius: 0px;
        font-size: 90%;
    }

    .page.page--userCenter .list.infoList {
        background: #fff;
        margin-top: 1.6rem;
    }

    .page.page--userCenter .list.infoList.jlist {
        margin: 0;
        border-radius: unset;
        border-bottom: 1px solid #e8e3f9;
    }

    .page.page--userCenter .list.infoList.jlist .left {
        justify-content: flex-start !important;
    }

    .page.page--userCenter .list.infoList .list-item {
        min-height: 1.2rem;
    }

    .page.page--userCenter .list.infoList .list-item:first-child,
    .page.page--userCenter .list.infoList .list-item:last-child {
        min-height: 1.5rem;
    }

    .page.page--userCenter .list.infoList .list-item .left {
        width: 30%;
        float: right;
        display: flex;
        justify-content: flex-end;
        font-size: 105%;
    }

    .page.page--userCenter .list.infoList .list-item .center {
        padding-right: 0;
        padding-left: 0.2rem;
    }

    .page.page--userCenter .list.infoList .list-item .center span:first-child {
        margin-right: .1rem;
    }

    .page.page--userCenter .list.infoList .list-item .right {
        display: flex;
        align-items: center;
    }

    .page.page--userCenter .list.infoList .list-item .star.fe-icon-star2:before {
        font-size: 19px;
        color: red;
        padding-right: .1rem;
    }

    .page.page--userCenter .list.listCard {
        background: #fff;
        border-bottom: 1px solid #e8e3f9;
    }

    .page.page--userCenter .list.listCard .list-item {
        min-height: 1.2rem;
    }

    .page.page--userCenter .list.listCard .list-item .left {
        display: flex;
        padding: 0.25rem 0.0rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .page.page--userCenter .list.listCard .list-item .left div:first-child {
        font-size: 100%;
        font-weight: bold;
        color: #a5a0af;
        display: flex;
    }

    .page.page--userCenter .list.listCard .list-item .left div:last-child {
        font-size: 85%;
        color: #BDBDBD;
    }

    .page.page--userCenter .list.listCard .list-item .left i.el-icon-warning:before {
        background-image: url(/template/fubang2/images/ico/icon-hint.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: .05rem;
        content: " ";
        width: 0.4rem;
        height: 0.5rem;
        display: flex;
        margin-left: .05rem;
    }

    .page.page--userCenter .list .right .bSet,
    .page.page--userCenter .list .right .bEdit,
    .page.page--userCenter .list .right .bDone {
        font-size: 80%;
        right: 0.3rem;
        position: absolute;
        padding: 0.11rem 0;
        background-color: #F25554;
        border-radius: .1rem;
        color: #fff;
        margin-right: 0.1rem;
        width: 1.23rem;
        text-align: center;
        font-size: 100%;
    }

    .page.page--userCenter .list .right .bEdit {
        background-color: #65498E;
    }

    .page.page--userCenter .list .right .bDone {
        background-color: #999999;
    }

    .page.page--userCenter .list .list-item {
        min-height: 1.4rem;
        border-bottom: 1px solid #e8e3f9;
        color: #62616b;
    }

    .page.page--userCenter .list .list-item:last-child {
        border-bottom: 0;
    }

    .page.page--userCenter .list .list-item.my:before,
    .page.page--userCenter .list .list-item.report:before,
    .page.page--userCenter .list .list-item.WDrecord:before,
    .page.page--userCenter .list .list-item.invite:before,
    .page.page--userCenter .list .list-item.team:before,
    .page.page--userCenter .list .list-item.msg:before,
    .page.page--userCenter .list .list-item.logo:before {
        content: '';
        background-color: #EC712E;
        background-size: 53%;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 65%;
        display: block;
        width: 0.6rem;
        height: 0.6rem;
        margin-right: 0.2rem;
    }

    .page.page--userCenter .list .list-item.my:before {
        background-image: url(/template/fubang2/images/ico/icon-my.svg?v0901);
    }

    .page.page--userCenter .list .list-item.report:before {
        background-image: url(/template/fubang2/images/ico/icon-report.svg?v0901);
    }

    .page.page--userCenter .list .list-item.WDrecord:before {
        background-image: url(/template/fubang2/images/ico/icon-WDrecord.svg?v0901);
        background-size: 57%;
    }

    .page.page--userCenter .list .list-item.invite:before {
        background-image: url(/template/fubang2/images/ico/icon-invite.svg?v0901);
        background-size: 63%;
    }

    .page.page--userCenter .list .list-item.team:before {
        background-image: url(/template/fubang2/images/ico/icon-team.svg?v0901);
        background-size: 60%;
    }

    .page.page--userCenter .list .list-item.msg:before {
        background-image: url(/template/fubang2/images/ico/icon-msg.svg?v0901);
        background-size: 52%;
    }

    .page.page--userCenter .list .list-item.logo:before {
        background-image: url(/template/fubang2/images/ico/icon-logo.svg?v0901);
        background-size: 65%;
    }

    .page.page--userCenter .list.subPageList {
        margin-top: 1.5rem;
        background: #fff;
    }

    .page.page--userCenter .list.subPageList .list-item {
        min-height: 1.2rem;
        display: flex;
        flex-direction: column;
        border: 0;
        background: #f7f1f9;
        padding: 0.1rem 0.4rem;
    }

    .page.page--userCenter .list.subPageList .list-item.list-item--button {
        margin: 0.5rem 0.05rem 0 .01rem;
        min-height: 1.4rem;
        font-size: 110%;
        background: unset;
    }

    .page.page--userCenter .list.subPageList .list-item.list-item--button .button {
        background-color: #E77F43;
        border-radius: 0.1rem;
        width: 97%;
    }

    .page.page--userCenter .list.subPageList .list-item:first-child {
        border-radius: .1rem .1rem 0 0;
    }

    .page.page--userCenter .list.subPageList .list-item:nth-last-child(2) {
        border-radius: 0 0 .1rem .1rem;
        padding-bottom: 0.3rem;
    }

    .page.page--userCenter .list.subPageList .list-item.list-item--chevron:before {
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: .22rem;
        height: .22rem;
        right: 0.8rem;
        top: 1.6rem;
    }

    .page.page--userCenter .list.subPageList .list-item .list-item__top {
        min-height: 1.2rem;
    }

    .page.page--userCenter .list.subPageList .list-item .center {
        order: 1;
        font-size: 90%;
        background: #fff;
        padding: 0 0.3rem;
        width: 100%;
        margin-bottom: 0.2rem;
        line-height: 1rem;
        font-size: 110%;
        box-sizing: border-box;
    }

    .page.page--userCenter .list.subPageList .list-item .center.password {
        background-image: url(/template/fubang2/images/login/lock.png);
        background-repeat: no-repeat;
        background-size: 0.6rem;
        background-position: 0.3rem 0.2rem;
    }

    .page.page--userCenter .list.subPageList .list-item .center.password input {
        padding-left: 0.8rem;
    }

    .page.page--userCenter .list.subPageList .left {
        font-size: 110%;
        white-space: nowrap;
        line-height: 1;
        margin-left: 0.1rem;
    }

    .page.page--userCenter .list .center .star+.star {
        padding-left: 0.05rem;
    }

    .page.page--userCenter .list .right.small {
        font-size: 90%;
    }

    .page.page--userCenter .list .danger {
        color: #f56c6c;
    }

    .page.page--userCenter .list .warning {
        color: #e6a23c;
    }

    .page.page--userCenter .list .success {
        color: #67c23a;
    }

    .page.page--userCenter .list .exinfo>div {
        padding: 0.2rem 0 0.2rem 0.2rem;
        font-size: 90%;
    }

    .page.page--userCenter .list .exinfo>div:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .page.page--userCenter .list .exinfo>div i {
        padding-right: 0.1rem;
    }

    .page.page--userCenter .list .exinfo>div span {
        color: #C32D37;
        padding: 0 0.1rem;
    }

    .page.page--userCenter .list .exinfo>div em {
        padding: 0 0.1rem;
    }

    .page.page--userCenter .list .exlist {
        background: #F7F0F9;
        font-size: 95%;
        padding: 0rem 1.2rem;
        text-align: center;
    }

    .page.page--userCenter .list .exlist>div {
        padding: 0.2rem 0;
    }

    .page.page--userCenter .list .exlist .qrcodeImg {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page.page--userCenter .list .exlist .qrcodeImg>span {
        width: 6rem;
        height: 6rem;
        display: block;
        background-size: cover;
    }

    .page.page--userCenter .list .exlist .nopaddingtop {
        padding-top: 0;
    }

    .page.page--userCenter .list .exlist .exxlist {
        font-size: 90%;
        background-color: rgba(0, 0, 0, 0.03);
        border-radius: 5px;
        padding: 0.15rem 0.3rem;
    }

    .page.page--userCenter .list .exlist .exxlist>div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page.page--userCenter .list .exlist .exxlist>div:first-child {
        padding-bottom: 0.15rem;
        margin-bottom: 0.15rem;
    }

    .page.page--userCenter .list .exlist .exxlist>div:first-child:before {
        border-color: rgba(0, 0, 0, 0.08);
    }

    .page.page--userCenter .list .exlist .exxlist>div .copy {
        color: #C32D37;
        font-size: 120%;
    }

    .page.page--userCenter .avatarlist {
        display: flex;
        flex-wrap: wrap;
        padding-top: 2.2rem;
    }

    .page.page--userCenter .avatarlist>span {
        flex: 0 0 18%;
        margin-bottom: 0.3rem;
        transition: all 0.2s;
        border-radius: 5px;
        overflow: hidden;
    }

    .page.page--userCenter .avatarlist>span+span {
        margin-left: 2.5%;
    }

    .page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5),
    .page.page--userCenter .avatarlist>span:nth-child(5n + 1):nth-last-child(-n + 5)~span {
        margin-bottom: 0;
    }

    .page.page--userCenter .avatarlist>span:nth-child(5n + 1) {
        margin-left: 0;
    }

    .page.page--userCenter .avatarlist>span:active {
        opacity: 0.8;
    }

    .page.page--userCenter .avatarlist>span.selected {
        box-shadow: 0 0 10px 0px rgba(0, 148, 192, 0.8);
    }

    .page.page--userCenter .avatarlist>span img {
        width: 100%;
        display: block;
        border: 2px solid #fff;
        box-sizing: border-box;
        border-radius: 5px;
    }

    .page.page--gameList .page__background {
        background-color: #f5f5f5;
    }

    .page.page--gameList .page__content {
        display: flex;
        flex-direction: column;
    }

    .page.page--gameList .indexbutton {
        position: relative;
        z-index: 2;
        background-color: #f5f5f5;
    }

    .page.page--gameList .indexbutton>* {
        background-color: #fff;
        display: flex;
        padding: 0.3rem 0;
        flex-direction: column;
        align-items: center;
    }

    .page.page--gameList .indexbutton>*.curMenu {
        background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, #fff 100%);
    }

    .page.page--gameList .indexbutton>* .icon {
        width: 1.1rem;
        height: 1.1rem;
        overflow: hidden;
        margin-bottom: 0.2rem;
        position: relative;
        font-size: 0.65rem;
        color: #fff;
    }

    .page.page--gameList .indexbutton>* .icon:before {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
    }

    .page.page--gameList .indexbutton>* .icon:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #ccc;
    }

    .page.page--gameList .indexbutton>* span {
        font-size: 80%;
    }

    .page.page--gameList .indexbutton>*:nth-child(1) .icon:after {
        background-color: #de2b2b;
    }

    .page.page--gameList .indexbutton>*:nth-child(2) .icon:after {
        background-color: #c441c4;
    }

    .page.page--gameList .indexbutton>*:nth-child(3) .icon:after {
        background-color: #ff8f30;
    }

    .page.page--gameList .indexbutton>*:nth-child(4) .icon:after {
        background-color: #ff5e76;
    }

    .page.page--gameList .indexbutton>*:nth-child(5) .icon:after {
        background-color: #746db9;
    }

    .page.page--gameList .gameListMain {
        flex: 1;
        position: relative;
        margin-top: 0.1rem;
    }

    .page.page--gameList .gameListMain section {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
    }

    .page.page--gameList .gameListMain section .gameListTab {
        position: relative;
        height: 1.2rem;
        background-color: #fff;
    }

    .page.page--gameList .gameListMain section .gameListTab ul {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: 0.36rem;
        /* opacity: 0.6; */
        background-color: #fff;
        color: #696081;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li i {
        vertical-align: top;
        margin: 0 0.15rem 0 0;
        display: inline-block;
        width: 0.5rem;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li i img {
        max-width: 100%;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li.active {
        color: #000;
        opacity: 1;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li.border_r_1px {
        position: relative;
    }

    .page.page--gameList .gameListMain section .gameListTab ul li.border_r_1px:before {
        content: '';
        position: absolute;
        display: block;
        background: rgba(0, 0, 0, 0.1);
        z-index: 100;
        right: 0;
        top: 0.35rem;
        width: 1px;
        height: 0.5rem;
    }

    .page.page--gameList .gameListMain section .gameListTab .indicator {
        position: absolute;
        bottom: 0;
        height: 0;
        z-index: 101;
        background-color: #C32D37;
        transition: all 0.25s cubic-bezier(0.4, 0.7, 0.5, 1) 0s;
    }

    .page.page--gameList .gameListMain section .ons-swiper {
        flex: 1;
    }

    .page.page--gameList .gameListMain section .ons-swiper ons-carousel-item {
        padding: 0.3rem;
        padding-bottom: 0;
        overflow-y: auto;
    }

    .page.page--gameList .gameListMain section .ons-swiper ons-carousel-item:after {
        content: '';
        height: 0.3rem;
        display: block;
    }

    .page.page--gameList .gameListMain section .ons-swiper ons-carousel-item.hasSubclass {
        padding: 0;
        overflow: hidden;
    }

    .page.page--gameList .gameListMain section .ons-swiper ons-carousel-item.hasSubclass:after {
        content: none;
    }

    .page.page--gameList .rowclass {
        height: 100%;
        overflow: auto;
        display: flex;
        line-height: normal;
    }

    .page.page--gameList .rowclass .ag-games-body {
        flex: 1;
    }

    .page.page--gameList .rowclass .ag-body {
        padding: 0.4rem;
        background: #fff;
    }

    .page.page--gameList .rowclass .ag-body .ag-title span {
        border-left: 3px solid #c72323;
        color: #c72323;
        padding: 0 0.2rem;
    }

    .page.page--gameList .rowclass .ag-body .ag-list {
        margin: 0.3rem 0rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .page.page--gameList .rowclass .ag-body .ag-list li {
        width: 48%;
    }

    .page.page--gameList .rowclass .ag-body .ag-list li img {
        width: 100%;
        margin: 0 0 0.3rem 0;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
    }

    .page.page--gameList .rowclass .ag-body .ag-list li img.big {
        width: 3rem;
        margin: 0 0.2rem 0.1rem 0.5rem;
    }

    .page.page--gameList .rowclass .ag-body .ag-list li span {
        width: 2.9rem;
        height: 0.8rem;
        border-radius: 0.5rem;
        border: none;
        background: #fff;
        color: #666;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.3);
        cursor: pointer;
        margin: 0.6rem 0.6rem 0rem;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .page.page--gameList .rowclass .rownav {
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        background: #eae6fa;
        width: 2rem;
    }

    .page.page--gameList .rowclass .rownav>div {
        width: 2rem;
    }

    .page.page--gameList .rowclass .rownav span {
        display: block;
        font-size: 90%;
        padding: 0.4rem 0;
        text-align: center;
        transition: all 0.2s;
        border-left: 2px solid transparent;
    }

    .page.page--gameList .rowclass .rownav span.act {
        background-color: #DC7C49;
        border-left: 2px solid #DC7C49;
        color: #fff;
    }

    .page.page--gameList .rowclass .rowcon {
        overflow: hidden;
        background: #f5f5f5;
        flex: 1;
    }

    .page.page--gameList .rowclass .rowcon:before {
        -o-border-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.1) 85%, transparent 100%) 1;
        border-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.1) 15%, rgba(0, 0, 0, 0.1) 85%, transparent 100%) 1;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem {
        overflow: auto;
        height: 100%;
        box-sizing: border-box;
        padding: 0.4rem 0.3rem;
        background: #f7f1f9;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem {
        float: left;
        font-size: 80%;
        width: 31%;
        background-color: #fff;
        margin-bottom: 0.2rem;
        margin-left: 3.5%;
        border-radius: 8px;
        padding: 0.2rem 0.1rem 0.15rem;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        border-radius: .1rem;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem i {
        position: absolute;
        top: .05rem;
        right: .08rem;
        display: block;
        width: 0.6rem;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem i img {
        max-width: 100%;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1) {
        margin-left: 0;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1):nth-last-child(-n + 3),
    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem:nth-child(3n + 1):nth-last-child(-n + 3)~.gameitem {
        margin-bottom: 0.01rem;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div {
        margin: 0 auto;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:first-child {
        width: 1.3rem;
        height: 1.3rem;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:first-child img {
        display: block;
        max-width: 100%;
    }

    .page.page--gameList .rowclass .rowcon .rowconitem .gameitem>div:nth-child(2) {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        margin-top: 0.1rem;
    }

    .page.page--gameList .imgItem {
        display: flex;
        flex-direction: column;
    }

    .page.page--gameList .imgItem>a {
        display: block;
        border-radius: 8px;
        overflow: hidden;
        transition: opacity .2s;
    }

    .page.page--gameList .imgItem>a+a {
        margin-top: .3rem;
    }

    .page.page--gameList .imgItem>a img {
        width: 100%;
        display: block;
    }

    .page.page--gameList .imgItem>a:active {
        box-shadow: 0 0 10px 0px rgba(0, 148, 192, 0.8);
    }

    .page.page--gameList .textItem {
        overflow: hidden;
        clear: both;
        margin-top: -.18rem;
        /*
                &.dzyy{
                    >div{
                        background-color: mix(#ff5e76,#ccc);
                    }
                }
        */
    }

    .page.page--gameList .textItem>div {
        font-size: 90%;
        color: #fff;
        background-color: #e6ae7e;
        width: 23%;
        margin: 0 1%;
        margin-top: .18rem;
        border-radius: 10rem;
        padding: 0.25rem 0.1rem;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
        z-index: 1;
        float: left;
    }

    .page.page--gameList .textItem>div.w1 {
        width: 48%;
    }

    .page.page--gameList .textItem>div:active {
        opacity: 0.8;
    }

    .page.page--gameList .textItem>div:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
    }

    .page.page--gameList .textItem>div span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        height: 1em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page.page--gameList .smallimgItem {
        display: flex;
        flex-wrap: wrap;
    }

    .page.page--gameList .smallimgItem>div {
        font-size: 90%;
        background-color: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        position: relative;
        margin: .14rem;
        display: flex;
        width: 30.3%;
    }

    .page.page--gameList .smallimgItem>div:active {
        opacity: 0.8;
    }

    .page.page--gameList .smallimgItem>div img {
        width: 100%;
        display: block;
        max-height: 2.615rem;
    }

    .page.page--gameList .smallimgItem>div .game-item {
        width: 100%;
        background-color: #DC7C49;
        text-align: center;
        border-top-left-radius: 0.667rem;
        border-top-right-radius: 0.667rem;
    }

    .page.page--gameList .smallimgItem>div .game-item span {
        display: inline-block;
        background-color: transparent !important;
        padding: 0.128rem 0;
        width: 100%;
    }

    .page.page--gameList .smallimgItem>div span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: .05rem .2rem;
        line-height: normal;
    }

    .page.page--gameList .smallimgItem .ggqp {
        border-radius: 3px 3px 0 0;
        background-color: transparent;
    }

    .page.page--gameList .smallimgItem .ggqp .ggqp_con {
        display: block;
    }

    .page.page--gameList .smallimgItem .ggqp .ggqp_con label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        position: absolute;
        width: 90%;
        bottom: 42px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        padding: .05rem .2rem;
        line-height: normal;
        display: block;
        border-radius: 0px 0px 3px 3px;
    }

    .page.page--gameList .smallimgItem .ggqp .testgg,
    .page.page--gameList .smallimgItem .ggqp .playgg {
        display: block;
        height: .7rem;
        line-height: .75rem;
        width: 94%;
        border: 1px solid rgba(119, 119, 119, 0.4);
        padding: 0 2px;
        text-align: center;
        border-radius: 3px;
        cursor: pointer;
    }

    .page.page--gameList .smallimgItem .ggqp .playgg {
        margin: 5px 0;
        border: none;
        background: #C32D37;
        color: white;
        border: 1px solid #C32D37;
    }

    .page.page--gameList .smallimgItem .ggqp .testgg {
        margin-bottom: 5px;
    }

    .page.page--gameList .smallimgItem.mg2>div span {
        position: relative;
    }

    .page.page--lotteryRecord .page__content,
    .page.page--teamMember .page__content,
    .page.page--report .page__content,
    .page.page--accountRecord .page__content,
    .page.page--withdrawalRecord .page__content,
    .page.page--wage .page__content,
    .page.page--depositRecord .page__content,
    .page.page--transferRecord .page__content,
    .page.page--addAccount .page__content {
        display: flex;
        flex-direction: column;
    }

    .page.page--lotteryRecord .page__content .optionArea,
    .page.page--teamMember .page__content .optionArea,
    .page.page--report .page__content .optionArea,
    .page.page--accountRecord .page__content .optionArea,
    .page.page--withdrawalRecord .page__content .optionArea,
    .page.page--wage .page__content .optionArea,
    .page.page--depositRecord .page__content .optionArea,
    .page.page--transferRecord .page__content .optionArea,
    .page.page--addAccount .page__content .optionArea {
        background-color: #fff;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item,
    .page.page--teamMember .page__content .optionArea .list .list-item,
    .page.page--report .page__content .optionArea .list .list-item,
    .page.page--accountRecord .page__content .optionArea .list .list-item,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item,
    .page.page--wage .page__content .optionArea .list .list-item,
    .page.page--depositRecord .page__content .optionArea .list .list-item,
    .page.page--transferRecord .page__content .optionArea .list .list-item,
    .page.page--addAccount .page__content .optionArea .list .list-item {
        min-height: 1.35rem;
        padding: 0 .1rem 0 .1rem;
        color: #bcbfd4;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item .left,
    .page.page--teamMember .page__content .optionArea .list .list-item .left,
    .page.page--report .page__content .optionArea .list .list-item .left,
    .page.page--accountRecord .page__content .optionArea .list .list-item .left,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item .left,
    .page.page--wage .page__content .optionArea .list .list-item .left,
    .page.page--depositRecord .page__content .optionArea .list .list-item .left,
    .page.page--transferRecord .page__content .optionArea .list .list-item .left,
    .page.page--addAccount .page__content .optionArea .list .list-item .left {
        border-bottom: 1px solid #efecf2;
        padding-left: 0rem;
        min-width: 2.1rem;
        font-size: 90%;
        display: flex;
        justify-content: flex-end;
        color: #555160;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item .right,
    .page.page--teamMember .page__content .optionArea .list .list-item .right,
    .page.page--report .page__content .optionArea .list .list-item .right,
    .page.page--accountRecord .page__content .optionArea .list .list-item .right,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item .right,
    .page.page--wage .page__content .optionArea .list .list-item .right,
    .page.page--depositRecord .page__content .optionArea .list .list-item .right,
    .page.page--transferRecord .page__content .optionArea .list .list-item .right,
    .page.page--addAccount .page__content .optionArea .list .list-item .right {
        border-bottom: 1px solid #efecf2;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
    .page.page--teamMember .page__content .optionArea .list .list-item .center,
    .page.page--report .page__content .optionArea .list .list-item .center,
    .page.page--accountRecord .page__content .optionArea .list .list-item .center,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
    .page.page--wage .page__content .optionArea .list .list-item .center,
    .page.page--depositRecord .page__content .optionArea .list .list-item .center,
    .page.page--transferRecord .page__content .optionArea .list .list-item .center,
    .page.page--addAccount .page__content .optionArea .list .list-item .center {
        border-bottom: 1px solid #efecf2;
        color: #F69A4C;
        font-size: 85%;
        padding-left: 0rem;
        padding-right: 0.05rem;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item .center.small,
    .page.page--teamMember .page__content .optionArea .list .list-item .center.small,
    .page.page--report .page__content .optionArea .list .list-item .center.small,
    .page.page--accountRecord .page__content .optionArea .list .list-item .center.small,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center.small,
    .page.page--wage .page__content .optionArea .list .list-item .center.small,
    .page.page--depositRecord .page__content .optionArea .list .list-item .center.small,
    .page.page--transferRecord .page__content .optionArea .list .list-item .center.small,
    .page.page--addAccount .page__content .optionArea .list .list-item .center.small {
        font-size: 80%;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item .center input,
    .page.page--teamMember .page__content .optionArea .list .list-item .center input,
    .page.page--report .page__content .optionArea .list .list-item .center input,
    .page.page--accountRecord .page__content .optionArea .list .list-item .center input,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center input,
    .page.page--wage .page__content .optionArea .list .list-item .center input,
    .page.page--depositRecord .page__content .optionArea .list .list-item .center input,
    .page.page--transferRecord .page__content .optionArea .list .list-item .center input,
    .page.page--addAccount .page__content .optionArea .list .list-item .center input {
        color: #323036;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
        background-color: rgba(195, 45, 55, 0.7);
        flex: 3;
        font-size: 100%;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
        flex: 1.2;
        background-color: #F7F7F7;
        color: #777;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize i {
        padding-left: 0.1rem;
        color: rgba(119, 119, 119, 0.8);
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize i:before {
        font-size: 150%;
        margin-left: .1rem;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize span,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize span {
        display: flex;
    }

    .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--report .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--wage .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .icon,
    .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .icon {
        font-size: 145%;
        margin-right: 0.08rem;
    }

    .page.page--lotteryRecord .page__content .contentArea,
    .page.page--teamMember .page__content .contentArea,
    .page.page--report .page__content .contentArea,
    .page.page--accountRecord .page__content .contentArea,
    .page.page--withdrawalRecord .page__content .contentArea,
    .page.page--wage .page__content .contentArea,
    .page.page--depositRecord .page__content .contentArea,
    .page.page--transferRecord .page__content .contentArea,
    .page.page--addAccount .page__content .contentArea {
        flex: 1;
        position: relative;
        padding: 0 0.3rem 0.5rem;
        opacity: 1;
        transition: opacity 0.2s;
        background: #fff;
    }

    .page.page--lotteryRecord .page__content .contentArea.loading,
    .page.page--teamMember .page__content .contentArea.loading,
    .page.page--report .page__content .contentArea.loading,
    .page.page--accountRecord .page__content .contentArea.loading,
    .page.page--withdrawalRecord .page__content .contentArea.loading,
    .page.page--wage .page__content .contentArea.loading,
    .page.page--depositRecord .page__content .contentArea.loading,
    .page.page--transferRecord .page__content .contentArea.loading,
    .page.page--addAccount .page__content .contentArea.loading {
        opacity: 0.5;
        pointer-events: none;
        overflow: hidden;
        transition: opacity 0.2s;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem,
    .page.page--teamMember .page__content .contentArea .cardItem,
    .page.page--report .page__content .contentArea .cardItem,
    .page.page--accountRecord .page__content .contentArea .cardItem,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem,
    .page.page--wage .page__content .contentArea .cardItem,
    .page.page--depositRecord .page__content .contentArea .cardItem,
    .page.page--transferRecord .page__content .contentArea .cardItem,
    .page.page--addAccount .page__content .contentArea .cardItem {
        background-color: #fff7ef;
        border-radius: 5px;
        padding: 0;
        line-height: normal;
        margin-top: 0.2rem;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem:active,
    .page.page--teamMember .page__content .contentArea .cardItem:active,
    .page.page--report .page__content .contentArea .cardItem:active,
    .page.page--accountRecord .page__content .contentArea .cardItem:active,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem:active,
    .page.page--wage .page__content .contentArea .cardItem:active,
    .page.page--depositRecord .page__content .contentArea .cardItem:active,
    .page.page--transferRecord .page__content .contentArea .cardItem:active,
    .page.page--addAccount .page__content .contentArea .cardItem:active {
        color: #d9d9d9e6;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.default,
    .page.page--teamMember .page__content .contentArea .cardItem.default,
    .page.page--report .page__content .contentArea .cardItem.default,
    .page.page--accountRecord .page__content .contentArea .cardItem.default,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.default,
    .page.page--wage .page__content .contentArea .cardItem.default,
    .page.page--depositRecord .page__content .contentArea .cardItem.default,
    .page.page--transferRecord .page__content .contentArea .cardItem.default,
    .page.page--addAccount .page__content .contentArea .cardItem.default {
        background-color: #fff7ef;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--report .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemCon .status {
        color: #aeaeaecc;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .button,
    .page.page--teamMember .page__content .contentArea .cardItem .button,
    .page.page--report .page__content .contentArea .cardItem .button,
    .page.page--accountRecord .page__content .contentArea .cardItem .button,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .button,
    .page.page--wage .page__content .contentArea .cardItem .button,
    .page.page--depositRecord .page__content .contentArea .cardItem .button,
    .page.page--transferRecord .page__content .contentArea .cardItem .button,
    .page.page--addAccount .page__content .contentArea .cardItem .button {
        font-size: 85%;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child,
    .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child,
    .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child {
        text-decoration: underline;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
        margin-right: 0.08rem;
        color: rgba(195, 45, 55, 0.5);
        background-color: transparent !important;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active,
    .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:active,
    .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:active {
        opacity: 0.7;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.special,
    .page.page--teamMember .page__content .contentArea .cardItem.special,
    .page.page--report .page__content .contentArea .cardItem.special,
    .page.page--accountRecord .page__content .contentArea .cardItem.special,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.special,
    .page.page--wage .page__content .contentArea .cardItem.special,
    .page.page--depositRecord .page__content .contentArea .cardItem.special,
    .page.page--transferRecord .page__content .contentArea .cardItem.special,
    .page.page--addAccount .page__content .contentArea .cardItem.special {
        background-color: transparent;
        padding: 0;
        text-align: center;
        font-size: 90%;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree,
    .page.page--report .page__content .contentArea .cardItem.parentTree,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree,
    .page.page--wage .page__content .contentArea .cardItem.parentTree,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0.2rem 0.2rem;
        flex-wrap: wrap;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span,
    .page.page--report .page__content .contentArea .cardItem.parentTree>span,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span,
    .page.page--wage .page__content .contentArea .cardItem.parentTree>span,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span {
        margin-left: 0.15rem;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
        color: #C32D37;
        text-decoration: underline;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--report .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span:active,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span:active {
        opacity: 0.6;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--report .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--wage .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>.icon,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>.icon {
        margin-left: 0.1rem;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--report .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--wage .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span:last-child>.icon,
    .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span:last-child>.icon {
        display: none;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--teamMember .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--report .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--accountRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--wage .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--depositRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--transferRecord .page__content .contentArea .cardItem.default .cardItemCon .status,
    .page.page--addAccount .page__content .contentArea .cardItem.default .cardItemCon .status {
        color: #fff !important;
        background-color: #2191cf;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--report .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status,
    .page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemCon .status {
        color: #fff;
        background-color: #a494af;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--teamMember .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--report .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--accountRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--wage .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--depositRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--transferRecord .page__content .contentArea .cardItem.danger .cardItemCon .status,
    .page.page--addAccount .page__content .contentArea .cardItem.danger .cardItemCon .status {
        color: #fff !important;
        background-color: #545972 !important;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--teamMember .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--report .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--accountRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--wage .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--depositRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--transferRecord .page__content .contentArea .cardItem.success .cardItemCon .status,
    .page.page--addAccount .page__content .contentArea .cardItem.success .cardItemCon .status {
        color: #fff !important;
        background-color: #ec5959 !important;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemTit,
    .page.page--report .page__content .contentArea .cardItem .cardItemTit,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit,
    .page.page--wage .page__content .contentArea .cardItem .cardItemTit,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemTit {
        font-size: 90%;
        display: flex;
        justify-content: space-between;
        padding: 0.2rem 0.3rem 0.15rem;
        align-items: center;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--report .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--wage .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit:before,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemTit:before {
        border-color: #ececec !important;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--report .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--wage .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit>span:first-child,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemTit>span:first-child {
        display: flex;
        align-items: center;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--report .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--wage .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemTit>span:nth-child(2) .icon {
        margin-left: 0.15rem;
        color: rgba(0, 148, 192, 0.5);
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon {
        flex: 1;
        font-size: 90%;
        display: flex;
        align-items: center;
        padding: 0.15rem 0.3rem 0.2rem;
        justify-content: space-between;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.less,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.less {
        justify-content: space-around;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div:first-child,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div:first-child {
        flex: 0 0 80%;
        overflow: hidden;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon.many>div>div,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon.many>div>div {
        flex: 0 0 50%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div {
        display: flex;
        flex-direction: column;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status),
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div span:first-child:not(.status) {
        opacity: 0.6;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status),
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div span:nth-child(2):not(.status) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .small,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .small {
        font-size: 90%;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .status,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .status {
        border-radius: 10rem;
        padding: 0 0.15rem;
        white-space: nowrap;
    }

    .page.page--lotteryRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--teamMember .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--report .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--accountRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--withdrawalRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--wage .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--depositRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--transferRecord .page__content .contentArea .cardItem .cardItemCon>div .status:before,
    .page.page--addAccount .page__content .contentArea .cardItem .cardItemCon>div .status:before {
        border-radius: 10rem;
    }

    .dialog_rebate {
        font-size: 90%;
    }

    .dialog_rebate .dialog-container {
        width: 90vw;
        height: 70vh;
        overflow: hidden;
    }

    .dialog_rebate .dialog-container .CartMain {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
        background: linear-gradient(-45deg, #C32D37 0%, #fff 200%);
        color: #fff;
        height: .9rem;
        background-color: #C32D37;
        line-height: 0.9rem;
        text-align: center;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_top .delbtn {
        width: 1rem;
        height: 0.9rem;
        position: absolute;
        right: 0.2rem;
        font-size: 180%;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_middle {
        flex: 1;
        overflow-y: auto;
        position: relative;
        background-color: #f3f3f3;
        padding: 0.2rem 0.2rem 1.2rem;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_middle .rebateTip {
        display: block;
        margin-left: 0.4rem;
        padding-bottom: 0.2rem;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_middle p {
        color: #ff0000;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot {
        background-color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1.1rem;
        display: flex;
        z-index: 101 !important;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
    }

    .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
        background-color: #C32D37;
        color: #fff;
    }

    .dialog_rebate .dialog-container .CartMain .subSlider .rebates>div {
        padding: 0.2rem 0.4rem;
        border-top: 1px solid #e3e3e3;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dialog_rebate .dialog-container .CartMain .subSlider .rebates>div div {
        width: 46%;
    }

    .hot_lottery_dialog .dialog-container {
        max-height: none !important;
    }

    .hot_lottery_dialog .top {
        position: relative;
    }

    .hot_lottery_dialog .lottery_dialog-box {
        padding: .4rem;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.2rem 0.4rem;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 0.2rem;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .img-box {
        width: 1.6rem;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .img-box img {
        max-width: 100%;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .text-name {
        flex: 1;
        position: relative;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .text-name .text-name_box {
        text-align: center;
        color: #000;
        z-index: 2;
        position: relative;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .text-name .tip-icon {
        position: absolute;
        width: 1.6rem;
        left: 50%;
        top: 50%;
        margin: -0.8rem 0 0 -0.8rem;
        z-index: 1;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .text-name .tip-icon img {
        max-width: 100%;
    }

    .hot_lottery_dialog .lottery_dialog-box ul li .text-src {
        padding: .2rem .15rem .2rem;
        border-radius: 5px;
    }

    .hot_lottery_dialog .lottery_dialog-box p {
        padding: .4rem .2rem;
        background: #eee;
        margin-bottom: .4rem;
    }

    .icon-introduce {
        background-image: url(/template/fubang2/images/ico/icon-introduce.png?v0822);
        background-size: 26px 26px;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }

    .introduceDialog .middle {
        font-size: 14px;
    }

    .introduceDialog .middle table {
        border-collapse: collapse;
        border-spacing: 2px;
        border: inherit;
        line-height: 1.6;
        width: 100% !important;
        color: #3a3a3a;
    }

    .introduceDialog .middle table th {
        font-weight: bold;
        border: 1px solid #a2a0a0;
        padding: 2px;
    }

    .introduceDialog .middle table tr {
        border: inherit;
    }

    .introduceDialog .middle table td {
        border: 1px solid #a2a0a0;
        padding: 2px;
    }

    .introduceDialog .middle a {
        color: #0782C1;
    }

    .introduceDialog .middle strong {
        font-weight: bold;
    }

    .introduceDialog .middle div {
        word-break: break-all;
    }

    .introduceDialog .middle p {
        line-height: 22px;
        word-break: break-all;
    }

    .itemRow {
        background-color: #f7f1f9;
        height: 1.3rem;
        display: flex;
        align-items: center;
        font-size: 90%;
        padding-top: 0.2rem;
    }

    .itemRow .itemTitle {
        margin-left: 16px;
        color: #555160;
    }

    .itemRow .balance {
        font-size: 115%;
    }

    .itemRow .balance,
    .itemRow .oneKeyBack {
        color: #f54f2d;
    }

    .itemRow .fe-icon-refresh {
        margin-left: 0.1rem;
        color: #B3A57F;
    }

    .itemRow .oneKeyBack {
        position: absolute;
        right: 0;
        margin-right: 0.5rem;
    }

    .menuPage .sblock {
        background-color: #fff1ea;
        height: 100%;
        padding-bottom: 2rem;
        overflow: scroll;
        box-sizing: border-box;
    }

    .menuPage .sblock .ntab {
        position: relative;
        color: #5c5b64;
        display: flex;
        width: 1.9rem;
        height: 1rem;
        justify-content: center;
        align-items: center;
        font-size: 86%;
    }

    .menuPage .sblock .ntab.active {
        color: #FF6816;
        background-color: #E5E4D9;
    }

    .menuPage .sblock .ntab.active:before {
        background-color: #FF6816;
        content: "";
        display: block;
        width: 0.10rem;
        height: 1rem;
        position: absolute;
        left: 0;
    }

    .dialogConfirm .dialog {
        min-width: 7rem;
        color: #666666;
    }

    .dialogConfirm .dialog .header {
        background-color: #F76F28;
        color: #fff;
        text-align: center;
        font-weight: bold;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 95%;
    }

    .dialogConfirm .dialog .content {
        height: 3rem;
        display: flex;
        align-items: center;
        padding: 0 0.8rem;
    }

    .dialogConfirm .dialog .footer {
        background-color: #F6F6F6;
        height: 1rem;
        display: flex;
    }

    .dialogConfirm .dialog .footer .border_right_1px:before {
        border-color: #bababa;
    }

    .dialogConfirm .dialog .footer span {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 90%;
    }

    .dialogConfirm .dialog .footer span:nth-child(2) {
        color: #F76F28;
    }

    .timeRange .center span {
        font-size: 110%;
        border: 1px solid #ebe8f9;
        color: #797692;
        padding: .1rem 0.3rem;
        margin-right: 0.3rem;
        border-radius: 3px;
        background-color: unset;
    }

    .timeRange .center span.act {
        border-color: #C32D37;
        color: #C32D37;
    }

    .timeRange .right {
        padding: 0 0.2rem 0 0 !important;
    }

    .timeRange .right .sTo:before {
        background-color: transparent;
        z-index: 5;
        position: absolute;
        content: '';
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        border-right: 1px solid #bbb;
        border-bottom: 1px solid #bbb;
        width: .22rem;
        height: .22rem;
        right: .5rem;
    }

    .timeRange .right .sSearchBtn {
        display: flex;
    }

    .timeRange .right .sSearchBtn:before {
        content: '筛选';
        font-size: 90%;
    }

    .timeRange .right .sSearchBtn:after {
        content: ' ';
        width: 0.4rem;
        height: 0.4rem;
        background-image: url("/template/fubang2/images/ico/search.png");
        display: block;
        background-repeat: no-repeat;
        background-size: 100%;
        margin: 0.09rem 0 0 .1rem;
    }

    .vdatetime-calendar__month__day:hover>span>span {
        background: #ff915b !important;
        color: #fff;
        font-weight: bold;
    }

    .timeRangDialog {
        z-index: 100 !important;
    }

    .timeRangDialog .dialog {
        z-index: 20001;
        top: unset;
        left: unset;
        -webkit-transform: unset !important;
        transform: unset !important;
        bottom: 0;
        right: 0;
        min-width: unset;
        min-height: unset;
        height: 100%;
        max-height: 100%;
    }

    .timeRangDialog .dialog .dialog-container {
        width: 7.7rem;
        border-radius: 0;
    }

    .timeRangDialog .dialog .dialog-container .center {
        display: flex;
        width: 100%;
        padding: 0 !important;
        justify-content: space-evenly;
    }

    .timeRangDialog .dialog .dialog-container .timeRange {
        padding: 0 !important;
        margin: 0.3rem 0;
    }

    .timeRangDialog .dialog .dialog-container .timeRange .center span {
        width: 1.5rem;
        border-radius: 20px;
        text-align: center;
        font-size: 85%;
        margin: 0.1rem 0rem;
    }

    .timeRangDialog .dialog .dialog-container .datePick {
        padding: 0 !important;
    }

    .timeRangDialog .dialog .dialog-container .datePick .center div {
        border-radius: 4px;
        border: .01rem solid #ddddd3;
        display: flex;
        justify-content: space-around;
        width: 100%;
        height: 0.9rem;
        font-size: 90%;
        align-items: center;
        margin: 0 0.3rem 0.3rem;
    }

    .timeRangDialog .dialog .dialog-container .datePick .center div span {
        position: absolute;
        left: 1rem;
    }

    .timeRangDialog .dialog .dialog-container .datePick .center div input {
        border: 0;
        background: transparent;
        color: #777777;
        font-size: 100%;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 9999;
/*        padding-left: 9.2rem;*/
    }

    .timeRangDialog .dialog .bottom {
        background-color: #fff;
        width: 100%;
        height: 1rem;
        display: flex;
        z-index: 101 !important;
        margin-top: 10px;
        position: absolute;
        bottom: 0;
    }

    .timeRangDialog .dialog .bottom .left,
    .timeRangDialog .dialog .bottom .right {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2s;
        border-radius: 0px;
    }

    .timeRangDialog .dialog .bottom .right {
        background-color: #E08A31;
    }

    .timeRangDialog .dialog .bottom .right.loading:before {
        padding-left: 5px;
    }

    .timeRangDialog .dialog .bottom .left {
        background-color: #9B95AC;
        color: #fff;
        border-top: lightgray;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .noBorder .left,
    .noBorder .center,
    .noBorder .right {
        border-bottom: 0 !important;
    }

    .setBtns {
        min-height: 1.14rem !important;
    }

    .googleAuthDyNum .center input {
        margin-right: 1.6rem !important;
    }

    .page.page--prize .list--exquisite .list-item.list-item--expandable .list-item__top {
        padding-left: 0.4rem;
    }

    ::-webkit-input-placeholder {
        color: #777777;
        opacity: 1;
    }

    ::-moz-placeholder {
        color: #777777;
        opacity: 1;
    }

    :-ms-input-placeholder {
        color: #777777;
        opacity: 1;
    }

    ::-ms-input-placeholder {
        color: #777777;
        opacity: 1;
    }

    ::placeholder {
        color: #777777;
        opacity: 1;
    }

    .GlobalBottomBar .notification {
        display: block;
        position: absolute;
        margin: -0.9rem -0.7rem 0 0;
        font-size: 60%;
    }

    .ssuccess {
        position: absolute;
        right: 0;
        margin-right: 0.2rem;
        background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 56.9%), #f04242;
    }

    .list {
        background-color: transparent;
    }

    .loadingMask,
    .loading:before {
        opacity: 1;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background: #ffffff00 !important;
        z-index: 99999 !important;
    }

    /* 皮肤 */
    .skinRMB .unityDialog .top {
        background: unset;
        background-color: #e89d56;
    }

    .skinRMB .unityDialog .middle .matter>div:first-child span {
        color: #E77F43;
    }

    .skinRMB .unityDialog .bottom>span:last-child {
        background-image: unset;
        background-color: #e6e6e6;
        color: #353535;
    }

    .skinRMB .unityDialog .bottom>span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(231, 127, 67, 0.9) 0%, #fff 200%);
        background-color: rgba(231, 127, 67, 0.9);
    }

    .skinRMB .toolbar .toolbar__title {
        color: #fff;
    }

    .skinRMB .button--primary,
    .skinRMB .button--primary:active {
        color: #fff;
        background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), linear-gradient(0deg, #de8526 0%, #de8526 100%), radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #de8526;
    }

    .skinRMB .button--primary[plain],
    .skinRMB .button--primary:active[plain] {
        color: #E77F43;
        background: #fdf2ec;
        border-color: #f9dfd0;
    }

    .skinRMB .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
        color: #E77F43;
    }

    .skinRMB .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
        background-color: #E77F43;
    }

    .skinRMB .onePageSlide>.onePageSlideItem .modeSel span {
        color: #fff !important;
    }

    .skinRMB .onePageSlide>.onePageSlideItem .modeSel span:before {
        background-image: url(/template/fubang2/images/ico/rmb-mode2.png) !important;
    }

    .skinRMB .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
        content: url("/template/fubang2/images/skin/RMB/ico/switch.png") !important;
    }

    .skinRMB .onePageSlideItem .tips>p.textc,
    .skinRMB .page__content.features .tips>p.textc {
        color: #E77F43;
    }

    .skinRMB .onePageSlideItem .tips>p .textc,
    .skinRMB .page__content.features .tips>p .textc {
        color: #E77F43;
    }

    .skinRMB .page.page--menu .menutop {
        border-bottom: 0px solid #E77F43;
    }

    .skinRMB .page.page--index .announcement .icon {
        color: #E77F43;
    }

    .skinRMB .page.page--index .page--index__content .usdt-info {
        background-color: #fad7ce;
        background-size: cover;
    }

    .skinRMB .page.page--index .page--index__content .usdt-info .rate-box .text {
        color: #554343;
    }

    .skinRMB .page.page--index .page--index__content .usdt-info .rate-box .rate {
        color: #554343;
    }

    .skinRMB .page.page--index .page--index__content .usdt-info .rate-box .rate-text {
        color: #ff2828;
    }

    .skinRMB .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
        background-color: #E77F43;
    }

    .skinRMB .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
        background-color: #E77F43;
    }

    .skinRMB .page.page--live .errMsgBox em {
        color: #E77F43;
    }

    .skinRMB .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
        color: #fe6e35;
    }

    .skinRMB .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
        background-color: #fe6e35;
    }

    .skinRMB .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
        color: #E77F43;
    }

    .skinRMB .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
        background-color: #E77F43;
    }

    .skinRMB .page.page--lottery .lotteryHeader .lotteryMethodGuide {
        color: #E77F43;
    }

    .skinRMB .page.page--lottery .lotteryHeader .lastIssue ul li span {
        background-image: url(/template/fubang2/images/skin/RMB/lottery/numBg.png);
    }

    .skinRMB .page.page--lottery .lotteryHeader .showMenuBtn {
        background-color: #E77F43;
    }

    .skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
    .skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
        /*快三同号*/
    }

    .skinRMB .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
        /*选中*/
    }

    .skinRMB .page.page--lottery .normal_foot .betInfo span.prize .prizes {
        color: #E77F43;
    }

    .skinRMB .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
        background-color: #E77F43;
    }

    .skinRMB .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
        color: #EC606A;
    }

    .skinRMB .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
        background: #E08A31;
    }

    .skinRMB .page.page--lottery .normal_foot .betOKBtn .onkeyBet2 {
        background: #EC5353;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
        color: #e86b2b;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
        background: #DC7C49;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
        color: #F47622;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
        background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
        color: #F47622;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
        background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
        color: #F47622;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
        background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
        color: #E77F43 !important;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
        color: #fff;
    }

    .skinRMB .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
        border-color: #E77F43;
        background-color: rgba(231, 127, 67, 0.1);
    }

    .skinRMB .page.page--lottery .pk_foot .countBar span {
        color: #ffcc05;
    }

    .skinRMB .page.page--lottery .pk_foot .amountBar .amountInput {
        color: #E77F43;
    }

    .skinRMB .page.page--lottery .pk_foot .amountBar .amountInput input {
        color: #eb4b08;
        background-color: #ffe5de;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
        color: #E77F43;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
        color: #E77F43;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
        color: #E77F43;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
        color: #E77F43;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
        color: #E77F43;
    }

    .skinRMB .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
        color: #E77F43;
    }

    .skinRMB .launchBetDialog .QuicklyMain .top {
        background: #E77F43;
    }

    .skinRMB .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
        background-color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
        background: #f4815b;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
        background: #eda153;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.top {
        background-color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
        color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
        color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
        background-color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
        color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
        background-color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container .my-method {
        border-bottom: 1px solid #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container .my-method div .label {
        color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .dialog-container .my-method ul li.selected {
        border: 1px solid #E77F43;
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .top {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
    .skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
        border-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .foot span:last-child {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .CartMain .foot span:last-child:active {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog.task .top {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog.task .middle .CartItem.select {
        box-shadow: 0 0 8px rgba(231, 127, 67, 0.5);
        transition: all .2s;
    }

    .skinRMB .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
        color: #daa688;
    }

    .skinRMB .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
        color: #daa688;
    }

    .skinRMB .lotteryCartDialog.task .foot span:last-child {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog.task .foot span:last-child:active {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
        background-color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .TaskMain .foot .footcount em {
        color: #E77F43;
    }

    .skinRMB .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
        color: #E77F43;
    }

    .skinRMB .lotteryQuicklyDialog .top {
        background: unset;
        background-color: #E77F43;
    }

    .skinRMB .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
        color: #E77F43;
    }

    .skinRMB .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
        color: #daa688;
    }

    .skinRMB .lotteryQuicklyDialog .middle .matter>div span {
        color: #e74843;
    }

    .skinRMB .lotteryQuicklyDialog .bottom>span:nth-child(2) {
        color: #e74843;
    }

    .skinRMB .lotteryQuicklyDialog .bottom>span:last-child {
        background-image: unset;
        background-color: #E77F43;
        color: #fff;
    }

    .skinRMB .lotteryQuicklyDialog .bottom>span:last-child:active {
        color: rgba(255, 255, 255, 0.8);
        background-image: linear-gradient(-45deg, rgba(231, 127, 67, 0.9) 0%, #fff 200%);
        background-color: rgba(231, 127, 67, 0.9);
    }

    .skinRMB .lotteryQuicklyDialog.share .top {
        background: linear-gradient(-45deg, #e74843 0%, #fff 200%);
        background-color: #e74843;
    }

    .skinRMB .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
        color: #e74843;
    }

    .skinRMB .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
        color: #da8a88;
    }

    .skinRMB .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
        color: #E77F43;
    }

    .skinRMB .lotteryQuicklyDialog.share .bottom>span:last-child {
        background-image: linear-gradient(-45deg, #e74843 0%, #fff 200%);
        background-color: #e74843;
    }

    .skinRMB .lotteryQuicklyDialog.share .bottom>span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(231, 72, 67, 0.8) 0%, #fff 200%);
        background-color: rgba(231, 72, 67, 0.8);
    }

    .skinRMB .shareOrderRate .alert-dialog-content--select {
        background-color: #e95b56;
    }

    .skinRMB .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #e95b56;
    }

    .skinRMB .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
        color: #e18535;
    }

    .skinRMB article .link {
        color: #E77F43;
    }

    .skinRMB .help-list .list .list-header {
        color: #E77F43;
    }

    .skinRMB .help-center h3 {
        color: #E77F43;
    }

    .skinRMB .help-center h5 {
        background: #E77F43;
    }

    .skinRMB .help-center p span {
        background-color: #E77F43;
    }

    .skinRMB .help-center dl dd a {
        color: #E77F43;
    }

    .skinRMB .help-center strong {
        color: #E77F43;
    }

    .skinRMB .help-center .button--outline {
        border: 1px solid #E77F43;
    }

    .skinRMB .help-center .primary {
        background-color: #E77F43;
        border-color: #E77F43;
    }

    .skinRMB .GlobalBottomBar>div.activity {
        color: #FFD230;
    }

    .skinRMB .GlobalBottomBar .bottomIndexA {
        background-image: url(/template/fubang2/images/skin/RMB/ico/homeh.svg);
        background-size: 136% !important;
        background-position: -5px -5px;
    }

    .skinRMB .GlobalBottomBar .bottomActA {
        background-image: url(/template/fubang2/images/skin/RMB/ico/activetyh.svg);
    }

    .skinRMB .GlobalBottomBar .bottomDepositA {
        background-image: url(/template/fubang2/images/skin/RMB/ico/walleth.svg);
    }

    .skinRMB .GlobalBottomBar .bottomChatA {
        background-image: url(/template/fubang2/images/skin/RMB/ico/messageh.svg);
        background-size: 116% !important;
        background-position: -2px -2px;
    }

    .skinRMB .GlobalBottomBar .bottomMyA {
        background-image: url(/template/fubang2/images/skin/RMB/ico/myh.svg);
    }

    .skinRMB .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
        background-color: #de8838;
    }

    .skinRMB .history_line .td-page .td-nav>div:nth-child(2)>div {
        border: 0px solid #a76943;
        color: #fff;
        background-color: #a76943;
    }

    .skinRMB .history_line .td-page .td-nav>div:nth-child(2)>div.active {
        background-color: #de8838;
        color: #ffffff;
    }

    .skinRMB .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
        background: #de8838;
        color: #ffffff;
    }

    .skinRMB .history_line .td-page .td-nav>div:nth-child(1) {
        color: #F29D48;
    }

    .skinRMB .page.page--userCenter .list .exinfo>div span {
        color: #E77F43;
    }

    .skinRMB .page.page--userCenter .list .exlist .exxlist>div .copy {
        color: #E77F43;
    }

    .skinRMB .page.page--userCenter .list .list-item .star.fe-icon-star2:before {
        color: #ffb34e;
    }

    .skinRMB .page.page--userCenter .balance {
        color: #fff;
    }

    .skinRMB .page.page--gameList .gameListMain section .gameListTab ul li.active {
        color: #fff;
        background: #DC7C49;
    }

    .skinRMB .page.page--gameList .gameListMain section .gameListTab .indicator {
        background-color: #E77F43;
    }

    .skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinRMB .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
        background-color: #e97070;
    }

    .skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinRMB .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
        background-color: #F7F7F7;
        color: #777;
    }

    .skinRMB .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinRMB .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
        background-color: #de8838;
        color: #fff;
    }

    .skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinRMB .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinRMB .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
        color: rgba(231, 127, 67, 0.5);
    }

    .skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinRMB .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
        color: #E77F43;
    }

    .skinRMB .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinRMB .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
        background-color: #E77F43;
    }

    .skinRMB .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
        background: #E77F43;
    }

    .skinRMB .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
        background-color: #E77F43;
    }

    .skinRMB :checked+.switch__toggle {
        box-shadow: inset 0 0 0 2px #d3aeab;
        background-color: #d3aeab !important;
    }

    .skinRMB .commu .segment__button {
        border: 1px solid #E77F43;
        color: #E77F43;
    }

    .skinRMB .commu :checked+.segment__button {
        background-color: #E77F43;
    }

    .skinRMB .longbet-index .header .button--cta {
        background-color: #E77F43;
        border: 1px solid #E77F43;
    }

    .skinRMB .longbet-index .header .button--outline {
        border: 1px solid #E77F43;
        color: #E77F43;
    }

    .skinRMB .appTips a {
        background-color: #E77F43;
    }

    .skinRMB .list--exquisite .list-item.list-item--button .button {
        background-color: rgba(231, 127, 67, 0.7);
    }

    .skinRMB .list--exquisite .list-item.list-item--button .button.smallsize {
        background-color: #f9f9f9;
        color: #777;
    }

    .skinRMB .list--exquisite .center.red {
        color: #E77F43;
    }

    .skinRMB .alert-dialog--select .alert-dialog-content--select {
        background-color: #e89d56;
    }

    .skinRMB .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #de8838;
    }

    .skinRMB .mychoice div ul li.cur span {
        background: #383250;
    }

    .skinRMB .highlightTip {
        color: #E77F43;
    }

    .skinRMB .page.page--login .loginBg01,
    .skinRMB .page.page--userReg .loginBg01 {
        background-image: url(/template/fubang2/images/skin/yellow/m-login-bg.png);
    }

    .skinRMB .page.page--login .jzmm,
    .skinRMB .page.page--userReg .jzmm {
        color: #777777;
    }

    .skinRMB .page.page--login .jzmm label,
    .skinRMB .page.page--userReg .jzmm label {
        font-size: 14px;
        color: #777777;
    }

    .skinRMB .page.page--login .loginMain .logobg,
    .skinRMB .page.page--userReg .loginMain .logobg {
        background: url(/template/fubang2/images/skin/yellow/logo.png);
        background-size: 100%;
    }

    .skinRMB .page.page--login .loginMain .from .form-input-item input,
    .skinRMB .page.page--userReg .loginMain .from .form-input-item input {
        color: #777777;
    }

    .skinRMB .page.page--login .loginMain .from .form-input-item .ico-user,
    .skinRMB .page.page--userReg .loginMain .from .form-input-item .ico-user {
        background: url(/template/fubang2/images/skin/RMB/ico-user.png);
        background-size: 100%;
    }

    .skinRMB .page.page--login .loginMain .from .form-input-item .ico-password,
    .skinRMB .page.page--userReg .loginMain .from .form-input-item .ico-password {
        background: url(/template/fubang2/images/skin/RMB/ico-password.png);
        background-size: 100%;
        height: 28px;
    }

    .skinRMB .page.page--login .loginMain .from .form-text-item,
    .skinRMB .page.page--userReg .loginMain .from .form-text-item {
        color: white;
    }

    .skinRMB .page.page--login .loginMain .from .form-input-item label i,
    .skinRMB .page.page--userReg .loginMain .from .form-input-item label i {
        color: white;
        display: inline-block;
        height: 22px;
        width: 22px;
    }

    .skinRMB .page.page--login .loginMain .loginbtn .button,
    .skinRMB .page.page--userReg .loginMain .loginbtn .button {
        border-radius: 100px;
        background-color: #daad2d;
    }

    .skinRMB .page.page--login .loginMain .login-btn-box .btn_item,
    .skinRMB .page.page--userReg .loginMain .login-btn-box .btn_item {
        border: solid 1px #b98d0e;
        background-color: rgba(255, 255, 255, 0.8);
        color: #daad2d;
    }

    .skinRMB .page.page--login .loginMain .login-btn-box .btn_item>span,
    .skinRMB .page.page--userReg .loginMain .login-btn-box .btn_item>span {
        vertical-align: middle;
    }

    .skinRMB .page.page--login .checkbox,
    .skinRMB .page.page--userReg .checkbox {
        vertical-align: middle;
    }

    .skinRMB .page.page--login .checkbox__checkmark:before,
    .skinRMB .page.page--userReg .checkbox__checkmark:before {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border-radius: unset;
    }

    .skinRMB .page.page--login .checkbox__checkmark:after,
    .skinRMB .page.page--userReg .checkbox__checkmark:after {
        top: 5px;
    }

    .skinRMB .page.page--login :checked+.checkbox__checkmark:before,
    .skinRMB .page.page--userReg :checked+.checkbox__checkmark:before {
        background: #db883a;
        border: none;
    }

    .skinRMB .lotteryIntroduce-main .tabs .button--outline {
        color: #E77F43;
        border-color: #E77F43;
    }

    .skinRMB .lotteryIntroduce-main .tabs .primary {
        background-color: #E77F43;
        border-color: #E77F43;
        color: #fff;
    }

    .skinRMB .thirdPlan_bet .playMain .planTypeList .planInfo {
        color: #E77F43;
    }

    .skinRMB .thirdPlan_bet .playMain .planTypeList .planInfo.active {
        background-color: #E77F43;
        color: #E77F43;
    }

    .skinRMB .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
        background-color: #E77F43;
    }

    .skinRMB .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
        color: #E77F43;
    }

    .skinRMB .lotteryMenuDialog .betTypeTabs ul li.active {
        color: #e75e25;
    }

    .skinRMB .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
        background-color: #e75e25;
    }

    .skinRMB .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
        background-color: #E77F43;
    }

    .skinRMB .page.page--transfer .tips.listmenu span.active {
        color: #E77F43;
    }

    .skinRMB .page.page--transfer .displaylist>div.selected {
        color: #E77F43;
    }

    .skinRMB .page.page--transfer .displayimg>div.selected:before {
        border-color: #E77F43;
    }

    .skinRMB .page.page--transfer .walletList .item c87452 {
        background-color: #c87452;
        border-color: #c87452;
    }

    .skinRMB .page.page--transfer .masterAccount span {
        color: #E77F43;
    }

    .skinRMB .transferConfirmDialog .middle .unityDialogCard input {
        color: #E77F43;
    }

    .skinRMB .GlobalTopBar .modeSel span {
        color: #fffc00;
    }

    .skinRMB .GlobalTopBar .modeSel span:before {
        background-image: url(/template/fubang2/images/ico/rmb-mode.png);
    }

    .skinRMB .GlobalTopBar .modeSel .switchCurrency dialog-container img {
        content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
    }

    .skinRMB .GlobalTopBar .center .logo {
       // background-image: url(/assets/images/logo/logo-h5.png?v0901);
       background-image: url(/assets/images/logo/logo-big.png?v0901);
    }

    .skinRMB .GlobalTopBar .center .loginBtn,
    .skinRMB .GlobalTopBar .center .serviceChat {
        background: #fe6e35;
        color: #fff;
    }

    .skinRMB .dialogBox .dialog .header:before {
        background-image: url(/assets/images/logo/logo-small.png);
    }

    .skinRMB .dialogBox .dialog .content .page .button {
        background-color: #F48C3A;
    }

    .skinRMB .page.page--index .userBar .balance {
        color: #ff2828;
    }

    .skinRMB .page.page--index .userBar .serviceChat {
        background-color: #E77F43;
    }

    .skinRMB .page.page--index .blockTitle {
        /*.lottery {
                content: url("/assets/images/menu_img/icon-lottery.png");
            }

            .live {
                content: url("/assets/images/menu_img/icon-live.png");
            }

            .poker {
                content: url("/assets/images/menu_img/icon-poker.png");
            }

            .sport {
                content: url("/assets/images/menu_img/icon-sport.png");
            }

            .fish {
                content: url("/assets/images/menu_img/icon-fish.png");
            }

            .slot {
                content: url("/assets/images/menu_img/icon-slot.png");
            }*/
    }

    .skinRMB .page.page--index .blockTitle .gg {
        content: url("/assets/images/menu_img/icon-gg.png");
    }

    .skinRMB .page.page--index .blockTitle .guajiTitleImg {
        content: url("/assets/images/menu_img/icon-guaji.png");
    }

    .skinRMB .page.page--menu .menutop {
        background: #faecec;
    }

    .skinRMB .page.page--menu .menutop .balance em {
        color: #ff2828;
    }

    .skinRMB .page.page--menu .menulist .lottery img {
        content: url("/assets/images/menu_img/icon-lottery.png");
    }

    .skinRMB .page.page--menu .menulist .lotteryLoby img {
        content: url("/assets/images/menu_img/icon-lotteryLoby.png?v1");
    }

    .skinRMB .page.page--menu .menulist .live img {
        content: url("/assets/images/menu_img/icon_live_game_h.png");
    }

    .skinRMB .page.page--menu .menulist .poker img {
        content: url("/assets/images/menu_img/icon_poker_game_h.png");
    }

    .skinRMB .page.page--menu .menulist .sport img {
        content: url("/assets/images/menu_img/icon_sport_game_h.png");
    }

    .skinRMB .page.page--menu .menulist .fish img {
        content: url("/assets/images/menu_img/icon_fish_game_h.png");
    }

    .skinRMB .page.page--menu .menulist .slot img {
        content: url("/assets/images/menu_img/icon_slot_game_h.png");
    }

    .skinRMB .page--loginlog .contentArea .cardItem:not(.special):before {
        background-image: url(/template/fubang2/images/skin/RMB/ico/icon-horn.svg) !important;
    }

    .skinRMB .page.page--deposit .itemlist .selBlock>span.active,
    .skinRMB .page--withdrawal .itemlist .selBlock>span.active,
    .skinRMB .page--transfer .itemlist .selBlock>span.active {
        background-image: url(/template/fubang2/images/skin/RMB/ico/selectBank.svg);
    }

    .skinRMB .page.page--deposit .list .list-item.btn .center span,
    .skinRMB .page--withdrawal .list .list-item.btn .center span,
    .skinRMB .page--transfer .list .list-item.btn .center span {
        background-color: #e97070 !important;
    }

    .skinRMB .page.page--deposit .list .list-item .textc,
    .skinRMB .page--withdrawal .list .list-item .textc,
    .skinRMB .page--transfer .list .list-item .textc {
        color: #FF6818;
    }

    .skinRMB .page.page--aboutUs .logo {
        background-image: url(/assets/images/logo/logo-big.png);
    }

    .skinRMB .page.page--aboutUs .block .title {
        color: #FF6F3D;
    }

    .skinRMB .menuPage .sblock .ntab.active {
        color: #fff;
        background-color: #DC7C49;
    }

    .skinRMB .menuPage .sblock .ntab.active:before {
        background-color: #DC7C49;
    }

    .skinRMB .history_code table td .ssc_ball {
        background: #de8838;
    }

    .skinRMB .page.page--index .betTabs ul li.active,
    .skinRMB .page.page--addUser .betTabs ul li.active {
        color: #de8838;
    }

    .skinRMB .page.page--index .betTabs .betTabsIndicator,
    .skinRMB .page.page--addUser .betTabs .betTabsIndicator {
        background-color: #de8838;
    }

    .skinRMB .page.page--index .list .list-item.btn .center span,
    .skinRMB .page.page--addUser .list .list-item.btn .center span {
        background-color: #E77F43;
    }

    .skinRMB .page.page--index .list .list-item .right .quick,
    .skinRMB .page.page--addUser .list .list-item .right .quick {
        border-color: #E77F43;
        color: #E77F43;
    }

    .skinRMB .page.page--index .betTabs ul li.active {
        color: #fff;
        background-color: #fd4c4c;
    }

    .skinRMB .page.page--index .list .list-item.btn .center span {
        background-color: #E77F43;
    }

    .skinRMB .page.page--index .list .list-item .right .quick {
        border-color: #E77F43;
        color: #E77F43;
    }

    .skinRMB .timeRange .center span.act {
        border-color: #ef9565;
        background-color: #ef9565;
        color: #fff;
    }

    .skinRMB .vdatetime-popup__header,
    .skinRMB .vdatetime-calendar__month__day--selected>span>span,
    .skinRMB .vdatetime-calendar__month__day--selected:hover>span>span {
        background: #E77F43;
    }

    .skinRMB .vdatetime-popup__header,
    .skinRMB .vdatetime-calendar__month__day--selected>span>span,
    .skinRMB .vdatetime-calendar__month__day--selected:hover>span>span {
        background: #E77F43;
    }

    .skinRMB .vdatetime-year-picker__item--selected,
    .skinRMB .vdatetime-time-picker__item--selected,
    .skinRMB .vdatetime-popup__actions__button {
        color: #E77F43;
    }

    .skinRMB .page--addAccount .menu div ul li.selAddType {
        color: #fe6e35;
    }

    .skinRMB .page--addAccount .menu div ul li.selAddType::after {
        background: #fe6e35;
    }

    .skinRMB .bindlist .btn span {
        background-color: #E77F43 !important;
    }

    .skinRMB .slayer {
        color: #E77F43;
    }

    .skinRMB .userRegDialog .dialog .button,
    .skinRMB .userResetDialog .dialog .button {
        background-color: #f37f20;
    }

    .skinRMB .page.page--statistics .pesonalcard>*>span:nth-child(2) {
        color: #f54f2d;
    }

    .skinRMB .page.page--userCenter .list .list-item.my:before,
    .skinRMB .page.page--userCenter .list .list-item.report:before,
    .skinRMB .page.page--userCenter .list .list-item.WDrecord:before,
    .skinRMB .page.page--userCenter .list .list-item.invite:before,
    .skinRMB .page.page--userCenter .list .list-item.team:before,
    .skinRMB .page.page--userCenter .list .list-item.msg:before,
    .skinRMB .page.page--userCenter .list .list-item.logo:before {
        background-color: #e07171;
    }

    .skinRMB .page.page--withdrawal .sitem .maxAmount {
        color: #E77F43;
    }

    .skinRMB .longbet-index .longbet-list .longbetitem .button {
        background-color: #e17540;
    }

    .skinRMB .page.page--index .announcement,
    .skinRMB .page.page--addUser .announcement {
        background: #ffe6e6;
    }

    .skinUSDT .unityDialog .top {
        background: unset;
        background-color: #2b759c;
    }

    .skinUSDT .unityDialog .middle .matter>div:first-child span {
        color: #2b759c;
    }

    .skinUSDT .unityDialog .bottom>span:last-child {
        background-image: unset;
        background-color: #2b759c;
    }

    .skinUSDT .unityDialog .bottom>span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(43, 117, 156, 0.9) 0%, #fff 200%);
        background-color: rgba(43, 117, 156, 0.9);
    }

    .skinUSDT .button--primary,
    .skinUSDT .button--primary:active {
        color: #fff;
        background: #52a3ce;
    }

    .skinUSDT .button--primary[plain],
    .skinUSDT .button--primary:active[plain] {
        color: #2b759c;
        background: #eaf1f5;
        border-color: #cadde6;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
        color: #2b759c;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel span {
        color: #2bffa6 !important;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel span:before {
        background-image: url(/template/fubang2/images/ico/usdt-mode2.png) !important;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel .switchCurrency {
        background: #1e6286;
    }

    .skinUSDT .page.page--userCenter .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
        content: url("/template/fubang2/images/skin/USDT/ico/switch.png") !important;
    }

    .skinUSDT .onePageSlideItem .tips>p.textc,
    .skinUSDT .page__content.features .tips>p.textc {
        color: #2b759c;
    }

    .skinUSDT .onePageSlideItem .tips>p .textc,
    .skinUSDT .page__content.features .tips>p .textc {
        color: #2b759c;
    }

    .skinUSDT .page.page--menu .menutop {
        border-bottom: 1px solid #2b759c;
        background: linear-gradient(to top, #3680a7 0, #3680a7 75%);
    }

    .skinUSDT .page.page--index .announcement {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 7.04%, rgba(255, 255, 255, 0.2) 100%), #d8e6ef;
        box-shadow: 0px -4px 14px 0px rgba(0, 0, 0, 0.05);
    }

    .skinUSDT .page.page--index .announcement .icon {
        color: #2b759c;
    }

    .skinUSDT .page.page--index .page--index__content .usdt-info {
        background-color: #3781a8;
    }

    .skinUSDT .page.page--index .page--index__content .usdt-info .rate-box .text {
        color: #fff;
    }

    .skinUSDT .page.page--index .page--index__content .usdt-info .rate-box .rate-text {
        color: #fffc00;
    }

    .skinUSDT .page.page--index .page--index__content .usdt-info .test-list {
        background-color: #2c688a;
    }

    .skinUSDT .page.page--index .page--index__content .usdt-info .test-list li span {
        color: #9ad9fa;
    }

    .skinUSDT .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--live .errMsgBox em {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
        color: #C32D3799;
    }

    .skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
        background-color: #C32D3799;
    }

    .skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
        color: #52a3ce;
    }

    .skinUSDT .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--lottery .lotteryHeader {
        background: #29607f;
    }

    .skinUSDT .page.page--lottery .lotteryHeader .lotteryMethodGuide {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .lotteryHeader .lastIssue ul li span {
        background-image: url(/template/fubang2/images/skin/USDT/lottery/numBg.png);
        box-shadow: 0 4px 6px #ffffff;
    }

    .skinUSDT .page.page--lottery .lotteryHeader .showMenuBtn {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
    .skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
        /*快三同号*/
    }

    .skinUSDT .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
        /*选中*/
        background: var(--green_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
    }

    .skinUSDT .page.page--lottery .normal_foot .betInfo>span em {
        color: #52a3ce;
    }

    .skinUSDT .page.page--lottery .normal_foot .betInfo span.prize .prizes {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
        color: #52a3ce;
    }

    .skinUSDT .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
        background: #de8527;
    }

    .skinUSDT .page.page--lottery .normal_foot .betOKBtn .onkeyBet2 {
        background: #f04243;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
        color: #F47622;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
        background: var(--green_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
        color: #F47622;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
        background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
        color: #F47622;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
        background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
        color: #F47622;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
        background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
        color: #2b759c !important;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
        border-color: #2b759c;
        background-color: rgba(43, 117, 156, 0.1);
    }

    .skinUSDT .page.page--lottery .pk_foot .countBar span {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .pk_foot .amountBar .amountInput {
        color: #2b759c;
    }

    .skinUSDT .page.page--lottery .pk_foot .amountBar .amountInput input {
        color: #1DAEDB;
        background-color: #E7F3F5;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
        color: #2b759c;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
        color: #2b759c;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
        color: #2b759c;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
        color: #2b759c;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
        color: #2b759c;
    }

    .skinUSDT .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
        color: #2b759c;
    }

    .skinUSDT .launchBetDialog .QuicklyMain .top {
        background: #2b759c;
    }

    .skinUSDT .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
        background: var(--purpple_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
        background: var(--purpple_btn, radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), #52a3ce);
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.top {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container .my-method {
        border-bottom: 1px solid #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container .my-method div .label {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container .my-method ul li.selected {
        border: 1px solid #2b759c;
        color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog .CartMain .top {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
        color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
        color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
        color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
        border-color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:first-child {
        color: #d8e6ef;
    }

    .skinUSDT .lotteryCartDialog .CartMain .foot span:last-child {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .CartMain .foot span:last-child:active {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog.task .top {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog.task .middle .CartItem.select {
        box-shadow: 0 0 8px rgba(43, 117, 156, 0.5);
        transition: all .2s;
    }

    .skinUSDT .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
        color: #7ca1b4;
    }

    .skinUSDT .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
        color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
        color: #7ca1b4;
    }

    .skinUSDT .lotteryCartDialog.task .foot span:last-child {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog.task .foot span:last-child:active {
        background: unset;
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
        color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
        background-color: #52a3ce;
    }

    .skinUSDT .lotteryCartDialog .TaskMain .foot .footcount em {
        color: #2b759c;
    }

    .skinUSDT .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
        color: #2b759c;
    }

    .skinUSDT .lotteryQuicklyDialog .top {
        background: unset;
        background-color: #2b759c;
    }

    .skinUSDT .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
        color: #2b759c;
    }

    .skinUSDT .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
        color: #7ca1b4;
    }

    .skinUSDT .lotteryQuicklyDialog .middle .matter>div span {
        color: #2b9b9c;
    }

    .skinUSDT .lotteryQuicklyDialog .bottom>span:nth-child(2) {
        color: #2b9b9c;
    }

    .skinUSDT .lotteryQuicklyDialog .bottom>span:last-child {
        background-image: unset;
        background-color: #2b759c;
        color: #fff;
    }

    .skinUSDT .lotteryQuicklyDialog .bottom>span:last-child:active {
        color: rgba(255, 255, 255, 0.8);
        background-image: linear-gradient(-45deg, rgba(43, 117, 156, 0.9) 0%, #fff 200%);
        background-color: rgba(43, 117, 156, 0.9);
    }

    .skinUSDT .lotteryQuicklyDialog.share .top {
        background: linear-gradient(-45deg, #2b9b9c 0%, #fff 200%);
        background-color: #2b9b9c;
    }

    .skinUSDT .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
        color: #2b9b9c;
    }

    .skinUSDT .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
        color: #7cb3b4;
    }

    .skinUSDT .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
        color: #2b759c;
    }

    .skinUSDT .lotteryQuicklyDialog.share .bottom>span:last-child {
        background-image: linear-gradient(-45deg, #2b9b9c 0%, #fff 200%);
        background-color: #2b9b9c;
    }

    .skinUSDT .lotteryQuicklyDialog.share .bottom>span:last-child:active {
        background-image: linear-gradient(-45deg, rgba(43, 155, 156, 0.8) 0%, #fff 200%);
        background-color: rgba(43, 155, 156, 0.8);
    }

    .skinUSDT .shareOrderRate .alert-dialog-content--select {
        background-color: #40a5a6;
    }

    .skinUSDT .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #40a5a6;
    }

    .skinUSDT .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
        color: #2b759c;
    }

    .skinUSDT article .link {
        color: #2b759c;
    }

    .skinUSDT .help-list .list .list-header {
        color: #2b759c;
    }

    .skinUSDT .help-center h3 {
        color: #2b759c;
    }

    .skinUSDT .help-center h5 {
        background: #2b759c;
    }

    .skinUSDT .help-center p span {
        background-color: #2b759c;
    }

    .skinUSDT .help-center dl dd a {
        color: #2b759c;
    }

    .skinUSDT .help-center strong {
        color: #2b759c;
    }

    .skinUSDT .help-center .button--outline {
        border: 1px solid #2b759c;
    }

    .skinUSDT .help-center .primary {
        background-color: #2b759c;
        border-color: #2b759c;
    }

    .skinUSDT .GlobalBottomBar>div.activity {
        color: #52a3ce;
    }

    .skinUSDT .GlobalBottomBar .bottomIndexA {
        background-image: url(/template/fubang2/images/skin/USDT/ico/homeh.svg);
        background-size: 136% !important;
        background-position: -5px -5px;
    }

    .skinUSDT .GlobalBottomBar .bottomActA {
        background-image: url(/template/fubang2/images/skin/USDT/ico/activetyh.svg);
    }

    .skinUSDT .GlobalBottomBar .bottomDepositA {
        background-image: url(/template/fubang2/images/skin/USDT/ico/walleth.svg);
    }

    .skinUSDT .GlobalBottomBar .bottomChatA {
        background-image: url(/template/fubang2/images/skin/USDT/ico/messageh.svg);
        background-size: 116% !important;
        background-position: -2px -2px;
    }

    .skinUSDT .GlobalBottomBar .bottomMyA {
        background-image: url(/template/fubang2/images/skin/USDT/ico/myh.svg);
    }

    .skinUSDT .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
        background-color: #2b759c;
    }

    .skinUSDT .history_line .td-page .td-nav>div:nth-child(2)>div {
        border: 1px solid #2b759c;
        color: #2b759c;
    }

    .skinUSDT .history_line .td-page .td-nav>div:nth-child(2)>div.active {
        background-color: #2b759c;
        color: #ffffff;
    }

    .skinUSDT .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
        background: #2b759c;
        color: #ffffff;
    }

    .skinUSDT .history_line .td-page .td-nav>div:nth-child(1) {
        color: #52a3ce;
    }

    .skinUSDT .page.page--userCenter .topbutton {
        background: linear-gradient(0deg, #2b759c 0%, #2b759c 100%) #2b759c;
    }

    .skinUSDT .page.page--userCenter .topinfo {
        background-color: #28607e;
    }

    .skinUSDT .page.page--userCenter .topinfo .userinfo .serviceChat {
        background: radial-gradient(145.44% 214.05% at 22.09% -36.67%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 56.9%), linear-gradient(0deg, #FF6B1A 0%, #FF6B1A 100%), #489bcd;
    }

    .skinUSDT .page.page--userCenter .topinfo .userinfo .center .addTime {
        color: #fff;
    }

    .skinUSDT .page.page--userCenter .topinfo .userinfo .center .center .addTime {
        color: #fff;
    }

    .skinUSDT .page.page--userCenter .topinfo .userinfo .center .center .balance .ons-icon {
        color: #fff;
    }

    .skinUSDT .page.page--userCenter .topinfo .balance-info .balance .ons-icon.icon-refresh {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--userCenter .list .exinfo>div span {
        color: #2b759c;
    }

    .skinUSDT .page.page--userCenter .list .exlist .exxlist>div .copy {
        color: #2b759c;
    }

    .skinUSDT .page.page--userCenter .list .list-item:before {
        background-color: #1895d7;
    }

    .skinUSDT .page.page--userCenter .list.sitems .list-item:before {
        background-color: unset;
    }

    .skinUSDT .page.page--userCenter .list.star.fe-icon-star2:before {
        color: #d8e6ef;
    }

    .skinUSDT .page.page--userCenter .balance {
        color: #fff;
    }

    .skinUSDT .page.page--gameList .gameListMain section .gameListTab ul li.active {
        color: #2b759c;
    }

    .skinUSDT .page.page--gameList .gameListMain section .gameListTab .indicator {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--report .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--wage .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item .center,
    .skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item .center {
        color: #52a3ce;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
    .skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
    .skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
        background-color: #F7F7F7;
        color: #777;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
    .skinUSDT .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
        background-color: #2b759c;
        color: #fff;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
        color: rgba(43, 117, 156, 0.5);
    }

    .skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
    .skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
        color: #2b759c;
    }

    .skinUSDT .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
    .skinUSDT .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
        background-color: #2b759c;
    }

    .skinUSDT .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
        background-color: #2b759c;
    }

    .skinUSDT .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
        background-color: #2b759c;
    }

    .skinUSDT :checked+.switch__toggle {
        box-shadow: inset 0 0 0 2px #FF6B1A;
        background-color: #FF6B1A;
    }

    .skinUSDT .commu .segment__button {
        border: 1px solid #2b759c;
        color: #2b759c;
    }

    .skinUSDT .commu :checked+.segment__button {
        background-color: #2b759c;
    }

    .skinUSDT .longbet-index .header .button--cta {
        background-color: #2b759c;
        border: 1px solid #2b759c;
    }

    .skinUSDT .longbet-index .header .button--outline {
        border: 1px solid #2b759c;
        color: #2b759c;
    }

    .skinUSDT .appTips a {
        background-color: #2b759c;
    }

    .skinUSDT .list--exquisite .list-item.list-item--button .button {
        background-color: rgba(43, 117, 156, 0.7);
    }

    .skinUSDT .list--exquisite .list-item.list-item--button .button.smallsize {
        background-color: #f9f9f9;
        color: #777;
    }

    .skinUSDT .list--exquisite .center.red {
        color: #2b759c;
    }

    .skinUSDT .alert-dialog--select .alert-dialog-content--select {
        background-color: rgba(43, 117, 156, 0.7);
    }

    .skinUSDT .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
        color: #2b759c;
    }

    .skinUSDT .mychoice div ul li.cur span {
        background: #52a3ce;
    }

    .skinUSDT .highlightTip {
        color: #2b759c;
    }

    .skinUSDT .page.page--login .loginBg01,
    .skinUSDT .page.page--userReg .loginBg01 {
        background-image: url(/template/fubang2/images/skin/blue/m-login-bg.png);
    }

    .skinUSDT .page.page--login .jzmm,
    .skinUSDT .page.page--userReg .jzmm {
        color: #777777;
    }

    .skinUSDT .page.page--login .jzmm label,
    .skinUSDT .page.page--userReg .jzmm label {
        font-size: 14px;
        color: #777777;
    }

    .skinUSDT .page.page--login .loginMain .logobg,
    .skinUSDT .page.page--userReg .loginMain .logobg {
        background: url(/template/fubang2/images/skin/blue/logo.png);
        background-size: 100% 100%;
    }

    .skinUSDT .page.page--login .loginMain .from .form-input-item input,
    .skinUSDT .page.page--userReg .loginMain .from .form-input-item input {
        color: #777777;
    }

    .skinUSDT .page.page--login .loginMain .from .form-input-item .ico-user,
    .skinUSDT .page.page--userReg .loginMain .from .form-input-item .ico-user {
        background: url(/template/fubang2/images/skin/USDT/ico-user.png);
        background-size: 100%;
    }

    .skinUSDT .page.page--login .loginMain .from .form-input-item .ico-password,
    .skinUSDT .page.page--userReg .loginMain .from .form-input-item .ico-password {
        background: url(/template/fubang2/images/skin/USDT/ico-password.png);
        background-size: 100%;
        height: 26px;
    }

    .skinUSDT .page.page--login .loginMain .from .form-text-item,
    .skinUSDT .page.page--userReg .loginMain .from .form-text-item {
        color: white;
    }

    .skinUSDT .page.page--login .loginMain .from .form-input-item label i,
    .skinUSDT .page.page--userReg .loginMain .from .form-input-item label i {
        color: white;
        display: inline-block;
        height: 22px;
        width: 22px;
    }

    .skinUSDT .page.page--login .loginMain .loginbtn .button,
    .skinUSDT .page.page--userReg .loginMain .loginbtn .button {
        border-radius: 8px;
        background-color: #b850e4;
    }

    .skinUSDT .page.page--login .loginMain .login-btn-box .btn_item,
    .skinUSDT .page.page--userReg .loginMain .login-btn-box .btn_item {
        background-color: rgba(255, 255, 255, 0.8);
        color: #b850e4;
    }

    .skinUSDT .page.page--login .loginMain .login-btn-box .btn_item>span,
    .skinUSDT .page.page--userReg .loginMain .login-btn-box .btn_item>span {
        vertical-align: middle;
    }

    .skinUSDT .page.page--login .checkbox,
    .skinUSDT .page.page--userReg .checkbox {
        vertical-align: middle;
    }

    .skinUSDT .page.page--login .checkbox__checkmark:before,
    .skinUSDT .page.page--userReg .checkbox__checkmark:before {
        width: 20px;
        height: 20px;
        background-color: #ffffff;
        border-radius: unset;
    }

    .skinUSDT .page.page--login .checkbox__checkmark:after,
    .skinUSDT .page.page--userReg .checkbox__checkmark:after {
        top: 5px;
    }

    .skinUSDT .page.page--login :checked+.checkbox__checkmark:before,
    .skinUSDT .page.page--userReg :checked+.checkbox__checkmark:before {
        background: #1895d7;
        border: none;
    }

    .skinUSDT .lotteryIntroduce-main .tabs .button--outline {
        color: #2b759c;
        border-color: #2b759c;
    }

    .skinUSDT .lotteryIntroduce-main .tabs .primary {
        background-color: #2b759c;
        border-color: #2b759c;
        color: #fff;
    }

    .skinUSDT .thirdPlan_bet .playMain .planTypeList .planInfo {
        color: #2b759c;
    }

    .skinUSDT .thirdPlan_bet .playMain .planTypeList .planInfo.active {
        background-color: #2b759c;
        color: #fff;
    }

    .skinUSDT .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
        background-color: #2b759c;
    }

    .skinUSDT .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .betTypeTabs ul li.active {
        color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
        background-color: #2b759c;
    }

    .skinUSDT .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
        background-color: #2b759c;
    }

    .skinUSDT .page.page--transfer .list .list-item .center input {
        color: #2b759c;
    }

    .skinUSDT .page.page--transfer .tips.listmenu span.active {
        color: #2b759c;
    }

    .skinUSDT .page.page--transfer .displaylist>div.selected {
        color: #2b759c;
    }

    .skinUSDT .page.page--transfer .displayimg>div.selected:before {
        border-color: #2b759c;
    }

    .skinUSDT .page.page--transfer .walletList .item .oneKey {
        background-color: #d8e6ef;
        border-color: #d8e6ef;
    }

    .skinUSDT .page.page--transfer .masterAccount span {
        color: #2b759c;
    }

    .skinUSDT .transferConfirmDialog .middle .unityDialogCard input {
        color: #2b759c;
    }

    .skinUSDT .page--addAccount .menu div ul li.selAddType::after {
        background: #9ad9fa;
    }

    .skinUSDT .GlobalTopBar.toolbar {
        background: linear-gradient(0deg, #2b759c 0%, #2b759c 100%), #2b759c;
    }

    .skinUSDT .GlobalTopBar .modeSel span {
        color: #2bffa6;
    }

    .skinUSDT .GlobalTopBar .modeSel span:before {
        background-image: url(/template/fubang2/images/ico/usdt-mode2.png);
    }

    .skinUSDT .GlobalTopBar .modeSel .switchCurrency {
        background: #1e6287;
    }

    .skinUSDT .GlobalTopBar .modeSel .switchCurrency img {
        content: url("/template/fubang2/images/skin/USDT/ico/switch.png");
    }

    .skinUSDT .GlobalTopBar .center .logo {
        background-image: url(/template/fubang2/images/skin/USDT/logo/logo-h5.png);
    }

    .skinUSDT .GlobalTopBar .center .loginBtn {
        background-color: #1895d7;
    }

    .skinUSDT .dialogBox .dialog .header:before {
        background-image: url(/template/fubang2/images/skin/USDT/logo/logo-small.png);
    }

    .skinUSDT .dialogBox .dialog .content .page .button {
        background-color: #1895d7;
    }

    .skinUSDT .page.page--index .userBar .balance {
        color: #f74752;
    }

    .skinUSDT .page.page--index .userBar .serviceChat {
        background: linear-gradient(0deg, #489bcd 0%, #489bcd 100%) #489bcd;
    }

    .skinUSDT .page.page--index .usdt-info {
        background: #E1EFF3;
    }

    .skinUSDT .page.page--index .usdt-info .button-ios {
        background: #0c6198;
        box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 3px 4px 0px rgba(255, 255, 255, 0.25) inset;
    }

    .skinUSDT .page.page--index .usdt-info .rate-box .text {
        color: #f74752;
    }

    .skinUSDT .page.page--index .usdt-info .test-list li span {
        display: inline-block;
    }

    .skinUSDT .page.page--index .blockTitle {
        /*.lottery{
                content: url("/template/fubang2/images/skin/USDT/index/icon-lottery.png");
            }
            .live{
                content: url("/template/fubang2/images/skin/USDT/index/icon-live.png");
            }
            .poker{
                content: url("/template/fubang2/images/skin/USDT/index/icon-poker.png");
            }
            .sport{
                content: url("/template/fubang2/images/skin/USDT/index/icon-sport.png");
            }
            .fish{
                content: url("/template/fubang2/images/skin/USDT/index/icon-fish.png");
            }
            .slot{
                content: url("/template/fubang2/images/skin/USDT/index/icon-slot.png");
            }*/
    }

    .skinUSDT .page.page--index .blockTitle .gg {
        content: url("/template/fubang2/images/skin/USDT/index/icon-gg.png");
    }

    .skinUSDT .page.page--index .blockTitle .guajiTitleImg {
        content: url("/template/fubang2/images/skin/USDT/index/icon-guaji.png");
    }

    .skinUSDT .page.page--menu .menutop .balance em {
        color: #fff;
    }

    .skinUSDT .page.page--menu .menulist .lottery img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-lottery.png");
    }

    .skinUSDT .page.page--menu .menulist .lotteryLoby img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-lotteryLoby.png");
    }

    .skinUSDT .page.page--menu .menulist .live img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-live.png");
    }

    .skinUSDT .page.page--menu .menulist .poker img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-poker.png");
    }

    .skinUSDT .page.page--menu .menulist .sport img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-sport.png");
    }

    .skinUSDT .page.page--menu .menulist .fish img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-fish.png");
    }

    .skinUSDT .page.page--menu .menulist .slot img {
        content: url("/template/fubang2/images/skin/USDT/index/icon-slot.png");
    }

    .skinUSDT .page.page--menu .menulist #type2 .btnType.WDRecord,
    .skinUSDT .page.page--menu .menulist #type2 .btnType.gameRecord {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 7.04%, rgba(255, 255, 255, 0.2) 100%), #52a3ce;
    }

    .skinUSDT .page--loginlog .contentArea .cardItem:not(.special):before {
        background-image: url(/template/fubang2/images/skin/USDT/ico/icon-horn.svg) !important;
    }

    .skinUSDT .page.page--deposit .itemRow .balance,
    .skinUSDT .page--withdrawal .itemRow .balance,
    .skinUSDT .page--transfer .itemRow .balance {
        color: #14A2CB;
    }

    .skinUSDT .page.page--deposit .itemlist .selBlock>span.active,
    .skinUSDT .page--withdrawal .itemlist .selBlock>span.active,
    .skinUSDT .page--transfer .itemlist .selBlock>span.active {
        background-image: url(/template/fubang2/images/skin/USDT/ico/selectBank.svg);
        border: 1px solid #358dbd;
    }

    .skinUSDT .page.page--deposit .itemlist .selBtn .active,
    .skinUSDT .page--withdrawal .itemlist .selBtn .active,
    .skinUSDT .page--transfer .itemlist .selBtn .active {
        background-color: #358dbd !important;
    }

    .skinUSDT .page.page--deposit .list .list-item.btn .center span,
    .skinUSDT .page--withdrawal .list .list-item.btn .center span,
    .skinUSDT .page--transfer .list .list-item.btn .center span {
        background-color: #358dbd !important;
    }

    .skinUSDT .page.page--deposit .list .list-item .textc,
    .skinUSDT .page--withdrawal .list .list-item .textc,
    .skinUSDT .page--transfer .list .list-item .textc {
        color: #14A2CB;
    }

    .skinUSDT .page.page--aboutUs .logo {
        background-image: url(/template/fubang2/images/skin/USDT/logo/logo-big.png);
    }

    .skinUSDT .page.page--aboutUs .block .title {
        color: #14A2CB;
    }

    .skinUSDT .menuPage .sblock {
        background-color: #f2f1f6;
    }

    .skinUSDT .menuPage .sblock .ntab.active {
        color: #52a3ce;
    }

    .skinUSDT .menuPage .sblock .ntab.active:before {
        background-color: #31C4F0;
    }

    .skinUSDT .selGameMode span {
        background-color: #1e516c;
    }

    .skinUSDT .selGameMode span.active {
        background-color: #36a7e1;
    }

    .skinUSDT .history_code table td .ssc_ball {
        background: #52a3ce;
    }

    .skinUSDT .record-nav .button--outline {
        border-color: #52a3ce;
        color: #52a3ce;
    }

    .skinUSDT .record-nav .button--outline:active,
    .skinUSDT .record-nav .button--outline.selected {
        background-color: #52a3ce;
        color: #fff;
    }

    .skinUSDT .page.page--index .betTabs ul li.active,
    .skinUSDT .page.page--addUser .betTabs ul li.active {
        color: #52a3ce;
    }

    .skinUSDT .page.page--index .betTabs .betTabsIndicator,
    .skinUSDT .page.page--addUser .betTabs .betTabsIndicator {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--index .list .list-item.btn .center span,
    .skinUSDT .page.page--addUser .list .list-item.btn .center span {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--index .list .list-item .right .quick,
    .skinUSDT .page.page--addUser .list .list-item .right .quick {
        border-color: #52a3ce;
        color: #52a3ce;
    }

    .skinUSDT .page.page--index .betTabs ul li.active {
        color: #52a3ce;
        border-color: #52a3ce;
    }

    .skinUSDT .page.page--index .list .list-item.btn .center span {
        background-color: #52a3ce;
    }

    .skinUSDT .page.page--index .list .list-item .right .quick {
        border-color: #52a3ce;
        color: #52a3ce;
    }

    .skinUSDT .timeRange .center span.act {
        border-color: #52a3ce;
        color: #52a3ce;
    }

    .skinUSDT .vdatetime-popup__header,
    .skinUSDT .vdatetime-calendar__month__day--selected>span>span,
    .skinUSDT .vdatetime-calendar__month__day--selected:hover>span>span {
        background: #52a3ce;
    }

    .skinUSDT .vdatetime-popup__header,
    .skinUSDT .vdatetime-calendar__month__day--selected>span>span,
    .skinUSDT .vdatetime-calendar__month__day--selected:hover>span>span {
        background: #52a3ce;
    }

    .skinUSDT .vdatetime-year-picker__item--selected,
    .skinUSDT .vdatetime-time-picker__item--selected,
    .skinUSDT .vdatetime-popup__actions__button {
        color: #52a3ce;
    }

    .skinUSDT .page--addAccount .menu div ul li.selAddType {
        color: #52a3ce;
    }

    .skinUSDT .page--addAccount .menu div ul li.selAddType::after {
        background: #52a3ce;
    }

    .skinUSDT .bindlist .btn span {
        background-color: #52a3ce;
    }

    .skinUSDT .slayer {
        color: #d8e6ef;
    }

    .skinUSDT .linearGradient {
        background-image: linear-gradient(to right, #d8e6ef, #52a3ce);
    }

    .skinUSDT .dialogConfirm .dialog .header {
        background-color: #d8e6ef;
    }

    .skinUSDT .dialogConfirm .dialog .footer span:nth-child(2) {
        color: #d8e6ef;
    }

    .skinUSDT .userRegDialog .dialog .button,
    .skinUSDT .userResetDialog .dialog .button {
        background-color: #f37f20;
    }

    .skinUSDT .page.page--statistics .pesonalcard>*>span:nth-child(2),
    .skinUSDT .teamIndex .pesonalcard>*>span:nth-child(2) {
        color: #52a3ce;
    }

    @font-face {
        font-family: 'DS-Digital';
        src: url("/fonts/DS-DIGIB-2.eot"), url("/fonts/DS-DIGIB-2.woff2") format("woff2"), url("//fonts/DS-DIGIB-2.ttf") format("truetype");
        font-style: normal;
    }

    /* </style>
    <style type="text/css"> */
    .vdatetime-fade-enter-active,
    .vdatetime-fade-leave-active {
        transition: opacity .4s
    }

    .vdatetime-fade-enter,
    .vdatetime-fade-leave-to {
        opacity: 0
    }

    .vdatetime-overlay {
        z-index: 999;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        transition: opacity .5s
    }

    .vdatetime-popup {
        box-sizing: border-box;
        z-index: 1000;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 340px;
        max-width: calc(100% - 30px);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
        color: #444;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
        background: #fff;
        -webkit-tap-highlight-color: transparent
    }

    .vdatetime-popup * {
        box-sizing: border-box
    }

    .vdatetime-popup__header {
        padding: 15px 30px;
        background: #3f51b5;
        color: #fff;
        font-size: 32px
    }

    .vdatetime-popup__year {
        display: block;
        font-weight: 300;
        font-size: 14px;
        opacity: .7;
        cursor: pointer;
        transition: opacity .3s
    }

    .vdatetime-popup__year:hover {
        opacity: 1
    }

    .vdatetime-popup__actions {
        padding: 0 20px 10px 30px;
        text-align: right
    }

    .vdatetime-popup__actions__button {
        display: inline-block;
        border: none;
        padding: 10px 20px;
        background: 0 0;
        font-size: 16px;
        color: #3f51b5;
        cursor: pointer;
        transition: color .3s
    }

    .vdatetime-popup__actions__button:hover {
        color: #444
    }

    .vdatetime-calendar__navigation--next:hover svg path,
    .vdatetime-calendar__navigation--previous:hover svg path {
        stroke: #888
    }

    .vdatetime-calendar__navigation,
    .vdatetime-calendar__navigation * {
        box-sizing: border-box
    }

    .vdatetime-calendar__navigation {
        position: relative;
        margin: 15px 0;
        padding: 0 30px;
        width: 100%
    }

    .vdatetime-calendar__navigation--next,
    .vdatetime-calendar__navigation--previous {
        position: absolute;
        top: 0;
        padding: 0 5px;
        width: 18px;
        cursor: pointer
    }

    .vdatetime-calendar__navigation--next svg,
    .vdatetime-calendar__navigation--previous svg {
        width: 8px
    }

    .vdatetime-calendar__navigation--next svg path,
    .vdatetime-calendar__navigation--previous svg path {
        transition: stroke .3s
    }

    .vdatetime-calendar__navigation--previous {
        left: 25px
    }

    .vdatetime-calendar__navigation--next {
        right: 25px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .vdatetime-calendar__current--month {
        text-align: center;
        text-transform: capitalize
    }

    .vdatetime-calendar__month {
        padding: 0 20px;
        transition: height .2s
    }

    .vdatetime-calendar__month__day,
    .vdatetime-calendar__month__weekday {
        display: inline-block;
        width: 14.28571%;
        line-height: 36px;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        cursor: pointer
    }

    .vdatetime-calendar__month__day>span,
    .vdatetime-calendar__month__weekday>span {
        display: block;
        width: 100%;
        position: relative;
        height: 0;
        padding: 0 0 100%;
        overflow: hidden
    }

    .vdatetime-calendar__month__day>span>span,
    .vdatetime-calendar__month__weekday>span>span {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 0;
        border-radius: 50%;
        transition: background-color .3s, color .3s
    }

    .vdatetime-calendar__month__weekday {
        font-weight: 700
    }

    .vdatetime-calendar__month__day:hover>span>span {
        background: #eee
    }

    .vdatetime-calendar__month__day--selected:hover>span>span,
    .vdatetime-calendar__month__day--selected>span>span {
        color: #fff;
        background: #3f51b5
    }

    .vdatetime-calendar__month__day--disabled {
        opacity: .4;
        cursor: default
    }

    .vdatetime-calendar__month__day--disabled:hover>span>span {
        color: inherit;
        background: 0 0
    }

    .vdatetime-time-picker__list::-webkit-scrollbar-thumb {
        background: #ccc
    }

    .vdatetime-time-picker__list::-webkit-scrollbar-track {
        background: #efefef
    }

    .vdatetime-time-picker * {
        box-sizing: border-box
    }

    .vdatetime-time-picker {
        box-sizing: border-box
    }

    .vdatetime-time-picker::after {
        content: '';
        display: table;
        clear: both
    }

    .vdatetime-time-picker__list {
        float: left;
        width: 50%;
        height: 305px;
        overflow-y: scroll
    }

    .vdatetime-time-picker__list::-webkit-scrollbar {
        width: 3px
    }

    .vdatetime-time-picker__with-suffix .vdatetime-time-picker__list {
        width: 33.3%
    }

    .vdatetime-time-picker__item {
        padding: 10px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        transition: font-size .3s
    }

    .vdatetime-time-picker__item:hover {
        font-size: 32px
    }

    .vdatetime-time-picker__item--selected {
        color: #3f51b5;
        font-size: 32px
    }

    .vdatetime-time-picker__item--disabled {
        opacity: .4;
        cursor: default;
        font-size: 20px !important
    }

    .vdatetime-year-picker__list::-webkit-scrollbar-thumb {
        background: #ccc
    }

    .vdatetime-year-picker__list::-webkit-scrollbar-track {
        background: #efefef
    }

    .vdatetime-year-picker * {
        box-sizing: border-box
    }

    .vdatetime-year-picker {
        box-sizing: border-box
    }

    .vdatetime-year-picker::after {
        content: '';
        display: table;
        clear: both
    }

    .vdatetime-year-picker__list {
        float: left;
        width: 100%;
        height: 305px;
        overflow-y: scroll
    }

    .vdatetime-year-picker__list::-webkit-scrollbar {
        width: 3px
    }

    .vdatetime-year-picker__item {
        padding: 10px 0;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        transition: font-size .3s
    }

    .vdatetime-year-picker__item:hover {
        font-size: 32px
    }

    .vdatetime-year-picker__item--selected {
        color: #3f51b5;
        font-size: 32px
    }

    .vdatetime-year-picker__item--disabled {
        opacity: .4;
        cursor: default
    }

    .vdatetime-year-picker__item--disabled:hover {
        color: inherit;
        background: 0 0
    }

    /* </style>
    <style type="text/css"> */
    .datetimePicker,
    .datetimePicker .hide,
    .datetimePicker .vdatetime-input,
    .datetimePicker .vdatetime {
        height: 0;
        width: 0;
        padding: 0;
        margin: 0;
        border: none;
        outline: none;
    }

    .datetimePicker .rangeTip {
        position: fixed;
        bottom: 1.5rem;
        z-index: 1001;
        background: rgba(52, 52, 52, 0.8);
        color: #fff;
        left: 50%;
        font-size: .32rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: .1rem .3rem;
        border-radius: 10rem;
        line-height: normal;
    }

    .vdatetime-popup {
        width: 7.43rem;
        max-width: calc(100% - .656rem);
        border-radius: 5px;
        overflow: hidden;
    }

    .vdatetime-popup__header {
        padding: .328rem .656rem;
    }

    .vdatetime-popup__year {
        font-size: .306rem;
    }

    .vdatetime-popup__actions {
        padding: 0 .43rem .21rem .656rem;
    }

    .vdatetime-popup__actions__button {
        padding: .21rem .437rem;
        font-size: .35rem;
    }

    .vdatetime-calendar__navigation {
        margin: .328rem 0;
        padding: 0 .656rem;
    }

    .vdatetime-calendar__navigation--next,
    .vdatetime-calendar__navigation--previous {
        padding: 0 .109rem;
        width: .393rem;
    }

    .vdatetime-calendar__navigation--next svg,
    .vdatetime-calendar__navigation--previous svg {
        width: .175rem;
    }

    .vdatetime-calendar__navigation--previous {
        left: .54rem;
    }

    .vdatetime-calendar__navigation--next {
        right: .54rem;
    }

    .vdatetime-calendar__month {
        padding: 0 .43rem;
    }

    .vdatetime-calendar__month__day,
    .vdatetime-calendar__month__weekday {
        line-height: .78rem;
        font-size: .32rem;
    }

    .vdatetime-time-picker__item {
        padding: .21rem 0;
        font-size: .43rem;
    }

    .vdatetime-time-picker__item--disabled {
        font-size: .43rem !important;
    }

    .vdatetime-time-picker__list,
    .vdatetime-year-picker__list {
        height: 6.67rem;
    }

    .vdatetime-year-picker__item {
        padding: .21rem 0;
        font-size: .43rem;
    }

    .vdatetime-popup__header,
    .vdatetime-time-picker__item:hover,
    .vdatetime-time-picker__item--selected,
    .vdatetime-year-picker__item:hover,
    .vdatetime-year-picker__item--selected {
        font-size: .7rem;
    }

    .vdatetime-popup__header,
    .vdatetime-calendar__month__day--selected>span>span,
    .vdatetime-calendar__month__day--selected:hover>span>span {
        background: rgba(0, 148, 192, 0.8);
    }

    .vdatetime-year-picker__item--selected,
    .vdatetime-time-picker__item--selected,
    .vdatetime-popup__actions__button {
        color: rgba(0, 148, 192, 0.8);
    }

    /* </style>
    <style type="text/css"> */
    .loadingMask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .loadingMask>span {
        padding-top: .15rem;
    }

    ons-splitter-content>.loadingMask {
        z-index: 10002;
    }

    /* </style>
    <style type="text/css"> */
    .redDotstatus {
        position: absolute;
        height: .2rem;
        width: .2rem;
        top: 0;
        left: 100%;
        padding: 0;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 100%;
        border: 1px solid transparent;
        line-height: 0;
    }

    /* </style>
    <style type="text/css"> */
    .rolldate-container {
        font-size: 20px;
        color: #333;
        text-align: center
    }

    .rolldate-container ul {
        margin: 0;
        padding: 0
    }

    .rolldate-container li {
        list-style-type: none
    }

    .rolldate-container header {
        position: relative;
        line-height: 60px;
        font-size: 18px;
        border-bottom: 1px solid #e0e0e0
    }

    .rolldate-container .rolldate-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: rgba(37, 38, 45, .4)
    }

    .rolldate-container .rolldate-panel {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 273px;
        z-index: 1000;
        background: #fff;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transform: translate3d(0, 273px, 0);
        transform: translate3d(0, 273px, 0)
    }

    .rolldate-container .rolldate-btn {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        padding: 0 15px;
        color: #666;
        font-size: 16px;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent
    }

    .rolldate-container .rolldate-confirm {
        left: auto;
        right: 0;
        color: #007bff
    }

    .rolldate-container .rolldate-content {
        position: relative;
        top: 20px
    }

    .rolldate-container .rolldate-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .rolldate-container .rolldate-wrapper>div {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 173px;
        line-height: 36px;
        overflow: hidden;
        -webkit-flex-basis: -8e;
        -ms-flex-preferred-size: -8e;
        flex-basis: -8e;
        width: 1%
    }

    .rolldate-container .rolldate-wrapper ul {
        margin-top: 68px
    }

    .rolldate-container .rolldate-wrapper li {
        height: 36px
    }

    .rolldate-container .rolldate-dim {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 68px;
        background: -o-linear-gradient(bottom, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8));
        background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0.4)), to(hsla(0, 0%, 100%, 0.8)));
        background: -o-linear-gradient(bottom, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));
        background: linear-gradient(0deg, hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .8));
        pointer-events: none;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        z-index: 10
    }

    .rolldate-container .mask-top {
        border-bottom: 1px solid #ebebeb
    }

    .rolldate-container .mask-bottom {
        top: auto;
        bottom: 1px;
        border-top: 1px solid #ebebeb
    }

    .rolldate-container .fadeIn {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .rolldate-container .fadeOut {
        -webkit-transform: translate3d(0, 273px, 0);
        transform: translate3d(0, 273px, 0)
    }

    @media screen and (max-width:414px) {
        .rolldate-container {
            font-size: 18px
        }
    }

    @media screen and (max-width:320px) {
        .rolldate-container {
            font-size: 15px
        }
    }

    /* </style>
    <style type="text/css"> */
    .kefuDialog .unityMain {
        height: 70vh;
        width: 85vw;
    }

    .kefuDialog .unityMain .middle {
        background: url(/template/apollo/assets/m/img/loading_White.gif) center center no-repeat #fff;
        padding: .9rem 0 0 0;
        overflow: hidden;
        display: flex;
    }

    .kefuDialog .unityMain .middle:after {
        content: none;
    }

    /* </style>
    <style type="text/css"> */
    .red_packet i {
        height: 125px;
        display: block;
    }

    .red_packet i.defaul {
        background: url(/images/activity/redRain_09.png) no-repeat center;
        background-size: 100% 100%;
    }

    .red_packet i.fail {
        background: url(/images/activity/redRain_11.png) no-repeat center;
        background-size: 100% 100%;
    }

    .red_packet i.success {
        background: url(/images/activity/redRain_10.png) no-repeat center;
        background-size: 100% 100%;
    }

    .red_packet li {
        position: absolute;
        -webkit-animation: all 3s linear;
        animation: all 3s linear;
        top: -100px;
        z-index: 2002;
    }

    .red_packet li.package {
        -webkit-animation: aim_move 5s linear 1 forwards;
        animation: aim_move 5s linear 1 forwards;
    }

    .red_packet a {
        display: block;
    }

    .alertNoticeDialog.indexPopup .dialog {
        min-width: 9rem;
        border-radius: 12px;
    }

    .alertNoticeDialog.indexPopup .dialog .dialog-container>.top {
        padding: .2rem .15rem .2rem;
        text-align: center;
        color: #505050;
    }

    .alertNoticeDialog.indexPopup .middle {
        padding: .25rem 0.3rem;
        font-size: 0.38rem;
    }

    .alertNoticeDialog.indexPopup .middle strong {
        font-weight: bold;
    }

    .alertNoticeDialog.indexPopup .middle em {
        font-style: italic;
    }

    .alertNoticeDialog.indexPopup .bottom {
        border-top: 1px solid #EFEFEF;
        color: #ffa84b;
        display: flex;
        justify-content: center;
        padding: 0.3rem 0.15rem !important;
    }

    @media screen and (-ms-high-contrast: active),
    (-ms-high-contrast: none) {
        .layout {
            min-height: 100px;
        }

        .layout .pageMain {
            display: block;
        }

        .layout .sub-container {
            display: block;
        }
    }

    @-webkit-keyframes aim_move {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(120vh);
            transform: translateY(120vh);
        }
    }

    @keyframes aim_move {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(120vh);
            transform: translateY(120vh);
        }
    }

    /* </style><style type="text/css"> */
    .page.page--menuchat .page__background {
        background-color: #ffffff;
    }

    .page.page--menuchat .menulist {
        padding-top: 0;
        background: #ffffff;
    }

    .page.page--menuchat .menulist .menulist-title {
        background: #eee;
    }

    .page.page--menuchat .menulist .left {
        position: relative;
    }

    .page.page--menuchat .menulist .left img {
        width: unset;
        border-radius: 50%;
    }

    .page.page--menuchat .menulist .center {
        color: unset;
    }

    .page.page--menuchat .menulist .left_img {
        width: auto;
    }

    .page.page--menuchat .menulist .list-item--expandable .list-item__expandable-content {
        background: unset;
    }

    .page.page--menuchat .menulist .list-item__top {
        padding-left: 0 !important;
        box-sizing: border-box;
    }

    .page.page--menuchat .user_online_status {
        position: relative;
    }

    .page.page--menuchat .user_online_status .online_status {
        position: absolute;
        background: #06b306;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        bottom: 0.2rem;
        right: 0.15rem;
    }

    .page.page--menuchat .user_online_status .left_img.online_status {
        left: 35px;
        top: 35px;
    }

    .page.page--menuchat .schat {
        padding: 0 0 0 0.2rem !important;
    }

    .page.page--menuchat .schat .appfi-search {
        margin: 0rem 0rem 0rem 0.1rem;
        /* border-radius: 6px; */
        border-bottom: 1px solid #dddfe7;
        padding: 0 0.1rem 0 0.1rem;
        font-size: 100%;
        display: flex;
        flex-grow: 1;
        align-items: center;
        justify-content: space-between;
        /* margin: -53px 0 10px 542px; */
        /* position: absolute; */
        flex-direction: row;
        height: 0.8rem;
        line-height: 0.8rem;
        width: 100%;
    }

    .page.page--menuchat .schat .appfi-search .appfi-icon {
        margin-right: 0.3rem;
        width: 0.4rem;
        height: 0.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page.page--menuchat .schat .appfi-search .appfi-icon.is-close {
        margin: 0 0.1rem 0 0;
        cursor: pointer;
        width: 0.3rem;
        height: 0.3rem;
    }

    .page.page--menuchat .schat .appfi-search input {
        flex-grow: 1;
        background: none;
        border: 0;
        outline: none;
        width: 4rem;
    }

    .page.page--menuchat .schat .appfi-search input::-webkit-input-placeholder {
        color: #a6a6a6;
    }

    .page.page--menuchat .schat .appfi-search input::-moz-placeholder {
        color: #a6a6a6;
    }

    .page.page--menuchat .schat .appfi-search input:-ms-input-placeholder {
        color: #a6a6a6;
    }

    .page.page--menuchat .schat .appfi-search input::-ms-input-placeholder {
        color: #a6a6a6;
    }

    .page.page--menuchat .schat .appfi-search input::placeholder {
        color: #a6a6a6;
    }

    .hasApptip .page.page--menuchat .menulist {
        padding-top: 1rem;
    }

    /* </style>
    <style type="text/css"> */
    .sCer {
        bottom: 50%;
    }

    .dialog-container .page__content {
        overflow: hidden;
    }

    .page.page--login .gouxuanbox {
        display: flex;
        justify-content: space-between;
    }

    .page.page--login .gouxuanbox a {
        cursor: pointer;
        position: absolute;
        margin: 0.1rem 0.4rem 0 0 !important;
    }

    .page.page--login .plantWare {
        width: 100%;
        height: 2.1rem;
        display: flex;
        margin: -0.3rem 0 0 0.9rem;
    }

    .page.page--login .plantWare .icon {
        position: absolute;
        width: 1.6rem;
        height: 100%;
        background-image: url("/images/plantware/h5-enter.png");
        background-size: 2.2rem 2.2rem;
        background-position: -0.3rem -0.1rem;
        background-repeat: no-repeat;
    }

    .page.page--login .plantWare .btn {
        background-color: #db783c;
        height: 1.1rem;
        margin: 0.8rem 0 0 0.4rem;
        display: flex;
        font-weight: bold;
        color: #fff;
        padding-right: 0.8rem;
        border-radius: 0.1rem;
        align-items: center;
        justify-content: flex-end;
        width: 4.7rem;
    }

    .page.page--login .loginBg01 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .page.page--login .page--login__content .main {
        padding: 0 0.75rem;
    }

    .page.page--login .page--login__content .foot {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 0.4rem 0.5rem;
    }

    @media screen and (orientation: landscape) {
        .page.page--login .page--login__content .foot {
            position: relative;
        }
    }

    .page.page--login .page--login__content a {
        box-sizing: border-box;
        font-size: 85%;
        right: 0;
        color: #F37F21;
        display: flex;
        margin: 0.3rem 0.4rem;
    }

    .page.page--login .page--login__content .sbottom {
        display: flex;
        justify-content: space-between;
        margin: 0 1px;
    }

    .page.page--login .page--login__content .sbottom .skefu {
        color: #5fb2ed !important;
        font-size: 75%;
    }

    .page.page--login .foot .btnrow {
        display: flex;
    }

    .page.page--login .foot .btnrow>span {
        flex: 1;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.7);
        transition: background-color 0.2s;
        border-radius: 3rem;
    }

    .page.page--login .foot .btnrow>span i {
        padding-right: 0.15rem;
    }

    .page.page--login .foot .btnrow>span:before {
        border-color: rgba(255, 255, 255, 0.7);
        border-radius: 3rem;
    }

    .page.page--login .foot .btnrow>span+span {
        margin-left: 0.3rem;
    }

    .page.page--login .foot .btnrow>span:active {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .page.page--login .foot .btnrow+.btnrow {
        margin-top: 0.3rem;
    }

    .page.page--login .loadingMask {
        z-index: 103;
    }

    .page.page--login .transfer_tips p+p {
        margin-top: 5px;
    }

    .page.page--login .show_box {
        width: 100%;
        height: 100%;
        background: #00000094;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
    }

    .page.page--login .show_box .loadingMask {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background-color: #ffffffeb !important;
    }

    .page.page--login .agentCooperate {
        display: flex;
        justify-content: center;
        margin: 0.4rem 0 0 0;
    }

    .page.page--login .agentCooperate span {
        width: 3rem;
        height: 0.85rem;
        border-radius: 3px;
        font-weight: bolder;
        color: #fff;
        background-color: #EA6C3B;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        font-size: 16px;
    }

    .page.page--login .agentCooperate span:before {
        content: " ";
        background-image: url("/images/agent.png");
        background-size: 100%;
        width: 0.6rem;
        height: 0.6rem;
        background-repeat: no-repeat;
        margin-right: 0.1rem;
    }

    .loginTermsDialog .middle p {
        font-size: 90%;
    }

    .loginTermsDialog .middle p+p {
        margin-top: 0.05rem;
    }

    .userRegDialog .unityMain {
        max-height: 80vh;
    }

    .testRegDialog .middle .unityDialogCard,
    .userRegDialog .middle .unityDialogCard {
        font-size: 90%;
    }

    .testRegDialog .middle .unityDialogCard>div,
    .userRegDialog .middle .unityDialogCard>div {
        padding: 0.15rem 0.1rem;
        display: flex;
        height: 0.8rem;
        align-items: center;
    }

    .testRegDialog .middle .unityDialogCard>div:before,
    .userRegDialog .middle .unityDialogCard>div:before {
        border-color: rgba(0, 0, 0, 0.07);
    }

    .testRegDialog .middle .unityDialogCard>div>div,
    .userRegDialog .middle .unityDialogCard>div>div {
        flex: 1;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .testRegDialog .middle .unityDialogCard label,
    .userRegDialog .middle .unityDialogCard label {
        width: 1.6rem;
        text-align: right;
        padding-right: 0.25rem;
        margin-right: 0.25rem;
        position: relative;
        white-space: nowrap;
    }

    .testRegDialog .middle .unityDialogCard input,
    .userRegDialog .middle .unityDialogCard input {
        border: none;
        margin: 0;
        outline: none;
        font-size: 100%;
        margin-right: 0.3rem;
        width: 0px;
        flex: auto;
        height: 100%;
    }

    .testRegDialog .middle .unityDialogCard img,
    .userRegDialog .middle .unityDialogCard img {
        height: 0.6rem;
        display: block;
    }

    .testRegDialog .middle .matter p,
    .userRegDialog .middle .matter p {
        text-align: left;
    }

    .testRegDialog .middle .matter p+p,
    .userRegDialog .middle .matter p+p {
        padding-top: 0.1rem;
    }

    .testRegDialog .middle .format>div,
    .userRegDialog .middle .format>div {
        margin: .1rem 0 .35rem;
        line-height: normal;
    }

    .testRegDialog .middle .format p,
    .userRegDialog .middle .format p {
        display: flex;
    }

    .testRegDialog .middle .tips,
    .userRegDialog .middle .tips {
        padding-top: 0.2rem;
        font-size: 80%;
        line-height: 1.3;
        opacity: 0.8;
    }

    .button--outline {
        border: 1px solid transparent;
    }

    .button--outline:hover {
        border: 1px solid transparent;
    }

    .loginMain {
        width: 100%;
        padding-top: 2.2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .loginMain .logo {
        width: 6rem;
        min-height: 2.5rem;
    }

    .loginMain .logo>span {
        display: block;
        height: 170px;
    }

    .loginMain .logo img {
        width: 100%;
        display: block;
    }

    .loginMain .from {
        box-sizing: border-box;
        margin-top: 1rem;
        width: 100%;
        border-radius: 5px;
        font-size: 90%;
    }

    .loginMain .from .form-text-item {
        font-size: 0.4rem;
        text-align: right;
        width: 100%;
    }

    .loginMain .from>.form-input-item {
        height: 1.1rem;
        display: flex;
        align-items: center;
        padding: 0 0.3rem;
        border-radius: 8px;
        margin-bottom: 0.4rem;
    }

    .loginMain .from>.form-input-item>div {
        flex: 1;
        display: flex;
        align-items: center;
    }

    .loginMain .from>.form-input-item label {
        text-align: right;
        padding-right: 0.3rem;
        position: relative;
        white-space: nowrap;
    }

    .loginMain .from>.form-input-item label i {
        font-size: 0.5rem;
    }

    .loginMain .from>.form-input-item input {
        border: none;
        padding: 0.3rem 0;
        margin: 0;
        outline: none;
        font-size: 0.4rem;
        flex: auto;
    }

    .loginMain .from>.form-input-item span {
        white-space: nowrap;
        color: #adadad;
    }

    .loginMain .from>.form-input-item span.captcha {
        height: 0.65rem;
        background-color: #fff;
        margin-right: 0.2rem;
    }

    .loginMain .from>.form-input-item span.captcha img {
        height: 100%;
        max-width: 3rem;
        display: block;
    }

    .loginMain .from>.form-input-item span:active {
        opacity: 0.8;
    }

    .loginMain .loginbtn {
        margin-top: 0.4rem;
        width: 100%;
        display: flex;
        margin-bottom: 0.2rem;
    }

    .loginMain .loginbtn .button {
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        height: 1.2rem;
        font-size: 120%;
        padding: 0;
        margin-bottom: 0.3rem;
        color: #fff;
    }

    .loginMain .loginbtn .button+.button {
        margin-left: 0.3rem;
    }

    .loginMain .loginbtn .button.ablesmall {
        flex: 2;
    }

    .loginMain .login-btn-box {
        width: 104%;
        display: flex;
        margin-top: 2.8rem;
        position: relative;
        z-index: 2;
        justify-content: center;
    }

    .loginMain .login-btn-box .btn_item {
        padding: 0rem 0.15rem;
        height: 34px;
        line-height: 34px;
        border-radius: 0.6rem;
        font-size: 12px;
        line-height: 33px;
        font-family: MicrosoftYaHei;
        margin-left: 4px;
    }

    .loginMain .login-btn-box .btn_item i {
        margin-right: 5px;
    }

    .loginMain .login-btn-box .btn_item>img {
        vertical-align: middle;
        margin-right: 5px;
    }

    .loginMain .login-btn-box .btn_item .ico-kf {
        background: url(/template/fubang2/images/kf.png);
        width: 15px;
        height: 15px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .loginMain .login-btn-box .btn_item .ico-sw {
        background: url(/template/fubang2/images/sw.png);
        width: 20px;
        height: 13px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .loginMain .login-btn-box .btn_item .ico-add {
        background: url(/template/fubang2/images/login_add.png);
        width: 16px;
        height: 16px;
        display: inline-block;
        background-size: 100% 100%;
    }

    .loginMain.popup {
        padding: 0;
        color: #606266;
    }

    .loginMain.popup .from {
        margin: 0;
        padding: 0.6rem 0.5rem 0;
    }

    .loginMain.popup .from .title {
        font-size: 100%;
        font-weight: bold;
    }

    .loginMain.popup .from .form-input-item {
        border-bottom: 1px solid #dddcce;
        border-radius: 0;
        padding: 0 0.1rem;
        height: 1.1rem;
    }

    .loginMain.popup .from .form-input-item input {
        font-size: 100%;
    }

    .loginMain.popup .from .form-text-item {
        text-align: left;
    }

    .loginMain.popup .from .form-text-item .checkbox__checkmark:before {
        width: 0.45rem;
        height: .45rem;
    }

    .loginMain.popup .from .form-text-item .checkbox__checkmark:after {
        width: 0.2rem;
        height: .1rem;
    }

    .loginMain.popup .from .form-text-item .checkbox {
        height: 0.4rem;
    }

    .userRegDialog .dialog,
    .userResetDialog .dialog {
        height: 9rem;
        width: 5rem;
    }

    .userRegDialog .dialog p,
    .userResetDialog .dialog p {
        color: red;
        width: 100%;
        margin: 0.4rem 0 0.2rem 0;
    }

    .userRegDialog .dialog p span,
    .userResetDialog .dialog p span {
        color: #606266;
        cursor: pointer;
    }

    .userRegDialog .dialog .header,
    .userResetDialog .dialog .header {
        background: #343641;
        height: 1.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        width: 100%;
    }

    .userRegDialog .dialog .from,
    .userResetDialog .dialog .from {
        padding-top: 1.1rem;
    }

    .userRegDialog .dialog .button,
    .userResetDialog .dialog .button {
        position: relative;
        width: 7.3rem;
        margin: 0.5rem auto 0;
        color: #fff;
        background-color: red;
        height: 0.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }

    .userResetDialog .dialog {
        height: 7.8rem;
        width: 5rem;
        margin-top: -1.3rem;
    }

    .userResetDialog .from {
        margin: 0;
        padding-top: 0.6rem !important;
    }

    ons-dialog.dialogBox.login {
        z-index: 10000 !important;
    }

    .dialogBox.login {
        z-index: 10000 !important;
    }

    .dialogBox.login .dialog-container {
        background: transparent;
    }

    .dialogBox.login .dialog-container .header {
        background: transparent;
    }

    .dialogBox.login .dialog-container .header .title {
        color: #ff6d6d;
        font-size: 130%;
        font-weight: bold;
    }

    .dialogBox.login .dialog-container .page__background.page--login__background {
        background-color: #fff;
        border-radius: 4px;
    }

    .dialogBox.login .login-btn {
        background-color: #cf4c4c !important;
    }

    /* </style>
    <style type="text/css"> */
    ons-toast {
        z-index: 99999 !important;
    }

    .switch__toggle {
        box-shadow: inset 0 0 0 2px #d8d7da;
        background-color: #d8d7da;
        width: 1.1rem;
    }

    .switch {
        width: 1.1rem;
        height: 0.5rem;
    }

    .switch__handle {
        width: 0.6rem;
        height: 0.6rem;
        top: -0.05rem;
        left: -0.1rem;
        border: 1px solid #ffe6e6;
    }

    .switch--material__handle:before {
        background: #fd7474;
    }

    :checked+.switch__toggle>.switch__handle {
        left: 0.7rem;
    }

    .GlobalTopBar {
        position: relative;
        z-index: 3;
        height: 1.2rem;
        background-image: none;
    }

    .GlobalTopBar .ons-icon.fe-icon-menu {
        height: 0.5rem;
        margin-top: -0.1rem;
        color: #c69393;
    }

    .GlobalTopBar:after {
        position: absolute;
        z-index: -1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
    }

    .GlobalTopBar.toolbar {
        background: #773434;
    }

    .GlobalTopBar.toolbar--transparent+.page {
        top: 0;
    }

    .GlobalTopBar .toolbar-button.big .ons-icon {
        font-size: 115%;
    }

    .GlobalTopBar .toolbar-button.biger .ons-icon {
        font-size: 125%;
    }

    .GlobalTopBar .toolbar-button.bigerX .ons-icon {
        font-size: 135%;
    }

    .GlobalTopBar .toolbar-button small {
        font-size: 80%;
    }

    .GlobalTopBar .toolbar-button small[pleft] {
        padding-left: 0.08rem;
    }

    .GlobalTopBar .modeSel {
        color: #fff;
        font-weight: bold;
        display: flex;
        align-items: center;
        font-size: 90%;
    }

    .GlobalTopBar .modeSel span {
        margin-left: .1rem;
        font-weight: initial;
        margin-right: 0.2rem;
        font-size: 130%;
        display: flex;
        align-items: center;
        color: #fdc73b;
    }

    .GlobalTopBar .modeSel span:before {
        content: '.';
        width: 0.7rem;
        height: 0.7rem;
        background-image: url(/template/fubang2/images/ico/rmb-mode2.png);
        background-size: 100% 100%;
        display: block;
        color: transparent;
        margin-right: .08rem;
    }

    .GlobalTopBar .modeSel .switchCurrency {
        color: #fff;
        border-radius: 3px;
        background: #e57f21;
        border-radius: 0.1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 100%;
        cursor: pointer;
        padding: 0.12rem 0.25rem;
        margin-right: 0.2rem;
        /*&:hover {
                    opacity: 0.9;
                    img{
                        transform: rotate(180deg);
                    }
                }
                img {
                    width: 0.5rem;
                    content: url("/template/fubang2/images/skin/RMB/ico/switch.png");
                    transition: all .2s;
                }*/
    }

    .GlobalTopBar .modeSel .switchCurrency i.el-icon-warning:before {
        background-image: url(/template/fubang2/images/ico/icon-hint3.svg);
        background-repeat: no-repeat;
        background-size: 102%;
        content: " ";
        width: 0.4rem;
        height: 0.4rem;
        display: flex;
        margin-left: 0rem;
        margin-top: -0.6rem;
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
    }

    .GlobalTopBar .center {
        width: 80%;
        height: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .GlobalTopBar .center.indexTop {
        width: 9rem;
        height: 2.2rem;
        display: flex;
        margin: 0 0 0 .8rem;
    }

    .GlobalTopBar .center.indexTop>span {
        width: 9rem;
        justify-content: space-between;
    }

    .GlobalTopBar .center .logo {
        width: 3.6rem;
        height: 50%;
        background-image: url(/template/fubang2/images/logo/logo-big.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0rem;
    }

    .GlobalTopBar .center .loginBtn,
    .GlobalTopBar .center .serviceChat {
        border-radius: 0.1rem;
        padding: .1rem 0.45rem;
        margin-right: .1rem;
    }

    .GlobalTopBar .center>span {
        height: 100%;
        display: flex;
        align-items: center;
        position: relative;
    }

    .GlobalTopBar .center>span>span {
        max-width: 50vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .GlobalTopBar .center>span:active .hasicon,
    .GlobalTopBar .center>span:active .ons-icon {
        opacity: 0.8;
    }

    .GlobalTopBar .center>span .hasicon {
        padding-right: 0.35rem;
    }

    .GlobalTopBar .center>span .ons-icon {
        position: absolute;
        right: 0;
        height: 1em;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .GlobalTopBar .left,
    .GlobalTopBar .right {
        position: absolute;
        height: 1.1rem;
        bottom: 0;
        display: flex;
        align-items: center;
        width: auto;
    }

    .GlobalTopBar .left {
        left: 0.08rem;
        justify-content: flex-start;
    }

    .GlobalTopBar .left .fe-icon-menu:before {
        font-size: 24px;
        width: 0.62rem;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        margin-left: -0.1rem;
    }

    .GlobalTopBar .left .modeSel {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        margin-left: -0.4rem;
    }

    .GlobalTopBar .right {
        right: 0.08rem;
        justify-content: flex-end;
    }

    .GlobalTopBar .right .toolbar-button {
        position: relative;
    }

    .GlobalTopBar .right .ion-ios-gear:before {
        color: #8E8F9B;
    }

    .GlobalTopBar .notification {
        position: absolute;
        top: -5px;
        right: 0;
        background: red;
    }

    .dialogBox.login .content {
        height: 7.8rem;
        width: 8rem;
    }

    .dialogBox.reg .content {
        height: 8.8rem;
        width: 8rem;
    }

    .dialogBox .dialog {
        min-width: 5rem;
        min-height: 3rem;
    }

    .dialogBox .dialog .header {
        background: #343641;
        height: 1.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dialogBox .dialog .header:before {
        width: 1rem;
        height: 1rem;
        background-image: url(/template/fubang2/images/logo/logo-small.png?v241028);
        background-size: 100% 100%;
        position: absolute;
        margin: 1.6rem 0 0 0;
    }

    .dialogBox .dialog .header .title {
        color: #fff;
        font-size: 120%;
    }

    .dialogBox .dialog .content .page {
        margin-top: 1.3rem;
    }

    .dialogBox .dialog .content .page .button {
        width: 7.3rem;
        margin: 0.5rem auto 0;
        color: #fff;
        background-color: red;
        height: 0.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }

    .footer-home-screen {
        bottom: 0rem !important;
    }

    .footer-home-screen span {
        position: absolute;
        color: #fff;
        right: 0.8rem;
        top: 0.2rem;
        font-size: 120%;
    }

    .footer-home-screen img {
        width: 9rem;
    }

    .dialog-mask {
        opacity: 1;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background: rgba(22, 20, 33, 0.6);
    }

    /* </style> */