@charset "UTF-8";

[v-cloak] {
    display: none;
}

@font-face {
    font-family: PangMen-XiXian;
    src: url(../custom/PangMenZhengDaoXiXianTi-2.ttf);
    font-style: normal;
    font-display: swap
}

.service {
    width: 100vw;
    height: 100vh
}

.service .title {
    background: linear-gradient(135deg, #fdc98d, #f1b56e);
    width: 100%;
    height: 60px;
    position: fixed;
    text-align: center;
    line-height: 60px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.service .close {
    position: absolute;
    left: 10px;
}

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

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

.sCer {
    bottom: 50%;
}

.page.page--userReg .loginBg01 {
    background: url("../images/dupont/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(../images/dupont/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(../images/dupont/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(../images/dupont/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.4rem;
}

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

.dialog-mask {
    background: #00000094;
}

.page--index__content {
    background-color: #f6efea !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: .2rem;
    margin-top: 0;
}

.page--index__content .usdt-info .button-ios {
    background: linear-gradient(90deg, #846CED, #D889EA);
    border-radius: 20px;
    height: 1rem;
    font-size: 90%;
    font-weight: 500;
    padding: 0 1.2em;
    margin: 0.3rem 0.2rem 0.2rem;
}

.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.4rem;
    margin-left: 0.1rem;
}

.page--index__content .usdt-info .btn-box {
    margin-left: 0.3rem;
}

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

.page--index__content .usdt-info .rate-box .text {
    color: #F77A4C;
    border-right: 1px solid #dcd8d9;
    text-align: center;
    width: 4rem;
}

.page--index__content .usdt-info .rate-box .rate {
    width: calc(100% - -1.3rem);
    color: #525252;
    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: 3.7rem;
}

.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: #9B75A6;
    display: inline-block;
}

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

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

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

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

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

@-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: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

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

    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: 0 0.2rem;
    height: 0.75rem;
    margin-right: .1rem;
    background-color: #fff;
    color: #4E4E4E;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
}

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

.slayer {
    position: absolute;
    z-index: 999;
    width: 9rem;
    height: 1rem;
    background-color: #f6efea;
    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;
    font-size: 100% !important;
    box-shadow: 0 4px 6px #d9c696;
}

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

.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.3rem;
    border-radius: 0.2rem;
}

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

.playMain .fast-tool-btn .position-btn.selected {
    background-color: #FF761B;
    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;
}

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

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

.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: #F0EFF0;
    padding: 0.2rem 0.4rem;
}

.longbet-index .longbet-list .longbetitem .card .stitle {
    background-color: #f7f7f7;
    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;
}

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

.longbet-index .longbet-list .longbetitem .card .line .issue {
    float: left;
}

.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: #fff;
    background-color: #F97171;
}

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

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

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

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

.longbet-index .longbet-list .longbetitem .card .line .action .outline:nth-child(3) {
    border-color: #58b03b;
    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: #f56c6c;
    font-size: 110%;
}

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

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

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

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

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

.normal_bet.banker_bet .banker-area .top-area .top1 .introduce-btn {
    display: inline-block;
    margin-left: 0.45rem;
}

.normal_bet.banker_bet .banker-area .top-area .top1 .introduce-btn .wenhao {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #a9a7a7;
    color: #000;
}

.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: 0.85rem;
    background-color: #ebebeb;
    align-items: center;
    padding: 0.16rem 0.23rem;
}

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

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

.normal_bet.banker_bet .banker-area .number-area .tools-area {
    padding-left: 0.17rem;
    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: #f5f5f5;
    border: 1px solid #f5f5f5;
    padding: 0.19rem 0.2rem;
    color: #000;
    margin-left: 0.15rem;
}

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

.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 .tools-name {
    margin-right: 0.1rem;
}

.normal_bet.banker_bet .banker-area .number-area .tools-area .tools-row {
    padding-top: 0.22rem;
    overflow: hidden;
}

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

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

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

.normal_bet.banker_bet .banker-3d-footer {
    width: 100%;
    background-color: #ffffff;
    height: 2.8rem;
    box-sizing: border-box;
    padding: 0.12rem 0 0.27rem 0.27rem;
}

.normal_bet.banker_bet .banker-3d-footer .footer-top {
    display: flex;
    flex-wrap: nowrap;
}

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

.normal_bet.banker_bet .banker-3d-footer .footer-top .bet-tools-left .tools-row {
    padding-top: 0.12rem;
}

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

.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.83rem;
    height: 0.7rem;
    text-align: center;
    color: #939394;
    background-color: #f9fafe;
    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 #939394;
}

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

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

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

.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, #C32D37 0%, #EC606A 100%), #8E0D16;
    font-size: 0.48rem;
    color: #fff;
    padding: 0.13rem 0;
    font-weight: bold;
    border-radius: 0.11rem;
    margin-top: 0.12rem;
    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;
}

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

.normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list {
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    display: inline-block;
    border-radius: 0.05rem;
    overflow: hidden;
}

.normal_bet.banker_bet .banker-3d-footer .footer-bottom .btn-list .btn-item {
    padding: 0.2rem 0.25rem;
    color: #000;
    display: inline-block;
    border-left: 1px solid #dfdfdf;
}

.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 {
    padding: 0.2rem 0.1rem;
}

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

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

.normal_bet.banker_bet .banker-3d-footer .footer-bottom .clear-btn {
    display: inline-block;
    padding: 0 0.42rem;
    background-color: #f5f5f5;
    border: 1px solid #dfdfdf;
    border-radius: 0 0.05rem 0.05rem 0;
    vertical-align: middle;
    line-height: 0.8rem;
    position: absolute;
    margin-top: -.02rem;
    margin-left: 0rem;
}

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

@-webkit-keyframes fadeBackground {
    0% {}

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

@keyframes fadeBackground {
    0% {}

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

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

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

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

.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;
    background-color: #f6efea;
}

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: 1px solid rgba(0, 0, 0, 0.1);
}

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

.border_all_1px:before {
    border: 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::before {
    width: 100%;
    height: 1rem;
    display: block;
    content: "";
    position: absolute;
    top: -0.8rem;
    left: 0;
    background-image: url(../custom/baby.png);
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 999;
}

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

.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: visible;
    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: #f1b56e;
    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: #f1b56e;
}

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

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

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

.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: #bf94d5;
    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: #f1b56e;
    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, #f1b56e 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1b56e;
}

.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 .matter {
    text-align: center;
}

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

.unityDialog .middle .matter>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 .matter>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 .matter>div:first-child:after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}

.unityDialog .middle .matter>div:first-child span {
    color: #f1b56e;
    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, #f1b56e 0%, #fff 200%);
    background-color: #f1b56e;
    color: #fff;
}

.unityDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(178, 91, 222, 0.9) 0%, #fff 200%);
    background-color: rgba(178, 91, 222, 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: .3rem;
}

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

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

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

.toolbar .toolbar-button {
    color: #333;
    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: #312E30;
}

.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: #f1b56e;
    border-color: #f1b56e;
}

.button--primary[plain],
.button--primary:active[plain] {
    color: #f1b56e;
    background: #f7effc;
    border-color: #ecd6f7;
}

.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: #ccc;
    background-color: #f6efea;
}

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

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

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

.onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 101;
    background-color: #f1b56e;
    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: #f1b56e;
    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: #f1b56e;
}

.onePageSlideItem .tips>p .textc,
.page__content.features .tips>p .textc {
    color: #f1b56e;
    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: #eb9dde;
}

.routeTransition,
.onePageSlideItem {
    transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.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: #f6efea !important;
}

.page.page--menu .menutop {
    padding: 0.2rem 0;
    color: #fff;
    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: #fff;
    color: #777;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 0.1rem;
}

.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: 90%;
    padding: 0.1rem 0.15rem 0;
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
}

.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>*+.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 #E4E4E4;
}

.page.page--menu .menulist .list-item.type1:last-child {
    border: 0;
}

.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: #54545C;
    font-size: 90%;
}

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

.page.page--menu .menulist #type2 .btnType {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #F0EFF0;
    border-radius: 3px;
    color: #fff;
}

.page.page--menu .menulist #type2 .btnType div {
    width: 0.65rem;
    height: 0.65rem;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 1rem 0 0.4rem;
}

.page.page--menu .menulist #type2 .btnType.WDRecord div {
    background-image: url("../images/dupont/images/index/icon-WDRecord.svg");
    background-size: cover;
}

.page.page--menu .menulist #type2 .btnType.gameRecord div {
    background-image: url("../images/dupont/images/index/icon-gameRecord.svg");
}

.page.page--menu .menulist #type2 .btnType.activity {
    background: linear-gradient(to right, #f26063 0%, #e93950 100%);
}

.page.page--menu .menulist #type2 .btnType.activity div {
    background-image: url("../images/dupont/images/index/icon-activity.png");
}

.page.page--menu .menulist #type2 .btnType.team {
    background: linear-gradient(to right, #649beb 0%, #4481de 100%);
}

.page.page--menu .menulist #type2 .btnType.team div {
    background-image: url("../images/dupont/images/index/icon-team.png");
}

.page.page--menu .menulist #type2 .btnType.download div {
    background-image: url("../images/dupont/images/index/icon-download.svg");
}

.page.page--menu .menulist #type2 .btnType.guaji div {
    background-image: url("../images/dupont/images/index/icon-guaji.svg");
}

.page.page--menu .menulist #type2 .btnType.WDRecord,
.page.page--menu .menulist #type2 .btnType.gameRecord {
    background: linear-gradient(135deg, #fdc98d, #f1b56e);
}

.page.page--menu .menulist #type2 .btnType.download,
.page.page--menu .menulist #type2 .btnType.guaji {
    background: linear-gradient(135deg, #fdc98d, #f1b56e);
}

.page.page--index,
.page.page--addUser {
    color: #777 !important;
}

.page.page--index .page__background,
.page.page--addUser .page__background {
    background-color: #efefef;
}

.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: #fff;
    height: 4.1rem;
    position: relative;
}

.page.page--index .carousel {
    background-color: #f6efea;
    height: 4.4rem;
}

.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: 90%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin: 0.2rem;
}

.page.page--index .carousel .ons-swiper .ons-swiper-target .animated.faster .carouselImg {
    border-radius: 10px;
}

.page.page--index .carousel .indicator,
.page.page--addUser .carousel .indicator {
    position: absolute;
    bottom: 0.4rem;
    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 {
    width: 0.65rem;
    position: absolute;
    left: 2px;
    top: -7px;
}

.page.page--addUser .announcement img {
    width: 0.5rem;
}

.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 {
    width: 0.65rem;
    height: 0.5rem;
    margin: 0 0.15rem 0 .7rem;
}

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

.page.page--index .announcement ul li span,
.page.page--addUser .announcement ul li span {
    font-size: 0.4rem;
    color: #5C6274;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    font-size: 90%;
}

.page.page--index .announcement ul li span {
    color: #fff;
    font-size: 80%;
}

.page.page--index .announcement .icon,
.page.page--addUser .announcement .icon {
    color: #f1b56e;
    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: 1px solid transparent;
    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;
}

.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: 2px;
    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;
    background-color: #fff;
    height: 1rem;
    font-size: 85%;
    padding-left: 0.3rem;
}

.page.page--index .userBar {
    background-color: transparent;
}

.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: 110%;
}

.page.page--index .userBar .userName .nickname {
    color: #187d8d
}

.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 .userBar .ons-icon {
    margin: 0 0rem 0 0.2rem;
    font-size: 120%;
    color: #333;
}

.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.15rem 0.4rem;
    background-color: #E3DFD2;
    border-radius: 30px;
    color: #757776;
    margin-top: 0.1rem;
}

.page.page--index .blockTitle,
.page.page--addUser .blockTitle {
    display: flex;
    align-items: center;
    color: #070c10;
    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("../images/dupont/images/index/icon-lottery_m.png");
    margin-right: -0.1rem;
}

.page.page--index .blockTitle .icon_caipiao,
.page.page--addUser .blockTitle .icon_caipiao {
    content: url("../images/dupont/images/index/icon-nlottery_m.png");
}

.page.page--index .blockTitle .icon-live_game,
.page.page--addUser .blockTitle .icon-live_game {
    content: url("../images/dupont/images/index/icon-live_m.png");
}

.page.page--index .blockTitle .icon-poker_game,
.page.page--addUser .blockTitle .icon-poker_game {
    content: url("../images/dupont/images/index/icon-poker_m.png");
}

.page.page--index .blockTitle .icon-sport_game,
.page.page--addUser .blockTitle .icon-sport_game {
    content: url("../images/dupont/images/index/icon-sport_m.png");
}

.page.page--index .blockTitle .icon-fish_game,
.page.page--addUser .blockTitle .icon-fish_game {
    content: url("../images/dupont/images/index/icon-fish_m.png");
}

