[v-cloak] {
    display: none;
}

body.transparently {
    background-color: inherit;
}

/* 透明弹窗 */
.el-dialog.transparently,
.el-message-box.customDialog.transparently {
    background-color: inherit;
    box-shadow: none;
}

.el-dialog.transparently .el-dialog__header,
.el-message-box.customDialog.transparently>.el-message-box__header {
    display: none;
}

.el-dialog.transparently .el-dialog__body,
.el-message-box.customDialog.transparently>.el-message-box__content {
    padding: 0;
}

/* 内容弹窗 */
.el-dialog {
    overflow: hidden;
}

.el-message-box.customDialog {
    width: auto;
}

.el-message-box.customDialog>.el-message-box__content {
    padding: 0;
}

.el-message-box.customMessage {
    min-width: 500px;
}

.el-dialog,
.el-message-box.customDialog,
.el-message-box.customMessage {
    border: none;
    padding: 0;
    border-radius: 12px;
}

.el-dialog>.el-dialog__header,
.el-message-box.customDialog>.el-message-box__header,
.el-message-box.customMessage>.el-message-box__header {
    padding: 15px;
    text-align: center;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
}

.el-dialog>.el-dialog__header>.el-dialog__title,
.el-message-box.customDialog>.el-message-box__header>.el-message-box__title,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__title {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
}

.el-message-box.customDialog>.el-message-box__header>.el-message-box__title span,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__title span {
    position: relative;
    padding: 0 15px;
}

.el-message-box.customDialog>.el-message-box__header>.el-message-box__title span::before,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__title span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(270deg, #e0e1ff, rgba(224, 225, 255, 0));
}

.el-message-box.customDialog>.el-message-box__header>.el-message-box__title span::after,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__title span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(45deg, #e0e1ff, rgba(224, 225, 255, 0));
}

.el-dialog>.el-dialog__header>.el-dialog__headerbtn,
.el-message-box.customDialog>.el-message-box__header>.el-message-box__headerbtn,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__headerbtn {
    top: 12px;
}

.el-dialog>.el-dialog__header>.el-dialog__headerbtn .el-dialog__close,
.el-message-box.customDialog>.el-message-box__header>.el-message-box__headerbtn .el-message-box__close,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__headerbtn .el-message-box__close {
    color: #fff;
    font-size: 24px;
    transition: .8s all;
}

.el-dialog>.el-dialog__header>.el-dialog__headerbtn:hover .el-dialog__close,
.el-message-box.customDialog>.el-message-box__header>.el-message-box__headerbtn:hover .el-message-box__close,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__headerbtn:hover .el-message-box__close {
    transform: rotate(360deg);
    transition: all .5s;
}

.el-dialog>.el-dialog__header>.el-dialog__headerbtn .el-dialog__close::before,
.el-message-box.customDialog>.el-message-box__header>.el-message-box__headerbtn .el-message-box__close::before,
.el-message-box.customMessage>.el-message-box__header>.el-message-box__headerbtn .el-message-box__close::before {
    content: "\e78d";
}

.el-dialog>.el-dialog__body,
.el-message-box.customMessage>.el-message-box__content {
    min-height: 80px;
    font-size: 16px;
    padding: 20px;
}

.el-dialog>.el-dialog__footer,
.el-message-box.customMessage>.el-message-box__btns {
    padding: 12px 10px;
    text-align: center;
}

.el-dialog>.el-dialog__footer .el-button,
.el-message-box.customMessage>.el-message-box__btns .el-button {
    padding: 0;
    margin: 0 13px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: none;
    letter-spacing: .35em;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    text-shadow: none;
    box-sizing: border-box;
}

.el-dialog>.el-dialog__footer .el-button,
.el-message-box.customMessage>.el-message-box__btns .el-button,
.el-message-box.customMessage>.el-message-box__btns .el-button:hover {
    color: #b0b0b0;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    background-image: none;
}

.el-dialog>.el-dialog__footer .el-button.el-button--primary,
.el-message-box.customMessage .el-message-box__btns .el-button.el-button--primary {
    color: #fff;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
}

/* 页面样式 */
.MuiButtonBase-root {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.MuiButton-root {
    color: rgba(0, 0, 0, 0.87);
    padding: 6px 16px;
    font-size: 0.875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 4px;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
}

.MuiButton-text {
    padding: 6px 8px;
}

.abs-center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.flex-between {
    height: auto;
    display: flex;
    justify-content: space-between
}

.flex-center {
    height: auto;
    display: flex;
    justify-content: center
}

.flex-v-center {
    height: auto;
    display: flex;
    align-items: center
}

.block-center {
    display: block;
    margin: auto
}

.inline-block {
    display: inline-block;
    width: auto;
    height: auto
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-in {
    animation: fade-in 100ms
}

@keyframes popIn {
    0% {
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0
    }

    50% {
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
    }

    100% {
        transform: scaleX(1);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1
    }
}

body {
    background-color: #fafaff;
    overflow: auto;
    height: 100%;
    min-width: 1400px
}

* {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important
}

@media screen and (max-width: 1400px) {
    body {
        min-width: 1200px
    }
}

.NbsPJSx4Dy93ajytO_Is {
    padding-top: 25px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list {
    width: 370px;
    margin: 0 auto
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile {
    margin-bottom: 30px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile p {
    color: #6a4875
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content {
    position: relative;
    width: 370px;
    height: 60px;
    background-color: #fff;
    margin-bottom: 7px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content::before {
    content: "";
    position: absolute;
    left: 75px;
    top: calc(50% - 8px);
    width: 1px;
    height: 16px;
    background-color: #707070;
    z-index: 2
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content .phone_number {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 30px;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAyCAYAAABPq7vSAAAABHNCSVQICAgIfAhkiAAAAUNJREFUWEftmDFOxEAMRf1NQcnuCTgCyw3gBIgbLA2CLhGCmhpYJVRE28ANECeAGwA3gBNsWgpsMpEWAVpp4igjGqdJ4fn+85+cIsZlcbPDwD2BRpTyUapFdR+zslokN1sGUXrD7LrSlMH+9v5Xw1cirdOkRZiPrdD7O6GI7p7mx08pDNvBZDy64WB0HelgKJeNHKkjNRPwoTEjiwkcaYyQue5IzchiAkcaI2SuO1IzspjAkcYImeuO1IwsJnCkMULm+kqkze4kY/CLuVsHgahMQFT++sfvoBvkSJ89zQOLZsFdGOHWe5abmA1Z1sd5ftDuc4ridiT8sUhn2CzoTrKj8U8D667OnPBTePssP2yH66KYT9ZYntMlDJ2blAo6bydOm7dx7YmrsqoB2rDcsu9ZJX1H+CjBdAfCZt9GXXTBTIWmX6VC39IGywvyAAAAAElFTkSuQmCC) no-repeat 0/14px 25px;
    font-family: Akrobat #000;
    font-size: 18px;
    z-index: 2
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content input {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding-left: 85px;
    box-sizing: border-box
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content input::-webkit-outer-spin-button,
.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content input[type=number] {
    -moz-appearance: textfield
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify {
    margin-bottom: 30px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify p {
    color: #6a4875
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content {
    position: relative;
    width: 370px;
    height: 60px;
    background-color: #fff;
    margin-bottom: 7px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content .phone_number {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 30px;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    font-family: Akrobat #000;
    font-size: 18px;
    z-index: 2
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content input {
    position: relative;
    width: 270px;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding-left: 24px;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content .send_code {
    display: inline-block;
    width: 100px;
    height: 60px;
    line-height: 60px;
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 0 4px 4px 0;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.NbsPJSx4Dy93ajytO_Is .setSecPass-tips {
    width: 417px;
    margin: 15px auto 0;
    color: #f36
}

.NbsPJSx4Dy93ajytO_Is .submit {
    width: 393px;
    margin: 15px auto;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    cursor: pointer
}

.IshcFCbj3w3A6aWxKpwf {
    width: 500px
}

.IshcFCbj3w3A6aWxKpwf .setSecPass-title {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 25px
}

.IshcFCbj3w3A6aWxKpwf .alert {
    font-size: 12px;
    margin-left: 0 !important
}

.IshcFCbj3w3A6aWxKpwf .alert.first {
    text-align: left;
    padding-left: 160px
}

.IshcFCbj3w3A6aWxKpwf .item {
    justify-content: center
}

.IshcFCbj3w3A6aWxKpwf .item input {
    border: 1px solid #d8d8d8 !important
}

.IshcFCbj3w3A6aWxKpwf .item:nth-of-type(1) {
    margin-bottom: 30px !important
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content .send_code {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.NbsPJSx4Dy93ajytO_Is .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.ZOap6scSDAfeBk5T53wc label {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px
}

.ZOap6scSDAfeBk5T53wc input {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px
}

.ZOap6scSDAfeBk5T53wc .alert {
    padding-top: 10px;
    color: #9a8f9f;
    font-size: 14px;
    text-align: justify;
    margin-left: 45px;
    margin-bottom: -15px
}

.xeR8BEda8k1O6kxYCPBA {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    position: fixed
}

.vZQQslalq0AXXqVhHl31 {
    width: 16rem;
    position: absolute;
    background-size: 25% 25%;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 6.4rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: .746667rem;
    padding-bottom: 1.6rem;
    flex-wrap: wrap
}

.vZQQslalq0AXXqVhHl31>div.text {
    width: 100%;
    text-align: center
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    transform: scale(0.5)
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.vZQQslalq0AXXqVhHl31>div.text .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.vZQQslalq0AXXqVhHl31.loader {
    align-items: center
}

.vZQQslalq0AXXqVhHl31.loader>svg {
    width: 50px
}

.EtQDxz_FFBlZa1h8JTau {
    height: 10.67rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.EtQDxz_FFBlZa1h8JTau div {
    width: 100%;
    color: #aeb8c2;
    text-align: center;
    margin-top: -0.64rem
}

.wamKV4JS3rLugp4lSoQA {
    height: 10.67rem;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background: url(../images/outcache/go-query.c211.png) no-repeat center center;
    background-size: 10.67rem
}

.wamKV4JS3rLugp4lSoQA>div {
    width: 100%;
    color: #aeb8c2;
    text-align: center;
    height: 1.07rem;
    margin-top: auto
}

.wamKV4JS3rLugp4lSoQA .y_uRWUL_gWjyq3ZBgp9H {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem
}

.rSMm7vM98EejfYi6nrPe {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.rSMm7vM98EejfYi6nrPe .deposit {
    width: 8rem;
    min-height: 8rem;
    background-color: #424242;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    border-radius: 10px;
    box-sizing: border-box
}

.rSMm7vM98EejfYi6nrPe .name {
    color: #fff;
    font-weight: 600;
    padding-top: 10px
}

.rSMm7vM98EejfYi6nrPe .lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: scale(0.5);
    margin-top: -10px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(1) {
    animation-delay: -0.036s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(2) {
    animation-delay: -0.072s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(3) {
    animation-delay: -0.108s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(4) {
    animation-delay: -0.144s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(5) {
    animation-delay: -0.18s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(6) {
    animation-delay: -0.216s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(7) {
    animation-delay: -0.252s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(8) {
    animation-delay: -0.288s
}

.rSMm7vM98EejfYi6nrPe .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.vZQQslalq0AXXqVhHl31 {
    align-items: center
}

.vZQQslalq0AXXqVhHl31 .loading {
    display: inline-block;
    width: .5em;
    height: .5em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
    border-radius: 50%;
    margin-right: .3em;
    animation: loadding-1 1.8s ease-in-out infinite
}

.vZQQslalq0AXXqVhHl31 .loading:nth-of-type(1) {
    opacity: .6;
    animation-delay: -2.8s;
    background: #8fafff
}

.vZQQslalq0AXXqVhHl31 .loading:nth-of-type(2) {
    animation-delay: -1.4s;
    opacity: .8;
    background: #4982eb
}

.vZQQslalq0AXXqVhHl31 .loading:nth-of-type(3) {
    background: #0d5ada;
    margin-right: 0
}

@keyframes loadding-1 {

    0%,
    to {
        transform: scale(1);
        opacity: .8
    }

    50% {
        transform: scale(1.25);
        opacity: 1
    }
}

.wamKV4JS3rLugp4lSoQA {
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 240px;
    flex-wrap: wrap;
    background-color: #fcfcfc;
    background-size: 200px auto;
    padding-bottom: 20px
}

.wamKV4JS3rLugp4lSoQA>div {
    width: 100%;
    color: #aeb8c2;
    text-align: center;
    height: fit-content
}

.wamKV4JS3rLugp4lSoQA .y_uRWUL_gWjyq3ZBgp9H {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem);
    width: 3rem;
    height: 3rem
}

.EtQDxz_FFBlZa1h8JTau {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fafaff
}

.EtQDxz_FFBlZa1h8JTau>div {
    width: 100%;
    color: #aeb8c2;
    text-align: center;
    height: fit-content;
    margin-top: 0
}

.y5qfhEoOWM8XjUryKh8F {
    font-size: 13px;
    margin: 50px auto 0 auto;
    text-align: center;
    color: #42403d
}

.bcW2e6UIKHQz5nvUbOnf>div {
    line-height: 32px;
    font-size: 16px;
    font-weight: 600
}

.bcW2e6UIKHQz5nvUbOnf>div.yes {
    color: #04b803
}

.bcW2e6UIKHQz5nvUbOnf>div.no {
    color: red
}

.bcW2e6UIKHQz5nvUbOnf>div>svg {
    margin-left: 0 !important;
    margin-right: 10px !important
}

.TqiABWnLEtZY3BXQAH4y {
    position: relative;
    border-radius: 14px;
    width: 470px;
    height: 300px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .15);
    overflow: hidden;
    background-color: #fff;
    animation: fade-bottom-top .8s forwards;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

@keyframes fade-bottom-top {
    0% {
        opacity: .6;
        transform: translate(-50%, -35%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

.TqiABWnLEtZY3BXQAH4y>.header {
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.TqiABWnLEtZY3BXQAH4y>.header .title {
    width: 100%;
    text-align: center
}

.TqiABWnLEtZY3BXQAH4y>.header>svg {
    cursor: pointer
}

.TqiABWnLEtZY3BXQAH4y>.line {
    background: #333441;
    height: 1px
}

.TqiABWnLEtZY3BXQAH4y>.trans-body {
    color: #979797;
    padding: 15px;
    text-align: center
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.summary {
    display: flex
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.summary>.balance {
    white-space: pre-wrap;
    text-align: left
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.summary>span {
    color: #274875
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.summary>span svg {
    color: #aaa;
    cursor: pointer
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form {
    margin-top: 15px;
    height: auto;
    display: flex;
    justify-content: center
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item {
    height: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-align: left
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>c.text {
    width: 40px
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>.value {
    width: 240px;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #d9d9d9;
    outline: 0
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>.value>em {
    color: #274875
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>.value>input,
.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>.value>select {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: none;
    border-radius: 3px;
    color: #274875;
    outline: none
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.l>.item>.value>select {
    margin-left: -5px
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.r {
    width: 22px;
    height: 74px;
    padding-top: 20px;
    position: relative;
    top: 4px;
    margin-left: 18px
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.r>i {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: .2s;
    background: url(../images/outcache/change.47a2.png) no-repeat
}

.TqiABWnLEtZY3BXQAH4y>.trans-body>.trans-form>.r>i:hover {
    filter: brightness(1.3)
}

.TqiABWnLEtZY3BXQAH4y>.submit {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: auto
}

.TqiABWnLEtZY3BXQAH4y>.submit:hover {
    opacity: .8
}

.TqiABWnLEtZY3BXQAH4y>.submit:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.TqiABWnLEtZY3BXQAH4y>.submit:hover::before {
    width: 45px;
    left: 205px
}

.TqiABWnLEtZY3BXQAH4y>.submit::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.TqiABWnLEtZY3BXQAH4y>.submit.disabled {
    background: #888;
    cursor: not-allowed;
    box-shadow: none
}

.TqiABWnLEtZY3BXQAH4y>.submit.disabled:hover {
    filter: brightness(100%)
}

.TqiABWnLEtZY3BXQAH4y>.submit.disabled:hover::before {
    display: none
}

.TqiABWnLEtZY3BXQAH4y .refresh-icon {
    display: inline-block;
    margin-left: 5px;
    min-width: 14px;
    height: 16px;
    background: url(../svg/recycle.be32.svg) no-repeat;
    vertical-align: sub
}

.TqiABWnLEtZY3BXQAH4y .refresh-icon.active {
    animation: rotate-infinite 1s linear infinite
}

@-webkit-keyframes rotate-infinite {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate-infinite {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.UXkqiW0mtrNAWM8vy3tg {
    min-width: 500px;
    position: fixed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    animation: fade-bottom-top .6s forwards;
    border-radius: 12px;
    overflow: hidden
}

@keyframes fade-bottom-top {
    0% {
        opacity: .6;
        transform: translate(-50%, -35%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

.UXkqiW0mtrNAWM8vy3tg .header {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.UXkqiW0mtrNAWM8vy3tg .header span {
    position: relative;
    padding: 0 15px
}

.UXkqiW0mtrNAWM8vy3tg .header span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(270deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.UXkqiW0mtrNAWM8vy3tg .header span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(45deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.UXkqiW0mtrNAWM8vy3tg .header .close {
    position: absolute;
    top: 12px;
    right: 15px;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

.UXkqiW0mtrNAWM8vy3tg .header .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.UXkqiW0mtrNAWM8vy3tg .contents {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 80px;
    text-align: center;
    overflow: auto;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #4c5161;
    font-size: 16px;
    overflow-y: auto
}

.UXkqiW0mtrNAWM8vy3tg .contents::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.UXkqiW0mtrNAWM8vy3tg .contents::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.UXkqiW0mtrNAWM8vy3tg .contents::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.UXkqiW0mtrNAWM8vy3tg .actions {
    padding: 12px 10px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.UXkqiW0mtrNAWM8vy3tg .actions span {
    margin: 0 13px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: none;
    letter-spacing: .35em;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.UXkqiW0mtrNAWM8vy3tg .actions .cancel {
    background: none;
    background-image: url(../images/outcache/cancle.719a.png);
    border-radius: 5px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb
}

.UXkqiW0mtrNAWM8vy3tg .actions .destructive,
.UXkqiW0mtrNAWM8vy3tg .actions .confirm,
.UXkqiW0mtrNAWM8vy3tg .actions .yes {
    background: none;
    background-image: url(../images/outcache/confirm.bb54.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.UXkqiW0mtrNAWM8vy3tg>.contents>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.UXkqiW0mtrNAWM8vy3tg>.contents>.form-action>.item>input,
.UXkqiW0mtrNAWM8vy3tg>.contents>.form-action>.item>select {
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 260px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #eee
}

.UXkqiW0mtrNAWM8vy3tg>.contents>.form-action>.item>span.text {
    min-width: 70px;
    text-align: right
}

.UXkqiW0mtrNAWM8vy3tg>.contents>.form-action>.alert {
    margin: 10px 0;
    color: #fb7b81;
    margin-left: 70px
}

.UXkqiW0mtrNAWM8vy3tg.deposit-modal .contents {
    min-height: unset;
    padding: 60px 46px
}

.UXkqiW0mtrNAWM8vy3tg.deposit-modal .actions {
    padding-top: 0px;
    padding-bottom: 40px
}

.UXkqiW0mtrNAWM8vy3tg .actions .destructive,
.UXkqiW0mtrNAWM8vy3tg .actions .confirm {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 5px;
    text-shadow: none;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15)
}

.UXkqiW0mtrNAWM8vy3tg .actions .cancel,
.UXkqiW0mtrNAWM8vy3tg .actions .yes {
    border-radius: 5px;
    text-shadow: none;
    color: #b0b0b0;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    box-sizing: border-box;
    background-image: none
}

.AkjxuYu56Y9xRFOmjmV8 {
    position: fixed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    animation: fade-bottom-top .6s forwards
}

@keyframes fade-bottom-top {
    0% {
        opacity: .6;
        transform: translate(-50%, -35%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

.AkjxuYu56Y9xRFOmjmV8 .header {
    height: auto;
    display: flex;
    align-items: center;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 18px;
    justify-content: space-between;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.AkjxuYu56Y9xRFOmjmV8 .header svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: .8s all
}

.AkjxuYu56Y9xRFOmjmV8 .header svg:hover {
    transform: rotate(360deg)
}

.AkjxuYu56Y9xRFOmjmV8 div.contents {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 20px 0px;
    box-sizing: border-box;
    position: relative;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.AkjxuYu56Y9xRFOmjmV8 div.contents::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.AkjxuYu56Y9xRFOmjmV8 div.contents::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.AkjxuYu56Y9xRFOmjmV8 div.contents::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.AkjxuYu56Y9xRFOmjmV8 div.contents.noPadding {
    padding: 0 0
}

.AkjxuYu56Y9xRFOmjmV8 .fastWithdraw {
    display: none;
    position: relative
}

.AkjxuYu56Y9xRFOmjmV8 iframe {
    display: block
}

.AkjxuYu56Y9xRFOmjmV8 {
    max-height: 100%
}

.AkjxuYu56Y9xRFOmjmV8 .title {
    width: 100%;
    text-align: center
}

.AkjxuYu56Y9xRFOmjmV8 div.contents {
    padding-top: 0
}

.AkjxuYu56Y9xRFOmjmV8 .close {
    position: absolute;
    top: 12px;
    right: 15px;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

.AkjxuYu56Y9xRFOmjmV8 .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.iGCWcr8OLx7MhBCjVEQW {
    position: relative;
    background: #fff
}

.iGCWcr8OLx7MhBCjVEQW div.contract {
    height: 415px;
    overflow-y: auto;
    overflow-x: hidden
}

.iGCWcr8OLx7MhBCjVEQW div.contract p {
    text-align: start;
    color: #787878;
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 16px
}

.iGCWcr8OLx7MhBCjVEQW div.actions {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.iGCWcr8OLx7MhBCjVEQW div.actions>button {
    margin: 0 15px;
    width: 160px;
    height: 34px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    font-size: 18px;
    color: #fff
}

.iGCWcr8OLx7MhBCjVEQW div.actions>button:hover {
    filter: brightness(1.1)
}

.iGCWcr8OLx7MhBCjVEQW div.actions>button.denied {
    background: rgba(0, 0, 0, .1);
    color: #000
}

.iGCWcr8OLx7MhBCjVEQW div.txt p {
    font-size: 14px;
    line-height: 22px
}

.iGCWcr8OLx7MhBCjVEQW div.contract {
    height: 370px;
    padding: 30px
}

.TOAyvlnHUbwrPAkPgZLs {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    color: #fff;
    position: fixed;
    padding: 0 15px;
    background: rgba(0, 0, 0, .5);
    border-radius: 4px;
    font-size: 16px;
    line-height: 36px;
    z-index: 400
}

.TOAyvlnHUbwrPAkPgZLs .wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.TOAyvlnHUbwrPAkPgZLs .wrapper>i {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.TOAyvlnHUbwrPAkPgZLs .wrapper>i.success {
    background: url(../images/outcache/success.8e3d.png) no-repeat;
    background-size: contain
}

.TOAyvlnHUbwrPAkPgZLs .wrapper>i.error {
    background: url(../images/outcache/error.570c.png) no-repeat;
    background-size: contain
}

.image-button {
    width: var(--width);
    height: var(--height);
    cursor: pointer;
    position: relative;
    margin: 0 20px
}

.image-button>.text {
    width: var(--width);
    height: var(--height);
    text-align: center;
    line-height: var(--height);
    font-family: "Microsoft YaHei UI";
    font-style: normal;
    font-size: 15px;
    letter-spacing: .355em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px var(--text-shadow-color), 1px 0 var(--text-shadow-color), -1px 0 var(--text-shadow-color), 0 -1px var(--text-shadow-color);
    position: absolute;
    top: 0
}

.image-button:disabled,
.image-button.disabled {
    cursor: default;
    pointer-events: none
}

.image-button:disabled>.text,
.image-button.disabled>.text {
    text-shadow: 1px 1px var(--text-disabled-shadow-color), 1px -1px var(--text-disabled-shadow-color), -1px 1px var(--text-disabled-shadow-color), -1px -1px var(--text-disabled-shadow-color)
}

.gqNOhNf1uVXyIgEtOhg4 {
    position: fixed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    animation: fade-bottom-top .6s forwards;
    border-radius: 12px;
    overflow: hidden
}

@keyframes fade-bottom-top {
    0% {
        opacity: .6;
        transform: translate(-50%, -35%)
    }

    100% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }
}

.gqNOhNf1uVXyIgEtOhg4 .header {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.gqNOhNf1uVXyIgEtOhg4 .header span {
    position: relative;
    padding: 0 15px
}

.gqNOhNf1uVXyIgEtOhg4 .header span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(270deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.gqNOhNf1uVXyIgEtOhg4 .header span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(45deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.gqNOhNf1uVXyIgEtOhg4 .header .close {
    position: absolute;
    top: 12px;
    right: 15px;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

.gqNOhNf1uVXyIgEtOhg4 .header .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.gqNOhNf1uVXyIgEtOhg4 .contents {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: 150px;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4c5161;
    font-size: 16px;
    overflow-y: auto
}

.gqNOhNf1uVXyIgEtOhg4 .contents::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.gqNOhNf1uVXyIgEtOhg4 .contents::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.gqNOhNf1uVXyIgEtOhg4 .contents::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.gqNOhNf1uVXyIgEtOhg4 .actions {
    padding: 12px 10px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

.gqNOhNf1uVXyIgEtOhg4 .actions span {
    margin: 0 13px;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: none;
    letter-spacing: .35em;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.gqNOhNf1uVXyIgEtOhg4 .actions span.confirm {
    background: none;
    background-image: url(../images/outcache/confirm.bb54.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.gqNOhNf1uVXyIgEtOhg4 .actions span.cancel {
    background: none;
    background-image: url(../images/outcache/cancle.719a.png);
    border-radius: 5px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb
}

.gqNOhNf1uVXyIgEtOhg4>.contents>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.gqNOhNf1uVXyIgEtOhg4>.contents>.form-action>.item>input,
.gqNOhNf1uVXyIgEtOhg4>.contents>.form-action>.item>select {
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 260px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #eee
}

.gqNOhNf1uVXyIgEtOhg4>.contents>.form-action>.item>span.text {
    min-width: 70px;
    text-align: right
}

.gqNOhNf1uVXyIgEtOhg4>.contents>.form-action>.alert {
    margin: 10px 0;
    color: #fb7b81;
    margin-left: 70px
}

.gqNOhNf1uVXyIgEtOhg4 .contents {
    min-width: 500px;
    min-height: 150px;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px 20px 20px 20px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4c5161;
    font-size: 16px;
    overflow-y: auto;
    height: calc(100% - 45px)
}

.NaxbvDKN2S3bE0vB2Evr {
    width: 100%;
    height: calc(100vh - 2.4rem);
    margin-top: 2.4rem;
    box-sizing: border-box;
    position: relative;
    z-index: 15
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header {
    display: flex;
    align-items: center;
    height: 2.4rem;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 7
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header .left {
    width: 20%
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header .left>svg {
    font-size: .8533rem;
    padding: .64rem .4rem
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header .center {
    width: 60%;
    text-align: center;
    line-height: 2.4rem;
    color: #211627;
    font-size: .8533rem;
    font-weight: 400
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header .right {
    width: 20%;
    display: flex;
    justify-content: flex-end
}

.NaxbvDKN2S3bE0vB2Evr .phone-email-header .right>svg {
    color: #4982eb;
    font-size: .8533rem;
    padding: .4rem
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd {
    padding-top: 10px
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 10px;
    text-align: left
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box>div {
    flex: 1
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box .input {
    border: 1px solid rgba(217, 217, 217, .8);
    border-radius: 4px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 5px
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box .input>input {
    padding-left: 5px;
    border: 0;
    height: 100%;
    border-radius: 4px
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box .get-code {
    height: 45px;
    line-height: 45px;
    padding: 0;
    margin-right: 10px
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box .get-code-active {
    background: linear-gradient(273.38deg, #9179e7 -1.36%, #ca9be6 83.3%);
    cursor: pointer
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .text {
    text-align: center
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit,
.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit-active {
    margin: auto;
    background-size: 100% 100%;
    width: 100%;
    height: 70px;
    margin-top: 5px
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit>p,
.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit-active>p {
    font-size: 15px;
    letter-spacing: 5px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #cdcdcd, 1px -1px 0 #cdcdcd, -1px 1px 0 #cdcdcd, 1px 1px 0 #cdcdcd
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit {
    background-image: url(../images/outcache/next-btn@3x.74c2.png)
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .submit-active {
    background-image: url(../images/outcache/next-btn-active@3x.d284.png);
    animation: btn .3s ease-in
}

.NaxbvDKN2S3bE0vB2Evr .content {
    padding: .8rem
}

.NaxbvDKN2S3bE0vB2Evr .title {
    margin-top: .64rem;
    text-align: left
}

.NaxbvDKN2S3bE0vB2Evr .bind-number {
    text-align: left;
    font-size: .74667rem;
    color: rgba(47, 39, 71, .4);
    padding-bottom: .64rem
}

.NaxbvDKN2S3bE0vB2Evr .input {
    position: relative
}

.NaxbvDKN2S3bE0vB2Evr .input>input::-webkit-input-placeholder {
    color: rgba(47, 39, 71, .4)
}

.NaxbvDKN2S3bE0vB2Evr .get-code,
.NaxbvDKN2S3bE0vB2Evr .get-code-active {
    background: linear-gradient(180deg, rgba(240, 234, 255, 0.53) 0%, #ece8ff 100%);
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    box-sizing: border-box;
    margin-left: auto;
    color: #c4b3ff;
    padding: 0 8px;
    min-width: 100px;
    text-align: center
}

.NaxbvDKN2S3bE0vB2Evr .get-code-active {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.13)), linear-gradient(180deg, #e5bffc 0%, #af8be6 49.25%, #8869e6 100%);
    color: #fff
}

.NaxbvDKN2S3bE0vB2Evr .submit,
.NaxbvDKN2S3bE0vB2Evr .submit-active {
    margin: auto;
    background-size: 100% 100%;
    width: 100%;
    height: 70px;
    margin-top: 5px
}

.NaxbvDKN2S3bE0vB2Evr .submit>p,
.NaxbvDKN2S3bE0vB2Evr .submit-active>p {
    font-size: 15px;
    letter-spacing: 5px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #cdcdcd, 1px -1px 0 #cdcdcd, -1px 1px 0 #cdcdcd, 1px 1px 0 #cdcdcd
}

.NaxbvDKN2S3bE0vB2Evr .submit {
    background-image: url(../images/outcache/btn@3x.689e.png)
}

.NaxbvDKN2S3bE0vB2Evr .submit-active {
    background-image: url(../images/outcache/btn-active@3x.b7f1.png);
    animation: btn .3s ease-in
}

@keyframes btn {
    0% {
        opacity: 0
    }

    80%,
    100% {
        opacity: 1
    }
}

.NaxbvDKN2S3bE0vB2Evr .tips {
    height: .746667rem
}

.NaxbvDKN2S3bE0vB2Evr .tips>svg {
    font-size: .746667rem;
    color: #ee5a5a
}

.NaxbvDKN2S3bE0vB2Evr .text-hint {
    font-size: .64rem;
    color: rgba(47, 39, 71, .4);
    line-height: .8rem
}

.NaxbvDKN2S3bE0vB2Evr .eye {
    position: absolute;
    right: 0;
    top: 0;
    padding: .5rem .5rem .5rem .8rem
}

.NaxbvDKN2S3bE0vB2Evr .eye>svg {
    color: rgba(47, 39, 71, .6)
}

.NaxbvDKN2S3bE0vB2Evr .select-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    position: relative
}

.NaxbvDKN2S3bE0vB2Evr .select-title>li {
    width: 50%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: rgba(47, 39, 71, .3);
    cursor: pointer
}

.NaxbvDKN2S3bE0vB2Evr .select-title .selected {
    background: linear-gradient(273.38deg, #9179e7 -1.36%, #ca9be6 83.3%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.NaxbvDKN2S3bE0vB2Evr .select-title .current {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    display: inline-block;
    width: 50%;
    height: 2px;
    background: linear-gradient(273.38deg, #9179e7 -1.36%, #ca9be6 83.3%);
    transition: all .3s ease
}

.wnm5x8EbwaoGXrSc1Db6 {
    height: auto;
    margin-top: 0
}

.QZRsH2EOp7W_Z6T8ASZu {
    box-sizing: border-box;
    height: 415px;
    padding: 30px 40px 30px;
    position: relative
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: start
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field {
    min-height: 80px;
    text-align: start
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field input {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    padding-left: 85px;
    box-sizing: border-box
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .input-with-image-field {
    position: relative;
    height: 60px
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .input-with-image-field::before {
    content: "";
    position: absolute;
    left: 75px;
    top: calc(50% - 8px);
    width: 1px;
    height: 16px;
    background-color: #858585;
    z-index: 2
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .input-with-image-field .image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    padding-left: 20px;
    font-family: Akrobat #000;
    font-size: 18px;
    z-index: 2
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .input-with-image-field .image.phone {
    background: url(../images/outcache/phone.f681.png) no-repeat 0/44px 44px
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .input-with-image-field .image.email {
    background: url(../images/outcache/email.90e7.png) no-repeat 0/44px 44px
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .captcha-field>input {
    width: calc(100% - 105px);
    border-radius: 4px 0 0 4px;
    height: 60px;
    padding-left: 15px
}

.QZRsH2EOp7W_Z6T8ASZu .form-item .field .captcha-field button {
    width: 105px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border: none;
    border-radius: 0 4px 4px 0;
    height: 60px;
    position: absolute;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.QZRsH2EOp7W_Z6T8ASZu .actions {
    position: absolute;
    display: flex;
    justify-content: center;
    width: calc(100% - 80px)
}

.QZRsH2EOp7W_Z6T8ASZu .actions.noSecuritypwd {
    bottom: 30px
}

.QZRsH2EOp7W_Z6T8ASZu .actions .image-button {
    position: relative;
    margin: 0 20px
}

.ys3CsH2uyl36pwH4QpxU {
    padding: 0px 40px
}

.ys3CsH2uyl36pwH4QpxU .select-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative
}

.ys3CsH2uyl36pwH4QpxU .select-title>li {
    width: 50%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 17px;
    color: rgba(47, 39, 71, .3);
    cursor: pointer
}

.ys3CsH2uyl36pwH4QpxU .select-title .selected {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.ys3CsH2uyl36pwH4QpxU .select-title .selected::after {
    content: "";
    height: 2px;
    width: 100%;
    display: block;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    opacity: .5;
    border-radius: 10px
}

.ys3CsH2uyl36pwH4QpxU .select-title .current {
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
    display: inline-block;
    width: 50%;
    height: 2px;
    background: linear-gradient(273.38deg, #9179e7 -1.36%, #ca9be6 83.3%);
    transition: all .3s ease
}

.ys3CsH2uyl36pwH4QpxU .top {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.ys3CsH2uyl36pwH4QpxU .top img {
    min-height: 56px;
    min-width: 56px
}

.ys3CsH2uyl36pwH4QpxU .top .title {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 22px;
    background: linear-gradient(91deg, #9886e8 1%, #b9a6f2 93%);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text
}

.ys3CsH2uyl36pwH4QpxU .description {
    margin-top: 40px
}

.ys3CsH2uyl36pwH4QpxU .description p {
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.ys3CsH2uyl36pwH4QpxU .verify-form {
    margin-top: 40px
}

.ys3CsH2uyl36pwH4QpxU .verify-form .form-item {
    width: 100%;
    display: grid;
    grid-template-columns: 106px 1fr;
    gap: 10px
}

.ys3CsH2uyl36pwH4QpxU .verify-form .form-item .label button {
    width: 100%;
    height: 46px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    cursor: pointer
}

.ys3CsH2uyl36pwH4QpxU .verify-form .form-item .field {
    min-height: 68px
}

.ys3CsH2uyl36pwH4QpxU .verify-form .form-item .field input {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #999;
    padding-left: 14px;
    font-size: 14px
}

.ys3CsH2uyl36pwH4QpxU .verify-form .actions {
    margin-top: 20px;
    display: flex;
    justify-content: center
}

.ys3CsH2uyl36pwH4QpxU .verify-form .actions .image-button {
    width: 280px;
    height: 46px;
    cursor: pointer;
    position: relative;
    margin: 0 20px;
    background: url(../images/outcache/btn.d214.png) no-repeat center/100%
}

.ys3CsH2uyl36pwH4QpxU .verify-form .actions .image-button.disable {
    background: url(../images/outcache/btn-disabled.e2ea.png) no-repeat center/100%
}

.ys3CsH2uyl36pwH4QpxU .verify-form .actions .image-button .text {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 46px;
    font-family: Microsoft YaHei UI;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .355em;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9;
    position: absolute;
    top: 0
}

.bindWrap {
    text-align: center;
    font-size: 16px
}

.bindWrap img {
    width: 16px
}

.rHUVdAoe_rLeOv97595R {
    width: 96%;
    margin: 0 auto;
    padding-top: 10px
}

.rHUVdAoe_rLeOv97595R .bindBankCard-cont {
    margin-bottom: 20px
}

.rHUVdAoe_rLeOv97595R .bindBankCard-cont table {
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    border: #ddeeed solid 1px;
    border-right: 0
}

.rHUVdAoe_rLeOv97595R .bindBankCard-cont table th {
    background: #eee;
    border-right: #eee solid 1px;
    line-height: 26px
}

.rHUVdAoe_rLeOv97595R .bindBankCard-cont table td {
    border-right: #eee solid 1px;
    border-top: #eee solid 1px;
    line-height: 35px;
    color: #888
}

.rHUVdAoe_rLeOv97595R .bindBankCard-cont table td a {
    color: #ff69a4;
    cursor: pointer
}

.rHUVdAoe_rLeOv97595R .actions {
    text-align: center
}

.rHUVdAoe_rLeOv97595R button {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border: none;
    background: none;
    background-image: url(../images/outcache/confirm.bb54.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    letter-spacing: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.rHUVdAoe_rLeOv97595R button:first-child {
    margin-right: 40px
}

.rHUVdAoe_rLeOv97595R button.cancle {
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb;
    margin-right: 40px
}

.rHUVdAoe_rLeOv97595R button.submit {
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.rHUVdAoe_rLeOv97595R .bankcard-tips {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #888
}

.rHUVdAoe_rLeOv97595R .bankcard-tips.tips-fl {
    text-align: left
}

.rHUVdAoe_rLeOv97595R .bankcard-tips .tips-purple {
    color: #754da5
}

.rHUVdAoe_rLeOv97595R .bankcard-tips .tips-red {
    color: #f36
}

.rHUVdAoe_rLeOv97595R .bankcard-tips .bind-phonenumber {
    margin-bottom: 15px
}

.rHUVdAoe_rLeOv97595R .bankcard-tips .bind-phonenumber label {
    margin-right: 5px;
    font-size: 15px;
    line-height: 35px;
    color: #666
}

.SSxs8nr5XytYfvG9q5C2 {
    width: 100%
}

.SSxs8nr5XytYfvG9q5C2 input[type=number] {
    -moz-appearance: textfield
}

.SSxs8nr5XytYfvG9q5C2>ul {
    width: 550px;
    margin: 0 auto
}

.SSxs8nr5XytYfvG9q5C2>ul .item {
    margin-bottom: 12px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box {
    display: flex;
    align-items: center;
    width: 400px;
    position: relative
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>select {
    flex: 1
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>input {
    flex: 1;
    border: 1px solid #ccc;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 10px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>input::-webkit-input-placeholder {
    color: #ccc
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>span {
    display: inline-block;
    line-height: 45px;
    text-align: left
}

.SSxs8nr5XytYfvG9q5C2>ul .item .ant-select .ant-select-arrow .ant-select-arrow-icon {
    transition: .5s all;
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    background-position: center;
    background-size: 100% auto
}

.SSxs8nr5XytYfvG9q5C2>ul .item .ant-select .ant-select-arrow .ant-select-arrow-icon svg {
    display: none !important
}

.SSxs8nr5XytYfvG9q5C2>ul .item .ant-select.ant-select-open .ant-select-arrow .ant-select-arrow-icon {
    transform: rotate(0deg)
}

.SSxs8nr5XytYfvG9q5C2>ul .item .tips {
    padding-left: 130px;
    color: #274875;
    margin-top: 4px
}

.SSxs8nr5XytYfvG9q5C2>ul .item label {
    width: 120px;
    text-align: right;
    margin-right: 10px;
    display: inline-block;
    color: #1e1e1e;
    font-size: 14px
}

.SSxs8nr5XytYfvG9q5C2>ul .item label i {
    display: inline-block;
    margin-right: 10px;
    color: #7d558a
}

.SSxs8nr5XytYfvG9q5C2>ul .item select {
    border: 1px solid #ccc;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 7px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .form_tooltips {
    position: absolute;
    top: 3px;
    left: calc(100% + 11px);
    width: 156px;
    padding: 9.5px 12px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    color: #7d558a;
    background: #e0e1ff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
    opacity: 0;
    z-index: -1;
    transition: all .15s
}

.SSxs8nr5XytYfvG9q5C2>ul .item .form_tooltips::after {
    content: "";
    position: absolute;
    left: -18px;
    border-color: rgba(0, 0, 0, 0) #e0e1ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 7px 10px 7px 10px;
    border-style: solid
}

.SSxs8nr5XytYfvG9q5C2>ul .item .form_tooltips.form_tooltips_show {
    opacity: 1;
    z-index: 100
}

.SSxs8nr5XytYfvG9q5C2>ul .item.branch_adress .input_box {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.SSxs8nr5XytYfvG9q5C2>ul .item.branch_adress .input_box select {
    flex: 1
}

.SSxs8nr5XytYfvG9q5C2>ul .item.branch_adress .input_box select:first-child {
    margin-right: 10px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .footer {
    width: 400px;
    display: flex;
    justify-content: space-between;
    margin: 30px auto 0 auto
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button {
    display: inline-block;
    width: 181px;
    height: 67px;
    line-height: 67px;
    border: none;
    background-image: url(../images/outcache/confirm.bb54.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    letter-spacing: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.next {
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.next.mgc {
    margin: 0 auto
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.cancle {
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb;
    margin-right: 40px
}

.SSxs8nr5XytYfvG9q5C2>ul.hidden {
    display: none
}

.SSxs8nr5XytYfvG9q5C2>ul.show {
    display: block
}

.SSxs8nr5XytYfvG9q5C2>ul.confirm-box {
    width: 400px;
    text-align: center
}

.SSxs8nr5XytYfvG9q5C2>ul.confirm-box .item {
    border-bottom: 1px dashed rgba(160, 149, 198, .2);
    margin-bottom: 0
}

.SSxs8nr5XytYfvG9q5C2>ul.confirm-box .item label {
    min-width: 45px
}

.SSxs8nr5XytYfvG9q5C2>ul.confirm-box .item:last-child {
    border-bottom: none
}

.SSxs8nr5XytYfvG9q5C2>ul.confirm-box .item .footer {
    padding: 0;
    width: 100%
}

.SSxs8nr5XytYfvG9q5C2 .result-box {
    font-size: 30px;
    font-weight: bold;
    line-height: 200px;
    text-align: center;
    width: 100%;
    color: #997ee7
}

.SSxs8nr5XytYfvG9q5C2 .ant-select-selection--single {
    height: 40px;
    line-height: 40px
}

.SSxs8nr5XytYfvG9q5C2 .ant-select-selection__placeholder {
    height: 40px;
    line-height: 40px;
    margin-top: -20px
}

.SSxs8nr5XytYfvG9q5C2 .ant-select-selection__rendered {
    height: 40px;
    line-height: 40px
}

.SSxs8nr5XytYfvG9q5C2 .result {
    width: 100px;
    padding-top: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: rgba(47, 39, 71, .4)
}

.rHUVdAoe_rLeOv97595R {
    padding-top: 10px
}

.rHUVdAoe_rLeOv97595R button {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    letter-spacing: 4px;
    border-radius: 10px
}

.rHUVdAoe_rLeOv97595R button.cancle {
    text-shadow: none
}

.rHUVdAoe_rLeOv97595R button.submit {
    text-shadow: none
}

.SSxs8nr5XytYfvG9q5C2 {
    padding-top: 40px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .footer {
    width: 100%;
    padding: 0 120px;
    box-sizing: border-box;
    justify-content: center
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button {
    width: 110px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 4px;
    letter-spacing: 2px
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.next {
    text-shadow: none
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.next.mgc {
    margin: 0 0
}

.SSxs8nr5XytYfvG9q5C2>ul .item .button.cancle {
    background: #fbfbfb;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    text-shadow: none;
    color: #000
}

.SSxs8nr5XytYfvG9q5C2 .result-box {
    color: #4982eb
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont {
    margin: 10px auto 0;
    width: 650px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li {
    margin-bottom: 20px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li:after {
    content: "";
    display: block;
    clear: both
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li .list-left {
    float: left;
    width: 110px;
    font-size: 15px;
    line-height: 35px;
    text-align: right;
    padding-right: 10px;
    color: #666
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li .list-right {
    float: left;
    width: 530px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li .list-right input[type=text],
.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li .list-right input[type=number] {
    width: 260px;
    height: 35px;
    line-height: 35px;
    border: #ccc solid 1px;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 14px;
    background: #fafbfb
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li .list-right select {
    height: 30px;
    border-radius: 3px;
    padding: 0 5px;
    margin-top: 3px;
    color: #666;
    background: #fafbfb
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li p {
    float: right;
    width: 250px;
    color: #ff774e;
    margin-top: 1px;
    line-height: 16px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li p.addUserBank-tips {
    text-indent: 1em;
    margin-top: 30px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li p.tips-vertical {
    line-height: 30px
}

.VIL5hyj9XJO8xO9ZeMug .checkUserBank-cont .addUserBank-list li.addUserBank-title {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    color: #ff774e;
    font-weight: bold;
    line-height: 40px
}

.VIL5hyj9XJO8xO9ZeMug .actions {
    text-align: center
}

.VIL5hyj9XJO8xO9ZeMug button {
    display: inline-block;
    width: 181px;
    height: 67px;
    line-height: 67px;
    border: none;
    background-image: url(../images/outcache/confirm.bb54.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    letter-spacing: .35rem;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.VIL5hyj9XJO8xO9ZeMug button:first-child {
    margin-right: 40px
}

.VIL5hyj9XJO8xO9ZeMug button.cancle {
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb;
    margin-right: 40px
}

.VIL5hyj9XJO8xO9ZeMug button.submit {
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li {
    margin-bottom: 20px;
    text-align: center
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li.addUserBank-title {
    width: 100%;
    text-align: center;
    margin: 50px 0 20px;
    font-size: 16px;
    color: #ff774e;
    font-weight: 700;
    line-height: 40px
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li .list-left {
    display: inline-block;
    width: 110px;
    font-size: 15px;
    line-height: 35px;
    text-align: right;
    padding-right: 10px;
    color: #666
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li .list-right {
    display: inline-block;
    width: 300px
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li .list-right input[type=text] {
    width: 260px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px;
    background: #fafbfb
}

.ZLeR6oJFSERKhWO3ihr5 .addUserBank-list li .list-right .tips-vertical {
    line-height: 30px;
    float: left;
    text-align: left;
    margin-left: 10px;
    width: 250px;
    color: #ff774e;
    margin-top: 1px
}

.ZLeR6oJFSERKhWO3ihr5 .actions {
    text-align: center;
    margin-top: 30px
}

.ZLeR6oJFSERKhWO3ihr5 .actions .button {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: .5px solid #cecece;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    letter-spacing: 2px;
    color: #1e2638;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.ZLeR6oJFSERKhWO3ihr5 .actions .button.next {
    color: #fff
}

.ZLeR6oJFSERKhWO3ihr5 .actions .button.cancel {
    border-radius: 4px;
    background: #fbfbfb;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    margin-right: 40px
}

.ITHsRhs8GQ_c1jjjtOk7 .list {
    width: 530px;
    margin: 0 auto
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item {
    margin-bottom: 15px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item:last-child {
    margin-bottom: 0
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box {
    display: flex;
    align-items: start;
    position: relative;
    width: 430px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>input {
    flex: 1;
    border: 1px solid #ccc;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    border-radius: 4px;
    padding: 0 10px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>input::-webkit-input-placeholder {
    color: #ccc
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>label {
    width: 150px;
    text-align: right;
    margin-right: 25px;
    display: inline-block;
    color: #1e1e1e;
    font-size: 14px;
    padding-top: 11px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>label i {
    display: inline-block;
    margin-right: 10px;
    color: #7d558a
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .tips_account {
    padding-left: 175px;
    color: #997ee7;
    margin-top: 4px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .tips_nick {
    padding-left: 195px;
    color: #ee5a5a;
    margin-top: 4px;
    position: relative
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .tips_nick::before {
    position: absolute;
    top: 0px;
    left: 175px;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(../images/outcache/ic-tip.0710.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .form_tooltips {
    position: absolute;
    top: 3px;
    left: calc(100% + 11px);
    width: 156px;
    padding: 9.5px 12px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    color: #628bc4;
    background: #f7f4f4;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    opacity: 0;
    z-index: -1;
    transition: all .15s
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .form_tooltips::after {
    content: "";
    position: absolute;
    left: -18px;
    border-color: rgba(0, 0, 0, 0) #f7f4f4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-width: 7px 10px 7px 10px;
    border-style: solid
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .form_tooltips.form_tooltips_show {
    opacity: 1;
    z-index: 100
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .tips-upload {
    font-size: 12px;
    color: rgba(47, 39, 71, .4);
    line-height: 30px;
    padding-left: 175px
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .help-btn {
    width: 192px;
    height: 25px;
    border-radius: 14px;
    line-height: 24px;
    text-align: center;
    margin-left: 175px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    cursor: pointer
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .btn {
    display: flex;
    justify-content: center
}

.ITHsRhs8GQ_c1jjjtOk7 .formField {
    flex: 1;
    align-items: center;
    margin-bottom: 5px
}

.ITHsRhs8GQ_c1jjjtOk7 .formField label {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    border: 1px solid rgba(160, 149, 198, .2);
    display: block;
    cursor: pointer
}

.ITHsRhs8GQ_c1jjjtOk7 .formField label input {
    display: none
}

.ITHsRhs8GQ_c1jjjtOk7 .formField label .uploadButton,
.ITHsRhs8GQ_c1jjjtOk7 .formField label img {
    width: 100%;
    height: 100%;
    position: relative
}

.ITHsRhs8GQ_c1jjjtOk7 .formField label .uploadButton {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    background: url(../svg/addImg.95ff.svg) no-repeat 50%/100% 100%;
    pointer-events: none
}

.ITHsRhs8GQ_c1jjjtOk7 .formField input {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
    padding-left: 10px
}

.ITHsRhs8GQ_c1jjjtOk7 .formField>span {
    font-size: 12px;
    padding-right: 8px;
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.ITHsRhs8GQ_c1jjjtOk7 .formField input {
    width: 100%;
    height: 100%
}

.ITHsRhs8GQ_c1jjjtOk7 .confirm-box {
    width: 500px;
    margin: 0 auto;
    text-align: center
}

.ITHsRhs8GQ_c1jjjtOk7 .confirm-box .item {
    margin-bottom: 5px
}

.ITHsRhs8GQ_c1jjjtOk7 .confirm-box .item .label_box {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center
}

.ITHsRhs8GQ_c1jjjtOk7 .confirm-box .item .code {
    max-height: 294px
}

.ITHsRhs8GQ_c1jjjtOk7 .result-box {
    text-align: center
}

.ITHsRhs8GQ_c1jjjtOk7 .result-box>img {
    height: 110px;
    width: 110px;
    margin: 40px 0 20px
}

.ITHsRhs8GQ_c1jjjtOk7 .result-box .text {
    color: #545454;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 70px
}

.ITHsRhs8GQ_c1jjjtOk7 .button {
    display: inline-block;
    width: 198px;
    height: 45px;
    line-height: 44px;
    border-radius: 6px;
    border: none;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    letter-spacing: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box
}

.ITHsRhs8GQ_c1jjjtOk7 .cancle {
    border: 1px solid #4982eb;
    margin-right: 50px;
    background: #fff;
    color: #666
}

.kp6XlIUAm0YMmjMWBF4F {
    height: 100%;
    display: flex;
    align-items: center
}

.kp6XlIUAm0YMmjMWBF4F .content {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 370px
}

.kp6XlIUAm0YMmjMWBF4F .content .help-img {
    width: 1400px;
    height: 500px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.kp6XlIUAm0YMmjMWBF4F .content .help-img-14 {
    background-image: url(../images/outcache/help-14.a580.png)
}

.kp6XlIUAm0YMmjMWBF4F .content .help-img-15 {
    background-image: url(../images/outcache/help-15.d8a2.png)
}

.kp6XlIUAm0YMmjMWBF4F .content .close {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 15px);
    cursor: pointer;
    transition: .8s all
}

.kp6XlIUAm0YMmjMWBF4F .content .close:hover {
    transform: rotate(360deg)
}

.kp6XlIUAm0YMmjMWBF4F .content .help-img-14 {
    background-image: url(../images/outcache/help-14.94eb.png)
}

.kp6XlIUAm0YMmjMWBF4F .content .help-img-15 {
    background-image: url(../images/outcache/help-15.dcbf.png)
}

.tt3RkasUY_xFhuWEHu5A {
    width: 96%;
    margin: 0 auto
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont {
    margin-bottom: 20px;
    border-radius: 6px;
    max-height: 330px;
    overflow-y: auto
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table {
    text-align: center;
    border-spacing: 0;
    border-collapse: collapse;
    border: #f2e9ff solid 1px;
    border-right: 0
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table th {
    background: #eee2ff;
    border-right: #eee2ff solid 1px;
    line-height: 37px;
    color: #545454
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table td {
    border-right: #eee solid 1px;
    border-top: #eee solid 1px;
    line-height: 45px;
    color: #a4a4a4
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table td:last-child {
    color: #997ee7;
    cursor: pointer
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table td .icon-qr {
    height: 30px;
    vertical-align: middle
}

.tt3RkasUY_xFhuWEHu5A .actions {
    text-align: center
}

.tt3RkasUY_xFhuWEHu5A button {
    display: inline-block;
    width: 198px;
    height: 45px;
    line-height: 44px;
    border-radius: 6px;
    border: none;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    letter-spacing: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    color: #afafaf
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips.tips-fl {
    text-align: left
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips .tips-purple {
    color: #754da5
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips .tips-red {
    color: #f36
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips .bind-phonenumber {
    margin-bottom: 15px
}

.tt3RkasUY_xFhuWEHu5A .bankcard-tips .bind-phonenumber label {
    margin-right: 5px;
    font-size: 15px;
    line-height: 35px;
    color: #666
}

.PIWof7DS5vy8tDr4mMMO {
    height: 100%;
    display: flex;
    align-items: center
}

.PIWof7DS5vy8tDr4mMMO .content {
    position: relative;
    text-align: center;
    width: 100%;
    min-height: 300px
}

.PIWof7DS5vy8tDr4mMMO .content .qr-img {
    max-height: 500px
}

.PIWof7DS5vy8tDr4mMMO .content .close {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -50px;
    left: calc(50% - 15px);
    cursor: pointer;
    transition: .8s all
}

.PIWof7DS5vy8tDr4mMMO .content .close:hover {
    transform: rotate(360deg)
}

.tt3RkasUY_xFhuWEHu5A .bindBankCard-cont table th {
    background: #eee;
    border-color: #eee
}

.OyNLUlQV2Rii8UQKlGJQ {
    padding-top: 20px !important
}

.owcjoevUhoRIJnq64NBr .each-block {
    height: 100px;
    width: 255px;
    background: #f4f4f4;
    right: 60px;
    position: fixed;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .1);
    border-radius: 5px;
    animation: prize_notice_in .3s;
    transition: all 300ms ease-in;
    z-index: 1
}

.owcjoevUhoRIJnq64NBr .each-block header {
    border-radius: 5px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    background-position-y: 7px;
    background-position-x: 10px;
    position: relative;
    background-image: linear-gradient(#4982eb, #0d5ada)
}

.owcjoevUhoRIJnq64NBr .each-block header .close {
    position: absolute;
    right: 12px;
    top: -2px;
    cursor: pointer;
    text-indent: -9999999
}

.owcjoevUhoRIJnq64NBr .each-block header .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.owcjoevUhoRIJnq64NBr .each-block .content {
    padding: 10px 15px;
    line-height: 20px
}

.owcjoevUhoRIJnq64NBr .each-block .content .r {
    color: #ff622b
}

.owcjoevUhoRIJnq64NBr .each-block .content .b {
    color: #689df9
}

@keyframes prize_notice_in {
    0% {
        opacity: 0;
        right: -255px
    }

    100% {
        opacity: 1;
        right: 60px
    }
}

.aGAxwokd64v2FZzc_V70 {
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: repeat;
    background: #fff;
    margin-right: calc(100% - 100vw)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: rgba(0, 0, 0, 0)
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

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

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    margin: 0;
    padding: 0;
    font-size: 12px
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
dl,
dt,
dd,
ol,
p,
input {
    margin: 0;
    padding: 0
}

button,
input,
textarea {
    outline: none
}

img {
    border: 0
}

li,
em {
    list-style: none;
    font-style: normal
}

a {
    text-decoration: none
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: solid 2px rgba(0, 0, 0, 0);
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.abs-center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.flex-between {
    height: auto;
    display: flex;
    justify-content: space-between
}

.flex-center {
    height: auto;
    display: flex;
    justify-content: center
}

.flex-v-center {
    height: auto;
    display: flex;
    align-items: center
}

.block-center {
    display: block;
    margin: auto
}

.inline-block {
    display: inline-block;
    width: auto;
    height: auto
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.fade-in {
    animation: fade-in 100ms
}

@keyframes popIn {
    0% {
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0
    }

    50% {
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
    }

    100% {
        transform: scaleX(1);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1
    }
}

*,
:after,
:before {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
button,
input,
select,
textarea,
* {
    font-family: SF Pro, Source Han Sans, Microsoft YaHei, PingFang SC, Microsoft JhengHei, 華康麗黑體, Helvetica, Arial, sans-serif, serif;
    touch-action: manipulation
}

@font-face {
    font-family: "AkrobatBlack";
    src: url(../fonts/AkrobatBold.55f5.otf)
}

body {
    overflow-x: hidden
}

input,
textarea {
    outline: none
}

div,
span,
a {
    user-select: none;
    -webkit-overflow-scrolling: touch
}

.hidden {
    display: none !important
}

.block {
    display: block !important
}

.bfc {
    content: "";
    overflow: hidden
}

.absolute {
    position: absolute
}

.fl {
    float: left
}

.fr {
    float: right
}

.pointer {
    cursor: pointer
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer {
    cursor: pointer
}

body>div#root {
    height: 100%;
    overflow: hidden;
    background-color: #fafaff
}

body>div#root margin-right:calc(100% - 100vw)>div {
    overscroll-behavior: contain
}

body {
    background-color: #fafaff;
    height: 100%
}

.main-contents {
    padding: 0 .64rem
}

.MuiButton-root:hover.Mui-disabled {
    background-color: #ccc !important
}

.datepicker-modal {
    transform: translateZ(550px)
}

.datepicker-modal .datepicker-header {
    font-size: .75rem !important;
    line-height: 1.92rem !important
}

.datepicker-modal li {
    font-size: .75rem !important;
    font-weight: 600
}

.datepicker-modal li.disabled {
    font-weight: 500
}

.PcPmy5tskq3VDOIkRoiL {
    background: #eef6ff;
    background-size: 100% 100%;
}

.PcPmy5tskq3VDOIkRoiL .content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 2
}

.PcPmy5tskq3VDOIkRoiL .content .content-box {
    margin: 0 auto 60px;
    padding: 20px 40px 0 40px;
    margin-bottom: 60px;
    border-radius: 26px
}

.XoBoEQkksQ1J1E3vGLDB .title {
    font-size: 14px;
    color: #2f2747;
    margin: 10px 0;
    font-weight: 400
}

.XoBoEQkksQ1J1E3vGLDB>div.input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    border: 1px solid rgba(160, 149, 198, .2);
    background: #fafaff;
    margin-top: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative
}

.XoBoEQkksQ1J1E3vGLDB>div.input-box>svg {
    color: #d0b293
}

.XoBoEQkksQ1J1E3vGLDB>div.input-box:before {
    position: absolute;
    left: 30px;
    display: inline-block;
    content: "";
    width: 2px;
    height: 50%;
    background: #d0b293
}

.XoBoEQkksQ1J1E3vGLDB>div.input-box input {
    border: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 8px;
    background: #fafaff;
    font-size: 14px
}

.XoBoEQkksQ1J1E3vGLDB .tips {
    background: linear-gradient(154.77deg, #ff804b -3.94%, #ee5a5a 96.43%);
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 18px
}

.XoBoEQkksQ1J1E3vGLDB .tips>svg {
    font-size: .746667rem;
    color: #ee5a5a
}

.XoBoEQkksQ1J1E3vGLDB .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 30px
}

.XoBoEQkksQ1J1E3vGLDB .btns .confirm-btn,
.XoBoEQkksQ1J1E3vGLDB .btns .reset-btn {
    display: block;
    width: 112px;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer
}

.XoBoEQkksQ1J1E3vGLDB .btns .confirm-btn {
    background: linear-gradient(136.71deg, #e3cbb2 24.25%, #d0b190 72.78%);
    color: #fff;
    margin-left: 38px
}

.XoBoEQkksQ1J1E3vGLDB .btns .reset-btn {
    color: #d0b293;
    border: 1px solid #d0b293
}

.rgzj5Wc7M7m6OUMUYuu5 {
    width: 414px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translateY(-30px);
    animation: logoIn 1s .5s forwards
}

.rgzj5Wc7M7m6OUMUYuu5 .logo {
    background: url(../svg/logo.025a.svg) no-repeat 50% 0/100%;
    width: 205px;
    background-size: contain;
    margin: 50px auto 20px;
    text-align: center;
    height: 55px
}

.rgzj5Wc7M7m6OUMUYuu5 .service {
    margin-top: 10px;
    color: #5c5c5c;
    font-size: 14px
}

.rgzj5Wc7M7m6OUMUYuu5 .service>a {
    color: #1e1e1e;
    text-decoration: underline
}

.rgzj5Wc7M7m6OUMUYuu5 .service>a:hover {
    cursor: pointer;
    color: #949292
}

.rgzj5Wc7M7m6OUMUYuu5 .contents {
    width: 100%
}

.rgzj5Wc7M7m6OUMUYuu5 .contents .update-loginpass .check-box {
    padding-top: .64rem
}

.rgzj5Wc7M7m6OUMUYuu5 .contents .tips {
    background: linear-gradient(154.77deg, #ff804b -3.94%, #ee5a5a 96.43%);
    -webkit-background-clip: text;
    color: rgba(0, 0, 0, 0);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    font-size: 12px;
    display: flex;
    align-items: center;
    height: 18px;
    margin-top: 5px
}

.rgzj5Wc7M7m6OUMUYuu5 .contents .tips>svg {
    font-size: 18px;
    color: #ee5a5a
}

.rgzj5Wc7M7m6OUMUYuu5 .input-box {
    width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    color: #1d0f06;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #999;
    vertical-align: middle;
    display: flex;
    padding: 2px 5px
}

.rgzj5Wc7M7m6OUMUYuu5 .input-box>input::placeholder {
    background: rgba(0, 0, 0, 0)
}

.rgzj5Wc7M7m6OUMUYuu5 .input-box>svg {
    color: #9a8f9f;
    font-size: 18px
}

.rgzj5Wc7M7m6OUMUYuu5 .title {
    width: 178px;
    height: 40px;
    padding: 0 0 9px;
    margin: 0 auto;
    background: url(../images/outcache/title-login.1336.png) no-repeat;
    background-size: contain;
    margin-bottom: 10px
}

.rgzj5Wc7M7m6OUMUYuu5 .step-img {
    width: 325px;
    height: 50px;
    margin: 0 auto 20px;
    border-radius: 8px
}

.rgzj5Wc7M7m6OUMUYuu5 .step-1 {
    background: url(../images/outcache/step-one@3x.00a2.png) no-repeat;
    background-size: 100% 100%
}

.rgzj5Wc7M7m6OUMUYuu5 .step-2 {
    background: url(../images/outcache/step-two@3x.2550.png) no-repeat;
    background-size: 100% 100%
}

.rgzj5Wc7M7m6OUMUYuu5 .step-3 {
    background: url(../images/outcache/step-three@3x.3e90.png) no-repeat;
    background-size: 100% 100%
}

.rgzj5Wc7M7m6OUMUYuu5 .text {
    font-size: 15px;
    color: #33294c;
    padding-bottom: 5px
}

.rgzj5Wc7M7m6OUMUYuu5 .username {
    margin-top: 10px
}

.rgzj5Wc7M7m6OUMUYuu5 .phone-email-changepwd {
    margin-top: 0;
    padding: 0
}

.rgzj5Wc7M7m6OUMUYuu5 .phone-email-changepwd .title {
    display: none
}

.rgzj5Wc7M7m6OUMUYuu5 .input-box {
    background: #fff
}

.rgzj5Wc7M7m6OUMUYuu5 .input-box input {
    background: #fff
}

.rgzj5Wc7M7m6OUMUYuu5 .step-one {
    width: 325px;
    border-radius: 8px;
    border: 1px solid #afc8eb;
    box-sizing: border-box;
    margin: 0 auto
}

.rgzj5Wc7M7m6OUMUYuu5 .step-one input {
    border: 0;
    width: 100%;
    border-radius: 8px
}

.rgzj5Wc7M7m6OUMUYuu5 .step-one .checkcode-text {
    margin: 2px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    padding: 0 .6rem;
    background: #8c5981;
    color: #fff;
    font-size: .64rem;
    border-radius: 4px
}

.rgzj5Wc7M7m6OUMUYuu5 .change_success {
    margin-top: 15px
}

.rgzj5Wc7M7m6OUMUYuu5 .step-success {
    width: 100px
}

.rgzj5Wc7M7m6OUMUYuu5 .submit {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 325px;
    height: 44px;
    border-radius: 8px;
    letter-spacing: 5px;
    font-size: 17px;
    color: #fff;
    line-height: 44px;
    border: none;
    cursor: pointer;
    margin: 10px 5px 0;
    position: relative;
    opacity: .5
}

.rgzj5Wc7M7m6OUMUYuu5 .submit p {
    text-shadow: none;
    line-height: 44px
}

.rgzj5Wc7M7m6OUMUYuu5 .submit-active {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 325px;
    height: 44px;
    opacity: 1;
    border-radius: 8px;
    cursor: pointer;
    margin: auto;
    margin-top: 5px
}

.rgzj5Wc7M7m6OUMUYuu5 .submit-active p {
    text-shadow: none;
    line-height: 44px;
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: bold;
    color: #fff
}

.rgzj5Wc7M7m6OUMUYuu5 .btn-login {
    background-image: url(../images/outcache/btn-login@3x.50db.png);
    background-size: 100% 100%
}

.rgzj5Wc7M7m6OUMUYuu5 .get-code {
    color: #4982eb;
    background: #d7e9ff
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .box .get-code-active {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .box {
    width: 325px;
    margin: 10px auto 0
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .box .input {
    background: #fff
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .submit {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 325px;
    height: 44px;
    border-radius: 8px;
    letter-spacing: 5px;
    font-size: 17px;
    text-indent: 20px;
    color: #fff;
    line-height: 44px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
    opacity: .5
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .submit p {
    text-shadow: none;
    line-height: 44px
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .submit-active {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 325px;
    height: 44px;
    border-radius: 8px;
    letter-spacing: 5px;
    font-size: 17px;
    text-indent: 20px;
    color: #fff;
    line-height: 44px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    position: relative
}

.rgzj5Wc7M7m6OUMUYuu5 .content-resetpwd .submit-active p {
    text-shadow: none;
    line-height: 44px
}

.wvMCccMMwosm9pacoVXc {
    width: 480px;
    margin-top: 20px;
    background: #fff
}

.wvMCccMMwosm9pacoVXc div.input {
    height: 36px;
    display: flex;
    justify-content: center;
    width: 100%
}

.wvMCccMMwosm9pacoVXc div.input input {
    width: 300px;
    padding: 0 10px;
    font-size: 14px
}

.wvMCccMMwosm9pacoVXc img {
    cursor: pointer
}

.wvMCccMMwosm9pacoVXc button {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    display: inline-block;
    border: none;
    width: 70%;
    cursor: pointer;
    margin: 20px 15%;
    color: #fff;
    border-radius: 5px;
    background: linear-gradient(#9179e7, #ca9be6)
}

.wvMCccMMwosm9pacoVXc button:hover {
    background: linear-gradient(#9179e7, #ca9be6)
}

.wvMCccMMwosm9pacoVXc {
    margin-top: 31px;
    background: rgba(0, 0, 0, 0)
}

.wvMCccMMwosm9pacoVXc button {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.wvMCccMMwosm9pacoVXc button:hover {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    opacity: .8
}

.IbM480K5qMa0QJfyzRKO {
    width: 342px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translateY(-30px);
    animation: logoIn 1s .5s forwards
}

.IbM480K5qMa0QJfyzRKO>.logo {
    background: url(../svg/logo.025a.svg) no-repeat;
    width: 170px;
    background-size: contain;
    margin: 65px auto 40px;
    text-align: center;
    height: 55px
}

.IbM480K5qMa0QJfyzRKO .input {
    width: 100%;
    margin-bottom: 30px;
    font-size: 15px;
    color: #1d0f06;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: #fff;
    display: flex;
    border-radius: 4px;
    border: .5px solid #b0b0b0;
    box-shadow: 0px 4px 11px 0px rgba(36, 93, 159, .11) inset
}

.IbM480K5qMa0QJfyzRKO .input>input {
    width: 235px;
    margin-left: 10px;
    border: none;
    background: rgba(0, 0, 0, 0);
    line-height: 43px
}

.IbM480K5qMa0QJfyzRKO .input>input::placeholder {
    background: rgba(0, 0, 0, 0);
    color: #b0b0b0
}

.IbM480K5qMa0QJfyzRKO .input>svg {
    color: #b0b0b0;
    width: 20px;
    padding-top: 15px;
    padding-left: 10px
}

.IbM480K5qMa0QJfyzRKO .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 100%;
    height: 48px;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    border: none;
    cursor: pointer;
    margin: 15px 0
}

.IbM480K5qMa0QJfyzRKO .submit:hover {
    opacity: .8
}

.IbM480K5qMa0QJfyzRKO .go-to-register {
    font-size: 14px;
    color: #868181;
    letter-spacing: 0
}

.IbM480K5qMa0QJfyzRKO .go-to-register>p {
    color: #42403d;
    text-decoration: underline;
    display: inline-block;
    cursor: pointer
}

.IbM480K5qMa0QJfyzRKO .go-to-register>p:hover {
    opacity: .8
}

.IbM480K5qMa0QJfyzRKO .user-agreement {
    margin: 20px auto;
    color: #5a6375;
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    font-size: 12px
}

.IbM480K5qMa0QJfyzRKO .user-agreement>.focus {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
}

.IbM480K5qMa0QJfyzRKO .user-agreement>.focus:hover {
    opacity: .8
}

.IbM480K5qMa0QJfyzRKO .user-agreement div {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px
}

.IbM480K5qMa0QJfyzRKO .user-agreement div.check {
    background: url(../images/precache/check.13ba.png) no-repeat;
    background-size: contain
}

.IbM480K5qMa0QJfyzRKO .user-agreement div.uncheck {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABHNCSVQICAgIfAhkiAAAATJJREFUSEvtljFOw0AQRecvByBHICfAnABqIArcICmdCjpiapIS0dhlzA0i2aIOJyDcAG4QDsBOZhbbRaR0Aw07hb2yrPne57H1QE2lF7MbAoYAnbXXTM7MayJX5vXdk/aDHiaD+VJOQ10z0xdBbzIoRiIbOPzpy8uizq6hO4PDowS9w/tR/nJvE9Y87+T8IWHnSgk+Zs+3SAezFQin9O1PrMNaRhpKB+5NtrmG4GRZfOZ1dmQAcW+L9HK+UbwhUBJfiyqzHZad6JZkDDR7rRGpGcru19l873FKzdDGKTVDGafUHOW/RUofRTXt/xpPadwpxl9KlKpMp4lqVOR5bG1uwdgcFiLZSdDEXREWZd0ww8RNAU7EtXtBhImfRdRGIVArqL6jq+CohhUwEsq8mpbadgsc9htLuHdqqQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.IbM480K5qMa0QJfyzRKO .remember {
    height: 15px;
    box-sizing: border-box;
    color: #5a6375;
    font-size: 14px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.IbM480K5qMa0QJfyzRKO .remember>div {
    cursor: pointer
}

.IbM480K5qMa0QJfyzRKO .remember>div:hover {
    opacity: .8
}

.IbM480K5qMa0QJfyzRKO .remember .forgot {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
}

.IbM480K5qMa0QJfyzRKO .remember span {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    margin-bottom: 1px
}

.IbM480K5qMa0QJfyzRKO .remember span.check {
    background: url(../images/precache/check.13ba.png) no-repeat;
    background-size: contain
}

.IbM480K5qMa0QJfyzRKO .remember span.uncheck {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABHNCSVQICAgIfAhkiAAAATJJREFUSEvtljFOw0AQRecvByBHICfAnABqIArcICmdCjpiapIS0dhlzA0i2aIOJyDcAG4QDsBOZhbbRaR0Aw07hb2yrPne57H1QE2lF7MbAoYAnbXXTM7MayJX5vXdk/aDHiaD+VJOQ10z0xdBbzIoRiIbOPzpy8uizq6hO4PDowS9w/tR/nJvE9Y87+T8IWHnSgk+Zs+3SAezFQin9O1PrMNaRhpKB+5NtrmG4GRZfOZ1dmQAcW+L9HK+UbwhUBJfiyqzHZad6JZkDDR7rRGpGcru19l873FKzdDGKTVDGafUHOW/RUofRTXt/xpPadwpxl9KlKpMp4lqVOR5bG1uwdgcFiLZSdDEXREWZd0ww8RNAU7EtXtBhImfRdRGIVArqL6jq+CohhUwEsq8mpbadgsc9htLuHdqqQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

@keyframes logoIn {
    from {
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.DLGaUWlcsPIJiPcMfQxX {
    width: 414px;
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: translateY(-30px);
    animation: logoIn 1s .5s forwards
}

.DLGaUWlcsPIJiPcMfQxX>.logo {
    margin: 50px auto 5px;
    text-align: center;
    height: 55px;
    list-style: 55px;
    font-size: 30px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
}

.DLGaUWlcsPIJiPcMfQxX .input {
    width: 100%;
    margin-bottom: 30px;
    font-size: 15px;
    color: #1d0f06;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: #fff;
    display: flex;
    border-radius: 4px;
    border: .5px solid #b0b0b0;
    box-shadow: 0px 4px 11px 0px rgba(36, 93, 159, .11) inset
}

.DLGaUWlcsPIJiPcMfQxX .input>input {
    width: 235px;
    margin-left: 10px;
    border: none;
    background: rgba(0, 0, 0, 0);
    line-height: 43px
}

.DLGaUWlcsPIJiPcMfQxX .input>input::placeholder {
    background: rgba(0, 0, 0, 0);
    color: #b0b0b0
}

.DLGaUWlcsPIJiPcMfQxX .input>svg {
    color: #b0b0b0;
    width: 20px;
    padding-top: 15px;
    padding-left: 10px
}

.DLGaUWlcsPIJiPcMfQxX .err-tips {
    margin-top: -23px;
    margin-bottom: 7px;
    text-align: left;
    padding-left: 50px;
    color: #fa5e5e
}

.DLGaUWlcsPIJiPcMfQxX .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 100%;
    height: 48px;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    border: none;
    cursor: pointer;
    margin: 15px 0
}

.DLGaUWlcsPIJiPcMfQxX .submit:hover {
    opacity: .8
}

.DLGaUWlcsPIJiPcMfQxX .register-info {
    display: flex;
    justify-content: space-between
}

.DLGaUWlcsPIJiPcMfQxX .go-to-login {
    color: #8fafff;
    font-size: 14px;
    line-height: 40px;
    margin: 0 auto
}

.DLGaUWlcsPIJiPcMfQxX .go-to-login>p {
    color: #8fafff;
    display: inline;
    cursor: pointer;
    text-decoration: underline
}

.DLGaUWlcsPIJiPcMfQxX .go-to-login>p:hover {
    opacity: .8
}

.DLGaUWlcsPIJiPcMfQxX .go-to-home {
    color: #868181;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer
}

.DLGaUWlcsPIJiPcMfQxX .go-to-home:hover {
    opacity: .8
}

.DLGaUWlcsPIJiPcMfQxX .tips {
    line-height: 25px;
    color: #868181;
    font-size: 14px;
    border-top: 1px solid #d9d9d9;
    margin-top: 10px;
    padding-top: 10px;
    text-align: left
}

.DLGaUWlcsPIJiPcMfQxX .tips>p {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #b0b0b0;
    color: #fff;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    margin-right: 5px
}

@keyframes logoIn {
    from {
        transform: translateY(-30px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.BAAieP8UWiWdrknY7Jsz {
    display: flex;
    position: fixed;
    width: 834px;
    height: 533px;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation: fadeIn .5s .2s forwards
}

.BAAieP8UWiWdrknY7Jsz .login_box {
    display: flex;
    width: 856px;
    height: 533px;
    border-radius: 24px;
    z-index: 999;
    box-shadow: 0 0 30px 0 rgba(167, 167, 167, .3);
    background-color: #fff
}

.BAAieP8UWiWdrknY7Jsz .login_left {
    border-radius: 20px 0 0 20px;
    width: 443px;
    height: 100%;
    background: url(../images/outcache/login-bg.8460.png) no-repeat;
    background-size: contain
}

.BAAieP8UWiWdrknY7Jsz .login_right {
    background: url(../images/outcache/img-right.270a.png) no-repeat 50%/100% 100%;
    border-radius: 0 20px 20px 0;
    background-size: cover;
    width: 410px
}

.BAAieP8UWiWdrknY7Jsz .login_right .close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: -7px;
    z-index: 99;
    top: 12px;
    margin: 14px;
    cursor: pointer
}

.BAAieP8UWiWdrknY7Jsz .login_right .close:hover {
    opacity: .7
}

.BAAieP8UWiWdrknY7Jsz .login_right .deco {
    position: absolute;
    right: -100px;
    bottom: 33px
}

.BAAieP8UWiWdrknY7Jsz .login_right .float1 {
    background: url(../svg/float1.3eff.svg) no-repeat;
    background-size: auto;
    width: 70px;
    height: 78px
}

.BAAieP8UWiWdrknY7Jsz .login_right .float2 {
    background: url(../svg/float2.02d9.svg) no-repeat;
    background-size: auto;
    width: 50px;
    height: 44px;
    right: -32px;
    bottom: 176px
}

@keyframes fadeIn {
    from {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.A3F8_AU41JuWUDmJKyPs {
    display: flex;
    height: 22px;
    box-sizing: border-box;
    justify-content: center;
    line-height: 22px;
    margin: 20px 0;
    color: #bdc9e0;
    clear: both
}

.A3F8_AU41JuWUDmJKyPs span {
    margin: 0 5px
}

.A3F8_AU41JuWUDmJKyPs input {
    width: 50px;
    height: 22px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box
}

.A3F8_AU41JuWUDmJKyPs button.pagination-btn {
    color: #fff;
    border-radius: 4px;
    width: 50px;
    height: 22px;
    letter-spacing: 0;
    text-indent: 0;
    background: #0d5ada;
    border: 0 !important;
    cursor: pointer
}

.A3F8_AU41JuWUDmJKyPs button.pagination-btn:hover {
    opacity: .8
}

.A3F8_AU41JuWUDmJKyPs ul {
    list-style: none
}

.A3F8_AU41JuWUDmJKyPs ul li {
    display: inline;
    margin: 0 4px
}

.A3F8_AU41JuWUDmJKyPs ul li a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #e6ebf5;
    border-radius: 50%;
    color: #3b476a;
    text-align: center;
    line-height: 20px;
    font-size: 13px
}

.A3F8_AU41JuWUDmJKyPs ul li.active a {
    color: #303653;
    background: #0d5ada;
    border: 1px solid rgba(194, 135, 253, .3);
    font-family: Akrobat
}

.A3F8_AU41JuWUDmJKyPs ul li.disabled a:hover {
    background: #e6ebf5;
    color: #3b476a
}

.A3F8_AU41JuWUDmJKyPs ul li:nth-last-child(1) a,
.A3F8_AU41JuWUDmJKyPs ul li:nth-last-child(2) a,
.A3F8_AU41JuWUDmJKyPs ul li:nth-child(1) a,
.A3F8_AU41JuWUDmJKyPs ul li:nth-child(2) a {
    width: 40px;
    border-radius: 5px
}

.A3F8_AU41JuWUDmJKyPs ul.mini>li:nth-last-child(1) a,
.A3F8_AU41JuWUDmJKyPs ul.mini>li:nth-last-child(2) a,
.A3F8_AU41JuWUDmJKyPs ul.mini>li:nth-child(1) a,
.A3F8_AU41JuWUDmJKyPs ul.mini>li:nth-child(2) a {
    width: 25px
}

.A3F8_AU41JuWUDmJKyPs {
    color: #000;
    margin: 10px 0
}

.A3F8_AU41JuWUDmJKyPs ul li {
    margin: 0 1px
}

.A3F8_AU41JuWUDmJKyPs ul li a {
    color: #5c5c5c;
    background: #fdfdfd;
    border: 1px solid #ddd
}

.A3F8_AU41JuWUDmJKyPs ul li.active a {
    color: #303653;
    background: linear-gradient(270deg, rgba(194, 135, 253, 0.3), rgba(147, 147, 248, 0.3));
    border: 1px solid rgba(194, 135, 253, .3)
}

.A3F8_AU41JuWUDmJKyPs button.pagination-btn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.xOJ4LPIlLbim6vgvZIVM {
    width: 100%;
    margin-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.xOJ4LPIlLbim6vgvZIVM::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.xOJ4LPIlLbim6vgvZIVM::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.xOJ4LPIlLbim6vgvZIVM::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.xOJ4LPIlLbim6vgvZIVM.lite {
    margin-top: 0
}

.xOJ4LPIlLbim6vgvZIVM.lite table {
    border: 0
}

.xOJ4LPIlLbim6vgvZIVM table {
    width: 100%;
    border: 0;
    background: #fff;
    border: 1px solid #edecf6;
    border-collapse: collapse;
    font-size: 13px
}

.xOJ4LPIlLbim6vgvZIVM table tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 40px;
    position: sticky;
    top: 0;
    z-index: 1
}

.xOJ4LPIlLbim6vgvZIVM table tr.font-blod {
    font-weight: bold !important
}

.xOJ4LPIlLbim6vgvZIVM table tr th {
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    font-size: 13px
}

.xOJ4LPIlLbim6vgvZIVM table tr th.desc,
.xOJ4LPIlLbim6vgvZIVM table tr th.asc {
    color: #ff6b71
}

.xOJ4LPIlLbim6vgvZIVM table tr th.desc::after {
    content: "▼"
}

.xOJ4LPIlLbim6vgvZIVM table tr th.asc::after {
    content: "▲"
}

.xOJ4LPIlLbim6vgvZIVM table tr td {
    border-right: 1px solid #edecf6;
    border-bottom: 1px solid #edecf6;
    text-align: center;
    line-height: 24px;
    color: #8994ab;
    padding: 5px 5px;
    font-size: 12px;
    user-select: text
}

.xOJ4LPIlLbim6vgvZIVM table tr td:last-child {
    border-right: 0
}

.xOJ4LPIlLbim6vgvZIVM table tr td.flex-td {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.xOJ4LPIlLbim6vgvZIVM table tr td.actions>a,
.xOJ4LPIlLbim6vgvZIVM table tr td.actions>span {
    font-weight: 600;
    margin: 0 5px;
    cursor: pointer;
    transition: .5s all;
    color: #4982eb;
    user-select: text
}

.xOJ4LPIlLbim6vgvZIVM table tr td.actions>a:hover,
.xOJ4LPIlLbim6vgvZIVM table tr td.actions>span:hover {
    opacity: .8
}

.xOJ4LPIlLbim6vgvZIVM table tr td.actions.delete>a,
.xOJ4LPIlLbim6vgvZIVM table tr td.actions.delete>span {
    color: #ff1800
}

.xOJ4LPIlLbim6vgvZIVM table tr td>.bet-state {
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px
}

.xOJ4LPIlLbim6vgvZIVM table tr.wait {
    background-color: #fff
}

.xOJ4LPIlLbim6vgvZIVM table tr.wait td {
    border-right: 1px solid #edecf6;
    border-bottom: 1px solid #edecf6;
    text-align: center;
    line-height: 24px;
    color: #8994ab;
    padding: 30px 5px;
    font-size: 12px
}

.xOJ4LPIlLbim6vgvZIVM {
    border-radius: 12px;
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .4), 0 0 20px 0 #dff0ff
}

.xOJ4LPIlLbim6vgvZIVM table {
    font-size: 13px
}

.xOJ4LPIlLbim6vgvZIVM table td {
    line-height: 30px !important
}

.xOJ4LPIlLbim6vgvZIVM table tr td {
    color: #211627
}

.xOJ4LPIlLbim6vgvZIVM table tr td.actions>a {
    color: #cf5e53
}

.xOJ4LPIlLbim6vgvZIVM table tr td.actions .delete>a {
    color: #fff;
    border-radius: 5px;
    background: #4982eb;
    padding: 2px 10px
}

.ZU4rpeRTSV02tF7RKFjC input[name=selectAll] {
    vertical-align: bottom;
    margin-right: 4px
}

.ZU4rpeRTSV02tF7RKFjC>div.del {
    margin: 15px 0 0
}

.ZU4rpeRTSV02tF7RKFjC>div.del span {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin-left: 0;
    margin-right: 10px
}

.ZU4rpeRTSV02tF7RKFjC>div.del span:hover {
    opacity: .8
}

.ZU4rpeRTSV02tF7RKFjC>div.del span:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.ZU4rpeRTSV02tF7RKFjC>div.del span:hover::before {
    width: 45px;
    left: 205px
}

.ZU4rpeRTSV02tF7RKFjC>div.del span::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.ZU4rpeRTSV02tF7RKFjC td.title {
    width: 500px;
    position: relative
}

.ZU4rpeRTSV02tF7RKFjC td.title h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box
}

.ZU4rpeRTSV02tF7RKFjC td.title h3 span {
    display: inline-block;
    max-width: 440px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #2d293c
}

.ZU4rpeRTSV02tF7RKFjC td.title .read {
    height: 24px;
    line-height: 24px;
    right: 10px;
    top: 5px;
    border-radius: 3px;
    background-color: #f4f4f4;
    color: #bbb;
    font-style: normal;
    position: absolute
}

.ZU4rpeRTSV02tF7RKFjC td.title .unread {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../images/outcache/msg-new.c148.png) no-repeat;
    background-size: contain;
    margin-left: 2px;
    vertical-align: top
}

.ZU4rpeRTSV02tF7RKFjC td.sent_at {
    color: #666
}

.ZU4rpeRTSV02tF7RKFjC .message-detail {
    width: 100%;
    box-sizing: border-box;
    padding-top: 20px;
    background-color: #fff
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-title {
    width: 100%;
    height: 65px;
    line-height: 80px;
    font-size: 24px;
    color: #e54878;
    text-align: center;
    background: url(../images/outcache/title-bg.d2f0.png) center top no-repeat;
    background-size: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 20px 30px;
    font-size: 13px;
    color: #333;
    height: auto;
    overflow: auto;
    box-sizing: border-box;
    border-left: 1px solid #e2dfe6;
    border-right: 1px solid #e2dfe6;
    border-top: 1px dashed #e2dfe6;
    border-bottom: 1px dashed #e2dfe6;
    font-size: 14px;
    word-break: break-word
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont p {
    margin-top: 5px
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-time {
    text-align: right;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    padding: 20px 30px;
    color: #999;
    border: 1px solid #e2dfe6;
    border-top-style: dashed
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close {
    margin-top: 20px;
    text-align: center
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close .msg-close-btn {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    width: 120px;
    margin: auto
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close .msg-close-btn:hover {
    opacity: .8
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close .msg-close-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close .msg-close-btn:hover::before {
    width: 45px;
    left: 205px
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-close .msg-close-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.ZU4rpeRTSV02tF7RKFjC table tr>td.title {
    cursor: pointer
}

.ZU4rpeRTSV02tF7RKFjC table tr>td.delete.pointer {
    cursor: pointer
}

.ZU4rpeRTSV02tF7RKFjC table input {
    cursor: pointer
}

.ZU4rpeRTSV02tF7RKFjC table input:disabled {
    cursor: default
}

.ZU4rpeRTSV02tF7RKFjC table tr:first-child {
    background: #eee;
    height: 32px
}

.ZU4rpeRTSV02tF7RKFjC table tr:first-child th {
    color: #6a7391;
    background: rgba(208, 178, 147, .08)
}

.ZU4rpeRTSV02tF7RKFjC table tr th {
    color: #6a7391;
    background: rgba(208, 178, 147, .08)
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-title {
    color: #42403d;
    background: url(../images/outcache/title-bg.3359.png) center top no-repeat;
    background-size: contain
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont {
    white-space: break-spaces;
    max-height: 315px;
    background: #fffefa
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-time {
    background: #fffefa
}

.ZU4rpeRTSV02tF7RKFjC input[name=selectAll] {
    vertical-align: bottom;
    margin-right: 4px
}

.ZU4rpeRTSV02tF7RKFjC td.title .read {
    font-size: 12px;
    padding: 0 5px
}

.ZU4rpeRTSV02tF7RKFjC>div.del span {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.w3nSTEPyVcdjZUqA4jLu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    text-align: left;
    margin-left: 25px
}

.w3nSTEPyVcdjZUqA4jLu .user {
    width: 38px;
    height: 38px;
    margin-right: 14px;
    position: relative
}

.w3nSTEPyVcdjZUqA4jLu .user>.user-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    background: url(../images/outcache/user.5bcf.png) no-repeat 50%/100% 100%
}

.w3nSTEPyVcdjZUqA4jLu .user:hover .user-menu {
    visibility: visible;
    height: auto
}

.w3nSTEPyVcdjZUqA4jLu .user-infos {
    color: #1e2638;
    font-size: 14px;
    font-weight: 400
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .username {
    display: flex;
    color: #303033
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money {
    margin-top: 3px;
    padding: 3px;
    display: inline-block
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money .refreshBtn {
    display: inline-block;
    margin: 0 3px;
    min-width: 14px;
    height: 16px;
    background: url(../svg/ic-refresh.6a5d.svg) no-repeat 50%/100% 100%;
    cursor: pointer;
    vertical-align: sub
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money .refreshBtn.active {
    animation: rotate-infinite 1s linear infinite
}

@-webkit-keyframes rotate-infinite {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate-infinite {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money .rotate {
    animation: rotate 1s infinite linear
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .line {
    display: inline-block;
    width: 2px;
    height: 16px;
    background-color: #d5eaf9
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money {
    display: inline-block
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn {
    display: inline-block;
    position: relative;
    background: url(../svg/question.dc8a.svg) no-repeat 50%/100% 100%;
    cursor: pointer;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin: 0 5px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn:hover .tips {
    visibility: visible
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .tips {
    position: absolute;
    width: 240px;
    top: 31px;
    right: -121px;
    transition: all .3s;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(149, 147, 200, .3);
    visibility: hidden;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    color: #42403d
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .tips::before {
    content: "";
    position: absolute;
    top: -11px;
    left: calc(50% - 10px);
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 0 12px 12px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu {
    max-height: 574px;
    overflow: auto;
    color: #42403d;
    font-size: 13px;
    display: flex;
    flex-direction: column
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item {
    width: 240px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item .title {
    position: relative;
    width: 100%;
    padding: 15px 20px 15px 25px;
    height: 39px;
    background: linear-gradient(180deg, #f0f0ff, #fff);
    box-sizing: border-box;
    text-align: justify
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item .content {
    padding: 0 21px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item .top {
    display: flex;
    align-items: center;
    padding: 6px 0 15px;
    border-bottom: 1px solid #eff0ff
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item .top .img-lock {
    width: 34px;
    height: 34px;
    display: inline-block;
    background: url(../svg/locker.8e93.svg) no-repeat 50%/100% 100%;
    margin-right: 10px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn .menu .menu-item .bottom {
    padding: 15px 0 20px;
    display: table;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: justify
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .lockBtn {
    display: inline-block;
    background: url(../svg/lock.8e93.svg) no-repeat 50%/100% 100%;
    width: 12px;
    height: 14px;
    vertical-align: top;
    margin: 0 5px 0 3px;
    cursor: pointer
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .unlockBtn {
    display: inline-block;
    background: url(../svg/unlock.5ae6.svg) no-repeat 50%/100% 100%;
    width: 12px;
    height: 14px;
    vertical-align: top;
    margin: 0 5px 0 3px;
    cursor: pointer
}

.w3nSTEPyVcdjZUqA4jLu .user-menu {
    position: absolute;
    width: 160px;
    top: 53px;
    right: -59px;
    height: 135px;
    transition: all .3s;
    z-index: -1;
    box-shadow: 0 3px 6px 0 rgba(56, 66, 126, .3490196078);
    visibility: hidden;
    border-radius: 8px;
    background-color: #fff
}

.w3nSTEPyVcdjZUqA4jLu .user-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: calc(50% - 10px);
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 0 12px 12px
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    height: 45px;
    padding: 0 20px;
    color: #2f2747;
    font-weight: 400;
    box-sizing: border-box;
    cursor: pointer;
    z-index: -1
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:hover {
    font-weight: 700;
    background-color: rgba(160, 149, 198, .1)
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:first-child {
    border-radius: 8px 8px 0 0
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:last-child {
    border-radius: 0 0 8px 8px
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item .icon {
    background: url(../images/outcache/icon1.0d88.png) no-repeat 50%/100% 100%;
    margin-right: 12px;
    width: 21px;
    height: 21px
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item .massager {
    display: contents
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item .massager p {
    background: #ff7253;
    color: #fff;
    border-radius: 50%;
    min-width: 18px;
    letter-spacing: 0;
    font-size: 10px;
    margin-left: 10px;
    height: 18px;
    line-height: 18px;
    text-align: center
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:nth-child(2) .icon {
    background: url(../images/outcache/icon2.ec87.png) no-repeat 50%/100% 100%
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:nth-child(3) .icon {
    background: url(../images/outcache/icon3.5feb.png) no-repeat 50%/100% 100%
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.OlEoca3MOBHcRfcvtB1A {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 260px;
    position: relative;
    z-index: 1000;
    background: url(../images/outcache/bg-drop.8ba2.png) no-repeat center;
    box-shadow: 0px 11px 17.4px 0px rgba(0, 0, 0, .12)
}

.OlEoca3MOBHcRfcvtB1A .game-item {
    width: 180px;
    height: 260px;
    margin-right: 24px;
    padding: 26px 0px 19px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap {
    width: 100%;
    height: 100%
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .official-icon {
    position: absolute;
    right: 0px;
    top: 21px;
    width: 58px;
    height: 57px;
    z-index: 1
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .ltd-bx {
    width: 180px;
    height: 170px;
    overflow: hidden;
    position: absolute;
    top: 23px;
    background: url(../images/outcache/cardBg.bb37.png) no-repeat center
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .ltd-bx:hover {
    background: url(../images/outcache/cardBg-hover.161a.png) no-repeat center
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .ltd-bx img {
    width: 100%
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .title {
    position: absolute;
    width: 180px;
    height: 39px;
    left: 0px;
    bottom: 19px;
    display: flex;
    align-items: center;
    justify-content: center
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .title img {
    width: 100%
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .info-wrap {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    cursor: default
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .info-wrap .info {
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(to top, #16e6d5, #0db4f2)
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .info-wrap .info>.img {
    width: 58px;
    height: 58px;
    background: url(../images/outcache/mnt.01e2.png) no-repeat 50%/100% 100%
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .info-wrap .info .t {
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.OlEoca3MOBHcRfcvtB1A .game-item.mnt {
    pointer-events: none;
    cursor: default
}

.OlEoca3MOBHcRfcvtB1A .game-item.mnt .ltd-bx::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 5px;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 233, 252, .5);
    backdrop-filter: blur(5px);
    border-radius: 12px 12px 0 0
}

.rP3gGmNSj0ODYFqdNtVd {
    width: 100%;
    height: 510px;
    z-index: 100;
    overflow: hidden;
    transition: all .4s;
    background-color: rgba(245, 248, 255, .96);
    box-shadow: 0px 11px 17.4px 0px rgba(0, 0, 0, .12);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative
}

.rP3gGmNSj0ODYFqdNtVd .lottery-box {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    padding-top: 20px
}

.rP3gGmNSj0ODYFqdNtVd .title {
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain
}

.rP3gGmNSj0ODYFqdNtVd .title.lSSC {
    width: 90px;
    background-image: url(../images/outcache/lSSC.7012.png)
}

.rP3gGmNSj0ODYFqdNtVd .title.lFFC {
    width: 90px;
    background-image: url(../images/outcache/lFFC.9bed.png)
}

.rP3gGmNSj0ODYFqdNtVd .title.lXNBC {
    width: 110px;
    background-image: url(../images/outcache/lXNBC.d08a.png)
}

.rP3gGmNSj0ODYFqdNtVd .title.l11X5 {
    width: 92px;
    background-image: url(../images/outcache/l11X5.58fc.png)
}

.rP3gGmNSj0ODYFqdNtVd .title.lPK10 {
    width: 124px;
    background-image: url(../images/outcache/lPK10.440e.png)
}

.rP3gGmNSj0ODYFqdNtVd .title.lOTHER {
    width: 72px;
    background-image: url(../images/outcache/lOTHER.cda5.png)
}

.rP3gGmNSj0ODYFqdNtVd .cate {
    width: 150px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    background-image: url(../images/outcache/1.4558.png);
    margin-top: 7px;
    height: 593px
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls {
    width: 150px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 5px;
    box-sizing: border-box
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item {
    width: 146px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #42403d;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 2px
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: contain
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item i.hot {
    background: url(../svg/hot.d360.svg) no-repeat
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item i.new {
    background: url(../svg/new.097b.svg) no-repeat
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item:hover {
    background: linear-gradient(269.72deg, #F6EDE1 2.21%, rgba(246, 237, 225, 0) 95.08%)
}

.rP3gGmNSj0ODYFqdNtVd .cate.lXNBC {
    width: 165px;
    background-image: url(../images/outcache/2.4558.png)
}

.rP3gGmNSj0ODYFqdNtVd .cate.lXNBC>.lotto-ls {
    width: 163px
}

.rP3gGmNSj0ODYFqdNtVd .cate.lXNBC>.lotto-ls .item {
    width: 163px
}

.rP3gGmNSj0ODYFqdNtVd .cate.lFFC {
    width: 276px;
    background-image: url(../images/outcache/3.0c79.png)
}

.rP3gGmNSj0ODYFqdNtVd .cate.lFFC>.lotto-ls {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    width: 276px
}

.rP3gGmNSj0ODYFqdNtVd .cate.lFFC>.lotto-ls .item {
    width: 136px
}

.rP3gGmNSj0ODYFqdNtVd .bot {
    position: absolute;
    display: flex;
    left: 0;
    top: 50%;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    width: 87px;
    height: 86px;
    background: url(../images/outcache/cloud.0755.png) no-repeat;
    background-size: contain
}

.mTrlnKrEikMa0ABn3QUj {
    width: 100%;
    height: 306px
}

.mTrlnKrEikMa0ABn3QUj .main-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1260px;
    margin: 0 auto;
    height: 100%;
    opacity: 0;
    transition: all .25s;
    overflow: hidden
}

.mTrlnKrEikMa0ABn3QUj .left-area {
    width: 350px;
    height: 260px;
    background: url(../images/outcache/app-download-leftImg.1fef.png) no-repeat 50%/100% 100%;
    background-size: contain
}

.mTrlnKrEikMa0ABn3QUj .text-area {
    width: 600px;
    height: 126px;
    background: url(../svg/app-download-textImg.46e0.svg) no-repeat 50%/100% 100%;
    background-size: contain
}

.mTrlnKrEikMa0ABn3QUj .right-area {
    text-align: center
}

.mTrlnKrEikMa0ABn3QUj .right-area .qrcode {
    width: 130px;
    height: 130px;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
    display: inline-block;
    cursor: pointer
}

.mTrlnKrEikMa0ABn3QUj .right-area p {
    margin-top: 6px;
    color: #504871
}

.yBLBOmo31nISYDW_Owit {
    color: #628bc4;
    position: relative;
    width: 100%;
    height: 70px;
    background: linear-gradient(0deg, rgba(231, 233, 255, 0.5019607843) 1%, rgba(248, 249, 255, 0.5019607843));
    z-index: 10
}

.yBLBOmo31nISYDW_Owit .main {
    max-width: 1520px;
    min-width: 1200px;
    height: 70px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.yBLBOmo31nISYDW_Owit .main .logo {
    display: flex;
    align-items: center;
    width: 146px;
    height: 50px;
    background: url(../svg/logo.996f.svg) no-repeat 50%/100%;
    margin-right: 30px;
    cursor: pointer
}

.yBLBOmo31nISYDW_Owit .main .nav-box {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.yBLBOmo31nISYDW_Owit .navigation {
    font-size: 16px;
    line-height: 70px;
    text-align: center;
    display: flex;
    align-items: center
}

.yBLBOmo31nISYDW_Owit .navigation .title {
    font-weight: 400;
    line-height: 50px;
    color: #636a89
}

.yBLBOmo31nISYDW_Owit .navigation .title.active {
    color: #3d73fe
}

.yBLBOmo31nISYDW_Owit .navigation>div {
    margin-right: 20px;
    width: 40px;
    cursor: pointer
}

.yBLBOmo31nISYDW_Owit .navigation>div .drop-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    transition: all .25s;
    overflow: hidden;
    margin-top: 10px
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover::before,
.yBLBOmo31nISYDW_Owit .navigation>div.active::before {
    display: block;
    content: "";
    height: 3px;
    margin-top: -3px;
    border-radius: 2px;
    pointer-events: none;
    background: linear-gradient(157.85deg, #8fafff 15%, #4982eb 61.56%, #0d5ada 100%);
    transform: translateY(50px)
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover .title,
.yBLBOmo31nISYDW_Owit .navigation>div.active .title {
    color: #3d73fe
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover>.drop-wrap {
    height: 260px
}

.yBLBOmo31nISYDW_Owit .navigation>div.lottery:hover>.drop-wrap {
    height: 510px
}

.yBLBOmo31nISYDW_Owit .wifi {
    width: 80px;
    height: 60px;
    margin: -5px 10px 0 0;
    position: relative
}

.yBLBOmo31nISYDW_Owit .wifi .speed-test {
    background: url(../svg/wifi.8c98.svg) no-repeat 50%/100%;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.yBLBOmo31nISYDW_Owit .pannel {
    display: flex;
    color: #545b7e;
    font-weight: 400;
    align-items: center
}

.yBLBOmo31nISYDW_Owit .pannel .menu {
    display: flex
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item {
    display: flex;
    padding: 0 15px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 70px;
    min-width: 24px;
    cursor: pointer
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item>.icon {
    width: 20px;
    height: 20px;
    margin-bottom: 6px
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-app {
    background: url(../svg/ic-app.aeaa.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-discount {
    background: url(../svg/ic-discount.472f.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-deposit {
    background: url(../svg/ic-deposit.7408.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-transfer {
    background: url(../svg/ic-transfer.40ce.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-withdraw {
    background: url(../svg/ic-withdraw.028e.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover {
    background: linear-gradient(180deg, rgba(131, 158, 198, 0.2) 0%, rgba(162, 181, 223, 0.2) 100%)
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item-app:hover>.app-wrap {
    height: 306px
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item-app:hover>.app-wrap>div>.main-area {
    opacity: 1
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item-app .app-wrap {
    position: absolute;
    left: 0;
    top: 68px;
    width: 100%;
    min-width: 1160px;
    height: 0;
    transition: all .25s;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .95);
    cursor: auto;
    margin-top: 2px
}

.yBLBOmo31nISYDW_Owit .pannel .login {
    width: 90px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #c1c6d7;
    background-image: linear-gradient(180deg, #fafcff, #e7eefb 99%);
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #b8c0d8;
    cursor: pointer;
    margin-left: 40px
}

.d434lPOMa8mMTURpAYDN {
    position: absolute;
    top: 60px;
    left: -245px;
    background: #fff;
    width: 320px;
    height: 220px;
    padding: 20px 15px;
    box-sizing: border-box;
    border-radius: 15px
}

.d434lPOMa8mMTURpAYDN::before {
    position: absolute;
    top: -14px;
    right: 32px;
    content: "";
    border: 8px solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff
}

.d434lPOMa8mMTURpAYDN .box {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.d434lPOMa8mMTURpAYDN .text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.d434lPOMa8mMTURpAYDN .head-text {
    font-size: 14px;
    font-weight: 600;
    color: #4b4b4b
}

.d434lPOMa8mMTURpAYDN .sub-head-text {
    font-size: 12px;
    margin-top: 3px;
    color: #c0c9da
}

.d434lPOMa8mMTURpAYDN .domain-item {
    width: 100%;
    margin-top: 4px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 28px;
    background-color: #eee;
    border-radius: 2px
}

.d434lPOMa8mMTURpAYDN .item-view {
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 15px;
    color: #71717a
}

.d434lPOMa8mMTURpAYDN .item-text {
    font-size: 12px;
    margin-right: 10px;
    color: #474e5e
}

.d434lPOMa8mMTURpAYDN .icon-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eee;
    margin: 0 5px
}

.d434lPOMa8mMTURpAYDN .text-green {
    color: #22c55e
}

.d434lPOMa8mMTURpAYDN .line-btn {
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 3px;
    padding: 4px 10px;
    cursor: pointer
}

.d434lPOMa8mMTURpAYDN .re-test {
    height: 30px;
    line-height: 29px;
    border: 1px solid #575757;
    color: #575757;
    border-radius: 3px;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
    font-style: normal
}

.hIMQGjohijvBgJX2kPfK {
    background: linear-gradient(0deg, #4e4c6e, #3d3d55);
    font-size: 14px;
    color: #a9acc9;
    padding: 0px 48px;
    box-sizing: border-box
}

.hIMQGjohijvBgJX2kPfK .container {
    width: 1200px;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.hIMQGjohijvBgJX2kPfK .container .link {
    margin-top: 20px;
    width: 100%
}

.hIMQGjohijvBgJX2kPfK .container .link a {
    text-decoration: none;
    padding: 0 5px;
    font-size: 12px;
    color: #a9acc9
}

.hIMQGjohijvBgJX2kPfK .container .link a:hover {
    color: #fff
}

.hIMQGjohijvBgJX2kPfK .container .logo {
    width: 907px;
    height: 28px;
    background: url(../images/outcache/logo.1657.png) no-repeat;
    background-size: contain;
    margin-top: 10px
}

.hIMQGjohijvBgJX2kPfK .container .text {
    line-height: 30px;
    margin-top: 18px
}

.hIMQGjohijvBgJX2kPfK .container .pagcor {
    margin: 14px;
    background-image: url(../svg/pagcor.5768.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 45px
}

.hIMQGjohijvBgJX2kPfK .container .pagcor:hover {
    background-image: url(../svg/pagcor-h.1885.svg)
}

.hIMQGjohijvBgJX2kPfK .bottom {
    width: 100%;
    border-top: 1px solid #44435d;
    text-align: center;
    padding: 15px 0px
}

.hIMQGjohijvBgJX2kPfK .bottom div {
    margin-top: 10px
}

.KDuiF0TawHiAqQvGQNw2 .banner-content {
    position: relative;
    margin: 0 auto;
    height: 25vw;
    min-height: 272px
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .banner-item {
    width: 100%;
    height: 39vw;
    min-height: 492px;
    position: absolute;
    top: -70px;
    left: 0
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .banner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 1s all;
    z-index: 0;
    cursor: pointer;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .banner.active {
    opacity: 1;
    z-index: 1
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .side-ctl {
    z-index: 9;
    width: 30px;
    height: 30px;
    background: url(../svg/right_arrow.9e9f.svg) no-repeat 50%/100%;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    cursor: pointer
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .side-ctl.side-left {
    left: 100px
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .side-ctl.side-right {
    right: 100px;
    transform: rotate(180deg)
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
    text-align: center;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 15px;
    border-radius: 50%;
    cursor: pointer;
    background: #fff;
    transition: all .3s
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span.active {
    width: 19px;
    height: 19px;
    background: url(../svg/radio-active.1c02.svg) no-repeat 50%/100% 100%
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .banner-item {
    top: -78px
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span {
    width: 14px;
    height: 14px;
    background-color: #fff
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span.active {
    width: 17px;
    height: 17px;
    background: #4982eb
}

.MRBH1FxTLMoEGETLNRa_ {
    width: 40px;
    height: auto;
    position: fixed;
    top: 19.1%;
    right: 20px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center
}

.MRBH1FxTLMoEGETLNRa_ .box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.MRBH1FxTLMoEGETLNRa_ .box>li {
    width: 40px;
    height: 62px;
    overflow: hidden
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href {
    display: flex;
    width: 80px;
    height: 56px;
    text-align: center;
    transition: all .2s;
    color: #1e2638
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href>.sidebar-icon {
    width: 40px;
    height: 56px;
    cursor: pointer;
    background: url(../images/outcache/sadebar.619b.png) no-repeat;
    background-size: 80px;
    background-position: top;
    display: flex;
    align-items: end;
    justify-content: center;
    white-space: nowrap;
    font-size: 12px;
    position: relative
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href>.sidebar-icon span {
    line-height: 16px;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href:hover {
    transform: translateX(-50%)
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href:hover span {
    color: #fff;
    background-color: rgba(0, 0, 0, .3)
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .service {
    background-position: 0px 0px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .service-active {
    background-position: -40px 0px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .mobile {
    background-position: 0px -54px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .mobile-active {
    background-position: -40px -54px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .deposit {
    background-position: 0px -109px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .deposit-active {
    background-position: -40px -109px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .personal {
    background-position: 0px -163px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .personal-active {
    background-position: -40px -163px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .chat {
    background-position: 0px -217px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .chat-active {
    background-position: -40px -217px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .help {
    background-position: 0px -272px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .help-active {
    background-position: -40px -272px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .top {
    background-position: 0px -327px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .top-active {
    background-position: -40px -327px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .toggleBtn {
    background-position: 0px -381px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .toggleBtn-active {
    background-position: -40px -381px
}

.MRBH1FxTLMoEGETLNRa_ .box>li:hover .servive-line {
    transform: scale(1);
    transition: all ease .3s
}

.MRBH1FxTLMoEGETLNRa_ .box>li:hover .AppCode {
    transform: scale(1);
    transition: all ease .3s
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line {
    transform: scale(0);
    width: 200px;
    height: 100px;
    right: 42px;
    top: 18px;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 8px 20px 3px #dee4ef;
    overflow: hidden
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 20px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line>a:hover {
    cursor: pointer;
    background-image: linear-gradient(148deg, #8fafff 24.25%, #4982eb 54.78%, #0d5ada)
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line>a:hover span {
    color: #fff
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line>a svg {
    display: inline-block;
    width: 32px;
    height: 32px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .servive-line>a span {
    font-size: 18px;
    color: #707070;
    margin-left: 5px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .AppCode {
    transform: scale(0);
    width: 140px;
    height: 140px;
    padding: 10px;
    border-radius: 6px;
    box-sizing: border-box;
    right: 42px;
    top: 80px;
    position: absolute;
    background: #fff
}

.MRBH1FxTLMoEGETLNRa_ .my-fade-in {
    animation-duration: 1.5s
}

.MRBH1FxTLMoEGETLNRa_ .Hide-Sidebar {
    width: 23px;
    height: 55px;
    position: absolute;
    top: 60px;
    right: 0px;
    z-index: 999
}

.MRBH1FxTLMoEGETLNRa_ .Hide-Sidebar svg {
    display: inline-block;
    width: 100%;
    height: auto
}

.SM3ur4tv_nyjP_kGG3t5 {
    display: flex;
    justify-content: center
}

.SM3ur4tv_nyjP_kGG3t5 .entry {
    width: 40px;
    height: 40px;
    background: url(../images/precache/opps.eba9.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box {
    position: absolute;
    right: 90px;
    top: 225px;
    width: 360px;
    height: auto;
    padding: 30px 10px 10px;
    box-sizing: border-box;
    background: url(../images/precache/bg.1ce4.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    color: #807b91
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box::before {
    position: absolute;
    content: "";
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    height: 55px;
    width: 55px;
    background-image: url(../images/precache/title.33ce.png);
    background-size: contain
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .ic-close {
    background-image: url(../images/precache/close.1747.png);
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .noData {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .noData p {
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: 700
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .detail-table {
    max-height: 180px;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid rgba(218, 204, 255, .4);
    border-radius: 5px;
    background: #d4e6f4;
    border-color: #d4e6f4;
    color: #274875
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .detail-table tr {
    height: 28px
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .detail-table tbody {
    text-align: center
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .detail-table tbody>tr:nth-child(2n+1) {
    background: #fff
}

.SM3ur4tv_nyjP_kGG3t5 .modal-box .detail-table tbody .jump-td {
    text-decoration: underline;
    color: #4982eb;
    cursor: pointer
}

.h02QtuLZ9QHr5elhbV5D {
    width: 100%;
    height: 100%;
    line-height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
}

@keyframes scrollup {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.h02QtuLZ9QHr5elhbV5D .scroll-lists {
    position: relative;
    width: auto;
    white-space: nowrap;
    overflow: hidden
}

.h02QtuLZ9QHr5elhbV5D .scroll-lists .scrollup {
    display: inline-block;
    width: auto;
    animation: scrollup linear infinite normal
}

.h02QtuLZ9QHr5elhbV5D .scroll-lists .scrollup>span {
    margin: 3px;
    color: #fff
}

.h02QtuLZ9QHr5elhbV5D .scroll-lists .scrollup>span {
    color: #9e9e9e
}

.Dpsezb9hmugsDAFoclT7 {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 980px;
    height: 567px;
    border-radius: 6px;
    max-height: 100%;
    background-color: #fff;
    position: relative;
    display: flex;
    overflow: hidden
}

@keyframes fade-bottom-top {
    0% {
        transform: translate(-50%, -35%)
    }

    100% {
        transform: translate(-50%, -50%)
    }
}

.Dpsezb9hmugsDAFoclT7 .close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 27px;
    width: 27px;
    color: #ff3467;
    border-radius: 50%;
    border: 1px solid #ff3467;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

.Dpsezb9hmugsDAFoclT7 .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.Dpsezb9hmugsDAFoclT7 .list-warp {
    width: 310px;
    background-color: #fffcfc;
    color: #3b476a;
    font-size: 12px;
    border-right: 1px solid #d1e2f3;
    box-sizing: border-box
}

.Dpsezb9hmugsDAFoclT7 .list-warp .list-title {
    height: 72px;
    line-height: 72px;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.25%, #8869e5);
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box {
    height: 495px;
    background-color: #f7f7f7;
    border-right: 1px solid #cfc0d9;
    box-shadow: inset -2px -3px 11px #e6e6e6
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list {
    height: 445px
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li {
    height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 0 10px;
    transition: all .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #1d0f06
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li .content {
    flex: 1;
    font-size: 13px
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li .red {
    width: 5px;
    height: 5px;
    background: red;
    border: 1px solid #fff;
    border-radius: 50%
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li .time {
    flex: 1;
    text-align: right
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li:hover {
    box-shadow: inset -1px 1px 20px #c3c3c3
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li.active {
    box-shadow: inset -1px 1px 20px #c3c3c3
}

.Dpsezb9hmugsDAFoclT7 .content-warp {
    flex: 1;
    height: 100%;
    background: url(../images/outcache/notice_boxbg.1d18.png) no-repeat 0 0
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-title {
    position: relative;
    font-size: 20px;
    line-height: 26px;
    min-height: 35px;
    color: #1d0f06;
    padding: 25px 30px 10px;
    text-align: center;
    font-weight: 700
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-title::after {
    content: "";
    height: 1px;
    width: 80%;
    background: #fff;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%)
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-detail {
    max-width: 589px;
    overflow-wrap: anywhere;
    line-height: 24px;
    color: #1d0f06;
    font-size: 14px;
    padding: 15px;
    margin: 10px 20px 0 30px;
    height: 400px;
    overflow-y: auto
}

.Dpsezb9hmugsDAFoclT7 .list-warp {
    width: 310px;
    background-color: #fffcfc;
    color: #3b476a;
    font-size: 12px;
    border-right: 1px solid #d1e2f3;
    box-sizing: border-box
}

.Dpsezb9hmugsDAFoclT7 .list-warp .list-title {
    height: 72px;
    line-height: 72px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.Dpsezb9hmugsDAFoclT7 .content-warp {
    background: url(../images/outcache/bg.c77f.png) no-repeat
}

.Dpsezb9hmugsDAFoclT7 .close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 27px;
    width: 27px;
    color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: .8s all;
    z-index: 1;
    background: url(../images/outcache/close.6b0c.png) no-repeat
}

.Dpsezb9hmugsDAFoclT7 .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-title::after {
    background: #e3e7f3
}

.myJNNDjcwxdueLMq9bxh {
    position: relative;
    width: 1200px;
    height: 54px;
    padding: 12px 0;
    margin: 15px auto 0;
    border-radius: 40px;
    box-sizing: border-box;
    z-index: 2;
    opacity: .9;
    border: 1px solid rgba(231, 218, 244, .7019607843);
    background: linear-gradient(0deg, rgba(231, 233, 255, 0.7019607843) 1%, rgba(248, 249, 255, 0.7019607843))
}

.myJNNDjcwxdueLMq9bxh .notice {
    display: flex;
    width: 100%;
    height: 30px;
    margin: 0 auto 0 0;
    padding: 0 18px;
    border-radius: 0;
    box-sizing: border-box;
    vertical-align: top;
    opacity: .9;
    position: relative;
    justify-content: space-between;
    align-items: center
}

.myJNNDjcwxdueLMq9bxh .notice .title {
    width: 70px;
    display: flex;
    background: none;
    height: 30px;
    line-height: 30px;
    vertical-align: inherit;
    color: #b8c0d8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 5px 0 30px;
    font-size: 14px;
    background: url(../svg/notice-news.cbb2.svg) no-repeat 0/20px 20px
}

.myJNNDjcwxdueLMq9bxh .notice .title span {
    font-size: 14px
}

.myJNNDjcwxdueLMq9bxh .notice .button {
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    box-sizing: border-box;
    cursor: pointer;
    padding: 0px 8px;
    line-height: 27px;
    display: flex;
    align-items: center
}

.myJNNDjcwxdueLMq9bxh .notice .button .last {
    margin: 0 0 1px 3px
}

.myJNNDjcwxdueLMq9bxh .notice .button .text {
    width: 50px
}

.myJNNDjcwxdueLMq9bxh .notice .scroll-lists {
    width: calc(100% - 180px)
}

.myJNNDjcwxdueLMq9bxh .notice .scroll-lists .scrollup {
    width: 100%
}

.myJNNDjcwxdueLMq9bxh .notice .Scroll-title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6a6a6a !important;
    padding-right: 30px;
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    cursor: pointer
}

.hBSx_ncpjqDSn_6qF26A {
    margin-top: 24px;
    background-image: linear-gradient(0deg, rgba(236, 236, 249, 0.5019607843), rgba(242, 242, 250, 0.5019607843));
    box-shadow: 0 2px 15px 0 rgba(109, 105, 214, .2);
    border-radius: 16px
}

.hBSx_ncpjqDSn_6qF26A .content-box {
    min-height: 930px;
    padding: 40px;
    display: flex
}

.hBSx_ncpjqDSn_6qF26A .content-box .box-left {
    width: 315px
}

.hBSx_ncpjqDSn_6qF26A .content-box .box-left .tab {
    padding: 13px 8px;
    margin-bottom: 12px;
    background-color: #f7f7ff;
    box-shadow: 0 2px 12px 0 rgba(109, 105, 214, .2);
    border-radius: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    white-space: nowrap
}

.hBSx_ncpjqDSn_6qF26A .content-box .box-left .tab .tab-item {
    position: relative;
    font-size: 16px;
    width: 80px;
    height: 32px;
    line-height: 32px;
    background-color: #eff0fe;
    padding-left: 27px;
    border-radius: 10px;
    text-align: center;
    color: #727792;
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block
}

.hBSx_ncpjqDSn_6qF26A .content-box .box-left .tab .active {
    background: url(../images/precache/btn.db65.png) no-repeat 50%/100%;
    color: #fff;
    background-size: 100% 100%
}

.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box {
    background: none;
    border: none;
    box-shadow: 0 8px 20px 0 #dee4ef;
    border-radius: 20px;
    position: relative
}

.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home {
    position: absolute;
    content: "";
    height: 240px;
    width: 80px;
    left: -110px;
    top: 140px
}

.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home .agent,
.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home .run {
    display: inline-block;
    height: 80px;
    width: 80px
}

.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home .agent img,
.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home .run img {
    width: 100%
}

.hBSx_ncpjqDSn_6qF26A .content-box.sport-content-box .sidebar-home .run {
    margin-top: 30px
}

.live_player {
    position: relative
}

.live_player .water_mark {
    position: absolute;
    text-align: left;
    height: 50px;
    left: 20px;
    bottom: 80px;
    width: 120px;
    background-image: url(../images/outcache/live_logo.93e1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 10
}

.live_player .water_mark img {
    padding: 10px 20px
}

.live_player .videoContainer {
    overflow: hidden
}

.no_video iframe {
    height: 100%;
    width: 100%
}

.live_con {
    position: relative;
    width: 920px;
    height: 500px;
    background-color: #000
}

.dmfs {
    display: flex;
    text-align: center;
    background-color: #fff;
    padding: 8px 10px
}

.dmfs .dmfs-content {
    flex: 1;
    display: flex;
    background-color: #e1e7fb;
    padding: 5px;
    border-radius: 8px;
    box-sizing: border-box
}

.dmfs .dmfs-content input {
    flex: 1;
    border: none;
    border-radius: 5px;
    border-width: 1px;
    text-indent: 8px;
    background-color: #e1e7fb
}

.dmfs .dmfs-content .btn {
    display: inline-block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-image: linear-gradient(270deg, #5376d1 0%, #84a7e5 100%);
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    user-select: none
}

.dmfs .icon-dm {
    color: #fb0;
    width: 48px;
    height: 30px;
    margin-right: 8px;
    margin-top: 5px;
    cursor: pointer;
    vertical-align: middle;
    background: url(../images/outcache/icon-dm.bfa3.png) no-repeat center/100% 200%;
    user-select: none
}

.dmfs .icon-dm.on {
    background-position: 0 0
}

.dmfs .icon-dm.off {
    background-position: 0 -30px
}

.live_video {
    border: 1px solid;
    background: #fff;
    position: absolute;
    right: 0px;
    bottom: 56px;
    width: 180px;
    height: 320px
}

.live_video iframe {
    width: 100% !important;
    height: 100% !important
}

.changeline {
    cursor: pointer;
    width: 60px;
    height: 27px;
    line-height: 27px;
    border: 1px solid #8b8fa8;
    margin: 0 10px;
    padding: 3px 8px;
    color: #8b8fa8;
    border-radius: 4px
}

.changeline.chos {
    background: linear-gradient(158deg, #8FAFFF 15%, #4982EB 61.56%, #0D5ADA 100%);
    border: none;
    color: #fff
}

.changelineTips {
    color: #9a9a9a;
    font-size: 12px
}

.autoSpace {
    width: 100%;
    height: 100%;
    line-height: normal
}

.autoSpace_line {
    height: calc(100% - 30px)
}

.autoSpace_line_1 {
    height: 448px !important
}

.autoSpace_line_2 {
    height: 448px !important
}

.autoSpace_line_3 {
    height: 530px !important;
    background: #fff !important
}

.videoChangeLine .ant-menu-horizontal {
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 12px;
    flex: 1;
    display: flex;
}

.videoChangeLine .ant-menu-horizontal .ant-menu-item:hover,
.videoChangeLine .ant-menu-horizontal .ant-menu-item,
.videoChangeLine .ant-menu-horizontal .ant-menu-submenu-title {
    border: none;
    padding: 0
}

.content-box .sport-live .sport-live-container {
    color: #868181
}

.content-box .sport-live .sport-live-container .scheduie::before {
    display: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all {
    color: #868181
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team .vs-img {
    background-image: url(../svg/img-vs.b8ca.svg);
    background-size: 50% auto;
    width: 15px;
    background-position: 5px center
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_score {
    font-size: 14px;
    color: #42403d
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-track {
    background-color: #f6f8fb;
    border-radius: 2.5px;
    border: 1px solid #f2f2f2;
    background: #fff;
    box-shadow: -1px -1px 1px 1px rgba(234, 203, 171, .15) inset, 1px 1px 1px 1px rgba(234, 203, 171, .15) inset
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #c9c8eb
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 102px;
    height: 100%;
    background: url(../images/outcache/sportVideo-list-logo.c5ab.png) no-repeat 50%/102px auto
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start .sportVideo-icon-video {
    background-image: url(../svg/icon-video.3efd.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-video {
    background-image: url(../svg/icon-video.3efd.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover,
.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active {
    background: linear-gradient(180deg, #fafcff, #e7eefb 50%)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::after {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    right: -1px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start::after {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name {
    color: #42403d
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name::before {
    width: 12px;
    background-size: 100% auto;
    background-image: url(../svg/arrow-top-purple.7129.svg);
    transform: rotate(0deg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .sport_event_name::before {
    transform: rotate(-90deg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_list_title_container {
    background-color: rgba(0, 0, 0, 0);
    height: 60px;
    box-sizing: border-box;
    box-shadow: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .no_game {
    background-image: url(../images/outcache/noData.664f.png);
    background-size: 75% auto
}

.content-box .sport-live .sport-live-container .scheduie .sport_type {
    padding: 13px 8px;
    margin-top: -17px;
    margin-left: -10px;
    background-color: #f7f7ff;
    box-shadow: 0 2px 12px 0 rgba(109, 105, 214, .2);
    border-radius: 12px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item {
    width: 84px;
    height: 35px;
    line-height: 34px;
    padding-left: 23px;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    font-size: 14px;
    color: #727792;
    background-color: #eff0fe;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item::before {
    width: 15px;
    height: 15px;
    top: 10px;
    left: 13px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(1)::before {
    background: url(../svg/hot.34f0.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(2)::before {
    background: url(../svg/football.5752.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(3)::before {
    background: url(../svg/basketball.1db6.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(4)::before {
    background: url(../svg/auth.a64d.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived {
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    color: #fff
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(1)::before {
    background: url(../svg/hot-active.fc1e.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(2)::before {
    background: url(../svg/football-active.0420.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(3)::before {
    background: url(../svg/basketball-active.b44e.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(4)::before {
    background: url(../svg/auth-active.b92f.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .live_container .game_bet {
    box-shadow: 0px 2px 12px 0px rgba(109, 105, 214, .2);
    box-shadow: none;
    color: #868181;
    background: rgba(0, 0, 0, 0);
    height: 63px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .game_title {
    width: 224px;
    top: -23px;
    height: 32px;
    background: url(../svg/title-bg.6cdf.svg) no-repeat left/100%;
    background-size: auto 100%
}

.content-box .sport-live .sport-live-container .live_container .game_bet .game_title .game_title_content {
    background: #ffd200;
    color: #102341;
    top: 3px;
    left: 33px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .moreGame {
    color: #fff;
    padding-left: 0px;
    line-height: 30px;
    background: url(../svg/more.00a1.svg) no-repeat center/100%
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info {
    padding-top: 0
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox {
    background: #fff;
    border-radius: 12px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .score {
    color: #42403d
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_other {
    background-image: url(../svg/img-vs.b8ca.svg);
    background-size: 100% auto;
    width: 18px;
    top: 19px;
    left: 10px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team img {
    border-radius: 50%;
    border: 5px solid #f6f1eb;
    padding: 3px
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container {
    border-radius: 0 0 16px 16px;
    background-color: #f3f8ff;
    box-shadow: 0 0 10px 0 rgba(156, 184, 219, .6);
    padding: 10px 10px 0 10px
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders {
    margin: 0
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 {
    background: url(../images/outcache/pop-bg.6f03.png) no-repeat;
    padding: 25px 25px 0 25px;
    background-size: 100% 100%;
    box-shadow: 0px 8px 20px 3px #dee4ef
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container {
    background: rgba(245, 248, 255, .9);
    border-radius: 0
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box {
    background: linear-gradient(0deg, #f2f3ff 28%, #dfdcff);
    border: 1px solid #fff;
    box-shadow: 0 5px 20px 0 rgba(113, 79, 135, .5);
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 10px
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box div.buttons>span.cancel {
    height: 35px;
    line-height: 35px;
    border: solid 1px #a56994;
    color: #a56994
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box>div.buttons>span.submit {
    height: 35px;
    line-height: 35px;
    background-image: linear-gradient(0deg, #6f4e86, #a76a94);
    color: #fff
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.orders>div.order-item {
    background: rgba(255, 255, 255, .6)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.orders>div.order-item>.bet-info {
    background: rgba(0, 0, 0, 0)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount {
    border-color: rgba(140, 119, 177, .4784313725)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount .label,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .label {
    background: #eeecf7;
    color: #5884f7;
    border-right-color: rgba(140, 119, 177, .4784313725)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount .input-box input,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .input-box input {
    color: #868181
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn {
    border-color: rgba(140, 119, 177, .4784313725);
    color: #000
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn.max {
    background: none;
    color: #5884f7;
    border: 1px solid #5884f7
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .Hearder {
    background: url(../images/outcache/pop-header.c4a4.png) no-repeat;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .live_container .liveBet .methodsItemTitleView .icon {
    padding: 0;
    width: 16px;
    height: 12px;
    border-radius: 3px;
    margin-left: 0;
    background: url(../images/outcache/icon.d245.png) no-repeat;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .live_container .liveBet .nodata {
    background-image: url(../images/outcache/noData.664f.png)
}

.content-box .sport-live .scroll-row-box>div:last-child>div,
.content-box .sport-live .scroll-box>div:last-child>div {
    background-color: #b8c0d8 !important
}

.content-box .liveBet .marketTypesText {
    color: #868181
}

.content-box .liveBet .marketTypesView div.typs {
    border-bottom: 1px solid #ebedf0
}

.content-box .liveBet .show_right {
    background: none !important
}

.content-box .liveBet .marketTypesView {
    margin-top: 0
}

.content-box .liveBet .methodsItemView {
    margin-top: 5px
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container {
    border: none
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container>span:first-child {
    border: none;
    color: #868181 !important
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container.actived,
.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container:hover {
    background: rgba(0, 0, 0, 0);
    cursor: none;
    box-shadow: none
}

.content-box .liveBet .method-area-datacell-container .container {
    background: #f3f3ff;
    color: #7679ba;
    border: solid 1px #ebedf0;
    line-height: 34px;
    border-radius: 6px
}

.content-box .liveBet .method-area-datacell-container .container>span:nth-child(2n) {
    color: #868181
}

.content-box .liveBet .method-area-datacell-container .container>span:first-child {
    color: #42403d;
    height: 100%
}

.content-box .liveBet .method-area-datacell-container .container.actived,
.content-box .liveBet .method-area-datacell-container .container:hover {
    background: linear-gradient(270deg, rgba(194, 135, 253, 0.3), rgba(147, 147, 248, 0.3))
}

.content-box .liveBet .method-area-datacell-container .container.actived>span:nth-child(2n),
.content-box .liveBet .method-area-datacell-container .container.actived>span:first-child,
.content-box .liveBet .method-area-datacell-container .container:hover>span:nth-child(2n),
.content-box .liveBet .method-area-datacell-container .container:hover>span:first-child {
    color: #7679ba
}

.content-box .liveBet .method-area-datacell-container .textRight.rise::before,
.content-box .liveBet .method-area-datacell-container .textRight.fall::before {
    top: 14px
}

.content-box .liveBet .marketTypesItemBg {
    background: none;
    border-bottom-color: #c287fd
}

.content-box .liveBet .marketTypesItemBg .marketTypesText {
    color: #868181 !important
}

.content-box .liveBet .home-shoppingBar-box1 .bet-close {
    display: block !important
}

.live_player .water_mark {
    left: 10px;
    top: 366px;
    background-image: url(../images/outcache/live_logo.d768.png)
}

.live_player .water_mark.water_mark1 {
    left: 10px;
    right: 10px
}

.sport-live .show_right::before {
    display: none
}

.changeline {
    border: 1px solid #8b8fa8;
    color: #8b8fa8
}

.changeline.chos {
    background: linear-gradient(180deg, #fefefe, #e7daf4 99%);
    border: 1px solid #84588b;
    color: #84588b
}

.sport-live {
    width: 100%;
    min-height: 930px;
    margin-top: 24px;
    box-sizing: border-box
}

.sport-live .img-live-title {
    width: 300px;
    height: 275.5px
}

.sport-live .semicolon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 6px;
    background: url(../images/outcache/img-VS.a073.png) no-repeat
}

.sport-live .sport-live-container {
    display: flex;
    position: relative;
    width: 100%;
    border-radius: 8px;
    color: #000;
    box-sizing: border-box
}

.sport-live .sport-live-container .scheduie,
.sport-live .sport-live-container .live_container {
    display: inline-block;
    vertical-align: top
}

.sport-live .sport-live-container .live_container {
    flex: 1;
    margin-left: 9px
}

.sport-live .sport-live-container .live_container .live_player {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden
}

.sport-live .sport-live-container .live_container .live_player iframe {
    width: 100%;
    height: 100%;
    border: none
}

.sport-live .sport-live-container .live_container .live_player .videoChangeLine {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 10px
}

.sport-live .sport-live-container .live_container .no_video {
    text-align: center;
    font-size: 18px;
    height: 448px;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box
}

.sport-live .sport-live-container .live_container .no_video #flvVideo {
    height: calc(100% - 46px);
    background-color: #000
}

.sport-live .sport-live-container .live_container .no_video .water_mark {
    position: absolute;
    text-align: left;
    height: 80px;
    right: 0;
    width: 100%;
    z-index: 10
}

.sport-live .sport-live-container .live_container .no_video .water_mark img {
    padding: 10px 20px
}

.sport-live .sport-live-container .live_container .game_option {
    height: 53px;
    background: #000;
    color: #fff;
    padding: 7px 0 0 20px
}

.sport-live .sport-live-container .live_container .game_option .game_title {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 40px;
    background: url(../images/outcache/primary-s-btn-normal.108b.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 12px;
    line-height: 40px;
    text-align: center;
    position: relative
}

.sport-live .sport-live-container .live_container .game_option .game_title:last-child {
    margin-right: 0
}

.sport-live .sport-live-container .live_container .game_option .game_title:hover,
.sport-live .sport-live-container .live_container .game_option .game_title.active_a {
    color: #fff;
    background: url(../images/outcache/primary-s-btn-active.a2c1.png) no-repeat;
    background-size: 100% 100%
}

.sport-live .sport-live-container .live_container .game_option .game_title:hover::before,
.sport-live .sport-live-container .live_container .game_option .game_title.active_a::before {
    position: absolute;
    left: 50%;
    bottom: -33%;
    content: "";
    margin-left: -8px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: none solid solid;
    border-width: 0 10px 10px
}

.sport-live .sport-live-container .live_container .game_bet {
    position: relative;
    background: #fff;
    padding-left: 2px;
    text-align: center;
    height: 58px;
    margin-bottom: 12px;
    color: #727792;
    border-radius: 12px;
    box-sizing: border-box
}

.sport-live .sport-live-container .live_container .game_bet .moreGame {
    position: absolute;
    top: 13px;
    right: -1px;
    width: 105px;
    height: 32px;
    line-height: 32px;
    padding-right: 20px;
    color: rgba(0, 0, 0, 0);
    font-weight: 700;
    box-sizing: border-box;
    background: url(../svg/moregame_bg.6afe.svg) no-repeat center/100%;
    cursor: pointer
}

.sport-live .sport-live-container .live_container .game_bet .game_title {
    position: absolute;
    left: 0;
    top: -21px;
    width: 289px;
    height: 32px;
    background: url(../svg/game_title_bg.d34c.svg) no-repeat left center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box
}

.sport-live .sport-live-container .live_container .game_bet .game_title .game_title_content {
    position: absolute;
    top: 3px;
    left: 35px;
    background-image: linear-gradient(45deg, #a76a94 0%, #6f4e86 100%);
    color: #fff;
    height: 18px;
    min-width: 80px;
    line-height: 18px;
    padding-left: 12px;
    padding-right: 15px;
    border-radius: 0 10px 0 0
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info {
    padding-top: 5px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .info-team-name {
    width: 150px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box {
    display: flex;
    align-items: center;
    justify-content: center
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info {
    display: flex;
    align-items: center
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail {
    position: relative;
    display: flex;
    height: 46px;
    flex-direction: column;
    justify-content: start;
    margin: 0 10px;
    font-size: 16px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_time {
    display: flex;
    justify-content: center;
    margin-top: 3px;
    font-weight: 600;
    font-size: 12px;
    color: #8891b1
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_other {
    position: absolute;
    bottom: -3px;
    left: 10px;
    right: 0;
    width: 18px;
    height: 25px;
    background: url(../images/outcache/img-VS.a073.png) no-repeat center
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .score {
    display: inline-block;
    min-width: 25px;
    font-size: 30px;
    font-weight: 600;
    font-family: "Akrobat Black";
    color: #333
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    overflow: hidden
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team img {
    width: 40px;
    height: 40px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.hti {
    justify-content: flex-end
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.hti img {
    margin-right: 20px;
    margin-left: 10px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.hti a {
    text-align: right
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.ati {
    justify-content: flex-start
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.ati img {
    margin-right: 10px;
    margin-left: 20px
}

.sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team.ati a {
    text-align: left
}

.sport-live .sport-live-container .live_container .game_bet .semicolon {
    height: 30px;
    width: 30px;
    text-align: center
}

.sport-live .sport-live-container .live_container .game_bet .bet_cathectic {
    width: 166px;
    height: 48px;
    margin-left: 10px;
    background: url(../images/outcache/btn-Betting-normal.c3d8.png) no-repeat;
    background-size: 100% 100%
}

.sport-live .sport-live-container .live_container .game_bet .bet_cathectic:hover {
    background: url(../images/outcache/btn-Betting-active.2472.png) no-repeat;
    background-size: 100% 100%
}

.sport-live .sport-live-container .live_container .game_bet .game_yield {
    width: 85px;
    height: 53px;
    background-image: linear-gradient(0deg, #ffffff 0%, #ecefff 19%, #fefeff 100%);
    border-radius: 4px;
    border: solid 1px #bad0df;
    text-align: center;
    color: #444c64;
    font-weight: 600
}

.sport-live .sport-live-container .live_container .game_bet .game_yield p {
    font-size: 16px;
    margin-top: 6px
}

.sport-live .sport-live-container .live_container .game_bet .game_yield .game_yield_adv {
    color: #0ac12d
}

.sport-live .sport-live-container .live_container .game_bet .game_yield .game_yield_cus {
    color: #ff004e
}

.sport-live .sport-live-container .live_container .sport-bet {
    margin: 1px 0
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae {
    display: flex
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 {
    display: inline-block;
    width: 216px;
    border-right: 1px solid #707070;
    padding-right: 5px;
    margin-right: 5px
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .half {
    display: inline-block;
    width: 50%;
    text-align: center
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .bet-title {
    font-size: 16px;
    margin: 5px 0 10px;
    color: #6c7ba8;
    font-weight: bold
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .bet-info {
    border: 1px solid #6c7ba8;
    border-radius: 5px;
    padding: 3px 0;
    margin-top: 5px
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .bet-info .half {
    width: 49%
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .bet-info .half div {
    line-height: 28px
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .bet1 .bet-info .half:nth-child(1) {
    border-right: 1px solid #6c7ba8
}

.sport-live .sport-live-container .live_container .sport-bet .game-bet-arae .game-closed {
    width: 100%;
    height: 460px;
    background: #fff;
    border-radius: 10px;
    margin: 0
}

.sport-live .sport-live-container .scheduie {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 315px;
    height: 1060px
}

.sport-live .sport-live-container .scheduie .sport_type {
    display: flex;
    justify-content: space-between;
    font-size: 16px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item {
    position: relative;
    width: 80px;
    height: 32px;
    line-height: 32px;
    background-color: #eff0fe;
    padding-left: 27px;
    border-radius: 10px;
    text-align: center;
    user-select: none;
    color: #727792;
    cursor: pointer;
    box-sizing: border-box
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 5px;
    width: 26px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(1)::before {
    background: url(../svg/hotType.fd65.svg);
    background-size: 25px 25px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(2)::before {
    background: url(../svg/soccer-uncheck.77c3.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(3)::before {
    background: url(../svg/basketball-uncheck.8c83.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(4)::before {
    background: url(../svg/other-uncheck.0aaa.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item.actived {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/outcache/btn.db65.png);
    color: #fff;
    background-size: 100% 100%
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(1)::before {
    background-image: url(../images/outcache/hotType.bbee.gif);
    background-size: 25px 25px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(2)::before {
    background-image: url(../svg/soccer-checked.f9b6.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(3)::before {
    background-image: url(../svg/basketball-checked.d8a4.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(4)::before {
    background-image: url(../svg/other-checked.d042.svg);
    background-size: 26px 26px
}

.sport-live .sport-live-container .scheduie .scheduie_option {
    height: 40px;
    margin-bottom: 10px
}

.sport-live .sport-live-container .scheduie .scheduie_option .scheduie_title {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 40px;
    background: url(../images/outcache/primary-s-btn-normal.108b.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 12px;
    line-height: 40px;
    text-align: center;
    color: #6c7ba8;
    cursor: pointer;
    user-select: none
}

.sport-live .sport-live-container .scheduie .scheduie_option .scheduie_title:last-child {
    margin-right: 0
}

.sport-live .sport-live-container .scheduie .scheduie_option .scheduie_title:hover,
.sport-live .sport-live-container .scheduie .scheduie_option .scheduie_title.active {
    color: #fff;
    background-size: 100% 100%
}

.sport-live .sport-live-container .scheduie .competition_list {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.sport-live .sport-live-container .scheduie .competition_list .competition_list_title_container {
    padding: 13px 8px;
    margin-bottom: 12px;
    background-color: #f7f7ff;
    box-shadow: 0px 2px 12px 0px rgba(109, 105, 214, .2);
    border-radius: 12px;
    z-index: 2
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 990px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar {
    width: 5px;
    height: 2px;
    background-color: #b8c0d8;
    border-radius: 3px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list {
    position: relative;
    background: #fff;
    border-radius: 12px;
    border: solid 1px #c9c8eb;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name {
    position: relative;
    color: #30303c;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    padding-left: 30px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name::before {
    content: "";
    position: absolute;
    top: 38%;
    left: 12px;
    width: 8px;
    height: 12px;
    background: url(../svg/arrow-top-purple.cd24.svg) no-repeat center/100%;
    transform: rotate(90deg);
    transition: all .2s
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-title {
    position: absolute;
    top: 18px;
    right: 124px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-title div {
    position: absolute;
    width: 14px;
    height: 14px;
    opacity: 0
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-title div.sportVideo-icon-hti {
    left: 35px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-title div.sportVideo-icon-video {
    left: 10px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .sport_event_name {
    max-width: 154px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .sport_event_name::before {
    transform: rotate(0deg)
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .sportVideo-icon-title div {
    opacity: 1
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .competition_all {
    height: 0;
    border: none
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::after {
    content: "未开赛";
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    height: 29px;
    line-height: 29px;
    background: #8b8fa8;
    color: #fff;
    text-align: center;
    border-radius: 0px 12px 0px 12px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 102px;
    height: 100%;
    background: url(../images/outcache/sportVideo-list-logo.52f9.png) no-repeat center/102px auto
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover,
.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active {
    background: linear-gradient(0deg, #eff0ff 0%, #dee0ff 100%);
    box-shadow: -16px 2px 12px 0px rgba(109, 105, 214, .2)
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover .sport_event_mask,
.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active .sport_event_mask {
    display: block
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover::before,
.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active::before {
    background-image: url(../images/outcache/sportVideo-list-logo-active.270e.png)
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start::after {
    content: "已开赛";
    background: linear-gradient(135deg, #fa6913 0%, #f64915 100%)
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start .sportVideo-icon-video {
    background: url(../svg/icon-video.5adc.svg) no-repeat center/100%
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.nostart .sportVideo-icon-hti {
    left: 35px
}

.sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.nostart .sportVideo-icon-video {
    left: 10px;
    background: url(../svg/icon-video-black.d504.svg) no-repeat center/100% !important
}

.sport-live .sport-live-container .scheduie .competition_list .sport_event_mask {
    display: none;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 300px;
    height: 100%;
    background: rgba(245, 188, 255, .2)
}

.sport-live .sport-live-container .scheduie .competition_list .sport_event_mask.active {
    display: block
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all {
    position: relative;
    width: 284px;
    background: none;
    padding: 0 8px;
    height: 98px;
    font-size: 12px;
    color: #30303c;
    transition: all ease-in-out .2s;
    overflow: hidden;
    cursor: pointer
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all:last-child {
    margin-bottom: 0px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_li {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_li .game_title {
    width: 240px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_li .game_live {
    float: right
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_li .game_live span {
    display: inline-block;
    vertical-align: middle
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_li .game_live span:nth-of-type(1) {
    color: #6c7ba8
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_adv,
.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_cus {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_adv .game_img,
.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_cus .game_img {
    display: inline-block;
    width: 34px;
    height: 22px;
    vertical-align: middle;
    margin-left: 10px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_adv .game_img_l,
.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_cus .game_img_l {
    display: inline-block;
    width: 34px;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_adv {
    width: 160px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_vs {
    height: 30px;
    text-align: center;
    display: inline-block;
    vertical-align: top
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_vs .game_score {
    height: 30px;
    line-height: 30px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_vs .game_score .img_VS {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 6px;
    background: url(../svg/img-VS.b8ca.svg) no-repeat;
    background-size: 100% 100%
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .game_result .game_cus {
    float: right
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team {
    padding-left: 10px;
    margin-bottom: 5px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team .vs-img {
    width: 14px;
    height: 22px;
    background: url(../svg/img-VS.b8ca.svg) no-repeat center/100%;
    margin: 5px 0 5px 25px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team div {
    white-space: nowrap
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team span {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    vertical-align: middle
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time {
    position: relative;
    text-align: right;
    padding: 0 5px;
    margin-bottom: 5px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time .sportVideo-icon div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time .sportVideo-icon div.sportVideo-icon-hti {
    left: 35px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time .sportVideo-icon div.sportVideo-icon-video {
    left: 10px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time div {
    line-height: 25px
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_time .sport_time_detail {
    text-align: right;
    color: #8387a0
}

.sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_score {
    float: right;
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px;
    font-family: "Akrobat ExtraBold"
}

.sport-live .sport-live-container .scheduie .competition_list .no_game {
    height: 450px;
    background: url(../images/outcache/no-data-black.fa6f.png) no-repeat center
}

.sport-live .sport-live-container .scheduie::before {
    content: "";
    position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -130px;
    width: 260px;
    height: 470px;
    background: url(../images/outcache/waterMark.32ab.png) no-repeat center/100% 100%;
    pointer-events: none;
    opacity: .5
}

.sport-live .no_data {
    flex: 1;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#fff, #f9f8fd);
    border: 1px solid #f1f2f6;
    margin: 10px 47px;
    margin-bottom: 20px;
    color: #b4b4b4;
    font-size: 12px;
    box-sizing: border-box
}

.sport-live .no_data::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 103px;
    top: 20%;
    left: 50%;
    transform: translateX(-50%)
}

.sport-live .no_data.no_bet_data {
    background: none;
    border: none
}

.sport-live .noData-tab {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    border: solid 1px #a96b94;
    box-sizing: border-box;
    background: none;
    overflow: hidden
}

.sport-live .noData-tab ul {
    width: 100 .sport-live .noData-tab ul;
    display: flex
}

.sport-live .noData-tab li {
    flex: 1;
    color: #a96b94;
    position: relative;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-right: 1px solid #a96b94
}

.sport-live .noData-tab li:last-child {
    border-right: none
}

.sport-live .noData-tab li.actived {
    color: #fff;
    font-weight: 600;
    background: #a96b94
}

.sport-live .noData-tab li.actived::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 0px;
    background: none
}

.sport-live .show_left {
    flex: 1;
    height: 479px;
    border-radius: 10px;
    background: #fff;
    margin-right: 10px;
    overflow: hidden
}

.sport-live .show_left .live-animation {
    padding: 5px;
    padding-top: 12px;
    height: 100%;
    border-radius: 5px;
    box-sizing: border-box
}

.sport-live .show_left .live-animation .ant-menu-horizontal {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e0e3e8;
    line-height: 26px;
    border-radius: 1px;
    margin-bottom: 10px
}

.sport-live .show_left .live-animation .ant-menu-horizontal .ant-menu-item {
    flex: 1;
    text-align: center;
    color: #2a2a2a
}

.sport-live .show_left .live-animation .ant-menu-horizontal .ant-menu-item:hover {
    border-color: rgba(0, 0, 0, 0)
}

.sport-live .show_left .live-animation .ant-menu-horizontal .ant-menu-item.ant-menu-item-selected {
    border: none;
    background: #a96b94;
    color: #fff
}

.sport-live .show_left .live_detail_content_bet {
    height: auto !important
}

.sport-live .show_right {
    width: 430px;
    position: relative;
    height: 479px;
    border-radius: 10px;
    background: #fff !important;
    overflow: hidden
}

.sport-live .show_right .emptyImage {
    display: block !important;
    margin: 50px auto !important
}

.sport-live .show_right::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #f6f8fb
}

.sport-live .show_right::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.sport-live .show_right::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.sport-live .show_right .live_detail_content_bet {
    height: auto !important
}

.sport-live .show_right::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/outcache/XCC_bet_bg.b3a0.png) no-repeat center/100%;
    pointer-events: none;
    z-index: 2
}

.sport-live .live_detail_content {
    margin: 0;
    padding: 0;
    height: 100%;
    border-radius: 5px;
    box-sizing: border-box
}

.sport-live .live_detail_content::-webkit-scrollbar {
    width: 4px
}

.sport-live .live_detail_content::-webkit-scrollbar-track {
    background: #fff
}

.sport-live .live_detail_content::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 2px;
    height: 4px
}

.sport-live .live_detail_content .details-contaier {
    display: flex;
    flex-direction: column;
    height: 100%
}

.sport-live .live_detail_content .details-contaier .details-tab {
    min-height: 40px;
    line-height: 40px;
    padding: 5px 43px;
    border: none;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 1px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5
}

.sport-live .live_detail_content .details-contaier .details-tab li {
    height: 28px;
    line-height: 28px;
    color: #8d9198;
    border: none;
    background: none;
    padding: 0
}

.sport-live .live_detail_content .details-contaier .details-tab li.actived {
    color: #211627;
    border-bottom: 1px solid #c287fd
}

.sport-live .live_detail_content .details-contaier .details-content {
    border: none
}

.sport-live .live_detail_content .details-contaier .details-content .odds {
    color: #2a2a2a !important
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box {
    align-items: center;
    background: #f3f3ff;
    padding: 4px 0;
    color: #7679ba;
    box-sizing: border-box;
    border: none;
    display: flex;
    width: 100px;
    height: 38px
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box .odds.up::before {
    top: 15px;
    right: 4px
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box .odds.down::before {
    bottom: 15px;
    right: 4px
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box.selected {
    background-image: linear-gradient(270deg, #c287fd 0%, #9393f8 100%)
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box:hover {
    background-image: linear-gradient(270deg, rgba(194, 135, 253, 0.3) 0%, rgba(147, 147, 248, 0.3) 100%)
}

.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box:hover .odds,
.sport-live .live_detail_content .details-contaier .details-content .methodsName-odd-box:nth-child(n+2) .odds-box:hover .oddsHip {
    color: #7679ba
}

.sport-live .live_detail_content .details-contaier .details-content .pannel-title .methodsName {
    color: #2a2a2a
}

.live_player iframe {
    width: 100%;
    height: 100%
}

.content-box .sport-live .sport-live-container {
    color: #868181
}

.content-box .sport-live .sport-live-container .scheduie::before {
    display: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all {
    color: #868181
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_team .vs-img {
    background-image: url(../svg/img-vs.b8ca.svg);
    background-size: 50% auto;
    width: 15px;
    background-position: 5px center
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_all .sport_score {
    font-size: 14px;
    color: #42403d
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-track {
    background-color: #f6f8fb;
    border-radius: 2.5px;
    border: 1px solid #f2f2f2;
    background: #fff;
    box-shadow: -1px -1px 1px 1px rgba(234, 203, 171, .15) inset, 1px 1px 1px 1px rgba(234, 203, 171, .15) inset
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #c9c8eb
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    width: 102px;
    height: 100%;
    background: url(../images/outcache/sportVideo-list-logo.c5ab.png) no-repeat 50%/102px auto
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start .sportVideo-icon-video {
    background-image: url(../svg/icon-video.3efd.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-video {
    background-image: url(../svg/icon-video.3efd.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover,
.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active {
    background: linear-gradient(180deg, #fafcff, #e7eefb 50%)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::after {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    right: -1px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start::after {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name {
    color: #42403d
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name::before {
    width: 12px;
    background-size: 100% auto;
    background-image: url(../svg/arrow-top-purple.7129.svg);
    transform: rotate(0deg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.noShow .sport_event_name::before {
    transform: rotate(-90deg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .competition_list_title_container {
    background-color: rgba(0, 0, 0, 0);
    height: 60px;
    box-sizing: border-box;
    box-shadow: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .no_game {
    background-image: url(../images/outcache/noData.664f.png);
    background-size: 75% auto
}

.content-box .sport-live .sport-live-container .scheduie .sport_type {
    padding: 13px 8px;
    margin-top: -17px;
    margin-left: -10px;
    background-color: #f7f7ff;
    box-shadow: 0 2px 12px 0 rgba(109, 105, 214, .2);
    border-radius: 12px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item {
    width: 84px;
    height: 35px;
    line-height: 34px;
    padding-left: 23px;
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    font-size: 14px;
    color: #727792;
    background-color: #eff0fe;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item::before {
    width: 15px;
    height: 15px;
    top: 10px;
    left: 13px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(1)::before {
    background: url(../svg/hot.34f0.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(2)::before {
    background: url(../svg/football.5752.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(3)::before {
    background: url(../svg/basketball.1db6.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(4)::before {
    background: url(../svg/auth.a64d.svg) no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived {
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    color: #fff
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(1)::before {
    background: url(../svg/hot-active.fc1e.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(2)::before {
    background: url(../svg/football-active.0420.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(3)::before {
    background: url(../svg/basketball-active.b44e.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(4)::before {
    background: url(../svg/auth-active.b92f.svg) no-repeat center/15px;
    background-color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-top: -2px;
    margin-left: -2px
}

.content-box .sport-live .sport-live-container .live_container .game_bet {
    box-shadow: 0px 2px 12px 0px rgba(109, 105, 214, .2);
    box-shadow: none;
    color: #868181;
    background: rgba(0, 0, 0, 0);
    height: 63px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .game_title {
    width: 224px;
    top: -23px;
    height: 32px;
    background: url(../svg/title-bg.6cdf.svg) no-repeat left/100%;
    background-size: auto 100%
}

.content-box .sport-live .sport-live-container .live_container .game_bet .game_title .game_title_content {
    background: #ffd200;
    color: #102341;
    top: 3px;
    left: 33px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .moreGame {
    color: #fff;
    padding-left: 0px;
    line-height: 30px;
    background: url(../svg/more.00a1.svg) no-repeat center/100%
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info {
    padding-top: 0
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox {
    background: #fff;
    border-radius: 12px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .score {
    color: #42403d
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_other {
    background-image: url(../svg/img-vs.b8ca.svg);
    background-size: 100% auto;
    width: 18px;
    top: 19px;
    left: 10px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .team img {
    border-radius: 50%;
    border: 5px solid #f6f1eb;
    padding: 3px
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container {
    border-radius: 0 0 16px 16px;
    background-color: #f3f8ff;
    box-shadow: 0 0 10px 0 rgba(156, 184, 219, .6);
    padding: 10px 10px 0 10px
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders {
    margin: 0
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 {
    background: url(../images/outcache/pop-bg.6f03.png) no-repeat;
    padding: 25px 25px 0 25px;
    background-size: 100% 100%;
    box-shadow: 0px 8px 20px 3px #dee4ef
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container {
    background: rgba(245, 248, 255, .9);
    border-radius: 0
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box {
    background: linear-gradient(0deg, #f2f3ff 28%, #dfdcff);
    border: 1px solid #fff;
    box-shadow: 0 5px 20px 0 rgba(113, 79, 135, .5);
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 10px
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box div.buttons>span.cancel {
    height: 35px;
    line-height: 35px;
    border: solid 1px #a56994;
    color: #a56994
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.submit-box>div.buttons>span.submit {
    height: 35px;
    line-height: 35px;
    background-image: linear-gradient(0deg, #6f4e86, #a76a94);
    color: #fff
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.orders>div.order-item {
    background: rgba(255, 255, 255, .6)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container>div.orders>div.order-item>.bet-info {
    background: rgba(0, 0, 0, 0)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount {
    border-color: rgba(140, 119, 177, .4784313725)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount .label,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .label {
    background: #eeecf7;
    color: #5884f7;
    border-right-color: rgba(140, 119, 177, .4784313725)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .singleAmount .input-box input,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .input-box input {
    color: #868181
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn {
    border-color: rgba(140, 119, 177, .4784313725);
    color: #000
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn.max {
    background: none;
    color: #5884f7;
    border: 1px solid #5884f7
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .Hearder {
    background: url(../images/outcache/pop-header.c4a4.png) no-repeat;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .live_container .liveBet .methodsItemTitleView .icon {
    padding: 0;
    width: 16px;
    height: 12px;
    border-radius: 3px;
    margin-left: 0;
    background: url(../images/outcache/icon.d245.png) no-repeat;
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .live_container .liveBet .nodata {
    background-image: url(../images/outcache/noData.664f.png)
}

.content-box .sport-live .scroll-row-box>div:last-child>div,
.content-box .sport-live .scroll-box>div:last-child>div {
    background-color: #b8c0d8 !important
}

.content-box .liveBet .marketTypesText {
    color: #868181
}

.content-box .liveBet .marketTypesView div.typs {
    border-bottom: 1px solid #ebedf0
}

.content-box .liveBet .show_right {
    background: none !important
}

.content-box .liveBet .marketTypesView {
    margin-top: 0
}

.content-box .liveBet .methodsItemView {
    margin-top: 5px
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container {
    border: none
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container>span:first-child {
    border: none;
    color: #868181 !important
}

.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container.actived,
.content-box .liveBet .method-area-datacell-container .fullLine.matchTeam .container:hover {
    background: rgba(0, 0, 0, 0);
    cursor: none;
    box-shadow: none
}

.content-box .liveBet .method-area-datacell-container .container {
    background: #f3f3ff;
    color: #7679ba;
    border: solid 1px #ebedf0;
    line-height: 34px;
    border-radius: 6px
}

.content-box .liveBet .method-area-datacell-container .container>span:nth-child(2n) {
    color: #868181
}

.content-box .liveBet .method-area-datacell-container .container>span:first-child {
    color: #42403d;
    height: 100%
}

.content-box .liveBet .method-area-datacell-container .container.actived,
.content-box .liveBet .method-area-datacell-container .container:hover {
    background: linear-gradient(270deg, rgba(194, 135, 253, 0.3), rgba(147, 147, 248, 0.3))
}

.content-box .liveBet .method-area-datacell-container .container.actived>span:nth-child(2n),
.content-box .liveBet .method-area-datacell-container .container.actived>span:first-child,
.content-box .liveBet .method-area-datacell-container .container:hover>span:nth-child(2n),
.content-box .liveBet .method-area-datacell-container .container:hover>span:first-child {
    color: #7679ba
}

.content-box .liveBet .method-area-datacell-container .textRight.rise::before,
.content-box .liveBet .method-area-datacell-container .textRight.fall::before {
    top: 14px
}

.content-box .liveBet .marketTypesItemBg {
    background: none;
    border-bottom-color: #c287fd
}

.content-box .liveBet .marketTypesItemBg .marketTypesText {
    color: #868181 !important
}

.content-box .liveBet .home-shoppingBar-box1 .bet-close {
    display: block !important
}

.live_player .water_mark {
    left: 10px;
    top: 366px;
    background-image: url(../images/outcache/live_logo.d768.png)
}

.live_player .water_mark.water_mark1 {
    left: 10px;
    right: 10px
}

.sport-live .show_right::before {
    display: none
}

.changeline {
    border: 1px solid #8b8fa8;
    color: #8b8fa8
}

.changeline.chos {
    background: linear-gradient(180deg, #fefefe, #e7daf4 99%);
    border: 1px solid #84588b;
    color: #84588b
}

.fb-sport-header {
    position: relative;
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    padding: 0 15px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 9.9%, #eef5ff 100%);
    box-shadow: 0px -2px 4px 0px rgba(11, 79, 117, .15) inset, 0px 4px 4px 0px rgba(33, 99, 136, .06)
}

.fb-sport-header .avatar {
    min-width: 38px;
    height: 38px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
    background: url(../images/outcache/user.5bcf.png) no-repeat center/100% 100%
}

.fb-sport-header .infos {
    color: #1e2638;
    margin-right: 25px
}

.fb-sport-header .infos .info span {
    display: inline-block
}

.fb-sport-header .infos .info span:first-child {
    margin-right: 10px;
    color: #9597a5;
    font-weight: 500
}

.fb-sport-header .infos .info,
.fb-sport-header .infos .balance {
    line-height: 20px
}

.fb-sport-header .infos .balance {
    font-weight: 500;
    font-family: "D_DIN_PRO_Medium"
}

.fb-sport-header .infos .balance .refreshBtn {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-left: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    background: url(../images/outcache/refresh.91e4.png) no-repeat center;
    background-size: 90%
}

.fb-sport-header .infos .balance .refreshBtn:hover {
    background-image: url(../images/outcache/refresh_hover.90fc.png)
}

.fb-sport-header .infos .balance .refreshBtn.active {
    animation: moenyLoding .5s infinite linear;
    background-image: url(../images/outcache/refresh_hover.90fc.png)
}

.fb-sport-header .tabs {
    font-size: 17px;
    color: #9597a5;
    font-weight: 500
}

.fb-sport-header .tabs span {
    display: inline-block;
    line-height: 44px;
    margin: 0 20px;
    border-radius: 7px;
    padding: 0 20px;
    cursor: pointer
}

.fb-sport-header .tabs span:hover,
.fb-sport-header .tabs span.active {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada 100%);
    box-shadow: 0 4px 4px 0 rgba(39, 100, 157, .25);
    color: #fff
}

.fb-sport-header .box-bg {
    height: 48px;
    padding: 20px;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end
}

.fb-sport-header .box-bg .switch-line {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 16px;
    margin-right: 10px;
    cursor: pointer;
    background: linear-gradient(157.85deg, #8fafff 15%, #4982eb 61.56%, #0d5ada 100%)
}

.fb-sport-header .box-bg .switch-line img {
    height: 5px;
    margin-left: 5px
}

.fb-sport-header .box-bg .switch-bg {
    width: 48px;
    height: 22px;
    border-radius: 11px;
    background: #e0def1;
    display: flex;
    align-items: center;
    margin-left: 3px;
    padding-left: 2px
}

.fb-sport-header .box-bg .switch-bg .dot {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: all .5s
}

.fb-sport-header .box-bg .switch-bg.active {
    background: linear-gradient(103.89deg, #8fafff 4.65%, #0d5ada 89.64%)
}

.fb-sport-header .box-bg .switch-bg.active .dot {
    transform: translateX(27px)
}

.fb-sport-header .line-switch-wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    z-index: 100;
    top: 65px;
    right: 180px;
    padding: 10px 14px;
    background: #fff;
    box-shadow: 0px 6px 10px 0px rgba(37, 19, 51, .1215686275);
    border-radius: 8px
}

.fb-sport-header .line-switch-wrap.close {
    right: 55px
}

.fb-sport-header .line-switch-wrap::after {
    position: absolute;
    display: block;
    content: "";
    right: 10px;
    top: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17.3px 10px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)
}

.fb-sport-header .line-switch-wrap .choose-line {
    color: #4b4b4b;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 5px
}

.fb-sport-header .line-switch-wrap .choose-tip {
    color: #99a0b1
}

.fb-sport-header .line-switch-wrap .scroll-wrap {
    max-height: 215px;
    margin-top: 10px;
    overflow-y: auto
}

.fb-sport-header .line-switch-wrap .scroll-wrap .line-box {
    width: 230px;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec
}

.fb-sport-header .line-switch-wrap .scroll-wrap .line-box img {
    height: 10px;
    margin-right: 5px
}

.fb-sport-header .line-switch-wrap .scroll-wrap .line-box .change {
    padding: 4px 14px;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(157.85deg, #8fafff 15%, #4982eb 61.56%, #0d5ada 100%)
}

.fb-sport-header .line-switch-wrap .scroll-wrap .line-box .change.noshow {
    visibility: hidden
}

@keyframes moenyLoding {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

.selectLea-box {
    position: absolute;
    background: #fff;
    z-index: 88;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.selectLea-box .checkmark {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    cursor: pointer
}

.selectLea-box .container {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
}

.selectLea-box .container input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.selectLea-box-sports-content {
    width: 100%;
    height: auto
}

.selectLea-sports-content-row {
    width: 100%;
    overflow: hidden;
    transition: all 1.5s
}

.selectLea-sports-content-row.auto {
    height: auto
}

.selectLea-sports-content-row.minHeight {
    height: 34px
}

.selectLea-sports-content-row .area_name {
    background: #f7f8fc;
    padding: 5px 20px;
    box-sizing: border-box;
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.selectLea-sports-content-row .btn-arrow {
    float: right;
    position: relative;
    padding-right: 40px;
    height: 100%
}

.selectLea-sports-content-row .btn-arrow i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 30%;
    background: url(../images/outcache/arrowDown.6f76.png) no-repeat center/100% 100%
}

.selectLea-sports-content-row .btn-arrow i.arrowUp {
    transform: rotate(180deg)
}

.selectLea-sports-content-row .btn-arrow i.arrowDown {
    transform: rotate(0deg)
}

.selectLea-sports-content-row .container {
    display: block;
    position: relative;
    width: 33%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block
}

.selectLea-sports-content-row .container>div {
    display: inline-block
}

.selectLea-sports-content-row .container input {
    margin-right: 7px;
    height: 15px;
    width: 15px;
    vertical-align: middle;
    cursor: pointer
}

.selectLea-sports-content-row .selectLea-sports-content-row-box {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 35px
}

.selectLea-sports-content-row .selectLea-sports-content-row-box:nth-of-type(odd) {
    border-right: 1px solid #e7e7e7
}

.selectLea-sports-content-row .selectLea-sports-content-row-box .count {
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-image: linear-gradient(90deg, #e7e7e7 0%, #dddddd 100%);
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-left: 7px
}

.selectLea-box-league {
    height: calc(100% - 50px);
    width: 100%;
    margin-top: 50px
}

.selectLea-box-league .league-box-title {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    cursor: pointer;
    padding: 10px;
    text-align: right
}

.selectLea-box-league .league-box-title .titleName {
    position: relative;
    padding-left: 7px;
    margin-right: 20px;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top
}

.selectLea-box-league .league-box-title .btn-arrow {
    position: relative;
    padding-right: 40px;
    height: 100%;
    display: inline-block;
    vertical-align: text-top
}

.selectLea-box-league .league-box-title .btn-arrow i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 30%;
    background: url(../images/outcache/arrowDown.6f76.png) no-repeat center/100% 100%
}

.selectLea-box-league .league-box-title .btn-arrow i.arrowUp {
    transform: rotate(180deg)
}

.selectLea-box-league .league-box-title .btn-arrow i.arrowDown {
    transform: rotate(0deg)
}

div.sport-live-window-container {
    width: 300px
}

div.sport-live-window-container>.title-box {
    display: flex;
    width: 100%;
    height: 30px;
    line-height: 30px;
    justify-content: space-between;
    align-items: center
}

div.sport-live-window-container>.title-box>div.title {
    background: #f0f7ff;
    flex: 1;
    justify-content: center;
    cursor: pointer
}

div.sport-live-window-container>.title-box>div.title.active {
    background: #8fafff;
    color: #fff
}

div.sport-live-window-container>div.teams {
    display: flex;
    height: 25px;
    width: 100%;
    background: #fff;
    justify-content: center;
    align-items: center
}

div.sport-live-window-container>div.teams span {
    display: flex;
    align-items: center;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.sport-live-window-container>div.teams img {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

div.sport-live-window-container>div.teams>span:nth-child(1) {
    justify-content: flex-end
}

div.sport-live-window-container>div.teams>span:nth-child(3) {
    justify-content: flex-start
}

div.sport-live-window-container>div.teams>span:nth-child(2) {
    margin-left: 5px;
    font-weight: 600;
    width: 20px
}

div.sport-live-window-container>div.video {
    height: 170px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 4px;
    padding: 4px
}

div.sport-live-window-container>div.video.animate {
    height: 225px
}

div.sport-live-window-container>div.video>iframe {
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden
}

div.sport-live-window-container .match-title-box {
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 4px
}

div.sport-live-window-container .match-title-box .match-title-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
    border-radius: 4px
}

div.sport-live-window-container .match-title-box .match-title-con .match-league {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

div.sport-live-window-container .match-title-box .match-title-con .match-league .head-name {
    display: flex;
    align-items: center
}

div.sport-live-window-container .match-title-box .match-title-con .match-league .head-name span {
    max-width: 250px;
    font-size: 12px;
    color: #131a3e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon {
    display: flex;
    align-items: center
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i {
    margin-right: 4px;
    cursor: pointer;
    display: inline-block;
    width: 19px;
    height: 17px
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shipin {
    background-image: url(../svg/shipin.5317.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shipin.select {
    background-image: url(../svg/shipin_active.41b9.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.donghua {
    background-image: url(../svg/donghua.20ea.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.donghua.select {
    background-image: url(../svg/donghua_active.3991.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shuju {
    background-image: url(../svg/shuju.8475.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shuju.select {
    background-image: url(../svg/shuju_active.539a.svg)
}

div.sport-live-window-container .match-title-box .match-title-con .live-icon i:last-child {
    margin-right: 0
}

div.sport-live-window-container .event-group-box {
    background-color: #fff;
    margin-bottom: 4px;
    border-radius: 4px
}

div.sport-live-window-container .event-group-box .sport-event-group {
    padding: 0 8px;
    position: relative
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info {
    display: flex;
    align-items: center
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item {
    display: flex;
    color: #333958
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item>div {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item>div span {
    position: relative;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #edeef1;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item>div span:last-child {
    border-bottom: none
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item>div span.team-name {
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item>div.active {
    color: #f90
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item.table-title-info {
    text-align: left
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item.table-title-info>div span {
    max-width: 260px;
    text-align: left
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item.table-title-info>div span.team-name {
    font-weight: 500;
    font-size: 14px
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item:first-child {
    flex: 1
}

div.sport-live-window-container .event-group-box .sport-event-group .table-info .table-info-item:last-child {
    flex: 5
}

.table-info {
    display: flex;
    align-items: center;
    width: 100%;
    height: 118px;
    position: relative;
    background: rbga(0, 0, 0, 0.3);
    color: #fff
}

.table-info .table-info-item {
    display: flex
}

.table-info .table-info-item>div {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center
}

.table-info .table-info-item>div span {
    position: relative;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.table-info .table-info-item>div span:nth-child(2) {
    border-bottom: 1px solid rgba(90, 99, 117, .3)
}

.table-info .table-info-item>div span.team-name {
    height: 30px;
    font-size: 12px;
    text-align: center;
    line-height: 30px
}

.table-info .table-info-item>div span.team-name.iconBox {
    display: flex;
    align-items: center;
    justify-content: center
}

.table-info .table-info-item>div.active {
    color: #f90
}

.table-info .table-info-item.table-title-info {
    text-align: left
}

.table-info .table-info-item.table-title-info>div span {
    max-width: 260px;
    padding-left: 12px;
    text-align: left
}

.table-info .table-info-item.table-title-info>div span.team-name {
    font-weight: 500;
    font-size: 14px
}

.table-info .table-info-item.table-title-info>div span img {
    width: 25px;
    height: 25px;
    margin-right: 8px
}

.table-info .table-info-item:first-child {
    flex: 1
}

.table-info .table-info-item:last-child {
    flex: 5
}

.table-info .table-info-item.snooker {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-right: 30px
}

.table-info .table-info-item.snooker>div {
    width: 50px;
    display: inline-block
}

.table-info .table-info-item.snooker>div>span {
    display: block;
    line-height: 44px
}

.table-info.live {
    height: 90px;
    color: #323232
}

.table-info.live .table-info-item>div span {
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.table-info.live .table-info-item>div span.team-name {
    font-size: 12px;
    font-weight: 100
}

.snook {
    display: block;
    width: 100%;
    height: 118px;
    line-height: 39px
}

.snook .table-info-item {
    display: inline-block
}

.snook .table-info-item.table-title-info {
    width: 20%;
    box-sizing: border-box;
    padding-left: 10px;
    text-align: right
}

.snook .table-info-item.table-title-info>div>span {
    display: block
}

.snook .table-info-item.content {
    width: 80%;
    height: 118px;
    display: inline-block;
    vertical-align: top
}

.snook .table-info-item.content .score-content {
    display: flex
}

.snook .table-info-item.content .score-content>div {
    flex: 1
}

.snook .table-info-item.content .score-content>div>span {
    display: block;
    text-align: center
}

.snook .scroll-box {
    width: 80% !important;
    height: 118px;
    display: inline-block !important;
    overflow-y: hidden;
    overflow-x: auto;
    vertical-align: top
}

.snook .scroll-box>div {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: scroll !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important
}

.snook .scroll-box>div::-webkit-scrollbar {
    width: 5px;
    visibility: visible;
    scrollbar-width: 5px
}

.snook .scroll-box>div>div {
    width: 50px;
    display: inline-block;
    text-align: center
}

.snook .scroll-box>div>div>span {
    display: block
}

.snook .absolute {
    display: inline-block;
    width: 30px;
    background: #22242d;
    height: 118px;
    text-align: center
}

.snook .absolute>span {
    display: block
}

.snook.live {
    line-height: 30px;
    height: 90px
}

.snook.live .table-title-info {
    width: 100px
}

.snook.live .content {
    width: 200px;
    height: 90px
}

.snook.live .content>.score-content {
    display: flex
}

.snook.live .scroll-box {
    width: 170px !important;
    height: 90px
}

.snook.live .scroll-box>div::-webkit-scrollbar {
    width: 5px;
    visibility: visible;
    scrollbar-width: 5px
}

.snook.live .scroll-box>div>div {
    width: 35px
}

.snook.live .absolute {
    height: 90px;
    background: #fff;
    color: rgba(0, 0, 0, .65)
}

.americanfootball {
    display: block;
    width: 100%;
    height: 118px;
    line-height: 39px
}

.americanfootball .table-info-item {
    display: inline-block
}

.americanfootball .table-info-item.table-title-info {
    width: 20%;
    box-sizing: border-box;
    padding-left: 10px;
    text-align: right
}

.americanfootball .table-info-item.table-title-info>div>span {
    display: block
}

.americanfootball .table-info-item.content {
    width: 80%;
    display: inline-block;
    vertical-align: top
}

.americanfootball .table-info-item.content .score-content {
    display: flex
}

.americanfootball .table-info-item.content .score-content>div {
    flex: 1
}

.americanfootball .table-info-item.content .score-content>div>span {
    display: block;
    text-align: center
}

.americanfootball .scroll-box {
    width: 80% !important;
    height: 100%;
    display: inline-block !important;
    overflow-y: hidden;
    overflow-x: auto;
    vertical-align: top
}

.americanfootball .scroll-box>div {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: scroll !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important
}

.americanfootball .scroll-box>div::-webkit-scrollbar {
    width: 5px;
    visibility: visible;
    scrollbar-width: 5px
}

.americanfootball .scroll-box>div>div {
    width: 50px;
    display: inline-block;
    text-align: center
}

.americanfootball .scroll-box>div>div>span {
    display: block
}

.americanfootball.live {
    line-height: 30px;
    height: 90px
}

.americanfootball.live .table-title-info {
    width: 100px
}

.americanfootball.live .content {
    width: 200px
}

.americanfootball.live .content>.score-content {
    display: flex
}

.americanfootball.live .scroll-box {
    width: 200px !important
}

.americanfootball.live .scroll-box>div::-webkit-scrollbar {
    width: 5px;
    visibility: visible;
    scrollbar-width: 5px
}

.americanfootball.live .scroll-box>div>div {
    width: 50px
}

div.match-list-container {
    flex: 1;
    width: 1000px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

div.match-list-container>.left {
    width: 695px;
    border-radius: 12px;
    flex: 1;
    margin: 0 7px;
    overflow: hidden;
    box-shadow: 0 -2px 4px 0 rgba(11, 79, 117, .15) inset, 0 4px 4px 0 rgba(33, 99, 136, .06);
    position: relative;
    display: flex;
    flex-direction: column;
    position: relative
}

div.match-list-container>.left .header {
    background-image: url(../images/outcache/bg.5898.jpg)
}

div.match-list-container>.left>div.querys {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 15px;
    background: #fff
}

div.match-list-container>.left>div.querys .match-name {
    display: flex;
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px
}

div.match-list-container>.left>div.querys .match-name>input {
    width: 167px;
    height: 28px;
    padding: 4px 8px;
    border-radius: 2px 0px 0px 2px;
    border: .5px solid rgba(176, 176, 176, .4);
    background: #fff;
    color: #b0b0b0;
    box-shadow: 0 4px 11px 0 rgba(36, 93, 159, .11) inset;
    box-sizing: border-box
}

div.match-list-container>.left>div.querys .match-name>span {
    box-sizing: content-box;
    width: 30px;
    color: #fff;
    display: flex;
    height: 20px;
    padding: 4px 10px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: 0px 2px 2px 0px;
    background: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%)
}

div.match-list-container>.left>div.querys>div.settings>select {
    width: 167px;
    height: 28px;
    padding: 4px 8px;
    border-radius: 2px;
    border: .5px solid rgba(176, 176, 176, .4);
    background: #fff;
    box-shadow: 0 4px 11px 0 rgba(36, 93, 159, .11) inset;
    box-sizing: border-box;
    margin-right: 15px
}

div.match-list-container>.left>div.querys>div.settings .chipsBtn {
    height: 28px;
    padding: 4px 8px;
    border-radius: 2px;
    border: .5px solid rgba(176, 176, 176, .4);
    background: #fff;
    box-shadow: 0 4px 11px 0 rgba(36, 93, 159, .11) inset;
    box-sizing: border-box;
    cursor: pointer
}

div.match-list-container>.left>div.querys>div.settings .refreshBtn {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: .5px solid rgba(176, 176, 176, .4);
    border-radius: 2px;
    margin-left: 15px;
    box-sizing: border-box;
    vertical-align: middle;
    cursor: pointer;
    background: url(../images/outcache/refresh.91e4.png) no-repeat center;
    background-size: 90%
}

div.match-list-container>.left>div.querys>div.settings .refreshBtn:hover {
    background-image: url(../images/outcache/refresh_hover.90fc.png)
}

div.match-list-container>.left>div.querys>div.settings .refreshBtn.active {
    animation: moenyLoding .5s infinite linear;
    background-image: url(../images/outcache/refresh_hover.90fc.png)
}

div.match-list-container>.left>div.querys>div.settings .pannel {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: .5px solid rgba(176, 176, 176, .4);
    border-radius: 2px;
    margin-left: 15px;
    box-sizing: border-box;
    vertical-align: middle;
    background: url(../images/outcache/arrow.57e5.png) no-repeat center;
    background-size: 90%
}

div.match-list-container>.left>div.querys>div.settings .pannel:hover {
    background-image: url(../images/outcache/arrow.57e5.png)
}

div.match-list-container>.left>div.querys>div.settings .pannel.active {
    background-image: url(../images/outcache/arrow_active.d453.png)
}

div.match-list-container>.left>div.querys>div.settings .pannel.down {
    transform: rotate(180deg)
}

div.match-list-container>.left>div.querys>div.settings .select-Leagut-btn {
    display: inline-block;
    margin-left: 15px;
    cursor: pointer
}

div.match-list-container>.left>div.querys .sort-box {
    display: inline-block;
    margin-right: 15px;
    color: #5a6375
}

div.match-list-container>.left>div.querys .sort-box span {
    display: inline-block;
    cursor: pointer
}

div.match-list-container>.left>div.querys .sort-box span.actived,
div.match-list-container>.left>div.querys .sort-box span:hover {
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(to left, #3A63EB 0%, #9F2EA8 100%);
    background-clip: text;
    -webkit-background-clip: text
}

div.match-list-container>.left>div.querys .sort-box i {
    display: inline-block;
    width: 12px;
    height: 9px;
    margin: 0 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAABHNCSVQICAgIfAhkiAAAAN5JREFUOE+1lNkRgjAQhl3SgCVYAiWsHO92IB3ZAtYBielAS7AFGiBsmOBwBIeBDY9k8/0HIXBaedI0LY0xWilVrs1seQ++IQsHgLtbu9Z1rbfAfDMLgTGcEjyllMVeuN03EeCGTwRmtdi13bWME/cJPPAjrUz2QpIkRRRFh3r+58Z7itjszz8yJ3hghU+QZRnST2VCuCdmAyQQDg6AoQQaagWrqvpYAWSoJybGw3F+8MVVsUcoz/O4bdsXOT73nTvnLKcIES9CiPcanCWBu2Zuc+csCQaITaK1/voq7gB5CEzzLPgK+gAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% auto
}

div.match-list-container>.left>div.querys .search-result {
    position: absolute;
    top: 44px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .15);
    left: 0;
    padding: 10px 20px;
    z-index: 99;
    width: 470px;
    height: 400px;
    overflow-y: auto
}

div.match-list-container>.left>div.querys .search-result::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #f6f8fb
}

div.match-list-container>.left>div.querys .search-result::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

div.match-list-container>.left>div.querys .search-result::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

div.match-list-container>.left>div.querys .search-result .header {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    border-bottom: 1px solid #edeefe;
    background: none
}

div.match-list-container>.left>div.querys .search-result .header .data-length {
    font-size: 13px
}

div.match-list-container>.left>div.querys .search-result .header .data-length span {
    color: #f60
}

div.match-list-container>.left>div.querys .search-result .header .close-pop {
    cursor: pointer
}

div.match-list-container>.left>div.querys .search-result .data-item {
    border-bottom: 1px solid #edeefe;
    color: #5a6375;
    padding: 7px 0;
    line-height: 20px;
    cursor: pointer
}

div.match-list-container>.left>div.querys .search-result .data-item:last-child {
    border-bottom: none
}

div.match-list-container>.left>div.querys .search-result .data-item img {
    display: inline-block;
    margin-right: 10px;
    height: 20px
}

div.match-list-container>.left>div.querys .search-result .data-item .name-box span:first-child {
    margin-right: 10px
}

div.match-list-container>.left>div.querys .search-result .data-item .name-box span:last-child {
    font-size: 13px;
    font-weight: 700
}

div.match-list-container>.left>div.querys .search-result .data-item .name-box span.blue {
    color: #519fff
}

div.match-list-container>.left>div.querys .search-result .data-item .name-box span.green {
    color: #37d200
}

div.match-list-container>.left>div.querys .search-result .data-item .time-box {
    font-size: 12px
}

div.match-list-container>.left>div.querys .search-result .nodata {
    width: 100%;
    height: 200px;
    background: url(../images/outcache/no-data.a790.png) no-repeat center;
    background-size: auto 50%
}

div.match-list-container>.left .list-content {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden
}

div.match-list-container>.left .list-content::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #f6f8fb
}

div.match-list-container>.left .list-content::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

div.match-list-container>.left .list-content::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

div.match-list-container>.left .pagenations-out-box {
    background: #fff;
    padding-top: 1px;
    overflow: hidden;
    box-sizing: border-box
}

div.match-list-container>.left div.leagues {
    margin-bottom: 5px
}

div.match-list-container>.left div.leagues>div.league-item {
    background: #f0f7ff;
    height: 30px;
    display: flex;
    align-items: center
}

div.match-list-container>.left div.leagues>div.league-item>.arrow-box {
    width: 15px;
    height: 15px;
    padding-left: 10px
}

div.match-list-container>.left div.leagues>div.league-item>.arrow-box i {
    display: inline-block;
    width: 12px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAVCAYAAAAuJkyQAAAABHNCSVQICAgIfAhkiAAAAMtJREFUSEvN1tENAiEMBmDLAjqCj8BUOoKTOIKOxSNOoBOAPXOaUzmutNxxTQgJSf98SXkobISltT4opc5dTAjh5Jy7SiJB0txjLsMMRB0lKDYohXnDJCgWKIeRoopBFIwEVQQqwXBRZBAHw0GRQBJMKWoSVANTgsqCamKoqFHQHBgKKgmaEzOF+gMtgcmhvkBLYsZQH1ALTAr1ArXE/KJgDZghCqy1d3zYSfaiWr0xRg/GmAcAbGuFSnIQdFvfyPpPvce7Oy3L4+rrn8JWmXv7S2haAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center
}

div.match-list-container>.left div.leagues>div.league-item>.arrow-box i.arrowUp {
    transform: rotate(0deg)
}

div.match-list-container>.left div.leagues>div.league-item>.arrow-box i.arrowDown {
    transform: rotate(180deg)
}

div.match-list-container>.left div.leagues>div.league-item>.name {
    display: flex;
    width: 200px;
    padding-left: 10px;
    box-sizing: border-box
}

div.match-list-container>.left div.leagues>div.league-item>.name>img {
    width: 16px;
    height: 16px;
    margin-right: 10px
}

div.match-list-container>.left div.leagues>div.league-item>.name>div.league-name {
    width: 159px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.match-list-container>.left div.leagues>div.league-item>.methods {
    width: 500px;
    display: flex;
    flex: 1;
    justify-content: space-between
}

div.match-list-container>.right {
    width: 300px;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.leagues-filter-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1
}

.leagues-filter-box .header {
    position: absolute;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    height: 50px;
    box-sizing: border-box;
    padding: 10px 15px;
    width: 100%;
    text-align: right
}

.leagues-filter-box .header div {
    display: inline-block;
    padding: 0px 10px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    vertical-align: middle;
    height: 25px;
    line-height: 25px;
    border-radius: 4px
}

.leagues-filter-box .header div.btn-cancel {
    background-image: linear-gradient(180deg, #f5f3f3 0%, #d2d2d2 100%);
    color: #666
}

.leagues-filter-box .header div.btn-confirm {
    background-image: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%);
    color: #fff
}

.leagues-filter-box .header div:hover.btn-cancel {
    background: #d4c9c9
}

.leagues-filter-box .header div:hover.btn-confirm {
    background-image: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%)
}

.leagues-filter-box .selectLea-box-league {
    height: calc(100% - 50px);
    width: 100%;
    margin-top: 50px;
    overflow-y: auto
}

div.method-header-container {
    height: 30px;
    display: flex;
    align-items: center;
    width: 100%
}

div.method-header-container span {
    width: 100%;
    text-align: center
}

div.sport-match-item-container {
    background-color: #fff;
    display: flex;
    margin-bottom: 5px
}

div.sport-match-item-container>div.infos {
    width: 225px;
    height: 100%;
    display: flex
}

div.sport-match-item-container>div.infos>div.time {
    width: 80px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer
}

div.sport-match-item-container>div.infos>div.time.cur {
    border-left: 3px solid rgba(0, 0, 0, 0);
    box-sizing: content-box;
    border-image-source: linear-gradient(158deg, #8fafff 0%, #4982eb 54.78%, #0d5ada 100%);
    border-image-slice: 1
}

div.sport-match-item-container>div.infos>div.time>div {
    text-align: center;
    width: 100%;
    color: #9597a5;
    font-family: "D_DIN_PRO_Medium"
}

div.sport-match-item-container>div.infos>div.time>div:nth-child(1) {
    margin-top: auto
}

div.sport-match-item-container>div.infos>div.time>div:nth-child(2) {
    margin-top: 5px;
    margin-bottom: auto
}

div.sport-match-item-container>div.infos>div.teams {
    width: 110px;
    height: 100%;
    cursor: pointer
}

div.sport-match-item-container>div.infos>div.teams>div {
    height: 33.333px;
    display: flex;
    align-items: center
}

div.sport-match-item-container>div.infos>div.teams>div>img {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

div.sport-match-item-container>div.infos>div.teams>div>span {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

div.sport-match-item-container>div.infos>div.score {
    width: 35px;
    height: 100%
}

div.sport-match-item-container>div.infos>div.score>div {
    height: 33.333px;
    line-height: 33.333px;
    text-align: center;
    color: #ff891d
}

div.sport-match-item-container>div.infos>div.score>div.more-methods {
    color: #1e2638;
    font-weight: 500;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAIBAMAAAAo6JMLAAAAJFBMVEUAAACqqqqkrbemrLmlq7elq7elq7emq7ilq7ilq7ilq7j////gFPNwAAAACnRSTlMACTVNVYCnv+j+CEvwKwAAAAFiS0dECx/XxMAAAAAbSURBVAjXY9AwYGDwmgrEqxKBeDkUJ4LFgHIAhPwITxZluD8AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 5px auto
}

div.sport-match-item-container>div.infos>div.score>div.more-methods.cur {
    color: #447eff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAIBAMAAAAo6JMLAAAAJFBMVEUAAABVjuNIguxJgetIgepIgelIgOpIgupJgepIgepIger///9IdOrZAAAACnRSTlMACTVNVYCnv+j+CEvwKwAAAAFiS0dECx/XxMAAAAAbSURBVAjXY9AwYGDwmgrEqxKBeDkUJ4LFgHIAhPwITxZluD8AAAAASUVORK5CYII=)
}

div.sport-match-item-container>div.methods {
    width: 500px;
    display: flex;
    flex: 1;
    justify-content: space-between
}

div.sport-match-item-container>div.methods>div {
    width: 100%;
    height: 100%
}

div.sport-match-item-container>div.methods>div>div.odds-item {
    height: 33.333px;
    display: flex;
    align-items: center
}

div.sport-match-item-container>div.methods>div>div.odds-item>div {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: .5px solid rgba(176, 176, 176, .4);
    padding: 0 2px 0 10px;
    box-sizing: border-box;
    transform: scale(0.9);
    cursor: pointer;
    border-radius: 1px;
    font-family: "D_DIN_PRO_Medium"
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.none {
    justify-content: center;
    cursor: not-allowed
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.no-change>span:nth-child(2) {
    color: #447eff;
    padding-right: 7px
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.rise>span:nth-child(2),
div.sport-match-item-container>div.methods>div>div.odds-item>div.fall>span:nth-child(2) {
    padding-right: 8px;
    position: relative
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.rise>span:nth-child(2)::before,
div.sport-match-item-container>div.methods>div>div.odds-item>div.fall>span:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
    width: 6px;
    height: 5px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    animation: swinkling 1s infinite ease-in-out
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.rise>span.locked::before,
div.sport-match-item-container>div.methods>div>div.odds-item>div.fall>span.locked::before {
    display: none !important
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.rise>span:nth-child(2) {
    color: #f76e53
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.rise>span:nth-child(2)::before {
    background-image: url(../images/outcache/rise.b73e.png)
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.fall>span:nth-child(2) {
    color: #5dc64e
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.fall>span:nth-child(2)::before {
    background-image: url(../images/outcache/fall.bdca.png)
}

div.sport-match-item-container>div.methods>div>div.odds-item>div.checked {
    background: #ddedff
}

div.sport-match-item-container>div.methods>div>div.odds-item>div>span.locked {
    display: inline-block !important;
    height: 16px !important;
    width: 16px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAA20lEQVQ4EWNgGGjAiM0Bq1atYrvz6EMzw///sWB5RsbFKnICtWFhYb/Q1TOhC4D4IM2M/xl02ZlYzUGY8f9/PbCBWBSzYBFjANnMxM5kVpyX9AQk39s7L+3nv98ngcxyrOrRBdu6Zv4nRgykBqsX0DXj46MEYlv3rLdA5wvh08DAyPiuqjRNGKYG1QWENIN0oalBNQBmLJRmZGTcB8Jowihc7LEAVcLEwQxOB3+//3mKoguJg9eAfz/+LkZSi5WJ14D///87YdWFJIgaBsAQRpLDziRGDXadNBIFAIziP1yvWRk8AAAAAElFTkSuQmCC) no-repeat center !important;
    background-size: 16px 16px !important
}

div.sport-match-item-container>div.methods>div>div.odds-item>div>img {
    width: 15px;
    height: 15px
}

div.sport-match-item-container.simple>div.infos {
    flex: 1
}

div.sport-match-item-container.simple>div.infos .teams {
    width: 180px
}

div.sport-match-item-container.simple>div.infos .teams .team {
    width: 100%
}

div.sport-match-item-container.simple>div.infos .teams .team span {
    width: 150px
}

.leagues>.sport-match-item-container:last-child {
    margin-bottom: 0
}

.chipSettiongBox {
    width: 300px;
    position: absolute;
    right: 5px;
    z-index: 999;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    top: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chipSettiongBox .set-chip-header {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    color: #fff;
    background: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%)
}

.chipSettiongBox .set-chip-box {
    padding: 10px 20px
}

.chipSettiongBox .set-chip-box .note {
    color: #b3b1b1;
    margin: 5px 0
}

.chipSettiongBox .set-chip-box .amount-input {
    background: #f9fbff;
    text-align: center;
    margin: 0 10px 10px 0;
    color: #211627;
    width: 170px;
    height: 30px;
    border: 1px solid #e6e0ed;
    border-radius: 4px;
    font-family: Akrobat #000
}

.chipSettiongBox .set-chip-box .clean-btn {
    width: 25%;
    height: 30px;
    border: 1px solid #4982eb !important;
    background: none;
    color: #4982eb !important;
    border-radius: 4px;
    cursor: pointer
}

.chipSettiongBox .set-chip-box .button-box {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px
}

.chipSettiongBox .set-chip-box .button-box div,
.chipSettiongBox .set-chip-box .button-box button {
    width: 127px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 4px;
    text-align: center
}

.chipSettiongBox .set-chip-box .button-box div.clearAllOrder,
.chipSettiongBox .set-chip-box .button-box button.clearAllOrder {
    border: 1px solid #aeb2c2;
    color: #4982eb !important
}

.chipSettiongBox .set-chip-box .button-box div.submitOrder,
.chipSettiongBox .set-chip-box .button-box button.submitOrder {
    color: #fff;
    background: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%);
    border: none;
    line-height: 29px
}

.chipSettiongBox .set-chip-box .button-box div.submitOrder.disabled,
.chipSettiongBox .set-chip-box .button-box button.submitOrder.disabled {
    color: #b6b6b6;
    background: #e4e4e4;
    cursor: not-allowed
}

.simple-event-box {
    flex: 1;
    height: 100%;
    overflow-y: auto
}

.simple-event-box::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #f6f8fb
}

.simple-event-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.simple-event-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.simple-event-box .league-item {
    margin-bottom: 7px;
    width: 100%
}

.simple-event-box .league-item .league-name {
    vertical-align: middle;
    padding: 0 15px;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 13px;
    background: #fbfaff
}

.simple-event-box .league-item .league-name img {
    margin-right: 10px;
    width: 15px;
    height: 15px
}

.simple-event-box .league-item .league-name>div {
    display: inline-block
}

@keyframes moenyLoding {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

@keyframes swinkling {
    0% {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    100% {
        opacity: 1
    }
}

div.winner-list-container {
    width: 1000px;
    box-sizing: border-box;
    flex: 1;
    margin: 0 0 0 15px;
    background: #fff;
    box-sizing: 0 -2px 4px 0 rgba(11, 79, 117, .15) inset, 0 4px 4px 0 rgba(33, 99, 136, .06);
    border-radius: 12px;
    overflow: hidden;
    padding-top: 20px;
    overflow-y: auto
}

div.winner-list-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f6f8fb
}

div.winner-list-container::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

div.winner-list-container::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

div.winner-list-container .leagueContainer {
    margin-bottom: 10px;
    box-sizing: 0 -2px 4px 0 rgba(11, 79, 117, .15) inset, 0 4px 4px 0 rgba(33, 99, 136, .06)
}

div.winner-list-container .leagueNameView {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    background: #f0f7ff;
    box-sizing: border-box;
    padding-left: 15px;
    font-weight: 500
}

div.winner-list-container .leagueNameView .leagueName {
    display: flex;
    align-items: center
}

div.winner-list-container .leagueNameView img {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

div.winner-list-container .leagueNameView img.arrow {
    width: 10px;
    height: 10px;
    margin-right: 10px
}

div.winner-list-container .methodGroupContainer {
    box-sizing: border-box;
    padding: 0 25px
}

div.winner-list-container .methodGroupContainer .methodGroupTitle {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    line-height: 1;
    color: #4982eb
}

div.winner-list-container .methodGroupContainer .methodGroupContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
    width: 49.5%;
    margin-bottom: 5px;
    cursor: pointer;
    background: #f7f7f7
}

div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem:hover {
    background: rgba(44, 98, 244, .12)
}

div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem.active {
    background: rgba(44, 98, 244, .12);
    color: #fff
}

div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem>p {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 10%
}

div.menu-container {
    height: 100%;
    width: 195px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0 10px 0;
    background: linear-gradient(173deg, #f0f6ff 13.42%, #fff 51.81%, #e4efff 84.2%);
    box-shadow: 0 -2px 4px 0 rgba(11, 79, 117, .15) inset, 0 4px 4px 0 rgba(33, 99, 136, .06);
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

div.menu-container .gotoMenus {
    position: relative;
    width: 100%;
    line-height: 23px;
    padding-left: 32px;
    box-sizing: border-box;
    color: #1e2638;
    font-weight: 600;
    cursor: pointer
}

div.menu-container .gotoMenus::before {
    position: absolute;
    content: "";
    top: 25%;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(../images/outcache/back.13df.png) no-repeat center/100% 100%
}

div.menu-container .noData {
    line-height: 50px;
    padding-top: 100px;
    margin-top: 50px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    color: #1e2638;
    width: 100%;
    background: url(../images/outcache/no-data.a790.png) no-repeat top center;
    background-size: 150px auto
}

div.menu-container>.menu-item {
    min-height: 38px;
    position: relative;
    color: #9597a5;
    width: 100%;
    overflow-y: auto
}

div.menu-container>.menu-item::-webkit-scrollbar {
    width: 2px;
    height: 6px;
    background-color: #f6f8fb
}

div.menu-container>.menu-item::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

div.menu-container>.menu-item::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

div.menu-container>.menu-item .logoOImg {
    height: 40px;
    width: 100%
}

div.menu-container>.menu-item .logoOImg.fbxc {
    background: url(../images/outcache/xc.b60b.png) no-repeat center;
    background-size: auto 30px;
    background-position: 20px 0px
}

div.menu-container>.menu-item>span {
    cursor: pointer;
    padding: 0 10px 0 16px;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    color: #9597a5;
    display: block;
    align-items: center;
    padding-left: 45px;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

div.menu-container>.menu-item>span.selectorBtnView,
div.menu-container>.menu-item>span.ball-type:hover {
    background: linear-gradient(90deg, rgba(80, 135, 241, 0.2) 0%, rgba(28, 105, 255, 0) 121.79%);
    color: #1e2638
}

div.menu-container>.menu-item>span.gotoMenus {
    padding-left: 30px
}

div.menu-container>.menu-item>span.gotoMenus::before {
    top: 30%
}

div.menu-container>.menu-item>span.unsettled-order,
div.menu-container>.menu-item>span.order-list,
div.menu-container>.menu-item>span.roll-ball,
div.menu-container>.menu-item>span.sports-events,
div.menu-container>.menu-item>span.winner-events,
div.menu-container>.menu-item>span.pop-events {
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 25px auto
}

div.menu-container>.menu-item>span.unsettled-order {
    background-image: url(../images/outcache/history.5ee8.png)
}

div.menu-container>.menu-item>span.order-list {
    background-image: url(../images/outcache/order.5ee8.png)
}

div.menu-container>.menu-item>span.roll-ball {
    background-image: url(../images/outcache/roll.8996.png)
}

div.menu-container>.menu-item>span.pop-events {
    background-image: url(../images/outcache/hot.d1ab.png)
}

div.menu-container>.menu-item>span.sports-events {
    background-image: url(../images/outcache/sports.981d.png)
}

div.menu-container>.menu-item>span.winner-events {
    background-image: url(../images/outcache/winner.e8ea.png)
}

div.menu-container>.menu-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    align-self: stretch;
    background: linear-gradient(90deg, rgba(197, 227, 255, 0) 0%, #C5E3FF 50.02%, rgba(197, 227, 255, 0) 100%);
    bottom: 0;
    left: 0
}

div.menu-container>.menu-item img.sport-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle
}

div.menu-container>.menu-item>span:first-child:hover,
div.menu-container>.menu-item>span:first-child.actived {
    background-color: #ddedff;
    color: #4982eb
}

div.menu-container>.menu-item>span:first-child:hover>span,
div.menu-container>.menu-item>span:first-child.actived>span {
    background: #f60;
    color: #fff
}

div.menu-container>.menu-item>span:first-child>span {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 4px;
    margin-left: 10px;
    color: #4982eb
}

div.menu-container>div.bet-types {
    margin-top: 10px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #9597a5
}

div.menu-container>div.bet-types>span {
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    width: 48%;
    color: #9597a5;
    text-align: center
}

div.menu-container>div.bet-types>span.active {
    color: #447eff;
    border-bottom: 1px solid
}

div.menu-container>div.orders {
    margin-top: 10px;
    max-height: 600px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

div.menu-container>div.orders::-webkit-scrollbar {
    width: 2px;
    height: 6px;
    background-color: #f6f8fb
}

div.menu-container>div.orders::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

div.menu-container>div.orders::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

div.menu-container>div.orders>div.order-item {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 8px 15px 8px;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: auto;
    box-shadow: 0 -2px 4px 0 rgba(11, 79, 117, .15) inset, 0 4px 4px 0 rgba(33, 99, 136, .06)
}

div.menu-container>div.orders>div.order-item>div.name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

div.menu-container>div.orders>div.order-item>div.name::before {
    content: "";
    width: 3px;
    margin-right: 5px;
    height: 12px;
    border-radius: 2px;
    background: #447eff
}

div.menu-container>div.orders>div.order-item>div.name>span {
    font-weight: 500;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.menu-container>div.orders>div.order-item>div.name>img {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    opacity: .8;
    cursor: pointer
}

div.menu-container>div.orders>div.order-item>div.name>img:hover {
    opacity: 1
}

div.menu-container>div.orders>div.order-item>div.league {
    color: #9597a5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f7ff
}

div.menu-container>div.orders>div.order-item>div.league>span:nth-child(1) {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.menu-container>div.orders>div.order-item>div.league>span:nth-child(2) {
    width: 90px;
    text-align: right
}

div.menu-container>div.orders>div.order-item>.bet-info {
    padding: 5px;
    background: #f2f2f2;
    border-radius: 3px;
    margin-bottom: 8px
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method,
div.menu-container>div.orders>div.order-item>.bet-info div.odds {
    line-height: 20px
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method span.odds,
div.menu-container>div.orders>div.order-item>.bet-info div.odds span.odds {
    margin-left: 5px
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method span.odds.no-change,
div.menu-container>div.orders>div.order-item>.bet-info div.odds span.odds.no-change {
    color: #447eff
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method span.odds.rise,
div.menu-container>div.orders>div.order-item>.bet-info div.odds span.odds.rise {
    color: #ff891d
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method span.odds.fall,
div.menu-container>div.orders>div.order-item>.bet-info div.odds span.odds.fall {
    color: #00b26a
}

div.menu-container>div.orders>div.order-item>.bet-info>div.method {
    color: #131a3e
}

div.menu-container>div.orders>div.order-item>.bet-info>div.odds {
    font-size: 13px;
    font-weight: 600;
    color: #131a3e
}

div.menu-container>div.orders>div.order-item>div.bet-close {
    background: rgba(174, 180, 189, .635);
    display: flex;
    align-items: center;
    padding: 5px 10px 5px;
    font-size: 12px;
    margin-top: 5px;
    color: #fff !important;
    border-radius: 3px
}

div.menu-container>div.orders>div.order-item>div.bet-close.red {
    background: rgba(255, 0, 0, .635)
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box {
    display: flex;
    justify-content: space-between
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box span {
    display: block;
    line-height: 24px
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box .title {
    color: #1e2638;
    font-weight: 500
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box .winable-amount {
    display: flex;
    align-items: center;
    font-weight: 600;
    height: 24px;
    overflow: hidden;
    line-height: 30px
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box .winable-amount i {
    width: 22px;
    height: 22px;
    margin-right: 2px;
    border-radius: 50%
}

div.menu-container>div.orders>div.order-item>div.winable-amount-box .winable-amount i.CNY {
    background-color: #c7000f;
    background: url(../images/outcache/CNY1.3092.png) no-repeat center/100% 100%;
    background-size: 75%
}

div.menu-container>div.submit-box {
    padding: 15px 8px 20px 8px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff
}

div.menu-container>div.submit-box.obgcomboSub {
    max-height: 350px;
    min-height: 250px
}

div.menu-container>div.submit-box.obgcomboSub .scroll-box {
    height: calc(100% - 60px) !important
}

div.menu-container>div.submit-box.match-types-box {
    background-color: rgba(0, 0, 0, 0);
    border-top: 0;
    padding: 10px 0
}

div.menu-container>div.submit-box>div.buttons {
    display: flex;
    justify-content: space-between
}

div.menu-container>div.submit-box>div.buttons.match-types {
    border-top: 0
}

div.menu-container>div.submit-box>div.buttons.match-types>span {
    width: 50%;
    border-radius: 0
}

div.menu-container>div.submit-box>div.buttons.match-types>span:nth-child(1) {
    border-right: 0
}

div.menu-container>div.submit-box>div.buttons>span {
    width: 48%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box
}

div.menu-container>div.submit-box>div.buttons>span:hover {
    opacity: .8
}

div.menu-container>div.submit-box>div.buttons>span.cancel {
    background-color: #fff;
    color: #447eff;
    border: 1px solid #447eff
}

div.menu-container>div.submit-box>div.buttons>span.submit {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada 100%);
    color: #fff
}

div.money-input-container {
    position: relative;
    height: 28px;
    margin-top: 10px
}

div.money-input-container>p {
    background: rgba(44, 98, 244, .2);
    border-radius: 0 5px 5px 0;
    width: 52px;
    height: 28px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 99
}

div.money-input-container>p>span {
    color: #2b50e7;
    width: 42px;
    position: absolute;
    top: 7px;
    left: 10px;
    text-align: left
}

div.money-input-container>input {
    width: 100%;
    height: 100%;
    padding-left: 50px;
    font-size: 12px;
    font-weight: 600;
    text-indent: 6px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    transition: .5s ease-in-out;
    box-sizing: border-box
}

.amount-out-box {
    position: relative
}

.amount-out-box .limit_amount {
    top: 31px;
    left: 12px;
    width: 180px;
    height: 37px;
    line-height: 29px;
    background: url(../images/outcache/limit_amount-bg.6d43.png) no-repeat center/100%;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    color: #36c
}

.amount-out-box .singleAmount,
.amount-out-box .allAmount {
    display: flex;
    border: solid 1px rgba(92, 21, 69, .15);
    line-height: 30px;
    height: 30px;
    padding-bottom: 0;
    box-sizing: border-box;
    background: #f8f8f8;
    margin-bottom: 5px;
    box-shadow: 0px 3px 6px 0px rgba(243, 231, 250, .6);
    border-radius: 3px;
    border: solid 1px rgba(140, 119, 177, .48);
    position: relative
}

.amount-out-box .singleAmount .label,
.amount-out-box .allAmount .label {
    background: #f6f3fe url(../images/outcache/cny.73f3.png) no-repeat center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0);
    padding: 0 6px;
    text-align: center;
    font-family: "PingFang SC";
    border-right: 1px solid rgba(140, 119, 177, .48);
    background-size: 21px auto
}

.amount-out-box .singleAmount .input-box,
.amount-out-box .allAmount .input-box {
    width: 100%
}

.amount-out-box .singleAmount .input-box .ctrl_btn,
.amount-out-box .allAmount .input-box .ctrl_btn {
    width: 24px;
    height: 28px;
    background-color: #f8f8f8;
    border: none;
    line-height: 27px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #a7a7a7;
    padding-right: 0
}

.amount-out-box .singleAmount .input-box input,
.amount-out-box .allAmount .input-box input {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 8px;
    font-size: 12px;
    background: #fff;
    text-align: left;
    border: none;
    height: 26px;
    line-height: 26px;
    vertical-align: top
}

.amount-out-box .singleAmount .input-box .show-fast,
.amount-out-box .allAmount .input-box .show-fast {
    width: 26px;
    height: 28px;
    background: #f6f3fe;
    border-radius: 0 1px 0 0;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(140, 119, 177, .48);
    box-sizing: border-box
}

.amount-out-box .singleAmount .input-box .show-fast::before,
.amount-out-box .allAmount .input-box .show-fast::before {
    position: absolute;
    content: "";
    left: calc(50% - 7px);
    top: calc(50% - 5px);
    width: 14px;
    height: 9px;
    background: url(../images/outcache/xiala.2141.png) no-repeat center
}

.amount-out-box .fastMoney {
    margin-top: 0px !important;
    padding-top: 2px;
    background: #fbfafd;
    box-shadow: none;
    border: none;
    box-sizing: border-box;
    padding-left: 5px;
    overflow: hidden;
    top: 0;
    left: 0px;
    right: 0px;
    margin-bottom: 5px;
    position: relative;
    cursor: pointer;
    transition: all 1.5s ease-out !important
}

.amount-out-box .fastMoney::before {
    box-shadow: none
}

.amount-out-box .fastMoney.hide {
    height: 0px
}

.amount-out-box .fastMoney.show {
    height: auto
}

.amount-out-box .fastMoney .amount_btn {
    display: inline-block;
    width: 30%;
    margin: 0 3.3% 4px 0;
    height: 20px;
    line-height: 10px;
    padding: 5px;
    border: 1px solid #c7bdd9;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}

.amount-out-box .fastMoney .amount_btn.max {
    background: url(../images/outcache/max-box1.57c8.png) no-repeat;
    background-size: 100% 100%;
    border-color: rgba(0, 0, 0, 0);
    position: relative;
    color: rgba(0, 0, 0, 0)
}

.amount-out-box .fastMoney .amount_btn.max:hover,
.amount-out-box .fastMoney .amount_btn.max:active {
    color: rgba(0, 0, 0, 0)
}

.amount-out-box .fastMoney .amount_btn:hover,
.amount-out-box .fastMoney .amount_btn:active,
.amount-out-box .fastMoney .amount_btn.active {
    color: #36c;
    background-color: #f6f3fe;
    border-radius: 2px
}

.amount-out-box .fastMoney .amount_btn:nth-child(3),
.amount-out-box .fastMoney .amount_btn:nth-child(6) {
    margin: 0
}

.UnsettledBets-container {
    height: inherit
}

.UnsettledBets-container .newOrders {
    border-radius: 5px;
    margin: 7px;
    line-height: 28px;
    text-align: center;
    background: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%);
    color: #fff
}

.UnsettledBets-container .money {
    padding: 5px
}

.UnsettledBets-container .money .betmoney {
    display: flex;
    justify-content: space-between;
    margin: 5px;
    line-height: 22px;
    font-weight: 600
}

.UnsettledBets-container .money .betmoney span {
    color: #1e2638
}

.UnsettledBets-container .money .betmoney span.font_DIN {
    color: #9597a5
}

.UnsettledBets-container .list_ty {
    background: linear-gradient(173deg, #f0f6ff 13.42%, #fff 51.81%, #e4efff 84.2%)
}

.UnsettledBets-container .bet-item {
    margin-top: 10px;
    background-color: #fff;
    padding: 5px;
    border-radius: 7px;
    box-shadow: 0 4px 4px 0px rgba(36, 93, 159, .06)
}

.UnsettledBets-container .bet-item>div {
    line-height: 24px;
    align-items: center
}

.UnsettledBets-container .bet-item>div.cancel {
    display: flex;
    padding: 2px 0px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
    background: linear-gradient(148deg, #8FAFFF 0%, #4982EB 54.78%, #0D5ADA 100%)
}

.UnsettledBets-container .bet-item>div.cancel:hover {
    opacity: .8
}

.UnsettledBets-container .bet-item .orderid {
    color: #9597a5
}

.UnsettledBets-container .bet-item .orderid span {
    color: #1e2638;
    font-weight: 600
}

.UnsettledBets-container .bet-item .copyAcc {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAElSURBVHgB7djhrYIwFAXgA3kDMAIbPDdQJwA20BGcyDhBO4JOIBvoCE4A3hpMjIla5Jqr4XwJIbb86KHpxRYgIqIxS6DEOTeRWwZ9dVVVp0edf1Agg8+TJNnjM7xc1aNOlQAi7+7hTdXQM8OLWdUKcFWXZTmHgm5WD6+eS/HjGMDazweIXsSyqGZpmk5v25qm2UiNPsJQdACpCK5t2+yuLfxewVCfMnoZvAx6cW2QGdjBWO/vQFEUG3wRViFrDGCNAawxgLXx/JmLlIWdFHTkMQ9pB5jEbAM1aQUIG/ktPkBeiH/WrxKgO7dR2cz3xSo0hPfeyTVozVjPQDiOzDHA+L4DUucX0DP4MLhPgFBpMilra3yR6AByIrGUY5V/6DuCiIjoTWcBNDkBlx7B3AAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    cursor: pointer
}

.UnsettledBets-container .bet-item .ops_list .orderList {
    background: #f4fbff;
    border: 1px solid #dfe4ff;
    border-radius: 8px;
    padding: 5px 10px
}

.UnsettledBets-container .bet-item .ops_list .font_s {
    font-weight: 600
}

.fb-sport-container {
    margin: 0 auto;
    width: 90%;
    min-height: 600px;
    margin-top: 20px;
    min-width: 1280px
}

.fb-sport-container .sports {
    margin: 8px 0;
    min-height: 600px;
    width: 100%;
    height: calc(100% - 30px);
    margin-bottom: 0
}

.fb-sport-container .sports>div.main-contents {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
    height: 100%;
    padding: 0
}

.fb-sport-container .sports>div.main-contents>div.main-container-nodata {
    width: 100%;
    height: 100%;
    background: #fff
}

.fb-history-container {
    width: 100% !important;
    max-height: 750px
}

.fb-history-container .header-title {
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    background: linear-gradient(110deg, #cb9ae4 6.85%, #7ba9f7 79.75%, #7ba9f7 100%)
}

.fb-history-container .header-title>span {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.fb-history-container .fast-order-list {
    display: flex;
    box-sizing: border-box;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

.fb-history-container .fast-order-list>span {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    color: #1e2638;
    text-align: left
}

.fb-history-container .fast-order-list button.ant-btn {
    height: 25px;
    line-height: 17px;
    margin-right: 15px
}

.fb-history-container .fast-order-list .active {
    color: #4096ff;
    border-color: #4096ff;
    background: #fff
}

.fb-history-container .query-box {
    line-height: 60px;
    width: 98%;
    margin: 0 auto
}

.fb-history-container .query {
    display: inline-block;
    height: 28px;
    padding: 0 20px;
    margin-left: 15px;
    line-height: 28px;
    cursor: pointer;
    border-radius: 4px;
    box-sizing: border-box;
    background: linear-gradient(94deg, #edcffd 0.56%, #8ba6f3 97.36%);
    box-shadow: 0px 4px 7px 0px rgba(255, 255, 255, .25) inset;
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center
}

.fb-history-container .query:hover {
    background: linear-gradient(94deg, #d9a7f2 0.56%, #6e8eeb 97.36%)
}

.fb-history-container .table-box {
    margin: 0 auto;
    background: #fff;
    padding: 0 2%;
    box-sizing: border-box
}

.fb-history-container .table-box .table-head {
    width: 100%;
    display: flex;
    line-height: 40px;
    border-radius: 8px;
    overflow: hidden
}

.fb-history-container .table-box .table-head>div {
    display: table-cell;
    box-sizing: border-box
}

.fb-history-container .table-box .table-body {
    width: 100%;
    height: 500px;
    overflow-y: scroll;
    position: relative
}

.fb-history-container .table-box .table-body.windows {
    width: calc(100% + 17px)
}

.fb-history-container .table-box .table-body>div {
    width: 100%;
    display: table-row
}

.fb-history-container .table-box .table-body>div>div {
    display: inline-block;
    vertical-align: middle
}

.fb-history-container .table-box .table-body .colunm {
    background: #fff;
    padding: 10px 0;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #edeef1
}

.fb-history-container .table-box .table-body .colunm>div {
    display: inline-block
}

.fb-history-container .table-box .table-body .colunm .coshout {
    width: 100%;
    margin: 5px 10px
}

.fb-history-container .table-box .table-body .colunm .coshout .coshout_title {
    line-height: 24px;
    position: relative;
    display: flex
}

.fb-history-container .table-box .table-body .colunm .coshout .coshout_title .coshout_icon {
    height: 20px;
    width: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAABWklEQVQ4EWNgGAV0CYFp06Yp/f//n4kYyxgJKZo4cWIJUE03EG/R09MLdHR0/INPD15bJ02aFM3IyNgFNcDn8uXLM/EZBpLDaeCUKVNcgfLzgV4Fmsm4Doh/A9lJkydPbsFnKFYDgYYZ/fv3bx3QAFag5oV5eXnBQDoFaOh/oHg10NAsXIZiGAj0pvLfv3+3AQ3jARqwHRhuKSDNQEMXAalKEBto6GSguiAQGx2gGDh9+nQxoIIdQCwONOyUgIBAKHIkAA3tBIpPAsqD9C0FGmoLpFEA3MBVq1Yx//79eyvQZSpAFbfZ2dm94+LivqKoBnJyc3MLgYauAqrjAOJNM2bMUEVWAzfw3bt3oLRmAlT8gomJyT09Pf0NskIYGyj/D8iOA9L7gbQA0BE+MDkQDTcwIyPjNjMzcyRQoRXQFfeRFaGzgV7/yc3N7Q+0OJuNjW0euvwof7iHAACuMXtEeg4RJAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    margin-left: 8px
}

.fb-history-container .table-box .table-body .colunm .coshout .coshout_title .coshout_icon.open {
    transform: rotate(180deg)
}

.fb-history-container .table-box .table-body .colunm .coshout .money {
    display: flex;
    justify-content: space-around;
    align-items: center;
    display: none;
    background: #fbfbfb
}

.fb-history-container .table-box .table-body .colunm .coshout .money.open {
    display: flex
}

.fb-history-container .table-box .table-body .colunm .coshout .money .betmoney {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
    line-height: 22px
}

.fb-history-container .table-box .table-body .total {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    font-size: 16px;
    line-height: 40px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    border-radius: 8px;
    padding-left: 8px
}

.fb-history-container .table-box .table-body .total>div {
    width: 20%
}

.fb-history-container .table-box .number {
    width: 4%
}

.fb-history-container .table-box .order {
    width: 16%
}

.fb-history-container .table-box .list_colunm {
    width: 53%
}

.fb-history-container .table-box .list_colunm>div {
    display: inline-block
}

.fb-history-container .table-box .list_colunm .list {
    display: block;
    padding: 5px 0
}

.fb-history-container .table-box .list_colunm .list>div {
    display: inline-block;
    vertical-align: middle
}

.fb-history-container .table-box .list_colunm .bet-type {
    width: 15%
}

.fb-history-container .table-box .list_colunm .contest {
    width: 45%
}

.fb-history-container .table-box .list_colunm .selection {
    width: 30%
}

.fb-history-container .table-box .list_colunm .result {
    width: 10%;
    text-align: center
}

.fb-history-container .table-box .bet-amount {
    width: 10%;
    text-align: center
}

.fb-history-container .table-box .currency {
    width: 5%
}

.fb-history-container .table-box .win-lose {
    width: 9%;
    text-align: center
}

.fb-history-container .table-box .stauts {
    width: 8%;
    text-align: center
}

.fb-history-container .noData {
    line-height: 50px;
    padding-top: 100px;
    margin-top: 50px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    color: #1e2638;
    width: 100%;
    background: url(../images/outcache/no-data.a790.png) no-repeat center/100%;
    background-size: 150px auto
}

.BtpXteo6PQ2KQWABj_LK {
    background: url(../images/outcache/homePage-bg.1eaa.jpg) no-repeat;
    background-size: 100% 100%;
    overflow-y: auto
}

.BtpXteo6PQ2KQWABj_LK .content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 2
}

.BtpXteo6PQ2KQWABj_LK .content .content-box {
    margin: 0 auto 60px;
    padding: 40px;
    background: linear-gradient(0deg, rgba(236, 236, 249, 0.5019607843), rgba(242, 242, 250, 0.5019607843));
    box-shadow: 0 2px 15px 0 rgba(109, 105, 214, .2);
    margin-bottom: 60px;
    border-radius: 16px
}

.BtpXteo6PQ2KQWABj_LK {
    background: #e9eef6
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header {
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 9.9%, #eef5ff);
    box-shadow: inset 0 -2px 4px 0 rgba(11, 79, 117, .15), 0 4px 4px 0 rgba(33, 99, 136, .06)
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header .infos {
    color: #1e2638
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header .infos .info span:first-child {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header .tabs span {
    padding: 0 15px;
    position: relative;
    color: #9597a5;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    background: none
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header .tabs span:hover,
.BtpXteo6PQ2KQWABj_LK .fb-sport-header .tabs span.active {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    box-shadow: 0 4px 4px 0 rgba(39, 100, 157, .25);
    color: #fff
}

.BtpXteo6PQ2KQWABj_LK .fb-sport-header .tabs span::before {
    position: absolute;
    content: "";
    bottom: -11px;
    height: 3px;
    left: 15px;
    background: none;
    right: 15px;
    border-radius: 1.5px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container {
    border-radius: 12px;
    background: linear-gradient(173deg, #f0f6ff 13.42%, #fff 51.81%, #e4efff 84.2%);
    box-shadow: inset 0 -2px 4px 0 rgba(11, 79, 117, .15), 0 4px 4px 0 rgba(33, 99, 136, .06)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item.logo {
    display: none
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #d0b293;
    border-radius: 10px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item::after {
    display: none
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span:first-child:hover,
.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span:first-child.actived {
    background-color: #ddedff;
    color: #4982eb
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span:first-child:hover>span,
.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span:first-child.actived>span {
    background: #ff7373;
    color: #fff
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span:first-child>span {
    color: #ff7373
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.ball-type {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.selectorBtnView,
.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.ball-type:hover {
    background: linear-gradient(90deg, rgba(80, 135, 241, 0.2), rgba(28, 105, 255, 0) 121.79%);
    color: #1e2638
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.unsettled-order {
    background-image: url(../images/outcache/history.5ee8.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.order-list {
    background-image: url(../images/outcache/order.5ee8.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.roll-ball {
    background-image: url(../images/outcache/rollball.8996.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.pop-events {
    background-image: url(../images/outcache/popular.d1ab.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.sports-events {
    background-image: url(../images/outcache/sport.981d.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.winner-events {
    background-image: url(../images/outcache/winner.e8ea.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.gotoMenus {
    padding-left: 38px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.gotoMenus:hover {
    background-color: rgba(0, 0, 0, 0) !important
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.menu-item>span.gotoMenus::after {
    display: none
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>.logoOImg {
    display: none
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box {
    border-top: none;
    padding: 10px 0 10px 0
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.allAmount-box {
    color: #42403d;
    background: #f5f8ff;
    box-sizing: border-box;
    padding: 10px 8px 5px 8px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.allAmount-box.chuanguan {
    margin-bottom: 0 !important;
    padding-bottom: 0
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.buttons {
    border-top: none;
    justify-content: center;
    padding: 0 8px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.buttons>span.cancel {
    width: 50px;
    margin-right: 20px;
    background-color: rgba(0, 0, 0, 0);
    border-color: #447eff;
    color: #447eff
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.buttons>span.submit {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.submit-box>div.buttons>span {
    flex: 1
}

.BtpXteo6PQ2KQWABj_LK div.menu-container div.match-types-box>div.match-types {
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK div.menu-container div.match-types-box>div.match-types>span.cancel {
    border-color: #447eff;
    color: #447eff
}

.BtpXteo6PQ2KQWABj_LK div.menu-container div.match-types-box>div.match-types>span.submit {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item {
    background: #f5f8ff;
    box-shadow: none
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>div.bet-close.red {
    background: #ff7373
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>div.name>span {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>div.name::before {
    width: 5px;
    height: 15px;
    margin-left: -8px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>div.league {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>.bet-info {
    border-radius: 3px;
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>.bet-info>.method {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>.bet-info>.odds {
    color: #42403d;
    font-weight: 500
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.orders>div.order-item>.bet-info>.odds span.odds.no-change {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.bet-types {
    margin-top: 0;
    padding-top: 10px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.bet-types>span {
    color: #868181;
    width: 26%;
    margin: 0 12%
}

.BtpXteo6PQ2KQWABj_LK div.menu-container>div.bet-types>span.active {
    border-bottom-color: #d0b293;
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.menu-container .noData {
    background-image: url(../images/outcache/noData.a790.png)
}

.BtpXteo6PQ2KQWABj_LK div.menu-container .gotoMenus {
    background: linear-gradient(90deg, #D2DBE9 1.32%, rgba(217, 217, 217, 0) 100%);
    color: #42403d;
    padding-left: 38px
}

.BtpXteo6PQ2KQWABj_LK div.menu-container .gotoMenus::before {
    background-color: #fff;
    padding: 2px 5px;
    top: 12%;
    background-size: auto 70%;
    border-radius: 10px
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .allAmount,
.BtpXteo6PQ2KQWABj_LK .amount-out-box .singleAmount {
    box-shadow: none;
    background: #fff;
    border: none
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .allAmount .input-box input,
.BtpXteo6PQ2KQWABj_LK .amount-out-box .singleAmount .input-box input {
    padding-right: 0;
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .allAmount .label,
.BtpXteo6PQ2KQWABj_LK .amount-out-box .singleAmount .label {
    border-right-color: #f5f8ff;
    background: none;
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney {
    background: none
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn {
    border: none;
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn:hover,
.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn:active {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    color: #fff
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn:hover.max,
.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn:active.max {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    color: #fff
}

.BtpXteo6PQ2KQWABj_LK .amount-out-box .fastMoney .amount_btn.max {
    border: none;
    color: #42403d;
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left {
    box-shadow: none
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys {
    border-radius: 8px;
    margin-bottom: 6px
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name {
    border-radius: 3px;
    border: none
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name>span {
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    padding: 4px 5px;
    background-color: #f8f8f8;
    position: relative
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name>span::after {
    content: "搜索";
    color: #fff;
    position: absolute;
    top: 7px;
    left: 7px
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name>input {
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name>input::placeholder {
    color: #757575
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .sort-box span:hover,
.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .sort-box span.actived {
    color: rgba(0, 0, 0, 0);
    background: linear-gradient(270deg, #3a63eb 0, #9f2ea8);
    background-clip: text;
    -webkit-background-clip: text
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings>select {
    box-shadow: none
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings .chipsBtn {
    border: none;
    border-radius: 2px;
    background-color: #f8f8f8;
    color: #000
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings .select-Leagut-btn {
    color: #000
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings .refreshBtn,
.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings .pannel,
.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys div.settings>select,
.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .match-name>input {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: inset 0 4px 11px 0 rgba(36, 93, 159, .11);
    color: #757575;
    border: 1px solid rgba(176, 176, 176, .4)
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .search-result .nodata {
    background-image: url(../images/outcache/noData.a790.png);
    background-size: auto 80%
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left>div.querys .search-result::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #d0b190;
    border-radius: 10px
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left div.leagues>div.league-item {
    background: #f0f7ff;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .06);
    border-radius: 8px;
    margin-bottom: 1px
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left div.leagues>div.league-item>.arrow-box i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABfSURBVHgBjY1RDkBADERrlwv0BPunZ3JHH47jChInkJaphCzBel+T9k2mEpEuACqz1vASQvNDXoKq9h5KontxBsw8YaHFMb6JI9ifH4VTpPzxULiIdJ89CojJzIZcdDZK1z9pwezNTgAAAABJRU5ErkJggg==);
    transform: rotate(180deg)
}

.BtpXteo6PQ2KQWABj_LK div.match-list-container>.left div.leagues>div.league-item>.arrow-box i.arrowDown {
    transform: rotate(0deg)
}

.BtpXteo6PQ2KQWABj_LK .chipSettiongBox .set-chip-header {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK .chipSettiongBox .set-chip-box .button-box div.submitOrder {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK .chipSettiongBox .set-chip-box .button-box div.clearAllOrder {
    border-color: #447eff;
    color: #447eff !important
}

.BtpXteo6PQ2KQWABj_LK .chipSettiongBox .set-chip-box .clean-btn {
    border-color: #447eff !important;
    color: #447eff !important
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container {
    border-radius: 8px;
    overflow: hidden
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div {
    border-radius: 2px
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div.no-change {
    border-color: #ebedf0
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div.no-change>span:nth-child(2) {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div.checked {
    background: #ddedff
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div.checked.rise>span:nth-child(2) {
    color: #f76e53
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.methods>div>div.odds-item>div.checked.fall>span:nth-child(2) {
    color: #5dc64e
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.infos>div.time>div {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.infos>div.time.cur {
    border-image-source: linear-gradient(158deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.infos div.score>div {
    color: #ff891d
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.infos div.score>div.more-methods {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBdY3BCYAwEAQ3q+DXEmzFDlKKbz9HUPxaiiWInaQD/fqJJkogBLJwLNzMcUAhahHRINfbud4YYyOgAlrfXUPuU5AiSK67itxmkSEHv0meoetkd/nRo8jxAeWNB7D582JeRPYafv1vMXcAAAAASUVORK5CYII=);
    color: #447eff;
    font-weight: 700
}

.BtpXteo6PQ2KQWABj_LK div.sport-match-item-container>div.infos div.score>div.more-methods.cur {
    color: #447eff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBdY3BCYAwEAQ3q+DXEmzFDlKKbz9HUPxaiiWInaQD/fqJJkogBLJwLNzMcUAhahHRINfbud4YYyOgAlrfXUPuU5AiSK67itxmkSEHv0meoetkd/nRo8jxAeWNB7D582JeRPYafv1vMXcAAAAASUVORK5CYII=)
}

.BtpXteo6PQ2KQWABj_LK .left .back {
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK .left .back>span {
    left: 52px
}

.BtpXteo6PQ2KQWABj_LK .left .back>span::before {
    background: url(../images/outcache/goback.5dd8.png) no-repeat;
    width: 30px;
    left: -36px;
    background-size: auto 100%
}

.BtpXteo6PQ2KQWABj_LK .left,
.BtpXteo6PQ2KQWABj_LK .right {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK .left .marketTypesItemBg,
.BtpXteo6PQ2KQWABj_LK .right .marketTypesItemBg {
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    background: url(../images/outcache/btn-bg.abd6.png) no-repeat;
    background-size: contain
}

.BtpXteo6PQ2KQWABj_LK .left .methodsItemTitleView,
.BtpXteo6PQ2KQWABj_LK .right .methodsItemTitleView {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK .left .methodsItemTitleView .icon,
.BtpXteo6PQ2KQWABj_LK .right .methodsItemTitleView .icon {
    width: 16px;
    height: 12px;
    margin-left: 5px;
    background: url(../images/outcache/title.d245.png) no-repeat;
    background-size: contain;
    padding-left: 0
}

.BtpXteo6PQ2KQWABj_LK .left .methodsItemView,
.BtpXteo6PQ2KQWABj_LK .right .methodsItemView {
    margin-top: 5px
}

.BtpXteo6PQ2KQWABj_LK .left .nodata,
.BtpXteo6PQ2KQWABj_LK .right .nodata {
    width: 240px;
    text-align: center;
    overflow: hidden;
    padding-top: 252px;
    box-sizing: border-box;
    margin: 0 auto
}

.BtpXteo6PQ2KQWABj_LK .left .nodata,
.BtpXteo6PQ2KQWABj_LK .right .nodata {
    background-image: url(../images/outcache/noData.a790.png)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shuju {
    background-image: url(../svg/shuju.4d56.svg)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shipin {
    background-image: url(../svg/shipin.e611.svg)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.donghua {
    background-image: url(../svg/donghua.22e5.svg)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.shuju {
    background-image: url(../svg/shuju_active.8eb7.svg)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.shipin {
    background-image: url(../svg/shipin_active.2218.svg)
}

.BtpXteo6PQ2KQWABj_LK div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.donghua {
    background-image: url(../svg/donghua_active.b6b2.svg)
}

.BtpXteo6PQ2KQWABj_LK .UnsettledBets-container .bet-item {
    background: #f5f8ff
}

.BtpXteo6PQ2KQWABj_LK .UnsettledBets-container .bet-item>div.cancel {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK .UnsettledBets-container .bet-item .orderList .orderList {
    background: #fff;
    margin-left: -5px;
    margin-right: -5px;
    border: none;
    border-radius: 0
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .fullLine.matchTeam .container {
    border: none
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .fullLine.matchTeam .container span {
    color: #868181 !important
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .container {
    border-radius: 3px;
    border: 1px solid #ebedf0;
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .container>span:first-child {
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .container>span:nth-child(2n) {
    color: #868181
}

.BtpXteo6PQ2KQWABj_LK .method-area-datacell-container .container.actived {
    background: #ddedff
}

.BtpXteo6PQ2KQWABj_LK .leagues-filter-box .header div.btn-confirm {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada)
}

.BtpXteo6PQ2KQWABj_LK .leagues-filter-box .header div:hover.btn-confirm {
    background: linear-gradient(158deg, #8fafff 15%, #4982eb 61.56%, #0d5ada);
    opacity: .8
}

.BtpXteo6PQ2KQWABj_LK .leagues-filter-box .header div:hover.btn-cancel {
    background-color: #ddedff;
    color: #4982eb
}

.BtpXteo6PQ2KQWABj_LK div.winner-list-container .leagueNameView {
    background: #f0f7ff;
    color: #42403d
}

.BtpXteo6PQ2KQWABj_LK div.winner-list-container .methodGroupContainer .methodGroupTitle {
    color: #447eff
}

.BtpXteo6PQ2KQWABj_LK div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem {
    border-radius: 3px;
    background: #f7f7f7
}

.BtpXteo6PQ2KQWABj_LK div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem:hover,
.BtpXteo6PQ2KQWABj_LK div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem.active {
    color: #000;
    background: rgba(44, 98, 244, .12)
}

.BtpXteo6PQ2KQWABj_LK .simple-event-box .league-item {
    margin-bottom: 5px
}

.BtpXteo6PQ2KQWABj_LK .simple-event-box .league-item .league-name {
    border-radius: 8px 8px 0 0;
    background: #fff
}

.BtpXteo6PQ2KQWABj_LK .simple-event-box .league-item .sport-match-item-container {
    border-radius: 0 0 8px 8px
}

.fb-history-container .fast-order-list button.ant-btn:hover {
    border-color: #447eff;
    color: #447eff
}

.fb-history-container .query {
    border: 1px solid #447eff;
    color: #447eff;
    background: none
}

.fb-history-container .query:hover {
    color: #fff;
    background: #447eff
}

.fb-history-container .noData {
    width: 150px;
    text-align: center;
    overflow: hidden;
    padding-top: 400px;
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
    line-height: 20px;
    font-size: 14px;
    background-size: 100%;
    background-image: url(../images/outcache/noData.a790.png)
}

.right .marketTypesItemView {
    height: 30px !important;
    margin-right: 0px !important;
    line-height: 30px !important;
    min-width: 77px !important
}

.method-area-datacell-container {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between
}

.method-area-datacell-container .fullLine {
    width: 100%;
    flex-direction: row;
    display: flex;
    justify-content: space-between
}

.method-area-datacell-container .fullLine.matchTeam .container {
    background: rgba(0, 0, 0, 0);
    color: #000
}

.method-area-datacell-container .fullLine.matchTeam .container span {
    line-height: 34px;
    color: #000
}

.method-area-datacell-container .container {
    margin-bottom: 10px;
    height: 34px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #fbfaff;
    border-radius: 2px;
    cursor: pointer
}

.method-area-datacell-container .container>span:first-child {
    color: #c3c3c3
}

.method-area-datacell-container .container>span:nth-child(2n) {
    color: #1e2638
}

.method-area-datacell-container .container.actived {
    background: #ddedff;
    color: #1e2638
}

.method-area-datacell-container .blankCell {
    margin-bottom: 10px;
    height: 34px
}

.method-area-datacell-container .textLeft {
    color: #c3c3c3;
    padding-left: 10px;
    font-size: 12px
}

.method-area-datacell-container .textLeft,
.method-area-datacell-container .textRight {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.method-area-datacell-container .textRight {
    padding-right: 10px;
    color: #000;
    font-size: 12px
}

.method-area-datacell-container .textRight.rise,
.method-area-datacell-container .textRight.fall {
    position: relative
}

.method-area-datacell-container .textRight.rise::before,
.method-area-datacell-container .textRight.fall::before {
    position: absolute;
    content: "";
    top: 4px;
    right: 3px;
    width: 6px;
    height: 5px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    animation: swinkling 1s infinite ease-in-out
}

.method-area-datacell-container .textRight.rise {
    color: #f76e53 !important
}

.method-area-datacell-container .textRight.rise::before {
    background-image: url(../images/outcache/rise.b73e.png)
}

.method-area-datacell-container .textRight.fall {
    color: #5dc64e !important
}

.method-area-datacell-container .textRight.fall::before {
    background-image: url(../images/outcache/fall.bdca.png)
}

.method-area-datacell-container .locked {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAA20lEQVQ4EWNgGGjAiM0Bq1atYrvz6EMzw///sWB5RsbFKnICtWFhYb/Q1TOhC4D4IM2M/xl02ZlYzUGY8f9/PbCBWBSzYBFjANnMxM5kVpyX9AQk39s7L+3nv98ngcxyrOrRBdu6Zv4nRgykBqsX0DXj46MEYlv3rLdA5wvh08DAyPiuqjRNGKYG1QWENIN0oalBNQBmLJRmZGTcB8Jowihc7LEAVcLEwQxOB3+//3mKoguJg9eAfz/+LkZSi5WJ14D///87YdWFJIgaBsAQRpLDziRGDXadNBIFAIziP1yvWRk8AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 16px 16px;
    padding-right: 10px
}

@keyframes swinkling {
    0% {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    100% {
        opacity: 1
    }
}

.left .back,
.right .back,
.liveBet .back {
    height: 40px;
    width: 100%;
    line-height: 40px;
    padding: 0 15px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    background: #fff
}

.left .back>span,
.right .back>span,
.liveBet .back>span {
    position: absolute;
    line-height: 40px;
    left: 35px;
    font-size: 14px;
    cursor: pointer
}

.left .back>span::before,
.right .back>span::before,
.liveBet .back>span::before {
    position: absolute;
    left: -23px;
    top: 11px;
    content: "";
    height: 18px;
    width: 18px;
    background: url(../images/outcache/ic_return.1633.png);
    background-size: 100%
}

.left .more-methods,
.right .more-methods,
.liveBet .more-methods {
    cursor: pointer
}

.left .title,
.right .title,
.liveBet .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center
}

.left .block,
.right .block,
.liveBet .block {
    height: 30px;
    width: 15%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.left .text,
.right .text,
.liveBet .text {
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff
}

.left .icon,
.right .icon,
.liveBet .icon {
    padding-left: 10px;
    justify-content: flex-start
}

.left .matchInfo,
.right .matchInfo,
.liveBet .matchInfo {
    flex-direction: row;
    height: 80px;
    width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: flex
}

.left .matchInfoTeam,
.right .matchInfoTeam,
.liveBet .matchInfoTeam {
    width: 30%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    display: flex
}

.left .matchInfoIcon,
.right .matchInfoIcon,
.liveBet .matchInfoIcon {
    width: 45px;
    height: 45px
}

.left .matchInfoName,
.right .matchInfoName,
.liveBet .matchInfoName {
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff
}

.left .matchInfoScore,
.right .matchInfoScore,
.liveBet .matchInfoScore {
    width: 40%;
    justify-content: center;
    align-items: center;
    display: grid
}

.left .matchInfoPhaseName,
.right .matchInfoPhaseName,
.liveBet .matchInfoPhaseName {
    width: 100%;
    text-align: center;
    font-size: 14;
    color: #fff
}

.left .matchInfoPhasScore,
.right .matchInfoPhasScore,
.liveBet .matchInfoPhasScore {
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #fff
}

.left .methodsView,
.right .methodsView,
.liveBet .methodsView {
    display: flex;
    flex: 1;
    background-color: #f3f3f3;
    height: calc(844px - 0%);
    overflow-y: auto
}

.left .match-header,
.right .match-header,
.liveBet .match-header {
    height: 45px;
    width: 100%;
    background-color: #fff
}

.left .marketTypesView,
.right .marketTypesView,
.liveBet .marketTypesView {
    height: 45px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    box-sizing: border-box;
    width: calc(100% - 45px);
    padding-top: 6px;
    position: relative
}

.left .marketTypesView div.typs,
.right .marketTypesView div.typs,
.liveBet .marketTypesView div.typs {
    display: inline-block
}

.left .marketTypesView::-webkit-scrollbar,
.right .marketTypesView::-webkit-scrollbar,
.liveBet .marketTypesView::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #f6f8fb
}

.left .marketTypesView::-webkit-scrollbar-track,
.right .marketTypesView::-webkit-scrollbar-track,
.liveBet .marketTypesView::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.left .marketTypesView::-webkit-scrollbar-thumb,
.right .marketTypesView::-webkit-scrollbar-thumb,
.liveBet .marketTypesView::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.left .marketTypesItemView,
.right .marketTypesItemView,
.liveBet .marketTypesItemView {
    height: 33px;
    justify-content: center;
    margin-right: 10px;
    text-align: center;
    line-height: 33px;
    min-width: 80px;
    cursor: pointer
}

.left .moreMarketIcon,
.right .moreMarketIcon,
.liveBet .moreMarketIcon {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: #fff;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
    cursor: pointer
}

.left .moreMarketIcon.open,
.right .moreMarketIcon.open,
.liveBet .moreMarketIcon.open {
    background-image: url(../images/outcache/arrow.57e5.png);
    transform: rotate(180deg)
}

.left .moreMarketIcon.close,
.right .moreMarketIcon.close,
.liveBet .moreMarketIcon.close {
    background-image: url(../images/outcache/arrow.57e5.png);
    transform: rotate(0deg)
}

.left .marketTypesItemBg,
.right .marketTypesItemBg,
.liveBet .marketTypesItemBg {
    min-width: 80px;
    margin-left: 0;
    margin-right: 0;
    background: url(../images/outcache/btn-bg.abd6.png) no-repeat center;
    background-size: 100% 100%
}

.left .marketTypesText,
.right .marketTypesText,
.liveBet .marketTypesText {
    font-size: 14px;
    min-width: 80px;
    text-align: center;
    color: #767677
}

.left .methodsContentView,
.right .methodsContentView,
.liveBet .methodsContentView {
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    overflow-y: auto
}

.left .methodsContentView.details,
.right .methodsContentView.details,
.liveBet .methodsContentView.details {
    height: calc(100% - 285px)
}

.left .methodsContentView::-webkit-scrollbar,
.right .methodsContentView::-webkit-scrollbar,
.liveBet .methodsContentView::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #f6f8fb
}

.left .methodsContentView::-webkit-scrollbar-track,
.right .methodsContentView::-webkit-scrollbar-track,
.liveBet .methodsContentView::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.left .methodsContentView::-webkit-scrollbar-thumb,
.right .methodsContentView::-webkit-scrollbar-thumb,
.liveBet .methodsContentView::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #b8c0d8;
    border-radius: 10px
}

.left .methodsContentScrollView,
.right .methodsContentScrollView,
.liveBet .methodsContentScrollView {
    flex-direction: row;
    flex-wrap: wrap
}

.left .methodsItemView,
.right .methodsItemView,
.liveBet .methodsItemView {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box
}

.left .methodsDataView,
.right .methodsDataView,
.liveBet .methodsDataView {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap
}

.left .methodsItemTitleView,
.right .methodsItemTitleView,
.liveBet .methodsItemTitleView {
    height: 37px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.left .methodsItemTitleView .icon,
.right .methodsItemTitleView .icon,
.liveBet .methodsItemTitleView .icon {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 10px;
    margin-left: 5px;
    background-image: url(../images/outcache/ic-title.d245.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    vertical-align: middle
}

.left .methodsItemTitleView>.arrow,
.right .methodsItemTitleView>.arrow,
.liveBet .methodsItemTitleView>.arrow {
    width: 15px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 15px
}

.left .methodsItemTitleView>.arrow.open,
.right .methodsItemTitleView>.arrow.open,
.liveBet .methodsItemTitleView>.arrow.open {
    background-image: url(../images/outcache/arrow.57e5.png);
    transform: rotate(180deg);
    background-position: center right;
    padding-right: 20px
}

.left .methodsItemTitleView>.arrow.close,
.right .methodsItemTitleView>.arrow.close,
.liveBet .methodsItemTitleView>.arrow.close {
    background-image: url(../images/outcache/arrow.57e5.png);
    transform: rotate(0deg);
    background-position: center left;
    padding-left: 20px
}

.left .methodsItemTitleIcon,
.right .methodsItemTitleIcon,
.liveBet .methodsItemTitleIcon {
    width: 16px;
    height: 12px;
    margin-right: 5px
}

.left .methodsItemTitleText,
.right .methodsItemTitleText,
.liveBet .methodsItemTitleText {
    font-size: 14;
    color: #000
}

.left .methodsItemArrowIcon,
.right .methodsItemArrowIcon,
.liveBet .methodsItemArrowIcon {
    margin-left: auto;
    color: #cbd2dd;
    font-size: 22
}

.left .nodata,
.right .nodata,
.liveBet .nodata {
    width: 317px;
    height: 294px;
    margin: 50px auto;
    background: url(../images/outcache/empty.ef22.png) no-repeat center/100%;
    color: rgba(0, 0, 0, 0)
}

.left .nodata p,
.right .nodata p,
.liveBet .nodata p {
    line-height: 20px
}

@keyframes an-pop-up {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    100% {
        transform: translate3d(0, 0, 0)
    }
}

.left .openBtn,
.right .openBtn,
.liveBet .openBtn {
    width: 4.5rem;
    height: 4.5rem
}

.left .openBtnBox,
.right .openBtnBox,
.liveBet .openBtnBox {
    position: absolute;
    bottom: 50px;
    right: 0;
    width: 4.5rem;
    height: 4.5rem;
    z-index: 11111
}

.left .ordersLength,
.right .ordersLength,
.liveBet .ordersLength {
    position: absolute;
    right: .8rem;
    top: 1rem;
    background-color: #f35a4e;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: .8rem;
    text-align: center;
    border: 2px #fff solid;
    box-sizing: content-box;
    color: #fff;
    font-weight: 600
}

.left>.header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 190px;
    width: 100%;
    background: url(../images/outcache/bg.69f6.jpg) no-repeat center;
    background-size: 100% 100%
}

.left>.header .header-content {
    width: 80%;
    height: 118px;
    background: rgba(0, 0, 0, .3);
    margin: 0 auto;
    margin-top: 35px;
    color: #fff
}

.left>.header .team {
    height: 120px;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box
}

.left>.header .team>div {
    flex: 1;
    text-align: center
}

.left>.header .team>div:first-child,
.left>.header .team>div:last-child {
    flex: 1.5
}

.left>.header .team>div>img,
.left>.header .team>div>span {
    display: block;
    list-style: none;
    line-height: 30px
}

.left>.header .team>div img {
    width: 25px;
    height: 25px;
    margin: 0 auto
}

.left>.header .team>div .vs {
    font-size: 18px;
    font-weight: bold
}

.left>.header .team>div>span em {
    color: #ff891d;
    font-size: 18px;
    font-weight: bold;
    vertical-align: bottom
}

.liveBet {
    width: 796px
}

.liveBet .show_right {
    overflow-y: auto
}

.liveBet .show_right .methodsContentView {
    height: 430px
}

.liveBet .winable-amount-box .winable-amount {
    margin-left: 10px
}

.liveBet .winable-amount-box .title {
    display: inline
}

.liveBet .sport-match-detail-container {
    text-align: center;
    min-height: 100%
}

.liveBet .sport-match-detail-container .methodsContentView {
    max-height: inherit !important
}

.liveBet .sport-match-detail-container .methodsItemTitleView>div {
    text-align: left
}

.liveBet .home-shoppingBar-box1 {
    position: fixed;
    left: 40%;
    top: 15%;
    width: 520px;
    padding: 20px 20px 0 20px;
    background: url(../images/outcache/homeShoppingBar-bg.6713.png) no-repeat center/640px auto;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 16px;
    z-index: 99;
    opacity: .95
}

.liveBet .home-shoppingBar-box1 .menu-container-homelive {
    border-radius: 0;
    padding-bottom: 0
}

.liveBet .home-shoppingBar-box1 .Hearder {
    position: relative;
    background: url(../images/outcache/shoppingBarHeader-bg.95a2.png) no-repeat center/100% 100%;
    height: 60px;
    color: #fff;
    z-index: 2;
    cursor: pointer
}

.liveBet .home-shoppingBar-box1 .Hearder h4 {
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 20px
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .header-details-info {
    display: flex;
    height: 100%;
    align-items: center
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .header-details-info img {
    height: 65%
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .header-details-info span {
    width: 136px;
    margin-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .header-details-info.ht_info span {
    margin-left: 0;
    margin-right: 10px;
    text-align: right
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .header-details-info.at_info span {
    text-align: left
}

.liveBet .home-shoppingBar-box1 .Hearder h4 .header-details .img-vs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 124px;
    height: 108px;
    background: url(../images/outcache/VS.359e.png) no-repeat center/100% 100%
}

.liveBet .home-shoppingBar-box1 .Hearder .gotoMenus {
    position: absolute;
    right: -16px;
    top: -16px;
    height: 20px;
    width: 20px;
    background: url(../images/outcache/closd.8dc6.png) no-repeat center/100% 100%;
    cursor: pointer
}

.liveBet .home-shoppingBar-box1 .Hearder .menusTab {
    border-bottom: solid 1px #e7e7e7;
    height: 40px;
    line-height: 40px
}

.liveBet .home-shoppingBar-box1 .Hearder .menusTab h4 {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    position: relative;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer
}

.liveBet .home-shoppingBar-box1 .Hearder .menusTab h4.actived,
.liveBet .home-shoppingBar-box1 .Hearder .menusTab h4:hover {
    color: #65b6fb
}

.liveBet .home-shoppingBar-box1 .Hearder .menusTab h4.actived::after,
.liveBet .home-shoppingBar-box1 .Hearder .menusTab h4:hover::after {
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    background-image: linear-gradient(90deg, #00fcad, #00c8e3);
    width: 20px;
    left: calc(50% - 10px)
}

.liveBet .home-shoppingBar-box1 .submit-box-title {
    display: inline-block;
    vertical-align: top
}

.liveBet .home-shoppingBar-box1 .amount-out-box {
    display: inline-block;
    margin-left: 10px
}

.liveBet .home-shoppingBar-box1 .menu-container>div.submit-box {
    background: linear-gradient(0deg, #f2f3ff 28%, #dfdcff);
    border: 1px solid #fff;
    box-shadow: 0 5px 20px 0 rgba(113, 79, 135, .5);
    border-radius: 16px 16px 0 0
}

.liveBet .home-shoppingBar-box1 .menu-container>div.submit-box div.buttons>span.cancel {
    background-color: #fff;
    color: #a56994;
    border: 1px solid #a76a94
}

.liveBet .home-shoppingBar-box1 .menu-container>div.submit-box>div.buttons>span.submit {
    background: linear-gradient(0deg, #6f4e86, #a76a94);
    color: #fff
}

.liveBet .home-shoppingBar-box1 .gotoMenus-box {
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px
}

.liveBet .home-shoppingBar-box1 .gotoMenus-box .gotoMenus {
    display: inline-block;
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 18px;
    border-radius: 6px;
    color: #333;
    vertical-align: middle;
    cursor: pointer
}

.liveBet .home-shoppingBar-box1 .gotoMenus-box .gotoMenus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAAAtElEQVQ4EWP8//8/MwMVARMVzQIbNQwNtLW1NcAXTCR52czMrPT79+/HXF1d5XEZyoJLAl0cZNi/f/+a2NnZo3bv3v0QXR7GJ8qFyIYdPXp0PUwzNpqggaQYBrIAr4GkGkbQQGxeIiSG14WnTp3qZmJiqvv58+cya2vrQEKGEeVCUg3F60KYi0gxlJGU0gYaSY2CgoKaONMiyEBSsI2NjTE+9SS5EBYE+GiiwhCfAehyg99AAPI0ibjx5kv5AAAAAElFTkSuQmCC) no-repeat center/100% 100%
}

.liveBet .home-shoppingBar-box1 .ShoppingContent::-webkit-scrollbar {
    width: 5px
}

.liveBet .home-shoppingBar-box1 .ShoppingContent::-webkit-scrollbar-track {
    background-color: #ddd
}

.liveBet .home-shoppingBar-box1 .ShoppingContent::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #f0f4fd
}

.liveBet .home-shoppingBar-box1 .ShoppingContent>div {
    width: 100%
}

.liveBet .home-shoppingBar-box1 .ShoppingContent>div.show {
    display: block
}

.liveBet .home-shoppingBar-box1 .ShoppingContent>div.hidden {
    display: none
}

.liveBet .home-shoppingBar-box1 .normall,
.liveBet .home-shoppingBar-box1 .tandem {
    box-sizing: border-box
}

.liveBet .method-area-datacell-container .textLeft,
.liveBet .method-area-datacell-container .textRight,
.liveBet .method-area-datacell-container .locked {
    width: 50%;
    padding: 0;
    text-align: center
}

.liveBet div.menu-container {
    width: 100%;
    border-radius: 0
}

.liveBet div.menu-container .menu-item {
    display: none
}

.liveBet div.menu-container .bet-types {
    display: none
}

.liveBet div.menu-container div.orders div.winable-amount-box {
    justify-content: flex-start;
    margin-top: 55px
}

.liveBet div.menu-container div.orders div.winable-amount-box .winable-amount {
    margin-left: 10px
}

.liveBet div.menu-container div.orders div.winable-amount-box .title {
    display: inline
}

.liveBet div.menu-container div.orders>div.order-item {
    display: inline-block;
    width: 50%;
    position: relative
}

.liveBet div.menu-container div.orders>div.order-item>div.name>span {
    display: none
}

.liveBet div.menu-container div.orders>div.order-item>div.league {
    display: none
}

.liveBet div.menu-container div.orders>div.order-item>div.name {
    position: absolute;
    right: 15px
}

.liveBet div.menu-container div.orders>div.order-item>div.name::before {
    display: none
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box {
    position: relative;
    width: 225px
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .limit_amount {
    top: 31px;
    left: 12px;
    width: 180px;
    height: 37px;
    line-height: 29px;
    text-align: center;
    border-radius: 4px;
    font-size: 12px;
    color: #36c
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount {
    display: flex;
    border: solid 1px rgba(92, 21, 69, .15);
    line-height: 30px;
    height: 30px;
    padding-bottom: 0;
    box-sizing: border-box;
    background: #f8f8f8;
    margin-bottom: 5px;
    box-shadow: 0px 3px 6px 0px rgba(243, 231, 250, .6);
    border-radius: 2px;
    border: solid 1px rgba(140, 119, 177, .48);
    position: relative
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .label,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .label {
    font-size: 12px;
    color: rgba(0, 0, 0, 0);
    padding: 0 6px;
    text-align: center;
    font-family: "PingFang SC";
    border-right: 1px solid rgba(140, 119, 177, .48);
    background-size: 21px auto
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .input-box,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .input-box {
    width: 100%
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .input-box .ctrl_btn,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .input-box .ctrl_btn {
    width: 24px;
    height: 28px;
    background-color: #f8f8f8;
    border: none;
    line-height: 27px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #a7a7a7
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .input-box input,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .input-box input {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 8px;
    font-size: 12px;
    background: #fff;
    border: none;
    height: 26px;
    line-height: 26px;
    vertical-align: top
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .input-box .show-fast,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .input-box .show-fast {
    width: 26px;
    height: 28px;
    background: #f6f3fe;
    border-radius: 0 1px 0 0;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid rgba(140, 119, 177, .48);
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .singleAmount .input-box .show-fast::before,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .allAmount .input-box .show-fast::before {
    position: absolute;
    content: "";
    left: calc(50% - 7px);
    top: calc(50% - 5px);
    width: 14px;
    height: 9px
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney {
    position: absolute;
    top: 33px
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn {
    display: inline-block;
    width: 30%;
    margin: 0 3.3% 4px 0;
    height: 20px;
    line-height: 10px;
    padding: 5px;
    border: 1px solid #c7bdd9;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn.max {
    background-size: 100% 100%;
    border-color: rgba(0, 0, 0, 0);
    position: relative;
    color: rgba(0, 0, 0, 0)
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn.max:hover,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn.max:active {
    color: rgba(0, 0, 0, 0)
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn:hover,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn:active {
    color: #36c;
    background-color: #f6f3fe;
    border-radius: 2px
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn:nth-child(3),
.liveBet div.menu-container div.orders>div.order-item .amount-out-box .fastMoney .amount_btn:nth-child(6) {
    margin: 0
}

.liveBet div.menu-container div.orders>div.order-item .method,
.liveBet div.menu-container div.orders>div.order-item div.odds,
.liveBet div.menu-container div.orders>div.order-item .amount-out-box {
    display: block
}

.liveBet div.menu-container div.orders>div.order-item .odds {
    margin-left: 0px
}

.liveBet div.menu-container div.orders>div.order-item .amount-out-box {
    margin-top: 5px
}

.liveBet .match-header {
    border-bottom: 1px solid #f5f5f5
}

.liveBet .marketTypesText {
    color: #8d9198
}

.liveBet .marketTypesView {
    margin-top: 6px
}

.liveBet .marketTypesItemBg {
    background: none;
    border-bottom: 1px solid #c287fd
}

.liveBet .marketTypesItemBg .marketTypesText {
    color: #211627 !important
}

.liveBet .method-area-datacell-container .container {
    background: #f3f3ff;
    color: #7679ba
}

.liveBet .method-area-datacell-container .container>span:first-child {
    color: #7679ba
}

.liveBet .method-area-datacell-container .container>span:nth-child(2n) {
    color: #1e2638
}

.liveBet .method-area-datacell-container .container.actived {
    background: linear-gradient(270deg, #c287fd, #9393f8)
}

.liveBet .method-area-datacell-container .container.actived>span:first-child {
    color: #fff
}

.liveBet .method-area-datacell-container .container:hover {
    background: linear-gradient(270deg, rgba(194, 135, 253, 0.3), rgba(147, 147, 248, 0.3))
}

.DIWnqJoR3KLcbNLinpoG .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32px;
    color: #8891b1;
    margin-bottom: 50px
}

.DIWnqJoR3KLcbNLinpoG .title .title-left {
    display: flex;
    align-items: center
}

.DIWnqJoR3KLcbNLinpoG .title .title-left .title-icon {
    height: 36px
}

.DIWnqJoR3KLcbNLinpoG .title .title-left p {
    margin: 0 14px
}

.DIWnqJoR3KLcbNLinpoG .title .title-left .text-icon {
    height: 10px
}

.DIWnqJoR3KLcbNLinpoG .title .title-left .text {
    font-size: 16px;
    color: #8891b1;
    margin-left: 15px
}

.DIWnqJoR3KLcbNLinpoG .title .title-right {
    font-size: 24px;
    font-weight: 700;
    color: #8b8fa8
}

.CYoiUzV3T0rMCUhRxAYi {
    margin: 40px auto 56px
}

.CYoiUzV3T0rMCUhRxAYi .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    cursor: pointer
}

.CYoiUzV3T0rMCUhRxAYi .item.official::after {
    position: absolute;
    content: "";
    top: 0;
    width: 58px;
    height: 58px;
    background-size: 100%;
    background-image: url(../images/precache/official.53c2.png)
}

.CYoiUzV3T0rMCUhRxAYi .item .logo {
    width: 58px;
    height: 58px;
    background: linear-gradient(0deg, #eaedfc, #fdfeff 99%);
    box-shadow: 0 2px 1px 0 #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.CYoiUzV3T0rMCUhRxAYi .item .logo img {
    width: 80%
}

.CYoiUzV3T0rMCUhRxAYi .item .active {
    background-image: linear-gradient(135deg, #8fafff, #4982eb 50%, #0d5ada);
    box-shadow: 0 1px 2px 0 rgba(255, 255, 255, .25)
}

.CYoiUzV3T0rMCUhRxAYi .item .name {
    font-weight: 400;
    font-stretch: normal;
    line-height: 30px;
    font-size: 12px;
    color: #868181;
    text-align: center
}

.s5w1yhRmK4Qosuen1bAW {
    position: absolute;
    top: 25px;
    right: 15px;
    z-index: 2
}

.s5w1yhRmK4Qosuen1bAW li {
    position: relative;
    width: 175px;
    height: 66px;
    transition: all .2s;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain
}

.s5w1yhRmK4Qosuen1bAW li.off {
    display: none
}

.s5w1yhRmK4Qosuen1bAW li.mnt {
    cursor: default;
    pointer-events: none
}

.s5w1yhRmK4Qosuen1bAW li.mnt::before {
    position: absolute;
    content: "";
    top: 8px;
    left: -25px;
    width: 25px;
    height: 32px;
    background: url(../svg/mnt-msg.2cfa.svg) no-repeat 50%
}

.s5w1yhRmK4Qosuen1bAW li.mnt>div>i {
    background-image: url(../images/precache/maint.01e2.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-im {
    background-image: url(../images/precache/im.332c.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-im:hover {
    background-image: url(../images/precache/im-h.e17c.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .sport-obg {
    background-image: url(../images/precache/obg.59f3.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-obg:hover {
    background-image: url(../images/precache/obg-h.0365.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .sport-fb {
    background-image: url(../images/precache/fb.4100.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-fb:hover {
    background-image: url(../images/precache/fb-h.4c28.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .sport-imone {
    background-image: url(../images/precache/imone.f817.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-imone:hover {
    background-image: url(../images/precache/imone-h.82a8.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .casino-ag {
    background-image: url(../images/precache/ag.8fe9.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-ag:hover {
    background-image: url(../images/precache/ag-h.bfcf.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .casino-obgzr {
    background-image: url(../images/precache/obgzr.b4fa.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-obgzr:hover {
    background-image: url(../images/precache/obgzr-h.48a2.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .casino-bg {
    background-image: url(../images/precache/bg.1839.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bg:hover {
    background-image: url(../images/precache/bg-h.00cf.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .casino-bbin {
    background-image: url(../images/precache/bbin.4a59.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bbin:hover {
    background-image: url(../images/precache/bbin-h.a130.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .casino-pt {
    background-image: url(../images/precache/pt.bd95.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-pt:hover {
    background-image: url(../images/precache/pt-h.0198.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .esports-lh {
    background-image: url(../images/precache/lh.a535.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-lh:hover {
    background-image: url(../images/precache/lh-h.a1c9.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .esports-obgdj {
    background-image: url(../images/precache/obgdj.266b.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-obgdj:hover {
    background-image: url(../images/precache/obgdj-h.e76b.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .esports-imone {
    background-image: url(../images/precache/imone.48c5.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-imone:hover {
    background-image: url(../images/precache/imone-h.f243.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn5fc {
    background-image: url(../images/precache/hn5fc.aabc.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn5fc:hover {
    background-image: url(../images/precache/hn5fc-h.af07.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn1fc {
    background-image: url(../images/precache/hn1fc.5b6c.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn1fc:hover {
    background-image: url(../images/precache/hn1fc-h.1353.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .lottery-jnd30m {
    background-image: url(../images/precache/jnd30m.3f17.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-jnd30m:hover {
    background-image: url(../images/precache/jnd30m-h.a93f.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .lottery-txffc {
    background-image: url(../images/precache/txffc.0e86.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-txffc:hover {
    background-image: url(../images/precache/txffc-h.1f88.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .lottery-xyft {
    background-image: url(../images/precache/xyft.08d5.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-xyft:hover {
    background-image: url(../images/precache/xyft-h.7348.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .chess-yy {
    background-image: url(../images/precache/yy.6a40.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-yy:hover {
    background-image: url(../images/precache/yy-h.6021.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .chess-aug {
    background-image: url(../images/precache/aug.8e9b.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-aug:hover {
    background-image: url(../images/precache/aug-h.520e.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .chess-wali {
    background-image: url(../images/precache/wali.82df.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-wali:hover {
    background-image: url(../images/precache/wali-h.4063.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .chess-obgqp {
    background-image: url(../images/precache/obgqp.366d.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-obgqp:hover {
    background-image: url(../images/precache/obgqp-h.b540.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .chess-ky {
    background-image: url(../images/precache/ky.1c23.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-ky:hover {
    background-image: url(../images/precache/ky-h.5230.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-pp {
    background-image: url(../images/precache/pp.ea6d.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pp:hover {
    background-image: url(../images/precache/pp-h.3254.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-ag {
    background-image: url(../images/precache/ag.774e.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-ag:hover {
    background-image: url(../images/precache/ag-h.470e.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-agArcade {
    background-image: url(../images/precache/agArcade.4a9e.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-agArcade:hover {
    background-image: url(../images/precache/agArcade-h.c7d0.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-bbin {
    background-image: url(../images/precache/bbin.0e0e.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-bbin:hover {
    background-image: url(../images/precache/bbin-h.b35d.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-pt {
    background-image: url(../images/precache/pt.8c6b.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pt:hover {
    background-image: url(../images/precache/pt-h.6684.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .slot-pg {
    background-image: url(../images/precache/pg.b7fb.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pg:hover {
    background-image: url(../images/precache/pg-h.ada8.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .fishing-ag {
    background-image: url(../images/precache/ag.2df7.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-ag:hover {
    background-image: url(../images/precache/ag-h.0e48.png);
    transform: perspective(1px) scale(1.1)
}

.s5w1yhRmK4Qosuen1bAW .fishing-sg {
    background-image: url(../images/precache/sg.b39c.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-sg:hover {
    background-image: url(../images/precache/sg-h.b272.png);
    transform: perspective(1px) scale(1.1)
}

._r1NGr7Mjs0Kx4F8d_xF .content-box {
    position: relative;
    padding: 0;
    height: 700px;
    background: linear-gradient(0deg, rgba(236, 236, 249, 0.5019607843), rgba(242, 242, 250, 0.5019607843));
    box-shadow: 0 2px 15px 0 rgba(109, 105, 214, .2)
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center {
    height: 596px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-img {
    position: absolute;
    top: -18px;
    right: -212px;
    width: 1006px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: contain
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main {
    position: relative;
    padding-left: 40px;
    padding-top: 40px;
    z-index: 2
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header {
    width: 465px;
    height: 90px;
    display: flex;
    margin-bottom: 45px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header .title {
    font-size: 62px;
    color: #b8c0d8;
    font-weight: 400;
    line-height: 90px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header .title-right {
    width: 130px;
    margin-left: 6px;
    display: flex;
    flex-direction: column;
    justify-content: start
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header .title-right h5 {
    font-size: 30px;
    line-height: 42px;
    color: #8792b2;
    margin-top: 10px;
    font-weight: 400
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header .title-right p {
    font-size: 18px;
    line-height: 26px;
    color: #f86a22
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main>p {
    width: 357px;
    color: #b8c0d8;
    line-height: 23px;
    font-size: 14px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .enterGameBtn {
    display: block;
    width: 172px;
    height: 57px;
    background: url(../svg/enterGameBtn.4985.svg) no-repeat 100%/100%;
    margin-top: 75px;
    cursor: pointer;
    color: #f8fbff;
    font-size: 24px;
    line-height: 65px;
    background-size: auto 100%;
    background-position: left center
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center-tab {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 104px;
    background: linear-gradient(0deg, rgba(231, 233, 255, 0.7019607843) 1%, rgba(248, 249, 255, 0.7019607843));
    padding: 15px 30px;
    border: 1px solid #fff;
    border-radius: 26px;
    box-shadow: 0 9px 13px 0 rgba(158, 168, 255, .26), inset 0 -3px 7px 0 rgba(183, 183, 255, .19);
    box-sizing: border-box
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center-tab .gameTab {
    width: 167px;
    height: 73px;
    background-size: contain;
    cursor: pointer
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center-tab .gameTab img {
    width: 100%
}

.WW83GzSfWFnGcrJ59Tt4 .content-box {
    background: url(../images/precache/app-bg.a017.png) no-repeat 50%/100% 100%;
    width: 100%;
    height: 572px;
    padding: 70px 100px !important;
    box-shadow: 5px 10px 16px rgba(144, 80, 192, .0823529412);
    box-sizing: border-box
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .left-img {
    float: left;
    width: 491px;
    height: 420px;
    background: url(../images/precache/app-download-leftImg.1fef.png) no-repeat 50%/100% 100%
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area {
    float: right;
    width: 400px;
    border-radius: 15px;
    padding-top: 20px;
    margin-bottom: 20px;
    box-sizing: border-box
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #3f1a41
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .main-content-text {
    margin-bottom: 10px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .main-content-text .main-title {
    color: #b8c0d8;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 32px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .main-content-text .live-tips {
    width: 123px;
    height: 24px;
    background: url(../images/precache/live.495a.png) no-repeat 100%/100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: none
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .main-content-text p {
    font-size: 14px;
    color: #b8c0d8;
    line-height: 24px;
    margin-top: 10px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp {
    display: flex
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text {
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 17px;
    box-sizing: border-box;
    color: #8891b1;
    padding: 19px;
    border-radius: 10px;
    background-size: 100% auto
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item .qrcode {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    background: #fbfbff;
    border: 12px solid #fff
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item .useUrl {
    background: url(../svg/img-html5.b28e.svg) no-repeat center;
    border-color: rgba(0, 0, 0, 0)
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item>.title {
    margin-top: 15px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #8891b1;
    justify-content: center
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item .content-text {
    text-align: center;
    font-size: 12px;
    line-height: 15px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item .content-text a {
    text-decoration: underline;
    color: #4075fe;
    font-weight: 600
}

.VLQ8Z9dNVul957d6WUxI .pro-service {
    padding-bottom: 60px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top {
    display: flex;
    justify-content: space-between;
    height: 240px;
    padding: 0 12px;
    margin-bottom: 50px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item {
    width: 180px;
    text-align: center;
    color: #6c7ba8;
    margin-top: 20px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box {
    position: relative;
    width: 180px;
    height: 180px;
    background: url(../svg/dashBoard-box.1086.svg) no-repeat 0/cover
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box .dashBoard-progress {
    width: 126px;
    padding-left: 31px;
    padding-top: 33px;
    box-sizing: border-box
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box .dashBoard-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 45px;
    display: flex;
    align-items: end;
    justify-content: center;
    color: #fff
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box .dashBoard-info .dashBoard-info-en {
    font-size: 8px;
    color: #6c7ba8;
    transform: scale(0.64)
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box .dashBoard-info .dashBoard-info-num {
    font-size: 45px;
    font-weight: 600
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-box .dashBoard-info .dashBoard-info-uint {
    font-size: 20px;
    padding-bottom: 7px;
    margin-left: 7px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-name {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #1e2638
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-name-en {
    font-size: 12px;
    color: #6c7ba8;
    white-space: nowrap
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #e1dede;
    border-radius: 1px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 47px 45px 5px 60px;
    box-sizing: border-box
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .title-img {
    margin-right: 20px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .title-img .title-icon {
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: cover
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .card-item-top {
    display: flex;
    margin-right: 55px;
    margin-bottom: 19px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .card-item-top .card-title {
    margin-top: 20px
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .card-item-top .card-title .title-text {
    margin-bottom: 7px;
    font-size: 20px;
    font-weight: 700;
    color: #1e2638
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .card-item-top .card-title .title-text-en {
    font-size: 13px;
    color: #6c7ba8
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item p {
    line-height: 25px;
    font-size: 14px;
    color: #9597a5
}

.AgG07fQKJD8wywp8fBJm {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.AgG07fQKJD8wywp8fBJm .main {
    flex: 1;
    width: 100%;
    height: 80vh;
    background: url(../images/precache/bg.3e8d.jpg) no-repeat;
    background-size: cover;
    position: relative
}

.qFxo_kHrdvmsB0Tq0LHB {
    min-height: 100vh;
    background: url(../images/outcache/bg.5e74.jpg) no-repeat center top #fff;
    background-size: 100%;
    min-width: 1170px;
    overflow: hidden
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner {
    width: 162px;
    height: 124px;
    position: absolute;
    top: 5px;
    right: 5px;
    overflow: hidden
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner .close {
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    right: 4px;
    top: 27px;
    background: url(../images/precache/close.0161.png) no-repeat center
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner ul .item {
    width: 162px;
    height: 124px;
    display: none
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner ul .item-1 {
    background: url(../images/precache/ag.0e63.png) no-repeat center;
    display: block
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner ul .item-2 {
    background: url(../images/precache/pt.a759.png) no-repeat center
}

.qFxo_kHrdvmsB0Tq0LHB .small-banner ul .item-3 {
    background: url(../images/precache/spert.8b3f.png) no-repeat center
}

.c6HHlXFGs6gm2i21Xg0z {
    height: 800px;
    box-sizing: border-box;
    padding-top: 250px
}

.c6HHlXFGs6gm2i21Xg0z img.wifi {
    display: block;
    width: 300px;
    margin: 20px auto
}

.c6HHlXFGs6gm2i21Xg0z div.text {
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #a2a2a2;
    text-align: center
}

.c6HHlXFGs6gm2i21Xg0z div.text h4 {
    width: 100%;
    margin: 10px 0
}

.c6HHlXFGs6gm2i21Xg0z div.text span {
    color: #add8e6;
    text-decoration: underline;
    margin: 0 5px;
    cursor: pointer;
    transition: .5s all
}

.c6HHlXFGs6gm2i21Xg0z div.text span:hover {
    color: #31aefb
}

.dNfkgGSgMji36xmwUlny {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dNfkgGSgMji36xmwUlny>.clock {
    width: 59px;
    height: 56px;
    background: url(../images/outcache/bg.fc6b.png) no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden
}

.dNfkgGSgMji36xmwUlny>.clock>.current,
.dNfkgGSgMji36xmwUlny>.clock>.next {
    font-size: 36px;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 59px;
    height: 56px;
    line-height: 56px;
    text-indent: 7px;
    display: flex
}

.dNfkgGSgMji36xmwUlny>.clock>.current span,
.dNfkgGSgMji36xmwUlny>.clock>.next span {
    width: 50%
}

.dNfkgGSgMji36xmwUlny>.clock>.current.move,
.dNfkgGSgMji36xmwUlny>.clock>.next.move {
    transition: .4s all;
    transform: translateY(100%)
}

.dNfkgGSgMji36xmwUlny>.clock>.next {
    top: -56px
}

.dNfkgGSgMji36xmwUlny>span.to {
    font-size: 25px;
    font-weight: 600
}

.dNfkgGSgMji36xmwUlny .clock {
    background: #3c425d;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 5px
}

.dNfkgGSgMji36xmwUlny .clock>.current,
.dNfkgGSgMji36xmwUlny .clock .next {
    color: #fff;
    font-size: 30px;
    height: 52px;
    line-height: 52px;
    text-indent: 10px
}

.dNfkgGSgMji36xmwUlny .clock>.current span,
.dNfkgGSgMji36xmwUlny .clock .next span {
    width: 34%
}

.dNfkgGSgMji36xmwUlny>.clock>.current,
.dNfkgGSgMji36xmwUlny .dNfkgGSgMji36xmwUlny>.clock>.next {
    text-indent: 10px
}

.EusB1t4jumeEB1Osq2Sp {
    height: 100%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    align-items: center
}

.EusB1t4jumeEB1Osq2Sp>span.ball {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    color: #000;
    border-radius: 50%;
    text-align: center;
    background: linear-gradient(180deg, #4982eb, #274875)
}

.EusB1t4jumeEB1Osq2Sp.alias-3djnd,
.EusB1t4jumeEB1Osq2Sp.alias-pl3,
.EusB1t4jumeEB1Osq2Sp.alias-3dfc,
.EusB1t4jumeEB1Osq2Sp.alias-hnks,
.EusB1t4jumeEB1Osq2Sp.alias-jlks {
    width: 275px;
    margin: auto
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% 100%;
    text-indent: -9999px
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-1,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-1 {
    background-image: url(../images/outcache/1.6836.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-2,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-2 {
    background-image: url(../images/outcache/2.e77f.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-3,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-3 {
    background-image: url(../images/outcache/3.a507.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-4,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-4 {
    background-image: url(../images/outcache/4.77ae.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-5,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-5 {
    background-image: url(../images/outcache/5.2657.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-hnks>span.ball.c-6,
.EusB1t4jumeEB1Osq2Sp.alias-jlks>span.ball.c-6 {
    background-image: url(../images/outcache/6.9f94.png)
}

.EusB1t4jumeEB1Osq2Sp.alias-xglhc>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-amlhc>span.ball {
    border: 0;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 18px
}

.EusB1t4jumeEB1Osq2Sp.alias-xglhc>span.ball.red,
.EusB1t4jumeEB1Osq2Sp.alias-amlhc>span.ball.red {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 0
}

.EusB1t4jumeEB1Osq2Sp.alias-xglhc>span.ball.green,
.EusB1t4jumeEB1Osq2Sp.alias-amlhc>span.ball.green {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -61px
}

.EusB1t4jumeEB1Osq2Sp.alias-xglhc>span.ball.blue,
.EusB1t4jumeEB1Osq2Sp.alias-amlhc>span.ball.blue {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -122px
}

.EusB1t4jumeEB1Osq2Sp.alias-xglhc>span.ball.and,
.EusB1t4jumeEB1Osq2Sp.alias-amlhc>span.ball.and {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -190px;
    width: 12px;
    height: 16px
}

.EusB1t4jumeEB1Osq2Sp.alias-bjkl8>span.ball {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 8px;
    font-size: 14px
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball {
    width: 22px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-01 {
    background: -webkit-linear-gradient(top, #e4c772, #b68a07)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-02 {
    background: -webkit-linear-gradient(top, #59c3e4, #028bb4)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-03 {
    background: -webkit-linear-gradient(top, #7e7e7e, #3a3a3a)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-04 {
    background: -webkit-linear-gradient(top, #fc794a, #cf4c1d)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-05 {
    background: -webkit-linear-gradient(top, #13ccbd, #01857a)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-06 {
    background: -webkit-linear-gradient(top, #7f95ff, #1f44ff)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-07 {
    background: -webkit-linear-gradient(top, #dee0de, #9c9c9c)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-08 {
    background: -webkit-linear-gradient(top, #fb4abf, #b72670)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-09 {
    background: -webkit-linear-gradient(top, #ff6161, #d01919)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-jssc>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10ff>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-ynpk10wf>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-10 {
    background: -webkit-linear-gradient(top, #62c865, #2b862e)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-01 {
    background: -webkit-linear-gradient(top, #e6e6e6, #9c9c9c)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-02 {
    background: -webkit-linear-gradient(top, #d7d779, #a6a612)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-03 {
    background: -webkit-linear-gradient(top, #f9a052, #ac4410)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-04 {
    background: -webkit-linear-gradient(top, #78f55f, #2c9018)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-05 {
    background: -webkit-linear-gradient(top, #be7cff, #962cff)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-06 {
    background: -webkit-linear-gradient(top, #78bafc, #1f74c9)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-07 {
    background: -webkit-linear-gradient(top, #f85d5d, #d42121)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-08 {
    background: -webkit-linear-gradient(top, #7a7a7a, #484848)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-09 {
    background: -webkit-linear-gradient(top, #dd5816, #993c0e)
}

.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-10 {
    background: -webkit-linear-gradient(top, #fb62fb, #c627c6)
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(1) {
    animation: ballShake .6s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(2) {
    animation: ballShake .7s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(3) {
    animation: ballShake .8s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(4) {
    animation: ballShake .9s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(5) {
    animation: ballShake 1s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(6) {
    animation: ballShake 1.1s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(7) {
    animation: ballShake 1.2s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(8) {
    animation: ballShake 1.3s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(9) {
    animation: ballShake 1.4s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(10) {
    animation: ballShake 1.5s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(11) {
    animation: ballShake 1.6s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(12) {
    animation: ballShake 1.7s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(13) {
    animation: ballShake 1.8s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(14) {
    animation: ballShake 1.9s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(15) {
    animation: ballShake 2s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(16) {
    animation: ballShake 2.1s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(17) {
    animation: ballShake 2.2s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(18) {
    animation: ballShake 2.3s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(19) {
    animation: ballShake 2.4s forwards
}

.EusB1t4jumeEB1Osq2Sp.move>span.ball:nth-child(20) {
    animation: ballShake 2.5s forwards
}

@keyframes ballShake {
    0% {
        transform: translateY(-39px)
    }

    25% {
        transform: translateY(20px)
    }

    50% {
        transform: translateY(-9px)
    }

    75% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0px)
    }
}

.EusB1t4jumeEB1Osq2Sp {
    justify-content: space-evenly
}

.EusB1t4jumeEB1Osq2Sp>span.ball {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 50%;
    text-align: center;
    color: #42403d;
    background: linear-gradient(212deg, #fff 0.05%, #cad2ff);
    box-shadow: inset 2px -4px 6px 0 rgba(150, 255, 255, .11), 0 3px 4px 0 rgba(4, 76, 143, .2);
    background-size: 100% 100%
}

.TnG0QZ8OMPUCd47QbK9u {
    margin: 0 5px;
    margin-top: -4px;
    height: 20px;
    left: 0;
    background: #4d4c4c;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    top: 0;
    transition: all .3s ease-in-out;
    width: 36px;
    cursor: pointer
}

.TnG0QZ8OMPUCd47QbK9u>i {
    display: block;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    transition: all .3s ease-in-out
}

.TnG0QZ8OMPUCd47QbK9u.actived {
    background: #c0ccda
}

.TnG0QZ8OMPUCd47QbK9u.actived>i {
    left: 17px
}

.TnG0QZ8OMPUCd47QbK9u {
    background: #e9e9e9
}

.xXIopXjOYpb61SrzbxPM {
    color: #000;
    height: 30px;
    line-height: 30px;
    display: flex
}

.xXIopXjOYpb61SrzbxPM input {
    width: 230px;
    height: 28px;
    border: 0;
    color: #000
}

.xXIopXjOYpb61SrzbxPM input:disabled {
    background: #fff
}

.xXIopXjOYpb61SrzbxPM .shortcut {
    margin: 0 10px;
    float: left
}

.xXIopXjOYpb61SrzbxPM .shortcut span {
    border: 1px solid #e0e6ed;
    display: inline-block;
    text-align: center;
    width: 76px;
    height: 30px;
    box-sizing: border-box;
    cursor: pointer
}

.xXIopXjOYpb61SrzbxPM .shortcut span:hover,
.xXIopXjOYpb61SrzbxPM .shortcut span.checked {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.xXIopXjOYpb61SrzbxPM .shortcut span:nth-child(1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.xXIopXjOYpb61SrzbxPM .shortcut span:nth-child(2) {
    border-left: 0;
    border-right: 0
}

.xXIopXjOYpb61SrzbxPM .shortcut span:nth-child(3) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.xXIopXjOYpb61SrzbxPM .query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.xXIopXjOYpb61SrzbxPM .query:hover {
    opacity: .8
}

.xXIopXjOYpb61SrzbxPM .query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xXIopXjOYpb61SrzbxPM .query:hover::before {
    width: 45px;
    left: 205px
}

.xXIopXjOYpb61SrzbxPM .query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.react-bootstrap-daterangepicker-container {
    padding: 0 30px 0 10px;
    border: 1px solid #e0e6ed;
    border-radius: 2px;
    color: #000;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABMUlEQVQ4ja3UTyuFQRTH8c/Vk6IsZGVhoaxsZGmlxEvwL0oieQNWiheALBSeEiVlZWmvbGysrYgsZOGmSIl7Wdy5NbkXPR6/OjVnzsx3zjkzTSFNU3V0gmOs1AuG2DmW4skEjZhDN96xis5gAxhBIax/wxo68Ih+jOMOGwl2MYYblHAYHdaLocgv4SiMy+gJ8Xb0FdI0fcE6FqNN07jA2TdlTobDT4O/jKUETXj6snjvG0hVB1/8VzQkwenC4C+An9RF5QJgJlguVWEr2M7BmcdCFVbEVQ5YERpyAGoUwxLc4iOD3aMlBlT1rvLW2jMk84DnejDYzwCq0b/2LM6sgE20Zdj/pPIs6sKa0ZoBVhJVF8PKmMoAqtG/9+wCoyqfXfmPCQ3jOsEsdrCVI6lLTHwCRLdDn2g8T8cAAAAASUVORK5CYII=) no-repeat right center;
    background-position-x: 98%;
    float: left;
    border-radius: 3px;
    box-sizing: border-box;
    display: flex !important
}

.daterangepicker .btn {
    border: none;
    background: #357ebd;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

.daterangepicker .cancelBtn {
    background: #ccc
}

.xXIopXjOYpb61SrzbxPM input {
    padding-left: 10px
}

.react-bootstrap-daterangepicker-container {
    padding: 0 30px 0 0px
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar select.report,
.fMDnmI3wO7qu1CGn58LH .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar span.query:hover {
    opacity: .8
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.fMDnmI3wO7qu1CGn58LH>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.fMDnmI3wO7qu1CGn58LH>.level-info>span.desc {
    color: #c8ccd6
}

.fMDnmI3wO7qu1CGn58LH>.level-info>div.level {
    color: #c8ccd6
}

.fMDnmI3wO7qu1CGn58LH>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.fMDnmI3wO7qu1CGn58LH>.level-info>div.level>span::after {
    content: " > "
}

.fMDnmI3wO7qu1CGn58LH>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.fMDnmI3wO7qu1CGn58LH>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.fMDnmI3wO7qu1CGn58LH>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.fMDnmI3wO7qu1CGn58LH>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item:first-child {
    margin-top: 0
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item div.values {
    width: 300px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.fMDnmI3wO7qu1CGn58LH>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.fMDnmI3wO7qu1CGn58LH>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.fMDnmI3wO7qu1CGn58LH>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.fMDnmI3wO7qu1CGn58LH>.search-bar .action-btn:hover {
    opacity: .8
}

.fMDnmI3wO7qu1CGn58LH>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.fMDnmI3wO7qu1CGn58LH>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.fMDnmI3wO7qu1CGn58LH>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.fMDnmI3wO7qu1CGn58LH.detail>header {
    height: 35px
}

.fMDnmI3wO7qu1CGn58LH.detail>header span.title {
    font-size: 25px;
    color: #e54a6f
}

.fMDnmI3wO7qu1CGn58LH.detail>header span.issue,
.fMDnmI3wO7qu1CGn58LH.detail>header span.account {
    color: #a3a3a3;
    margin-left: 50px;
    font-size: 14px
}

.fMDnmI3wO7qu1CGn58LH.detail>header button.goback,
.fMDnmI3wO7qu1CGn58LH.detail>header button.cancel {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.fMDnmI3wO7qu1CGn58LH.detail>header button.goback:hover,
.fMDnmI3wO7qu1CGn58LH.detail>header button.cancel:hover {
    opacity: .8
}

.fMDnmI3wO7qu1CGn58LH.detail>header button.goback:hover,
.fMDnmI3wO7qu1CGn58LH.detail>header button.cancel:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.fMDnmI3wO7qu1CGn58LH.detail>header button.goback:hover::before,
.fMDnmI3wO7qu1CGn58LH.detail>header button.cancel:hover::before {
    width: 45px;
    left: 205px
}

.fMDnmI3wO7qu1CGn58LH.detail>header button.goback::before,
.fMDnmI3wO7qu1CGn58LH.detail>header button.cancel::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.fMDnmI3wO7qu1CGn58LH.detail table {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    border: #edebf5 solid 0px;
    background: #f7f9fc
}

.fMDnmI3wO7qu1CGn58LH.detail table td {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    border: #edebf5 solid 1px
}

.fMDnmI3wO7qu1CGn58LH.detail table td span {
    color: #000
}

.fMDnmI3wO7qu1CGn58LH.detail table td span.money {
    font-size: 22px;
    color: #e54a6f
}

.fMDnmI3wO7qu1CGn58LH.detail table td span.codes {
    display: inline-block;
    font-size: 16px;
    color: #a3a3a3;
    font-weight: bold;
    letter-spacing: 1px;
    width: 280px;
    word-wrap: break-word;
    user-select: text
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary {
    border: 0;
    background: #fff
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary td {
    border: 0
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary td div.codes {
    position: relative;
    border: 1px solid #edebf5;
    color: #7c7fbf;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: .5px;
    word-break: break-all;
    white-space: normal;
    padding: 10px 0 10px 15px;
    margin: 0 auto;
    text-align: left;
    line-height: 30px;
    word-wrap: break-word;
    background-color: #f7f9fc;
    user-select: text
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary td div.codes i {
    position: absolute;
    top: -12px;
    left: 35px;
    width: 15px;
    height: 12px;
    display: inline-block
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary td.right {
    text-align: right
}

.fMDnmI3wO7qu1CGn58LH.detail table.summary td.right span {
    margin-left: 10px
}

.fMDnmI3wO7qu1CGn58LH input.search {
    width: 80px;
    padding: 0 5px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar select.report {
    min-width: 80px
}

.fMDnmI3wO7qu1CGn58LH {
    padding-top: 10px
}

.WA_QvvQSl2aSnZ_IL5HZ {
    margin: 10px auto 0 auto;
    width: 1170px;
    box-sizing: border-box;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.WA_QvvQSl2aSnZ_IL5HZ div.left {
    padding: 5px 10px;
    height: 90px;
    display: flex;
    align-items: center;
    width: 840px;
    color: #868181;
    border-radius: 10px;
    background: url(../images/outcache/bg.80e8.png) no-repeat center;
    background-size: 100% 100%
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>div.logo {
    width: 160px;
    text-align: center
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>div.logo img {
    width: 100%
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box {
    height: 60px;
    display: flex;
    justify-content: space-between;
    width: 420px;
    box-sizing: border-box;
    line-height: 30px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box>.l {
    width: 140px;
    padding-left: 26px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box>.l>.b {
    height: auto;
    display: flex;
    align-items: center;
    width: 133px;
    color: #868181
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box>.l>.b>svg {
    width: 16px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box>.r {
    width: 225px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box .fav {
    width: 45px;
    height: 19px;
    line-height: 19px;
    background: linear-gradient(180deg, #F4F8FF 0%, #EAF3FC 100%);
    display: inline-block;
    border-radius: 4px;
    color: #868181;
    text-align: center;
    text-indent: -10px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box .fav.no {
    background: linear-gradient(-73deg, #2F80ED 0%, #56CCF2 100%);
    color: #fff;
    cursor: pointer
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.current-box .fav.no>svg {
    margin: 0 !important
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.his-codes {
    width: 414px;
    padding: 0 7px 0 20px
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.his-codes>.l {
    height: auto;
    display: flex;
    justify-content: space-between;
    justify-content: space-evenly
}

.WA_QvvQSl2aSnZ_IL5HZ div.left>.his-codes>.r {
    margin-top: 8px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right {
    width: 300px;
    background: linear-gradient(180deg, #F3F7FF 0%, #EBF5FF 100%);
    border: 1px solid #b3cae5;
    border-radius: 10px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.up {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    height: auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #9d8197
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.up .balance em {
    color: #ffdc7c
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.up .show-money,
.WA_QvvQSl2aSnZ_IL5HZ div.right>.up .refresh {
    cursor: pointer
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down {
    height: auto;
    display: flex;
    justify-content: space-between
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .l {
    padding: 6px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .l span {
    display: inline-block;
    width: 30px;
    font-size: 13px;
    cursor: pointer
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .l span svg {
    font-size: 20px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .l .btn-recharge {
    margin: 0 24px;
    color: #ffdc7c
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .r {
    padding-top: 6px;
    padding-right: 27px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .r span {
    display: block;
    cursor: pointer;
    font-size: 13px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .r span:first-child {
    margin-bottom: 7px
}

.WA_QvvQSl2aSnZ_IL5HZ div.right>.down .r span svg {
    font-size: 12px
}

.I0NFUfIozcFym5cmh68x {
    width: 300px;
    background: #fff;
    border-radius: 10px
}

.I0NFUfIozcFym5cmh68x>.up {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    height: auto;
    display: flex;
    border-bottom: 1px solid #e2e1e0;
    color: #42403d
}

.I0NFUfIozcFym5cmh68x>.up .balance em {
    color: #42403d
}

.I0NFUfIozcFym5cmh68x>.up .show-money,
.I0NFUfIozcFym5cmh68x>.up .refresh {
    cursor: pointer;
    margin-left: 15px
}

.I0NFUfIozcFym5cmh68x>.up .refresh {
    background: url(../images/outcache/repeat.1d05.png) no-repeat center;
    background-size: 100% 100%;
    height: 16px;
    width: 16px
}

.I0NFUfIozcFym5cmh68x>.down {
    justify-content: space-between;
    display: flex;
    padding: 13px 15px 0;
    color: #414141
}

.I0NFUfIozcFym5cmh68x>.down span {
    cursor: pointer
}

.I0NFUfIozcFym5cmh68x>.down span i {
    width: 20px;
    height: 20px;
    display: block;
    margin-bottom: 5px;
    margin-left: -3px
}

.I0NFUfIozcFym5cmh68x>.down span i svg {
    font-size: 20px
}

.I0NFUfIozcFym5cmh68x>.down .btn-recharge i {
    margin-left: 8px
}

.equzcPSXprPT1Xlw0bOi {
    margin: 10px auto 0 auto;
    width: 1170px;
    box-sizing: border-box;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.equzcPSXprPT1Xlw0bOi div.left {
    border: 2px solid #4982eb;
    border-radius: 10px;
    background: linear-gradient(180deg, #F4F8FF 0%, #EAF3FC 100%);
    padding: 5px 10px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 840px;
    color: #959595
}

.equzcPSXprPT1Xlw0bOi div.left>div.logo {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.equzcPSXprPT1Xlw0bOi div.left>div.logo img {
    margin-right: 15px;
    width: 100%
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions {
    height: auto;
    display: flex;
    align-items: center;
    width: 345px
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.l {
    padding-top: 10px;
    margin-right: 28px;
    margin-left: 10px
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.l>.fav {
    width: 55px;
    height: 23px;
    line-height: 23px;
    display: inline-block;
    border-radius: 4px;
    color: #000
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.l>.stop-when-win {
    height: 40px;
    display: flex;
    align-items: center
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.r {
    height: auto;
    display: flex;
    align-items: center;
    width: 200px
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.r>span {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 30px;
    text-align: center;
    display: block;
    width: 185px;
    height: 45px;
    line-height: 44px;
    border: none;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    cursor: pointer
}

.equzcPSXprPT1Xlw0bOi div.left>div.actions>.r>span:hover {
    opacity: .8
}

.equzcPSXprPT1Xlw0bOi div.left>div.codes {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    text-align: center;
    padding-right: 5px
}

.equzcPSXprPT1Xlw0bOi div.left>div.codes span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background: linear-gradient(194deg, #A9D5FF 2%, #5DA6FF 28%, #304CA9 94%);
    box-shadow: 0 2px 3px 0 rgba(50, 85, 128, .35), inset 0 1px 3px 0 rgba(255, 255, 255, .21)
}

.XaLd9xaWr4sqiwwmflvx {
    width: 300px;
    background: linear-gradient(180deg, #F3F7FF 0%, #EBF5FF 100%);
    border: 1px solid #b3cae5;
    border-radius: 10px
}

.XaLd9xaWr4sqiwwmflvx>.up {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    height: auto;
    display: flex;
    border-bottom: 1px solid #b3cae5;
    color: #414141
}

.XaLd9xaWr4sqiwwmflvx>.up .show-money,
.XaLd9xaWr4sqiwwmflvx>.up .refresh {
    cursor: pointer;
    margin-left: 15px
}

.XaLd9xaWr4sqiwwmflvx>.down {
    justify-content: space-between;
    display: flex;
    padding: 13px 15px 0;
    color: #414141
}

.XaLd9xaWr4sqiwwmflvx>.down span {
    cursor: pointer
}

.XaLd9xaWr4sqiwwmflvx>.down span i {
    width: 20px;
    height: 20px;
    display: block;
    margin-bottom: 5px;
    margin-left: -3px
}

.XaLd9xaWr4sqiwwmflvx>.down span i svg {
    font-size: 20px
}

.XaLd9xaWr4sqiwwmflvx>.down .btn-recharge i {
    margin-left: 8px
}

.xhg14rB28Pi99i8EVgMQ {
    color: #666;
    text-align: center
}

.xhg14rB28Pi99i8EVgMQ>.title {
    font-size: 16px;
    line-height: 25px;
    color: #ed0000
}

.xhg14rB28Pi99i8EVgMQ>.title.mmc {
    color: #000
}

.xhg14rB28Pi99i8EVgMQ>.solo {
    font-size: 16px;
    line-height: 25px
}

.xhg14rB28Pi99i8EVgMQ>.item {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px
}

.xhg14rB28Pi99i8EVgMQ>.item>span.solo {
    display: inline-block;
    font-style: normal;
    width: 38px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 9px 0 9px 9px;
    background: -webkit-linear-gradient(left, #4982eb, #0d5ada);
    background: -moz-linear-gradient(left, #4982eb, #0d5ada);
    background: -ms-linear-gradient(left, #4982eb, #0d5ada);
    background: -linear-gradient(left, #4982eb, #0d5ada)
}

.xhg14rB28Pi99i8EVgMQ>.item>span.mode {
    display: inline-block;
    margin: 0 5px;
    background-color: #eee;
    border: 1px solid #e2e2e2;
    width: 21px;
    height: 21px;
    border-radius: 24px
}

.xhg14rB28Pi99i8EVgMQ>.item>span.codes {
    max-width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

.xhg14rB28Pi99i8EVgMQ>.item>span.money {
    color: #ed0000;
    font-weight: 600
}

.xhg14rB28Pi99i8EVgMQ>div.sum {
    margin-top: 15px;
    font-size: 18px
}

.xhg14rB28Pi99i8EVgMQ>div.sum span {
    color: #ed0000;
    font-weight: bold;
    margin: 0 5px
}

.krgGiyywygkbs2BXeMIM.cateWrapper {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(#f6f6f6, #e3e1e1)
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item {
    font-size: 14px;
    display: inline-block;
    padding: 0 25px;
    box-sizing: border-box;
    cursor: pointer
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item:hover,
.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item.actived {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type {
    text-align: center;
    border: 1px solid #e0e6ed;
    float: right;
    width: 70px;
    height: 27px;
    line-height: 27px;
    cursor: pointer;
    margin: 12px 10px 0 0;
    transition: .2s all;
    margin-top: 5px;
    background: #0d5ada;
    color: #fff;
    border: 0
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type:hover {
    background: #274875
}

.krgGiyywygkbs2BXeMIM.groupWrapper {
    padding: 5px 15px
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row {
    height: auto;
    display: flex;
    align-items: center;
    min-height: 36px;
    margin: 5px 0;
    flex-wrap: wrap
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-wrapper {
    width: 520px
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .group-name {
    font-weight: 600;
    margin-right: 20px;
    font-size: 13px
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item {
    cursor: pointer;
    padding: 4px 10px;
    border-radius: 4px;
    color: #2c3341;
    line-height: 20px;
    margin: 5px 5px 5px 0;
    display: inline-block;
    color: #0d5ada;
    border: 1px solid #0d5ada;
    box-sizing: border-box
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item:hover,
.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item.actived {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.krgGiyywygkbs2BXeMIM.cateWrapper {
    background: #fff;
    width: 860px;
    height: 47px;
    border-radius: 10px
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item {
    padding: 0 15px;
    color: #42403d
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item.actived,
.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item:hover {
    background: #fafafa;
    color: #4982eb;
    border-bottom: 3px solid #4982eb;
    border-radius: 3px
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type {
    margin-top: 11px;
    background: linear-gradient(90deg, #8fafff 0%, #0d5ada 100%);
    border-radius: 5px
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type.actived,
.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type:hover {
    background: linear-gradient(90deg, #8fafff 0%, #0d5ada 100%)
}

.krgGiyywygkbs2BXeMIM.groupWrapper {
    background: #fafafa
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item {
    color: #888;
    border: 0
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item.actived {
    color: #4982eb;
    background: none;
    border: 1px solid #4982eb
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item:hover {
    color: #4982eb;
    background: none
}

.krgGiyywygkbs2BXeMIM span.cate-item.actived,
.krgGiyywygkbs2BXeMIM .krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item:hover {
    color: #694d85;
    background: #fafafa;
    border-top-color: #745a8e
}

.krgGiyywygkbs2BXeMIM span.cate-item {
    font-size: 14px;
    font-weight: 600;
    color: #4c5161
}

.bAnkIAksNHg8TazcDBPY {
    height: 38px;
    display: flex;
    align-items: center;
    margin: 0 15px 5px 15px
}

.bAnkIAksNHg8TazcDBPY>span.title {
    font-weight: 600;
    margin-right: 20px;
    font-size: 13px
}

.bAnkIAksNHg8TazcDBPY>.options {
    margin-left: 10px
}

.bAnkIAksNHg8TazcDBPY>.options>span.item {
    margin-right: 15px;
    cursor: pointer
}

.bAnkIAksNHg8TazcDBPY>.options>span.item input {
    margin-right: 5px
}

.EfYrAHTIghV5L7vP9Vnp {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 35px;
    height: auto;
    display: flex;
    align-items: center
}

.EfYrAHTIghV5L7vP9Vnp span.title {
    margin-right: 5px
}

.EfYrAHTIghV5L7vP9Vnp span.prize-items {
    display: inline-block;
    padding: 10px 5px;
    background: -webkit-linear-gradient(bottom, #f4f4f4, #f8f8f9);
    border: 1px solid #e7e7e7;
    cursor: pointer
}

.EfYrAHTIghV5L7vP9Vnp span.prize-items.actived {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.EfYrAHTIghV5L7vP9Vnp {
    position: absolute;
    top: 52px;
    right: 10px;
    height: 35px;
    height: auto;
    display: flex;
    align-items: center
}

.EfYrAHTIghV5L7vP9Vnp span.title {
    color: #fe632c;
    margin-right: 6px
}

.EfYrAHTIghV5L7vP9Vnp Select {
    color: #a96b94;
    border: 1px solid #bfbaba;
    height: 13px;
    border-radius: 4px;
    padding: 6px 10px
}

.EfYrAHTIghV5L7vP9Vnp .MuiInputBase-root .MuiSelect-icon {
    margin-top: 3px
}

.eSzyVkDtHv6aWy5RBJHk {
    position: relative
}

.eSzyVkDtHv6aWy5RBJHk>.omission {
    height: 28px;
    line-height: 28px;
    margin: -10px 5px 15px 15px;
    position: relative;
    padding-top: 36px
}

.eSzyVkDtHv6aWy5RBJHk>.omission>.switcher {
    border: 1px solid #274875;
    background-color: #f5f5f5;
    border-radius: 2px;
    padding: 0;
    float: left;
    display: flex;
    height: 28px;
    margin-right: 10px;
    box-sizing: border-box
}

.eSzyVkDtHv6aWy5RBJHk>.omission>.switcher>span {
    font-size: 14px;
    padding: 0px 12px;
    color: #333;
    cursor: pointer
}

.eSzyVkDtHv6aWy5RBJHk>.omission>.switcher>span.active {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.eSzyVkDtHv6aWy5RBJHk>.omission>.action-types span {
    font-size: 14px;
    color: #999;
    margin: 0 10px;
    cursor: pointer
}

.eSzyVkDtHv6aWy5RBJHk>.omission>.action-types span.active {
    font-weight: 600;
    color: #000
}

.eSzyVkDtHv6aWy5RBJHk>.independent {
    line-height: 38px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%
}

.eSzyVkDtHv6aWy5RBJHk>.independent>h4 {
    width: 70px;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px;
    margin-right: 5px;
    overflow: hidden;
    float: left;
    height: 38px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>h4.empty {
    width: auto
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes {
    float: left
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball {
    margin-right: 9px;
    margin-bottom: 10px;
    display: inline-block;
    background: -webkit-linear-gradient(180deg, #fff, #f3f3f3);
    background: -linear-gradient(180deg, #fff, #f3f3f3);
    background: -moz-linear-gradient(180deg, #fff, #f3f3f3);
    width: 37px;
    height: 37px;
    line-height: 32px;
    color: #6e6a85;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #d5d5d6;
    box-sizing: border-box;
    box-shadow: .3px .3px 5px rgba(153, 153, 153, .4);
    cursor: pointer
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball:lang(en-US) {
    width: 48px;
    height: 48px;
    line-height: 38px;
    font-size: 12px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball:lang(th) {
    font-size: 12px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball.actived {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball.actived:lang(en-US) {
    background-size: 48px 48px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball.mini {
    width: 31px;
    height: 31px;
    line-height: 28px;
    font-size: 16px;
    margin-right: 5px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code {
    margin-top: -14px;
    height: 34px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span {
    width: 37px;
    line-height: 16px;
    margin-right: 9px;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span.s1 {
    color: #fc5a23
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span.s2 {
    color: #637ef3
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span.s0 {
    color: #909090
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.auto-selector {
    float: right;
    margin-right: 10px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.auto-selector>span {
    display: inline-block;
    width: 22px;
    font-size: 14px;
    text-align: center;
    margin-left: 5px;
    cursor: pointer
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball.actived {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball:hover {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.eSzyVkDtHv6aWy5RBJHk .omission>.switcher {
    border: 1px solid #4982eb
}

.eSzyVkDtHv6aWy5RBJHk .omission>.switcher>span.active {
    background: #4982eb
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball {
    margin-right: 9px;
    margin-bottom: 10px;
    display: inline-block;
    background: linear-gradient(212deg, #fff 0.05%, #dde2ff 63.9%, #cad2ff);
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #1e2638;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: none;
    border: none
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span {
    width: 34px
}

.a6dQdVmVdyqvbKRtMVEw {
    margin-bottom: 15px;
    padding-left: 15px;
    min-height: 46px;
    position: absolute;
    right: 0;
    top: 28px
}

.a6dQdVmVdyqvbKRtMVEw.flex {
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: end
}

.a6dQdVmVdyqvbKRtMVEw div.left-side {
    height: auto;
    display: flex;
    align-items: center;
    position: relative
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official {
    color: #999;
    cursor: pointer;
    margin-right: 20px;
    font-size: 14px;
    position: relative
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official label {
    position: absolute;
    background-color: rgba(0, 0, 0, .85);
    border-radius: 5px;
    min-width: 300px;
    left: 0;
    top: 0;
    padding: 12px;
    line-height: 20px;
    display: none;
    transform: translate(-45%, calc(-100% - 12px));
    transition: .4s all;
    color: #fff;
    z-index: 999
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc label.hashffcDesc,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help label.hashffcDesc,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example label.hashffcDesc,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai label.hashffcDesc,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official label.hashffcDesc {
    transform: translate(-53%, calc(-100% - 12px))
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc label::before,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help label::before,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example label::before,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai label::before,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official label::before {
    position: absolute;
    bottom: -8px;
    left: 52%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: rgba(0, 0, 0, .85) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc:hover label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help:hover label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example:hover label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai:hover label,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official:hover label {
    display: block
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official i {
    width: 17px;
    height: 17px;
    margin-right: 2px;
    vertical-align: -3px;
    display: inline-block
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc.desc i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help.desc i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example.desc i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai.desc i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official.desc i {
    background: url(../images/outcache/desc.5547.png) no-repeat 50%;
    background-size: 100% 100%
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc.example i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help.example i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example.example i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai.example i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official.example i {
    background: url(../images/outcache/info.5547.png) no-repeat 50%;
    background-size: 100% 100%
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc.help i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help.help i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example.help i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai.help i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official.help i {
    background: url(../images/outcache/question.7720.png) no-repeat 50%;
    background-size: 100% 100%
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc.manycai i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help.manycai i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example.manycai i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai.manycai i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official.manycai i {
    background: url(../images/outcache/manycai.afeb.png) no-repeat 50%
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.desc.official i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.help.official i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.example.official i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.manycai.official i,
.a6dQdVmVdyqvbKRtMVEw div.left-side span.official.official i {
    background: url(../images/outcache/official.fbab.png) no-repeat 50%;
    background-size: 100% 100%
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.kgame {
    display: inline-block;
    padding: 0 10px;
    line-height: 28px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.a6dQdVmVdyqvbKRtMVEw div.left-side span.kgame:hover {
    filter: brightness(110%)
}

.a6dQdVmVdyqvbKRtMVEw div.right-side {
    margin-right: 5px
}

.a6dQdVmVdyqvbKRtMVEw div.right-side span.links {
    border-radius: 3px;
    color: #fff;
    background: -webkit-linear-gradient(left, #fd8e85, #f9716d);
    background: -moz-linear-gradient(left, #fd8e85, #f9716d);
    background: -ms-linear-gradient(left, #fd8e85, #f9716d);
    background: -o-linear-gradient(left, #fd8e85, #f9716d);
    background: -linear-gradient(left, #fd8e85, #f9716d);
    float: right;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
    font-size: 14px;
    cursor: pointer
}

.a6dQdVmVdyqvbKRtMVEw div.right-side span.links:hover {
    background: -webkit-linear-gradient(right, #fd8e85, #f9716d);
    background: -moz-linear-gradient(right, #fd8e85, #f9716d);
    background: -ms-linear-gradient(right, #fd8e85, #f9716d);
    background: -o-linear-gradient(right, #fd8e85, #f9716d);
    background: -linear-gradient(right, #fd8e85, #f9716d)
}

.x_o0MYmYD6Ysp_SfgNfq {
    margin: -10px 5px 15px 15px
}

.x_o0MYmYD6Ysp_SfgNfq>.desc {
    color: #3b476a;
    height: 32px;
    display: flex;
    align-items: center
}

.x_o0MYmYD6Ysp_SfgNfq>.desc span {
    font-size: 16px;
    padding-left: 25px;
    margin-right: 15px;
    height: 32px;
    line-height: 32px;
    background: url(../images/outcache/icon.580e.png) no-repeat left center
}

.x_o0MYmYD6Ysp_SfgNfq>.contents {
    margin-top: 15px;
    height: 220px;
    display: flex
}

.x_o0MYmYD6Ysp_SfgNfq>.contents textarea {
    outline: none;
    resize: none;
    height: 180px;
    width: 600px;
    padding: 5px;
    border-radius: 6px;
    border: none;
    box-shadow: 0 0 26px #e8e8e8;
    margin-right: 30px
}

.x_o0MYmYD6Ysp_SfgNfq>.contents .actions {
    width: 100px
}

.x_o0MYmYD6Ysp_SfgNfq>.contents .actions>span {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #0d5ada
}

.L8eofAfNrqr7TPmB6vNX {
    padding: 0 15px 20px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers {
    padding-left: 50px;
    width: 670px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 10px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item {
    width: 60px;
    height: 42px;
    cursor: pointer;
    display: inline-block
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item:hover {
    opacity: .8
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.disabled {
    opacity: .6;
    cursor: not-allowed
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.disabled:hover {
    opacity: .6
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft {
    background-image: url(../images/outcache/xyft.f2c3.png);
    height: 42px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-01 {
    background-position: -4px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-02 {
    background-position: -65px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-03 {
    background-position: -126px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-04 {
    background-position: -187px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-05 {
    background-position: -248px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-06 {
    background-position: -309px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-07 {
    background-position: -370px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-08 {
    background-position: -431px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-09 {
    background-position: -492px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-10 {
    background-position: -553px 14px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm {
    background-image: url(../images/outcache/jssm.5c95.png);
    height: 54px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-01 {
    background-position: 6px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-02 {
    background-position: -55px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-03 {
    background-position: -116px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-04 {
    background-position: -177px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-05 {
    background-position: -238px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-06 {
    background-position: -299px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-07 {
    background-position: -360px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-08 {
    background-position: -421px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-09 {
    background-position: -482px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssm.n-10 {
    background-position: -543px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10 {
    background-image: url(../images/outcache/pk10.cd2a.png);
    height: 50px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-01,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-01,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-01,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-01,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-01,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-01 {
    background-position: -4px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-02,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-02,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-02,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-02,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-02,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-02 {
    background-position: -65px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-03,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-03,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-03,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-03,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-03,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-03 {
    background-position: -126px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-04,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-04,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-04,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-04,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-04,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-04 {
    background-position: -187px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-05,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-05,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-05,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-05,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-05,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-05 {
    background-position: -248px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-06,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-06,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-06,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-06,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-06,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-06 {
    background-position: -309px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-07,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-07,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-07,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-07,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-07,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-07 {
    background-position: -370px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-08,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-08,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-08,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-08,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-08,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-08 {
    background-position: -431px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-09,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-09,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-09,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-09,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-09,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-09 {
    background-position: -492px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.pk10.n-10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.jssc.n-10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10ff.n-10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ydl10.n-10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.ynpk10wf.n-10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.azxy10.n-10 {
    background-position: -553px 0px
}

.L8eofAfNrqr7TPmB6vNX>div.selected {
    height: 110px;
    display: flex;
    justify-content: space-between;
    background: url(../images/outcache/bg.7cc2.png) no-repeat;
    padding-left: 50px;
    width: 670px
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item {
    display: inline-block;
    width: 60px;
    height: 110px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span {
    font-size: 16px;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-01 {
    background-position: 0 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-02 {
    background-position: -36px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-03 {
    background-position: -72px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-04 {
    background-position: -108px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-05 {
    background-position: -144px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-06 {
    background-position: -180px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-07 {
    background-position: -216px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-08 {
    background-position: -252px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-09 {
    background-position: -288px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.n-10 {
    background-position: -324px 0
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.xyft {
    background-image: url(../images/outcache/ball-xyft.9cc7.png)
}

.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.pk10,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.jssm,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.jssc,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.ydl10,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.ynpk10ff,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.ynpk10wf,
.L8eofAfNrqr7TPmB6vNX>div.selected>.item>span.azxy10 {
    background-image: url(../images/outcache/ball-jssm.03aa.png)
}

.L8eofAfNrqr7TPmB6vNX>div.clear-box {
    height: 20px;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-left: 50px;
    width: 670px
}

.L8eofAfNrqr7TPmB6vNX>div.clear-box>span {
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

.IJryxuEkDQM5VsK5SJuY {
    margin: 0px 5px 15px 15px
}

.IJryxuEkDQM5VsK5SJuY>span {
    display: inline-block;
    padding: 10px;
    margin: 10px 15px 15px 0;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #6e6a85;
    min-width: 60px;
    background: -webkit-linear-gradient(top, #f8fcff, #dbdfe0);
    border: 1px solid silver;
    box-sizing: border-box;
    box-shadow: .3px .3px 5px rgba(153, 153, 153, .4);
    cursor: pointer;
    border-radius: 4px
}

.IJryxuEkDQM5VsK5SJuY>span.actived {
    color: #fff;
    background: #0d5ada;
    border: none
}

.IJryxuEkDQM5VsK5SJuY>.auto-selector {
    text-align: right;
    margin-right: 10px
}

.IJryxuEkDQM5VsK5SJuY>.auto-selector>span {
    display: inline-block;
    width: 22px;
    font-size: 14px;
    text-align: center;
    margin-left: 5px;
    cursor: pointer
}

.QoGv6kwh3AP7SikoGlD6 {
    margin: 10px 15px
}

.lP4Fz2L0ClvVPDTJMztb {
    display: flex
}

.K97Ig6KD9YT7xSH_17_a {
    display: flex
}

.N8VaAT7_WY3YJSDr_yHK {
    display: flex;
    flex-wrap: wrap
}

.N8VaAT7_WY3YJSDr_yHK>div {
    width: 100%;
    display: flex;
    align-items: center
}

.N8VaAT7_WY3YJSDr_yHK h4 {
    width: 70px;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px;
    margin-right: 5px;
    overflow: hidden;
    float: left
}

.N8VaAT7_WY3YJSDr_yHK h4.empty {
    width: auto
}

.Di2PLt7UXusNIP4ysnfc {
    margin-right: 20px
}

.Di2PLt7UXusNIP4ysnfc.relations {
    margin-right: 10px;
    margin-bottom: 5px
}

.Di2PLt7UXusNIP4ysnfc.relations>div {
    width: 112px;
    display: flex;
    justify-content: center
}

.Di2PLt7UXusNIP4ysnfc span {
    background-image: url(../images/outcache/dice.8b57.png);
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 0 2px;
    cursor: pointer
}

.Di2PLt7UXusNIP4ysnfc span.one-line {
    display: block;
    margin: 2px auto
}

.Di2PLt7UXusNIP4ysnfc span.actived {
    background-position-y: -51px
}

.Di2PLt7UXusNIP4ysnfc span.one {
    background-position-x: 0px
}

.Di2PLt7UXusNIP4ysnfc span.two {
    background-position-x: -52px
}

.Di2PLt7UXusNIP4ysnfc span.three {
    background-position-x: -104px
}

.Di2PLt7UXusNIP4ysnfc span.four {
    background-position-x: -156px
}

.Di2PLt7UXusNIP4ysnfc span.five {
    background-position-x: -208px
}

.Di2PLt7UXusNIP4ysnfc span.six {
    background-position-x: -260px
}

.Di2PLt7UXusNIP4ysnfc span.any {
    background-position-x: -311px
}

.Di2PLt7UXusNIP4ysnfc span {
    background-image: url(../images/outcache/dice.8b57.png)
}

.oFaLl463_sUOt5oyJpbR {
    background-color: #fafafa;
    border-top: 1px solid #274875;
    border-bottom: 1px solid #274875
}

.oFaLl463_sUOt5oyJpbR {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    background: #fff
}

.vtkwPGQMw3xQSBwxvGwH {
    height: 95px;
    padding: 5px 4px 15px 12px;
    font-family: Microsoft Yahei;
    background: #fff;
    position: relative
}

.vtkwPGQMw3xQSBwxvGwH>.actions {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.text {
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.text>span {
    color: #ff3000;
    padding: 0 5px;
    font-weight: 600
}

.vtkwPGQMw3xQSBwxvGwH>.btns {
    color: #7c7c7c;
    font-size: 14px;
    text-align: right;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 10px
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet,
.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet {
    height: 36px;
    width: 100px;
    line-height: 36px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-left: 10px;
    cursor: pointer
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet.disabled,
.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: not-allowed;
    opacity: .6;
    background: #a4a4a4;
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet {
    background: #8756b9;
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet {
    background: #ff632c;
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH {
    border-radius: 10px
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet {
    background: linear-gradient(90deg, #b4adff, #43a5ff);
    box-shadow: none;
    color: #fff;
    border: 0
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.btns>.onekey-bet {
    background: linear-gradient(90deg, #b4adff, #43a5ff);
    box-shadow: none;
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.btns>.add-bet {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff;
    border: 0
}

.vtkwPGQMw3xQSBwxvGwH>.text>span {
    color: #ff632c
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet.disabled,
.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet.disabled {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none
}

.ikFKj7a9_Kl7FzYeLL3c {
    height: 30px;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    line-height: 30px
}

.ikFKj7a9_Kl7FzYeLL3c>span {
    width: 25px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(bottom, #e2e2e2, #fff)
}

.ikFKj7a9_Kl7FzYeLL3c>input {
    width: 50px;
    height: 28px;
    border: 1px solid #e7e7e7;
    background: #f3f3f3;
    color: #ad1a40;
    font-weight: 700;
    text-align: center
}

.ikFKj7a9_Kl7FzYeLL3c>input::-webkit-outer-spin-button,
.ikFKj7a9_Kl7FzYeLL3c>input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.ikFKj7a9_Kl7FzYeLL3c>label {
    margin-left: 10px;
    font-size: 14px
}

.ikFKj7a9_Kl7FzYeLL3c>div.shortcut {
    position: absolute;
    z-index: -1;
    opacity: 0;
    transition: .5s opacity;
    width: 100px;
    text-align: center;
    left: 0;
    font-size: 14px;
    bottom: 0;
    background: #fff;
    border: 1px solid #ccc;
    transform: translateY(100%);
    border-top: none
}

.ikFKj7a9_Kl7FzYeLL3c>div.shortcut.show {
    opacity: 1;
    z-index: 10
}

.ikFKj7a9_Kl7FzYeLL3c>div.shortcut span {
    display: block;
    line-height: 30px;
    cursor: pointer
}

.ikFKj7a9_Kl7FzYeLL3c>div.shortcut span:hover {
    background-color: #ccc
}

.ikFKj7a9_Kl7FzYeLL3c>input {
    color: #42403d
}

.l1OigkLTQpzeYjvZBcTk {
    height: 30px;
    display: flex;
    align-items: center
}

.l1OigkLTQpzeYjvZBcTk>span {
    font-size: 14px;
    color: #6e6a85;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
    margin-right: 3px;
    border-radius: 3px
}

.l1OigkLTQpzeYjvZBcTk>span.actived {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.l1OigkLTQpzeYjvZBcTk>span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 2px
}

.l1OigkLTQpzeYjvZBcTk span.actived {
    background: #4982eb
}

.St8SyeX9BbYy5bpykx5r {
    padding: 0 !important
}

.St8SyeX9BbYy5bpykx5r>div.tabs {
    height: 47px;
    line-height: 47px;
    box-shadow: 0 4px 10px #f5f1fe;
    color: #333
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span {
    display: inline-block;
    text-align: center;
    width: 122px;
    font-size: 16px;
    cursor: pointer
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span a {
    display: inline-block;
    height: 100%
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span.actived a {
    box-sizing: border-box;
    height: 47px;
    border-bottom: 4px solid #fcd86f;
    color: #4a321f;
    font-weight: 700
}

.St8SyeX9BbYy5bpykx5r>div.tabs>div.stop {
    height: auto;
    display: flex;
    align-items: center;
    float: right;
    margin-right: 20px;
    font-size: 14px;
    cursor: pointer
}

.St8SyeX9BbYy5bpykx5r>div.tabs>div.stop>svg {
    width: 16px;
    height: 16px;
    margin-top: -2px;
    color: #999
}

.St8SyeX9BbYy5bpykx5r>div.tabs>div.stop>svg.actived {
    color: #0d5ada
}

.St8SyeX9BbYy5bpykx5r>div.opts {
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 20px
}

.St8SyeX9BbYy5bpykx5r>div.opts>div {
    height: auto;
    display: flex;
    align-items: center;
    margin-right: 15px
}

.St8SyeX9BbYy5bpykx5r>div.opts>span.make-trace {
    float: right;
    width: 95px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin-left: auto;
    border-radius: 25px;
    cursor: pointer;
    background: #a96b94
}

.St8SyeX9BbYy5bpykx5r>div.opts>span.make-trace:hover {
    opacity: .8
}

.St8SyeX9BbYy5bpykx5r>div.opts .times-ctl {
    background: linear-gradient(270deg, #c683b8, #dfa2b1);
    color: #fff
}

.St8SyeX9BbYy5bpykx5r>div.opts .times-input {
    color: #0d5ada;
    border: 1px solid #0d5ada
}

.St8SyeX9BbYy5bpykx5r>div.issue-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 335px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overscroll-behavior: contain;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px
}

.St8SyeX9BbYy5bpykx5r>div.issue-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.St8SyeX9BbYy5bpykx5r>div.issue-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.St8SyeX9BbYy5bpykx5r>div.issue-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table {
    width: 100%;
    font-size: 12px;
    color: #494949
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table th {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #efe8d6;
    font-size: 12px;
    color: #4a4a4a
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td {
    border-bottom: 1px solid #efeef7;
    border-right: 1px solid #efeef7;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    color: #3b476a
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td>svg {
    width: 20px;
    height: 20px;
    color: #999;
    vertical-align: -6px;
    cursor: pointer
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td>svg.actived {
    color: #0d5ada
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td.money {
    font-size: 14px;
    color: #e54878
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td>input.times {
    width: 50px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #0d5ada;
    background: #f4f4f4;
    margin-right: 5px;
    color: #3b476a;
    border-radius: 3px
}

.St8SyeX9BbYy5bpykx5r>div.issue-box>table td>input.times::-webkit-outer-spin-button,
.St8SyeX9BbYy5bpykx5r>div.issue-box>table td>input.times::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.St8SyeX9BbYy5bpykx5r>div.submit {
    padding: 20px;
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.text {
    font-size: 13px
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.text>span {
    font-size: 18px;
    margin: 0 10px
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.text>span.orange {
    color: #ff3000
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.text>span.money {
    color: #ff3000
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.btns>span {
    width: 122px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 5px;
    box-sizing: border-box;
    margin-left: 10px;
    cursor: pointer
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.btns>span.cancel {
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9)
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.btns>span.submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.btns>span:hover {
    opacity: .8
}

.St8SyeX9BbYy5bpykx5r>div.opts .times-ctl {
    background: linear-gradient(0, #FFFDFD, #F8FBFF);
    color: #bcc5dc
}

.St8SyeX9BbYy5bpykx5r>div.opts .times-input {
    color: #42403d;
    border: none
}

.St8SyeX9BbYy5bpykx5r>div.opts>span.make-trace {
    border: 1px solid #d0b293;
    color: #d0b293;
    border-radius: 5px;
    background: none
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span {
    border: 1px solid #cecece;
    height: 30px;
    line-height: 30px;
    width: 84px;
    border-radius: 4px;
    margin-left: 20px
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span.actived a {
    border-bottom: none;
    box-sizing: border-box;
    height: 30px;
    color: #fff
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span.actived {
    background: linear-gradient(0, #E3CBB2, #D0B190)
}

.WrwktR9wq4U1A3cjuPZH {
    width: 100%;
    background: #fff
}

.WrwktR9wq4U1A3cjuPZH>div.header,
.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item {
    height: 40px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(#f6f6f6, #e3e1e1);
    line-height: 40px;
    box-sizing: border-box;
    border-spacing: 1px;
    color: #2c3341;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 0 10px
}

.WrwktR9wq4U1A3cjuPZH>div.header>span,
.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span {
    height: auto;
    display: flex;
    justify-content: center;
    width: 100px;
    align-items: center
}

.WrwktR9wq4U1A3cjuPZH>div.header>span:nth-child(1),
.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(1) {
    width: 485px
}

.WrwktR9wq4U1A3cjuPZH>div.header>span:nth-child(2),
.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(2) {
    width: 150px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item {
    padding: 0 15px
}

.WrwktR9wq4U1A3cjuPZH>div.empty {
    height: 80px;
    text-align: center
}

.WrwktR9wq4U1A3cjuPZH>div.empty>span {
    margin-top: 55px;
    color: #ccc;
    display: inline-block;
    font-weight: 600
}

.WrwktR9wq4U1A3cjuPZH>div.items-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    max-height: 160px;
    overflow: auto
}

.WrwktR9wq4U1A3cjuPZH>div.items-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.WrwktR9wq4U1A3cjuPZH>div.items-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.WrwktR9wq4U1A3cjuPZH>div.items-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item {
    border: 0;
    border-bottom: 1px dashed #d8d8d8;
    font-size: 12px;
    font-weight: 500
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item:nth-child(2n) {
    background: #f0f2f5
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item:nth-child(2n+1) {
    background: #fafafa
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(1) {
    display: inline-block;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(1)>label {
    color: #0d5ada;
    cursor: pointer
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item select {
    color: #2c3341;
    height: 24px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(bottom, #e3e3e3, #feffff);
    border: 0
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item img {
    cursor: pointer
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar {
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos {
    font-size: 14px;
    height: auto;
    display: flex;
    align-items: center
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos>span {
    padding: 0 5px;
    font-weight: bold;
    color: #ff3000
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos>span.mmc {
    height: auto;
    display: flex;
    align-items: center;
    float: left
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.go-bet,
.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn {
    height: 36px;
    width: 100px;
    line-height: 36px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-left: 10px;
    cursor: pointer
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn {
    border: 1px solid #bcbcbc;
    border-radius: 2px;
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    position: relative
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.actived::before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #e54a6f
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.actived::after {
    position: absolute;
    top: -12px;
    right: 10px;
    content: "√";
    color: #fff;
    width: 0;
    height: 0
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.countdown {
    padding-left: 18px;
    font-size: 14px;
    font-weight: bold;
    color: #b24e66
}

.WrwktR9wq4U1A3cjuPZH {
    margin-top: 20px
}

.WrwktR9wq4U1A3cjuPZH>div.header {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.WrwktR9wq4U1A3cjuPZH>div.header span {
    width: 110px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span {
    color: #333;
    font-size: 14px;
    width: 110px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(6) {
    color: #d0b293
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item select {
    color: #42403d
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.actived::before {
    border-top: 20px solid #e8b03d
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.go-bet {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none;
    color: #fff;
    border: 0
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none;
    color: #fff;
    border: 0
}

.oMvM7NEYmJaQsrvDvqiA {
    height: 100%
}

.oMvM7NEYmJaQsrvDvqiA>div.header {
    height: 40px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #000;
    background: #fff;
    padding: 0 10px;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.oMvM7NEYmJaQsrvDvqiA>div.header>span.title>svg {
    cursor: pointer;
    vertical-align: -2px
}

.oMvM7NEYmJaQsrvDvqiA>div.header>span.manycai-analyse {
    cursor: pointer
}

.oMvM7NEYmJaQsrvDvqiA>div.header>span.manycai-analyse:hover {
    text-decoration: underline
}

.oMvM7NEYmJaQsrvDvqiA>div.header>span.chart {
    float: right;
    cursor: pointer
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper {
    height: calc(100% - 50px)
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.code-list {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 5px;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100% - 17px);
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.code-list::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.code-list::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.code-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title-loader {
    padding: 5px 10px 5px 5px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title {
    height: 26px;
    line-height: 16px;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
    box-sizing: border-box;
    background: #f3f2f2
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span {
    display: block;
    float: left
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span.issue {
    width: 25%;
    text-align: center
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span.issue.full-size {
    width: 30%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span.codes {
    text-align: center;
    width: 44%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span.codes.full-size {
    width: 70%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper>.title span.form {
    text-align: center;
    width: 31%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item {
    min-height: 30px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item:nth-child(1) .code-number span {
    color: #fc5d50;
    padding: 0px 5px;
    border-radius: 50px;
    margin: 5px 1px 0 1px;
    width: 20px;
    height: 20px;
    display: block;
    line-height: 20px;
    float: left;
    padding: 0
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item:nth-child(1) .code-number span.disabled {
    color: #42403d;
    background: #edf0f5
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item:nth-child(1) .code-number span.active {
    font-weight: 600;
    color: #fff;
    background: #e54a6f;
    background-size: 100% 100%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div {
    float: left;
    min-height: 30px;
    line-height: 30px;
    word-wrap: break-word;
    text-align: center
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-issue {
    width: 29%;
    text-align: center;
    color: #6e6a85
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-issue.high-light {
    color: #fc5d50;
    font-weight: 600
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-issue.mmc {
    color: #97a6c5
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-issue.full-size {
    text-align: center;
    width: 34%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-number {
    width: 40%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-number.full-size {
    width: 66%
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-number span {
    color: #7c8cab;
    width: 20px;
    text-align: center;
    margin: 0 1px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-number span.active {
    color: #e54a6f
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form {
    width: 30%;
    display: flex;
    justify-content: center
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .empty {
    padding: 0 2px
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .ball {
    border-radius: 50px;
    color: #fff;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    margin: 5px 2px 0 0
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_7c73ff {
    color: #7c73ff
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_40cfff {
    color: #40cfff
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_229e6d {
    color: #229e6d
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_cc8b1e {
    color: #cc8b1e
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_006dfe {
    color: #006dfe
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_ff33ff {
    color: #f3f
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_f95016 {
    color: #f95016
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_476efe {
    color: #476efe
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_1291bb {
    color: #1291bb
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_fc5d50 {
    color: #fc5d50
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_0b9fb9 {
    color: #0b9fb9
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .c_685ba2 {
    color: #685ba2
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .b_f8aa46 {
    background: #f8aa46
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .b_4c8bda {
    background: #4c8bda
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .b_008000 {
    background: green
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .code-item>div.code-form .b_ff0000 {
    background: red
}

.oMvM7NEYmJaQsrvDvqiA>.codes-warpper .pk-item {
    min-height: 60px
}

.gsV3SuuY24xZK70OMReE {
    height: 100%;
    background: #fff
}

.gsV3SuuY24xZK70OMReE>div.header {
    height: 40px;
    display: flex;
    justify-content: space-between;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #000;
    background: linear-gradient(#f6f6f6, #e3e1e1);
    padding: 0 10px;
    align-items: center;
    font-size: 14px;
    font-weight: bold
}

.gsV3SuuY24xZK70OMReE>div.header>span.title>svg {
    cursor: pointer;
    vertical-align: -2px
}

.gsV3SuuY24xZK70OMReE>.list {
    color: #4c4d4b;
    font-size: 14px
}

.gsV3SuuY24xZK70OMReE>.list>li {
    margin: 10px 20px
}

.WisQyirvkFlm8KCmVykK {
    padding: 16px 35px;
    background: #fff;
    font-size: 14px
}

.WisQyirvkFlm8KCmVykK .cate {
    display: flex;
    justify-content: space-between
}

.WisQyirvkFlm8KCmVykK .cate .title {
    font-weight: 600;
    color: #7d8fb3;
    width: 102px;
    text-align: right;
    margin: 12.5px 0;
    line-height: 22px;
    height: 22px
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items {
    width: 848px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #ccc;
    padding-left: 10px;
    margin: 0px 0px 10px 10px
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span {
    width: 150px;
    margin: 15px 2px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span>svg {
    color: #e6ebf5
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span>svg.active {
    color: #4982eb
}

.WisQyirvkFlm8KCmVykK>span.save {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    width: 150px;
    margin: auto;
    margin-top: 20px
}

.WisQyirvkFlm8KCmVykK>span.save:hover {
    opacity: .8
}

.WisQyirvkFlm8KCmVykK>span.save:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.WisQyirvkFlm8KCmVykK>span.save:hover::before {
    width: 45px;
    left: 205px
}

.WisQyirvkFlm8KCmVykK>span.save::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item.actived {
    background: linear-gradient(180deg, #E3F5FF 1%, #F2FAFF 21%, #FFFFFF 99%);
    color: #2f2f2f
}

.xFWPlzcL1THlW0HBD5ap>h6 {
    background: linear-gradient(180deg, #8fafff 0%, #0d5ada 100%)
}

@media screen and (max-width: 1400px) {
    .xFWPlzcL1THlW0HBD5ap {
        border: 1px solid #4982eb
    }
}

.IFVUpmqj5f3AzwJcYDPN {
    background: linear-gradient(180deg, #8fafff 0%, #0d5ada 100%)
}

.cELyVcRATkdUSHNwVO97 {
    width: 170px;
    position: absolute;
    background-color: #fff;
    top: 0px;
    left: -180px;
    border-radius: 10px;
    z-index: 2;
    animation: fav-fade-coming 1s
}

@media screen and (max-width: 1400px) {
    .cELyVcRATkdUSHNwVO97 {
        left: 0px;
        border: 1px solid #4982eb
    }
}

.cELyVcRATkdUSHNwVO97>h6 {
    height: 38px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 0 10px;
    align-items: center;
    color: #2c3341;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: normal;
    background: #4982eb;
    color: #fff
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item {
    height: 52px;
    line-height: 20px;
    border-bottom: 1px solid #e0edea;
    padding: 0 12px;
    padding-top: 8px;
    font-size: 12px;
    cursor: pointer;
    box-sizing: border-box;
    color: #4c4c4c;
    background: #fff;
    transition: .5s all;
    position: relative
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item:hover {
    background: #e0edea
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item.actived {
    color: #fffbf2;
    background: rgba(73, 130, 235, .6)
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.countdown {
    color: #7166a5
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.countdown.warn {
    color: #fc5d50
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.progress-box {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 16px;
    right: 20px
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.progress-box .progress {
    width: 22px
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item.active>.progress-box {
    border: 1px solid #fff;
    border-radius: 50%
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.line-bg {
    height: 3px;
    background-color: #c1c1c1;
    border-radius: 1px;
    margin-top: 8px
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.line-bg>.fill {
    transition: 1s all;
    height: 3px;
    background-image: linear-gradient(90deg, #89f7fe 0%, #66a6ff 100%)
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.line-bg>.fill.warn {
    background-image: linear-gradient(90deg, #ff6a71 0%, #ffa061 100%)
}

.cELyVcRATkdUSHNwVO97>div.footer {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #727272;
    font-size: 14px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer
}

.P913OMBAQLhBRIrKIENO {
    animation: fav-mini-coming 1s;
    left: -30px;
    position: absolute;
    width: 30px;
    padding: 0 5px;
    box-sizing: border-box;
    height: 110px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    letter-spacing: 1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 16px;
    border: 1px solid;
    background: #4982eb;
    border: none
}

.P913OMBAQLhBRIrKIENO>svg {
    margin: 10px 0 2px 0 !important
}

.P913OMBAQLhBRIrKIENO:hover {
    filter: brightness(1.1)
}

@keyframes fav-fade-coming {
    0% {
        opacity: .6;
        transform: translate(-30%, 0%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, 0%)
    }
}

@keyframes fav-mini-coming {
    0% {
        opacity: .6;
        transform: translate(0%, -50%)
    }

    100% {
        opacity: 1;
        transform: translate(0%, 0%)
    }
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item.actived {
    background: linear-gradient(180deg, #E3F5FF 1%, #F2FAFF 21%, #FFFFFF 99%);
    color: #2f2f2f
}

.cELyVcRATkdUSHNwVO97>h6 {
    background: linear-gradient(180deg, #8fafff 0%, #0d5ada 100%)
}

@media screen and (max-width: 1400px) {
    .cELyVcRATkdUSHNwVO97 {
        border: 1px solid #4982eb
    }
}

.P913OMBAQLhBRIrKIENO {
    background: linear-gradient(180deg, #8fafff 0%, #0d5ada 100%)
}

.cG0CoABZIqf7f0zJwilc .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.cG0CoABZIqf7f0zJwilc .report-search-bar select.report,
.cG0CoABZIqf7f0zJwilc .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.cG0CoABZIqf7f0zJwilc .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.cG0CoABZIqf7f0zJwilc .report-search-bar span.query:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.cG0CoABZIqf7f0zJwilc>.level-info>span.desc {
    color: #c8ccd6
}

.cG0CoABZIqf7f0zJwilc>.level-info>div.level {
    color: #c8ccd6
}

.cG0CoABZIqf7f0zJwilc>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.cG0CoABZIqf7f0zJwilc>.level-info>div.level>span::after {
    content: " > "
}

.cG0CoABZIqf7f0zJwilc>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.cG0CoABZIqf7f0zJwilc>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.cG0CoABZIqf7f0zJwilc>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.cG0CoABZIqf7f0zJwilc>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item:first-child {
    margin-top: 0
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item div.values {
    width: 300px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.cG0CoABZIqf7f0zJwilc>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.cG0CoABZIqf7f0zJwilc>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.cG0CoABZIqf7f0zJwilc>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.cG0CoABZIqf7f0zJwilc>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.cG0CoABZIqf7f0zJwilc>.search-bar .action-btn:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc.detail>span.cancel {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    width: 120px;
    margin: auto;
    margin-top: 10px
}

.cG0CoABZIqf7f0zJwilc.detail>span.cancel:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc.detail>span.cancel:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc.detail>span.cancel:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc.detail>span.cancel::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc.detail>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cG0CoABZIqf7f0zJwilc.detail>header>.goback {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.cG0CoABZIqf7f0zJwilc.detail>header>.goback:hover {
    opacity: .8
}

.cG0CoABZIqf7f0zJwilc.detail>header>.goback:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.cG0CoABZIqf7f0zJwilc.detail>header>.goback:hover::before {
    width: 45px;
    left: 205px
}

.cG0CoABZIqf7f0zJwilc.detail>header>.goback::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.cG0CoABZIqf7f0zJwilc.detail>header h3 {
    font-weight: 500
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail {
    height: 130px;
    border: #edebf5 solid 0px;
    background: #f7f9fc;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col {
    width: 33.33%;
    height: 90%;
    border-right: 1px dashed #ccc
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col:last-child {
    border: 0
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box {
    height: 35px;
    width: 80%;
    margin-left: 10%;
    border: 1px solid #edebf5;
    font-size: 14px;
    line-height: 35px;
    text-indent: 10px;
    font-size: 14px
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box:nth-child(1) {
    margin-top: 5px
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box:nth-child(2),
.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box:nth-child(3) {
    border-top: 0
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box span.key {
    color: #666
}

.cG0CoABZIqf7f0zJwilc.detail>.track-detail div.col .value-box span.value {
    color: #000
}

.cG0CoABZIqf7f0zJwilc.detail>.track-codes {
    background: #f7e8f8;
    margin-top: 1px;
    padding: 20px;
    overflow: hidden;
    color: #8e6e91
}

.cG0CoABZIqf7f0zJwilc.detail>.track-codes label {
    display: inline-block;
    font-size: 16px;
    font-weight: bold
}

.cG0CoABZIqf7f0zJwilc.detail>.track-codes span {
    width: 85%;
    display: inline-block;
    padding-left: 20px;
    margin-left: 12px;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    border-left: 1px solid #cfb7d1;
    color: #8e6e91;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    word-wrap: break-word
}

.cG0CoABZIqf7f0zJwilc.detail>.track-issue-numbers {
    display: flex;
    justify-content: flex-end;
    margin: 15px 0;
    color: #8994ab;
    font-size: 14px
}

.cG0CoABZIqf7f0zJwilc.detail input[type=checkbox] {
    margin-right: 2px
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar select.report,
.tmwI_RXcMz_4UCETqf7h .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar span.query:hover {
    opacity: .8
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.tmwI_RXcMz_4UCETqf7h .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tmwI_RXcMz_4UCETqf7h>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.tmwI_RXcMz_4UCETqf7h>.level-info>span.desc {
    color: #c8ccd6
}

.tmwI_RXcMz_4UCETqf7h>.level-info>div.level {
    color: #c8ccd6
}

.tmwI_RXcMz_4UCETqf7h>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.tmwI_RXcMz_4UCETqf7h>.level-info>div.level>span::after {
    content: " > "
}

.tmwI_RXcMz_4UCETqf7h>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.tmwI_RXcMz_4UCETqf7h>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.tmwI_RXcMz_4UCETqf7h>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.tmwI_RXcMz_4UCETqf7h>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item:first-child {
    margin-top: 0
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item div.values {
    width: 300px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.tmwI_RXcMz_4UCETqf7h>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tmwI_RXcMz_4UCETqf7h>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.tmwI_RXcMz_4UCETqf7h>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.tmwI_RXcMz_4UCETqf7h>.search-bar .action-btn:hover {
    opacity: .8
}

.tmwI_RXcMz_4UCETqf7h>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tmwI_RXcMz_4UCETqf7h>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.tmwI_RXcMz_4UCETqf7h>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tNwiBpOHIMk7yV71WZBA>span.cancel {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    width: 120px;
    margin: auto;
    margin-top: 10px
}

.tNwiBpOHIMk7yV71WZBA>span.cancel:hover {
    opacity: .8
}

.tNwiBpOHIMk7yV71WZBA>span.cancel:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tNwiBpOHIMk7yV71WZBA>span.cancel:hover::before {
    width: 45px;
    left: 205px
}

.tNwiBpOHIMk7yV71WZBA>span.cancel::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tNwiBpOHIMk7yV71WZBA>header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.tNwiBpOHIMk7yV71WZBA>header>.goback {
    float: right;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.tNwiBpOHIMk7yV71WZBA>header>.goback:hover {
    opacity: .8
}

.tNwiBpOHIMk7yV71WZBA>header>.goback:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.tNwiBpOHIMk7yV71WZBA>header>.goback:hover::before {
    width: 45px;
    left: 205px
}

.tNwiBpOHIMk7yV71WZBA>header>.goback::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.tNwiBpOHIMk7yV71WZBA>header h3 {
    font-weight: 500
}

.tNwiBpOHIMk7yV71WZBA>.track-detail {
    height: 130px;
    border: #edebf5 solid 0px;
    background: #f7f9fc;
    margin-top: 10px;
    display: flex;
    align-items: center
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col {
    width: 33.33%;
    height: 90%;
    border-right: 1px dashed #ccc
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col:last-child {
    border: 0
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box {
    height: 35px;
    width: 80%;
    margin-left: 10%;
    border: 1px solid #edebf5;
    font-size: 14px;
    line-height: 35px;
    text-indent: 10px;
    font-size: 14px
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box:nth-child(1) {
    margin-top: 5px
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box:nth-child(2),
.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box:nth-child(3) {
    border-top: 0
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box span.key {
    color: #666
}

.tNwiBpOHIMk7yV71WZBA>.track-detail div.col .value-box span.value {
    color: #000
}

.tNwiBpOHIMk7yV71WZBA>.track-codes {
    background: #f7e8f8;
    margin-top: 1px;
    padding: 20px;
    overflow: hidden;
    color: #8e6e91
}

.tNwiBpOHIMk7yV71WZBA>.track-codes label {
    display: inline-block;
    font-size: 16px;
    font-weight: bold
}

.tNwiBpOHIMk7yV71WZBA>.track-codes span {
    width: 85%;
    display: inline-block;
    padding-left: 20px;
    margin-left: 12px;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    border-left: 1px solid #cfb7d1;
    color: #8e6e91;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    word-wrap: break-word
}

.tNwiBpOHIMk7yV71WZBA>.track-issue-numbers {
    display: flex;
    justify-content: flex-end;
    margin: 15px 0;
    color: #8994ab;
    font-size: 14px
}

.tNwiBpOHIMk7yV71WZBA>.track-issue-numbers span {
    margin-left: 15px
}

.tNwiBpOHIMk7yV71WZBA input[type=checkbox] {
    margin-right: 2px
}

.CbblMdwQH9t31yWxcetQ {
    overscroll-behavior: auto
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar select.report,
.xmd5Qe2lHPT9QqCZfdIA .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar span.query:hover {
    opacity: .8
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info>span.desc {
    color: #c8ccd6
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info>div.level {
    color: #c8ccd6
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info>div.level>span::after {
    content: " > "
}

.xmd5Qe2lHPT9QqCZfdIA>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.xmd5Qe2lHPT9QqCZfdIA>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.xmd5Qe2lHPT9QqCZfdIA>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.xmd5Qe2lHPT9QqCZfdIA>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item:first-child {
    margin-top: 0
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item div.values {
    width: 300px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.xmd5Qe2lHPT9QqCZfdIA>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar .action-btn:hover {
    opacity: .8
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.xmd5Qe2lHPT9QqCZfdIA>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar select.report,
.kD6eO5S5rP2I2guJsNfn .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar span.query:hover {
    opacity: .8
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.kD6eO5S5rP2I2guJsNfn>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.kD6eO5S5rP2I2guJsNfn>.level-info>span.desc {
    color: #c8ccd6
}

.kD6eO5S5rP2I2guJsNfn>.level-info>div.level {
    color: #c8ccd6
}

.kD6eO5S5rP2I2guJsNfn>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.kD6eO5S5rP2I2guJsNfn>.level-info>div.level>span::after {
    content: " > "
}

.kD6eO5S5rP2I2guJsNfn>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.kD6eO5S5rP2I2guJsNfn>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.kD6eO5S5rP2I2guJsNfn>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.kD6eO5S5rP2I2guJsNfn>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.kD6eO5S5rP2I2guJsNfn>.report-search-bar {
    justify-content: space-between
}

.kD6eO5S5rP2I2guJsNfn>.summary-box {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
    border-top: 1px solid #e0e6ed;
    width: 100%
}

.kD6eO5S5rP2I2guJsNfn .summary-box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
    border-top: 1px solid #e0e6ed;
    width: 100%
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item {
    width: 20%;
    height: 75px;
    background-repeat: no-repeat;
    background-position-y: center;
    margin-top: 10px;
    box-sizing: border-box
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item .title {
    margin-top: 20px;
    line-height: 18px;
    margin-bottom: 2px
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box {
    color: #333;
    border-radius: 50%;
    float: left;
    width: 33px;
    height: 33px;
    margin: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 0 0 7px #0d5ada;
    background-color: #4982eb
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.team-member {
    background-image: url(../images/outcache/icon-team-member.2840.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.recharge {
    background-image: url(../images/outcache/icon-recharge.4151.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.withdrawal {
    background-image: url(../images/outcache/icon-withdrawal.bf67.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.effect {
    background-image: url(../images/outcache/icon-effect.9a23.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.online {
    background-image: url(../images/outcache/icon-online.304f.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.prize {
    background-image: url(../images/outcache/icon-prize.ceca.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.rebet {
    background-image: url(../images/outcache/icon-rebet.14a1.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.new-member {
    background-image: url(../images/outcache/icon-new-member.ec3c.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.promotion {
    background-image: url(../images/outcache/icon-promotion.2d6d.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.profit {
    background-image: url(../images/outcache/icon-profit.8cd2.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.active-member {
    background-image: url(../images/outcache/icon-promotion.2d6d.png)
}

.kD6eO5S5rP2I2guJsNfn .chart-box {
    min-height: 400px;
    padding-top: 20px;
    color: #000;
    font-size: 14px
}

.kD6eO5S5rP2I2guJsNfn .chart-box .title {
    margin-bottom: 40px
}

.kD6eO5S5rP2I2guJsNfn .chart-box .title div.fr span {
    margin-left: 20px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 20px
}

.kD6eO5S5rP2I2guJsNfn .chart-box .title div.fr span:hover,
.kD6eO5S5rP2I2guJsNfn .chart-box .title div.fr span.active {
    color: #fff;
    background: #0d5ada
}

.kD6eO5S5rP2I2guJsNfn .chart-box .biz-chart-box {
    min-height: 400px;
    position: relative
}

.kD6eO5S5rP2I2guJsNfn .chart-box .tips {
    color: red
}

.kD6eO5S5rP2I2guJsNfn .chart-box.pie .biz-box {
    float: left;
    width: 50%;
    height: 400px;
    position: relative
}

.KkEAY2ZL0RXIvBVtngvq {
    height: 400px;
    background-color: none
}

.KkEAY2ZL0RXIvBVtngvq>.tabs {
    height: 37px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #2c3341;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(#f6f6f6, #e3e1e1)
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 105px;
    cursor: pointer
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span.active {
    font-weight: bold;
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span.actions {
    margin-left: auto;
    width: 140px
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span.actions>span {
    margin-left: 10px;
    width: 100px;
    display: flex;
    align-items: center
}

.KkEAY2ZL0RXIvBVtngvq>.tab-content {
    min-height: 255px;
    position: relative
}

.KkEAY2ZL0RXIvBVtngvq .more-actions {
    padding: 20px 0
}

.KkEAY2ZL0RXIvBVtngvq .more-actions>span {
    display: inline-block;
    cursor: pointer
}

.KkEAY2ZL0RXIvBVtngvq .more-actions>span.more {
    width: 55%;
    text-align: right;
    color: #d50000;
    text-decoration: underline;
    font-size: 16px
}

.KkEAY2ZL0RXIvBVtngvq .more-actions>span.refresh {
    width: 52px;
    margin-left: auto;
    padding: 5px 0px 5px 6px;
    border-radius: 3px;
    float: right;
    margin-right: 40px;
    color: #888;
    border: solid 1px #e9e9e9;
    background: linear-gradient(bottom, #fff, #eaeaea)
}

.KkEAY2ZL0RXIvBVtngvq>.tabs {
    background: #fff
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span.active {
    background: none;
    color: #42403d
}

.mrMCupACSu1ZV8GiVVlF span.query {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.mrMCupACSu1ZV8GiVVlF>div.top-info {
    border-left: 2px solid #ff5b06;
    margin: 30px 0px;
    padding-left: 5px;
    font-size: 22px
}

.mrMCupACSu1ZV8GiVVlF>div.top-info>span.title {
    background: linear-gradient(bottom, #ff5b06, #fe952c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    margin-right: 15px
}

.mrMCupACSu1ZV8GiVVlF>div.top-info>span.issue {
    min-width: 120px;
    color: #fff;
    border-radius: 6px;
    padding: 0px 10px;
    background: #ff5300
}

.nZN4hSeF_vrN7Uu40f6b {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item>div>span:last-child {
    border-right: 0
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item>div.issue {
    background: #e8eaf0
}

.nZN4hSeF_vrN7Uu40f6b>div.issue-item>div.num>span {
    border-bottom: none
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.full-num {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    background-color: #0d5ada;
    color: #fff;
    border-radius: 8px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div {
    width: 32%;
    text-align: center;
    border-radius: 8px;
    font-size: 20px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div>p {
    font-size: 22px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div>p:first-child {
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    background-color: #0d5ada;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div>p:nth-child(2),
.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div>p:last-child {
    border: solid 1px #0d5ada;
    color: #fff;
    border-top: none;
    line-height: 40px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div>p:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div:nth-child(3)>p:last-child,
.W9C0ZiTD_y1AI7v1XptJ>div.issue-item>div.method>div:last-child>p:last-child {
    line-height: 80px
}

.o_kxjTroCWOEdB71hu49>div.issue-item {
    color: #fff
}

.o_kxjTroCWOEdB71hu49>div.issue-item>div.method {
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.o_kxjTroCWOEdB71hu49>div.issue-item>div.method>div {
    width: 32%;
    text-align: center;
    border-radius: 8px;
    font-size: 18px
}

.o_kxjTroCWOEdB71hu49>div.issue-item>div.method>div>p:first-child {
    line-height: 40px;
    background-color: #0d5ada;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.o_kxjTroCWOEdB71hu49>div.issue-item>div.method>div>p:last-child {
    line-height: 70px;
    font-size: 28px;
    border: solid 1px #0d5ada;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.fuVlx32glc8DVTFHlbGS>div.issue-item {
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.fuVlx32glc8DVTFHlbGS>div.issue-item>div {
    width: 23.5%;
    border: solid 1px #e3c9c9;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 18px
}

.fuVlx32glc8DVTFHlbGS>div.issue-item>div:nth-child(1),
.fuVlx32glc8DVTFHlbGS>div.issue-item>div:nth-child(2) {
    width: 49%
}

.fuVlx32glc8DVTFHlbGS>div.issue-item>div>p {
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #745454
}

.fuVlx32glc8DVTFHlbGS>div.issue-item>div>p:first-child {
    background: #f3d5d5
}

.fuVlx32glc8DVTFHlbGS>div.issue-item>div>p:last-child {
    font-size: 36px
}

.O6UY54jzwW6x28ys3NIC>div.issue-item>div.method {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.O6UY54jzwW6x28ys3NIC>div.issue-item>div.method>div {
    width: 30%;
    text-align: center;
    border-radius: 8px;
    font-size: 18px
}

.O6UY54jzwW6x28ys3NIC>div.issue-item>div.method>div>p:first-child {
    line-height: 40px;
    color: #fff;
    background-color: #0d5ada;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.O6UY54jzwW6x28ys3NIC>div.issue-item>div.method>div>p:last-child {
    line-height: 70px;
    font-size: 28px;
    border: solid 1px #0d5ada;
    color: #555;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.aAlFyYRWWnA8MFMY2eEA {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item>div>span:last-child {
    border-right: 0
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item>div.issue {
    background: #e8eaf0
}

.aAlFyYRWWnA8MFMY2eEA>div.issue-item>div.num>span {
    border-bottom: none
}

.wDTthATl2erGMfEPjK3X {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.wDTthATl2erGMfEPjK3X>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 48%;
    color: #666;
    font-size: 16px
}

.wDTthATl2erGMfEPjK3X>div.issue-item:nth-child(2n+1) {
    margin-right: 2%
}

.wDTthATl2erGMfEPjK3X>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.wDTthATl2erGMfEPjK3X>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.wDTthATl2erGMfEPjK3X>div.issue-item>div>span:last-child {
    border-right: 0
}

.wDTthATl2erGMfEPjK3X>div.issue-item>div.issue {
    background: #e8eaf0
}

.wDTthATl2erGMfEPjK3X>div.issue-item>div.num>span {
    border-bottom: none
}

.IYb791V_IzHr51S6WQA_ {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.IYb791V_IzHr51S6WQA_>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px
}

.IYb791V_IzHr51S6WQA_>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.IYb791V_IzHr51S6WQA_>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.IYb791V_IzHr51S6WQA_>div.issue-item>div>span:last-child {
    border-right: 0
}

.IYb791V_IzHr51S6WQA_>div.issue-item>div.issue {
    background: #e8eaf0
}

.IYb791V_IzHr51S6WQA_>div.issue-item>div.num>span {
    border-bottom: none
}

.ZeMEPJEH4rikFriQea_g {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.ZeMEPJEH4rikFriQea_g>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px
}

.ZeMEPJEH4rikFriQea_g>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.ZeMEPJEH4rikFriQea_g>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.ZeMEPJEH4rikFriQea_g>div.issue-item>div>span:last-child {
    border-right: 0
}

.ZeMEPJEH4rikFriQea_g>div.issue-item>div.issue {
    background: #e8eaf0
}

.ZeMEPJEH4rikFriQea_g>div.issue-item>div.num>span {
    border-bottom: none
}

.vwvk5DLpK8DcKwzk7JIL {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item {
    border: solid 1px #ccc;
    border-radius: 8px;
    margin-bottom: 20px;
    width: 24%;
    margin-right: 8px;
    color: #666;
    font-size: 16px
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item>div {
    height: 40px;
    line-height: 40px;
    text-align: center;
    height: auto;
    display: flex;
    justify-content: center
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item>div>span {
    width: 50%;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item>div>span:last-child {
    border-right: 0
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item>div.issue {
    background: #e8eaf0
}

.vwvk5DLpK8DcKwzk7JIL>div.issue-item>div.num>span {
    border-bottom: none
}

.FfyS7Zo8eT47vs3oVRg9>.tab {
    height: 55px;
    line-height: 55px;
    position: relative
}

.FfyS7Zo8eT47vs3oVRg9>.tab>span {
    display: inline-block;
    padding: 0 55px;
    margin-right: 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f3d5d5;
    color: #745454;
    font-size: 14px;
    cursor: pointer
}

.FfyS7Zo8eT47vs3oVRg9>.tab>span.actived {
    background: linear-gradient(0deg, #ff5200, #fe9a30);
    color: #fff
}

.FfyS7Zo8eT47vs3oVRg9>.tab>i.rule {
    position: absolute;
    right: 0;
    color: #c00;
    cursor: pointer;
    font-size: 16px
}

.FfyS7Zo8eT47vs3oVRg9>.lotts {
    border-radius: 0px 10px 10px 10px;
    border: solid 1px #e3c9c9;
    height: 880px;
    padding: 20px;
    box-sizing: border-box;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.FfyS7Zo8eT47vs3oVRg9>.lotts::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.FfyS7Zo8eT47vs3oVRg9>.lotts::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.FfyS7Zo8eT47vs3oVRg9>.lotts::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.M_O5NxyWmwNdlbKRLZEq {
    width: 252px;
    height: 100px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin: 0 9px 20px 9px
}

.M_O5NxyWmwNdlbKRLZEq.disabled {
    filter: grayscale(1)
}

.M_O5NxyWmwNdlbKRLZEq:nth-child(4n+1) {
    margin-left: 0
}

.M_O5NxyWmwNdlbKRLZEq:nth-child(4n+4) {
    margin-right: 0
}

.M_O5NxyWmwNdlbKRLZEq>div.info {
    height: 60px;
    display: flex;
    justify-content: space-between;
    background: #f3d5d5;
    align-items: center
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue {
    background-color: #c0a1a1;
    padding: 2px 10px;
    color: #fff;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 25px;
    display: inline-block;
    height: 26px;
    padding-left: 40px;
    line-height: 26px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 5px
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue::before {
    position: absolute;
    top: 0px;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border: 14px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #f3d5d5
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsjp {
    background-image: url(../images/outcache/gsjp.d96c.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gskr {
    background-image: url(../images/outcache/gskr.a4a6.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gshk {
    background-image: url(../images/outcache/gshk.86b6.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gscn {
    background-image: url(../images/outcache/gscn.b9ad.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gstw {
    background-image: url(../images/outcache/gstw.61ee.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gssg {
    background-image: url(../images/outcache/gssg.d210.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gseg {
    background-image: url(../images/outcache/gseg.e0af.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsde {
    background-image: url(../images/outcache/gsde.b5b5.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsgb {
    background-image: url(../images/outcache/gsgb.8ba8.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsru {
    background-image: url(../images/outcache/gsru.c06b.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsin {
    background-image: url(../images/outcache/gsin.2299.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsus {
    background-image: url(../images/outcache/gsus.9a4f.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.tykc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsth,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.tgfc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsb3y,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.gsb5y,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.tgfctc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.baac {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABZElEQVRIibWWPU7DQBBGnx2XICGRICpAoDSQS+QClBDoI0oqJCpaoAAuwV8oOQDhEIkIBSFBqYCSikgETTSLbLAdCJ6vsXe9ft/ueGfHXntqlhTNAZtAGVgGCkAf6AFd4BaoAY9JiCQDAR8Aa0AubQbAh5rsAk/fH/oxL6wCDWDjF3DHkLFNvUYU5PLT4fY2cJxgPEoTwBkgITlxY733u5a7XwcupG8MeFgDXUltaDAYSHsY86bOIgu9ASvyTVwo9jOEo6xDt4J5oD1m3NMku2sx8Ip7FQM4yqz4mkRWKotBydCgJAZ5Q4OCRewjEoNXQ/6LrwlmpYYY3Bga1CXRFoAHo0RbEmgHuMoYjjI75odd0G/do5WoCpxndFxXXXXzusVIIv+n4Dj4DnDkOuJqspTMU2Dyj3AJy5ZG4UtxM73W8+lSd8IoyRgZKzGPwJNWEFb4t0UAM/rwWTdFXXeL1JOfAj4BORFTSmUAneMAAAAASUVORK5CYII=)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.hnvip,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.hntc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.ynhn {
    background-image: url(../images/outcache/yn.01c7.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.mltc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.ynma {
    background-image: url(../images/outcache/ml.25de.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.lztc,
.M_O5NxyWmwNdlbKRLZEq>div.info>.issue.tlzc {
    background-image: url(../images/outcache/lw.0eaf.png)
}

.M_O5NxyWmwNdlbKRLZEq>div.info>.deadline {
    margin-right: 10px;
    height: 22px;
    line-height: 22px;
    background: #ff5300;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 0px 7px
}

.M_O5NxyWmwNdlbKRLZEq>div.countdown {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    font-size: 15px;
    font-weight: 600
}

.M_O5NxyWmwNdlbKRLZEq>div.countdown>.timer {
    background: linear-gradient(bottom, #ff5b06, #fe952c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-align: left
}

.M_O5NxyWmwNdlbKRLZEq>div.countdown>.timer>svg {
    color: #ff5c07
}

.M_O5NxyWmwNdlbKRLZEq>div.countdown>.goBet {
    text-decoration: underline;
    color: #ff5300;
    text-align: right;
    cursor: pointer;
    white-space: nowrap
}

.PJ6xbhsBlAJ0nSsHD4mM {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1000
}

.PJ6xbhsBlAJ0nSsHD4mM .content {
    width: 561px;
    height: 390px;
    background-size: 100%;
    position: absolute;
    left: calc(50% - 280px);
    top: calc(50% - 150px)
}

.PJ6xbhsBlAJ0nSsHD4mM .content .text {
    width: 350px;
    height: 53px;
    margin: auto;
    margin-top: 72px;
    box-sizing: border-box;
    word-break: break-word;
    line-height: 29px;
    overflow: hidden;
    color: #5d5879
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs {
    width: 350px;
    height: 131px;
    margin: 27px auto 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item {
    width: 109px;
    height: 100%;
    margin: 10px;
    background-color: #fff;
    border-radius: 10px
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item.n3:first-child,
.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item.n3:last-child {
    margin: 0
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item i {
    width: 74px;
    height: 74px;
    display: block;
    margin: auto;
    margin-top: 9px;
    background-size: 100%
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item span {
    cursor: pointer;
    background-image: linear-gradient(to right, #4982eb, #0d5ada);
    width: 85px;
    height: 27px;
    line-height: 27px;
    border: none;
    text-align: center;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    color: #fff;
    display: block;
    background-blend-mode: normal, normal;
    border-radius: 3px;
    text-align: center;
    margin: 10px auto;
    font-size: 14px;
    line-height: 27px;
    cursor: pointer
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item span:hover {
    opacity: .8
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item span:hover {
    opacity: .8
}

.PJ6xbhsBlAJ0nSsHD4mM .close {
    height: 120px;
    width: 48px;
    background: url(../images/outcache/close.4921.png);
    background-size: 100%;
    position: absolute;
    left: calc(50% - 24px);
    top: calc(28% - 10px);
    cursor: pointer
}

.YvhFHI5128ZddiQU62cQ .maycai-wrapper {
    background: url(../images/outcache/prize-tj.debb.png) no-repeat 100%/100% auto;
    width: 71px;
    height: 78px;
    position: absolute;
    top: 0;
    right: -88px;
    cursor: pointer;
    transition: .5s all
}

@media screen and (max-width: 1170px) {
    .YvhFHI5128ZddiQU62cQ .maycai-wrapper {
        display: none
    }
}

.YvhFHI5128ZddiQU62cQ .maycai-wrapper:hover {
    filter: brightness(1.3)
}

.YvhFHI5128ZddiQU62cQ .certify-wrapper {
    background: url(../images/outcache/prize-source.4e34.png) no-repeat 100%/100% auto;
    width: 78px;
    height: 78px;
    position: absolute;
    top: -118px;
    right: -88px;
    cursor: pointer;
    transition: .5s all
}

@media screen and (max-width: 1170px) {
    .YvhFHI5128ZddiQU62cQ .certify-wrapper {
        display: none
    }
}

.YvhFHI5128ZddiQU62cQ .certify-wrapper:hover {
    filter: brightness(1.3)
}

.eE0jx3Gf6iKLSikYW8_g div.cate-selector {
    width: 100%;
    height: auto;
    line-height: 40px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(left, #4982eb, #274875);
    color: #fff;
    padding-top: 8px;
    box-sizing: border-box;
    padding: 0 5px
}

.eE0jx3Gf6iKLSikYW8_g div.cate-selector span.cate-item {
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 5px;
    cursor: pointer
}

.eE0jx3Gf6iKLSikYW8_g div.cate-selector span.cate-item:hover,
.eE0jx3Gf6iKLSikYW8_g div.cate-selector span.cate-item.actived {
    color: #2c3341;
    background: linear-gradient(top, #f6f6f6, #e3e1e1)
}

.eE0jx3Gf6iKLSikYW8_g div.method-selector {
    background: #ecf8f9;
    color: #6880a0;
    padding: 5px 1px
}

.eE0jx3Gf6iKLSikYW8_g div.method-selector span {
    padding: 10px;
    display: inline-block;
    margin: 5px 10px;
    cursor: pointer;
    border-radius: 4px
}

.eE0jx3Gf6iKLSikYW8_g div.method-selector span.actived {
    background: -webkit-gradient(linear, left top, right top, from(#69a7fe), to(#62d1d9));
    background: -webkit-linear-gradient(left, #69a7fe, #62d1d9);
    background: linear-gradient(left, #69a7fe, #62d1d9);
    color: #fff
}

.eE0jx3Gf6iKLSikYW8_g div.plan-list {
    padding: 22px
}

.eE0jx3Gf6iKLSikYW8_g div.plan-list .title {
    color: #505050
}

.eE0jx3Gf6iKLSikYW8_g div.plan-list .list-wrapper {
    height: auto;
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-size: 14px;
    flex-wrap: wrap
}

.eE0jx3Gf6iKLSikYW8_g div.plan-list .list-wrapper>span.plan-item {
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 4px;
    margin: 5px 5px 5px 0;
    color: #2c3341;
    box-sizing: border-box
}

.eE0jx3Gf6iKLSikYW8_g div.plan-list .list-wrapper>span.plan-item:hover,
.eE0jx3Gf6iKLSikYW8_g div.plan-list .list-wrapper>span.plan-item.actived {
    background: linear-gradient(bottom, #4982eb, #274875);
    color: #fff
}

.eE0jx3Gf6iKLSikYW8_g div.list-detail {
    padding: 22px;
    padding-top: 0px
}

.eE0jx3Gf6iKLSikYW8_g div.list-detail .title {
    color: #505050;
    margin-bottom: 15px
}

.eE0jx3Gf6iKLSikYW8_g div.actions {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 22px;
    box-sizing: border-box
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.mode {
    height: 30px;
    display: flex;
    align-items: center;
    margin-left: 15px
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.mode>span {
    padding: 0 5px;
    font-size: 14px;
    color: #6e6a85;
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #e7e7e7;
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
    margin-right: -1px
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.mode>span.actived {
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns {
    margin-left: auto
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.onekey-bet,
.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.add-bet {
    height: 36px;
    width: 100px;
    line-height: 36px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-left: 10px;
    color: #fff;
    cursor: pointer
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.onekey-bet.disabled,
.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.add-bet.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: not-allowed;
    opacity: .6
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.add-bet {
    background: linear-gradient(0deg, #e8a379, #f4ca9d)
}

.eE0jx3Gf6iKLSikYW8_g div.actions>div.btns>.onekey-bet {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.eE0jx3Gf6iKLSikYW8_g div.text {
    padding-left: 22px;
    font-size: 14px;
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c
}

.eE0jx3Gf6iKLSikYW8_g div.text>span {
    color: #ad1a40;
    padding: 0 5px
}

.la2y7IjbPbzeSUxriwJf>div.top-level {
    height: 46px;
    display: flex;
    justify-content: space-between;
    color: #2c3341;
    font-size: 16px
}

.la2y7IjbPbzeSUxriwJf>div.top-level>div.times-input>input {
    width: 68px;
    border: solid 1px #0d5ada;
    border-radius: 4px;
    text-align: center;
    background: #f4f4f4;
    height: 25px
}

.la2y7IjbPbzeSUxriwJf>div.top-level>div.stop>svg {
    color: #4982eb
}

.la2y7IjbPbzeSUxriwJf>div.top-level>div.stop>span.make-trace {
    width: 95px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin-left: 15px;
    border-radius: 8px;
    cursor: pointer;
    transition: .5s;
    background: linear-gradient(bottom, #0d5ada, #274875);
    text-align: center;
    display: inline-block
}

.la2y7IjbPbzeSUxriwJf>div.top-level>div.stop>span.make-trace:hover {
    opacity: .8
}

.la2y7IjbPbzeSUxriwJf>div.issue-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    height: 335px;
    overflow: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overscroll-behavior: contain;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px
}

.la2y7IjbPbzeSUxriwJf>div.issue-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.la2y7IjbPbzeSUxriwJf>div.issue-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.la2y7IjbPbzeSUxriwJf>div.issue-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table {
    width: 100%;
    font-size: 12px;
    color: #494949
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table th {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #efe8d6;
    font-size: 12px;
    color: #4a4a4a
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td {
    border-bottom: 1px solid #efeef7;
    border-right: 1px solid #efeef7;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #fff;
    color: #3b476a
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>svg {
    width: 20px;
    height: 20px;
    color: #999;
    vertical-align: -6px;
    cursor: pointer
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>svg.actived {
    color: #0d5ada
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td.money {
    font-size: 14px;
    color: #e54878
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>input.times {
    width: 50px;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #0d5ada;
    margin-right: 5px;
    color: #3b476a;
    border-radius: 3px
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>input.times::-webkit-outer-spin-button,
.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>input.times::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.la2y7IjbPbzeSUxriwJf>div.issue-box>table td>input.times:disabled {
    background: #f4f4f4;
    cursor: not-allowed
}

.la2y7IjbPbzeSUxriwJf>div.submit {
    padding: 20px;
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.text {
    font-size: 13px
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.text>span {
    font-size: 18px;
    margin: 0 10px;
    color: #0d5ada
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.text>span.money {
    color: #0d5ada
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.btns>span {
    width: 122px;
    height: 42px;
    line-height: 42px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 5px;
    box-sizing: border-box;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.btns>span.cancel {
    background-image: linear-gradient(0deg, #f4f4f4, #f9f9f9);
    border: solid 1px #0d5ada;
    color: #0d5ada
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.btns>span.submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.btns>span:hover {
    opacity: .8
}

.eE0jx3Gf6iKLSikYW8_g div.method-selector span.actived {
    background: -webkit-gradient(bottom, #a75e9a, #da79bc);
    background: -webkit-linear-gradient(bottom, #a75e9a, #da79bc);
    background: linear-gradient(bottom, #a75e9a, #da79bc)
}

.DbGasV2eeg21LTxwpBpw {
    right: -32px;
    top: 100px;
    width: 32px;
    height: 98px;
    position: absolute;
    cursor: pointer
}

.DbGasV2eeg21LTxwpBpw:hover {
    opacity: .8
}

.DbGasV2eeg21LTxwpBpw.official-entry {
    background: url(../images/outcache/official-entry.a08f.png) no-repeat center center
}

.DbGasV2eeg21LTxwpBpw.sp-entry {
    background: url(../images/outcache/sp-entry.65dd.png) no-repeat center center
}

.DbGasV2eeg21LTxwpBpw.sp-onhook {
    background: url(../images/outcache/sp-onhook.82dc.png) no-repeat center center;
    width: 32px;
    height: 138px;
    cursor: pointer;
    top: 210px;
    background-size: 32px 138px
}

.BCZ8KHexsGdEaZwzBeG2 .title {
    height: 29px;
    line-height: 29px;
    background: #e6ebf5;
    font-size: 14px;
    color: #989797;
    overflow: hidden;
    border-bottom: 0px;
    width: 100%;
    margin: 0px;
    display: flex
}

.BCZ8KHexsGdEaZwzBeG2 .title li {
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    font-size: 14px;
    color: #3b476a;
    text-align: center
}

.BCZ8KHexsGdEaZwzBeG2 .title li.s-1 {
    width: 150px
}

.BCZ8KHexsGdEaZwzBeG2 .title li.s-3 {
    width: 430px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 450px;
    scrollbar-width: thin
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox::-webkit-scrollbar {
    width: 4px;
    background-color: #f6f8fb
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #d9e2ec;
    border-radius: 10px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #e1e8f0;
    background: #f7f9fc;
    width: 100%
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul.nobd {
    border: 0px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li {
    text-align: center;
    font-size: 14px;
    color: #989797;
    display: block;
    float: left;
    height: 48px;
    overflow: hidden;
    cursor: default
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-1 {
    width: 150px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-2 {
    width: 150px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 {
    width: 430px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 span {
    height: 40px;
    width: 40px;
    line-height: 40px;
    float: left;
    display: block;
    font-size: 14px;
    color: #fff;
    margin: 4px 8px
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 .red {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 0;
    color: #fff !important
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 .green {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -61px;
    color: #fff !important
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 .blue {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -122px;
    color: #fff !important
}

.BCZ8KHexsGdEaZwzBeG2 .lhcBox ul li.s-3 .and {
    background: url(../images/outcache/lhc-ball.e0dd.png) no-repeat 0 -185px;
    width: 16px;
    height: 16px;
    margin-top: 10px
}

.PCqw8QD05pzA507vtMgR {
    padding: 5px 4px 15px 12px;
    font-family: Microsoft Yahei;
    background: #fff;
    position: relative
}

.PCqw8QD05pzA507vtMgR>.actions {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center
}

.PCqw8QD05pzA507vtMgR>.actions>.btns {
    margin-left: auto
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.onekey-bet,
.PCqw8QD05pzA507vtMgR>.actions>.btns>.add-bet {
    height: 36px;
    width: 100px;
    line-height: 36px;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    margin-left: 10px;
    cursor: pointer
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.onekey-bet.disabled,
.PCqw8QD05pzA507vtMgR>.actions>.btns>.add-bet.disabled {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: not-allowed;
    opacity: .6
}

.PCqw8QD05pzA507vtMgR>.actions>.text {
    line-height: 32px;
    font-size: 14px;
    color: #7c7c7c;
    margin-left: 30px
}

.PCqw8QD05pzA507vtMgR>.actions>.text>span {
    color: #ff632c;
    padding: 0 5px
}

.PCqw8QD05pzA507vtMgR {
    border-radius: 10px
}

.PCqw8QD05pzA507vtMgR>.btns>.onekey-bet {
    background: linear-gradient(90deg, #b4adff, #43a5ff);
    box-shadow: none;
    color: #fff;
    border: 0
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.onekey-bet {
    background: linear-gradient(90deg, #b4adff, #43a5ff);
    box-shadow: none;
    color: #fff
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.add-bet {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff;
    border: 0
}

.PCqw8QD05pzA507vtMgR>.text>span {
    color: #ff632c
}

.PCqw8QD05pzA507vtMgR>.btns>.onekey-bet.disabled,
.PCqw8QD05pzA507vtMgR>.btns>.add-bet.disabled {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none
}

.PCqw8QD05pzA507vtMgR>.btns>.add-bet {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: none
}

.o8K_9jrmEpBISKBUON86 .selected {
    background: #e6ebf5
}

.o8K_9jrmEpBISKBUON86 div.content {
    display: flex
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box {
    line-height: 38px;
    flex: 1;
    border-right: solid 1px #e1e8f0
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.title {
    background: #e6ebf5;
    color: #3b476a;
    display: flex;
    justify-content: space-around;
    padding: 0 6px
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 6px
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item>input {
    width: 30px;
    height: 23px;
    line-height: 23px;
    border: solid 1px #8f9bb3;
    border-radius: 2px;
    text-align: center;
    color: #e5a100
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item .ball {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
    font-size: 14px;
    text-align: center
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item span.red {
    background: url(../images/outcache/small-ball.68c4.png) no-repeat;
    color: #fff !important
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item span.blue {
    background: url(../images/outcache/small-ball.68c4.png) no-repeat left center;
    color: #fff !important
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.item span.green {
    background: url(../images/outcache/small-ball.68c4.png) no-repeat left bottom;
    color: #fff !important
}

.o8K_9jrmEpBISKBUON86 .prize {
    position: absolute;
    top: 10px;
    right: 10px
}

.o8K_9jrmEpBISKBUON86 .prize>div {
    position: static
}

.q8gjabiTVwBZ9kA3s2h5 {
    width: 1170px;
    margin: auto;
    position: relative
}

.q8gjabiTVwBZ9kA3s2h5 .bet-area {
    margin-top: 17px;
    min-height: 330px;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.q8gjabiTVwBZ9kA3s2h5 .bet-area .left-area {
    width: 860px;
    position: relative;
    box-shadow: 0 2px 15px 0 #dce3e8;
    border-radius: 10px
}

.q8gjabiTVwBZ9kA3s2h5 .bet-area .right-area {
    width: 300px;
    position: relative;
    box-sizing: border-box
}

.q8gjabiTVwBZ9kA3s2h5 .bet-area .right-area>.fit-warpper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.q8gjabiTVwBZ9kA3s2h5 span.sp-entry {
    background: url(../images/outcache/sp-entry.fa72.png) no-repeat center center;
    z-index: 1;
    background-size: 100%
}

.q8gjabiTVwBZ9kA3s2h5 span.plan-bet {
    right: -30px;
    top: 110px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background: #a96b94;
    box-sizing: border-box;
    writing-mode: vertical-lr;
    padding: 12px 7px;
    font-size: 14px
}

.q8gjabiTVwBZ9kA3s2h5 span.plan-bet:hover {
    opacity: .8
}

.bZN8GO7sPYN29l8zmiVt .main-wrap {
    position: relative;
    width: 100%;
    height: 750px;
    margin: 0 auto;
    background: #e9eef6
}

.bZN8GO7sPYN29l8zmiVt .banner {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px
}

.bZN8GO7sPYN29l8zmiVt .banner .sub-banner,
.bZN8GO7sPYN29l8zmiVt .banner .desc-wrap {
    vertical-align: top
}

.bZN8GO7sPYN29l8zmiVt .banner .sub-banner {
    width: 50%;
    padding: 0px 50px;
    box-sizing: border-box
}

.bZN8GO7sPYN29l8zmiVt .banner .sub-banner img {
    width: 100%
}

.bZN8GO7sPYN29l8zmiVt .banner .desc-wrap {
    width: 49%;
    white-space: nowrap;
    margin-left: 30px
}

.bZN8GO7sPYN29l8zmiVt .banner .desc-wrap .detail {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0;
    color: #868181;
    margin: 10px 0 20px;
    white-space: wrap
}

.bZN8GO7sPYN29l8zmiVt .banner .img {
    display: block;
    background: no-repeat left center/contain;
    width: 95%
}

.bZN8GO7sPYN29l8zmiVt .banner .sub-banner>.img {
    background-position: left top;
}

.bZN8GO7sPYN29l8zmiVt .banner .instructions>.img {
    max-width: 360px;
    height: 100px
}

.bZN8GO7sPYN29l8zmiVt .banner .instructions .list>.img {
    height: 40px
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/casino-banner.06a4.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .instructions>.img {
    background-image: url(../images/precache/casino-title.3331.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .instructions .list>.img {
    background-image: url(../images/precache/casino-icons.1a06.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/sport-banner.3e41.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .instructions>.img {
    background-image: url(../images/precache/sport-title.d5ac.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .instructions .list>.img {
    background-image: url(../images/precache/sport-icons.b6aa.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/slot-banner.3c01.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .instructions>.img {
    background-image: url(../images/precache/slot-title.589f.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .instructions .list>.img {
    background-image: url(../images/precache/esports-icons.1a06.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.esports .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/esports-banner.16f6.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.esports .instructions>.img {
    background-image: url(../images/precache/esports-title.73c2.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.chess .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/chess-banner.6c63.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.chess .instructions>.img {
    background-image: url(../images/precache/chess-title.04d0.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/lottery-banner.9205.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .instructions>.img {
    background-image: url(../images/precache/lottery-title.c2e4.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .instructions .list>.img {
    height: 67px;
    background-image: url(../images/precache/lottery-icons.fb3b.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.fishing .sub-banner>.img {
    width: 552px;
    height: 580px;
    background-image: url(../images/precache/fishing-banner.36cb.jpg)
}

.bZN8GO7sPYN29l8zmiVt .banner.fishing .instructions>.img {
    background-image: url(../images/precache/fishing-title.3229.png)
}

.bZN8GO7sPYN29l8zmiVt .ctrl-wrap {
    font-size: 18px
}

.bZN8GO7sPYN29l8zmiVt .ctrl-wrap .btn {
    display: inline-block;
    width: 180px;
    height: 68px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    margin-right: 20px;
    background-image: url(../images/precache/btn.8146.png);
    background-size: contain;
    background-repeat: no-repeat
}

.Us7f6I0Lq_GDrm3PFzir {
    position: relative;
    min-height: 519px;
    padding: 0
}

.Us7f6I0Lq_GDrm3PFzir .list-wrap {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.Us7f6I0Lq_GDrm3PFzir .list {
    min-height: 300px;
    margin: 0 auto
}

.Us7f6I0Lq_GDrm3PFzir .ctn-wrap .banner {
    background-image: url(../images/outcache/slot.8367.jpg)
}

.Us7f6I0Lq_GDrm3PFzir .banner {
    position: relative;
    height: 360px;
    background: no-repeat top/1920px auto
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list {
    display: flex
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li {
    position: relative;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: no-repeat 50%/109% 130% url(../images/outcache/btn.bf49.png);
    cursor: pointer
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.active,
.Us7f6I0Lq_GDrm3PFzir .mfr-list li:hover {
    background: url(../images/outcache/btn_h.cae3.png) no-repeat 50%/100% 100%
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: no-repeat 50%/90% 90%
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pp::after {
    background-image: url(../images/outcache/pp.269d.png)
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pt::after {
    background-image: url(../images/outcache/pt.8d07.png)
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pg::after {
    background-image: url(../images/outcache/pg.a7be.png)
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pp:hover::after,
.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pp.active::after {
    background-image: url(../images/outcache/pp_h.0c79.png)
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pt:hover::after,
.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pt.active::after {
    background-image: url(../images/outcache/pt_h.28c8.png)
}

.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pg:hover::after,
.Us7f6I0Lq_GDrm3PFzir .mfr-list li.pg.active::after {
    background-image: url(../images/outcache/pg_h.bd5d.png)
}

.Us7f6I0Lq_GDrm3PFzir .ctrl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.Us7f6I0Lq_GDrm3PFzir .game-list {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    align-content: flex-start;
    margin: -15px
}

.Us7f6I0Lq_GDrm3PFzir .game-list .card-wrap {
    width: 20%;
    padding: 15px;
    box-sizing: border-box
}

.Us7f6I0Lq_GDrm3PFzir .game-list .card-wrap .pointer {
    color: #ccc;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 6px;
    transition: all .4s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    overflow: hidden;
    background-color: #fff
}

.Us7f6I0Lq_GDrm3PFzir .game-list .card-wrap .pointer:hover {
    border: 0;
    scale: 1.01;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .6)
}

.Us7f6I0Lq_GDrm3PFzir .game-list .card-wrap .pointer img {
    display: block;
    width: 100%;
    height: 240px
}

.Us7f6I0Lq_GDrm3PFzir .game-list .card-wrap .pointer .title {
    height: 42px;
    line-height: 42px;
    padding: 0;
    background: #fff;
    color: #666
}

.vxRhkkoE9BolPoSYHAaW {
    position: relative;
    min-height: 519px;
    padding: 0
}

.vxRhkkoE9BolPoSYHAaW .list-wrap {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.vxRhkkoE9BolPoSYHAaW .header-main-title {
    display: flex;
    align-items: center;
    margin-top: 28px
}

.vxRhkkoE9BolPoSYHAaW .header-main-title .ic-arrow {
    width: 32px;
    height: 24px;
    background: url(../svg/arrow.1bca.svg) no-repeat 50%/100% 100%;
    margin-right: 10px
}

.vxRhkkoE9BolPoSYHAaW .header-main-title .ic-platform {
    width: 68px;
    height: 68px;
    background: url(../svg/ic-platform-aug.459a.svg) no-repeat 50%/100% 100%;
    margin-right: 10px
}

.vxRhkkoE9BolPoSYHAaW .header-main-title .cn-name {
    margin-bottom: 2px;
    font-size: 24px;
    color: #1e1e1e
}

.vxRhkkoE9BolPoSYHAaW .header-main-title .en-name {
    font-size: 12px;
    color: #999
}

.vxRhkkoE9BolPoSYHAaW .list {
    min-height: 300px;
    margin: 0 auto
}

.vxRhkkoE9BolPoSYHAaW .ctn-wrap .banner {
    background-image: url(../images/outcache/chess.693d.jpg)
}

.vxRhkkoE9BolPoSYHAaW .banner {
    position: relative;
    height: 360px;
    background: no-repeat top/1920px auto
}

.vxRhkkoE9BolPoSYHAaW .mfr-list {
    display: flex
}

.vxRhkkoE9BolPoSYHAaW .mfr-list li {
    position: relative;
    width: 160px;
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: no-repeat 50%/109% 130% url(../images/outcache/btn.336e.png);
    cursor: pointer
}

.vxRhkkoE9BolPoSYHAaW .mfr-list li.active,
.vxRhkkoE9BolPoSYHAaW .mfr-list li:hover {
    background: url(../images/outcache/btn_h.1a12.png) no-repeat 50%/100% 100%
}

.vxRhkkoE9BolPoSYHAaW .ctrl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.vxRhkkoE9BolPoSYHAaW .game-list {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    align-content: flex-start;
    margin: -15px
}

.vxRhkkoE9BolPoSYHAaW .game-list .card-wrap {
    width: 20%;
    padding: 15px;
    box-sizing: border-box
}

.vxRhkkoE9BolPoSYHAaW .game-list .card-wrap .pointer {
    color: #ccc;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 6px;
    transition: all .4s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    overflow: hidden;
    background-color: #fff
}

.vxRhkkoE9BolPoSYHAaW .game-list .card-wrap .pointer:hover {
    border: 0;
    scale: 1.01;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .6)
}

.vxRhkkoE9BolPoSYHAaW .game-list .card-wrap .pointer img {
    display: block;
    width: 100%;
    height: 240px
}

.vxRhkkoE9BolPoSYHAaW .game-list .card-wrap .pointer .title {
    height: 42px;
    line-height: 42px;
    padding: 0;
    background: #fff;
    color: #666
}

.uF5DbN2pIy26RxH8J4D4 .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background-color: #000;
    box-sizing: border-box
}

.uF5DbN2pIy26RxH8J4D4 .page-out-box {
    padding-top: 10px;
    min-height: 1000px
}

.uF5DbN2pIy26RxH8J4D4 .box-wrap {
    min-width: 1280px;
    width: 80%;
    height: 800px;
    margin: 0 auto 20px;
    box-shadow: 5px 20px 10px 0 rgba(5, 72, 138, .1);
    background-color: #fff
}

.uF5DbN2pIy26RxH8J4D4 .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.uF5DbN2pIy26RxH8J4D4 .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.uF5DbN2pIy26RxH8J4D4 .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.uF5DbN2pIy26RxH8J4D4 .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.uF5DbN2pIy26RxH8J4D4 .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.GSYk3rpL2Nh_WXMil0uz .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background-color: #000;
    box-sizing: border-box
}

.GSYk3rpL2Nh_WXMil0uz .page-out-box {
    padding-top: 10px;
    min-height: 1000px
}

.GSYk3rpL2Nh_WXMil0uz .box-wrap {
    min-width: 1280px;
    width: 80%;
    height: 800px;
    margin: 0 auto 20px;
    box-shadow: 5px 20px 10px 0 rgba(5, 72, 138, .1);
    background-color: #fff
}

.GSYk3rpL2Nh_WXMil0uz .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.GSYk3rpL2Nh_WXMil0uz .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.GSYk3rpL2Nh_WXMil0uz .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.GSYk3rpL2Nh_WXMil0uz .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.GSYk3rpL2Nh_WXMil0uz .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.k20alTVNZS2JZozQVwPV .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background-color: #000;
    box-sizing: border-box
}

.k20alTVNZS2JZozQVwPV .header.asSports {
    background-color: #4982eb
}

.k20alTVNZS2JZozQVwPV .page-out-box {
    padding-top: 10px;
    min-height: 1000px
}

.k20alTVNZS2JZozQVwPV .box-wrap {
    min-width: 1280px;
    width: 80%;
    height: 800px;
    margin: 0 auto 20px;
    box-shadow: 5px 20px 10px 0 rgba(5, 72, 138, .1);
    background-color: #fff
}

.k20alTVNZS2JZozQVwPV .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.k20alTVNZS2JZozQVwPV .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.k20alTVNZS2JZozQVwPV .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.k20alTVNZS2JZozQVwPV .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.k20alTVNZS2JZozQVwPV .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.l1OIfzIn_IbpaTBpMSiv {
    background: "#e8edf0";
    font-size: 14px
}

.l1OIfzIn_IbpaTBpMSiv img {
    width: 100%
}

.l1OIfzIn_IbpaTBpMSiv .content {
    margin: 0 auto;
    width: 1200px;
    background-color: #fff
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner {
    background: url(../images/outcache/bg.1711.png) no-repeat top center;
    background-size: 102% auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -300px;
    padding-top: 245px;
    padding-bottom: 32px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    z-index: 1
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner img {
    width: 434px;
    height: 35px;
    margin-bottom: 40px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner img.table-img {
    width: 879px;
    height: 686px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner img.activity-content {
    width: 879px;
    height: 282px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner img.rule {
    width: 879px;
    height: 367px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .plan-box {
    width: 990px;
    margin: 0 auto
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table {
    width: 1068px;
    margin: 0 auto;
    border: 1px solid #d0b293;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 60px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #d0b293
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul:first-child {
    background-color: #d0b293
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul:first-child li {
    color: #fff
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul:last-child {
    border-bottom: none
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul li {
    text-align: center;
    padding: 12px 0;
    line-height: 28px;
    font-size: 20px;
    color: #61657e;
    border-right: 1px solid #d0b293
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul li:nth-child(1) {
    width: 280px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul li:nth-child(2) {
    width: 558px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul li:nth-child(3) {
    width: 100px
}

.l1OIfzIn_IbpaTBpMSiv .content .content-inner .activity-table>ul li:nth-child(4) {
    width: 130px;
    border-right: none
}

.l1OIfzIn_IbpaTBpMSiv .plan {
    margin: 0 auto
}

.l1OIfzIn_IbpaTBpMSiv .plan .receive-btn {
    background: url(../images/outcache/statusWrap2.c58c.png) no-repeat;
    background-size: 100%;
    height: 175px;
    text-align: center;
    line-height: 175px;
    color: #d3d3d2;
    font-size: 36px;
    width: 175px;
    border-radius: 50%;
    font-weight: 800
}

.l1OIfzIn_IbpaTBpMSiv .plan .receive-btn.active {
    background: url(../images/outcache/statusWrap.23fb.png) no-repeat;
    background-size: 100%;
    color: #1276ff
}

.l1OIfzIn_IbpaTBpMSiv .planA {
    background: url(../images/outcache/planA.0faf.png) no-repeat 50%;
    background-size: 100%;
    height: 284px;
    width: 964px;
    position: relative;
    margin-left: unset
}

.l1OIfzIn_IbpaTBpMSiv .planA .receive-btn {
    position: absolute;
    right: 28px;
    top: 24px
}

.l1OIfzIn_IbpaTBpMSiv .planA .tip-info {
    position: absolute;
    left: 26%;
    top: 27%;
    text-align: left
}

.l1OIfzIn_IbpaTBpMSiv .planA .tip-info>p:first-child {
    font-size: 42px;
    color: #715087;
    font-weight: 600;
    line-height: 54px
}

.l1OIfzIn_IbpaTBpMSiv .planA .tip-info>p:last-child {
    font-size: 34px;
    font-weight: 600
}

.l1OIfzIn_IbpaTBpMSiv .planA .tip-info>p:last-child strong {
    font-size: 50px;
    margin: 0 10px;
    color: #715087
}

.l1OIfzIn_IbpaTBpMSiv .planA .explain {
    position: absolute;
    left: 26%;
    top: 50%;
    text-align: left;
    color: #676767;
    font-size: 14px;
    width: 468px
}

.l1OIfzIn_IbpaTBpMSiv .planA .explain>p {
    color: #676767;
    line-height: 16px
}

.l1OIfzIn_IbpaTBpMSiv .planB {
    background: url(../images/outcache/planB.f6c4.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    height: 312px;
    margin-top: -60px;
    width: 964px;
    margin-right: unset
}

.l1OIfzIn_IbpaTBpMSiv .planB .receive-btn {
    position: absolute;
    left: 84px;
    top: 50px
}

.l1OIfzIn_IbpaTBpMSiv .planB .btns {
    position: absolute;
    top: 265px;
    left: 420px;
    width: 58%;
    height: 50px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.l1OIfzIn_IbpaTBpMSiv .planB .btns .btn {
    width: 173px;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(90deg, #544460, #ad7aa2);
    color: #fff;
    border: none;
    cursor: pointer;
    background-size: 100%;
    border-radius: 5px;
    font-size: 18px
}

.l1OIfzIn_IbpaTBpMSiv .planB .box {
    position: absolute;
    left: 420px;
    top: 125px;
    width: 58%;
    border-radius: 30px;
    height: 60px;
    background: #edf6ff
}

.l1OIfzIn_IbpaTBpMSiv .planB .box .schedule {
    position: absolute;
    left: 0;
    height: 100%;
    background: #715087;
    z-index: 1;
    border-radius: 60px
}

.l1OIfzIn_IbpaTBpMSiv .planB .box .tip-list {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%
}

.l1OIfzIn_IbpaTBpMSiv .planB .box .tip-list li {
    width: 60px;
    display: flex;
    align-items: center;
    position: relative
}

.l1OIfzIn_IbpaTBpMSiv .planB .box .tip-list li img {
    width: 100%
}

.l1OIfzIn_IbpaTBpMSiv .planB .box .tip-list li>p {
    position: absolute;
    top: 70px;
    width: 60px;
    text-align: center;
    font-size: 12px
}

.l1OIfzIn_IbpaTBpMSiv .planB .accumulative-days {
    position: absolute;
    top: 170px;
    left: 46%;
    font-size: 18px;
    font-weight: 600;
    display: none
}

.l1OIfzIn_IbpaTBpMSiv .planB .accumulative-days>span {
    color: #715087;
    margin: 0 3px
}

.l1OIfzIn_IbpaTBpMSiv .planB .explain {
    position: absolute;
    left: 30%;
    top: 60%;
    text-align: left;
    color: #676767;
    font-size: 14px;
    width: 420px
}

.l1OIfzIn_IbpaTBpMSiv .planB .explain>p {
    color: #676767;
    line-height: 16px
}

.l1OIfzIn_IbpaTBpMSiv .planB .text {
    position: absolute;
    top: 64px;
    left: 420px;
    width: 58%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.l1OIfzIn_IbpaTBpMSiv .planB .text>span {
    color: #715087;
    margin: 0 3px;
    font-size: 24px
}

.l1OIfzIn_IbpaTBpMSiv .planC {
    background: url(../images/outcache/planC.e6a4.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    height: 292px;
    margin-top: -26px;
    width: 964px
}

.l1OIfzIn_IbpaTBpMSiv .planC .receive-btn {
    position: absolute;
    right: 28px;
    top: 36px
}

.l1OIfzIn_IbpaTBpMSiv .planC .tip-info {
    position: absolute;
    left: 26%;
    top: 27%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.l1OIfzIn_IbpaTBpMSiv .planC .tip-info>p {
    font-size: 34px;
    color: #2e2e2e;
    width: 382px;
    line-height: 50px
}

.l1OIfzIn_IbpaTBpMSiv .planC .tip-info>span {
    font-size: 60px;
    color: #715087
}

.l1OIfzIn_IbpaTBpMSiv .planC .explain {
    position: absolute;
    top: 53%;
    left: 28%;
    color: #676767;
    font-size: 14px;
    width: 468px
}

.l1OIfzIn_IbpaTBpMSiv .planC .explain>p {
    color: #676767;
    line-height: 16px
}

.l1OIfzIn_IbpaTBpMSiv .tip {
    border-radius: 20px;
    padding: 10px 40px 50px;
    box-sizing: border-box
}

.l1OIfzIn_IbpaTBpMSiv .tip .rule-title {
    text-align: center
}

.l1OIfzIn_IbpaTBpMSiv .tip .rule-title img {
    width: 434px
}

.l1OIfzIn_IbpaTBpMSiv .tip .rule-box {
    text-align: left;
    padding-left: 20px
}

.l1OIfzIn_IbpaTBpMSiv .tip .rule-box>p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 12px;
    color: #545569
}

.zD3HZrREJSp8XiQ2r3I3 {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    border: 2px solid #fdf8ff;
    background: #fdf8ff
}

.zD3HZrREJSp8XiQ2r3I3 .header-image {
    width: 100%;
    vertical-align: middle
}

.zD3HZrREJSp8XiQ2r3I3 .box {
    width: 880px;
    margin: 0 auto
}

.zD3HZrREJSp8XiQ2r3I3 .box li {
    text-align: center;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0) linear-gradient(1turn, #d8e3f8, #eae5f3 38%, #e2e6f1) 0 0 no-repeat padding-box;
    margin-bottom: 40px;
    padding: 0 20px 10px
}

.zD3HZrREJSp8XiQ2r3I3 .title {
    width: 324px;
    height: 41px;
    margin-top: -12px
}

.zD3HZrREJSp8XiQ2r3I3 .description>.rule-img {
    width: 390px;
    display: flex;
    justify-content: space-between;
    margin: 15px auto
}

.zD3HZrREJSp8XiQ2r3I3 .description>.rule-img>img {
    width: 159px
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box {
    border: solid 1px #9f0dff;
    border-radius: 15px;
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2)
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.title-1 {
    height: 40px;
    background: rgba(0, 0, 0, 0) linear-gradient(180deg, #a100ff, #9458ff 40%, #ad90fc) 0 0 no-repeat padding-box;
    border-radius: 15px 15px 0 0;
    color: #fcffeb;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 40px
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.game-item-1,
.zD3HZrREJSp8XiQ2r3I3 .description>.game-box .game-item-2 {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #f8d8f3 0, #dbc7ff 40%, #d7c8ff)
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.game-item-1>span,
.zD3HZrREJSp8XiQ2r3I3 .description>.game-box .game-item-2>span {
    width: 33%;
    color: #1f0031;
    line-height: 40px;
    font-size: 14px
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.game-item-1>span {
    font-size: 16px;
    font-weight: 700
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.game-item-2.other-bg {
    background: #e2e6f1
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.title-2 {
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(0deg, #a100ff, #ad90fc)
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.title-2>span {
    font-size: 16px;
    color: #fcffeb;
    font-weight: 700;
    width: 20%
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box>.title-2>span:first-child {
    width: 40%
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box .content {
    display: flex;
    align-items: center;
    font-size: 14px;
    background: linear-gradient(270deg, #f8d8f3 0, #dbc7ff 40%, #d7c8ff)
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box .content>span {
    width: 20%;
    padding: 10px 5px;
    box-sizing: border-box
}

.zD3HZrREJSp8XiQ2r3I3 .description>.game-box .content>span:first-child {
    width: 40%
}

.zD3HZrREJSp8XiQ2r3I3 .tip {
    text-align: left;
    margin-top: 15px;
    position: relative;
    padding-left: 20px
}

.zD3HZrREJSp8XiQ2r3I3 .tip::before {
    display: inline-block;
    content: "*注";
    position: absolute;
    top: 3px;
    left: 0
}

.zD3HZrREJSp8XiQ2r3I3 .tip>p {
    line-height: 1.8
}

.zD3HZrREJSp8XiQ2r3I3 .tips {
    text-align: left;
    margin-top: 15px
}

.zD3HZrREJSp8XiQ2r3I3 .tips>p {
    line-height: 1.8
}

.bNKXZCBSnr4gbkjJ3rD6 {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.bNKXZCBSnr4gbkjJ3rD6 .banner {
    width: 100%
}

.bNKXZCBSnr4gbkjJ3rD6 .title {
    height: 34px;
    margin-top: 40px;
    margin-bottom: 24px
}

.bNKXZCBSnr4gbkjJ3rD6 .text-tip {
    height: 39px
}

.bNKXZCBSnr4gbkjJ3rD6 .content {
    width: 904px;
    margin: 0 auto;
    text-align: center
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box {
    border: 1px solid #831f7d;
    border-radius: 8px;
    margin-top: 20px;
    overflow: hidden
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    text-align: center
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr {
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr:nth-child(2) td:first-child {
    border-bottom: 0;
    color: #fff;
    background: #38205f
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr:first-child {
    background: #38205f
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr:first-child td {
    font-size: 18px;
    color: #fff;
    border-top: 0
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr:last-child td {
    border-bottom: 0
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr td {
    display: table-cell;
    width: 25%;
    border: 1px solid #831f7d
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr td:first-child {
    border-left: 0
}

.bNKXZCBSnr4gbkjJ3rD6 .vip-box table tr td:last-child {
    border-right: 0
}

.bNKXZCBSnr4gbkjJ3rD6 .btn-action {
    margin: 15px auto 40px;
    display: block;
    background: #fff;
    border: none;
    margin-top: 15px;
    cursor: pointer
}

.bNKXZCBSnr4gbkjJ3rD6 .btn-img {
    height: 64px
}

.bNKXZCBSnr4gbkjJ3rD6 .rules {
    border-radius: 8px;
    border: 1px solid #831f7d;
    padding: 40px 20px;
    text-align: left
}

.bNKXZCBSnr4gbkjJ3rD6 .rules>p {
    font-size: 14px;
    color: #494949;
    line-height: 1.8
}

.Yug5MDkfS0t0Rq2UaUHg .back {
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method {
    padding: 0 20px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method h3 {
    margin-bottom: 10px;
    font-size: 20px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link {
    display: flex;
    justify-content: space-between
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link .by_link_url {
    display: flex;
    font-size: 16px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link .by_link_url .text {
    word-break: keep-all;
    width: 100px;
    height: 40px;
    line-height: 40px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link .by_link_url select {
    width: 400px;
    height: 40px;
    background: #eef3fd;
    color: #8c5d91;
    padding: 0 25px 0 4px;
    margin-right: 15px;
    border-radius: 4px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link .by_link_url .copy_btn {
    line-height: 40px;
    height: 40px;
    width: 80px;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6);
    color: #fff;
    border-radius: 4px;
    text-align: center
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_method .by_link .by_link_url .copy_btn:hover {
    opacity: .8;
    cursor: pointer
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail {
    margin: 0 20px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail h3 {
    margin-bottom: 10px;
    font-size: 20px
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail .table-container {
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 12px;
    border: 1px solid #7272ff
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table {
    table-layout: fixed;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    text-align: center;
    word-break: break-all
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table th,
.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table td {
    min-width: 90px;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    border-right: 1px solid #7272ff;
    box-sizing: border-box
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table th:last-child,
.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table td:last-child {
    border: none
}

.Yug5MDkfS0t0Rq2UaUHg .invitation_detail table th {
    color: #fff;
    background: rgba(114, 114, 255, .6)
}

.cR31mUMCv6qwooUByqV7 {
    height: 100%;
    width: 100%
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap {
    height: 100%;
    width: 100%;
    background: url(../images/outcache/bg_detail.1c6c.png) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 10px;
    overflow: hidden
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .invite-detail-top {
    padding: 20px 20px 10px
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .invite-detail-top .total-people {
    font-size: 20px;
    margin-bottom: 15px;
    color: #170225
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .invite-detail-top .total-award {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 25px;
    font-weight: bold;
    color: #170225
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .invite-detail-top .total-award .list {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .invite-detail-top .total-award .list img {
    width: 10px;
    height: 20px;
    margin-left: 5px
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-list {
    height: 70px;
    margin: 0px 20px 15px;
    padding: 10px;
    font-size: 18px;
    background: linear-gradient(0, #faf9fe 0%, #dedaf3 100%), linear-gradient(#e6e8ec, #e6e8ec);
    border-radius: 50px;
    box-sizing: border-box
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-list .tab-list-border {
    display: flex;
    align-items: center;
    justify-self: center;
    width: 100%;
    height: 100%;
    background: #e7e5f8;
    border-radius: 50px
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-list .tab-item {
    flex: 1;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    color: #170225;
    cursor: pointer
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-list .tab-item.active {
    color: #fff;
    background: url(../images/outcache/btn_detail.02f9.png) center top no-repeat;
    background-size: cover
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content {
    padding: 0 20px
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-head {
    display: flex;
    align-items: center;
    height: 50px;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    background: #7272ff;
    color: #fff;
    overflow: hidden
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-head .table-head-item {
    flex: 1;
    text-align: center
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-content {
    height: 40vh;
    border-bottom: 1px solid #bcbcbc;
    background: rgba(241, 234, 234, .4);
    overflow-y: auto
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-content .table-list {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    font-size: 18px;
    color: #170225;
    border-bottom: 1px solid #bcbcbc
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-content .table-list .table-list-item {
    flex: 1;
    text-align: center;
    word-break: break-all
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-null-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(241, 234, 234, .4);
    flex-direction: column;
    height: 40vh;
    border-bottom: 1px solid #bcbcbc
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-null-content .table-null-img {
    width: 80px;
    height: 80px
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-null-content .table-null-img img {
    width: 100%
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-null-content .table-null-text {
    font-size: 20px;
    color: #7272ff;
    opacity: .6
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 10px 10px;
    background: rgba(241, 234, 234, .4);
    color: #170225
}

.cR31mUMCv6qwooUByqV7 .invite-detail-wrap .tab-content .table-footer .table-footer-item {
    flex: 1;
    text-align: center;
    font-weight: bold;
    word-break: break-all;
    font-size: 20px
}

.dWI9v_BtU359XV6Nfefh>.iframe {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    margin-left: -0.64rem;
    margin-top: -2.5rem;
    opacity: .5
}

.dWI9v_BtU359XV6Nfefh>.first-page {
    background: url(../images/outcache/bg.c278.jpg) no-repeat top;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden
}

.dWI9v_BtU359XV6Nfefh>.first-page>.banner {
    width: 100%
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward {
    width: 1200px;
    margin: 0 auto 30px;
    padding: 20px 0;
    border-radius: 10px;
    font-size: 20px;
    color: #170225;
    background: rgba(238, 250, 255, .5);
    box-shadow: 0 8px 10px 0 rgba(77, 34, 200, .2);
    box-sizing: border-box
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .title-top {
    display: flex;
    align-items: center;
    height: 28px;
    margin-bottom: 24px;
    padding: 0 40px 0 25px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .diamond {
    height: 100%;
    margin-right: 4px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .title {
    height: 100%
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .table-container {
    margin: 20px 20px 0;
    border-radius: 12px;
    border: 1px solid #7272ff;
    overflow: auto
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table {
    table-layout: fixed;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    text-align: center;
    word-break: break-all
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table th,
.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table td {
    padding: 12px;
    min-width: 90px;
    height: 50px;
    line-height: 32px;
    font-weight: 400;
    border-right: 1px solid #7272ff;
    box-sizing: border-box
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table th:last-child,
.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table td:last-child {
    border: none
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward table th {
    color: #fff;
    background: rgba(114, 114, 255, .6)
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .show-detail {
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 100%;
    color: #000;
    cursor: pointer
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .show-detail img {
    position: relative;
    top: -1px;
    width: 10px;
    height: 20px;
    margin-left: 10px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .total {
    margin-bottom: 18px;
    padding: 0 25px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    border-radius: 15px;
    margin: 0 5px;
    background: rgba(255, 255, 255, .5019607843);
    border-radius: 10px;
    color: #170225;
    text-align: center
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item h2 {
    width: 100%;
    padding: 12px 0 0;
    font-size: 18px;
    box-sizing: border-box;
    font-weight: normal
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item .btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background: url(../images/outcache/btn_bg.e870.png) no-repeat center;
    width: 217px;
    height: 70px;
    background-size: cover;
    color: #fff;
    box-sizing: border-box
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item .btn .text {
    position: absolute;
    margin-bottom: 13px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item .disabled {
    background: url(../images/outcache/btn_bg_disabled.ae90.png) no-repeat center;
    background-size: cover
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-item .num {
    margin: 12px 0 6px;
    text-align: center;
    font-weight: 700
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .my-reward-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .num-img {
    height: 40px;
    margin-left: 20px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .detail-title {
    vertical-align: 8px;
    margin-left: 10px;
    height: 28px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .autoheight {
    height: auto !important
}

.dWI9v_BtU359XV6Nfefh>.first-page>.my-reward .lh-normal {
    line-height: normal
}

.dWI9v_BtU359XV6Nfefh>.first-page>.rule {
    padding: 20px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.rule>p {
    margin-bottom: 15px;
    line-height: 30px
}

.dWI9v_BtU359XV6Nfefh>.first-page>.title1 {
    display: inherit;
    width: 600px;
    margin: 35px auto 10px
}

.dWI9v_BtU359XV6Nfefh .mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}

.dWI9v_BtU359XV6Nfefh .close {
    width: 31px;
    height: 31px;
    background: url(../images/outcache/close.0efb.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;
    z-index: 99
}

.dWI9v_BtU359XV6Nfefh .main-box {
    position: relative;
    width: 684px;
    height: 366px;
    margin: 0 auto;
    top: 40%;
    z-index: 99;
    background: url(../images/outcache/dialog_warning.a893.png) no-repeat center;
    background-size: 100% 100%
}

.dWI9v_BtU359XV6Nfefh .main-box p {
    text-align: center;
    font-size: 35px;
    padding-top: 240px
}

.dWI9v_BtU359XV6Nfefh .detail-box {
    position: relative;
    top: 8%;
    width: 1000px;
    height: 85vh;
    margin: 0 auto;
    z-index: 99
}

.dWI9v_BtU359XV6Nfefh .by_link_qr {
    display: flex;
    justify-content: space-between;
    padding: 0 30px
}

.dWI9v_BtU359XV6Nfefh .by_left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 45%
}

.dWI9v_BtU359XV6Nfefh .by_left div select {
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 30px 0 20px;
    border: 1px solid #7272ff;
    border-radius: 8px;
    color: #170225;
    background: rgba(255, 255, 255, .4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAA5ElEQVRIic3WQQ6CMBBA0U/jEXXrgp1wKeFQchO3mkkKQaw47ZTCJKRJN/2hL4Sqrl8dcOUY0zvgBjwOkDNIiwQ9gYtf9xo5+yyr8wHyhpodg9rxltxss/NP6emB+3imWxzeFPY0eMPTLINKeprcrAVR0FMbuo1QEAU8fbjRBLGhpy832qAtPAXdaINkcnsKuokJIqOnn25ig8jgadVNSpDF0183KUEYvk9/3aQGkeBJ5cYSRIQntRtrkMZTlBtrEApPUW5yBLHiKdpNriACnpLc5Ayae0p2M5+TMUhm9FSZ/w6ANxN4SMsvpMo+AAAAAElFTkSuQmCC) no-repeat;
    background-size: 15px auto;
    background-position: calc(100% - 10px) 50%;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.dWI9v_BtU359XV6Nfefh .by_left .copy_btn {
    background: url(../images/outcache/btn_bg_sm.169c.png) no-repeat center;
    width: 110px;
    height: 56px;
    background-size: 100% 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 20px auto;
    cursor: pointer
}

.dWI9v_BtU359XV6Nfefh .by_right {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(255, 255, 255, .5);
    border-radius: 10px;
    justify-content: space-evenly;
    width: 45%
}

.dWI9v_BtU359XV6Nfefh .by_right .by_right_qr {
    margin: 20px 0
}

.dWI9v_BtU359XV6Nfefh .by_right .qr_code_box {
    text-align: center
}

.dWI9v_BtU359XV6Nfefh .save_pic {
    background: url(../images/outcache/btn_bg_lg.007f.png) no-repeat center;
    width: 326px;
    height: 77px;
    background-size: 100% 100%;
    text-align: center;
    line-height: 58px;
    color: #fff;
    margin: 20px auto 0;
    cursor: pointer
}

.v4gvA0eNknRtgO9JVUJf {
    background: #f3f6fc;
    min-height: 600px
}

.v4gvA0eNknRtgO9JVUJf .banner-content {
    height: 300px
}

.v4gvA0eNknRtgO9JVUJf .banner-content .banner-item {
    height: 100%;
    min-height: auto;
    top: 0
}

.v4gvA0eNknRtgO9JVUJf .banner-content .banner {
    background-size: cover
}

.v4gvA0eNknRtgO9JVUJf .active-content {
    width: 1162px;
    margin: 17px auto 0px
}

.v4gvA0eNknRtgO9JVUJf .active-content .tab {
    width: 100%;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(255, 169, 80, .1);
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box
}

.v4gvA0eNknRtgO9JVUJf .active-content .tab li {
    font-size: 18px;
    letter-spacing: 0;
    margin: 8px 20px 8px 0;
    text-align: center;
    border-radius: 20px;
    overflow: hidden;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 59px;
    background-size: 170px 118px;
    background-position-y: 59px
}

.v4gvA0eNknRtgO9JVUJf .active-content .tab li.actived {
    color: #fff;
    background-position-y: 0px
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 16px 16px 0;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px 0px rgba(255, 169, 80, .1)
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item {
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 0px 4px 15px 0px rgba(235, 176, 113, .2);
    border-radius: 10px;
    width: 32.5%;
    overflow: hidden
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item:nth-child(3n-1) {
    margin: 0 1.25% 15px
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item>img {
    height: 195px;
    width: 100%;
    vertical-align: middle
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item>div.text {
    line-height: 40px;
    background: linear-gradient(180deg, #FCFCFF 0%, #EDF0FF 74.33%, #FCFCFF 100%);
    border-top: none;
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    color: #42403d;
    text-align: center
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item:hover {
    cursor: pointer;
    transition: .2s ease-in;
    transform: scale(1.02);
    box-shadow: 0px 4.08px 15.3px 0px rgba(235, 176, 113, .3)
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail {
    margin: 20px auto;
    width: 1200px
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .actions {
    position: fixed;
    left: 43%;
    top: 30%;
    color: #000;
    z-index: 1;
    margin-left: 450px
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .actions>button {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 240px;
    height: 44px;
    line-height: 43px;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 4px
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed {
    left: 49%;
    margin-left: 448px;
    top: 30%
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg {
    width: 167px;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .receive-btn {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background: url(../images/outcache/un-receive.7fba.png) no-repeat center center;
    background-size: cover
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .receive-btn.receive {
    background: url(../images/outcache/receive.79df.png) no-repeat center center
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .receive-btn dl {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .receive-btn dl dt {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .receive-btn dl dd {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-top: 5px
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .un-receive dl dt,
.v4gvA0eNknRtgO9JVUJf .promotion-detail .vipRed .receive-bg .un-receive dl dd {
    color: #a19db7
}

.v4gvA0eNknRtgO9JVUJf .promotion-detail .xiaojiu {
    position: fixed;
    right: 6%;
    top: 200px;
    color: #000;
    z-index: 1;
    width: 180px;
    height: 144px
}

.UfGPZ1mnE11ffSEz_CyJ {
    display: flex;
    flex-direction: column;
    margin: 0 20px 10px
}

.UfGPZ1mnE11ffSEz_CyJ>input {
    width: 350px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333;
    padding: 0 8px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.UfGPZ1mnE11ffSEz_CyJ>div.tips {
    width: 100%;
    color: #fe0301;
    margin-top: 10px;
    font-size: 14px
}

.UfGPZ1mnE11ffSEz_CyJ>button {
    background: url(../images/outcache/receive-btn.0e46.png) no-repeat center center;
    background-size: 100% 100%;
    width: 200px;
    height: 45px;
    cursor: pointer;
    font-size: 18px;
    text-align: center;
    color: #fff;
    border: 0;
    margin: 40px auto 0px
}

.JXOGpfanKvbYI1DBahHq .card-bg {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 30px 24px;
    background: #fff;
    border-radius: 24px
}

.sTRZ49RATryjOnxtq_2Y .report-bg {
    position: relative;
    background: #fcfbfa;
    min-height: 900px;
    overflow: hidden
}

.sTRZ49RATryjOnxtq_2Y .report-bg::after,
.sTRZ49RATryjOnxtq_2Y .report-bg::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 462px;
    height: 924px;
    background-size: 100% auto
}

.sTRZ49RATryjOnxtq_2Y .report-bg::after {
    right: 0;
    top: 0;
    background-position-y: -70px;
    background-position-x: right
}

.sTRZ49RATryjOnxtq_2Y .report-bg::before {
    bottom: 0;
    background-position-y: bottom;
    background-position-x: left
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container {
    width: 1420px;
    margin: 15px auto 0;
    color: #2d293c;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    box-shadow: 0 4px 10px 2px rgba(114, 78, 127, .02);
    border-radius: 0 8px 8px 0;
    min-height: 850px
}

@media screen and (max-width: 1400px) {
    .sTRZ49RATryjOnxtq_2Y .report-bg .report-container {
        width: 1200px
    }
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus {
    display: inline-block;
    width: 226px;
    padding-bottom: 15px;
    font-size: 18px;
    vertical-align: top;
    background: linear-gradient(90deg, rgba(217, 241, 255, 0.71), rgba(160, 197, 242, 0.54), rgba(151, 206, 229, 0.55), rgba(140, 143, 216, 0.56)), linear-gradient(144deg, rgba(255, 214, 175, 0.2), rgba(164, 92, 255, 0.07)), radial-gradient(307.99% 136.65% at 2.49% 4.27%, rgba(217, 241, 255, 0.71) 0, rgba(160, 197, 242, 0.54) 31.45%, rgba(151, 206, 229, 0.55) 64.64%, rgba(140, 143, 216, 0.56) 100%);
    border-radius: 24px;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-userinfo {
    padding: 15px 15px 0;
    display: flex;
    align-items: center
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-userinfo .avatar {
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border-radius: 50%
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-userinfo .username {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-userinfo .username p {
    color: #1e2638;
    font-size: 18px;
    font-weight: 600
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-userinfo .username img {
    height: 10px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector {
    height: 100%;
    padding: 20px 0 0 0px;
    z-index: 9;
    position: relative
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .balance {
    color: #2f2747;
    font-size: 12px;
    margin-bottom: 15px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .balance span {
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    padding-left: 10px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 12px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li {
    height: 54px;
    width: 32px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
    color: #42403d;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li.active .deposit,
.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li:hover .deposit {
    background-image: url(../svg/ic-recharge-active.b90e.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li.active .transfer,
.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li:hover .transfer {
    background-image: url(../svg/ic-transfer-active.ff94.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li.active .withdraw,
.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li:hover .withdraw {
    background-image: url(../svg/ic-withdraw-active.5b96.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li i {
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li i.deposit {
    background-image: url(../svg/ic-recharge.3241.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li i.transfer {
    background-image: url(../svg/ic-transfer.d1ee.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .recharge li i.withdraw {
    background-image: url(../svg/ic-withdraw.79c5.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .line {
    height: 1px;
    background: #e2e1e0;
    width: calc(100% - 26px);
    margin: 10px auto 0 auto
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box {
    cursor: pointer;
    height: 100%;
    background: #fff;
    border-radius: 10px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item {
    display: flex;
    position: relative;
    align-items: center;
    height: auto;
    line-height: 20px;
    font-size: 15px;
    color: #3d2f48;
    padding: 15px 5px 15px 15px;
    box-sizing: border-box;
    transition: all .5s
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, rgba(197, 227, 255, 0), #c5e3ff 50%, rgba(197, 227, 255, 0))
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin-right: 5px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.team {
    background-image: url(../svg/team.462d.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.person {
    background-image: url(../svg/person.c164.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.securityCenter {
    background-image: url(../svg/securityCenter.7ef3.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.wallet {
    background-image: url(../svg/wallet.b8bd.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.sport {
    background-image: url(../svg/sport.d139.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.shixin {
    background-image: url(../svg/salary.6327.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.casino {
    background-image: url(../svg/casino.50c3.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.chess {
    background-image: url(../svg/chess.925e.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.esport {
    background-image: url(../svg/esport.6c66.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.lottery {
    background-image: url(../svg/salary.6327.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.winloss {
    background-image: url(../svg/winloss.dcd8.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.dw {
    background-image: url(../svg/dw.19cd.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.commission {
    background-image: url(../svg/commission.481e.svg)
}

.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active,
.sTRZ49RATryjOnxtq_2Y .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover {
    background: #ddedff
}

.sTRZ49RATryjOnxtq_2Y .report-bg .right-content {
    flex: 1;
    z-index: 1;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .right-content>.title {
    margin-left: 18px;
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627;
    margin-bottom: 15px
}

.sTRZ49RATryjOnxtq_2Y .report-bg .right-content-iframe {
    margin: 0 0 0 20px
}

.O5kyETnTKW6WLTjwFfBB .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.O5kyETnTKW6WLTjwFfBB .header .left-title {
    display: flex
}

.O5kyETnTKW6WLTjwFfBB .header .left-title .title {
    background-size: cover;
    margin: 0;
    width: 270px;
    height: 50px;
    background: url(../images/precache/pic-recharge.cb5b.png) no-repeat 0;
    background-size: auto 110%
}

.O5kyETnTKW6WLTjwFfBB .header .left-title .gotoCnyt {
    background-image: url(../svg/gotoHiwallet.e213.007b.svg);
    background-size: 100% 100%;
    width: 100px;
    margin: 10px;
    line-height: 40px;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    color: #fff;
    cursor: pointer
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn {
    padding-right: 20px;
    color: #61566d;
    cursor: pointer;
    display: flex;
    align-items: center
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item {
    margin: 0 5px
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item span {
    color: #fff;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 5px
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item>img {
    height: 15px;
    margin-right: 5px
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item:hover {
    text-decoration: underline
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.O5kyETnTKW6WLTjwFfBB .content .content-top {
    margin: 0 0 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName {
    color: #000;
    font-size: 16px
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName span {
    font-size: 12px;
    color: #a9a9a9
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .rechargeFeedback {
    background: url(../images/precache/btn-feedback.3d3a.png) no-repeat;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-size: 100% auto;
    padding: 0 8px 0 30px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    cursor: pointer
}

.O5kyETnTKW6WLTjwFfBB .bankList {
    width: 100%;
    display: grid;
    gap: 11px 14px;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 20px
}

.O5kyETnTKW6WLTjwFfBB .bankList li {
    height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    padding: 0 0 0 20px;
    background-image: linear-gradient(0deg, #fff, #fff);
    transition: all .2s;
    z-index: 0;
    border-radius: 4px
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover {
    background-image: url(../images/precache/channel-bg-hover.82d8.02bf.png);
    background-position: 0 0;
    background-size: 100% 100%;
    transform: scaleY(1.1)
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover .bank-channel {
    margin-top: -1px;
    margin-bottom: -1px
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover .bank-channel img {
    transform: scaleY(0.9)
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover .recharge_tour {
    display: block
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active {
    background-image: url(../images/precache/channel-bg.4f3a.png);
    background-position: 0 0;
    background-size: 100% 100%;
    transform: scaleY(1.1);
    top: 1px
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel {
    margin-top: -1px;
    margin-bottom: -1px
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel img {
    transform: scaleY(0.9)
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel .name {
    color: #fff;
    font-weight: 700
}

.O5kyETnTKW6WLTjwFfBB .bankList li .bank-channel {
    display: flex;
    align-items: center;
    width: 100%
}

.O5kyETnTKW6WLTjwFfBB .bankList li .bank-channel img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 15px
}

.O5kyETnTKW6WLTjwFfBB .bankList li .bank-channel .name {
    color: #2f2747;
    font-weight: 400;
    font-size: 13px
}

.O5kyETnTKW6WLTjwFfBB .bankList li .bank-channel .name i {
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(../images/precache/deposit-hot.61dc.png) no-repeat 50%;
    background-size: auto 140%;
    z-index: 1;
    vertical-align: middle;
    margin-left: 5px
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recharge_tour {
    display: none;
    width: 180px;
    height: 80px;
    position: absolute;
    top: -80px;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 2;
    border-radius: 5px;
    border: 1px solid #d3d6ff
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recharge_tour::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 80px;
    z-index: -1;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: rotate(45deg);
    border-right: 1px solid #d3d6ff;
    border-bottom: 1px solid #d3d6ff
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recharge_tour .info {
    height: 30px;
    line-height: 35px;
    font-size: 16px
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recharge_tour .showbtn {
    height: 50px;
    line-height: 50px
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recharge_tour .showbtn a {
    display: inline-block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    border: none;
    background: none;
    background-image: url(../images/precache/channel-bg.4f3a.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    letter-spacing: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.O5kyETnTKW6WLTjwFfBB .bankList li .giveaway {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    background-image: url(../images/precache/jias_h.35c9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recommend {
    position: absolute;
    width: 50px;
    height: 50px;
    right: -1px;
    top: -3px;
    z-index: 2;
    background: url(../images/precache/deposit-recommend.e2fd.png) no-repeat 50%;
    background-size: auto 100%
}

.O5kyETnTKW6WLTjwFfBB .tips {
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
    padding-bottom: 20px
}

.O5kyETnTKW6WLTjwFfBB .tips .tips4 {
    font-size: 12px;
    font-family: PingFang SC, sans-serif;
    color: rgba(47, 39, 71, .4);
    margin-top: 4px;
    line-height: 20px
}

.O5kyETnTKW6WLTjwFfBB .header {
    width: calc(100% + 30px);
    margin-left: -15px
}

.O5kyETnTKW6WLTjwFfBB .header .left-title {
    align-items: center
}

.O5kyETnTKW6WLTjwFfBB .header .left-title .gotoCnyt {
    margin-left: 25px
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item span {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.O5kyETnTKW6WLTjwFfBB .content {
    margin-top: 18px
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName {
    color: #42403d
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName span {
    color: #868181
}

.O5kyETnTKW6WLTjwFfBB .bankList {
    grid-template-columns: repeat(auto-fill, 210px)
}

.O5kyETnTKW6WLTjwFfBB .bankList li {
    background: linear-gradient(180deg, #fff, #eaf2ff);
    border-radius: 13px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), inset 3px 4px 10px 0 rgba(255, 255, 255, .7);
    padding-right: 10px;
    position: relative
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover {
    background-image: none;
    transform: none;
    background: linear-gradient(0deg, #ddedff, #ddedff), linear-gradient(180deg, #fff, #eaf2ff)
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover .bank-channel img {
    transform: none
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel .name {
    color: #fff;
    font-weight: 700
}

.O5kyETnTKW6WLTjwFfBB .bankList li .giveaway {
    display: none;
    background-image: none
}

.O5kyETnTKW6WLTjwFfBB .tips {
    border-color: #e2e1e0
}

.O5kyETnTKW6WLTjwFfBB .tips p {
    color: #868181 !important
}

.xwhlP_haA2YsxqYqoD7Q .modal {
    width: 900px;
    height: 650px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10000;
    background-color: #fff;
    transition: all .3s;
    border-radius: 6px;
    max-height: 100%;
    transform: translate(-50%, -50%) !important;
    overflow: hidden
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content {
    height: 100%;
    padding-bottom: 30px;
    position: relative
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content header {
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #d5d3e7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%)
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .selector {
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    width: 200px;
    margin-left: 40px
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .tutorial-img {
    width: 100%;
    height: calc(100% - 124px);
    overflow-y: auto;
    text-align: center
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .tutorial-img img {
    width: 96%
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content {
    padding-top: 5px
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item {
    width: 540px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 21px
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item label {
    text-align: right;
    margin-right: 8px;
    flex: 1
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item .from-input {
    width: 420px;
    border-radius: 2px
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item .from-input .update-box {
    display: flex;
    align-items: center
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item .from-input .update-box .img-inline {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border-radius: 2px;
    text-align: center;
    line-height: 48px;
    border: 1px solid rgba(140, 119, 177, .48)
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .from-item .from-input .update-box .tips {
    color: #8c5d91;
    font-size: 12px
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content h3 {
    font-size: 20px;
    color: #d52626
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .submit-box {
    width: 352px;
    margin: 0 auto;
    text-align: center
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .submit-box .submit-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    background-image: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6);
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content .from-content .submit-box .textTip {
    color: #d52626;
    font-size: 12px
}

.xwhlP_haA2YsxqYqoD7Q .modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 22px;
    width: 22px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: .8s all;
    z-index: 1;
    background-image: url(../images/precache/ic-close.7fd9.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 22px
}

.xwhlP_haA2YsxqYqoD7Q .modal .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.xwhlP_haA2YsxqYqoD7Q .notice {
    width: 560px;
    height: 438px;
    animation: popIn .15s linear;
    background: url(../svg/bg.b94a.svg) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: visible;
    border-radius: 0;
    text-align: center
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title {
    position: relative;
    text-align: center;
    margin-top: 20px;
    padding-top: 10px
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title::before {
    content: "";
    position: absolute;
    top: -46px;
    left: calc(50% - 31px);
    width: 63px;
    height: 60px;
    background: url(../svg/belling.42e8.svg) no-repeat;
    background-size: 100%
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title span {
    font-size: 20px;
    color: #000;
    font-weight: 600
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title .close {
    top: 10px;
    right: 24px;
    width: 22px;
    height: 22px
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content {
    height: 220px;
    padding: 10px 30px 10px;
    color: #262626;
    letter-spacing: 0;
    line-height: 30px;
    overflow-y: auto;
    font-size: 14px;
    text-align: left
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-text {
    max-height: 300px;
    line-height: 22px;
    word-wrap: break-word;
    padding: 10px 25px 15px;
    font-size: 15px;
    text-align: center
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-text .name {
    font-weight: bold
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    padding: 0 13px;
    overflow: auto
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item {
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    color: #997ee7
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item:hover {
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content::-webkit-scrollbar {
    display: none
}

.xwhlP_haA2YsxqYqoD7Q .notice .closeBtn {
    text-align: center;
    display: inline-block;
    height: 42px;
    width: 300px;
    line-height: 42px;
    border-radius: 12px;
    margin: 10px 0;
    font-size: 16px;
    cursor: pointer;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box>label {
    display: inline-block;
    height: 14px;
    width: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAABHNCSVQICAgIfAhkiAAAATJJREFUSEvtljFOw0AQRecvByBHICfAnABqIArcICmdCjpiapIS0dhlzA0i2aIOJyDcAG4QDsBOZhbbRaR0Aw07hb2yrPne57H1QE2lF7MbAoYAnbXXTM7MayJX5vXdk/aDHiaD+VJOQ10z0xdBbzIoRiIbOPzpy8uizq6hO4PDowS9w/tR/nJvE9Y87+T8IWHnSgk+Zs+3SAezFQin9O1PrMNaRhpKB+5NtrmG4GRZfOZ1dmQAcW+L9HK+UbwhUBJfiyqzHZad6JZkDDR7rRGpGcru19l873FKzdDGKTVDGafUHOW/RUofRTXt/xpPadwpxl9KlKpMp4lqVOR5bG1uwdgcFiLZSdDEXREWZd0ww8RNAU7EtXtBhImfRdRGIVArqL6jq+CohhUwEsq8mpbadgsc9htLuHdqqQAAAABJRU5ErkJggg==);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    margin-right: 10px
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box>label.checked {
    background: url(../images/precache/checked.13ba.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box>label .checkbox {
    opacity: 0
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
    cursor: pointer;
    color: #333;
    height: 22px
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn div {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 100%
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-left,
.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right {
    padding-left: 27px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px 22px
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-left {
    background-image: url(../svg/ic-chongzhi.a591.svg)
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right {
    background-image: url(../svg/kefu.8409.svg)
}

.xwhlP_haA2YsxqYqoD7Q .arrow {
    background: url(../images/precache/arrow.7432.png);
    position: absolute;
    left: 50%;
    width: 47px;
    height: 36px;
    margin-left: -24px;
    bottom: 40px;
    animation: tutorial_arrow 1.5s ease-in-out infinite
}

@keyframes tutorial_arrow {

    0%,
    30% {
        opacity: 0;
        transform: translateY(-8px)
    }

    60% {
        opacity: 1;
        transform: translate(0)
    }

    100% {
        opacity: 0;
        transform: translateY(10px)
    }
}

.ant-select-item-options-item {
    cursor: pointer;
    height: 40px;
    line-height: 31px !important;
    color: #2d293c !important;
    border-radius: 0 !important
}

.ant-select-item-options-item:hover {
    background-image: linear-gradient(180deg, #daccff, #a797f0) !important
}

.root .ant-select-item-option-active {
    background: linear-gradient(180deg, #daccff, #a797f0) !important
}

.xwhlP_haA2YsxqYqoD7Q .modal .modal-content header {
    height: 45px;
    line-height: 45px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.xwhlP_haA2YsxqYqoD7Q .notice {
    width: 560px;
    height: 380px;
    background: #fff;
    box-shadow: 0 0 18px #666;
    border-radius: 8px;
    overflow: hidden
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title {
    height: 42px;
    line-height: 42px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    margin: 0;
    padding: 0
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title span {
    color: #fff
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title::before {
    display: none
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title .close {
    top: 9px;
    right: 9px
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content {
    height: 210px
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item {
    color: #2f2747;
    background: linear-gradient(180deg, #fff, #eaf2ff)
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item:hover {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important;
    color: #fff
}

.xwhlP_haA2YsxqYqoD7Q .notice .closeBtn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right {
    position: relative;
    background: none;
    padding-left: 0
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right img {
    display: none
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right::after {
    content: "";
    position: absolute;
    left: -25px;
    width: 22px;
    height: 22px;
    background: url(../images/precache/service.d970.png) no-repeat 100%/100%
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-left {
    position: relative;
    margin-left: 25px;
    background: none;
    padding-left: 0
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-left::after {
    content: "?";
    position: absolute;
    left: -25px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    background: #77a2fc;
    color: #fff
}

.ant-select-item-options-item {
    cursor: pointer;
    height: 40px;
    line-height: 31px !important;
    color: #2d293c !important;
    border-radius: 0 !important
}

.ant-select-item-options-item:hover {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important
}

.root .ant-select-item-option-active {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important
}

.Vb18CjHRvS_k4Jhow1y9 {
    width: 100%
}

.Vb18CjHRvS_k4Jhow1y9 .tips p {
    font-size: 12px;
    font-family: PingFang SC, sans-serif;
    color: rgba(47, 39, 71, .4);
    margin-top: 4px;
    line-height: 20px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box {
    width: 685px;
    display: inline-block
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item {
    display: flex;
    align-items: center;
    min-height: 40px;
    flex-wrap: wrap
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item label {
    font-size: 15px;
    margin-right: 10px;
    text-align: right;
    color: #2f2747;
    width: 125px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .input {
    width: 300px;
    background: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .select {
    width: 300px;
    background: #e6e5f6;
    color: #504871;
    border: 1px solid rgba(0, 0, 0, 0);
    font-size: 15px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .usdt-rate {
    font-size: 14px;
    color: #997ee7
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .input-tips {
    color: rgba(47, 39, 71, .4);
    font-size: 12px;
    margin-left: 5px;
    max-width: 245px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .input-tips .tips-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6);
    vertical-align: text-bottom;
    text-align: center;
    line-height: 14px;
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .error-tip {
    color: #ff2e00;
    margin: 4px 0 0px 138px;
    height: 14px;
    background: #fafaff;
    border-radius: 4px;
    padding: 0 5px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .input-item {
    min-height: 48px
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .realname-tips {
    line-height: 20px;
    background: #fafaff;
    margin: -5px 0 10px 138px;
    display: inline-block;
    border-radius: 4px;
    padding: 0 5px;
    color: #ff2e00
}

.Vb18CjHRvS_k4Jhow1y9 .set-item {
    height: 54px;
    line-height: 54px;
    border-radius: 6px;
    background: #fff;
    font-size: 15px;
    color: #2f2747
}

.Vb18CjHRvS_k4Jhow1y9 .set-item label {
    margin: 0 20px 0
}

.Vb18CjHRvS_k4Jhow1y9 .set-item span {
    color: #119bff;
    cursor: pointer;
    margin-right: 10px
}

.Vb18CjHRvS_k4Jhow1y9 .next-btn {
    width: 245px;
    height: 93px;
    line-height: 88px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    border: none;
    font-weight: 700;
    letter-spacing: .355em;
    background-image: url(../images/precache/submit.be81.png);
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    transition: all .5s;
    display: inline-block;
    vertical-align: top;
    text-shadow: 1px 0 0 #a188e9, -1px 0 0 #a188e9, 0 -1px 0 #a188e9, 0 1px 0 #a188e9
}

.Vb18CjHRvS_k4Jhow1y9 .next-btn:disabled {
    background-image: url(../images/precache/submit-disabled.0f90.png);
    text-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 1px 0 #cbcbcb;
    opacity: .4;
    cursor: no-drop
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .left-title {
    margin: 15px 0;
    align-items: center
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .left-title .back-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgB7ZixDcIwEEU/ZoGM4BG8AWECVmATZxUmQWxASYc3ICVdOEuJhByLzndC+U/6zTXvX2PLBjZGkFwlL8kAZcIsnr5y2kOHZfOumD+gQG3zaZ55NOaXPKAxlFNOOeWUU0455ZT/n9xbyjvJ00qeGSzlmdr2avK+Io9QwkkOlfkFigV8MRslCUq4ymyEIrlAKmYe62d0M/L/wE5yLuZvyQ1K5G1rJ2APRSKMDyLzozjjYXgZLZhexyzBEizBEizBEizBEizBEpssER10uEuOWL+80wfpl1yr/A7VJgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .left-title .text {
    font-size: 24px;
    color: #2f2747;
    font-weight: 700
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content {
    width: 100%;
    margin-bottom: 12px;
    padding: 16px 20px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.8));
    border-radius: 6px;
    box-sizing: border-box
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top .ic-item {
    display: inline-block;
    width: 22px;
    height: 30px;
    margin-right: 12px;
    background-image: url(../images/precache/time.3f9d.png);
    background-size: contain;
    background-repeat: no-repeat
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top p {
    font-size: 12px;
    text-align: left;
    color: rgba(47, 39, 71, .4);
    line-height: 19px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top p .red {
    color: #ff2e00
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted rgba(47, 39, 71, .4)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom {
    min-height: 130px;
    position: relative;
    padding: 17px 16px 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #504871
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom em {
    color: #9981f5
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom .copy {
    width: 41px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 11px;
    cursor: pointer;
    color: #fff;
    background: #9981f5;
    margin-left: 7px;
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom .qrcode {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -55px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info {
    flex-direction: column;
    align-items: start
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info .info-item {
    margin-top: 20px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info .info-item .info-title {
    width: 120px;
    display: inline-block;
    text-align: right
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info .info-item .copy {
    display: inline-block
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group {
    display: flex
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .openRechage {
    border-radius: 6px;
    background-image: url(../images/precache/openUrl.31a2.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: -3px;
    border: 0;
    cursor: pointer;
    width: 235px;
    height: 68px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .355em;
    line-height: 46px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px #d7b5ed, 1px 0 #d7b5ed, -1px 0 #d7b5ed, 0 -1px #d7b5ed
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .already {
    margin-left: 24px;
    background-image: url(../images/precache/alreadyPay.dfbf.png);
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .tips-text {
    margin-top: 10px;
    line-height: 24px;
    font-size: 12px;
    color: rgba(47, 39, 71, .4)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .tips-text .usdt-tips .usdt-text p>span {
    color: red
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .tips-text .usdt-tips .usdt-img {
    margin: 10px 0 0 13px;
    font-size: 16px;
    color: #504871
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .tips-text .usdt-tips .usdt-img>.img {
    width: 350px;
    height: 250px;
    display: block;
    background-image: url(../images/precache/usdt-tips.9dc3.png);
    background-size: contain;
    background-repeat: no-repeat
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .height {
    min-height: 610px
}

.Vb18CjHRvS_k4Jhow1y9 .iframe-tips {
    line-height: 40px;
    text-align: center;
    color: #ff2e00;
    font-size: 15px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-frame {
    width: 100%;
    min-height: 900px;
    border: none
}

.Vb18CjHRvS_k4Jhow1y9 .left_y {
    width: 65px;
    display: inline-block
}

.Vb18CjHRvS_k4Jhow1y9 .left_y .thirdGoBack {
    cursor: pointer;
    color: #997ee7;
    font-size: 15px;
    display: flex;
    align-items: end;
    margin-bottom: 5px
}

.Vb18CjHRvS_k4Jhow1y9 .left_y .thirdGoBack i {
    display: inline-block;
    background: url(../svg/ic-return.5989.svg) no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.Vb18CjHRvS_k4Jhow1y9 .right_y {
    float: right
}

.Vb18CjHRvS_k4Jhow1y9 .right_y i {
    display: inline-block;
    background: url(../svg/ic_open_deposit.f864.svg) no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height: 20px;
    margin-right: 22px;
    cursor: pointer;
    padding: 0 10px
}

.Vb18CjHRvS_k4Jhow1y9 .manual-tips {
    display: inline-block
}

.yFNlbsya6JIgH2f_Teqk .manual_modal {
    min-width: 500px;
    position: fixed;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    animation: fade-bottom-top .6s forwards;
    border-radius: 12px;
    overflow: hidden;
    text-align: center
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%)
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header span {
    position: relative;
    padding: 0 15px
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(270deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -80px;
    width: 80px;
    height: 1px;
    border-radius: 6px;
    background: linear-gradient(45deg, #e0e1ff, rgba(224, 225, 255, 0))
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header .close {
    position: absolute;
    top: 12px;
    right: 15px;
    height: 18px;
    width: 18px;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .header .close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .contents {
    min-height: 80px;
    text-align: center;
    overflow: auto;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #4c5161;
    font-size: 16px;
    overflow-y: auto
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .contents h3 {
    margin-bottom: 15px
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .contents p {
    text-align: center;
    color: #4c5161;
    font-size: 16px;
    margin-top: 15px
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .contents .manual_code {
    display: inline-block;
    width: 40px;
    height: 50px;
    border-bottom: 3px solid #000;
    color: #000;
    font-weight: 700;
    font-size: 50px;
    margin: 30px 5px 0
}

.yFNlbsya6JIgH2f_Teqk .manual_modal .contents .btn-confirm {
    text-align: center;
    display: inline-block;
    height: 42px;
    width: 200px;
    line-height: 42px;
    border-radius: 12px;
    margin: 10px 0;
    font-size: 16px;
    cursor: pointer;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .info-box .info-item .input-tips .tips-icon {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.Vb18CjHRvS_k4Jhow1y9 .next-btn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 246px;
    height: 40px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 10px;
    letter-spacing: 0;
    font-weight: normal;
    text-shadow: none;
    border-radius: 5px;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    border: none
}

.Vb18CjHRvS_k4Jhow1y9 .next-btn:disabled {
    background-size: 115%;
    background-position: center;
    opacity: 1
}

.Vb18CjHRvS_k4Jhow1y9 .left_y .thirdGoBack {
    color: #42403d
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top p {
    color: #42403d
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top::after {
    border: 1px solid #e2e1e0
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom {
    color: #42403d
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .bottom .copy {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 52px;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    color: #fff;
    font-size: 14px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .openRechage {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 190px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border-radius: 10px;
    text-shadow: none;
    font-weight: 400;
    font-size: 16px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .already {
    color: #b0b0b0;
    background: #fbfbfb;
    box-shadow: 0px 2px 7px 0px rgba(7, 53, 107, .1490196078);
    box-shadow: 0px -2px 9px 0px rgba(5, 28, 64, .0705882353) inset
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .left-title {
    margin-left: 30px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-frame {
    min-height: 1000px
}

.Y7NDvaYxyvMk12htxEzA .input-content {
    position: relative
}

.Y7NDvaYxyvMk12htxEzA .input-content input {
    width: 100%;
    height: 100%;
    min-height: 34px;
    background: rgba(0, 0, 0, 0);
    padding: 0 10px;
    border: 1px solid rgba(160, 149, 198, .6);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(47, 39, 71, .8)
}

.Y7NDvaYxyvMk12htxEzA .input-content input::placeholder {
    color: rgba(47, 39, 71, .2)
}

.Y7NDvaYxyvMk12htxEzA .input-content input[type=number]::-webkit-inner-spin-button,
.Y7NDvaYxyvMk12htxEzA .input-content input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select {
    position: absolute;
    z-index: 3;
    width: 100%;
    background: #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 8px;
    min-height: 40px;
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #bbb6d3;
    border-top: none;
    border-radius: 0 0 3px 3px
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item {
    min-height: 30px;
    background: linear-gradient(240deg, rgba(240, 234, 255, 0.53), #ece8ff);
    border-radius: 4px;
    color: #c4b2ff;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item:hover,
.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item.active {
    background-image: linear-gradient(180deg, #daccff, #a797f0);
    color: #fff
}

.Y7NDvaYxyvMk12htxEzA .input-content .keep {
    position: relative
}

.Y7NDvaYxyvMk12htxEzA select {
    width: 100%;
    height: 100%;
    min-height: 34px;
    background: rgba(0, 0, 0, 0);
    padding: 0 10px;
    border: 1px solid rgba(160, 149, 198, .6);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgba(47, 39, 71, .8)
}

.Y7NDvaYxyvMk12htxEzA select:focus-visible {
    outline: none
}

.D3izy6SpD5b7X75aNbOD {
    width: 540px;
    margin: 0 auto;
    overflow-y: auto
}

@media only screen and (max-height: 700px) {
    .D3izy6SpD5b7X75aNbOD {
        height: calc(100vh - 60px)
    }
}

.D3izy6SpD5b7X75aNbOD .title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
    color: #d52626
}

.D3izy6SpD5b7X75aNbOD .progressStatus {
    margin-bottom: 40px;
    display: flex;
    align-items: center
}

.D3izy6SpD5b7X75aNbOD .progressStatus .status {
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    color: #997ee7
}

.D3izy6SpD5b7X75aNbOD .progressStatus .status.timeout {
    color: #ffb031
}

.D3izy6SpD5b7X75aNbOD .progressStatus .progressBar {
    flex: 1;
    height: 4px;
    margin: 0 6px;
    background-color: #997ee7;
    border-radius: 30px
}

.D3izy6SpD5b7X75aNbOD .progressStatus .progressBar.success {
    background-color: #997ee7
}

.D3izy6SpD5b7X75aNbOD .progressStatus .progressBar.timeout {
    background-color: #ffb031
}

.D3izy6SpD5b7X75aNbOD .reviewLine {
    width: 540px;
    height: 24px;
    margin-bottom: 15px;
    display: flex;
    font-size: 13px
}

.D3izy6SpD5b7X75aNbOD .reviewLine.uploadBox {
    height: 40px
}

.D3izy6SpD5b7X75aNbOD .reviewLine .info-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    height: 100%;
    padding-right: 8px
}

.D3izy6SpD5b7X75aNbOD .reviewLine .input-box {
    display: flex;
    align-items: center;
    position: relative;
    width: 420px;
    height: 100%;
    padding-left: 10px;
    box-sizing: border-box
}

.D3izy6SpD5b7X75aNbOD .reviewLine .input-box img {
    width: 48px;
    height: 48px
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 15px
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select {
    height: 35px;
    position: relative
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .dropdown {
    position: absolute;
    left: 0;
    top: 45px;
    padding: 8px 15px
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .dropdown>div {
    height: 30px;
    line-height: 30px
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .dropdown>div:hover {
    background-color: #997ee7
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    height: 100%;
    font-size: 12px;
    padding-right: 8px
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box {
    display: flex;
    align-items: center;
    position: relative;
    width: 420px;
    height: 100%
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box .control {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    min-height: auto;
    height: 30px;
    border-radius: 2px;
    border: 1px solid rgba(140, 119, 177, .48);
    position: relative;
    transition: all 100ms ease 0s;
    box-sizing: border-box;
    outline: 0px !important
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box .control .left {
    align-items: center;
    display: flex;
    flex: 1 1 0%;
    flex-wrap: wrap;
    padding: 2px 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box .control .right {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-shrink: 0;
    box-sizing: border-box
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box .control .right .separator {
    align-self: stretch;
    background-color: #ccc;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 1px;
    box-sizing: border-box
}

.D3izy6SpD5b7X75aNbOD .RechargeFeedback-box.select .info-box .control .right .indicator {
    height: 28px;
    padding: 4px 8px;
    display: flex;
    box-sizing: border-box
}

.D3izy6SpD5b7X75aNbOD .formField {
    display: flex;
    width: 540px;
    height: 35px;
    align-items: center;
    margin-bottom: 5px
}

.D3izy6SpD5b7X75aNbOD .formField.input {
    height: 25px
}

.D3izy6SpD5b7X75aNbOD .formField label {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 2px;
    border: 1px solid rgba(140, 119, 177, .48);
    margin-right: 10px;
    cursor: pointer
}

.D3izy6SpD5b7X75aNbOD .formField label input {
    display: none
}

.D3izy6SpD5b7X75aNbOD .formField label .uploadButton,
.D3izy6SpD5b7X75aNbOD .formField label img {
    width: 100%;
    height: 100%;
    position: relative
}

.D3izy6SpD5b7X75aNbOD .formField label .uploadButton {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 26px;
    height: 26px;
    background: url(../svg/addImg.95ff.svg) no-repeat 50%/100% 100%;
    pointer-events: none
}

.D3izy6SpD5b7X75aNbOD .formField .formInput {
    width: 420px;
    height: 25px;
    display: flex;
    border-radius: 2px
}

.D3izy6SpD5b7X75aNbOD .formField .formInput input {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
    padding-left: 10px
}

.D3izy6SpD5b7X75aNbOD .formField .formInput input.error {
    border: 1px solid #d52626
}

.D3izy6SpD5b7X75aNbOD .formField .formInput .uploadTip {
    font-size: 12px;
    color: #8c5d91;
    line-height: 40px
}

.D3izy6SpD5b7X75aNbOD .formField .formSelect {
    width: 420px;
    height: 35px
}

.D3izy6SpD5b7X75aNbOD .formField>span {
    font-size: 12px;
    padding-right: 8px;
    flex: 1;
    display: flex;
    justify-content: flex-end
}

.D3izy6SpD5b7X75aNbOD .formField input {
    width: 100%;
    height: 100%
}

.D3izy6SpD5b7X75aNbOD .formField .ant-select-selector {
    border-radius: 3px
}

.D3izy6SpD5b7X75aNbOD .formField .ant-select-selection-placeholder,
.D3izy6SpD5b7X75aNbOD .formField .ant-select-selection-item {
    text-align: left
}

.D3izy6SpD5b7X75aNbOD .formTip {
    text-align: left;
    text-indent: 128px;
    color: #8c5d91;
    font-size: 12px
}

.D3izy6SpD5b7X75aNbOD .formTip.error {
    color: #d52626
}

.D3izy6SpD5b7X75aNbOD .react-bootstrap-daterangepicker-container {
    width: 420px
}

.D3izy6SpD5b7X75aNbOD .react-bootstrap-daterangepicker-container input {
    font-size: 12px
}

.D3izy6SpD5b7X75aNbOD .fl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    height: 100%;
    font-size: 12px;
    padding-right: 8px
}

.D3izy6SpD5b7X75aNbOD .shortcut {
    margin: 0 0
}

.D3izy6SpD5b7X75aNbOD .submitBox {
    width: 352px;
    margin: 20px auto 0 auto;
    text-align: center
}

.D3izy6SpD5b7X75aNbOD .submitBox .submit-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    cursor: pointer
}

.D3izy6SpD5b7X75aNbOD .submitBox .textTip {
    color: #d52626;
    font-size: 12px
}

.ant-select-item-option-active {
    background: #add8e6 !important
}

.EPY1dROqHKgR_KQyQUvL {
    min-height: 100%;
    box-sizing: border-box
}

.EPY1dROqHKgR_KQyQUvL .header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.EPY1dROqHKgR_KQyQUvL .header .left-title {
    display: flex
}

.EPY1dROqHKgR_KQyQUvL .header .left-title .title {
    width: auto;
    height: auto;
    background: none;
    font-size: 24px;
    color: #42403d
}

.iwzi0Tthz1FE2j7VlzaM {
    display: flex;
    flex-direction: column;
    align-items: center
}

.iwzi0Tthz1FE2j7VlzaM>h2 {
    margin-top: 110px;
    color: #2d293c
}

.iwzi0Tthz1FE2j7VlzaM .input-item {
    margin-top: 30px
}

.iwzi0Tthz1FE2j7VlzaM .input-item>label {
    width: 80px;
    display: inline-block;
    text-align: right;
    font-size: 14px;
    padding-right: 10px;
    color: #666
}

.iwzi0Tthz1FE2j7VlzaM .input-item>input {
    width: 260px;
    height: 41px;
    line-height: 41px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 14px;
    background: #fafbfb;
    box-sizing: border-box;
    border: 1px solid #f2f2f6
}

.iwzi0Tthz1FE2j7VlzaM .tips {
    color: #f36;
    margin-top: 35px
}

.iwzi0Tthz1FE2j7VlzaM .line {
    width: 90%;
    background: #e9e6f0;
    height: 1px;
    margin: 20px 0
}

.iwzi0Tthz1FE2j7VlzaM .btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 150px
}

.iwzi0Tthz1FE2j7VlzaM .btn-group>button {
    width: 110px;
    height: 40px;
    line-height: 40px;
    color: #b0b0b0;
    font-size: 14px;
    text-align: center;
    margin-right: 40px;
    font-weight: 400;
    background: #fff;
    border-radius: 5px;
    border: .5px solid #b0b0b0;
    cursor: pointer
}

.iwzi0Tthz1FE2j7VlzaM .btn-group .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 4px;
    color: #fff;
    margin-right: 0
}

.ZOzzaOEgMV5opH9oVMnf {
    height: 100%
}

.ZOzzaOEgMV5opH9oVMnf .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ZOzzaOEgMV5opH9oVMnf .header .left-title {
    display: flex
}

.ZOzzaOEgMV5opH9oVMnf .header .left-title .title {
    background-size: cover;
    width: 270px;
    height: 50px;
    background: url(../images/outcache/pic-withdraw.3965.png) no-repeat 0;
    background-size: auto 110%
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
    width: 300px;
    margin: 0 auto;
    color: #999
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-list li {
    width: 200px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.25%, #8869e6);
    border-radius: 6px;
    margin: 20px auto 0;
    cursor: pointer;
    align-items: center;
    flex-direction: column
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-list li.disable {
    opacity: .4;
    cursor: no-drop
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way a {
    color: #a188ce;
    display: block;
    margin: 15px auto;
    text-align: center
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .withdraw-tips {
    color: #ff2e00;
    text-align: center
}

.ZOzzaOEgMV5opH9oVMnf .error-box {
    height: 400px;
    line-height: 60px;
    color: #645c7f;
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

.ZOzzaOEgMV5opH9oVMnf .error-box .icon {
    width: 100%;
    height: 300px;
    background: url(../images/outcache/icon_new_error.10df.png) no-repeat center bottom 24px/24%
}

.ZOzzaOEgMV5opH9oVMnf .header {
    display: none
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-list li {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way a {
    color: #628bc4
}

.K7BgETEl5GJvOr09i6gl {
    height: calc(100% - 60px);
    padding: 10px 50px;
    position: relative
}

.K7BgETEl5GJvOr09i6gl .detail-step {
    margin-bottom: 10px;
    display: flex;
    margin-left: -50px
}

.K7BgETEl5GJvOr09i6gl .detail-step .back-btn {
    cursor: pointer;
    color: #997ee7;
    font-size: 15px;
    margin: 5px 25px 0 0
}

.K7BgETEl5GJvOr09i6gl .detail-step ul {
    display: flex;
    align-items: center
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 32px;
    margin: 0 10px;
    padding: 0 20px;
    font-size: 14px;
    color: #3d2f48;
    box-sizing: border-box;
    z-index: 1
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li::after,
.K7BgETEl5GJvOr09i6gl .detail-step ul li::before {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: linear-gradient(90deg, #d6beff, #bebeff);
    z-index: -1
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li::before {
    top: 1px;
    transform: skewX(35deg)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li::after {
    bottom: 1px;
    transform: skewX(-35deg)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li span {
    display: inline-block;
    margin-right: 10px;
    font-style: oblique;
    transform: scaleX(1.4);
    font-weight: 700;
    text-align: center
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li.active {
    color: #f7f0fe
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li.active::after,
.K7BgETEl5GJvOr09i6gl .detail-step ul li.active::before {
    color: #f7f0fe;
    background: linear-gradient(90deg, #9f74e8, #6a6ae5)
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab {
    display: flex;
    align-items: center
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item {
    width: 160px;
    height: 30px;
    background: #ccc;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    margin: 0 3px
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item.active {
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca98e6 83.3%)
}

.K7BgETEl5GJvOr09i6gl .warning {
    margin-bottom: 20px;
    color: #958eb2;
    height: 32px;
    line-height: 32px
}

.K7BgETEl5GJvOr09i6gl .warning .warn_icon {
    position: relative;
    top: -1.5px;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #fff;
    background: #9065ff;
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 12px
}

.K7BgETEl5GJvOr09i6gl .warning .warn_icon::before {
    content: "!"
}

.K7BgETEl5GJvOr09i6gl .warning .times {
    color: #3d2f48
}

.K7BgETEl5GJvOr09i6gl .warning .red-font {
    color: #d46161
}

.K7BgETEl5GJvOr09i6gl .warning b {
    font-weight: inherit;
    font-weight: bolder
}

.K7BgETEl5GJvOr09i6gl .open_withdraw_frame {
    position: absolute;
    top: 15px;
    right: 120px
}

.K7BgETEl5GJvOr09i6gl .open_withdraw_frame i {
    display: inline-block;
    background: url(../svg/ic_open_withdraw.72a7.svg) no-repeat;
    background-size: 100% auto;
    width: 94px;
    height: 17px;
    margin-right: 4px;
    cursor: pointer;
    padding: 0 10px
}

.K7BgETEl5GJvOr09i6gl .iframe-tips {
    font-size: 24px
}

.K7BgETEl5GJvOr09i6gl .withdraw-info {
    width: 100%
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item {
    width: 100%;
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #80728a;
    position: relative;
    display: flex
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item .label {
    width: 135px;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 10px;
    text-align: right
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item .input {
    width: 300px
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item .input .amount-select {
    position: relative
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .tips {
    margin: 0
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .balance {
    color: #7535c2;
    font-size: 14px
}

.K7BgETEl5GJvOr09i6gl .bottom-tips {
    margin-top: 5px
}

.K7BgETEl5GJvOr09i6gl .bottom-tips p {
    color: #d46161;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 20px
}

.K7BgETEl5GJvOr09i6gl .submit-area {
    margin-top: 25px;
    text-align: center;
    font-family: Microsoft Yahei;
    margin-bottom: 10px;
    padding-top: 5px
}

.K7BgETEl5GJvOr09i6gl .submit-area .submit-btn {
    font-family: Microsoft Yahei;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    box-sizing: border-box;
    width: 358px;
    color: #fff;
    border: 0;
    border-radius: 6px;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca98e6 83.3%);
    cursor: pointer
}

.K7BgETEl5GJvOr09i6gl .submit-area .back-btn {
    font-family: Microsoft Yahei;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    box-sizing: border-box;
    width: 219px;
    border-radius: 6px;
    color: #ca9be6;
    border: 1px solid #ca9be6;
    background: none;
    margin-right: 60px;
    cursor: pointer
}

.K7BgETEl5GJvOr09i6gl .submit-area .small {
    width: 219px
}

.K7BgETEl5GJvOr09i6gl .confirm-info {
    width: 100%;
    margin-top: 37px
}

.K7BgETEl5GJvOr09i6gl .confirm-info .confirm-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 14px;
    color: #80728a
}

.K7BgETEl5GJvOr09i6gl .confirm-info .confirm-item span {
    flex: 1
}

.K7BgETEl5GJvOr09i6gl .confirm-info .confirm-item .label {
    padding-right: 10px;
    text-align: right
}

.K7BgETEl5GJvOr09i6gl .success-tips {
    margin: 45px auto 0;
    text-align: center
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-icon {
    height: 65px;
    width: 65px;
    color: green
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
    color: #3d2f48;
    margin-left: 14px;
    font-weight: 700
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text p {
    font-size: 12px;
    color: #958eb2
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text a {
    font-size: 12px
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-bottom {
    margin-top: 40px;
    font-size: 12px;
    color: #3d2f48
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-bottom span {
    color: #d46161
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li {
    color: #fff
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li::before,
.K7BgETEl5GJvOr09i6gl .detail-step ul li::after {
    background: #4982eb
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li.active::before,
.K7BgETEl5GJvOr09i6gl .detail-step ul li.active::after {
    background: #0d5ada
}

.K7BgETEl5GJvOr09i6gl .warning {
    color: #42403d
}

.K7BgETEl5GJvOr09i6gl .warning .warn_icon {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab {
    margin: 32px 0 16px
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 160px;
    height: 35px;
    line-height: 35px;
    color: #868181;
    border-radius: 5px
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item.active {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.K7BgETEl5GJvOr09i6gl .withdraw-info {
    color: #42403d
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .balance {
    color: #42403d
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item .input-content input {
    border: 1px solid #f2f2f6
}

.K7BgETEl5GJvOr09i6gl .bottom-tips p {
    color: #868181
}

.K7BgETEl5GJvOr09i6gl .submit-area .submit-btn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.K7BgETEl5GJvOr09i6gl .submit-area .back-btn {
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    color: #b0b0b0
}

._SpwntfoOMKmMmkJhGtA .error-box {
    height: 400px;
    line-height: 60px;
    color: #645c7f;
    font-size: 16px;
    font-weight: 400;
    text-align: center
}

._SpwntfoOMKmMmkJhGtA .error-box .icon {
    width: 100%;
    height: 300px;
    background: url(../images/outcache/icon_new_error.10df.png) no-repeat center bottom 24px/24%
}

._SpwntfoOMKmMmkJhGtA .error-box .title-h3 {
    color: #2d293c;
    font-size: 17px;
    text-align: left
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table {
    width: 100%;
    height: 390px;
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table::-webkit-scrollbar {
    width: 3px;
    background: #f6f8fb
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table::-webkit-scrollbar-track {
    background: #f6f8fb
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #ccc;
    border-radius: 10px
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .th {
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6) !important;
    color: #fff;
    position: sticky;
    top: 0
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr {
    background: #fff;
    border-bottom: 1px solid #edecf6
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr>div {
    border-right: 1px solid #edecf6
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr>div:last-child {
    border: none
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li {
    display: flex;
    line-height: 40px
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li>div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li>div:last-child {
    flex: 2
}

._SpwntfoOMKmMmkJhGtA .error-box {
    color: #2d293c;
    text-align: left;
    line-height: normal
}

._SpwntfoOMKmMmkJhGtA .error-box .error-text {
    font-size: 12px;
    margin: 40px 0 20px
}

._SpwntfoOMKmMmkJhGtA .error-box>p {
    font-size: 15px
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table {
    margin-top: 20px;
    width: 100%
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .th {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important;
    color: #fff
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr {
    background: #fff;
    border-bottom: 1px solid #edecf6
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr>div {
    border-right: 1px solid #edecf6
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table .tr>div:last-child {
    border: none
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li {
    display: flex;
    line-height: 40px
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li>div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

._SpwntfoOMKmMmkJhGtA .error-box .error-table li>div:last-child {
    flex: 2
}

.lXGvNItRXRrL1UJf0OpP {
    font-size: 12px
}

.lXGvNItRXRrL1UJf0OpP .charge_mention {
    margin: 0px 0 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.lXGvNItRXRrL1UJf0OpP .mention {
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    margin-right: 5px;
    cursor: pointer
}

.lXGvNItRXRrL1UJf0OpP .mention.active {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.lXGvNItRXRrL1UJf0OpP .feedBackBtn {
    line-height: 28px;
    margin-right: 25px;
    cursor: pointer;
    color: #d52626
}

.lXGvNItRXRrL1UJf0OpP .table-cover {
    overflow-y: auto
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data {
    width: 100%;
    border-collapse: collapse;
    background: #fcfcfc
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data td {
    border-right: 1px solid #edecf6;
    border-bottom: 1px solid #edecf6;
    text-align: center;
    line-height: 24px;
    color: #211627;
    padding: 0 5px;
    font-size: 12px
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data td span {
    margin-right: 4px
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data td span:last-child {
    margin-right: 0
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data td.detail {
    text-decoration: underline;
    color: #997ee7;
    cursor: pointer
}

.lXGvNItRXRrL1UJf0OpP .table-cover table.data th {
    border-bottom: 1px solid #edecf6;
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 14px;
    height: 25px;
    line-height: 25px
}

.lXGvNItRXRrL1UJf0OpP .splitlists_ty {
    padding: 0 20px 20px 20px
}

.lXGvNItRXRrL1UJf0OpP .splitlists_ty .split_ty {
    line-height: 40px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 10px
}

.lXGvNItRXRrL1UJf0OpP .splitlists_ty .split_list {
    height: 380px
}

.lXGvNItRXRrL1UJf0OpP .modal-content {
    padding: 25px 20px 10px;
    overflow: auto;
    position: relative;
    height: calc(100% - 85px)
}

.lXGvNItRXRrL1UJf0OpP .modal-content .search {
    margin-bottom: 30px;
    display: flex
}

.lXGvNItRXRrL1UJf0OpP .modal-content .query {
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ca9be6;
    margin-left: 15px
}

.AaQKFRc6Bt_bEgYt76QG {
    width: 600px;
    height: 700px
}

@media only screen and (max-height: 700px) {
    .AaQKFRc6Bt_bEgYt76QG {
        height: 100%
    }
}

.lXGvNItRXRrL1UJf0OpP {
    height: 100%
}

.lXGvNItRXRrL1UJf0OpP .charge_mention {
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    margin: 0 10px 0px 30px;
    border-bottom: none
}

.lXGvNItRXRrL1UJf0OpP .charge_mention .mention {
    line-height: 30px;
    height: 30px;
    width: auto;
    padding: 0 16px;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(180deg, #fcfcff 0%, #edf0ff 74.33%, #fcfcff 100%);
    border: 1px solid #cecece;
    color: #1e2638;
    cursor: pointer
}

.lXGvNItRXRrL1UJf0OpP .charge_mention .mention.active {
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.lXGvNItRXRrL1UJf0OpP .modal-content {
    overflow-y: auto
}

.lXGvNItRXRrL1UJf0OpP .modal-content .query {
    border: none;
    border-radius: 2px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    margin-left: 0
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data th {
    color: #6a7391
}

.lXGvNItRXRrL1UJf0OpP .modal-content table.data tr:first-child {
    background: #fcf9f7 !important
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data tr:nth-child(odd) {
    background-color: #fcfcfc
}

.Ki1aWK6QLqYZNwkO8jlm .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Ki1aWK6QLqYZNwkO8jlm .header .left-title {
    display: flex;
    margin: 15px 0;
    align-items: center
}

.Ki1aWK6QLqYZNwkO8jlm .header .left-title .back-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgB7ZixDcIwEEU/ZoGM4BG8AWECVmATZxUmQWxASYc3ICVdOEuJhByLzndC+U/6zTXvX2PLBjZGkFwlL8kAZcIsnr5y2kOHZfOumD+gQG3zaZ55NOaXPKAxlFNOOeWUU0455ZT/n9xbyjvJ00qeGSzlmdr2avK+Io9QwkkOlfkFigV8MRslCUq4ymyEIrlAKmYe62d0M/L/wE5yLuZvyQ1K5G1rJ2APRSKMDyLzozjjYXgZLZhexyzBEizBEizBEizBEizBEpssER10uEuOWL+80wfpl1yr/A7VJgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer
}

.Ki1aWK6QLqYZNwkO8jlm .header .left-title .text {
    font-size: 24px;
    color: #2f2747;
    font-weight: 700
}

.Ki1aWK6QLqYZNwkO8jlm .header .right-learn {
    padding-right: 20px;
    color: #61566d;
    cursor: pointer
}

.Ki1aWK6QLqYZNwkO8jlm .header .right-learn span {
    background: #5c86b8;
    display: inline-block;
    height: 14px;
    width: 14px
}

.Ki1aWK6QLqYZNwkO8jlm .header .right-learn:hover {
    text-decoration: underline
}

.Ki1aWK6QLqYZNwkO8jlm .header .right-learn:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.Ki1aWK6QLqYZNwkO8jlm .card-content {
    width: 100%;
    margin-bottom: 12px;
    padding: 16px 20px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.8));
    border-radius: 6px;
    box-sizing: border-box
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .top {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .top img {
    width: 22px;
    height: 30px;
    margin-right: 12px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .top p {
    font-size: 12px;
    text-align: left;
    color: rgba(47, 39, 71, .4);
    line-height: 19px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .top p .red {
    color: #ff2e00
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .top .onepay_tutorial {
    flex: 1;
    text-align: right;
    color: #997ee7;
    font-size: 14px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bottom-border {
    position: relative
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bottom-border::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info {
    padding: 17px 16px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #504871
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .left-info .info-item {
    height: 40px;
    line-height: 40px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .left-info .info-item>.title {
    display: inline-block;
    width: 110px;
    text-align: right
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .left-info .info-item>em {
    color: #9981f5;
    margin-left: 5px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .right-time {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .right-time .time-content {
    height: 120px;
    width: 120px;
    margin-bottom: 30px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bank-info .copy {
    display: inline-block;
    width: auto;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 11px;
    cursor: pointer;
    color: #fff;
    background: #9981f5;
    margin-left: 7px;
    padding: 0 10px;
    font-size: 12px
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .bottom-tips {
    padding-top: 16px;
    font-size: 12px;
    color: rgba(47, 39, 71, .4)
}

.Ki1aWK6QLqYZNwkO8jlm .card-content .tips-text {
    line-height: 24px;
    font-size: 12px;
    color: rgba(47, 39, 71, .4)
}

.Ki1aWK6QLqYZNwkO8jlm .btn-group {
    display: flex
}

.Ki1aWK6QLqYZNwkO8jlm .btn-group .openRechage {
    border-radius: 6px;
    background-image: url(../images/precache/openUrl.31a2.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position-x: -3px;
    border: 0;
    cursor: pointer;
    width: 235px;
    height: 68px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .355em;
    line-height: 46px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px #d7b5ed, 1px 0 #d7b5ed, -1px 0 #d7b5ed, 0 -1px #d7b5ed
}

.Ki1aWK6QLqYZNwkO8jlm .btn-group .already {
    margin-left: 24px;
    background-image: url(../images/precache/alreadyPay.dfbf.png);
    text-shadow: 0 1px #a188e9, 1px 0 #a188e9, -1px 0 #a188e9, 0 -1px #a188e9
}

.Ki1aWK6QLqYZNwkO8jlm .around-icon {
    color: #fff;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 5px
}

.Ki1aWK6QLqYZNwkO8jlm .notice {
    width: 520px;
    height: 380px
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content {
    margin-top: 30px;
    padding: 10px 40px
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content .text {
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content .content-select {
    display: flex
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content .content-select .select {
    margin-left: 10px;
    flex: 1
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content>.btn-group {
    width: 100%;
    justify-content: space-between;
    margin-top: 50px
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content>.btn-group>.openRechage {
    width: 190px;
    height: 70px;
    line-height: 48px;
    background-size: 100% 100%
}

.Ki1aWK6QLqYZNwkO8jlm .ant-select-single {
    margin-left: 10px;
    width: 300px !important
}

.Ki1aWK6QLqYZNwkO8jlm .btn-group .openRechage {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15);
    border: solid 2px rgba(67, 184, 252, .3);
    background-image: linear-gradient(to left, #4ecfff, #247bf4);
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    background-position-x: 0;
    overflow: hidden;
    text-shadow: none;
    font-weight: 500
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content>.btn-group>.openRechage {
    height: 34px;
    line-height: 34px
}

.Ki1aWK6QLqYZNwkO8jlm .notice .content>.btn-group>.openRechage.already {
    background: #fff;
    border: 1px solid #efefef;
    color: #5d5e5f
}

.R1ot6q32tYtFbl37XP0V {
    padding-left: 0px
}

.R1ot6q32tYtFbl37XP0V .report-search-bar {
    position: relative
}

.R1ot6q32tYtFbl37XP0V .report-search-bar .rules {
    position: absolute;
    right: 10px;
    top: -45px;
    color: #b0b0b0
}

.wKWHOLrYJqkT3bjXkSXQ {
    padding-left: 12px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .search-box {
    color: #000;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    font-size: 14px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .search-box input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .search-box span {
    display: inline-block;
    background: #fff;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .search-box span.serch-title {
    border: none;
    background: none
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .value {
    margin-right: 8px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .item {
    margin-left: 10px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .query {
    width: 54px !important;
    height: 30px;
    border: 0;
    margin-left: 10px;
    margin-right: 15px;
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 5px;
    cursor: pointer
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar span.create {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(to bottom, #5c93fd, #4ca7fe);
    box-shadow: 0 5px 10px rgba(197, 161, 130, .3);
    overflow: hidden;
    position: relative;
    margin-left: auto
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .create-contract {
    border: 0;
    float: right;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 5px;
    width: 100px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    text-indent: 0;
    display: flex;
    justify-content: center;
    cursor: pointer
}

.wKWHOLrYJqkT3bjXkSXQ .report-search-bar .create-contract i {
    background: url(../images/outcache/icon.5c35.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    background-size: 100% 100%;
    float: left;
    margin-right: 5px;
    margin-top: 5px
}

.wKWHOLrYJqkT3bjXkSXQ table td .mini {
    color: #cf5e53
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules {
    position: relative
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px;
    line-height: 29px;
    padding-bottom: 5px;
    overflow: hidden;
    z-index: 10;
    height: 25px;
    cursor: default
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules div:hover {
    height: auto;
    background-color: #f6f7f7;
    border-bottom: 1px solid #ddd;
    z-index: 11
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules .icon-arrow {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 25px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal
}

.wKWHOLrYJqkT3bjXkSXQ .level-info {
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.wKWHOLrYJqkT3bjXkSXQ .level-info>span.desc {
    color: #c8ccd6
}

.wKWHOLrYJqkT3bjXkSXQ .level-info>div.level {
    color: #c8ccd6
}

.wKWHOLrYJqkT3bjXkSXQ .level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.wKWHOLrYJqkT3bjXkSXQ .level-info>div.level>span::after {
    content: " > "
}

.wKWHOLrYJqkT3bjXkSXQ .level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.wKWHOLrYJqkT3bjXkSXQ {
    padding-left: 0
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item:first-child {
    margin-top: 0
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item div.values {
    width: 300px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.e5NodNR_QE5Ryhqp7het>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.e5NodNR_QE5Ryhqp7het>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.e5NodNR_QE5Ryhqp7het>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.e5NodNR_QE5Ryhqp7het>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.e5NodNR_QE5Ryhqp7het>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.e5NodNR_QE5Ryhqp7het>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.e5NodNR_QE5Ryhqp7het>.search-bar .action-btn:hover {
    opacity: .8
}

.e5NodNR_QE5Ryhqp7het>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.e5NodNR_QE5Ryhqp7het>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.e5NodNR_QE5Ryhqp7het>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.e5NodNR_QE5Ryhqp7het>.item {
    height: 35px;
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    line-height: 35px;
    margin-top: 20px;
    position: relative
}

.e5NodNR_QE5Ryhqp7het>.item>div {
    display: inline-block;
    font-weight: 700
}

.e5NodNR_QE5Ryhqp7het>.item>.l {
    width: 85px;
    font-size: 16px;
    color: #636363;
    text-align: left
}

.e5NodNR_QE5Ryhqp7het>.item>.r {
    display: inline-block;
    width: 87%;
    padding-left: 10px;
    font-size: 12px;
    color: #c4c3c5;
    background: #faf9f9;
    padding: 0 10px;
    box-sizing: border-box
}

.e5NodNR_QE5Ryhqp7het>.item>.r.btn {
    background: none;
    padding: 0
}

.e5NodNR_QE5Ryhqp7het>.item>.r>div {
    cursor: pointer
}

.e5NodNR_QE5Ryhqp7het>.item>.r>div>span {
    display: inline-block;
    height: 26px;
    padding: 0 10px;
    background-color: #0d5ada;
    margin-right: 5px;
    color: #c4c3c5;
    border-radius: 5px;
    line-height: 26px;
    margin-top: 5px
}

.e5NodNR_QE5Ryhqp7het>.item span.add-rules {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right
}

.e5NodNR_QE5Ryhqp7het>.item span.add-rules:hover {
    opacity: .8
}

.e5NodNR_QE5Ryhqp7het>.item span.add-rules:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.e5NodNR_QE5Ryhqp7het>.item span.add-rules:hover::before {
    width: 45px;
    left: 205px
}

.e5NodNR_QE5Ryhqp7het>.item span.add-rules::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: auto;
    margin-top: 15px;
    padding: 10px;
    max-height: 200px;
    white-space: nowrap;
    background-color: #f8faf7
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item {
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    margin-top: 6px;
    padding: 0 10px 0 15px;
    display: flex;
    justify-content: space-between
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item>label {
    padding-left: 15px;
    text-decoration: underline;
    color: #ff69a4;
    cursor: pointer
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item>span {
    color: #ff69a4
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input[type=number] {
    -moz-appearance: textfield
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input[type=number]::-webkit-inner-spin-button,
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input {
    margin: 0 2px;
    width: 70px;
    height: 26px;
    line-height: 24px;
    color: #9063f5;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: center
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input input[type=number] {
    -moz-appearance: textfield
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input input[type=number]::-webkit-inner-spin-button,
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.e5NodNR_QE5Ryhqp7het .report-data-set>.data-item>div .red {
    color: #4982eb
}

.e5NodNR_QE5Ryhqp7het>.show-more {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.e5NodNR_QE5Ryhqp7het>.show-more>.title {
    font-size: 16px;
    color: #5d5879
}

.e5NodNR_QE5Ryhqp7het>.show-more>.tips {
    color: #f36;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok:hover {
    opacity: .8
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok:hover::before {
    width: 45px;
    left: 205px
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.e5NodNR_QE5Ryhqp7het>.show-more>.ctl {
    margin-top: 10px
}

.e5NodNR_QE5Ryhqp7het>.show-more>.ctl>span {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    background-color: #e6e5e7;
    color: #cf5e57;
    border-radius: 12px;
    cursor: pointer;
    margin-right: 10px
}

.e5NodNR_QE5Ryhqp7het>.show-more>.ctl input {
    height: 24px;
    line-height: 23px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 10px
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list {
    margin: 10px 0px 5px 0;
    padding: 10px;
    background: #faf9f9;
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: auto
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list span {
    padding: 2px;
    margin: 5px;
    border-radius: 30px;
    border: #ddd solid 1px;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 600;
    width: 122px;
    text-align: center;
    cursor: pointer
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list span.selected {
    background-size: 13px;
    background-color: #4982eb;
    color: #fff
}

.e5NodNR_QE5Ryhqp7het .reset {
    color: #000 !important
}

.e5NodNR_QE5Ryhqp7het .item>.r>div>span {
    color: #000 !important
}

.jC_dLpbbc_sMgKuzMT3M .search-box {
    color: #000;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 5px
}

.jC_dLpbbc_sMgKuzMT3M .search-box input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.jC_dLpbbc_sMgKuzMT3M .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada) !important;
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.jC_dLpbbc_sMgKuzMT3M .search-box span {
    display: inline-block;
    background: #fff;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px
}

.jC_dLpbbc_sMgKuzMT3M .search-box span.serch-title {
    border: none;
    background: none
}

.hNW1aFG1Ar2rXqrBEFqH .report-search-bar {
    display: flex
}

.hNW1aFG1Ar2rXqrBEFqH .report-search-bar .value {
    margin-right: 8px
}

.hNW1aFG1Ar2rXqrBEFqH .report-search-bar select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.hNW1aFG1Ar2rXqrBEFqH .report-search-bar .query {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    margin-left: 15px
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data td.win {
    color: red
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data td.lose {
    color: green
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 46px;
    z-index: 100
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 13px
}

.hNW1aFG1Ar2rXqrBEFqH {
    padding-left: 12px
}

.hNW1aFG1Ar2rXqrBEFqH .title-wrap .title {
    font-size: 20px;
    font-stretch: normal;
    font-weight: 700;
    padding: 32px 0 16px 10px;
    letter-spacing: 0;
    color: #211627;
    display: block
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu {
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    margin: 0 10px 15px 0;
    border-bottom: 1px solid #d5eaf9
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu span {
    line-height: 35px;
    width: 100px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 8px 8px 0 0;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(180deg, #f1f8ff, #e5f3ff);
    border-bottom: none;
    color: #1e2638;
    cursor: pointer
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu span.active {
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover {
    height: fit-content
}

.hNW1aFG1Ar2rXqrBEFqH .line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.hNW1aFG1Ar2rXqrBEFqH .ext-info {
    padding: 0 10px
}

.hNW1aFG1Ar2rXqrBEFqH .ext-info h6 {
    font-size: 15px;
    font-weight: 700;
    color: #6e6a85;
    margin-bottom: 6px
}

.hNW1aFG1Ar2rXqrBEFqH .ext-info p {
    font-size: 13px;
    color: #1e2638;
    line-height: 30px;
    margin-left: 10px
}

.hNW1aFG1Ar2rXqrBEFqH {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hNW1aFG1Ar2rXqrBEFqH .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    background: #fff
}

.hNW1aFG1Ar2rXqrBEFqH .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: #42403d;
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.hNW1aFG1Ar2rXqrBEFqH .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 20px;
    background: #fff;
    flex: 1
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover {
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .4), 0 0 20px 0 #dff0ff;
    font-size: 13px;
    border-radius: 12px
}

.hNW1aFG1Ar2rXqrBEFqH {
    padding-left: 0
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu span:hover {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.uXAxmW7Y5OYLZBxJrEAV .report-search-bar {
    position: relative
}

.uXAxmW7Y5OYLZBxJrEAV .report-search-bar .rules {
    position: absolute;
    right: 10px;
    top: -45px;
    color: #b0b0b0
}

.pbHsYxs_aLV6Gn69bxcz {
    position: relative
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar select.report,
.pbHsYxs_aLV6Gn69bxcz .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar span.query:hover {
    opacity: .8
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.pbHsYxs_aLV6Gn69bxcz>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.pbHsYxs_aLV6Gn69bxcz>.level-info>span.desc {
    color: #c8ccd6
}

.pbHsYxs_aLV6Gn69bxcz>.level-info>div.level {
    color: #c8ccd6
}

.pbHsYxs_aLV6Gn69bxcz>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.pbHsYxs_aLV6Gn69bxcz>.level-info>div.level>span::after {
    content: " > "
}

.pbHsYxs_aLV6Gn69bxcz>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.pbHsYxs_aLV6Gn69bxcz>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.pbHsYxs_aLV6Gn69bxcz>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.pbHsYxs_aLV6Gn69bxcz>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar {
    position: relative
}

.pbHsYxs_aLV6Gn69bxcz .report-search-bar .rules {
    position: absolute;
    right: 10px;
    top: -45px;
    color: #b0b0b0
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item:first-child {
    margin-top: 0
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item div.values {
    width: 300px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.vgeDprukc0eDyzSe3UQn>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.vgeDprukc0eDyzSe3UQn>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.vgeDprukc0eDyzSe3UQn>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.vgeDprukc0eDyzSe3UQn>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.vgeDprukc0eDyzSe3UQn>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.vgeDprukc0eDyzSe3UQn>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.vgeDprukc0eDyzSe3UQn>.search-bar .action-btn:hover {
    opacity: .8
}

.vgeDprukc0eDyzSe3UQn>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.vgeDprukc0eDyzSe3UQn>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.vgeDprukc0eDyzSe3UQn>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.vgeDprukc0eDyzSe3UQn>.item {
    height: 35px;
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    line-height: 35px;
    margin-top: 20px;
    position: relative
}

.vgeDprukc0eDyzSe3UQn>.item>div {
    display: inline-block;
    font-weight: 700
}

.vgeDprukc0eDyzSe3UQn>.item>.l {
    width: 85px;
    font-size: 16px;
    color: #636363;
    text-align: left
}

.vgeDprukc0eDyzSe3UQn>.item>.r {
    display: inline-block;
    width: 87%;
    padding-left: 10px;
    font-size: 12px;
    color: #c4c3c5;
    background: #faf9f9;
    padding: 0 10px;
    box-sizing: border-box
}

.vgeDprukc0eDyzSe3UQn>.item>.r.btn {
    background: none;
    padding: 0
}

.vgeDprukc0eDyzSe3UQn>.item>.r>div {
    cursor: pointer
}

.vgeDprukc0eDyzSe3UQn>.item>.r>div>span {
    display: inline-block;
    height: 26px;
    padding: 0 10px;
    background-color: #0d5ada;
    margin-right: 5px;
    color: #c4c3c5;
    border-radius: 5px;
    line-height: 26px;
    margin-top: 5px
}

.vgeDprukc0eDyzSe3UQn>.item span.add-rules {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right
}

.vgeDprukc0eDyzSe3UQn>.item span.add-rules:hover {
    opacity: .8
}

.vgeDprukc0eDyzSe3UQn>.item span.add-rules:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.vgeDprukc0eDyzSe3UQn>.item span.add-rules:hover::before {
    width: 45px;
    left: 205px
}

.vgeDprukc0eDyzSe3UQn>.item span.add-rules::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow: auto;
    margin-top: 15px;
    padding: 10px;
    max-height: 200px;
    white-space: nowrap;
    background-color: #f8faf7
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #0d5ada;
    border-radius: 10px
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item {
    position: relative;
    color: #333;
    font-size: 13px;
    line-height: 32px;
    margin-top: 6px;
    padding: 0 10px 0 15px;
    display: flex;
    justify-content: space-between
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item>label {
    padding-left: 15px;
    text-decoration: underline;
    color: #ff69a4;
    cursor: pointer
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item>span {
    color: #ff69a4
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input[type=number] {
    -moz-appearance: textfield
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input[type=number]::-webkit-inner-spin-button,
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input {
    margin: 0 2px;
    width: 70px;
    height: 26px;
    line-height: 24px;
    color: #9063f5;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    text-align: center
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input input[type=number] {
    -moz-appearance: textfield
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input input[type=number]::-webkit-inner-spin-button,
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.vgeDprukc0eDyzSe3UQn .report-data-set>.data-item>div .red {
    color: #4982eb
}

.vgeDprukc0eDyzSe3UQn .reset {
    color: #000 !important
}

.vgeDprukc0eDyzSe3UQn .item {
    margin-top: 10px
}

.vgeDprukc0eDyzSe3UQn .item span.add-rules {
    width: 90px;
    height: 28px
}

.vgeDprukc0eDyzSe3UQn .remark-tips {
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.vgeDprukc0eDyzSe3UQn .user-box {
    display: inline-block;
    font-size: 16px;
    color: #5d5879;
    font-weight: 700
}

.vgeDprukc0eDyzSe3UQn .selected-list span {
    display: inline-block;
    font-size: 14px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
    padding: 0 5px 0 10px
}

.vgeDprukc0eDyzSe3UQn .selected-list .text-eclipse {
    display: inline-block;
    color: #5d5879;
    font-size: 18px
}

.vgeDprukc0eDyzSe3UQn>.show-more {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.vgeDprukc0eDyzSe3UQn>.show-more>.title {
    font-size: 16px;
    color: #5d5879
}

.vgeDprukc0eDyzSe3UQn>.show-more>.tips {
    color: #f36;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block
}

.vgeDprukc0eDyzSe3UQn>.show-more>a.ok {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right
}

.vgeDprukc0eDyzSe3UQn>.show-more>a.ok:hover {
    opacity: .8
}

.vgeDprukc0eDyzSe3UQn>.show-more>a.ok:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.vgeDprukc0eDyzSe3UQn>.show-more>a.ok:hover::before {
    width: 45px;
    left: 205px
}

.vgeDprukc0eDyzSe3UQn>.show-more>a.ok::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.vgeDprukc0eDyzSe3UQn>.show-more>.ctl {
    margin-top: 10px
}

.vgeDprukc0eDyzSe3UQn>.show-more>.ctl>span {
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    background-color: #e6e5e7;
    color: #cf5e57;
    border-radius: 12px;
    cursor: pointer;
    margin-right: 10px
}

.vgeDprukc0eDyzSe3UQn>.show-more>.ctl input {
    height: 24px;
    line-height: 23px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0 10px
}

.vgeDprukc0eDyzSe3UQn>.show-more>.user-list {
    margin: 10px 0px 5px 0;
    padding: 10px;
    background: #faf9f9;
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: auto
}

.vgeDprukc0eDyzSe3UQn>.show-more>.user-list span {
    padding: 2px;
    margin: 5px;
    border-radius: 30px;
    border: #ddd solid 1px;
    line-height: 30px;
    margin-top: 5px;
    font-weight: 600;
    width: 122px;
    text-align: center;
    cursor: pointer
}

.vgeDprukc0eDyzSe3UQn>.show-more>.user-list span.selected {
    background-size: 13px;
    background-color: #4982eb;
    color: #fff
}

.HyGx4tk_6fXILSGTei4k {
    padding-left: 10px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar {
    height: 45px;
    display: flex;
    align-items: center
}

.HyGx4tk_6fXILSGTei4k .report-search-bar select.report,
.HyGx4tk_6fXILSGTei4k .report-search-bar input.report {
    min-width: 100px;
    padding: 0 10px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.query {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.query:hover {
    opacity: .8
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.query:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.query:hover::before {
    width: 45px;
    left: 205px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.query::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.HyGx4tk_6fXILSGTei4k>.level-info {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    margin: 20px 0px
}

.HyGx4tk_6fXILSGTei4k>.level-info>span.desc {
    color: #c8ccd6
}

.HyGx4tk_6fXILSGTei4k>.level-info>div.level {
    color: #c8ccd6
}

.HyGx4tk_6fXILSGTei4k>.level-info>div.level>span {
    color: #ff8669;
    cursor: pointer
}

.HyGx4tk_6fXILSGTei4k>.level-info>div.level>span::after {
    content: " > "
}

.HyGx4tk_6fXILSGTei4k>.level-info>div.level>span:nth-last-of-type(1)::after {
    content: ""
}

.HyGx4tk_6fXILSGTei4k>.ext-info h6 {
    font-size: 15px;
    font-weight: bold;
    color: #6e6a85;
    margin-bottom: 6px
}

.HyGx4tk_6fXILSGTei4k>.ext-info p {
    font-size: 13px;
    color: #8994ab;
    line-height: 30px;
    margin-left: 10px
}

.HyGx4tk_6fXILSGTei4k>.line {
    background: #e9e6f0;
    height: 1px;
    margin: 30px 0
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar span.create {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin-left: auto
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar span.create:hover {
    opacity: .8
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar span.create:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar span.create:hover::before {
    width: 45px;
    left: 205px
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar span.create::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar .search-box input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar .search-box span {
    display: inline-block;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar .search-box span.queryname {
    background: #fff;
    border: 1px solid #ddd
}

.HyGx4tk_6fXILSGTei4k>.report-search-bar .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.HyGx4tk_6fXILSGTei4k>.my-level {
    margin: 20px 0
}

.HyGx4tk_6fXILSGTei4k>.my-level span {
    color: red;
    font-weight: 600
}

.HyGx4tk_6fXILSGTei4k>.child-level {
    margin: 15px 0;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 36px
}

.HyGx4tk_6fXILSGTei4k>.child-level label span {
    color: #cf5e57;
    font-weight: 500
}

.HyGx4tk_6fXILSGTei4k>.child-level>.btns {
    color: red
}

.HyGx4tk_6fXILSGTei4k>.child-level button {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right;
    border-radius: 30px;
    margin-left: 10px;
    min-width: 85px
}

.HyGx4tk_6fXILSGTei4k>.child-level button:hover {
    opacity: .8
}

.HyGx4tk_6fXILSGTei4k>.child-level button:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.HyGx4tk_6fXILSGTei4k>.child-level button:hover::before {
    width: 45px;
    left: 205px
}

.HyGx4tk_6fXILSGTei4k>.child-level button::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.HyGx4tk_6fXILSGTei4k>.child-level button.send {
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25)
}

.HyGx4tk_6fXILSGTei4k .remark-tips {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    padding-bottom: 20px
}

.HyGx4tk_6fXILSGTei4k {
    padding-left: 0px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.create {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin-left: auto
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.create:hover {
    opacity: .8
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.create:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.create:hover::before {
    width: 45px;
    left: 205px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar span.create::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.HyGx4tk_6fXILSGTei4k .report-search-bar .search-box input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar .search-box span {
    display: inline-block;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px
}

.HyGx4tk_6fXILSGTei4k .report-search-bar .search-box span.queryname {
    background: #fff;
    border: 1px solid #ddd
}

.HyGx4tk_6fXILSGTei4k .report-search-bar .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.HyGx4tk_6fXILSGTei4k .my-level {
    margin: 20px 0
}

.HyGx4tk_6fXILSGTei4k .my-level span {
    color: red;
    font-weight: 600
}

.HyGx4tk_6fXILSGTei4k .child-level {
    margin: 15px 0;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 36px
}

.HyGx4tk_6fXILSGTei4k .child-level label span {
    color: #cf5e57;
    font-weight: 500
}

.HyGx4tk_6fXILSGTei4k .child-level .btns {
    color: red
}

.HyGx4tk_6fXILSGTei4k .child-level button {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    float: right;
    border-radius: 30px;
    margin-left: 10px;
    min-width: 85px
}

.HyGx4tk_6fXILSGTei4k .child-level button:hover {
    opacity: .8
}

.HyGx4tk_6fXILSGTei4k .child-level button:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.HyGx4tk_6fXILSGTei4k .child-level button:hover::before {
    width: 45px;
    left: 205px
}

.HyGx4tk_6fXILSGTei4k .child-level button::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.HyGx4tk_6fXILSGTei4k .child-level button.send {
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25)
}

.HyGx4tk_6fXILSGTei4k .remark-tips {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    padding-bottom: 20px
}

.MyEfacO4scU55Z2vVYPV {
    height: 100%
}

.MyEfacO4scU55Z2vVYPV .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.MyEfacO4scU55Z2vVYPV .header .left-title {
    display: flex;
    margin: 15px 0;
    align-items: center
}

.MyEfacO4scU55Z2vVYPV .header .left-title .back-icon {
    width: 25px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAYAAAB7jnWuAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgB7ZixDcIwEEU/ZoGM4BG8AWECVmATZxUmQWxASYc3ICVdOEuJhByLzndC+U/6zTXvX2PLBjZGkFwlL8kAZcIsnr5y2kOHZfOumD+gQG3zaZ55NOaXPKAxlFNOOeWUU0455ZT/n9xbyjvJ00qeGSzlmdr2avK+Io9QwkkOlfkFigV8MRslCUq4ymyEIrlAKmYe62d0M/L/wE5yLuZvyQ1K5G1rJ2APRSKMDyLzozjjYXgZLZhexyzBEizBEizBEizBEizBEpssER10uEuOWL+80wfpl1yr/A7VJgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer
}

.MyEfacO4scU55Z2vVYPV .header .left-title .text {
    font-size: 24px;
    color: #2f2747;
    font-weight: 700
}

.MyEfacO4scU55Z2vVYPV .header .right-learn {
    padding-right: 20px;
    color: #61566d;
    cursor: pointer
}

.MyEfacO4scU55Z2vVYPV .header .right-learn span {
    background: #5c86b8;
    display: inline-block;
    height: 14px;
    width: 14px;
    color: #fff;
    border-radius: 50%;
    text-align: center
}

.MyEfacO4scU55Z2vVYPV .header .right-learn:hover {
    text-decoration: underline
}

.MyEfacO4scU55Z2vVYPV .header .right-learn:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.MyEfacO4scU55Z2vVYPV .card-content {
    height: calc(100% - 55px);
    width: 100%;
    margin-bottom: 12px;
    padding: 16px 20px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.8));
    border-radius: 6px;
    box-sizing: border-box
}

.MyEfacO4scU55Z2vVYPV .card-content>iframe {
    width: 100%;
    height: 100%
}

.aL1bS_0tRydMKuV7g1lz .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aL1bS_0tRydMKuV7g1lz .header .left-title {
    display: flex
}

.aL1bS_0tRydMKuV7g1lz .header .left-title .title {
    background-size: cover;
    width: 270px;
    height: 50px;
    background: url(../images/outcache/pic-recharge.2b0e.png) no-repeat 0;
    background-size: auto 110%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), #fff);
    padding: 20px;
    margin-bottom: 14px;
    border-radius: 6px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    color: #2f2747;
    font-size: 18px;
    font-weight: 700
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch .ant-switch-checked {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.13), hsla(0, 0%, 100%, 0.13)), linear-gradient(180deg, #e5bffc, #af8be6 49.25%, #8869e6)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet {
    display: flex
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center {
    position: relative;
    min-width: 200px;
    margin-right: 50px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    width: 1px;
    height: 46px;
    background: linear-gradient(180deg, hsla(0, 0%, 85.1%, 0), #e1d7ff 49.4%, hsla(0, 0%, 85.1%, 0))
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top {
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/outcache/wallet.88a1.png) no-repeat 0/auto 80%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top span {
    color: #474747;
    font-size: 14px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top .transferBtn {
    height: 20px;
    line-height: 20px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top .transferBtn::before {
    top: 10px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top .transferBtn::after {
    height: 20px;
    background-image: url(../images/outcache/btn-feedback.f0bd.png)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock {
    min-width: 200px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock .top {
    height: 21px;
    line-height: 21px;
    margin-bottom: 10px;
    padding-left: 25px;
    background: url(../images/outcache/wallet-lock.f89e.png) no-repeat 0/auto 80%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock .top span {
    color: #474747;
    font-size: 14px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-amount {
    position: relative;
    color: #110b16;
    font-weight: 600;
    display: flex;
    align-items: end
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-amount span {
    font-size: 18px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .transferBtn.right-btn::after {
    background-image: url(../images/outcache/center-confirm.2f75.png)
}

.aL1bS_0tRydMKuV7g1lz .transferBtn {
    position: relative;
    right: 0;
    width: 73px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    z-index: 0
}

.aL1bS_0tRydMKuV7g1lz .transferBtn::before {
    position: absolute;
    content: "";
    width: 34px;
    height: 10px;
    background: rgba(146, 120, 231, .52);
    filter: blur(8.5px);
    left: calc(50% - 17px);
    top: 15px;
    z-index: -1
}

.aL1bS_0tRydMKuV7g1lz .transferBtn::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 73px;
    height: 25px;
    line-height: 25px;
    background-image: url(../images/outcache/confirm-outsize.815b.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 100% auto;
    border-radius: 20px;
    z-index: -1
}

.aL1bS_0tRydMKuV7g1lz .refreshBtn {
    display: inline-block;
    margin-left: 5px;
    min-width: 14px;
    height: 16px;
    background: url(../svg/ic-refresh.5cdd.svg) no-repeat 50%/100% 100%;
    cursor: pointer;
    vertical-align: sub
}

.aL1bS_0tRydMKuV7g1lz .refreshBtn.active {
    animation: rotate-infinite 1s linear infinite
}

@-webkit-keyframes rotate-infinite {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate-infinite {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.aL1bS_0tRydMKuV7g1lz {
    height: 100%;
    border-radius: 24px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box
}

.aL1bS_0tRydMKuV7g1lz .header {
    width: calc(100% + 38px);
    margin-left: -22px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding-left: 6px
}

.aL1bS_0tRydMKuV7g1lz .header .left-title .title {
    background: url(../images/outcache/pic-recharge.c9a8.png) no-repeat 14px center;
    background-size: auto 42%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center {
    padding: 0;
    margin: 50px 0 20px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title {
    color: #42403d
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch {
    color: #a1a1a1
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch .ant-switch-checked {
    background: #0d5ada
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main {
    position: relative
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet {
    width: 100%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    padding-left: 30px;
    border-radius: 12px;
    box-sizing: border-box;
    margin-right: 20px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), inset 3px 4px 10px 0 rgba(255, 255, 255, .7);
    background: linear-gradient(179deg, #fff, #eaf2ff)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top {
    background: url(../images/outcache/wallet-icon.f5f3.png) no-repeat 0/auto 80%;
    background-size: 17px 17px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center:after {
    display: none
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    border-radius: 15px;
    padding-left: 30px;
    box-sizing: border-box;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), inset 3px 4px 10px 0 rgba(255, 255, 255, .7);
    background: linear-gradient(179deg, #fff, #eaf2ff)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock .top {
    background: url(../images/outcache/wallet-icon.f5f3.png) no-repeat 0/auto 80%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-amount {
    color: #303033 !important;
    align-items: baseline
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-amount>span {
    font-size: 20px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .right-btn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    position: absolute;
    top: -38px;
    right: 96px;
    width: 79px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    color: #fff;
    box-sizing: border-box
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .right-btn::after {
    display: none
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .right-btn::before {
    display: none
}

.aL1bS_0tRydMKuV7g1lz .transferBtn {
    background: url(../svg/transfer-btn.5514.svg) no-repeat 0/auto;
    position: absolute;
    top: 0;
    right: -9px;
    width: 94px;
    height: 28px !important;
    line-height: 27px !important
}

.aL1bS_0tRydMKuV7g1lz .transferBtn::after,
.aL1bS_0tRydMKuV7g1lz .transferBtn::before {
    display: none
}

.aL1bS_0tRydMKuV7g1lz .grid .transferCard div.card-name ul {
    font-size: 18px;
    display: flex;
    align-items: center
}

.FVkAgg76CnHbST5icuqP .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px
}

.FVkAgg76CnHbST5icuqP .grid .transferCard {
    position: relative;
    background: #fff;
    height: 88px;
    padding: 17px 20px 20px;
    border-radius: 4px;
    box-sizing: border-box;
    transition: all .3s;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.FVkAgg76CnHbST5icuqP .grid .transferCard img {
    height: 55px;
    margin-right: 6px;
    border-radius: 50%;
    padding: 12px;
    box-sizing: border-box;
    background-color: #f6f6f6
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name {
    color: rgba(47, 39, 71, .5);
    font-size: 14px;
    flex: auto
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name ul {
    color: #2f2747;
    font-size: 14px;
    font-weight: 700;
    margin-top: 5px
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name .red-tips {
    width: 90%;
    color: #ff2e00;
    font-size: 12px;
    font-weight: 400
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active {
    background: url(../images/precache/channel-bg-hover.82d8.02bf.png) no-repeat 50%/100% 100%;
    transform: scaleY(1.1)
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover .card-icon,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-icon {
    transform: scaleY(0.9)
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card.active {
    background: url(../images/precache/channel-bg.4f3a.png) no-repeat 50%/100% 100%
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-name {
    color: #fff
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-name p {
    color: #fff
}

.FVkAgg76CnHbST5icuqP .amount-input {
    width: 100%;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: 1;
    background: #fff;
    padding: 8px 20px 10px;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
    display: flex
}

.FVkAgg76CnHbST5icuqP .amount-input .inputLeft {
    margin-right: 5px;
    color: #2f2747;
    height: 34px;
    line-height: 34px;
    text-wrap: nowrap
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox {
    flex: 1
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox {
    display: flex;
    margin-top: 10px
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox div {
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: .35em;
    font-size: 14px;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 0 0 #a188e9, 0 1px 0 #a188e9, 0 -1px 0 #a188e9, -1px 0 0 #a188e9
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .cancel {
    line-height: 29px;
    margin-right: 20px;
    border: 2px solid #ca9be6
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .confirm {
    background-image: url(../images/outcache/confirm.160e.png);
    background-size: 100% 100%
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .confirm.disable {
    opacity: .6;
    cursor: default
}

.FVkAgg76CnHbST5icuqP .transfer-input {
    position: relative;
    display: flex;
    margin-top: 30px;
    color: #504871;
    top: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0)
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox {
    width: 380px;
    flex: none
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox .btnBox div {
    height: 37px;
    line-height: 37px
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox .btnBox .cancel {
    line-height: 34px
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox .input:hover,
.FVkAgg76CnHbST5icuqP .transfer-input .inputBox .input:focus {
    border-color: rgba(160, 149, 198, .6);
    background: #fff
}

.FVkAgg76CnHbST5icuqP .grid {
    grid-gap: 15px 30px
}

.FVkAgg76CnHbST5icuqP .grid .transferCard {
    position: relative;
    border-radius: 12px;
    height: 100px;
    box-sizing: border-box;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2), inset 3px 4px 10px 0 rgba(255, 255, 255, .7);
    background: linear-gradient(179deg, #fff, #eaf2ff)
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name {
    color: #42403d
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name p {
    color: #628bc4
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active {
    background-image: none;
    transform: scaleY(1)
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover .card-name,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-name {
    color: #000
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover .card-name p,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-name p {
    color: #628bc4
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox {
    width: 80%
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox {
    margin-top: 20px
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox>div {
    text-shadow: none
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .confirm {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .cancel {
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07);
    color: #b0b0b0;
    border: none
}

.FVkAgg76CnHbST5icuqP .transfer-input {
    background: rgba(0, 0, 0, 0)
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox {
    width: 380px
}

.FVkAgg76CnHbST5icuqP .transfer-input .inputBox .btnBox .cancel {
    line-height: 35px
}

.O9YNRSuzJ8A8jXA8NrQG {
    padding-left: 18px
}

.O9YNRSuzJ8A8jXA8NrQG .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .item {
    margin-bottom: 20px
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .item:last-child {
    display: flex
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .value {
    margin-right: 8px
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar select {
    height: 32px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .query {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ca9be6;
    margin-left: 15px
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap {
    display: inline-block;
    align-items: center;
    padding: 38px 15px;
    width: 23%;
    height: 70px;
    background-image: linear-gradient(316deg, #f5f8ff, #eef0fd);
    box-shadow: 2px 2px 6px 0 rgba(255, 255, 255, .16);
    border-radius: 2px;
    border: 6px solid #f9faff;
    margin: 0 20px 18px;
    text-align: center;
    vertical-align: top
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap>div {
    display: inline-block;
    vertical-align: middle;
    color: #211627;
    font-size: 26px;
    text-align: center
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap>div.win {
    color: red
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap>div.lose {
    color: green
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap>div img {
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.O9YNRSuzJ8A8jXA8NrQG .content-box-wrap>div:last-of-type {
    display: block
}

.O9YNRSuzJ8A8jXA8NrQG {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.O9YNRSuzJ8A8jXA8NrQG .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    background: #fff
}

.O9YNRSuzJ8A8jXA8NrQG .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: #42403d;
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.O9YNRSuzJ8A8jXA8NrQG .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 20px;
    background: #fff;
    flex: 1
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover {
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .4), 0 0 20px 0 #dff0ff;
    font-size: 13px;
    border-radius: 12px
}

.O9YNRSuzJ8A8jXA8NrQG {
    padding-left: 0
}

.O9YNRSuzJ8A8jXA8NrQG .level-info {
    display: flex;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    font-size: 14px
}

.O9YNRSuzJ8A8jXA8NrQG .level-info .level span {
    color: #cf5e57;
    cursor: pointer
}

.O9YNRSuzJ8A8jXA8NrQG .level-info .fr {
    display: flex
}

.O9YNRSuzJ8A8jXA8NrQG .level-info .fr .eprofitloss {
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    height: 29px;
    line-height: 29px;
    z-index: 9;
    margin-right: 20px !important;
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.O9YNRSuzJ8A8jXA8NrQG .item span.username {
    display: inline-block;
    background: #fff;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px;
    margin-left: 5px
}

.O9YNRSuzJ8A8jXA8NrQG .item span.username input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:nth-child(odd) {
    background-color: #fcfcfc
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td.win {
    color: red
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td.lose {
    color: green
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold;
    cursor: pointer
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 46px;
    position: sticky;
    top: 0
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    color: #fff
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .item .query {
    border: none;
    border-radius: 2px
}

.O9YNRSuzJ8A8jXA8NrQG .bottip {
    color: #8994ab;
    margin: 20px
}

.popbox {
    padding: 25px 20px 10px !important
}

.popbox>div {
    height: 450px;
    overflow-y: auto
}

.popbox>div .feelist {
    width: 100%
}

.popbox>div .feelist th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 13px
}

.popbox>div .feelist td {
    height: 60px;
    line-height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.popbox>div .feelist tr:first-child {
    position: sticky;
    top: 0
}

.popbox>div .feelist tr:nth-child(odd) {
    background-color: #f1f6ff
}

.popbox>div .feelist tr:nth-child(2n) {
    background-color: #fff
}

.level-info {
    display: flex;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    font-size: 14px
}

.level-info .level span {
    color: #cf5e57;
    cursor: pointer
}

.level-info .fr {
    display: flex
}

.level-info .fr .eprofitloss {
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    width: 100px;
    text-align: center;
    height: 29px;
    line-height: 29px;
    z-index: 9;
    margin-right: 20px !important;
    color: #fff;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.table-cover table.data tr:nth-child(odd) {
    background-color: #fcfcfc
}

.table-cover table.data td {
    height: 50px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.table-cover table.data td.win {
    color: red
}

.table-cover table.data td.lose {
    color: green
}

.table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold
}

.table-cover table.data tr:first-child {
    background: #fcf9f7;
    height: 46px;
    position: sticky;
    top: 0
}

.table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #6a7391;
    text-align: center;
    font-size: 13px
}

.GRZmCUvXss63Rm41Xtod {
    padding-left: 18px;
    padding-top: 20px
}

.GRZmCUvXss63Rm41Xtod .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.GRZmCUvXss63Rm41Xtod .explain {
    padding: 10px 10px 10px 0
}

.GRZmCUvXss63Rm41Xtod .report-search-bar {
    display: flex;
    margin-top: 10px
}

.GRZmCUvXss63Rm41Xtod .report-search-bar .value {
    margin-right: 8px
}

.GRZmCUvXss63Rm41Xtod .report-search-bar select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.GRZmCUvXss63Rm41Xtod .report-search-bar .query {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    margin-left: 15px
}

.GRZmCUvXss63Rm41Xtod .table-cover {
    height: 420px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:first-child {
    position: sticky;
    top: 0
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data td.win {
    color: red
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data td.lose {
    color: green
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 46px
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 13px
}

.detailRow {
    display: flex;
    align-items: center;
    width: 856px;
    margin-bottom: 10px
}

.detailRow>div {
    width: 50%;
    display: flex;
    justify-content: flex-start
}

.betContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.betContent h3 {
    margin-bottom: 15px
}

.betContent .betContentWrap {
    width: 100%;
    text-align: left
}

.betContent .betContentWrap div {
    margin-bottom: 10px
}

.bet-record-detail-box {
    padding: 20px
}

.bet-record-detail-box header {
    height: 35px
}

.bet-record-detail-box header span.title {
    font-size: 25px;
    color: #0d5ada
}

.bet-record-detail-box header span.issue,
.bet-record-detail-box header span.account {
    color: #000;
    margin-left: 50px;
    font-size: 14px
}

.bet-record-detail-box header button.goback,
.bet-record-detail-box header button.cancel {
    width: 90px;
    height: 31px;
    line-height: 30px;
    margin-left: 20px;
    font-size: 16px;
    float: right;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff;
    border-radius: 5px
}

.bet-record-detail-box header button.cancel {
    background: linear-gradient(273deg, #9179e7 -1.36%, #ca9be6 83.3%);
    color: #fff
}

.bet-record-detail-box table {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    border: #edebf5 solid 0px;
    background: #f7f9fc
}

.bet-record-detail-box table td {
    text-align: left;
    font-size: 14px;
    padding: 10px;
    border: #edebf5 solid 1px
}

.bet-record-detail-box table td span {
    color: #000
}

.bet-record-detail-box table td span.money {
    font-size: 22px;
    color: #0d5ada
}

.bet-record-detail-box table td span.codes {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
    width: 280px;
    word-wrap: break-word
}

.bet-record-detail-box table.summary {
    border: 0;
    background: #fff
}

.bet-record-detail-box table.summary td {
    border: 0
}

.bet-record-detail-box table.summary td div.codes {
    position: relative;
    border: 1px solid #edebf5;
    color: #000;
    border-radius: 6px;
    font-size: 16px;
    letter-spacing: .5px;
    word-break: break-all;
    white-space: normal;
    padding: 10px 0 10px 15px;
    margin: 0 auto;
    text-align: left;
    line-height: 30px;
    word-wrap: break-word;
    background-color: #f7f9fc
}

.bet-record-detail-box table.summary td div.codes i {
    position: absolute;
    top: -12px;
    left: 35px;
    width: 15px;
    height: 12px;
    display: inline-block
}

.bet-record-detail-box table.summary td.right {
    text-align: right
}

.bet-record-detail-box table.summary td.right span {
    margin-left: 10px
}

.Particulars_ty {
    margin: 0 0 10px 5%;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none
}

.Particulars_ty::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px
}

.Particulars_ty::-webkit-scrollbar-track {
    background-color: #d9e2ec;
    border-radius: 10px
}

.Particulars_ty::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 10px;
    background: #999
}

.Particulars_ty .Particulars_ty_in .in_list {
    font-size: 16px;
    display: inline-block;
    margin: 10px 0
}

.Particulars_ty .Particulars_ty_in .in_list:nth-of-type(odd) {
    width: 60%
}

.Particulars_ty .Particulars_ty_in .in_list:nth-of-type(even) {
    width: 40%
}

.Particulars_ty .Particulars_ty_in .in_list.in_i {
    width: 100%
}

.Particulars_ty .Particulars_ty_in .in_list .ty_in_title {
    width: 80px;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
    text-justify: inter-ideograph
}

.Particulars_ty .Particulars_ty_title {
    max-height: 240px;
    text-align: -webkit-center
}

.Particulars_ty .Particulars_ty_title h3 {
    font-size: 18px;
    margin: 10px 0 20px;
    text-align: left
}

.Particulars_ty .Particulars_ty_title .list_ty h4 {
    font-size: 16px;
    margin: 10px 0 20px;
    text-align: left
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty {
    border-bottom: 1px dashed
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty:last-of-type {
    border-bottom: none
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty .list_ty {
    width: 100%
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty div {
    font-size: 16px;
    display: inline-block;
    margin: 10px 0;
    text-align: left
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty div:nth-of-type(odd) {
    width: 60%
}

.Particulars_ty .Particulars_ty_title .list_ty .list_in_ty div:nth-of-type(even) {
    width: 40%
}

.Particulars_ty .Particulars_ty_title .nodata_ty {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 100px;
    height: 100px
}

.Particulars_ty .Particulars_ty_title .ty_title {
    text-align: center;
    font-size: 14px;
    margin: 20px 0
}

.Particulars_ty .Particulars_ty_title .ty_button {
    color: #fff;
    background: linear-gradient(90deg, #7c9ff8 0%, #4185f7 100%);
    text-align: center;
    width: 300px;
    padding: 10px 0;
    margin: 20px;
    border-radius: 6px;
    cursor: pointer
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:first-child {
    background: #fcf9f7
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data th {
    color: #6a7391
}

.FIl51VoUTuQY2Ghmswzp {
    padding-left: 18px
}

.FIl51VoUTuQY2Ghmswzp .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.FIl51VoUTuQY2Ghmswzp .tab-box {
    margin: 0 0 10px 30px
}

.FIl51VoUTuQY2Ghmswzp .tab-box .tab-item {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #59517a;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

.FIl51VoUTuQY2Ghmswzp .tab-box .tab-item.active {
    background: linear-gradient(90deg, #9179e7, #ca9be6);
    color: #fff
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar {
    display: flex
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar .value {
    margin-right: 8px
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar .query {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ca9be6;
    margin-left: 15px;
    border-radius: 3px
}

.FIl51VoUTuQY2Ghmswzp .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:hover {
    background-color: #ccc
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data td.win {
    color: red
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data td.lose {
    color: green
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 46px
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 13px
}

.FIl51VoUTuQY2Ghmswzp {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.FIl51VoUTuQY2Ghmswzp .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    background: #fff
}

.FIl51VoUTuQY2Ghmswzp .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.FIl51VoUTuQY2Ghmswzp .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: #42403d;
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.FIl51VoUTuQY2Ghmswzp .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 20px;
    background: #fff;
    flex: 1
}

.FIl51VoUTuQY2Ghmswzp .table-cover {
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .4), 0 0 20px 0 #dff0ff;
    font-size: 13px;
    border-radius: 12px
}

.FIl51VoUTuQY2Ghmswzp {
    padding-left: 0
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar .query {
    border: none;
    border-radius: 2px
}

.duPuMKwEuyclZoxSxgXr .title-wrap {
    font-size: 20px;
    font-stretch: normal;
    font-weight: 700;
    letter-spacing: 0;
    color: #211627
}

.duPuMKwEuyclZoxSxgXr .title-wrap span {
    font-size: 12px;
    cursor: pointer;
    margin-left: 10px;
    color: #3d73fe;
    text-decoration: underline
}

.duPuMKwEuyclZoxSxgXr .report-header {
    padding: 0 10px 20px
}

.duPuMKwEuyclZoxSxgXr .report-header .search {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date {
    line-height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r {
    display: inline-block
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r button {
    color: #333;
    display: block;
    height: 30px;
    background-color: #d5d5d7;
    padding: 0 20px;
    float: left;
    margin-left: 15px;
    line-height: 27px;
    cursor: pointer;
    border-radius: 3px;
    box-sizing: border-box;
    border: none;
    height: 40px;
    line-height: 40px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r button.active {
    background: linear-gradient(90deg, #7c9ff8, #4185f7);
    color: #fff
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .date-limit {
    border: 1px solid #d5e3fa;
    padding: 0 10px;
    border-radius: 3px
}

.duPuMKwEuyclZoxSxgXr .table-line {
    width: 100%;
    height: 35px;
    line-height: 35px
}

.duPuMKwEuyclZoxSxgXr .table-line:nth-child(2n) {
    background-color: #f2f2ff
}

.duPuMKwEuyclZoxSxgXr .table-line .title,
.duPuMKwEuyclZoxSxgXr .table-line .content {
    font-size: 16px;
    display: inline-block;
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.title {
    color: #6a6a6a;
    font-size: 14px;
    margin-bottom: 8px
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.title span {
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.content {
    margin-bottom: 5px
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.content span.color-blue {
    width: 80px;
    color: #4185f7;
    text-align: right;
    display: inline-block;
    margin-right: 5px
}

.duPuMKwEuyclZoxSxgXr .yj_qmjl_memo {
    padding: 10px 0 10px 10px;
    font-size: 13px
}

.table table {
    background: #fff;
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    border-radius: 12px
}

.table tr:first-child {
    background: #f0f4f8 !important
}

.table tr:nth-child(2n) {
    background-color: #fff
}

.table tr:nth-child(odd) {
    background-color: #eef4ff
}

.table tr:hover {
    background-color: #eef4ff
}

.table tr th {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 46px
}

.table tr th:first-child {
    border-radius: 12px 0 0 0
}

.table tr th:last-child {
    border-radius: 0 12px 0 0
}

.table td {
    text-align: center;
    line-height: 50px;
    color: #1e2638;
    padding: 0 5px;
    font-size: 12px
}

.duPuMKwEuyclZoxSxgXr {
    height: 850px;
    border-radius: 0px;
    background: tansparent;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding-left: 24px;
    margin-left: 0;
    box-shadow: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.duPuMKwEuyclZoxSxgXr .title-wrap {
    box-sizing: border-box;
    font-size: 24px;
    margin-bottom: 16px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 50px;
    margin-top: 20px;
    color: #211627
}

.duPuMKwEuyclZoxSxgXr .commission-wrap,
.duPuMKwEuyclZoxSxgXr .agent-wrap {
    border-radius: 24px;
    background: #fff;
    padding-left: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294)
}

.duPuMKwEuyclZoxSxgXr .title-wrap {
    margin-top: 0
}

.duPuMKwEuyclZoxSxgXr .title-wrap span {
    color: #3d73fe
}

.duPuMKwEuyclZoxSxgXr .report-header {
    padding: 0 10px 20px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date {
    line-height: 34px;
    height: 34px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r {
    margin-left: 15px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .date-limit {
    width: 180px;
    border: 1px solid #f0f0f0;
    padding: 0 10px;
    border-radius: 3px
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.content span.color-blue {
    color: #3d73fe
}

.q3BiZBMwxzbkVwPup5sK {
    width: 100%
}

.q3BiZBMwxzbkVwPup5sK .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.q3BiZBMwxzbkVwPup5sK .content-box {
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 30px
}

.q3BiZBMwxzbkVwPup5sK .content-box .antd-calendar-picker {
    height: 40px;
    line-height: 40px;
    width: 450px;
    display: inline-block;
    background: #fafaff;
    border: 1px solid rgba(160, 149, 198, .2);
    margin-left: 10px;
    border-radius: 4px;
    margin-right: 15px
}

.q3BiZBMwxzbkVwPup5sK .content-box .changeBtn {
    min-width: 110px;
    height: 40px;
    line-height: 40px;
    border: none;
    background: none;
    background-image: url(../images/outcache/edit.160e.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    letter-spacing: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.q3BiZBMwxzbkVwPup5sK .content-box>div:first-child {
    width: 58px;
    font-size: 14px;
    color: #211627
}

.q3BiZBMwxzbkVwPup5sK .content-box>div.inputBox {
    position: relative;
    width: 450px;
    height: 40px;
    line-height: 36px;
    padding-left: 15px;
    background: #fafaff;
    border: 1px solid rgba(160, 149, 198, .2);
    margin-left: 10px;
    border-radius: 4px;
    color: #8871f5;
    box-sizing: border-box;
    margin-right: 15px
}

.q3BiZBMwxzbkVwPup5sK .content-box>div.inputBox .icon {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 15px;
    top: 13px
}

.q3BiZBMwxzbkVwPup5sK {
    height: 850px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding-left: 24px;
    margin-left: 0
}

.q3BiZBMwxzbkVwPup5sK .title-wrap {
    box-sizing: border-box;
    font-size: 24px;
    margin-bottom: 16px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 50px;
    margin-top: 20px;
    color: #211627
}

.q3BiZBMwxzbkVwPup5sK .content-box .changeBtn {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    border-radius: 5px
}

.QH1V5VPdz2TRkHwXAX36 .alert {
    text-align: left;
    padding-left: 15px
}

.nxEkRjWgZOLpxaCcdD5e {
    padding-left: 18px
}

.nxEkRjWgZOLpxaCcdD5e .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar {
    display: flex
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box input {
    border: 0;
    padding-left: 10px;
    background: #fff;
    color: #000;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box span {
    display: inline-block;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box span.queryname {
    background: #fff;
    border: 1px solid #ddd
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar button {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.nxEkRjWgZOLpxaCcdD5e .level {
    color: #973781
}

.nxEkRjWgZOLpxaCcdD5e .level .strong {
    font-weight: bold
}

.nxEkRjWgZOLpxaCcdD5e .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:hover {
    background-color: #f6f6f6
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:first-child {
    position: sticky;
    top: 0
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td.win {
    color: red
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td.lose {
    color: green
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:first-child {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    height: 46px
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 13px
}

.promotion-link-box .linkitem {
    margin-top: 10px;
    display: flex;
    align-items: center
}

.promotion-link-box .linkitem:first-child {
    margin-top: 0
}

.promotion-link-box .linkitem:nth-of-type(4) {
    margin-top: 25px
}

.promotion-link-box .linkitem .label {
    width: 20%;
    margin-right: 10px;
    font-size: 15px;
    text-align: right;
    color: #888
}

.promotion-link-box .linkitem .value {
    width: 65%;
    position: relative;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center
}

.promotion-link-box .linkitem .value .correct {
    color: #19ac68
}

.promotion-link-box .linkitem .value .error {
    color: #c00
}

.promotion-link-box .linkitem .value select {
    border: 1px solid #d6cff4;
    padding: 4px 9px 4px 5px;
    width: 63% !important;
    color: #999 !important;
    font-size: 16px !important;
    border-radius: 2px;
    height: 40px;
    background: #faf9f9;
    box-shadow: inset 0 4px 11px 0 rgba(36, 93, 159, .11);
    margin-right: 5px;
    outline: none;
}

.promotion-link-box .linkitem .value input {
    width: 235px;
    height: 27px;
    vertical-align: middle;
    border: 1px solid #d6cff4;
    font-size: 14px;
    padding: 0 5px;
    color: #666;
    border-radius: 3px;
    background: #faf9f9
}

.promotion-link-box .linkitem .value span {
    font-size: 12px;
    position: absolute;
    bottom: -20px
}

.promotion-link-box .submit {
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 15px auto 0 auto;
    border-radius: 4px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
}

.promotion-link-box .line {
    background: #e9e6f0;
    height: 1px;
    margin: 20px 0
}

.promotion-link-box .links {
    color: #1e2638;
    font-size: 14px
}

.promotion-link-box .links .each-item {
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.promotion-link-box .links .each-item select {
    height: 35px;
    border: .5px solid #99caed;
    color: #1e2638 !important;
    margin: 0 10px;
    border-radius: 5px;
    padding: 0 5px;
    outline: none;
}

.promotion-link-box .links .each-item .copy {
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    cursor: pointer;
}

.promotion-link-box .actions {
    padding-top: 10px;
    display: flex;
    justify-content: center
}

.promotion-link-box .actions .submit {
    margin: 0 !important
}

.promotion-link-box .actions .submit.reset {
    background: #fff;
    color: #b0b0b0;
    margin-right: 40px !important;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07)
}

.transfer-member-box {
    padding: 25px 20px 10px
}

.transfer-member-box input[type=number] {
    -moz-appearance: textfield
}

.transfer-member-box input[type=number]::-webkit-inner-spin-button,
.transfer-member-box input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.transfer-member-box .item {
    line-height: 35px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    position: relative
}

.transfer-member-box .item .label {
    width: 20%;
    margin-right: 10px;
    font-size: 15px;
    text-align: right;
    color: #888
}

.transfer-member-box .item .ordertype-title {
    color: #d9001b
}

.transfer-member-box .item .value {
    width: 63%;
    font-size: 14px;
    color: #333
}

.transfer-member-box .item .value.money {
    font-size: 20px !important;
    color: #fc7c23 !important
}

.transfer-member-box .item .value.ordertype-value {
    color: #d9001b
}

.transfer-member-box .item .value .ordertype-select {
    width: 235px;
    border-color: #d6cff4;
    height: 100%;
    border-radius: 3px
}

.transfer-member-box .item .value input {
    width: 235px;
    height: 100%;
    vertical-align: middle;
    border: 1px solid #d6cff4;
    font-size: 14px;
    padding: 0 5px;
    color: #666;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #faf9f9;
    box-sizing: border-box
}

.transfer-member-box .actions {
    padding-top: 10px;
    display: flex;
    justify-content: center
}

.transfer-member-box .actions .submit {
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 4px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border: none;
    outline: none
}

.transfer-member-box .actions .submit.reset {
    background: #fff;
    color: #b0b0b0;
    margin-right: 40px !important;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07)
}

.nxEkRjWgZOLpxaCcdD5e {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.nxEkRjWgZOLpxaCcdD5e .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    background: #fff
}

.nxEkRjWgZOLpxaCcdD5e .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.nxEkRjWgZOLpxaCcdD5e .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: #42403d;
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.nxEkRjWgZOLpxaCcdD5e .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 20px;
    background: #fff;
    flex: 1
}

.nxEkRjWgZOLpxaCcdD5e .table-cover {
    box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, .4), 0 0 20px 0 #dff0ff;
    font-size: 13px;
    border-radius: 12px
}

.nxEkRjWgZOLpxaCcdD5e {
    padding-left: 0
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box span.queryname {
    display: flex;
    align-items: center
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box input {
    padding-left: 5px
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar button {
    width: 112px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-around;
    padding: 0 12px;
    align-items: center;
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.nxEkRjWgZOLpxaCcdD5e .level {
    color: #868181
}

.nxEkRjWgZOLpxaCcdD5e .level .strong {
    color: #ff7373;
    font-weight: bold
}

.promotion-link-box {
    padding-top: 20px
}

.promotion-link-box .actions {
    padding-bottom: 10px
}

.promotion-link-box .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.promotion-link-box .links .each-item .copy {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.transfer-member-box .actions .submit {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.Y5_wuJUmcgD4uCRWDVmh {
    margin-left: 20px;
    z-index: 1;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    position: relative;
    display: flex;
    flex-direction: column
}

.Y5_wuJUmcgD4uCRWDVmh .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn {
    padding-top: 35px;
    line-height: 20px;
    border-top: 1px solid #f5f5f5;
    margin-top: 15px
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li {
    width: 30%;
    height: 90px;
    background: #fff;
    margin: 0 46px 22px 0;
    float: left;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li:nth-child(3n) {
    margin-right: 0
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .icon_i {
    margin: 22px 0 0 15px;
    display: inline-block;
    vertical-align: top;
    width: 48px;
    height: 48px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p {
    display: inline-block;
    padding: 22px 15px 0;
    width: 65%
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p em {
    display: inline-block;
    width: 50px;
    background-image: linear-gradient(89deg, #ff2a00 3%, #f60 93%);
    border-radius: 4px;
    text-align: center;
    margin-left: 8px;
    color: #fff
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p span:first-of-type {
    color: #110d0b;
    float: none !important;
    font-weight: 600
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p span:last-of-type {
    float: right;
    color: #3487f7;
    cursor: pointer
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p .hint {
    margin-top: 5px;
    color: #6a6a6a
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .login-password {
    background: url(../svg/password.1681.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-card {
    background: url(../svg/bankcard.bfc3.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .mobile-phone {
    background: url(../svg/phone.e80e.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .email {
    background: url(../svg/email.c413.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .station-letter {
    background: url(../svg/message.60de.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .notice {
    background: url(../svg/notice.4118.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .google-code {
    background: url(../svg/google.5d05.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-alipay {
    background: url(../svg/alipay.9bcf.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-wechat {
    background: url(../svg/wechat.b0e5.svg)
}

.Y5_wuJUmcgD4uCRWDVmh {
    height: 850px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding-left: 24px;
    margin-left: 0
}

.Y5_wuJUmcgD4uCRWDVmh .title-wrap {
    box-sizing: border-box;
    font-size: 24px;
    margin-bottom: 16px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 50px;
    margin-top: 20px;
    color: #211627
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn {
    padding-top: 0;
    line-height: 20px;
    border-top: none;
    margin-top: 0
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li {
    width: 30.5%;
    height: 80px;
    margin: 0 30px 16px 0;
    float: left;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 147.89%);
    position: relative;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2);
    display: flex;
    align-items: center
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .icon_i {
    width: 44px;
    height: 44px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 11px
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p {
    padding: 0
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p .hint {
    color: #868181
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p span:last-of-type {
    font-size: 14px;
    color: #42403d;
    cursor: pointer
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .icon_right {
    cursor: pointer;
    position: absolute;
    right: -4px;
    top: -3px;
    width: 97px;
    height: 37px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-image: url(../svg/ic-left.5514.svg);
    background-size: 100%;
    background-repeat: no-repeat
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .login-password {
    background-image: url(../svg/password.d1d6.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-card {
    background-image: url(../svg/bankcard.ea55.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-usdt {
    background-image: url(../svg/usdt.a76d.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-ebpay {
    background-image: url(../svg/ebpay.2abd.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-topay {
    background-image: url(../svg/topay.5b57.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-cnyt {
    background-image: url(../svg/cnyt.f0f6.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-okpay {
    background-image: url(../svg/okpay.5140.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-gopay {
    background-image: url(../svg/gopay.b009.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-alipay {
    background-image: url(../svg/zfb.cd28.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-wechat {
    background-image: url(../svg/wx.2e8e.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-secpass {
    background-image: url(../images/outcache/secpass.4bee.png)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-openSecQA {
    background-image: url(../images/outcache/openSecQA.fec7.png)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .station-letter {
    background-image: url(../svg/letter.b467.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .notice {
    background-image: url(../images/outcache/notice.a1c5.png)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .google {
    background-image: url(../svg/google.b24e.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .mobile-phone {
    background-image: url(../svg/phone.89a6.svg)
}

.b5SewgJielLh5tNV6DLN h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.b5SewgJielLh5tNV6DLN .set-googlePW {
    padding: 10px 40px 15px;
    font-size: 15px;
    color: #666
}

.b5SewgJielLh5tNV6DLN div.p {
    font-size: 15px;
    line-height: 20px;
    color: #666;
    margin-bottom: 10px
}

.b5SewgJielLh5tNV6DLN div.p em {
    color: #f36
}

.b5SewgJielLh5tNV6DLN div.p .qrcode {
    margin-left: 50px
}

.b5SewgJielLh5tNV6DLN div.p>div.image-wrapper {
    text-align: center;
    display: inline-block;
    margin: 0 50px;
    font-weight: bold;
    color: #000
}

.b5SewgJielLh5tNV6DLN div.p>div.image-wrapper>div {
    margin: 10px 0
}

.b5SewgJielLh5tNV6DLN div.p input {
    width: 260px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px
}

.b5SewgJielLh5tNV6DLN div.actions {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.b5SewgJielLh5tNV6DLN div.actions>button {
    margin: 0 15px;
    width: 160px;
    height: 34px;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    font-size: 18px;
    color: #fff
}

.b5SewgJielLh5tNV6DLN div.actions>button:hover {
    filter: brightness(1.1)
}

.b5SewgJielLh5tNV6DLN .set-googlePW {
    padding: 10px 40px 15px 20px;
    font-size: 15px;
    color: #666
}

.XstUb_0F9sHkcUC5flKB {
    height: calc(100vh - 2.4rem);
    padding-top: 2.4rem
}

.XstUb_0F9sHkcUC5flKB .title {
    font-size: .86rem;
    color: #333;
    text-align: right
}

.XstUb_0F9sHkcUC5flKB select {
    padding: .19rem .24rem;
    border: 1px solid #999;
    border-radius: .14rem;
    background: #fff;
    color: #3b476a;
    width: 78%
}

.XstUb_0F9sHkcUC5flKB input {
    width: 100%;
    height: 1.44rem;
    color: #3b476a;
    border: 1px solid #999;
    border-radius: .19rem;
    padding: 0 .48rem;
    box-sizing: border-box;
    width: 78%
}

.XstUb_0F9sHkcUC5flKB button {
    width: 96.5%;
    height: 2.2rem;
    font-size: .92rem;
    color: #fff;
    border: 0;
    border-radius: .19rem;
    background: linear-gradient(0deg, #5a436c, #815b82 53%, #91658c);
    box-shadow: 0 .19rem .58rem #ededed;
    margin: 1rem auto
}

.AKFiecFXONJutUjad7gA input {
    width: 60%;
    height: 30px;
    padding-left: .29rem;
    border-radius: .24rem;
    border: 0;
    border: 1px solid rgba(140, 119, 177, .48);
    margin-bottom: .58rem
}

.jDsVfxFcYPYvQXQQXv9E {
    padding-top: 30px
}

.jDsVfxFcYPYvQXQQXv9E .no-setting {
    font-size: 13px;
    text-align: center;
    margin-top: 10px auto
}

.jDsVfxFcYPYvQXQQXv9E>.btns {
    display: flex;
    justify-content: flex-end;
    padding-right: 54px
}

.jDsVfxFcYPYvQXQQXv9E>.btns span {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    width: 120px
}

.jDsVfxFcYPYvQXQQXv9E>.btns span:hover {
    opacity: .8
}

.jDsVfxFcYPYvQXQQXv9E>.btns span:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.jDsVfxFcYPYvQXQQXv9E>.btns span:hover::before {
    width: 45px;
    left: 205px
}

.jDsVfxFcYPYvQXQQXv9E>.btns span::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.jDsVfxFcYPYvQXQQXv9E>.form-action {
    margin-top: 10px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action .item {
    justify-content: flex-start !important;
    padding-left: 140px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action .item.form-action-new {
    height: 50px;
    line-height: 50px;
    align-items: flex-start;
    position: relative
}

.jDsVfxFcYPYvQXQQXv9E>.form-action .item.form-action-new .text {
    line-height: 30px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action .item.form-action-new .values {
    align-items: flex-start
}

.jDsVfxFcYPYvQXQQXv9E>.form-action .item.form-action-new .titps {
    position: absolute;
    top: 15px;
    font-size: 12px;
    line-height: 58px;
    color: #cf5e53;
    display: block;
    font-style: normal
}

.jDsVfxFcYPYvQXQQXv9E>.form-action span.text {
    width: 20%
}

.jDsVfxFcYPYvQXQQXv9E select.text {
    width: 100% !important
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item:first-child {
    margin-top: 0
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item div.values {
    width: 300px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item div.values>input.text {
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #d6cff4;
    box-sizing: border-box
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.item div.values>select.text {
    min-width: 100px;
    padding: 4px 9px 4px 5px;
    border: 1px solid #d6cff4;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .yes {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    letter-spacing: 5px;
    margin: 0 10px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .yes::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .reset {
    min-width: 100px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    border-radius: 5px;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: #fff;
    border: 1px solid #0d5ada;
    color: #0d5ada
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

.jDsVfxFcYPYvQXQQXv9E>.form-action>.submit-box .reset::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar .action-btn {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    margin-left: 10px;
    border-radius: 4px;
    background: #0d5ada;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar .action-btn:hover {
    opacity: .8
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

.jDsVfxFcYPYvQXQQXv9E>.search-bar .action-btn::before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 25px;
    height: 50px;
    top: 0;
    left: -45px;
    opacity: .3;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.jDsVfxFcYPYvQXQQXv9E .item .text span {
    color: #ff7741;
    margin-right: 10px
}

.jDsVfxFcYPYvQXQQXv9E .item .menus-li {
    width: 235px;
    margin: 0 auto
}

.jDsVfxFcYPYvQXQQXv9E .item .menus-li li {
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    color: #303030;
    cursor: pointer;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin: 0 10px 20px
}

.jDsVfxFcYPYvQXQQXv9E .item .menus-li li.on {
    color: #fff;
    background: #3a3e5b;
    border: 0
}

.jDsVfxFcYPYvQXQQXv9E .values {
    display: flex;
    align-items: center;
    width: fit-content !important
}

.jDsVfxFcYPYvQXQQXv9E .values select,
.jDsVfxFcYPYvQXQQXv9E .values input {
    width: 240px !important
}

.jDsVfxFcYPYvQXQQXv9E .values span {
    color: #ff7741;
    margin-right: 10px
}

.jDsVfxFcYPYvQXQQXv9E .reset {
    background: #fff;
    color: #b0b0b0 !important;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07)
}

.gSpSnmfliJtA2EvYYUw1 {
    padding: 0;
    margin-top: 30px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal {
    padding-top: 0;
    overflow: hidden
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .subtitle {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    font-weight: 400px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item {
    width: 100%;
    padding: 0 50px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item.origin {
    margin-bottom: 15px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item label {
    width: 20%;
    height: 40px;
    text-align: right;
    margin-right: 10px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item input {
    box-sizing: border-box;
    width: 286px;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 8px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item input::placeholder {
    font-size: 14;
    color: #aba8b5
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .form-item p.err-msg {
    line-height: 18px;
    margin: 15px 0 15px 168px;
    color: red
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .actions {
    width: 100%;
    height: 76px;
    border-top: 1px solid #cecece;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    margin-top: 10px
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .actions span {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.gSpSnmfliJtA2EvYYUw1 form.horizontal .actions span.reset {
    background: #fff;
    color: #b0b0b0;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07)
}

.CWViA2LT_BoMiknvWLcS {
    padding-top: 20px
}

.CWViA2LT_BoMiknvWLcS h2 {
    margin: 0 auto;
    text-align: center
}

.CWViA2LT_BoMiknvWLcS form.horizontal {
    padding-top: 0;
    margin: 25px auto 0;
    overflow: hidden
}

.CWViA2LT_BoMiknvWLcS form.horizontal .subtitle {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    font-weight: 400px
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item {
    width: 100%;
    padding: 0 50px
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item.origin {
    margin-bottom: 15px
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item label {
    width: 20%;
    height: 40px;
    text-align: right;
    margin-right: 10px;
    margin-left: 66px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item input {
    box-sizing: border-box;
    width: 286px;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 8px
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item input::placeholder {
    font-size: 14;
    color: #aba8b5
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item p.err-msg {
    line-height: 18px;
    margin: 15px 0 15px 168px;
    color: red
}

.CWViA2LT_BoMiknvWLcS form.horizontal .form-item p.err-sec-msg {
    line-height: 18px;
    margin: 15px 0 15px 236px;
    color: red
}

.CWViA2LT_BoMiknvWLcS form.horizontal .actions {
    width: 100%;
    height: 76px;
    border-top: 1px solid #cecece;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    margin-top: 10px
}

.CWViA2LT_BoMiknvWLcS form.horizontal .actions span {
    background: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-left: 20px;
    font-size: 16px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.CWViA2LT_BoMiknvWLcS form.horizontal .actions span.reset {
    background: #fff;
    color: #b0b0b0;
    box-shadow: 0 2px 7px 0 rgba(7, 53, 107, .15), inset 0 -2px 9px 0 rgba(5, 28, 64, .07)
}

.o0E8NhrtsA_xVaIf1evm {
    background: url(../images/outcache/vipCenterBg.a466.jpg) no-repeat 50%/cover
}

.o0E8NhrtsA_xVaIf1evm .page-out-box {
    position: relative;
    min-height: 800px;
    z-index: 91;
    padding: 0;
    z-index: 1
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center {
    width: 1400px;
    min-height: 570px;
    margin: auto;
    padding-bottom: 90px;
    color: #210f44
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container {
    position: absolute;
    width: 32vw;
    right: 0;
    top: -70px;
    bottom: 0;
    z-index: 2
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 11%;
    left: -79px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .vipDetails {
    width: 158px;
    height: 36px;
    background: url(../images/outcache/vipDetailsBtn.0420.png) no-repeat 50%/cover;
    cursor: pointer
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .showDetail {
    background-image: url(../images/outcache/backLastBtn.b8d8.png)
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 342px;
    z-index: 9
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem {
    display: none;
    display: flex;
    position: relative;
    align-items: center;
    width: 30px;
    height: 30px;
    padding-left: 4px;
    box-sizing: border-box;
    cursor: pointer
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem .dot {
    display: inline-block;
    width: 11px;
    height: 8px;
    background-image: linear-gradient(321deg, #fefff8, #f0dfb9 29%, #e1c9a1 54%, #e2c094 84%, #e6c5b1);
    border-radius: 40px 0 0 40px;
    box-sizing: border-box
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem span {
    position: absolute;
    left: -38px;
    color: #210f44;
    font-size: 10px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem .levelBtn {
    display: none
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .current-level .levelBtn {
    display: block;
    position: absolute;
    left: -21px;
    width: 72px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
    background: linear-gradient(0deg, #efe2d7, #f3c345);
    border-radius: 20px;
    color: #33187f;
    font-size: 16px;
    z-index: 3
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .current-level span {
    display: none
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .active .levelBtn {
    display: block;
    position: absolute;
    left: -21px;
    width: 74px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0;
    background: #efe2d7;
    border: 1px solid #f3c345;
    border-radius: 20px;
    color: #596279;
    font-size: 12px;
    z-index: 3
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .active span {
    display: none
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep {
    position: absolute;
    bottom: 19px;
    top: 11px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep .levelProgress {
    width: 1px;
    height: 104%;
    background-image: linear-gradient(45deg, #dfba7e, #dfba7e);
    margin: 0 auto
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep .current_level {
    position: absolute;
    display: flex;
    width: 230px;
    top: 0;
    left: 1px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep .current_level span {
    margin-left: 40px;
    color: #210f44;
    font-size: 12px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner {
    position: relative;
    width: 48vw;
    min-width: 800px;
    max-width: 1040px;
    padding-top: 40px;
    padding-left: 100px;
    box-sizing: border-box
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner .title {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-left: 20px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner .title .vipCenterTitle {
    margin-bottom: 25px;
    font-size: 42px;
    color: #210f44
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner .notice {
    font-size: 17px;
    margin-left: 20px;
    margin-top: 30px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner .bottom_rule {
    width: 692px;
    margin: 20px
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .banner .bottom_rule p {
    line-height: 1.9
}

.o0E8NhrtsA_xVaIf1evm .page-out-box .a-flipinX {
    animation: flipinX 1s;
    -webkit-animation: flipinX 1s
}

@keyframes flipinX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    100% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@media screen and (max-width: 1400px) {
    .o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center {
        width: 1200px
    }

    .o0E8NhrtsA_xVaIf1evm .page-out-box .vip-center .LevelProgress_container {
        width: 20vw
    }
}

.snrGjx0UZuUvUM_8WLZh #rebateTable {
    background: rgba(255, 255, 255, .05);
    color: #596279
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table {
    width: 100%;
    border-collapse: collapse
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table * {
    margin: 0;
    padding: 0
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table th {
    font-size: 14px;
    line-height: 28px
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table th:first-child {
    text-align: left;
    padding: 0 24px
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table th>span {
    margin-top: -20px;
    display: block
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table .active {
    background-color: #f3c345
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table tbody tr th {
    font-size: 12px;
    line-height: 36px;
    padding: 0 24px;
    text-align: left;
    font-weight: 400
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table tbody tr td {
    text-align: center
}

.snrGjx0UZuUvUM_8WLZh #rebateTable table tbody tr .active {
    background-color: #efe2d7
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content {
    position: relative;
    width: 692px;
    height: 293px;
    background: url(../images/outcache/vip-content-bg.ca33.png) no-repeat 50%/100% 100%;
    padding-top: 60px;
    padding-left: 32px;
    box-sizing: border-box
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .condition-area {
    position: absolute;
    top: 12px;
    left: 14px;
    min-width: 242px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-image: linear-gradient(268deg, #18B0f6, #3257ee);
    border-radius: 25px 0 17px 0;
    color: #fff;
    font-size: 14px;
    padding: 0 20px
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .ic-star {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: -55px;
    right: 80px;
    width: 207px
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .ic-star img {
    width: 100%;
    height: 100%
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main {
    color: #00368a
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevel {
    display: flex;
    align-items: flex-end;
    height: 120px;
    font-size: 24px
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevel .v {
    font-size: 60px;
    font-weight: bold
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevel img {
    height: 100%
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevel span {
    margin-bottom: 20px
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevelDetails {
    margin-top: 50px
}

.Yfwa6RfxRF3CbwlI72sK .vip-center-content .vip-center-main .vipLevelDetails span {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px
}

.LFNabApQazU0zO5R1SYF {
    background: url(../images/outcache/bg.a78a.png) no-repeat 0;
    background-size: 100% 100%;
    height: auto
}

.LFNabApQazU0zO5R1SYF .sign_banner {
    height: 680px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: url(../images/outcache/banner_bg.521e.png) no-repeat 0;
    background-size: 100% 100%
}

.LFNabApQazU0zO5R1SYF .sign_banner img {
    height: auto;
    transition: all 1s linear
}

.LFNabApQazU0zO5R1SYF .sign_banner .img1 {
    max-width: 1200px;
    width: 100%;
    height: 429px;
    margin: 50px auto;
    margin-bottom: 15px;
    position: relative;
    z-index: 5
}

.LFNabApQazU0zO5R1SYF .sign_banner .img2 {
    position: absolute;
    top: 30%;
    z-index: 1000;
    left: 44%;
    width: 50px;
    transform: rotateY(180deg)
}

.LFNabApQazU0zO5R1SYF .sign_banner .img3 {
    position: absolute;
    width: 70px;
    top: 56%;
    left: 42%
}

.LFNabApQazU0zO5R1SYF .sign_banner .img4 {
    position: absolute;
    width: 150px;
    right: 12%;
    top: 358px;
    z-index: 1000
}

.LFNabApQazU0zO5R1SYF .sign_banner .img5 {
    width: 700px
}

.LFNabApQazU0zO5R1SYF .sign_main1 {
    background: url(../images/outcache/frame1.4d81.png) no-repeat 0;
    background-size: 100% 100%;
    max-width: 1200px;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto 30px;
    padding: 30px 0
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_title {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_title img {
    width: 292px;
    height: 62px
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont {
    margin: 0 30px;
    padding: 70px 40px 40px;
    border-radius: 30px;
    background: rgba(251, 250, 252, .3);
    border: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 640px
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_left>iframe {
    width: 700px;
    height: 394px;
    border-radius: 10px;
    border: 0
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_left .main1_left_p1 {
    font-size: 16px;
    color: #000;
    width: 700px;
    text-indent: 32px;
    line-height: 190%
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_right>li {
    border: 1px solid #fff;
    border-radius: 20px;
    background: rgba(251, 250, 252, .2);
    width: 340px;
    height: 200px
}

.LFNabApQazU0zO5R1SYF .sign_main1 .sign_main-cont .main1_right>li>img {
    width: 320px;
    height: 180px;
    margin: 10px
}

.LFNabApQazU0zO5R1SYF .sign_main2 {
    background: url(../images/outcache/frame2.8003.png) no-repeat 0;
    background-size: 100% 100%;
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 30px 0
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_title {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_title img {
    width: 292px;
    height: 62px
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 {
    margin: 0 30px;
    padding: 70px 40px 40px;
    border-radius: 30px;
    background: rgba(251, 250, 252, .3);
    border: 1px solid #fff
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_top {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_top>img {
    width: 700px;
    height: auto
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right>ul li {
    font-size: 15px;
    line-height: 1.9
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right>ul li:first-child {
    font-size: 17px;
    font-weight: 600
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_bottom {
    border-radius: 20px;
    background: #e2e0ef;
    padding: 40px 0
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_bottom .sign_main_cont2_bottom_cup {
    width: 765px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_bottom .sign_main_cont2_bottom_cup>li {
    height: 171px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative
}

.LFNabApQazU0zO5R1SYF .sign_main2 .sign_main_cont2 .sign_main_cont2_bottom .sign_main_cont2_bottom_cup>li img {
    height: 130px;
    width: auto
}

.Ny5La6n80q985aaASKMR {
    padding: 15px 10px;
    height: 54px;
    background: #f2f8f8;
    line-height: 54px;
    font-size: 14px;
    color: #7d8fb3
}

.Ny5La6n80q985aaASKMR .money-input {
    float: left
}

.Ny5La6n80q985aaASKMR .money-input span {
    padding: 0 5px;
    height: 22px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #e2e1e1;
    background: #d8e0f0;
    display: block;
    float: left;
    line-height: 22px;
    cursor: pointer
}

.Ny5La6n80q985aaASKMR .money-input span.l {
    border-right: none
}

.Ny5La6n80q985aaASKMR .money-input span.r {
    border-left: none
}

.Ny5La6n80q985aaASKMR .money-input label {
    margin-right: 8px;
    float: left
}

.Ny5La6n80q985aaASKMR .money-input input {
    width: 55px;
    height: 22px;
    background: #e6ebf5;
    color: #6791e6;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    border: 1px solid #d3dbeb;
    border-right: 0px;
    border-left: 0px;
    float: left;
    line-height: 20px;
    margin-top: 15px;
    margin-right: 10px
}

.Ny5La6n80q985aaASKMR .money-input .money-list {
    display: none;
    position: absolute;
    z-index: 100;
    left: 20px;
    top: 110px;
    color: #fff;
    width: 100px;
    background: linear-gradient(180deg, #3f3f4b, #4a495b);
    border-radius: 5px;
    padding: 16px 0;
    line-height: 35px
}

.Ny5La6n80q985aaASKMR .money-input .money-list div {
    width: 100px;
    text-align: center;
    font-size: 14px
}

.Ny5La6n80q985aaASKMR .money-input .money-list div:hover {
    background: #4c84f8
}

.Ny5La6n80q985aaASKMR .money-input .money-list::before {
    position: absolute;
    content: "";
    right: 40px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: #3f3f4c;
    border-radius: 2px;
    transform: rotate(45deg)
}

@keyframes zoom1_1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes zoom1_1 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.Ny5La6n80q985aaASKMR .chips-set {
    float: left;
    display: inline-block
}

.Ny5La6n80q985aaASKMR .chips-set div.chips {
    cursor: pointer;
    display: inline-block;
    float: left
}

.Ny5La6n80q985aaASKMR .chips-set span.chips {
    display: block;
    float: left;
    margin: 0 2px;
    width: 52px;
    height: 54px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 54px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: 5px
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c0 {
    background-image: url(../images/outcache/chips01.2e98.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c1 {
    background-image: url(../images/outcache/chips02.0491.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c2 {
    background-image: url(../images/outcache/chips03.c72c.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c3 {
    background-image: url(../images/outcache/chips04.e0cf.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c4 {
    background-image: url(../images/outcache/chips05.2fb8.png)
}

.Ny5La6n80q985aaASKMR .chips-set button {
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 10px;
    height: 26px;
    line-height: 26px;
    margin-top: 15px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(90deg, #dcdfe4 0%, #f4f7ff 100%);
    background-image: -webkit-linear-gradient(90deg, #dcdfe4 0%, #f4f7ff 100%);
    background-image: -ms-linear-gradient(90deg, #dcdfe4 0%, #f4f7ff 100%);
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    color: #7d8fb3;
    padding: 0 6px;
    border: 1px solid #c3cadc
}

.Ny5La6n80q985aaASKMR .chips-set button:hover {
    background-image: -moz-linear-gradient(90deg, #f4f7ff 0%, #dcdfe4 100%);
    background-image: -webkit-linear-gradient(90deg, #f4f7ff 0%, #dcdfe4 100%);
    background-image: -ms-linear-gradient(90deg, #f4f7ff 0%, #dcdfe4 100%)
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .cover {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: default;
    opacity: .6;
    filter: alpha(opacity=60);
    z-index: 979;
    position: fixed;
    background-color: #000
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content {
    border-radius: 5px;
    top: calc(50% - 200px);
    left: calc(50% - 150px);
    position: fixed;
    z-index: 980;
    background: #fff;
    width: 300px;
    height: 450px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header {
    height: 40px;
    padding: 0 20px;
    background: #3f9ff5;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header .layer-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6px;
    top: 6px;
    cursor: pointer;
    text-indent: -9999999;
    background: url(../images/outcache/close-button.6161.png) no-repeat 50%
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header .layer-close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container {
    padding: 10px 20px;
    color: #323a68
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container p {
    line-height: 22px;
    font-size: 12px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container div.input-box {
    margin-top: 115x
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container input {
    width: 170px;
    height: 32px;
    line-height: 32px;
    border: 0px;
    background: #eee;
    text-align: center
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container button.clear {
    width: 75px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: #6ec1ed;
    color: #fff;
    margin: 3px;
    margin-top: 11px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container button.clear:hover {
    opacity: .8
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer {
    border-top: 1px solid #edecf2
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box {
    padding: 10px 20px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.default {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: #6ec1ed;
    color: #fff;
    margin: 3px;
    float: left
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.default:hover {
    opacity: .8
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.save {
    width: 120px;
    height: 32px;
    line-height: 32px;
    border: 0;
    background: #ff6f6f;
    color: #fff;
    margin: 3px;
    float: right
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.save:hover {
    opacity: .8
}

.Ny5La6n80q985aaASKMR button.clear-select {
    position: relative;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 10px;
    height: 26px;
    line-height: 26px;
    margin-top: 15px;
    border-radius: 3px;
    background-image: -moz-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -webkit-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -ms-linear-gradient(270deg, #c683b8, #dfa2b1);
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    color: #5892db;
    padding: 0 6px;
    border: 1px solid #c3cadc
}

.Ny5La6n80q985aaASKMR button.clear-select:hover {
    background-image: -moz-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -webkit-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -ms-linear-gradient(270deg, #c683b8, #dfa2b1)
}

.Ny5La6n80q985aaASKMR .prize-select {
    width: 114px;
    display: flex;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    float: left;
    margin-top: 10px
}

.Ny5La6n80q985aaASKMR .prize-select i {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 20px;
    margin: 8px 5px;
    background: url(../images/outcache/warnningbg.8f7f.png) no-repeat
}

.Ny5La6n80q985aaASKMR .prize-select i.check {
    background-position-y: -20px
}

.Ny5La6n80q985aaASKMR .prize-select span.prize {
    color: #fd5f55
}

.Ny5La6n80q985aaASKMR p.onekey-bet {
    height: 36px;
    width: 104px;
    border-radius: 5px;
    color: #fff;
    background-color: #e6ebf5;
    border: 0;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    position: relative;
    float: right;
    text-indent: 18px;
    margin-top: 10px;
    background-image: -webkit-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -moz-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -ms-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: linear-gradient(270deg, #c683b8, #dfa2b1)
}

.Ny5La6n80q985aaASKMR p.onekey-bet.checked {
    cursor: pointer;
    background-image: -webkit-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -moz-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: -ms-linear-gradient(270deg, #c683b8, #dfa2b1);
    background-image: linear-gradient(270deg, #c683b8, #dfa2b1)
}

.Ny5La6n80q985aaASKMR p.onekey-bet::after {
    content: "";
    width: 12px;
    height: 16px;
    position: absolute;
    left: 12px;
    top: 11px;
    background: url(../images/outcache/lightning.1a92.png) no-repeat
}

.Ny5La6n80q985aaASKMR {
    background: #f2f8f8
}

.Ny5La6n80q985aaASKMR .money-input input {
    color: #6791e6;
    border: 1px solid #d3dbeb;
    background: #e6ebf5
}

.Ny5La6n80q985aaASKMR .chips-set button {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border: solid 1px #c3cadc
}

.Ny5La6n80q985aaASKMR .chips-set button:hover {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    filter: brightness(1.1)
}

.Ny5La6n80q985aaASKMR button.clear-select {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff;
    border: solid 1px #c3cadc
}

.Ny5La6n80q985aaASKMR button.clear-select:hover {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    filter: brightness(1.1)
}

.Ny5La6n80q985aaASKMR div.prize-select span:first-child {
    color: #7d8fb3
}

.Ny5La6n80q985aaASKMR button.clear-select:before {
    color: #fff
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header {
    background: #3f9ff5
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container button.clear,
.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.default {
    background: #6ec1ed
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.save {
    background: #ff6f6f
}

.Ny5La6n80q985aaASKMR .money-input label,
.Ny5La6n80q985aaASKMR .prize-select span {
    color: #7d8fb3
}

.Ny5La6n80q985aaASKMR p.onekey-bet {
    background: linear-gradient(90deg, #4EBEFF 0%, #247BF4 100%)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c0 {
    background-image: url(../images/outcache/chips01.2e98.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c1 {
    background-image: url(../images/outcache/chips02.0491.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c2 {
    background-image: url(../images/outcache/chips03.c72c.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c3 {
    background-image: url(../images/outcache/chips04.e0cf.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c4 {
    background-image: url(../images/outcache/chips05.2fb8.png)
}

.cJKpthhPlCte7d1LpNps header {
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #5acdd5, #609ffe);
    background: -moz-linear-gradient(left, #5acdd5, #609ffe);
    background: -ms-linear-gradient(left, #5acdd5, #609ffe);
    background: -o-linear-gradient(left, #5acdd5, #609ffe);
    background: -linear-gradient(left, #5acdd5, #609ffe)
}

.cJKpthhPlCte7d1LpNps header .l {
    color: #fff
}

.cJKpthhPlCte7d1LpNps header .r {
    float: right;
    color: #fff;
    opacity: .8;
    font-weight: 500
}

.cJKpthhPlCte7d1LpNps .content-box {
    padding: 0 8px 8px 8px;
    height: 200px;
    border: 1px solid #e3e4e8;
    background: #fff;
    position: relative
}

.cJKpthhPlCte7d1LpNps .content-box .col {
    float: left;
    width: 25px;
    height: 151px;
    color: #fff
}

.cJKpthhPlCte7d1LpNps .content-box .col.title {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-top: -1px;
    display: flex;
    align-items: center;
    line-height: 24px;
    background: -webkit-linear-gradient(top, #5fa6f6, #5acad9);
    background: -moz-linear-gradient(top, #5fa6f6, #5acad9);
    background: -ms-linear-gradient(top, #5fa6f6, #5acad9);
    background: -o-linear-gradient(top, #5fa6f6, #5acad9);
    background: -linear-gradient(top, #5fa6f6, #5acad9)
}

@keyframes sp-method-left-flicker {
    0% {
        opacity: 1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: 1
    }
}

.cJKpthhPlCte7d1LpNps .content-box .l {
    border-top: 1px solid #e3e4e8;
    width: 425px;
    height: 150px;
    float: left
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell {
    display: block;
    width: 24px;
    height: 24px;
    border-bottom: 1px solid #e3e4e8;
    border-right: 1px solid #e3e4e8;
    position: relative;
    cursor: default
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell.black {
    background: #f0f0f0
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 2px;
    left: 2px;
    display: block;
    text-align: center;
    border-radius: 100%;
    margin-right: 1px;
    position: absolute
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.red {
    background: #e06162
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.blue {
    background: #2fa7d0
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.green {
    background: #5bbb59
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.black {
    background: #92989e
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.flicker {
    animation: sp-method-left-flicker 2s infinite
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.sm {
    width: 20px;
    height: 20px;
    line-height: 20px;
    top: 2px;
    left: 2px
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.player {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    border: 1px solid #fff;
    top: 15px;
    left: 15px;
    background: #2fa7d0
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell span.banker {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    border: 1px solid #fff;
    top: 1px;
    left: 1px;
    background: #e06162
}

.cJKpthhPlCte7d1LpNps .content-box .r {
    border-top: 1px solid #e3e4e8;
    width: 601px;
    height: 150px;
    float: left
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell {
    display: block;
    width: 24px;
    height: 24px;
    border-bottom: 1px solid #e3e4e8;
    border-right: 1px solid #e3e4e8;
    position: relative
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span {
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
    display: block;
    border-radius: 100%;
    margin-right: 1px;
    position: absolute
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.red {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #e06162
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.green {
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #5bbb59
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.blue {
    border: 2px solid #2fa7d0;
    background-color: rgba(0, 0, 0, 0)
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.black {
    border: 2px solid #92989e;
    background-color: rgba(0, 0, 0, 0)
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.flicker {
    animation: sp-method-left-flicker 2s infinite
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.player {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    border: 1px solid #fff;
    top: 15px;
    left: 15px;
    background: #2fa7d0
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.player.flicker {
    animation: sp-method-left-flicker 2s infinite
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.banker {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    border: 1px solid #fff;
    top: 1px;
    left: 1px;
    background: #e06162
}

.cJKpthhPlCte7d1LpNps .content-box .r .cell span.banker.flicker {
    animation: sp-method-left-flicker 2s infinite
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form {
    height: 50px;
    line-height: 50px;
    color: #6791e6
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form select {
    color: #657d97;
    font-size: 12px;
    border: none;
    padding: 3px 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e3e4e8;
    box-shadow: 1.5px 3px 4px 0px rgba(95, 95, 95, .149);
    margin-right: 10px
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form span.form-select {
    padding: 0 15px;
    border-right: 1px solid #e3e4e8;
    color: #7d8fb3;
    cursor: pointer
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form span.form-select.checked {
    color: #6791e6;
    font-weight: bold;
    cursor: default
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form span.form-select:last-of-type {
    border-right: 0
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form div.issue {
    float: right
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form div.issue span.issue {
    float: left;
    display: block;
    margin-right: 10px;
    color: #7d8fb3
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form div.issue span.code {
    font-weight: bold;
    margin-left: 5px;
    border: 2px solid #b2bcdc;
    color: #b2bcdc;
    background-color: rgba(0, 0, 0, 0);
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    margin-top: 13px
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form div.issue span.code.high-light {
    border: 2px solid #e06162;
    color: #e06162
}

.cJKpthhPlCte7d1LpNps header {
    background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
    color: #fff
}

.cJKpthhPlCte7d1LpNps header .l {
    color: #444
}

.cJKpthhPlCte7d1LpNps header .r {
    color: #444
}

.cJKpthhPlCte7d1LpNps .content-box .l {
    width: 392px
}

.cJKpthhPlCte7d1LpNps .content-box .l .col {
    width: 23px
}

.cJKpthhPlCte7d1LpNps .content-box .col.title {
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada)
}

.cJKpthhPlCte7d1LpNps .content-box .chart-form span.form-select.checked {
    color: #6791e6
}

.teIULAFXkTsXSjNgCY65 {
    height: 100%
}

.teIULAFXkTsXSjNgCY65 header {
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: -webkit-linear-gradient(left, #5acdd5, #609ffe);
    background: -moz-linear-gradient(left, #5acdd5, #609ffe);
    background: -ms-linear-gradient(left, #5acdd5, #609ffe);
    background: -o-linear-gradient(left, #5acdd5, #609ffe);
    background: -linear-gradient(left, #5acdd5, #609ffe)
}

.teIULAFXkTsXSjNgCY65 header ul {
    display: block;
    width: 100%;
    margin-left: 4px;
    height: 35px;
    margin-top: 5px
}

.teIULAFXkTsXSjNgCY65 header ul li {
    list-style: none;
    font-style: normal;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0px 12px;
    position: relative;
    background: linear-gradient(270deg, #c683b8, #dfa2b1)
}

.teIULAFXkTsXSjNgCY65 header ul li.hover {
    color: #fff;
    background: #493455;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.teIULAFXkTsXSjNgCY65 .issues {
    height: 30px;
    line-height: 30px;
    padding: 0px 8px;
    background: #ecf8f9
}

.teIULAFXkTsXSjNgCY65 .issues span {
    color: #7d8fb3
}

.teIULAFXkTsXSjNgCY65 .issues select {
    color: #657d97;
    font-size: 12px;
    border: none;
    padding-left: 4px;
    margin-top: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e3e4e8;
    box-shadow: 1.5px 3px 4px 0px rgba(95, 95, 95, .149);
    float: right
}

.teIULAFXkTsXSjNgCY65 .content div.col {
    height: 35px;
    line-height: 35px;
    padding: 0 8px
}

.teIULAFXkTsXSjNgCY65 .content div.col.black {
    background: #eff1f7
}

.teIULAFXkTsXSjNgCY65 .content div.col .name {
    width: 45%;
    display: block;
    float: left
}

.teIULAFXkTsXSjNgCY65 .content div.col .codes-rank {
    width: 35%;
    display: block;
    float: left
}

.teIULAFXkTsXSjNgCY65 .content div.col .codes-rank span.blue {
    color: #6791e6
}

.teIULAFXkTsXSjNgCY65 .content div.col .codes-rank span.red {
    color: #e06162
}

.teIULAFXkTsXSjNgCY65 .content div.col .codes-rank span.green {
    color: #5bbb59
}

.teIULAFXkTsXSjNgCY65 .content div.col .issue {
    width: 20%;
    float: right;
    text-align: right
}

.teIULAFXkTsXSjNgCY65 header {
    background: -webkit-linear-gradient(#f6f6f6, #e3e1e1);
    color: #444
}

.teIULAFXkTsXSjNgCY65 header ul {
    margin-top: 0;
    margin-left: 0
}

.teIULAFXkTsXSjNgCY65 header ul li {
    height: 40px;
    line-height: 40px;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    background: linear-gradient(0, #FCFCFF 100%, #EDF0FF 100%);
    color: #1e2638
}

.teIULAFXkTsXSjNgCY65 header ul li.hover {
    border-radius: 0;
    background-image: linear-gradient(148deg, #8fafff, #4982eb 54.78%, #0d5ada);
    color: #fff
}

.teIULAFXkTsXSjNgCY65 .issues {
    background: linear-gradient(top, #FCFCFF, #EDF0FF)
}

.teIULAFXkTsXSjNgCY65 .issues>span,
.teIULAFXkTsXSjNgCY65 .issues>select {
    color: #444
}

.teIULAFXkTsXSjNgCY65 .content div.col.black {
    background: rgba(0, 0, 0, 0)
}

.sQmeEdHWED5X9TpOkAg1 .sp-method {
    position: relative
}

.sQmeEdHWED5X9TpOkAg1 .sp-method .selector {
    display: flex
}

.sQmeEdHWED5X9TpOkAg1 .sp-method .ssc-select-area {
    background: #e4d6c5
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft {
    width: 970px
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup {
    background: linear-gradient(180deg, #f6f6f6, #e3e1e1);
    height: 40px
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span {
    font-size: 14px;
    display: inline-block;
    padding: 0 25px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    line-height: 40px
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span.hover {
    background: linear-gradient(180deg, #f6f6f6, #e3e1e1);
    filter: brightness(1.2)
}

.sQmeEdHWED5X9TpOkAg1 .lotteryRight {
    width: 200px;
    background: #fff;
    border-left: 1px solid #ecebeb
}

.sQmeEdHWED5X9TpOkAg1 .split {
    height: 5px;
    background: #e0e7f1
}

.sQmeEdHWED5X9TpOkAg1 .combo-container,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container {
    border-bottom: 1px solid #ededf7
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .title,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .title {
    line-height: 30px;
    padding: 0 4px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    display: flex;
    background: -webkit-linear-gradient(left, #609ffe, #5acdd5);
    background: -moz-linear-gradient(left, #609ffe, #5acdd5);
    background: -ms-linear-gradient(left, #609ffe, #5acdd5);
    background: -o-linear-gradient(left, #609ffe, #5acdd5);
    background: -linear-gradient(left, #609ffe, #5acdd5)
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .title span,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .title span {
    display: block;
    width: 20%;
    float: left;
    text-align: center
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .title span.fried,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .title span.fried {
    width: 33%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title {
    line-height: 30px;
    color: #7e8eb2;
    font-size: 12px;
    display: flex;
    background: #f0f1f6
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title .box,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box {
    width: 20%;
    float: left;
    position: relative
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title .box span,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box span {
    display: block;
    float: left;
    text-align: center
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title .box span.l,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box span.l {
    width: 25%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title .box span.r,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box span.r {
    width: 50%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball {
    display: flex
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col {
    width: 20%;
    float: left;
    position: relative;
    border-right: 1px solid #ededf7
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col.fried,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col.fried {
    width: 33%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col:last-child,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col:last-child {
    border: 0
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ededf7;
    cursor: pointer
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box:last-child,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box:last-child {
    border-bottom: 0
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span {
    display: block;
    float: left;
    text-align: center
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l {
    width: 25%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l.default,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.default {
    font-weight: bold
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l.default.red,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.default.red {
    color: #fa5d4e
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l.default.green,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.default.green {
    color: #4fb94d
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l.default.blue,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.default.blue {
    color: #486ffb
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.l.ball,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.ball {
    background: url(../images/outcache/Number-ball.d132.png) no-repeat center center;
    background-position-y: 3px
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.r,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.r {
    position: relative;
    width: 50%
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.r span.close,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.r span.close {
    position: absolute;
    right: 3px;
    z-index: 10;
    top: 8px;
    width: 10px;
    height: 10px;
    line-height: 6px;
    color: #97a5b5;
    text-align: center
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.r span.close:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.r span.close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.prize,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.prize {
    color: #fa786d
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span input,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span input {
    height: 20px;
    line-height: 20px;
    width: 75%;
    margin-top: 7px;
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    text-align: center;
    color: #97a5b5;
    cursor: pointer
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span .money-list,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span .money-list {
    display: none;
    position: absolute;
    z-index: 100;
    left: -16px;
    top: 41px;
    color: #fff;
    width: 100px;
    background: linear-gradient(180deg, #3f3f4b, #4a495b);
    border-radius: 5px;
    padding: 16px 0
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span .money-list div,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span .money-list div {
    width: 100px;
    text-align: center;
    font-size: 14px
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span .money-list div:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span .money-list div:hover {
    background: #4c84f8
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span .money-list::before,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span .money-list::before {
    position: absolute;
    content: "";
    right: 40px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: #3f3f4c;
    border-radius: 2px;
    transform: rotate(45deg)
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.checked,
.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.checked,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box:hover {
    background: #cfe7f3
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.checked span.ball,
.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box:hover span.ball,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.checked span.ball,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box:hover span.ball {
    background: url(../images/outcache/Number-ball-over.a0e3.png) no-repeat center center;
    background-position-y: 3px;
    color: #fff;
    font-weight: bold
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.no-select,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.no-select {
    cursor: default
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.no-select:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.no-select:hover {
    background: #f2f8f8
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box {
    width: 25%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box .l {
    width: 30%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title .box .r {
    width: 40%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball {
    flex-wrap: wrap
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col {
    width: 25%;
    box-sizing: border-box
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col:nth-child(4n) {
    border: 0
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box .l {
    width: 30%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box .r {
    width: 40%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span input {
    width: 60%
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.r span.close {
    right: 20px
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span .money-list {
    left: 2px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container {
    padding-bottom: 15px;
    border-bottom: 1px solid #ededf7;
    background: url(../images/outcache/dragon-tiger-bg.0f8b.jpg) no-repeat center center;
    background-size: 100% 100%;
    border-top: 1px solid #ececec;
    overflow: auto
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box {
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 15px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box {
    float: left;
    width: 192px;
    height: 130px;
    text-align: center;
    background: #fff;
    border-radius: 3px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box header,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box header {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background: #6ec0ef;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box {
    width: 64px;
    float: left;
    padding: 5px 0;
    cursor: pointer;
    height: 90px;
    position: relative
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .ball,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .ball {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/outcache/Number-ball.d132.png) no-repeat center center;
    background-position-y: 3px;
    margin: auto;
    line-height: 38px;
    margin-bottom: 5px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .ball.red,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .ball.red {
    color: #fa5d4e
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .ball.green,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .ball.green {
    color: #4fb94d
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .ball.blue,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .ball.blue {
    color: #486ffb
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .prize,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .prize {
    color: #fa786d
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box input,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box input {
    height: 20px;
    line-height: 20px;
    width: 75%;
    margin-top: 7px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
    text-align: center;
    color: #97a5b5;
    cursor: pointer
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box span.close,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box span.close {
    position: absolute;
    right: 12px;
    z-index: 10;
    bottom: 23px;
    width: 10px;
    height: 10px;
    line-height: 6px;
    color: #97a5b5;
    text-align: center
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box span.close:hover,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box span.close:hover {
    transform: rotate(360deg);
    transition: all .5s
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box:hover,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box.checked,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box:hover,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box.checked {
    background: #cfe7f3
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .money-list,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list {
    display: none;
    position: absolute;
    z-index: 100;
    left: 0px;
    top: 100px;
    color: #fff;
    width: 100px;
    background: linear-gradient(180deg, #3f3f4b, #4a495b);
    border-radius: 5px;
    padding: 16px 0;
    line-height: 35px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .money-list.tiger,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list.tiger {
    left: -16px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .money-list div,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list div {
    width: 100px;
    text-align: center;
    font-size: 14px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .money-list div:hover,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list div:hover {
    background: #4c84f8
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .money-list::before,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list::before {
    position: absolute;
    content: "";
    right: 40px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: #3f3f4c;
    border-radius: 2px;
    transform: rotate(45deg)
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box::before,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box::after,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box::before,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box::after {
    content: "";
    display: block;
    width: 2px
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container {
    background: url(../images/outcache/niuniu-bg.e0ed.jpg) no-repeat center center;
    background-size: 100% 100%
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(1) .select-box header {
    background: #ff8182
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(2) .select-box header {
    background: #71d28d
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box {
    height: 75px;
    width: 150px
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box {
    height: 40px;
    width: 150px;
    padding: 5px 0 0 0
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .prize {
    margin-right: 8px
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box input {
    width: 50%
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box span.close {
    right: 20px;
    top: 15px
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .money-list {
    left: 44px;
    top: 48px
}

.sQmeEdHWED5X9TpOkAg1 footer {
    height: 70px;
    line-height: 72px;
    padding: 0 10px
}

.sQmeEdHWED5X9TpOkAg1 footer button {
    margin-top: 17px;
    height: 36px;
    width: 137px;
    border-radius: 5px;
    color: #fff;
    background-color: #e6ebf5;
    border: 0;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    position: relative;
    float: right;
    background-image: -webkit-linear-gradient(top, rgba(255, 144, 135, 0.5), rgba(254, 123, 113, 0.5));
    background-image: -moz-linear-gradient(top, rgba(255, 144, 135, 0.5), rgba(254, 123, 113, 0.5));
    background-image: -ms-linear-gradient(top, rgba(255, 144, 135, 0.5), rgba(254, 123, 113, 0.5));
    background-image: linear-gradient(top, rgba(255, 144, 135, 0.5), rgba(254, 123, 113, 0.5))
}

.sQmeEdHWED5X9TpOkAg1 footer button.checked {
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, rgb(255, 144, 135), rgb(254, 123, 113));
    background-image: -moz-linear-gradient(top, rgb(255, 144, 135), rgb(254, 123, 113));
    background-image: -ms-linear-gradient(top, rgb(255, 144, 135), rgb(254, 123, 113));
    background-image: linear-gradient(top, rgb(255, 144, 135), rgb(254, 123, 113))
}

.sQmeEdHWED5X9TpOkAg1 footer .text {
    float: right;
    display: block;
    margin-right: 10px;
    font-size: 14px;
    color: #303c66
}

.sQmeEdHWED5X9TpOkAg1 footer .text .money {
    color: #f15e24;
    font-weight: bold
}

.sQmeEdHWED5X9TpOkAg1 footer .text .count {
    color: #6791e6;
    font-weight: bold
}

.sQmeEdHWED5X9TpOkAg1 .sp-method .ssc-select-area {
    background: #f2f8f8
}

.sQmeEdHWED5X9TpOkAg1 div.sp-method>span.official-entry {
    background: url(../images/outcache/official-entry.7014.png) no-repeat center center;
    z-index: 1
}

.sQmeEdHWED5X9TpOkAg1 .lotteryRight {
    border-left: 1px dashed #f2f8f8;
    background: #fff
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup {
    background: linear-gradient(top, #f6f6f6, #e3e1e1);
    box-shadow: 0 0 4px #ccc
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span.hover {
    background: #fafafa;
    border-top: 3px solid #4982eb;
    color: #42403d;
    border-bottom: 3px solid #fafafa
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .title,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .title {
    background: -webkit-linear-gradient(top, #fffdfe, #e2e0e0);
    background: -moz-linear-gradient(top, #fffdfe, #e2e0e0);
    background: -ms-linear-gradient(top, #fffdfe, #e2e0e0);
    background: -o-linear-gradient(top, #fffdfe, #e2e0e0);
    background: -linear-gradient(top, #fffdfe, #e2e0e0);
    color: #3f3f3f;
    border-top: 1px solid #e7e5e5
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .sub-title,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title {
    background: #f0f1f6;
    color: #7e8eb2
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box {
    background: #f2f8f8
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span input,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span input {
    background: #fff;
    color: #97a5b5;
    border: solid 1px #d7d7d7
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.checked,
.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.checked,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box:hover {
    background: #cfe7f3
}

.sQmeEdHWED5X9TpOkAg1 footer button.checked {
    background: linear-gradient(top, #ff9087, #fe7b71);
    color: #fff;
    filter: brightness(1)
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box.no-select:hover,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box.no-select:hover {
    background: none
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container {
    background-size: 100% 100%
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box header,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box header {
    background: #247bf4
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box:hover,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box.checked,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box:hover,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box.checked {
    background: #cfe7f3
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(1) .select-box header {
    background: #247bf4
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(2) .select-box header {
    background: #965e85
}

.sQmeEdHWED5X9TpOkAg1 .combo-container .combo-select-ball .col .box span.prize,
.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.prize,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .prize,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .prize {
    color: #fa786d;
    font-weight: 600
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box input,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box input {
    color: #97a5b5
}

.P_bLHe8ZnELirMgZ9G7k {
    min-height: 100vh;
    background: url(../images/outcache/bg.5e74.jpg) no-repeat center top #fff;
    background-size: 100%;
    min-width: 1170px;
    overflow: hidden
}

.P_bLHe8ZnELirMgZ9G7k .lott-contents {
    min-height: calc(100vh - 165px)
}

.P_bLHe8ZnELirMgZ9G7k .lott-contents .bet-area {
    width: 1170px;
    min-width: 1170px;
    position: relative;
    margin: 17px auto 0
}