.page.page--index .blockTitle .icon-slot_game,
.page.page--addUser .blockTitle .icon-slot_game {
    content: url("../images/dupont/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: 3px;
}

.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: #fff;
    /*&: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(../images/dupont/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.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s;
    flex-wrap: wrap;
}

.page.page--index .listbox .lists .item span,
.page.page--addUser .listbox .lists .item span {
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 90%;
    background-color: white;
    font-weight: bold;
}

.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: #f1b56e;
    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: #f1b56e;
    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: #f1b56e;
    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: 0.7rem;
    padding-top: 0.15rem;
    padding-bottom: 0.1rem;
    width: 10rem;
}

.page.page--index .betTabs ul {
    margin-left: 0.1rem;
    width: 9.8rem;
}

.page.page--index .betTabs ul li {
    width: 1.2rem;
    font-size: .4rem;
    margin: 0 0.15rem;
}

.page.page--index .betTabs ul li.active {
    border-bottom: 0.05rem solid transparent;
    margin: .1rem 0.3rem 0.1rem;
    z-index: 999;
    padding-bottom: 0.1rem;
}

.page.page--index .betTabs .betTabsIndicator {
    background-color: #D7D7D7 !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: #f1b56e;
    padding-left: .1rem;
    text-decoration: underline;
}

.page.page--live iframe {
    flex: 1;
    background: url(../images/dupont/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;
}

.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;
    background: rgba(0, 0, 0, 0.05);
    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: #777;
    font-weight: normal;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 3px;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div ul li.cur span {
    color: #ffffff;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div .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, #F3F3EE, #DAD7D0);
    align-items: center;
    justify-content: center;
}

.page.page--lottery .page--lottery__content .lotteryMain .mychoice div .sbtn img {
    width: 0.4rem;
    height: 0.4rem;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs {
    position: relative;
    height: .8rem;
    background-color: #fff;
}

.page.page--lottery .page--lottery__content .lotteryMain .betTabs:before {
    border-color: rgba(0, 0, 0, 0.25);
}

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

.page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #f1b56e;
    padding: 0 0.1rem 0.25rem;
    margin: 0.3rem 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: #f1b56e;
}

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

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

.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 .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: #F1F1F4;
    padding: 0.1rem .3rem .2rem;
    color: #71716d;
}

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

.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: #FF761B;
    margin-left: .06rem;
    font-weight: 400;
    font-size: 120%;
}

.page.page--lottery .lotteryHeader .lastIssue {
    position: relative;
    padding-top: .26rem !important;
}

.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: #D85725;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: .4rem;
    font-size: 130%;
}

.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: #1d77f5 !important;
    color: #fff !important;
}

.page.page--lottery .lotteryHeader .lastIssue.daletou_header ul li:nth-last-child(2) span {
    background: #1d77f5 !important;
    color: #fff !important;
}

.page.page--lottery .lotteryHeader .showMenuBtn {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f1b56e;
    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: #fff !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: #757776;
}

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

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

.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 .ballGroup {
    display: flex;
    border-bottom: 1px #E2E2E2 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: #4F4F4F;
    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;
}

.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: #fff;
    font-size: 90%;
    border-radius: 25%;
    transition: all .2s;
    border: 1px dotted #E1E1E1;
    color: #707980;
}

.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;
    justify-content: space-between;
    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: #F7F7F7;
    border-color: #E0E0E0;
    color: #4F4F4F;
    margin: 0 0.2rem 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 .2rem 0 .3rem;
    text-indent: -9999px;
}

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

.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: #0a496a;
}

.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: '';
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3));
}

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

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

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

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

.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: #eee;
    transition: all .2s;
}

.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: #4E4E4E;
}

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

.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: .15rem .2rem;
    font-size: 120%;
    transition: all .2s;
}

.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: .15rem 0;
    display: inline-block;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    height: 1em;
    line-height: 1em;
    position: relative;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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: #fff;
    border-radius: 100%;
    padding: .1em;
}

.page.page--lottery .normal_foot .betCtrl .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_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: #f1b56e;
    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;
}

.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: #0a496a;
}

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

.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: #f1b56e;
    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: #F2F2F2;
    border-radius: 3px;
    padding: .1rem 0;
    text-align: center;
    color: #4F4F4F;
    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: #F7F7F7;
}

.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:before {
    transition: background .2s, color .2s;
}

.page.page--lottery .pk_bet .playMain .ballCard .pkball.fang {
    flex: 0 0 22%;
    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.19rem 0rem 0.15rem;
}

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

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

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

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

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

.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: #f1b56e !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: #f1b56e;
}

.page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #f1b56e;
    background-color: rgba(178, 91, 222, 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: #e7e7e7;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.05);
    line-height: normal;
}

.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: #f1b56e;
    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: #f1b56e;
    margin-right: .3rem;
}

.page.page--lottery .pk_foot .amountBar .amountInput input {
    border: none;
    outline: none;
    background: none;
    padding: .1rem;
    font-size: 110%;
    color: #9569ab;
    width: 3em;
    background-color: rgba(178, 91, 222, 0.05);
    border-radius: 4px;
    margin: 0 .3rem 0 .1rem;
    text-align: center;
}

.page.page--lottery .pk_foot .amountBar .amountInput label {
    color: #4F4F4F;
    font-size: 110%;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts>span {
    padding: .12rem;
    background-color: rgba(0, 0, 0, 0.05);
    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;
}

.page.page--lottery .pk_foot .amountBar .quickAmounts>span:active {
    background-color: rgba(0, 0, 0, 0.1);
}

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

.page.page--lottery .pk_foot .btnBar .button.button--default {
    color: #333;
    background-color: rgba(0, 0, 0, 0.01);
}

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

.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: .3;
    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: #f1b56e;
    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: #fff;
    font-size: 85%;
    flex-wrap: wrap;
    margin: 0.13rem;
    background-color: #ABA8AA;
    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 #f1b56e;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia .my-method div .label {
    color: #f1b56e;
    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 #f1b56e;
    color: #f1b56e;
}

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

.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: #f1b56e;
    border-radius: 10px;
    font-size: 95%;
    position: relative;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #f1b56e;
    color: #fff;
}

.lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .slideItem .slideContent>* ul li span {
    position: absolute;
    color: #f1b56e;
    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: #f1b56e;
    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: #f1b56e;
    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: #f1b56e;
    -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;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.1rem;
    display: flex;
    z-index: 101 !important;
}

.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, #f1b56e 0%, #fff 200%);
    background-color: #f1b56e;
}

.lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(178, 91, 222, 0.5);
    transition: all .2s;
}

.lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #bf94d5;
}

.lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #f1b56e;
}

.lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #bf94d5;
}

.lotteryCartDialog.task .foot span:last-child {
    background-image: linear-gradient(-45deg, #f1b56e 0%, #fff 200%);
    background-color: #f1b56e;
}

.lotteryCartDialog.task .foot span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(178, 91, 222, 0.9) 0%, #fff 200%);
    background-color: rgba(178, 91, 222, 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: #f1b56e;
}

.lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    z-index: 101;
    background-color: #f1b56e;
    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: #f1b56e;
    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: #f1b56e;
}

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

.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, #f1b56e 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1b56e;
    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: #f1b56e;
}

.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: #bf94d5;
    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: #865bde;
    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: #865bde;
}

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

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

.lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #865bde 0%, #fff 200%);
    background-color: #865bde;
}

.lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #865bde;
}

.lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #a994d5;
}

.lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #f1b56e;
}

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

.lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(134, 91, 222, 0.8) 0%, #fff 200%);
    background-color: rgba(134, 91, 222, 0.8);
}

.shareOrderRate .alert-dialog-content--select {
    background-color: #926be1;
}

.shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #926be1;
}

@-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: rgba(33, 33, 33, 0.9);
    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: #f1b56e;
}

.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: 50px;
    color: #fff;
    border: 1px solid #929292;
    background-color: rgba(0, 0, 0, 0.5);
}

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: #f1b56e;
}

.help-list .list {
    background-image: none;
}

.help-list .list .list-header {
    height: 0.85rem;
    line-height: 0.85rem;
    font-size: 0.36rem;
    color: #f1b56e;
    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: #f1b56e;
    padding: 0.32rem;
}

.help-center h5 {
    font-size: 0.38rem !important;
    height: 0.72rem;
    line-height: 0.72rem;
    background: #f1b56e;
    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: #f1b56e;
}

.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: #f1b56e;
    font-size: 0.36rem;
    padding: 0.1rem 0;
}

.help-center strong {
    color: #f1b56e;
}

.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 #f1b56e;
    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: #f1b56e;
    border-color: #f1b56e;
}

.help-center .large {
    margin: 0.2rem auto;
    width: 95%;
    background: #a68f4c;
}

.GlobalBottomBar {
    height: 1.6rem;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    white-space: nowrap;
    box-sizing: border-box;
    flex-direction: row;
    background-color: #f6efea;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, .05);
    /* 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: #fff;
    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;
    filter: invert(100%) contrast(0%);
}

.GlobalBottomBar>div .ons-icon:before {
    line-height: 0 !important;
}

.GlobalBottomBar>div.activity {
    color: #f1b56e;
}

.GlobalBottomBar .bottomIndex {
    background-image: url(../images/dupont/images/ico/home.svg);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.GlobalBottomBar .bottomAct {
    background-image: url(../images/dupont/images/ico/activety.svg);
}

.GlobalBottomBar .bottomDeposit {
    background-image: url(../images/dupont/images/ico/wallet.svg);
}

.GlobalBottomBar .bottomChat {
    background-image: url(../images/dupont/images/ico/message.svg);
    background-size: 100% !important;
    background-position: 0px 0px;
}

.GlobalBottomBar .bottomMy {
    background-image: url(../images/dupont/images/ico/my.svg);
}

.GlobalBottomBar span {
    font-size: 90%;
    display: none;
}

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

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

.history_line .td-page .td-nav>div:nth-child(1) {
    width: 40%;
    font-size: .35rem;
    color: #f1b56e;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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 #f1b56e;
    border-radius: 3px;
    color: #f1b56e;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    font-size: 14px;
}

.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: #f1b56e;
    color: #ffffff;
}

.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 #dddddd;
    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 #dddddd;
    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 #dddddd;
    border-bottom: 1px solid #dddddd;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 9%;
    font-size: .32rem;
}

.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 #dddddd;
    border-bottom: 1px solid #dddddd;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 9%;
    font-size: .32rem;
}

.history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #f1b56e;
    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: 1px solid #dddddd;
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable {
    width: 100%;
    border-top: 1px solid #dddddd;
    background-color: rgba(242, 242, 242, 0.6);
}

.history_line .td-page .trend-table-c .ssc-bottom-c .secondTable tr td {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    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: #f6efea;
}

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

.page.page--userCenter .page__content .onePageSlideItem {
    margin-top: -1.2rem;
    margin-bottom: 0.2rem;
}

.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(../images/dupont/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: #FFC372;
    background-color: #535767;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100%;
    cursor: pointer;
    padding: 0.23rem 0.32rem 0.21rem;
    margin-right: 0.05rem;
    /*&:hover {
                        opacity: 0.9;
                        img{
                            transform: rotate(180deg);
                        }
                    }
                    img {
                        width: 0.5rem;
                        content: url("../images/dupont/images/skin/yellow/ico/switch.png");
                        transition: all .2s;
                    }*/
}

.page.page--userCenter .page__content .onePageSlideItem .modeSel .switchCurrency i.el-icon-warning:before {
    background-image: url(../images/dupont/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: #333;
    height: 1.2rem;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    padding: 0 0.2rem;
    background-color: #f6efea;
}

.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 .tbleft .toolbar-button,
.page.page--userCenter .topbutton .tbright .toolbar-button {
    color: #333;
}

.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: #3D3F48;
    height: 5.49rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /* .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.3);
}

.page.page--userCenter .topinfo:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.page.page--userCenter .topinfo .userinfo {
    height: 3.3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 1.1rem;
}

.page.page--userCenter .topinfo .userinfo .avatar {
    margin: .25rem 0.3rem .15rem 0.5rem;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 100%;
    overflow: hidden;
}

.page.page--userCenter .topinfo .userinfo .avatar img {
    display: block;
    width: 100%;
}

.page.page--userCenter .topinfo .userinfo .avatar:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .userinfo .serviceChat {
    display: flex;
    background-color: #5A326F;
    border-radius: 30px;
    padding: 0.15rem 0.3rem;
    flex-direction: row;
    position: absolute;
    margin: -1.2rem 0.3rem 0 0;
    right: 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(../images/dupont/images/index/icon-serviceChat.svg);
}

.page.page--userCenter .topinfo .userinfo .center {
    display: flex;
    flex-direction: column;
    height: 1.8rem;
}

.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 .balance {
    display: flex;
    align-items: center;
    font-size: 100%;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span+span {
    padding-left: .2rem;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span .ons-icon {
    transition: opacity .2s;
    color: #979CAE;
    /* opacity: .5; */
    font-size: 90%;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span .ons-icon.spicon {
    vertical-align: middle;
    padding-left: .03rem;
    pointer-events: none;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span>em {
    font-size: 90%;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span>span {
    vertical-align: text-bottom;
    line-height: 1;
}

.page.page--userCenter .topinfo .userinfo .center .balance>span:active {
    opacity: .8;
}

.page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #9AA3BB;
    font-size: 80%;
    margin-top: .05rem;
}

.page.page--userCenter .topinfo .fundsbotton {
    height: 1.1rem;
    line-height: normal;
}

.page.page--userCenter .topinfo .fundsbotton .button {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    height: 100%;
    font-weight: bold;
    font-size: 90%;
}

.page.page--userCenter .topinfo .fundsbotton .button .ons-icon {
    padding-right: 0.1rem;
    display: flex;
    height: 1em;
    align-items: center;
}

.page.page--userCenter .topinfo .fundsbotton .button .icon-deposit:before {
    content: '';
    background-image: url(../images/dupont/images/ico/icon-deposit.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 0.2rem 0.1rem;
    display: block;
    width: 1rem;
    height: 1rem;
}

.page.page--userCenter .topinfo .fundsbotton .button .icon-transfer:before {
    content: '';
    background-image: url(../images/dupont/images/ico/icon-withdrawal.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 0.2rem 0.1rem;
    display: block;
    width: 1rem;
    height: 1rem;
}

.page.page--userCenter .topinfo .fundsbotton .button .icon-withdrawal:before {
    content: '';
    background-image: url(../images/dupont/images/ico/icon-transfer.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 0.2rem 0.1rem;
    display: block;
    width: 1rem;
    height: 1rem;
}

.page.page--userCenter .topinfo .fundsbotton .button .icon-wallet:before {
    content: '';
    background-image: url(../images/dupont/images/ico/icon-wallet.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 0.2rem 0.1rem;
    display: block;
    width: 1rem;
    height: 1rem;
}

.page.page--userCenter .list {
    margin: 0.2rem;
    border-radius: 5px;
    font-size: 90%;
}

.page.page--userCenter .list.infoList {
    margin-top: 1.6rem;
}

.page.page--userCenter .list.infoList.jlist {
    margin: 0;
    border-radius: unset;
    border-bottom: 1px solid #e9e9e9;
}

.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: 95%;
}

.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 .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: 90%;
    font-weight: bold;
    color: #565656;
    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(../images/dupont/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: #FF3231;
    border-radius: 5px;
    color: #fff;
    margin-right: 0.1rem;
    width: 1.23rem;
    text-align: center;
}

.page.page--userCenter .list .right .bEdit {
    background-color: #4DBEFF;
}

.page.page--userCenter .list .right .bDone {
    background-color: #CACACA;
}

.page.page--userCenter .list .list-item {
    min-height: 1.4rem;
    border-bottom: 1px solid #EBE7EE;
    color: #585858;
}

.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: 50%;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.2rem;
}

.page.page--userCenter .list .list-item.my:before {
    background-image: url(../images/dupont/images/ico/icon-my.svg);
}

.page.page--userCenter .list .list-item.report:before {
    background-image: url(../images/dupont/images/ico/icon-report.svg);
}

.page.page--userCenter .list .list-item.WDrecord:before {
    background-image: url(../images/dupont/images/ico/icon-WDrecord.svg);
    background-size: 57%;
}

.page.page--userCenter .list .list-item.invite:before {
    background-image: url(../images/dupont/images/ico/icon-invite.svg);
    background-size: 63%;
}

.page.page--userCenter .list .list-item.team:before {
    background-image: url(../images/dupont/images/ico/icon-team.svg);
    background-size: 60%;
}

.page.page--userCenter .list .list-item.msg:before {
    background-image: url(../images/dupont/images/ico/icon-msg.svg);
    background-size: 52%;
}

.page.page--userCenter .list .list-item.logo:before {
    background-image: url(../images/dupont/images/ico/icon-logo.svg?v240930);
    background-size: 65%;
}

.page.page--userCenter .list.subPageList {
    margin-top: 1.5rem;
}

.page.page--userCenter .list.subPageList .list-item {
    min-height: 1.2rem;
}

.page.page--userCenter .list.subPageList .list-item .list-item__top {
    min-height: 1.2rem;
}

.page.page--userCenter .list.subPageList .left {
    font-size: 95%;
    white-space: nowrap;
    line-height: 1;
}

.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: #f1b56e;
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exinfo>div em {
    padding: 0 0.1rem;
}

.page.page--userCenter .list .exlist {
    font-size: 95%;
}

.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: #f1b56e;
    font-size: 120%;
}

.page.page--userCenter .avatarlist {
    display: flex;
    flex-wrap: wrap;
}

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

.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: #f1b56e;
    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 #f1b56e;
    color: #f1b56e;
    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: #e5e5e5;
    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: #f5f5f5;
    border-left: 2px solid #f1b56e;
    color: #f1b56e;
}

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

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

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

.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: #f1b56e;
    color: white;
    border: 1px solid #f1b56e;
}

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

.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 #E9E9E9;
    padding-left: 0rem;
    min-width: 2.1rem;
    font-size: 90%;
    display: flex;
    justify-content: flex-end;
}

.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 #E9E9E9;
}

.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 #E9E9E9;
    color: #c87d82;
    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: #777;
}

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

.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: #fff;
    border-radius: 5px;
    padding: 0;
    line-height: normal;
    margin-top: 0.2rem;
}

.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(178, 91, 222, 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: #f1b56e;
    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.self .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    display: block;
    content: '';
    width: 3px;
    background-color: #f1b56e;
    margin-right: 0.08rem;
    height: 1em;
}

.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: rgba(0, 148, 192, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--teamMember .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--report .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--wage .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem.default .cardItemCon .status:before,
.page.page--addAccount .page__content .contentArea .cardItem.default .cardItemCon .status:before {
    border-color: rgba(0, 148, 192, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy,
.page.page--report .page__content .contentArea .cardItem.unhappy,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy,
.page.page--wage .page__content .contentArea .cardItem.unhappy,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy {
    background-color: rgba(119, 119, 119, 0.08);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemTit>span:first-child:before {
    background-color: rgba(119, 119, 119, 0.8);
    color: rgba(119, 119, 119, 0.8);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--report .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemTit>span:nth-child(2) .icon {
    color: rgba(119, 119, 119, 0.6);
}

.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: rgba(119, 119, 119, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--teamMember .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--report .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--wage .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before,
.page.page--addAccount .page__content .contentArea .cardItem.unhappy .cardItemCon .status:before {
    content: none;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.warning,
.page.page--teamMember .page__content .contentArea .cardItem.warning,
.page.page--report .page__content .contentArea .cardItem.warning,
.page.page--accountRecord .page__content .contentArea .cardItem.warning,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.warning,
.page.page--wage .page__content .contentArea .cardItem.warning,
.page.page--depositRecord .page__content .contentArea .cardItem.warning,
.page.page--transferRecord .page__content .contentArea .cardItem.warning,
.page.page--addAccount .page__content .contentArea .cardItem.warning {
    background-color: rgba(230, 162, 60, 0.08);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.warning .cardItemTit>span:first-child:before {
    background-color: rgba(230, 162, 60, 0.9);
    color: rgba(230, 162, 60, 0.9);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--teamMember .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--report .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--accountRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--wage .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--depositRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--transferRecord .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon,
.page.page--addAccount .page__content .contentArea .cardItem.warning .cardItemTit>span:nth-child(2) .icon {
    color: rgba(230, 162, 60, 0.7);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--teamMember .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--report .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--accountRecord .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--wage .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--depositRecord .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--transferRecord .page__content .contentArea .cardItem.warning .cardItemCon .status,
.page.page--addAccount .page__content .contentArea .cardItem.warning .cardItemCon .status {
    color: #fff;
    background-color: rgba(230, 162, 60, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--teamMember .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--report .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--wage .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem.warning .cardItemCon .status:before,
.page.page--addAccount .page__content .contentArea .cardItem.warning .cardItemCon .status:before {
    content: none;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.danger,
.page.page--teamMember .page__content .contentArea .cardItem.danger,
.page.page--report .page__content .contentArea .cardItem.danger,
.page.page--accountRecord .page__content .contentArea .cardItem.danger,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.danger,
.page.page--wage .page__content .contentArea .cardItem.danger,
.page.page--depositRecord .page__content .contentArea .cardItem.danger,
.page.page--transferRecord .page__content .contentArea .cardItem.danger,
.page.page--addAccount .page__content .contentArea .cardItem.danger {
    background-color: rgba(245, 108, 108, 0.08);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.danger .cardItemTit>span:first-child:before {
    background-color: rgba(245, 108, 108, 0.9);
    color: rgba(245, 108, 108, 0.9);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--teamMember .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--report .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--accountRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--wage .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--depositRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--transferRecord .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon,
.page.page--addAccount .page__content .contentArea .cardItem.danger .cardItemTit>span:nth-child(2) .icon {
    color: rgba(245, 108, 108, 0.7);
}

.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;
    background-color: rgba(245, 108, 108, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--teamMember .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--report .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--wage .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem.danger .cardItemCon .status:before,
.page.page--addAccount .page__content .contentArea .cardItem.danger .cardItemCon .status:before {
    content: none;
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.success,
.page.page--teamMember .page__content .contentArea .cardItem.success,
.page.page--report .page__content .contentArea .cardItem.success,
.page.page--accountRecord .page__content .contentArea .cardItem.success,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.success,
.page.page--wage .page__content .contentArea .cardItem.success,
.page.page--depositRecord .page__content .contentArea .cardItem.success,
.page.page--transferRecord .page__content .contentArea .cardItem.success,
.page.page--addAccount .page__content .contentArea .cardItem.success {
    background-color: rgba(103, 194, 58, 0.08);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--teamMember .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--report .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--accountRecord .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--wage .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--depositRecord .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--transferRecord .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before,
.page.page--addAccount .page__content .contentArea .cardItem.success .cardItemTit>span:first-child:before {
    background-color: rgba(103, 194, 58, 0.9);
    color: rgba(103, 194, 58, 0.9);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--teamMember .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--report .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--accountRecord .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--wage .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--depositRecord .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--transferRecord .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon,
.page.page--addAccount .page__content .contentArea .cardItem.success .cardItemTit>span:nth-child(2) .icon {
    color: rgba(103, 194, 58, 0.7);
}

.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;
    background-color: rgba(103, 194, 58, 0.5);
}

.page.page--lotteryRecord .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--teamMember .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--report .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--accountRecord .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--withdrawalRecord .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--wage .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--depositRecord .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--transferRecord .page__content .contentArea .cardItem.success .cardItemCon .status:before,
.page.page--addAccount .page__content .contentArea .cardItem.success .cardItemCon .status:before {
    content: none;
}

.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: rgba(0, 0, 0, 0.08);
}

.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, #f1b56e 0%, #fff 200%);
    color: #fff;
    height: .9rem;
    background-color: #f1b56e;
    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: #f1b56e;
    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(../images/dupont/images/ico/icon-introduce.png);
    background-size: 26px 26px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
}

.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: #F1F1F5;
    height: 1.3rem;
    display: flex;
    align-items: center;
    font-size: 90%;
}

.itemRow .itemTitle {
    margin-left: 16px;
    color: #575555;
}

.itemRow .balance {
    font-size: 115%;
}

.itemRow .balance,
.itemRow .oneKeyBack {
    color: #FF6818;
}

.itemRow .fe-icon-refresh {
    margin-left: 0.1rem;
    color: #CC9D7F;
}

.itemRow .oneKeyBack {
    position: absolute;
    right: 0;
    margin-right: 0.5rem;
}

.menuPage .sblock {
    background-color: #f6f3ec;
    height: 100%;
    padding-bottom: 2rem;
    overflow: scroll;
    box-sizing: border-box;
}

.menuPage .sblock .ntab {
    position: relative;
    color: #4F4F4F;
    display: flex;
    width: 1.4rem;
    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 #E5E5E5;
    color: #8F8D8E;
    padding: .1rem 0.3rem;
    margin-right: 0.3rem;
    border-radius: 3px;
}

.timeRange .center span.act {
    border-color: #f1b56e;
    color: #f1b56e;
}

.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("../images/dupont/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;
    background: #fbfaf5;
    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: #f1b56e;
}

.timeRangDialog .dialog .bottom .right.loading:before {
    padding-left: 5px;
}

.timeRangDialog .dialog .bottom .left {
    background-color: #FFFFFF;
    color: #777777;
    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;
}

.linearGradient {
    background-image: linear-gradient(to right, #FF8F5E, #E35C31);
}

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

/* 皮肤 */
.skinblue .unityDialog .top {
    background: unset;
    background-color: #15ABD6;
}

.skinblue .unityDialog .middle .matter>div:first-child span {
    color: #15ABD6;
}

.skinblue .unityDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #15ABD6;
}

.skinblue .unityDialog .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(21, 171, 214, 0.9) 0%, #fff 200%);
    background-color: rgba(21, 171, 214, 0.9);
}

.skinblue .button--primary,
.skinblue .button--primary:active {
    color: #fff;
    background-color: #15ABD6;
    border-color: #15ABD6;
}

.skinblue .button--primary[plain],
.skinblue .button--primary:active[plain] {
    color: #15ABD6;
    background: #e8f7fb;
    border-color: #c5eaf5;
}

.skinblue .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs ul li.active {
    color: #15ABD6;
}

.skinblue .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    background-color: #15ABD6;
}

.skinblue .onePageSlide>.onePageSlideItem .modeSel span {
    color: #2bc3f4 !important;
}

.skinblue .onePageSlide>.onePageSlideItem .modeSel span:before {
    background-image: url(../images/dupont/images/ico/usdt-mode2.png) !important;
}

.skinblue .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
    content: url("../images/dupont/images/skin/blue/ico/switch.png") !important;
}

.skinblue .onePageSlideItem .tips>p.textc,
.skinblue .page__content.features .tips>p.textc {
    color: #15ABD6;
}

.skinblue .onePageSlideItem .tips>p .textc,
.skinblue .page__content.features .tips>p .textc {
    color: #15ABD6;
}

.skinblue .page.page--menu .menutop {
    border-bottom: 1px solid #15ABD6;
}

.skinblue .page.page--index .announcement {
    background-color: #edf9f9;
}

.skinblue .page.page--index .announcement .icon {
    color: #15ABD6;
}

.skinblue .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    background-color: #15ABD6;
}

.skinblue .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    background-color: #15ABD6;
}

.skinblue .page.page--live .errMsgBox em {
    color: #15ABD6;
}

.skinblue .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #18AAD8;
}

.skinblue .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    background-color: #18AAD8;
}

.skinblue .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #41C5EB;
}

.skinblue .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    background-color: #41C5EB;
}

.skinblue .page.page--lottery .lotteryHeader .lotteryMethodGuide {
    color: #15ABD6;
}

.skinblue .page.page--lottery .lotteryHeader .curIssue .remainTime {
    color: #fd686a;
}

.skinblue .page.page--lottery .lotteryHeader .lastIssue ul li span {
    background: #f36db4;
}

.skinblue .page.page--lottery .lotteryHeader .showMenuBtn {
    background-color: #15ABD6;
}

.skinblue .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.skinblue .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
}

.skinblue .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span,
.skinblue .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .page.page--lottery .normal_foot .betInfo>span em {
    color: #11BCED;
}

.skinblue .page.page--lottery .normal_foot .betInfo span.prize .prizes {
    color: #15ABD6;
}

.skinblue .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #18abd6;
}

.skinblue .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
    color: #18abd6;
}

.skinblue .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #18abd6;
}

.skinblue .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    background-color: #18abd6;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #F47622;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #F47622;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #F47622;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.skinblue .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%);
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #F47622;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #15ABD6 !important;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.skinblue .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #15ABD6;
}

.skinblue .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #15ABD6;
    background-color: rgba(21, 171, 214, 0.1);
}

.skinblue .page.page--lottery .pk_foot .countBar span {
    color: #15ABD6;
}

.skinblue .page.page--lottery .pk_foot .amountBar .amountInput {
    color: #15ABD6;
}

.skinblue .page.page--lottery .pk_foot .amountBar .amountInput input {
    color: #1DAEDB;
    background-color: #E7F3F5;
}

.skinblue .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    color: #2bc3f4;
}

.skinblue .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    color: #2bc3f4;
}

.skinblue .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #2bc3f4;
}

.skinblue .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.skinblue .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #2bc3f4;
}

.skinblue .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #2bc3f4;
}

.skinblue .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    color: #15ABD6;
}

.skinblue .launchBetDialog .QuicklyMain .top {
    background: #15ABD6;
}

.skinblue .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
    background-color: #2BA3DB;
}

.skinblue .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
    background: linear-gradient(to bottom, #1FC0EF 0%, #1C9EC3 100%);
}

.skinblue .lotteryMenuDialog .dialog-container>.top {
    background-color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
    background-color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container .my-method {
    border-bottom: 1px solid #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container .my-method div .label {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container .my-method ul li.selected {
    border: 1px solid #15ABD6;
    color: #15ABD6;
}

.skinblue .lotteryCartDialog .CartMain .top {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: #18AAD6;
}

.skinblue .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    color: #18AAD6;
}

.skinblue .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.skinblue .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #18AAD6;
}

.skinblue .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #15ABD6;
}

.skinblue .lotteryCartDialog .CartMain .middle .CartItem .CartItemCon>span:first-child {
    color: #18ABD5;
}

.skinblue .lotteryCartDialog .CartMain .foot span:last-child {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog .CartMain .foot span:last-child:active {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog.task .top {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(21, 171, 214, 0.5);
    transition: all .2s;
}

.skinblue .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #71bcd1;
}

.skinblue .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #15ABD6;
}

.skinblue .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #71bcd1;
}

.skinblue .lotteryCartDialog.task .foot span:last-child {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog.task .foot span:last-child:active {
    background: unset;
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #15ABD6;
}

.skinblue .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    background-color: #15ABD6;
}

.skinblue .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: #18AAD6;
}

.skinblue .lotteryCartDialog .TaskMain .foot .footcount em {
    color: #15ABD6;
}

.skinblue .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #15ABD6;
}

.skinblue .lotteryQuicklyDialog .top {
    background: unset;
    background-color: #15ABD6;
}

.skinblue .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    color: #15ABD6;
}

.skinblue .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    color: #71bcd1;
}

.skinblue .lotteryQuicklyDialog .middle .matter>div span {
    color: #15d6c1;
}

.skinblue .lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #15d6c1;
}

.skinblue .lotteryQuicklyDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #15ABD6;
    color: #fff;
}

.skinblue .lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(21, 171, 214, 0.9) 0%, #fff 200%);
    background-color: rgba(21, 171, 214, 0.9);
}

.skinblue .lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #15d6c1 0%, #fff 200%);
    background-color: #15d6c1;
}

.skinblue .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #15d6c1;
}

.skinblue .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #71d1c6;
}

.skinblue .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #15ABD6;
}

.skinblue .lotteryQuicklyDialog.share .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #15d6c1 0%, #fff 200%);
    background-color: #15d6c1;
}

.skinblue .lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(21, 214, 193, 0.8) 0%, #fff 200%);
    background-color: rgba(21, 214, 193, 0.8);
}

.skinblue .shareOrderRate .alert-dialog-content--select {
    background-color: #2cdac7;
}

.skinblue .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #2cdac7;
}

.skinblue .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    color: #15ABD6;
}

.skinblue article .link {
    color: #15ABD6;
}

.skinblue .help-list .list .list-header {
    color: #15ABD6;
}

.skinblue .help-center h3 {
    color: #15ABD6;
}

.skinblue .help-center h5 {
    background: #15ABD6;
}

.skinblue .help-center p span {
    background-color: #15ABD6;
}

.skinblue .help-center dl dd a {
    color: #15ABD6;
}

.skinblue .help-center strong {
    color: #15ABD6;
}

.skinblue .help-center .button--outline {
    border: 1px solid #15ABD6;
}

.skinblue .help-center .primary {
    background-color: #15ABD6;
    border-color: #15ABD6;
}

.skinblue .GlobalBottomBar>div.activity {
    color: #5abdf4;
}

.skinblue .GlobalBottomBar .bottomIndexA {
    background-image: url(../images/dupont/images/skin/blue/ico/homeh.svg);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.skinblue .GlobalBottomBar .bottomActA {
    background-image: url(../images/dupont/images/skin/blue/ico/activetyh.svg);
}

.skinblue .GlobalBottomBar .bottomDepositA {
    background-image: url(../images/dupont/images/skin/blue/ico/walleth.svg);
}

.skinblue .GlobalBottomBar .bottomChatA {
    background-image: url(../images/dupont/images/skin/blue/ico/messageh.svg);
    background-size: 116% !important;
    background-position: -2px -2px;
}

.skinblue .GlobalBottomBar .bottomMyA {
    background-image: url(../images/dupont/images/skin/blue/ico/myh.svg);
}

.skinblue .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    background-color: #15ABD6;
}

.skinblue .history_line .td-page .td-nav>div:nth-child(2)>div {
    border: 1px solid #15ABD6;
    color: #15ABD6;
}

.skinblue .history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #15ABD6;
    color: #ffffff;
}

.skinblue .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #15ABD6;
    color: #ffffff;
}

.skinblue .history_line .td-page .td-nav>div:nth-child(1) {
    color: #18AAD6;
}

.skinblue .page.page--userCenter .topinfo .userinfo {
    background: linear-gradient(to right, #256e83 0%, #5c99b5 100%);
}

.skinblue .page.page--userCenter .topinfo .userinfo .serviceChat {
    background: #317487;
    color: #fff;
}

.skinblue .page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #99d9ec;
}

.skinblue .page.page--userCenter .topinfo .userinfo .center .balance {
    color: #ffd71d;
}

.skinblue .page.page--userCenter .topinfo .userinfo .center .balance .ons-icon {
    color: #9bb4ce;
}

.skinblue .page.page--userCenter .topinfo .fundsbotton .button {
    background-color: #44bee3;
}

.skinblue .page.page--userCenter .topinfo .border_left_1px {
    border-left: 1px solid #3ac8f1;
}

.skinblue .page.page--userCenter .list .exinfo>div span {
    color: #15ABD6;
}

.skinblue .page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #15ABD6;
}

.skinblue .page.page--userCenter .list .list-item:before {
    background-color: #51bde1;
}

.skinblue .page.page--userCenter .list.sitems .list-item:before {
    background-color: unset;
}

.skinblue .page.page--userCenter .list.star.fe-icon-star2:before {
    color: #18AAD6;
}

.skinblue .page.page--userCenter .balance {
    color: #1ECDFD;
}

.skinblue .page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #15ABD6;
}

.skinblue .page.page--gameList .gameListMain section .gameListTab .indicator {
    background-color: #15ABD6;
}

.skinblue .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
.skinblue .page.page--teamMember .page__content .optionArea .list .list-item .center,
.skinblue .page.page--report .page__content .optionArea .list .list-item .center,
.skinblue .page.page--accountRecord .page__content .optionArea .list .list-item .center,
.skinblue .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
.skinblue .page.page--wage .page__content .optionArea .list .list-item .center,
.skinblue .page.page--depositRecord .page__content .optionArea .list .list-item .center,
.skinblue .page.page--transferRecord .page__content .optionArea .list .list-item .center,
.skinblue .page.page--addAccount .page__content .optionArea .list .list-item .center {
    color: #18AAD6;
}

.skinblue .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinblue .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: #18AAD6;
}

.skinblue .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinblue .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    background-color: #F7F7F7;
    color: #777;
}

.skinblue .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinblue .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
    background-color: #15ABD6;
    color: #fff;
}

.skinblue .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinblue .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinblue .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    color: rgba(21, 171, 214, 0.5);
}

.skinblue .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinblue .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
    color: #15ABD6;
}

.skinblue .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinblue .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    background-color: #15ABD6;
}

.skinblue .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background-color: #15ABD6;
}

.skinblue .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #15ABD6;
}

.skinblue :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #18aad6;
    background-color: #18aad6;
}

.skinblue .commu .segment__button {
    border: 1px solid #15ABD6;
    color: #15ABD6;
}

.skinblue .commu :checked+.segment__button {
    background-color: #15ABD6;
}

.skinblue .longbet-index .header .button--cta {
    background-color: #15ABD6;
    border: 1px solid #15ABD6;
}

.skinblue .longbet-index .header .button--outline {
    border: 1px solid #15ABD6;
    color: #15ABD6;
}

.skinblue .appTips a {
    background-color: #15ABD6;
}

.skinblue .list--exquisite .list-item.list-item--button .button {
    background-color: rgba(21, 171, 214, 0.7);
}

.skinblue .list--exquisite .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinblue .list--exquisite .center.red {
    color: #15ABD6;
}

.skinblue .alert-dialog--select .alert-dialog-content--select {
    background-color: rgba(21, 171, 214, 0.7);
}

.skinblue .alert-dialog--select .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #15ABD6;
}

.skinblue .mychoice div ul li.cur span {
    background-color: #62c8f9;
}

.skinblue .highlightTip {
    color: #15ABD6;
}

.skinblue .page.page--login .loginBg01,
.skinblue .page.page--userReg .loginBg01 {
    background-image: url(../images/dupont/images/skin/blue/m-login-bg.png);
}

.skinblue .page.page--login .jzmm,
.skinblue .page.page--userReg .jzmm {
    color: #777777;
}

.skinblue .page.page--login .jzmm label,
.skinblue .page.page--userReg .jzmm label {
    font-size: 14px;
    color: #777777;
}

.skinblue .page.page--login .loginMain .logobg,
.skinblue .page.page--userReg .loginMain .logobg {
    background: url(../images/dupont/images/skin/blue/logo.png);
    background-size: 100% 100%;
}

.skinblue .page.page--login .loginMain .from .form-input-item input,
.skinblue .page.page--userReg .loginMain .from .form-input-item input {
    color: #777777;
}

.skinblue .page.page--login .loginMain .from .form-input-item .ico-user,
.skinblue .page.page--userReg .loginMain .from .form-input-item .ico-user {
    background: url(../images/dupont/images/skin/blue/ico-user.png);
    background-size: 100%;
}

.skinblue .page.page--login .loginMain .from .form-input-item .ico-password,
.skinblue .page.page--userReg .loginMain .from .form-input-item .ico-password {
    background: url(../images/dupont/images/skin/blue/ico-password.png);
    background-size: 100%;
    height: 26px;
}

.skinblue .page.page--login .loginMain .from .form-text-item,
.skinblue .page.page--userReg .loginMain .from .form-text-item {
    color: white;
}

.skinblue .page.page--login .loginMain .from .form-input-item label i,
.skinblue .page.page--userReg .loginMain .from .form-input-item label i {
    color: white;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.skinblue .page.page--login .loginMain .loginbtn .button,
.skinblue .page.page--userReg .loginMain .loginbtn .button {
    border-radius: 8px;
    background-color: #b850e4;
}

.skinblue .page.page--login .loginMain .login-btn-box .btn_item,
.skinblue .page.page--userReg .loginMain .login-btn-box .btn_item {
    background-color: rgba(255, 255, 255, 0.8);
    color: #b850e4;
}

.skinblue .page.page--login .loginMain .login-btn-box .btn_item>span,
.skinblue .page.page--userReg .loginMain .login-btn-box .btn_item>span {
    vertical-align: middle;
}

.skinblue .page.page--login .checkbox,
.skinblue .page.page--userReg .checkbox {
    vertical-align: middle;
}

.skinblue .page.page--login .checkbox__checkmark:before,
.skinblue .page.page--userReg .checkbox__checkmark:before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: unset;
}

.skinblue .page.page--login .checkbox__checkmark:after,
.skinblue .page.page--userReg .checkbox__checkmark:after {
    top: 5px;
}

.skinblue .page.page--login :checked+.checkbox__checkmark:before,
.skinblue .page.page--userReg :checked+.checkbox__checkmark:before {
    background: #4ccad9;
    border: none;
}

.skinblue .lotteryIntroduce-main .tabs .button--outline {
    color: #15ABD6;
    border-color: #15ABD6;
}

.skinblue .lotteryIntroduce-main .tabs .primary {
    background-color: #15ABD6;
    border-color: #15ABD6;
    color: #fff;
}

.skinblue .thirdPlan_bet .playMain .planTypeList .planInfo {
    color: #15ABD6;
}

.skinblue .thirdPlan_bet .playMain .planTypeList .planInfo.active {
    background-color: #15ABD6;
    color: #fff;
}

.skinblue .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
    background-color: #15ABD6;
}

.skinblue .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .betTypeTabs ul li.active {
    color: #15ABD6;
}

.skinblue .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
    background-color: #15ABD6;
}

.skinblue .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
    background-color: #15ABD6;
}

.skinblue .walletList .oneKey {
    background-color: #3aa5bc !important;
    border-color: #3aa5bc !important;
}

.skinblue .page.page--transfer .list .list-item .center input {
    color: #15ABD6;
}

.skinblue .page.page--transfer .tips.listmenu span.active {
    color: #15ABD6;
}

.skinblue .page.page--transfer .displaylist>div.selected {
    color: #15ABD6;
}

.skinblue .page.page--transfer .displayimg>div.selected:before {
    border-color: #15ABD6;
}

.skinblue .page.page--transfer .walletList .item .oneKey {
    background-color: #15ABD6;
    border-color: #15ABD6;
}

.skinblue .page.page--transfer .masterAccount span {
    color: #15ABD6;
}

.skinblue .transferConfirmDialog .middle .unityDialogCard input {
    color: #15ABD6;
}

.skinblue .page--addAccount .menu div ul li.selAddType::after {
    background: #843bbd;
}

.skinblue .GlobalTopBar .modeSel span {
    color: #2bc3f4;
}

.skinblue .GlobalTopBar .modeSel span:before {
    background-image: url(../images/dupont/images/ico/usdt-mode2.png);
}

.skinblue .GlobalTopBar .modeSel .switchCurrency img {
    content: url("../images/dupont/images/skin/blue/ico/switch.png");
}

.skinblue .GlobalTopBar .center .logo {
    background-image: url(../images/dupont/images/skin/blue/logo/logo-big.png);
}

.skinblue .GlobalTopBar .center .loginBtn {
    background-color: #4ccad9;
}

.skinblue .dialogBox .dialog .header:before {
    background-image: url(../images/dupont/images/skin/blue/logo/logo-small.png);
}

.skinblue .dialogBox .dialog .content .page .button {
    background-color: #4ccad9;
}

.skinblue .page.page--index .userBar .balance {
    color: #f47040;
}

.skinblue .page.page--index .userBar .serviceChat {
    background-color: #4ccad9;
}

.skinblue .page.page--index .usdt-info {
    background: #E1EFF3;
}

.skinblue .page.page--index .usdt-info .button-ios {
    background: linear-gradient(90deg, #61d7c9, #5695d8);
}

.skinblue .page.page--index .usdt-info .rate-box .text {
    color: #f47040;
}

.skinblue .page.page--index .usdt-info .test-list li span {
    color: #70b1f1;
    display: inline-block;
}

.skinblue .page.page--index .blockTitle {
    /*.lottery{
                content: url("../images/dupont/images/skin/blue/index/icon-lottery.png");
            }
            .live{
                content: url("../images/dupont/images/skin/blue/index/icon-live.png");
            }
            .poker{
                content: url("../images/dupont/images/skin/blue/index/icon-poker.png");
            }
            .sport{
                content: url("../images/dupont/images/skin/blue/index/icon-sport.png");
            }
            .fish{
                content: url("../images/dupont/images/skin/blue/index/icon-fish.png");
            }
            .slot{
                content: url("../images/dupont/images/skin/blue/index/icon-slot.png");
            }*/
}

.skinblue .page.page--index .blockTitle .gg {
    content: url("../images/dupont/images/skin/blue/index/icon-gg.png");
}

.skinblue .page.page--index .blockTitle .guajiTitleImg {
    content: url("../images/dupont/images/skin/blue/index/icon-guaji.png");
}

.skinblue .page.page--menu .menutop .balance em {
    color: #2bc3f4;
}

.skinblue .page.page--menu .menulist .lottery img {
    content: url("../images/dupont/images/skin/blue/index/icon-lottery.png");
}

.skinblue .page.page--menu .menulist .lotteryLoby img {
    content: url("../images/dupont/images/skin/blue/index/icon-lotteryLoby.png");
}

.skinblue .page.page--menu .menulist .live img {
    content: url("../images/dupont/images/skin/blue/index/icon-live.png");
}

.skinblue .page.page--menu .menulist .poker img {
    content: url("../images/dupont/images/skin/blue/index/icon-poker.png");
}

.skinblue .page.page--menu .menulist .sport img {
    content: url("../images/dupont/images/skin/blue/index/icon-sport.png");
}

.skinblue .page.page--menu .menulist .fish img {
    content: url("../images/dupont/images/skin/blue/index/icon-fish.png");
}

.skinblue .page.page--menu .menulist .slot img {
    content: url("../images/dupont/images/skin/blue/index/icon-slot.png");
}

.skinblue .page.page--menu .menulist #type2 .btnType.activity,
.skinblue .page.page--menu .menulist #type2 .btnType.team {
    background: linear-gradient(to right, #14A2CB 0%, #14B6E4 100%);
}

.skinblue .page--loginlog .contentArea .cardItem:not(.special):before {
    background-image: url(../images/dupont/images/skin/blue/ico/icon-horn.svg) !important;
}

.skinblue .page.page--deposit .itemRow .balance,
.skinblue .page--withdrawal .itemRow .balance,
.skinblue .page--transfer .itemRow .balance {
    color: #14A2CB;
}

.skinblue .page.page--deposit .itemlist .selBlock>span.active,
.skinblue .page--withdrawal .itemlist .selBlock>span.active,
.skinblue .page--transfer .itemlist .selBlock>span.active {
    background-image: url(../images/dupont/images/skin/blue/ico/selectBank.svg);
    border: 1px solid #27CEFF;
}

.skinblue .page.page--deposit .itemlist .selBtn .active,
.skinblue .page--withdrawal .itemlist .selBtn .active,
.skinblue .page--transfer .itemlist .selBtn .active {
    background-color: #15ABD6 !important;
}

.skinblue .page.page--deposit .list .list-item.btn .center span,
.skinblue .page--withdrawal .list .list-item.btn .center span,
.skinblue .page--transfer .list .list-item.btn .center span {
    background-color: #15ABD6 !important;
}

.skinblue .page.page--deposit .list .list-item .textc,
.skinblue .page--withdrawal .list .list-item .textc,
.skinblue .page--transfer .list .list-item .textc {
    color: #14A2CB;
}

.skinblue .page.page--aboutUs .logo {
    background-image: url(../images/dupont/images/skin/blue/logo/logo-big.png);
}

.skinblue .page.page--aboutUs .block .title {
    color: #14A2CB;
}

.skinblue .menuPage .sblock {
    background-color: #f6efea;
}

.skinblue .menuPage .sblock .ntab.active {
    color: #11B3E4;
}

.skinblue .menuPage .sblock .ntab.active:before {
    background-color: #31C4F0;
}

.skinblue .selGameMode span.active {
    background-color: #5aaed2;
}

.skinblue .history_code table td .ssc_ball {
    background: #18AAD6;
}

.skinblue .record-nav .button--outline {
    border-color: #18AAD6;
    color: #18AAD6;
}

.skinblue .record-nav .button--outline:active,
.skinblue .record-nav .button--outline.selected {
    background-color: #18AAD6;
    color: #fff;
}

.skinblue .page.page--index .betTabs ul li.active,
.skinblue .page.page--addUser .betTabs ul li.active {
    color: #18AAD6;
}

.skinblue .page.page--index .betTabs .betTabsIndicator,
.skinblue .page.page--addUser .betTabs .betTabsIndicator {
    background-color: #18AAD6;
}

.skinblue .page.page--index .list .list-item.btn .center span,
.skinblue .page.page--addUser .list .list-item.btn .center span {
    background-color: #18AAD6;
}

.skinblue .page.page--index .list .list-item .right .quick,
.skinblue .page.page--addUser .list .list-item .right .quick {
    border-color: #18AAD6;
    color: #18AAD6;
}

.skinblue .page.page--index .betTabs ul li.active {
    color: #18AAD6;
    border-color: #18AAD6;
}

.skinblue .page.page--index .list .list-item.btn .center span {
    background-color: #18AAD6;
}

.skinblue .page.page--index .list .list-item .right .quick {
    border-color: #18AAD6;
    color: #18AAD6;
}

.skinblue .timeRange .center span.act {
    border-color: #18AAD6;
    color: #18AAD6;
}

.skinblue .vdatetime-popup__header,
.skinblue .vdatetime-calendar__month__day--selected>span>span,
.skinblue .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #18AAD6;
}

.skinblue .vdatetime-popup__header,
.skinblue .vdatetime-calendar__month__day--selected>span>span,
.skinblue .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #18AAD6;
}

.skinblue .vdatetime-year-picker__item--selected,
.skinblue .vdatetime-time-picker__item--selected,
.skinblue .vdatetime-popup__actions__button {
    color: #18AAD6;
}

.skinblue .page--addAccount .menu div ul li.selAddType {
    color: #18AAD6;
}

.skinblue .page--addAccount .menu div ul li.selAddType::after {
    background: #18AAD6;
}

.skinblue .bindlist .btn span {
    background-color: #18AAD6;
}

.skinblue .slayer {
    color: #18ABD5;
}

.skinblue .linearGradient {
    background-image: linear-gradient(to right, #32CDE3, #1C9CB0);
}

.skinblue .dialogConfirm .dialog .header {
    background-color: #1CA9D6;
}

.skinblue .dialogConfirm .dialog .footer span:nth-child(2) {
    color: #1CA9D6;
}

.skinblue .userRegDialog .dialog .button,
.skinblue .userResetDialog .dialog .button {
    background-color: #f37f20;
}

.skinblue .page.page--statistics .pesonalcard>*>span:nth-child(2),
.skinblue .teamIndex .pesonalcard>*>span:nth-child(2) {
    color: #2ca5ef;
}

.skinred .unityDialog .top {
    background: linear-gradient(-45deg, #d83f36 0%, #fff 200%);
    background-color: #d83f36;
}

.skinred .unityDialog .middle .matter>div:first-child span {
    color: #d83f36;
}

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

.skinred .unityDialog .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(216, 63, 54, 0.9) 0%, #fff 200%);
    background-color: rgba(216, 63, 54, 0.9);
}

.skinred .toolbar {
    background: #d83f36;
}

.skinred .toolbar .toolbar__title {
    color: #fff;
}

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

.skinred .button--primary[plain],
.skinred .button--primary:active[plain] {
    color: #d83f36;
    background: #fbeceb;
    border-color: #f5cfcd;
}

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

.skinred .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    background-color: #d83f36;
}

.skinred .onePageSlideItem .pageTipsTit,
.skinred .page__content.features .pageTipsTit {
    color: #d83f36;
}

.skinred .onePageSlideItem .pageTipsTit.style2,
.skinred .page__content.features .pageTipsTit.style2 {
    color: #e8bc86;
}

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

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

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

.skinred .page.page--menu .menutop {
    border-bottom: 1px solid #d83f36;
}

.skinred .page.page--index .announcement .icon {
    color: #d83f36;
}

.skinred .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    background-color: #d83f36;
}

.skinred .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    background-color: #d83f36;
}

.skinred .page.page--live .errMsgBox em {
    color: #d83f36;
}

.skinred .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #d83f36;
}

.skinred .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    background-color: #d83f36;
}

.skinred .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #d83f36;
}

.skinred .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    background-color: #d83f36;
}

.skinred .page.page--lottery .lotteryHeader .lotteryMethodGuide {
    color: #d83f36;
}

.skinred .page.page--lottery .lotteryHeader .linebox>div:nth-child(1)>span {
    color: #d83f36;
}

.skinred .page.page--lottery .lotteryHeader .lastIssue ul li span {
    background: #d83f36;
}

.skinred .page.page--lottery .lotteryHeader .showMenuBtn {
    background-color: #d83f36;
}

.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
}

.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span,
.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span {
    background-color: #c72218;
}

.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
    background: linear-gradient(-45deg, #d83f36, #c72218);
}

.skinred .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected:after {
    background: linear-gradient(-45deg, #c72218, rgba(255, 255, 255, 0.3));
}

.skinred .page.page--lottery .normal_foot .betInfo>span em {
    color: #d83f36;
}

.skinred .page.page--lottery .normal_foot .betInfo span.prize .prizes {
    color: #d83f36;
}

.skinred .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #d83f36;
}

.skinred .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
    color: #c72218;
}

.skinred .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #c72218;
}

.skinred .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    background-color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #ce4c44;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background-color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #ce4c44;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background-color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #ce4c44;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball.selected:before {
    background-color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #ce4c44;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.skinred .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background-color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.skinred .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.skinred .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #d83f36 !important;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.skinred .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #d83f36;
}

.skinred .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #d83f36;
    background-color: rgba(216, 63, 54, 0.1);
}

.skinred .page.page--lottery .pk_foot .countBar span {
    color: #d83f36;
}

.skinred .page.page--lottery .pk_foot .amountBar .amountInput {
    color: #d83f36;
}

.skinred .page.page--lottery .pk_foot .amountBar .amountInput input {
    color: #a85b57;
    background-color: rgba(216, 63, 54, 0.05);
}

.skinred .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    color: #c72218;
}

.skinred .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    color: #c72218;
}

.skinred .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #c72218;
}

.skinred .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.skinred .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #c72218;
}

.skinred .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #c72218;
}

.skinred .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    color: #d83f36;
}

.skinred .launchBetDialog .QuicklyMain .top {
    background: #d83f36;
}

.skinred .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.top {
    background-color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
    color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
    color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
    color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
    background-color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container .my-method {
    border-bottom: 1px solid #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container .my-method div .label {
    color: #d83f36;
}

.skinred .lotteryMenuDialog .dialog-container .my-method ul li.selected {
    border: 1px solid #d83f36;
    color: #d83f36;
}

.skinred .last5issuesActionSheet .action-sheet-button ul li span {
    background-color: #d83f36;
}

.skinred .lotteryCartDialog .CartMain .top {
    background: linear-gradient(-45deg, #c72218 0%, #fff 200%);
    background-color: #c72218;
}

.skinred .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: rgba(199, 34, 24, 0.6);
}

.skinred .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    color: #c72218;
}

.skinred .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.skinred .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #c72218;
}

.skinred .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #d83f36;
}

.skinred .lotteryCartDialog .CartMain .foot span:last-child {
    background-image: linear-gradient(-45deg, #c72218 0%, #fff 200%);
    background-color: #c72218;
}

.skinred .lotteryCartDialog .CartMain .foot span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(199, 34, 24, 0.8) 0%, #fff 200%);
    background-color: rgba(199, 34, 24, 0.8);
}

.skinred .lotteryCartDialog.task .top {
    background: linear-gradient(-45deg, #d83f36 0%, #fff 200%);
    background-color: #d83f36;
}

.skinred .lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(216, 63, 54, 0.5);
    transition: all .2s;
}

.skinred .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #d28681;
}

.skinred .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #d83f36;
}

.skinred .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #d28681;
}

.skinred .lotteryCartDialog.task .foot span:last-child {
    background-image: linear-gradient(-45deg, #d83f36 0%, #fff 200%);
    background-color: #d83f36;
}

.skinred .lotteryCartDialog.task .foot span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(216, 63, 54, 0.9) 0%, #fff 200%);
    background-color: rgba(216, 63, 54, 0.9);
}

.skinred .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #d83f36;
}

.skinred .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    background-color: #d83f36;
}

.skinred .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: rgba(216, 63, 54, 0.7);
}

.skinred .lotteryCartDialog .TaskMain .foot .footcount em {
    color: #d83f36;
}

.skinred .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #d83f36;
}

.skinred .lotteryQuicklyDialog .top {
    background: linear-gradient(-45deg, #d83f36 0%, #fff 200%);
    background-color: #d83f36;
}

.skinred .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    color: #d83f36;
}

.skinred .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    color: #d28681;
}

.skinred .lotteryQuicklyDialog .middle .matter>div span {
    color: #d83663;
}

.skinred .lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #d83663;
}

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

.skinred .lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(216, 63, 54, 0.9) 0%, #fff 200%);
    background-color: rgba(216, 63, 54, 0.9);
}

.skinred .lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #d83663 0%, #fff 200%);
    background-color: #d83663;
}

.skinred .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #d83663;
}

.skinred .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #d28198;
}

.skinred .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #d83f36;
}

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

.skinred .lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(216, 54, 99, 0.8) 0%, #fff 200%);
    background-color: rgba(216, 54, 99, 0.8);
}

.skinred .shareOrderRate .alert-dialog-content--select {
    background-color: #dc4a73;
}

.skinred .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #dc4a73;
}

.skinred .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    color: #d83f36;
}

.skinred article .link {
    color: #d83f36;
}

.skinred .help-list .list .list-header {
    color: #d83f36;
}

.skinred .help-center h3 {
    color: #d83f36;
}

.skinred .help-center h5 {
    background: #d83f36;
}

.skinred .help-center p span {
    background-color: #d83f36;
}

.skinred .help-center dl dd a {
    color: #d83f36;
}

.skinred .help-center strong {
    color: #d83f36;
}

.skinred .help-center .button--outline {
    border: 1px solid #d83f36;
}

.skinred .help-center .primary {
    background-color: #d83f36;
    border-color: #d83f36;
}

.skinred .GlobalBottomBar>div.activity {
    color: #d83f36;
}

.skinred .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    background-color: #d83f36;
}

.skinred .history_line .td-page .td-nav>div:nth-child(2)>div {
    border: 1px solid #d83f36;
    color: #d83f36;
}

.skinred .history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #d83f36;
    color: #ffffff;
}

.skinred .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #d83f36;
    color: #ffffff;
}

.skinred .page.page--userCenter .topinfo {
    background-color: #d83f36;
}

.skinred .page.page--userCenter .list .exinfo>div span {
    color: #d83f36;
}

.skinred .page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #d83f36;
}

.skinred .page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #d83f36;
}

.skinred .page.page--gameList .gameListMain section .gameListTab .indicator {
    background-color: #d83f36;
}

.skinred .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
.skinred .page.page--teamMember .page__content .optionArea .list .list-item .center,
.skinred .page.page--report .page__content .optionArea .list .list-item .center,
.skinred .page.page--accountRecord .page__content .optionArea .list .list-item .center,
.skinred .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center {
    color: #d28681;
}

.skinred .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinred .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.skinred .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.skinred .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinred .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: rgba(216, 63, 54, 0.7);
}

.skinred .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinred .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinred .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinred .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinred .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinred .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinred .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinred .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinred .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinred .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinred .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinred .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinred .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinred .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinred .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    color: rgba(216, 63, 54, 0.5);
}

.skinred .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinred .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.skinred .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.skinred .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinred .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span {
    color: #d83f36;
}

.skinred .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinred .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinred .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinred .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinred .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    background-color: #d83f36;
}

.skinred .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background: linear-gradient(-45deg, #d83f36 0%, #fff 200%);
    background-color: #d83f36;
}

.skinred .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #d83f36;
}

.skinred :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #d83f36;
    background-color: #d83f36;
}

.skinred .commu .segment__button {
    border: 1px solid #d83f36;
    color: #d83f36;
}

.skinred .commu :checked+.segment__button {
    background-color: #d83f36;
}

.skinred .longbet-index .header .button--cta {
    background-color: #d83f36;
    border: 1px solid #d83f36;
}

.skinred .longbet-index .header .button--outline {
    border: 1px solid #d83f36;
    color: #d83f36;
}

.skinred .appTips a {
    background-color: #d83f36;
}

.skinred .list--exquisite .list-item.list-item--button .button {
    background-color: rgba(216, 63, 54, 0.7);
}

.skinred .list--exquisite .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinred .list--exquisite .center.red {
    color: #d83f36;
}

.skinred .alert-dialog--select .alert-dialog-content--select {
    background-color: rgba(216, 63, 54, 0.7);
}

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

.skinred .mychoice div ul li.cur span {
    background-color: #d83f36;
}

.skinred .highlightTip {
    color: #d83f36;
}

.skinred .page.page--login .loginBg01 {
    background-image: url(../images/dupont/images/skin/red/m-login-bg.jpg);
}

.skinred .page.page--login .jzmm {
    color: #777777;
}

.skinred .page.page--login .jzmm label {
    font-size: 14px;
    color: #777777;
}

.skinred .page.page--login .loginMain .logobg {
    background: url(../images/dupont/images/skin/red/logo.png);
    background-size: 100%;
}

.skinred .page.page--login .loginMain .from .form-input-item {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(0, 0, 0, 0.15);
    background-color: rgba(255, 255, 255, 0.9);
}

.skinred .page.page--login .loginMain .from .form-input-item input {
    color: #777777;
}

.skinred .page.page--login .loginMain .from .form-input-item .ico-user {
    background: url(../images/dupont/images/skin/red/ico-user.png);
    background-size: 100%;
}

.skinred .page.page--login .loginMain .from .form-input-item .ico-password {
    background: url(../images/dupont/images/skin/red/ico-password.png);
    background-size: 100%;
    height: 28px;
}

.skinred .page.page--login .loginMain .from .form-text-item {
    color: #c7c7c7;
}

.skinred .page.page--login .loginMain .from .form-input-item label i {
    color: #c7c7c7;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.skinred .page.page--login .loginMain .loginbtn .button {
    border-radius: 100px;
    background-color: #c72218;
}

.skinred .page.page--login .loginMain .login-btn-box .btn_item {
    border: solid 1px #c72218;
    background-color: rgba(255, 255, 255, 0.8);
    color: #c72218;
}

.skinred .page.page--login .loginMain .login-btn-box .btn_item>span {
    vertical-align: middle;
}

.skinred .page.page--login .checkbox {
    vertical-align: middle;
}

.skinred .page.page--login .checkbox__checkmark:before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #707070;
    border-radius: unset;
}

.skinred .page.page--login .checkbox__checkmark:after {
    top: 5px;
}

.skinred .page.page--login :checked+.checkbox__checkmark:before {
    background: #c72218;
    border: none;
}

.skinred .lotteryIntroduce-main .tabs .button--outline {
    color: #d83f36;
    border-color: #d83f36;
}

.skinred .lotteryIntroduce-main .tabs .primary {
    background-color: #d83f36;
    border-color: #d83f36;
    color: #fff;
}

.skinyellow .unityDialog .top {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .unityDialog .middle .matter>div:first-child span {
    color: #f1b56e;
}

.skinyellow .unityDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #f1b56e;
}

.skinyellow .unityDialog .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(178, 91, 222, 0.9) 0%, #fff 200%);
    background-color: rgba(178, 91, 222, 0.9);
}

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

.skinyellow .button--primary[plain],
.skinyellow .button--primary:active[plain] {
    color: #f1b56e;
    background: #f7effc;
    border-color: #ecd6f7;
}

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

.skinyellow .onePageSlide>.onePageSlideItem.carouselPageSlideItem .pageTabs .tabsIndicator {
    background-color: #f1b56e;
}

.skinyellow .onePageSlide>.onePageSlideItem .modeSel span {
    color: #fdc73b !important;
}

.skinyellow .onePageSlide>.onePageSlideItem .modeSel span:before {
    background-image: url(../images/dupont/images/ico/rmb-mode2.png) !important;
}

.skinyellow .onePageSlide>.onePageSlideItem .modeSel .switchCurrency img {
    content: url("../images/dupont/images/skin/yellow/ico/switch.png") !important;
}

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

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

.skinyellow .page.page--menu .menutop {
    border-bottom: 1px solid #f1b56e;
}

.skinyellow .page.page--index .announcement .icon {
    color: #f1b56e;
}

.skinyellow .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .right-btn .right-btn_content {
    background-color: #f1b56e;
}

.skinyellow .page.page--index .hotgame .hotgame_content .hotgame_content_foc .hotgame_content_card .mid-code ul li span {
    background-color: #f1b56e;
}

.skinyellow .page.page--live .errMsgBox em {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .page--lottery__content .lotteryMain .betTabs ul li.active {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .page--lottery__content .lotteryMain .betTabs .betTabsIndicator {
    background-color: #f1b56e;
}

.skinyellow .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .issue span {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .page--lottery__content .lotteryMain .ons-swiper ons-carousel-item .history_code ul li .codes span {
    background-color: #f1b56e;
}

.skinyellow .page.page--lottery .lotteryHeader .lotteryMethodGuide {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .lotteryHeader .lastIssue ul li span {
    background: #F16DB5;
}

.skinyellow .page.page--lottery .lotteryHeader .showMenuBtn {
    background-color: #f1b56e;
}

.skinyellow .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao,
.skinyellow .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao {
    /*快三同号*/
}

.skinyellow .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-ertonghao.selected span,
.skinyellow .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.k3-santonghao.selected span {
    background: linear-gradient(to bottom, #FF954F 0%, #E86C1B 100%);
}

.skinyellow .page.page--lottery .normal_bet .playMain .ballGroup .ballCont .balls .ball.selected {
    /*选中*/
    background: linear-gradient(to bottom, #FF954F 0%, #E86C1B 100%);
}

.skinyellow .page.page--lottery .normal_foot .betInfo>span em {
    color: #F77624;
}

.skinyellow .page.page--lottery .normal_foot .betInfo span.prize .prizes {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .normal_foot .betCtrl .modeInput ul li.curMode {
    background-color: #f1b56e;
}

.skinyellow .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart {
    color: #FF7B4B;
}

.skinyellow .page.page--lottery .normal_foot .betOKBtn .lotteryCart .mainCart>span i:before {
    color: #FF675D;
}

.skinyellow .page.page--lottery .normal_foot .betOKBtn .onkeyBet {
    background-color: #EB5AA9;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.default>em {
    color: #EF75BE;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.default.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball>em {
    color: #F47622;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball>em,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai~.same_width_of_k3_ball>em {
    color: #F47622;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou~.same_width_of_k3_ball.selected:before,
.skinyellow .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%);
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou>em,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai>em {
    color: #F47622;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-weitou.selected:before,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard .pkball.k3-pk-ball-duanpai.selected:before {
    background: linear-gradient(to bottom, #FF4CB6 0%, #E6249B 100%);
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-red,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-green,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.sxCard .pkball.fang.selected>div>span.lhc-pk-blue {
    color: #f1b56e !important;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>span,
.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu>em {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .pk_bet .playMain .ballCard.menuCard .pkball.selected_menu:before {
    border-color: #f1b56e;
    background-color: rgba(178, 91, 222, 0.1);
}

.skinyellow .page.page--lottery .pk_foot .countBar span {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .pk_foot .amountBar .amountInput {
    color: #f1b56e;
}

.skinyellow .page.page--lottery .pk_foot .amountBar .amountInput input {
    color: #FE8431;
    background-color: #F7F1E7;
}

.skinyellow .lotteryPkConfirmDialog .CartItem.countBar .bottomEndLine em {
    color: #fdc73b;
}

.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemTit .tit:before {
    color: #fdc73b;
}

.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemTit .tit em {
    color: #fdc73b;
}

.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn.act,
.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemTit .delbtn:active {
    color: #fdc73b;
}

.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemCon .amountInput input.quickInputing {
    color: #fdc73b;
}

.skinyellow .lotteryPkConfirmDialog .CartItem .CartItemCon>div:nth-child(2) {
    color: #f1b56e;
}

.skinyellow .launchBetDialog .QuicklyMain .top {
    background: #f1b56e;
}

.skinyellow .launchBetDialog .QuicklyMain .dialog_rebate_foot span:last-child {
    background-color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.smenu .slists .listTitle.active {
    background-color: #F48D48;
}

.skinyellow .lotteryMenuDialog .dialog-container>.smenu .sitem span.active {
    background: linear-gradient(to bottom, #FF954F 0%, #E86C1B 100%);
}

.skinyellow .lotteryMenuDialog .dialog-container>.top {
    background-color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.middle .slideItem .slideTit.current {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li.selected {
    background-color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.middle .slideItem .slideContent>* ul li span {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container>.middle .pkmenu li.selected {
    background-color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container .my-method {
    border-bottom: 1px solid #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container .my-method div .label {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container .my-method ul li.selected {
    border: 1px solid #f1b56e;
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .top {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .middle .CartItem.menuItem>div:first-child em {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .tit:before {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn.act,
.skinyellow .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .delbtn:active {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .middle .CartItem .CartItemTit .checkbox .checkbox__checkmark:after {
    border-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .foot span:last-child {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .CartMain .foot span:last-child:active {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog.task .top {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog.task .middle .CartItem.select {
    box-shadow: 0 0 8px rgba(178, 91, 222, 0.5);
    transition: all .2s;
}

.skinyellow .lotteryCartDialog.task .middle .CartItem.menuItem>div:first-child em {
    color: #bf94d5;
}

.skinyellow .lotteryCartDialog.task .middle .CartItem .CartItemTit .tit:before {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog.task .middle .CartItem .CartItemCon>span:first-child {
    color: #bf94d5;
}

.skinyellow .lotteryCartDialog.task .foot span:last-child {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog.task .foot span:last-child:active {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .TaskMain .top .normalTabs ul li.active {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .TaskMain .top .normalTabs .normalTabsIndicator {
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .TaskMain .middle .setting .inputarea>div.isbtn {
    background-color: #f1b56e;
}

.skinyellow .lotteryCartDialog .TaskMain .foot .footcount em {
    color: #f1b56e;
}

.skinyellow .lotteryCartDialog .TaskMain .tasktable tbody tr td.multiple {
    color: #f1b56e;
}

.skinyellow .lotteryQuicklyDialog .top {
    background: unset;
    background-color: #f1b56e;
}

.skinyellow .lotteryQuicklyDialog .middle .QuickItem .QuickItemTit .tit:before {
    color: #f1b56e;
}

.skinyellow .lotteryQuicklyDialog .middle .QuickItem .QuickItemCon>span:first-child {
    color: #bf94d5;
}

.skinyellow .lotteryQuicklyDialog .middle .matter>div span {
    color: #865bde;
}

.skinyellow .lotteryQuicklyDialog .bottom>span:nth-child(2) {
    color: #865bde;
}

.skinyellow .lotteryQuicklyDialog .bottom>span:last-child {
    background-image: unset;
    background-color: #f1b56e;
    color: #fff;
}

.skinyellow .lotteryQuicklyDialog .bottom>span:last-child:active {
    color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(-45deg, rgba(178, 91, 222, 0.9) 0%, #fff 200%);
    background-color: rgba(178, 91, 222, 0.9);
}

.skinyellow .lotteryQuicklyDialog.share .top {
    background: linear-gradient(-45deg, #865bde 0%, #fff 200%);
    background-color: #865bde;
}

.skinyellow .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemTit .tit:before {
    color: #865bde;
}

.skinyellow .lotteryQuicklyDialog.share .middle .QuickItem .QuickItemCon>span:first-child {
    color: #a994d5;
}

.skinyellow .lotteryQuicklyDialog.share .bottom>span:nth-child(2) {
    color: #f1b56e;
}

.skinyellow .lotteryQuicklyDialog.share .bottom>span:last-child {
    background-image: linear-gradient(-45deg, #865bde 0%, #fff 200%);
    background-color: #865bde;
}

.skinyellow .lotteryQuicklyDialog.share .bottom>span:last-child:active {
    background-image: linear-gradient(-45deg, rgba(134, 91, 222, 0.8) 0%, #fff 200%);
    background-color: rgba(134, 91, 222, 0.8);
}

.skinyellow .shareOrderRate .alert-dialog-content--select {
    background-color: #926be1;
}

.skinyellow .shareOrderRate .alert-dialog-button--select.alert-dialog-button--primal--select {
    color: #926be1;
}

.skinyellow .lotteryListDialog .dialog .dialog-container .lottery_list div .label {
    color: #f1b56e;
}

.skinyellow article .link {
    color: #f1b56e;
}

.skinyellow .help-list .list .list-header {
    color: #f1b56e;
}

.skinyellow .help-center h3 {
    color: #f1b56e;
}

.skinyellow .help-center h5 {
    background: #f1b56e;
}

.skinyellow .help-center p span {
    background-color: #f1b56e;
}

.skinyellow .help-center dl dd a {
    color: #f1b56e;
}

.skinyellow .help-center strong {
    color: #f1b56e;
}

.skinyellow .help-center .button--outline {
    border: 1px solid #f1b56e;
}

.skinyellow .help-center .primary {
    background-color: #f1b56e;
    border-color: #f1b56e;
}

.skinyellow .GlobalBottomBar>div.activity {
    color: #f1b56e;
}

.skinyellow .GlobalBottomBar .bottomIndexA {
    background-image: url(../images/dupont/images/skin/yellow/ico/homeh.svg);
    background-size: 136% !important;
    background-position: -5px -5px;
}

.skinyellow .GlobalBottomBar .bottomActA {
    background-image: url(../images/dupont/images/skin/yellow/ico/activetyh.svg);
}

.skinyellow .GlobalBottomBar .bottomDepositA {
    background-image: url(../images/dupont/images/skin/yellow/ico/walleth.svg);
}

.skinyellow .GlobalBottomBar .bottomChatA {
    background-image: url(../images/dupont/images/skin/yellow/ico/messageh.svg);
    background-size: 116% !important;
    background-position: -2px -2px;
}

.skinyellow .GlobalBottomBar .bottomMyA {
    background-image: url(../images/dupont/images/skin/yellow/ico/myh.svg);
}

.skinyellow .trend-st-list .trend-st-item>div:nth-child(2)>div.active {
    background-color: #f1b56e;
}

.skinyellow .history_line .td-page .td-nav>div:nth-child(2)>div {
    border: 1px solid #f1b56e;
    color: #f1b56e;
}

.skinyellow .history_line .td-page .td-nav>div:nth-child(2)>div.active {
    background-color: #f1b56e;
    color: #ffffff;
}

.skinyellow .history_line .td-page .trend-table-c .ssc-td-content-c table .charball span {
    background: #f1b56e;
    color: #ffffff;
}

.skinyellow .history_line .td-page .td-nav>div:nth-child(1) {
    color: #f1b56e;
}

.skinyellow .page.page--userCenter .topinfo {
    background: linear-gradient(to right, #45347E 0%, #703E89 100%);
}

.skinyellow .page.page--userCenter .topinfo .fundsbotton .button {
    background-color: #f1b56e;
}

.skinyellow .page.page--userCenter .topinfo .border_left_1px {
    border-left: 1px solid #cb76f6;
}

.skinyellow .page.page--userCenter .topinfo .userinfo {
    background: linear-gradient(to right, #624ba4 0%, #ad7cc4 100%);
}

.skinyellow .page.page--userCenter .topinfo .userinfo .serviceChat {
    background: #875e9d;
}

.skinyellow .page.page--userCenter .topinfo .userinfo .center .addTime {
    color: #c9bcd6;
}

.skinyellow .page.page--userCenter .topinfo .userinfo .center .balance .ons-icon {
    color: #bea5b6;
}

.skinyellow .page.page--userCenter .list .exinfo>div span {
    color: #f1b56e;
}

.skinyellow .page.page--userCenter .list .exlist .exxlist>div .copy {
    color: #f1b56e;
}

.skinyellow .page.page--userCenter .list .list-item .star.fe-icon-star2:before {
    color: #FE8135;
}

.skinyellow .page.page--userCenter .balance {
    color: #FED71F;
}

.skinyellow .page.page--gameList .gameListMain section .gameListTab ul li.active {
    color: #f1b56e;
}

.skinyellow .page.page--gameList .gameListMain section .gameListTab .indicator {
    background-color: #f1b56e;
}

.skinyellow .page.page--lotteryRecord .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--teamMember .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--report .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--accountRecord .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--withdrawalRecord .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--wage .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--depositRecord .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--transferRecord .page__content .optionArea .list .list-item .center,
.skinyellow .page.page--addAccount .page__content .optionArea .list .list-item .center {
    color: #f1b56e;
}

.skinyellow .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--report .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button,
.skinyellow .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button {
    background-color: #f1b56e;
}

.skinyellow .page.page--lotteryRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--teamMember .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--report .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--accountRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--withdrawalRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--wage .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--depositRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--transferRecord .page__content .optionArea .list .list-item.list-item--button .button.smallsize,
.skinyellow .page.page--addAccount .page__content .optionArea .list .list-item.list-item--button .button.smallsize {
    background-color: #F7F7F7;
    color: #777;
}

.skinyellow .page.page--lotteryRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--teamMember .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--report .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--accountRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--withdrawalRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--wage .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--depositRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--transferRecord .page__content .optionArea .list .list-item .orderType .typeGroup p,
.skinyellow .page.page--addAccount .page__content .optionArea .list .list-item .orderType .typeGroup p {
    background-color: #f1b56e;
    color: #fff;
}

.skinyellow .page.page--lotteryRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--lotteryRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--teamMember .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--teamMember .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--report .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--report .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--accountRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--accountRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--withdrawalRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--withdrawalRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--wage .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--wage .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--depositRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--depositRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--transferRecord .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--transferRecord .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before,
.skinyellow .page.page--addAccount .page__content .contentArea .cardItem.third .cardItemTit>span:first-child:before,
.skinyellow .page.page--addAccount .page__content .contentArea .cardItem.team .cardItemTit>span:first-child:before {
    color: rgba(178, 91, 222, 0.5);
}

.skinyellow .page.page--lotteryRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--teamMember .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--report .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--accountRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--withdrawalRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--wage .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--depositRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--transferRecord .page__content .contentArea .cardItem.parentTree>span>span,
.skinyellow .page.page--addAccount .page__content .contentArea .cardItem.parentTree>span>span {
    color: #f1b56e;
}

.skinyellow .page.page--lotteryRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--teamMember .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--report .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--accountRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--withdrawalRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--wage .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--depositRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--transferRecord .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before,
.skinyellow .page.page--addAccount .page__content .contentArea .cardItem.self .cardItemTit>span:first-child:before {
    background-color: #f1b56e;
}

.skinyellow .dialog_rebate .dialog-container .CartMain .dialog_rebate_top {
    background: #f1b56e;
}

.skinyellow .dialog_rebate .dialog-container .CartMain .dialog_rebate_foot span:last-child {
    background-color: #f1b56e;
}

.skinyellow :checked+.switch__toggle {
    box-shadow: inset 0 0 0 2px #f1b56e;
    background-color: #f1b56e !important;
}

.skinyellow .commu .segment__button {
    border: 1px solid #f1b56e;
    color: #f1b56e;
}

.skinyellow .commu :checked+.segment__button {
    background-color: #f1b56e;
}

.skinyellow .longbet-index .header .button--cta {
    background-color: #f1b56e;
    border: 1px solid #f1b56e;
}

.skinyellow .longbet-index .header .button--outline {
    border: 1px solid #f1b56e;
    color: #f1b56e;
}

.skinyellow .appTips a {
    background-color: #f1b56e;
}

.skinyellow .list--exquisite .list-item.list-item--button .button {
    background-color: #f1b56e;
}

.skinyellow .list--exquisite .list-item.list-item--button .button.smallsize {
    background-color: #f9f9f9;
    color: #777;
}

.skinyellow .list--exquisite .center.red {
    color: #f1b56e;
}

.skinyellow .alert-dialog--select .alert-dialog-content--select {
    background-color: #f1b56e;
}

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

.skinyellow .mychoice div ul li.cur span {
    background-color: #C883EB;
}

.skinyellow .highlightTip {
    color: #f1b56e;
}

.skinyellow .page.page--login .loginBg01,
.skinyellow .page.page--userReg .loginBg01 {
    background-image: url(../images/dupont/images/skin/yellow/m-login-bg.png);
}

.skinyellow .page.page--login .jzmm,
.skinyellow .page.page--userReg .jzmm {
    color: #777777;
}

.skinyellow .page.page--login .jzmm label,
.skinyellow .page.page--userReg .jzmm label {
    font-size: 14px;
    color: #777777;
}

.skinyellow .page.page--login .loginMain .logobg,
.skinyellow .page.page--userReg .loginMain .logobg {
    background: url(../images/dupont/images/skin/yellow/logo.png);
    background-size: 100%;
}

.skinyellow .page.page--login .loginMain .from .form-input-item input,
.skinyellow .page.page--userReg .loginMain .from .form-input-item input {
    color: #777777;
    padding: 0.3rem 0.2rem;
    border-radius: 99px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 #fbf7f4;
    background: linear-gradient(180deg, #f5ede8, #ece2da);
}

.skinyellow .page.page--login .loginMain .from .form-input-item .ico-user,
.skinyellow .page.page--userReg .loginMain .from .form-input-item .ico-user {
    background: url(../images/dupont/images/skin/yellow/ico-user.png);
    background-size: 100%;
}

.skinyellow .page.page--login .loginMain .from .form-input-item .ico-password,
.skinyellow .page.page--userReg .loginMain .from .form-input-item .ico-password {
    background: url(../images/dupont/images/skin/yellow/ico-password.png);
    background-size: 100%;
    height: 28px;
}

.skinyellow .page.page--login .loginMain .from .form-text-item,
.skinyellow .page.page--userReg .loginMain .from .form-text-item {
    color: white;
}

.skinyellow .page.page--login .loginMain .from .form-input-item label i,
.skinyellow .page.page--userReg .loginMain .from .form-input-item label i {
    color: white;
    display: inline-block;
    height: 22px;
    width: 22px;
}

.skinyellow .page.page--login .loginMain .loginbtn .button,
.skinyellow .page.page--userReg .loginMain .loginbtn .button {
    border-radius: 100px;
    background-color: #daad2d;
}

.skinyellow .page.page--login .loginMain .login-btn-box .btn_item,
.skinyellow .page.page--userReg .loginMain .login-btn-box .btn_item {
    border: solid 1px #b98d0e;
    background-color: rgba(255, 255, 255, 0.8);
    color: #daad2d;
}

.skinyellow .page.page--login .loginMain .login-btn-box .btn_item>span,
.skinyellow .page.page--userReg .loginMain .login-btn-box .btn_item>span {
    vertical-align: middle;
}

.skinyellow .page.page--login .checkbox,
.skinyellow .page.page--userReg .checkbox {
    vertical-align: middle;
}

.skinyellow .page.page--login .checkbox__checkmark:before,
.skinyellow .page.page--userReg .checkbox__checkmark:before {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border-radius: unset;
}

.skinyellow .page.page--login .checkbox__checkmark:after,
.skinyellow .page.page--userReg .checkbox__checkmark:after {
    top: 5px;
}

.skinyellow .page.page--login :checked+.checkbox__checkmark:before,
.skinyellow .page.page--userReg :checked+.checkbox__checkmark:before {
    background: linear-gradient(270deg, #1ea0b3, #1ea0b3);
    border: none;
}

.skinyellow .lotteryIntroduce-main .tabs .button--outline {
    color: #f1b56e;
    border-color: #f1b56e;
}

.skinyellow .lotteryIntroduce-main .tabs .primary {
    background-color: #f1b56e;
    border-color: #f1b56e;
    color: #fff;
}

.skinyellow .thirdPlan_bet .playMain .planTypeList .planInfo {
    color: #f1b56e;
}

.skinyellow .thirdPlan_bet .playMain .planTypeList .planInfo.active {
    background-color: #f1b56e;
    color: #f1b56e;
}

.skinyellow .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child:before {
    background-color: #f1b56e;
}

.skinyellow .thirdPlan_bet .playMain .planList .cardItem .cardItemTit>span:first-child div {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .betTypeTabs ul li.active {
    color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .betTypeTabs .betTabsIndicator {
    background-color: #f1b56e;
}

.skinyellow .lotteryMenuDialog .dialog-container .lotteryMenuDialog_dia>.middle .pkmenu li.selected {
    background-color: #f1b56e;
}

.skinyellow .walletList .oneKey {
    background-color: #E9983D !important;
    border-color: #E9983D !important;
}

.skinyellow .page.page--transfer .list .list-item .center input {
    color: #f1b56e;
}

.skinyellow .page.page--transfer .tips.listmenu span.active {
    color: #f1b56e;
}

.skinyellow .page.page--transfer .displaylist>div.selected {
    color: #f1b56e;
}

.skinyellow .page.page--transfer .displayimg>div.selected:before {
    border-color: #f1b56e;
}

.skinyellow .page.page--transfer .walletList .item .oneKey {
    background-color: #f1b56e;
    border-color: #f1b56e;
}

.skinyellow .page.page--transfer .masterAccount span {
    color: #f1b56e;
}

.skinyellow .transferConfirmDialog .middle .unityDialogCard input {
    color: #f1b56e;
}

.skinyellow .GlobalTopBar .modeSel span {
    color: #fdc73b;
}

.skinyellow .GlobalTopBar .modeSel span:before {
    background-image: url(../images/dupont/images/ico/rmb-mode2.png);
}

.skinyellow .GlobalTopBar .modeSel .switchCurrency dialog-container img {
    content: url("../images/dupont/images/skin/yellow/ico/switch.png");
}

.skinyellow .GlobalTopBar .center .logo {
    background-image: url(../images/dupont/images/skin/yellow/logo/logo-big.png);
}

.skinyellow .GlobalTopBar .center .loginBtn {
    background-color: #f6efea;
    box-shadow: -2px -5px 6px hsla(0, 0%, 100%, .8), 3px 3px 6px rgba(0, 0, 0, .25);
    width: 1.34rem;
    height: 0.64rem;
    color: #c08238;
    letter-spacing: 2px;
    border-radius: 99px;
    font-size: 95%;
}

.skinyellow .dialogBox .dialog .header:before {
    background-image: url(../images/dupont/images/skin/yellow/logo/logo-small.png);
}

.skinyellow .dialogBox .dialog .content .page .button {
    background: linear-gradient(135deg, #73d1e0, #a0e3ec);
    letter-spacing: 3px;
}

.skinyellow .page.page--index .userBar .balance {
    color: #187d8d;
}

.skinyellow .page.page--index .userBar .serviceChat {
    background-color: unset;
    width: 0.68rem;
    height: 0.68rem;
    background-image: url(../custom/bank-wallet.png);
    background-size: auto 0.68rem;
    background-repeat: no-repeat;
    background-position: 50%;
}

.skinyellow .page.page--index .blockTitle {
    /*.lottery {
                content: url("../images/dupont/images/skin/yellow/index/icon-lottery.png");
            }

            .live {
                content: url("../images/dupont/images/skin/yellow/index/icon-live.png");
            }

            .poker {
                content: url("../images/dupont/images/skin/yellow/index/icon-poker.png");
            }

            .sport {
                content: url("../images/dupont/images/skin/yellow/index/icon-sport.png");
            }

            .fish {
                content: url("../images/dupont/images/skin/yellow/index/icon-fish.png");
            }

            .slot {
                content: url("../images/dupont/images/skin/yellow/index/icon-slot.png");
            }*/
}

.skinyellow .page.page--index .blockTitle .gg {
    content: url("../images/dupont/images/skin/yellow/index/icon-gg.png");
}

.skinyellow .page.page--index .blockTitle .guajiTitleImg {
    content: url("../images/dupont/images/skin/yellow/index/icon-guaji.png");
}

.skinyellow .page.page--menu .menutop .balance em {
    color: #f1b56e;
}

.skinyellow .page.page--menu .menulist img {
    filter: grayscale(100%);
}

.skinyellow .page.page--menu .menulist .lottery img {
    content: url("../images/dupont/images/skin/yellow/index/icon-lottery.png");
}

.skinyellow .page.page--menu .menulist .lotteryLoby img {
    content: url("../images/dupont/images/skin/yellow/index/icon-lotteryLoby.png");
}

.skinyellow .page.page--menu .menulist .live img {
    content: url("../images/dupont/images/skin/yellow/index/icon-live.png");
}

.skinyellow .page.page--menu .menulist .poker img {
    content: url("../images/dupont/images/skin/yellow/index/icon-poker.png");
}

.skinyellow .page.page--menu .menulist .sport img {
    content: url("../images/dupont/images/skin/yellow/index/icon-sport.png");
}

.skinyellow .page.page--menu .menulist .fish img {
    content: url("../images/dupont/images/skin/yellow/index/icon-fish.png");
}

.skinyellow .page.page--menu .menulist .slot img {
    content: url("../images/dupont/images/skin/yellow/index/icon-slot.png");
}

.skinyellow .page.page--menu .menulist #type2 .btnType.activity,
.skinyellow .page.page--menu .menulist #type2 .btnType.team {
    background: linear-gradient(135deg, #fdc98d, #f1b56e);
}

.skinyellow .page--loginlog .contentArea .cardItem:not(.special):before {
    background-image: url(../images/dupont/images/skin/yellow/ico/icon-horn.svg) !important;
}

.skinyellow .page.page--deposit .itemRow .balance,
.skinyellow .page--withdrawal .itemRow .balance,
.skinyellow .page--transfer .itemRow .balance {
    color: #FF6818;
}

.skinyellow .page.page--deposit .itemlist .selBlock>span.active,
.skinyellow .page--withdrawal .itemlist .selBlock>span.active,
.skinyellow .page--transfer .itemlist .selBlock>span.active {
    background-image: url(../images/dupont/images/skin/yellow/ico/selectBank.svg);
    border: 1px solid #FE6918;
}

.skinyellow .page.page--deposit .itemlist .selBtn .active,
.skinyellow .page--withdrawal .itemlist .selBtn .active,
.skinyellow .page--transfer .itemlist .selBtn .active {
    background-color: #f1b56e !important;
}

.skinyellow .page.page--deposit .list .list-item.btn .center span,
.skinyellow .page--withdrawal .list .list-item.btn .center span,
.skinyellow .page--transfer .list .list-item.btn .center span {
    background-color: #f1b56e !important;
}

.skinyellow .page.page--deposit .list .list-item .textc,
.skinyellow .page--withdrawal .list .list-item .textc,
.skinyellow .page--transfer .list .list-item .textc {
    color: #FF6818;
}

.skinyellow .page.page--aboutUs .logo {
    background-image: url(../images/dupont/images/skin/yellow/logo/logo-big.png);
}

.skinyellow .page.page--aboutUs .block .title {
    color: #FF6F3D;
}

.skinyellow .menuPage .sblock .ntab.active {
    color: #f1b56e;
}

.skinyellow .menuPage .sblock .ntab.active:before {
    background-color: #f1b56e;
}

.skinyellow .selGameMode span.active {
    background-color: #f1b56e;
}

.skinyellow .history_code table td .ssc_ball {
    background: #f1b56e;
}

.skinyellow .record-nav .button--outline {
    border-color: #f1b56e;
    color: #f1b56e;
}

.skinyellow .record-nav .button--outline:active,
.skinyellow .record-nav .selected {
    background-color: #f1b56e;
    color: #fff;
}

.skinyellow .page.page--index .betTabs ul li.active,
.skinyellow .page.page--addUser .betTabs ul li.active {
    color: #f1b56e;
}

.skinyellow .page.page--index .betTabs .betTabsIndicator,
.skinyellow .page.page--addUser .betTabs .betTabsIndicator {
    background-color: #f1b56e;
}

.skinyellow .page.page--index .list .list-item.btn .center span,
.skinyellow .page.page--addUser .list .list-item.btn .center span {
    background-color: #f1b56e;
}

.skinyellow .page.page--index .list .list-item .right .quick,
.skinyellow .page.page--addUser .list .list-item .right .quick {
    border-color: #f1b56e;
    color: #f1b56e;
}

.skinyellow .page.page--index .betTabs ul li.active {
    color: #f1b56e;
    border-color: #f1b56e;
}

.skinyellow .page.page--index .list .list-item.btn .center span {
    background-color: #f1b56e;
}

.skinyellow .page.page--index .list .list-item .right .quick {
    border-color: #f1b56e;
    color: #f1b56e;
}

.skinyellow .timeRange .center span.act {
    border-color: #f1b56e;
    color: #f1b56e;
}

.skinyellow .vdatetime-popup__header,
.skinyellow .vdatetime-calendar__month__day--selected>span>span,
.skinyellow .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #f1b56e;
}

.skinyellow .vdatetime-popup__header,
.skinyellow .vdatetime-calendar__month__day--selected>span>span,
.skinyellow .vdatetime-calendar__month__day--selected:hover>span>span {
    background: #f1b56e;
}

.skinyellow .vdatetime-year-picker__item--selected,
.skinyellow .vdatetime-time-picker__item--selected,
.skinyellow .vdatetime-popup__actions__button {
    color: #f1b56e;
}

.skinyellow .page--addAccount .menu div ul li.selAddType {
    color: #f1b56e;
}

.skinyellow .page--addAccount .menu div ul li.selAddType::after {
    background: #f1b56e;
}

.skinyellow .bindlist .btn span {
    background-color: #f1b56e !important;
}

.skinyellow .slayer {
    color: #f1b56e;
}

.skinyellow .userRegDialog .dialog .button,
.skinyellow .userResetDialog .dialog .button {
    background-color: #f37f20;
}

.skinyellow .page.page--statistics .pesonalcard>*>span:nth-child(2) {
    color: #ff4c2d;
}

.skinyellow .page.page--userCenter .list .list-item.my:before,
.skinyellow .page.page--userCenter .list .list-item.report:before,
.skinyellow .page.page--userCenter .list .list-item.WDrecord:before,
.skinyellow .page.page--userCenter .list .list-item.invite:before,
.skinyellow .page.page--userCenter .list .list-item.team:before,
.skinyellow .page.page--userCenter .list .list-item.msg:before,
.skinyellow .page.page--userCenter .list .list-item.logo:before {
    background-color: #D27BFE;
}

.skinyellow .page.page--withdrawal .sitem .maxAmount {
    color: #C383E9;
}

.skinyellow .linearGradient {
    background-image: linear-gradient(135deg, #fdc98d, #f1b56e);
}

.skinyellow .longbet-index .longbet-list .longbetitem .button {
    background-color: #F16DB5;
}

.skinyellow .page.page--index .announcement {
    width: 82%;
    margin: auto;
    margin-top: -0.6rem;
    margin-bottom: 0.4rem;
    padding: 0.14rem;
    border-radius: 9999px;
    background-color: #1ea0b3;
}

.skinyellow .page.page--addUser .announcement {
    background-color: #f9f4fb;
}

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

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

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

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

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

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

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

.kefuDialog .unityMain {
    height: 70vh;
    width: 85vw;
}

.kefuDialog .unityMain .middle {
    background: url(../images/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;
}

.page.page--menuchat .menulist {
    padding-top: 0;
}

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

.sCer {
    bottom: 50%;
}

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

.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 .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(../images/dupont/images/kf.png);
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 100% 100%;
}

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

.loginMain .login-btn-box .btn_item .ico-add {
    background: url(../images/dupont/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: unset;
    border-radius: 0;
    padding: 0 0.1rem;
    height: 1.1rem;
}

.loginMain.popup .from .form-input-item input {
    font-size: 100%;
    padding: 0.3rem 0.2rem;
    border-radius: 99px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 #fbf7f4;
    background: linear-gradient(180deg, #f5ede8, #ece2da);
}

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

ons-toast {
    z-index: 99999 !important;
}

.switch__toggle {
    box-shadow: inset 0 0 0 2px #9E9E9E;
    background-color: #9E9E9E;
    width: 1.1rem;
}

.switch {
    width: 1rem;
    height: 0.5rem;
}

.switch__handle {
    width: 0.6rem;
    height: 0.6rem;
    top: -0.05rem;
    left: -0.1rem;
    border: 1px solid #9e9e9e;
}

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

.GlobalTopBar:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.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(../images/dupont/images/ico/rmb-mode2.png);
    background-size: 100% 100%;
    display: block;
    color: transparent;
    margin-right: .08rem;
}

.GlobalTopBar .modeSel .switchCurrency {
    color: #FFC372;
    background-color: #535767;
    border-radius: 3px;
    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("../images/dupont/images/skin/yellow/ico/switch.png");
                    transition: all .2s;
                }*/
}

.GlobalTopBar .modeSel .switchCurrency i.el-icon-warning:before {
    background-image: url(../images/dupont/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 .modeSel button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    width: 28px;
    height: 28px;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 #fbf7f4;
    background: linear-gradient(180deg, #f5ede8, #ece2da);
    margin-right: 0.2rem;
    border: none;
}

.GlobalTopBar .modeSel button.link-btn {
    width: 44px;
    font-size: 12px;
}

.GlobalTopBar .modeSel button img {
    height: 14px;
}

.GlobalTopBar .center {
    width: 80%;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.GlobalTopBar .center.indexTop {
    width: 8.7rem;
    height: 2.2rem;
    display: flex;
    margin: 0 0 0 1.1rem;
}

.GlobalTopBar .center.indexTop>span {
    width: 9rem;
    justify-content: space-between;
}

.GlobalTopBar .center .logo {
    width: 1.2rem;
    height: 100%;
    background-image: url(../images/dupont/images/logo/logo-big.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0rem;
}

.GlobalTopBar .center .loginBtn {
    background-color: red;
    border-radius: 3px;
    padding: .05rem 0.25rem;
    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.77rem;
    height: 100%;
    background-image: url(../images/dupont/images/ico/icon-menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin-left: -0.1rem;
    color: transparent;
}

.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: 9rem;
    min-height: 3rem;
}

.dialogBox .dialog {
    overflow: visible;
}

.dialogBox .dialog::before {
    width: 100%;
    height: 1rem;
    display: block;
    content: "";
    position: absolute;
    top: -0.8rem;
    left: 0;
    background-image: url(../custom/baby.png);
    background-size: 1rem auto;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 999;
}

.dialogBox .dialog .dialog-container {
    padding-top: 20px;
    margin-bottom: 20px;
    background-color: #f6efea;
    border-radius: 21px;
}

.dialogBox .dialog .header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88%;
    height: 1rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 99px;
    background-color: #f9c282;
    background-image: url(../custom/card-header-bg1.png), url(../custom/card-header-bg2.png);
    background-position: 0, 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 30px auto, 30px auto;
}

.dialogBox .dialog .header:before {
    width: 1rem;
    height: 1rem;
    background-image: url(../images/dupont/images/logo/logo-small.png?v241028);
    background-size: 100% 100%;
    position: absolute;
    margin: 1.6rem 0 0 0;
}

.dialogBox .dialog .header .title {
    font-size: 120%;
    color: #9e6118;
    letter-spacing: 1px;
    font-family: PangMen-XiXian;
}

.dialogBox .dialog .content .page {
    margin-top: 1.6rem;
}

.dialogBox .dialog .content .page .button {
    width: 7.3rem;
    margin: 0.5rem auto 0;
    color: #333;
    background-color: red;
    height: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    font-size: 90%;
    border-radius: 1rem;
}

.footer-home-screen {
    bottom: 1.45rem !important;
}

.footer-home-screen span {
    position: absolute;
    color: #fff;
    right: 0.8rem;
    top: 0.2rem;
    font-size: 120%;
}

.footer-home-screen img {
    width: 9rem;
}

.page-container.activityCenter .container {
    margin: 1.3rem 0 0 0;
    height: 15rem;
    padding-bottom: 5rem;
    overflow: scroll;
}

.page-container.activityCenter .container .box {
    margin: 0.2rem 0 0 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    cursor: pointer;
}

.page-container.activityCenter .container .box img {
    width: 95%;
}

.page-container.activityCenter .container .box .contetns {
    color: #454545;
    width: 100%;
    margin: 0.1rem 0;
}

.page-container.activityCenter .container .box .contetns .activity-detail {
    padding: 0 0 5rem 20px;
    font-size: 15px;
    line-height: 26px;
}

.page-container.activityCenter .container .box .contetns .activity-detail table {
    border-collapse: collapse;
    margin-bottom: 5px;
}

.page-container.activityCenter .container .box .contetns .activity-detail td,
.page-container.activityCenter .container .box .contetns .activity-detail th {
    padding: 3px;
    text-align: center;
    border: 1px #ff7301 solid;
}

.page-container.activityCenter .container .box .contetns .activity-detail th {
    background-color: #ff7301;
    color: #ffFFFF;
}

.page-container.activityCenter .container .box .contetns .activity-detail h4 {
    font-weight: bold;
    padding: 5px 0;
}

.page-container.activityCenter .container .box .contetns .activity-detail p {
    line-height: 25px;
    color: #000000;
    font-size: 14px;
}

.page-container.activityCenter .container .box .contetns .activity-detail .activity-btn {
    display: block;
    width: 150px;
    height: 40px;
    line-height: 39px;
    text-align: center;
    margin: 25px auto 10px;
    font-size: 17px;
    color: #ffffff;
    background-color: #ff7301;
    border-radius: 50px;
    text-decoration: none;
}

.page-container.activityCenter .container .box .contetns .activity-detail .activity-btn:hover,
.page-container.activityCenter .container .box .contetns .activity-detail .activity-btn:focus {
    color: #ffffff;
    background-color: #ff8624;
}

.loginMain.popup .from .form-input-item .question .select {
    width: 100%;
}

.loginMain.popup .from .form-input-item .question .select .select-input {
    font-size: 90%;
}