[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;
    background: #27211f;
}

.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(180deg, #ffabae 0%, #b00000 100%);
}

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

.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 {
    background: none;
    color: #fda6a9;
    border: 1px solid #fda6a9;
}

.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;
    border: 0;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15);
    background-image: linear-gradient(180deg, #df5656 0%, #792e2e 100%);
}

/* 页面样式 */
.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
    }
}

.Qblcuuv3DiosXZXga6In .setPhone-list {
    color: var(--text-文字1)
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-vaerify .list-content {
    display: flex;
    background: none;
    border: 1px solid var(--color-边框)
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-vaerify .list-content .send_code {
    background: var(--color-輸入框底色);
    cursor: pointer
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-vaerify .list-content input {
    border: none
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-mobile .list-content {
    background: none;
    border: 1px solid var(--color-边框)
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-mobile .list-content input {
    border: none
}

.Qblcuuv3DiosXZXga6In .setPhone-list .setPhone-list-mobile p {
    color: var(--text-警告)
}

.Qblcuuv3DiosXZXga6In .submit {
    background: var(--color-按钮渐变)
}

.eB_0tfoT99mxOsmz7bgk {
    width: 500px
}

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

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

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

.eB_0tfoT99mxOsmz7bgk .item {
    justify-content: center
}

.eB_0tfoT99mxOsmz7bgk .item input {
    border: 1px solid var(--color-边框) !important;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

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

.xerddpkUvX6_VEe4PsST.gath-wrap label {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff8f8
}

.xerddpkUvX6_VEe4PsST.gath-wrap input {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0);
    border: 0
}

.xerddpkUvX6_VEe4PsST.gath-wrap .alert {
    padding-top: 10px;
    color: var(--text-警告);
    font-size: 14px;
    text-align: justify;
    margin-left: 45px;
    margin-bottom: -15px
}

.xerddpkUvX6_VEe4PsST.gath-wrap .MuiInputBase-root:hover {
    border-color: var(--color-边框)
}

.xerddpkUvX6_VEe4PsST.gath-wrap .MuiInputBase-root::before {
    border-color: #fda6a9
}

.xerddpkUvX6_VEe4PsST.gath-wrap .MuiInputBase-root::after {
    border-color: #fda6a9
}

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

.vZQQslalq0AXXqVhHl31 .loading:nth-of-type(2) {
    animation-delay: -1.4s;
    opacity: .8;
    background: rgba(160, 48, 46, .8)
}

.vZQQslalq0AXXqVhHl31 .loading:nth-of-type(3) {
    background: rgba(160, 48, 46, .5);
    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: rgba(0, 0, 0, 0)
}

.EtQDxz_FFBlZa1h8JTau>div {
    width: 100%;
    color: var(--text-2級);
    text-align: center;
    height: fit-content;
    margin-top: 0
}

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

.rSMm7vM98EejfYi6nrPe .deposit {
    width: 4rem;
    height: 4rem;
    min-height: 4rem
}

.rSMm7vM98EejfYi6nrPe .deposit img {
    width: 60%
}

.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 {
    color: var(--text-文字1)
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content {
    display: flex;
    background: none;
    border: 1px solid var(--color-边框)
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content .send_code {
    background: var(--color-輸入框底色);
    cursor: pointer
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-vaerify .list-content input {
    border: none
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content {
    background: none;
    border: 1px solid var(--color-边框)
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile .list-content input {
    border: none
}

.NbsPJSx4Dy93ajytO_Is .setPhone-list .setPhone-list-mobile p {
    color: var(--text-警告)
}

.NbsPJSx4Dy93ajytO_Is .submit {
    background: var(--color-按钮渐变)
}

.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 var(--color-边框) !important;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

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

.ZOap6scSDAfeBk5T53wc.gath-wrap label {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff8f8
}

.ZOap6scSDAfeBk5T53wc.gath-wrap input {
    letter-spacing: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0);
    border: 0
}

.ZOap6scSDAfeBk5T53wc.gath-wrap .alert {
    padding-top: 10px;
    color: var(--text-警告);
    font-size: 14px;
    text-align: justify;
    margin-left: 45px;
    margin-bottom: -15px
}

.ZOap6scSDAfeBk5T53wc.gath-wrap .MuiInputBase-root:hover {
    border-color: var(--color-边框)
}

.ZOap6scSDAfeBk5T53wc.gath-wrap .MuiInputBase-root::before {
    border-color: #fda6a9
}

.ZOap6scSDAfeBk5T53wc.gath-wrap .MuiInputBase-root::after {
    border-color: #fda6a9
}

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

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

.enmRqPjMp29JYDNVs3l7 {
    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%)
    }
}

.enmRqPjMp29JYDNVs3l7>.header {
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 0 15px;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

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

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

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

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

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

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

.enmRqPjMp29JYDNVs3l7>.trans-body>.summary>span {
    color: #a0302e
}

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

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

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

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

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

.enmRqPjMp29JYDNVs3l7>.trans-body>.trans-form>.l>.item>.value>em {
    color: #a0302e
}

.enmRqPjMp29JYDNVs3l7>.trans-body>.trans-form>.l>.item>.value>input,
.enmRqPjMp29JYDNVs3l7>.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: #a0302e;
    outline: none
}

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

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

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

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

.enmRqPjMp29JYDNVs3l7>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: auto
}

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

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

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

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

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

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

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

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

.enmRqPjMp29JYDNVs3l7 .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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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.verify .cancel {
    display: none
}

.UXkqiW0mtrNAWM8vy3tg.verify.unique-plt .cancel {
    display: block
}

.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: #96362e;
    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 {
    background: #27211f
}

.UXkqiW0mtrNAWM8vy3tg .header {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

.UXkqiW0mtrNAWM8vy3tg .header .title::after,
.UXkqiW0mtrNAWM8vy3tg .header .title::before {
    display: none
}

.UXkqiW0mtrNAWM8vy3tg.unique-plt .contents {
    display: block;
    padding: 20px
}

.UXkqiW0mtrNAWM8vy3tg .contents {
    padding: 20px 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.UXkqiW0mtrNAWM8vy3tg .contents>h2 {
    font-size: inherit;
    margin-top: 15px
}

.UXkqiW0mtrNAWM8vy3tg .contents input[type=file] {
    margin-left: 5px;
    margin-right: 5px
}

.UXkqiW0mtrNAWM8vy3tg .actions {
    padding-bottom: 20px
}

.UXkqiW0mtrNAWM8vy3tg .actions .destructive,
.UXkqiW0mtrNAWM8vy3tg .actions .confirm {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    border-radius: 5px;
    text-shadow: none;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15)
}

.UXkqiW0mtrNAWM8vy3tg .actions .cancel,
.UXkqiW0mtrNAWM8vy3tg .actions .yes {
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15);
    border-radius: 5px;
    text-shadow: none;
    color: #fda6a9;
    border: 1px solid #fda6a9;
    box-sizing: border-box;
    background-image: none
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .actions {
    display: none
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 400px;
    margin: 0 auto
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .text {
    color: var(--text-文字1);
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .submit-btn {
    background: linear-gradient(150.21deg, #95352e 16.04%, #cf5a38 86.32%);
    border-radius: 5px;
    text-shadow: none;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, .15);
    font-weight: 700;
    width: 110px;
    height: 40px;
    line-height: 40px;
    margin: 15px 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 4px
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .other-btns {
    color: var(--text-文字1);
    width: 100%;
    justify-content: space-between;
    display: flex;
    font-size: 14px
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .other-btns .btn-register {
    padding-left: 22px;
    background: url(../images/outcache/icon-register.4573.png) no-repeat left center;
    background-size: 18px;
    color: var(--text-提示)
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .other-btns .btn-register:hover {
    cursor: pointer;
    color: var(--text-文字1)
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .other-btns .btn-down {
    padding-left: 22px;
    background: url(../images/outcache/icon-down.b7b0.png) no-repeat left center;
    background-size: 18px;
    color: var(--text-提示)
}

.UXkqiW0mtrNAWM8vy3tg.cnyt-alert-modal .cnyt-alert-content .other-btns .btn-down:hover {
    cursor: pointer;
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #96362e;
    border-radius: 10px
}

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

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

.AkjxuYu56Y9xRFOmjmV8 iframe {
    display: block
}

.AkjxuYu56Y9xRFOmjmV8 {
    box-sizing: border-box;
    background: #27211f;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px;
    max-height: 100%;
    background-color: #27211f
}

.AkjxuYu56Y9xRFOmjmV8 .header {
    color: var(--text-文字1);
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

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

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

.AkjxuYu56Y9xRFOmjmV8 div.contents table {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table tr:first-child {
    background: #3c2f2d
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table tr:first-child th {
    color: #fff8f8
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table:has(thead) tbody tr:first-child {
    background: rgba(0, 0, 0, 0)
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table td {
    border: none
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table td.title h3 span {
    color: #fff8f8
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table td.sent_at {
    color: var(--2, #867163)
}

.AkjxuYu56Y9xRFOmjmV8 div.contents table td.actions.delete>a {
    background: linear-gradient(180deg, #df5656 0%, #792e2e 100%);
    color: #fff8f8 !important
}

.AkjxuYu56Y9xRFOmjmV8 div.contents .pagination-state,
.AkjxuYu56Y9xRFOmjmV8 div.contents .pagination-redirect,
.AkjxuYu56Y9xRFOmjmV8 div.contents .pagination-text {
    color: #8f8f8f
}

.AkjxuYu56Y9xRFOmjmV8 div.contents .default-wrapper li a {
    color: #8f8f8f;
    background: rgba(253, 166, 169, .1);
    border: none
}

.AkjxuYu56Y9xRFOmjmV8 div.contents .default-wrapper .active a {
    color: #fff;
    background: linear-gradient(180deg, #df5656 0%, #792e2e 100%)
}

.AkjxuYu56Y9xRFOmjmV8 div.contents .pagination-number {
    background: #382e2b;
    border: none
}

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

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

.AkjxuYu56Y9xRFOmjmV8 .rulesItem {
    padding: 20px 0;
    font-size: 16px;
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: 430px;
    padding: 20px 30px 0px 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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: #96362e;
    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 {
    background: var(--color-彈窗背景色)
}

.gqNOhNf1uVXyIgEtOhg4 .header {
    background: var(--color-主渐变)
}

.gqNOhNf1uVXyIgEtOhg4 .charge_mention .mention {
    background: var(--color-輸入框底色);
    color: var(--text-2級);
    border: var(--color-边框)
}

.gqNOhNf1uVXyIgEtOhg4 .charge_mention .mention.active {
    background: var(--color-按钮渐变);
    border: none;
    color: #fff
}

.gqNOhNf1uVXyIgEtOhg4 .charge_mention .feedBackBtn {
    color: var(--color-主色淡)
}

.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: var(--text-文字1);
    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: #fda6a9;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    -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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.NaxbvDKN2S3bE0vB2Evr .content-resetpwd .box .input>input {
    color: #fcfeff;
    background-color: rgba(0, 0, 0, 0)
}

.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: #a0302e;
    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 .bindBankCard-cont table th {
    background: rgba(0, 0, 0, 0);
    line-height: 26px;
    border: none
}

.rHUVdAoe_rLeOv97595R button {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    letter-spacing: 4px;
    border-radius: 10px
}

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

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

.rHUVdAoe_rLeOv97595R>ul .item label {
    color: var(--text-文字1)
}

.rHUVdAoe_rLeOv97595R>ul .item .label_box>input {
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.SSxs8nr5XytYfvG9q5C2 {
    padding-top: 40px
}

.SSxs8nr5XytYfvG9q5C2>ul .item label {
    color: var(--text-文字1)
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>input {
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.SSxs8nr5XytYfvG9q5C2>ul .item .label_box>span {
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: var(--text-文字1);
    position: relative;
    margin-top: 120px
}

.SSxs8nr5XytYfvG9q5C2 .result-box::after {
    position: absolute;
    content: "";
    top: -65px;
    width: 110px;
    left: calc(50% - 50px);
    height: 100px;
    background: url(../images/outcache/success.ae02.png) no-repeat 100%/100%
}

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

.VIL5hyj9XJO8xO9ZeMug button {
    width: 112px;
    height: 42px;
    line-height: 42px;
    letter-spacing: 0;
    border-radius: 5px
}

.VIL5hyj9XJO8xO9ZeMug button.cancle {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡);
    text-shadow: none
}

.VIL5hyj9XJO8xO9ZeMug button.submit {
    background: var(--color-按钮渐变);
    color: var(--text-文字1);
    text-shadow: none
}

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

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

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

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

.JDaU7tY8Ls6M8C0aEhWR .addUserBank-list li .list-right input[type=text] {
    width: 260px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 14px
}

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

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

.JDaU7tY8Ls6M8C0aEhWR .actions .button {
    display: inline-block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: .5px solid #cecece;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    letter-spacing: 2px;
    color: #1e2638;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

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

.JDaU7tY8Ls6M8C0aEhWR .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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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 #fda6a9;
    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)
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .help-btn {
    background: url(../images/outcache/btn01.d3db.png) no-repeat center center;
    background-size: contain
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .tips_account {
    color: #e77c40
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>label {
    color: var(--text-文字1)
}

.ITHsRhs8GQ_c1jjjtOk7 .list .item .label_box>input {
    background: var(--color-輸入框底色);
    border: none;
    color: var(--text-文字1)
}

.ITHsRhs8GQ_c1jjjtOk7 .confirm-box .item .label_box {
    color: var(--text-文字1)
}

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

.kp6XlIUAm0YMmjMWBF4F .content .help-img-15 {
    background-image: url(../images/outcache/help-15.fd0c.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #3c2f2d;
    border: none
}

.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(#fda6a9, #96362E)
}

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

.owcjoevUhoRIJnq64NBr .each-block {
    z-index: 100
}

.owcjoevUhoRIJnq64NBr .each-block header {
    background-position-y: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

.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: #161212;
    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: #1a1716;
    background-size: 100% 100%;
    overflow-y: auto;
    overflow-x: hidden
}

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

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

.PcPmy5tskq3VDOIkRoiL .content .content-box.game {
    border-radius: 20px;
    background: #231d1b;
    box-shadow: 0 8px 20px 3px rgba(0, 15, 14, .2)
}

.PcPmy5tskq3VDOIkRoiL .content .pro-service .pro-service-bottom::after {
    background-color: #332423
}

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

.xkzSDHreVRVNkaByyMKA>div.input-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    border: 1px solid rgba(102, 102, 102, .4);
    background-color: #382e2b;
    margin-top: 15px;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative
}

.xkzSDHreVRVNkaByyMKA>div.input-box>svg {
    color: #8f8f8f
}

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

.xkzSDHreVRVNkaByyMKA>div.input-box input {
    border: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px
}

.xkzSDHreVRVNkaByyMKA .tips {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    -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
}

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

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

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

.xkzSDHreVRVNkaByyMKA .btns .confirm-btn {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    color: #fff;
    margin-left: 38px
}

.xkzSDHreVRVNkaByyMKA .btns .reset-btn {
    color: #fda6a9;
    border: 1px solid #fda6a9
}

.Ff4dvvAO27dhCmNPd6zT {
    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
}

.Ff4dvvAO27dhCmNPd6zT .logo {
    background: url(../images/precache/logo.23ba.png) no-repeat 50% 0/100%;
    width: 177px;
    background-size: contain;
    margin: 50px auto 30px;
    text-align: center;
    height: 46px
}

.Ff4dvvAO27dhCmNPd6zT .service {
    margin-top: 10px;
    color: #8f8f8f;
    font-size: 14px
}

.Ff4dvvAO27dhCmNPd6zT .service>a {
    color: #fda6a9;
    text-decoration: underline
}

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

.Ff4dvvAO27dhCmNPd6zT .contents {
    width: 100%
}

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

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

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

.Ff4dvvAO27dhCmNPd6zT .input-box {
    width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    color: #65564c;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid rgba(102, 102, 102, .4);
    vertical-align: middle;
    display: flex;
    padding: 2px 5px
}

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

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

.Ff4dvvAO27dhCmNPd6zT .title {
    width: 160px;
    height: 42px;
    padding: 0 0 9px;
    margin: 0 auto;
    background: url(../svg/title-login.0b14.svg) no-repeat;
    background-size: contain;
    margin-bottom: 20px
}

.Ff4dvvAO27dhCmNPd6zT .step-img {
    width: 320px;
    height: 44px;
    margin: 0 auto 20px
}

.Ff4dvvAO27dhCmNPd6zT .step-1 {
    background: url(../images/outcache/step-one@3x.70f0.png) no-repeat;
    background-size: contain
}

.Ff4dvvAO27dhCmNPd6zT .step-2 {
    background: url(../images/outcache/step-two@3x.2544.png) no-repeat;
    background-size: contain
}

.Ff4dvvAO27dhCmNPd6zT .step-3 {
    background: url(../images/outcache/step-three@3x.fc21.png) no-repeat;
    background-size: contain
}

.Ff4dvvAO27dhCmNPd6zT .text {
    font-size: 15px;
    color: #8f8f8f;
    padding-bottom: 5px
}

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

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

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

.Ff4dvvAO27dhCmNPd6zT .input-box {
    background: #382e2b
}

.Ff4dvvAO27dhCmNPd6zT .input-box input {
    background: #382e2b;
    color: #fcfeff
}

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

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

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

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

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

.Ff4dvvAO27dhCmNPd6zT .submit {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    width: 325px;
    height: 44px;
    border-radius: 4px;
    letter-spacing: 5px;
    font-size: 17px;
    color: #fff;
    line-height: 44px;
    border: none;
    cursor: pointer;
    margin: 10px 5px 0;
    position: relative;
    opacity: .5
}

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

.Ff4dvvAO27dhCmNPd6zT .submit-active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    width: 325px;
    height: 44px;
    opacity: 1;
    border-radius: 4px;
    cursor: pointer;
    margin: auto;
    margin-top: 5px
}

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

.Ff4dvvAO27dhCmNPd6zT .btn-login {
    background-image: url(../images/outcache/btn-login@3x.f100.png);
    background-size: contain
}

.Ff4dvvAO27dhCmNPd6zT .get-code {
    color: #fda6a9;
    background: #d7e9ff
}

.Ff4dvvAO27dhCmNPd6zT .content-resetpwd .box .get-code-active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    color: #fff
}

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

.Ff4dvvAO27dhCmNPd6zT .content-resetpwd .box .input {
    background-color: #382e2b
}

.Ff4dvvAO27dhCmNPd6zT .content-resetpwd .submit {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    width: 325px;
    height: 44px;
    border-radius: 4px;
    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
}

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

.Ff4dvvAO27dhCmNPd6zT .content-resetpwd .submit-active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    width: 325px;
    height: 44px;
    border-radius: 4px;
    letter-spacing: 5px;
    font-size: 17px;
    text-indent: 20px;
    color: #fff;
    line-height: 44px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    position: relative
}

.Ff4dvvAO27dhCmNPd6zT .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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.wvMCccMMwosm9pacoVXc button:hover {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(../images/precache/logo.c5f1.png) no-repeat;
    width: 177px;
    background-size: contain;
    margin: 65px auto 40px;
    text-align: center;
    height: 46px
}

.IbM480K5qMa0QJfyzRKO .input {
    width: 100%;
    margin-bottom: 30px;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    vertical-align: middle;
    background-color: #382e2b;
    display: flex;
    border-radius: 4px;
    border: 1px solid rgba(102, 102, 102, .4)
}

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

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

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

.IbM480K5qMa0QJfyzRKO .submit {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    width: 100%;
    height: 48px;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    border: none;
    cursor: pointer;
    margin: 10px 0 15px
}

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

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

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

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

.IbM480K5qMa0QJfyzRKO .user-agreement {
    margin: 20px auto;
    color: #868181;
    height: 22px;
    line-height: 22px;
    font-size: 14px
}

.IbM480K5qMa0QJfyzRKO .user-agreement>.focus {
    color: #fda6a9;
    cursor: pointer
}

.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;
    cursor: pointer
}

.IbM480K5qMa0QJfyzRKO .user-agreement div.check {
    background: url(../svg/ic-check.e575.svg) no-repeat
}

.IbM480K5qMa0QJfyzRKO .user-agreement div.uncheck {
    background: url(../svg/ic-uncheck.33e5.svg) no-repeat
}

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

.IbM480K5qMa0QJfyzRKO .remember>div {
    cursor: pointer
}

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

.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(../svg/check.e13c.svg) no-repeat
}

.IbM480K5qMa0QJfyzRKO .remember span.uncheck {
    background: url(../svg/uncheck.33c1.svg) no-repeat
}

@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;
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

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

.DLGaUWlcsPIJiPcMfQxX .input>input {
    width: 235px;
    margin-left: 10px;
    color: var(--text-文字1, #fff8f8);
    border: none;
    background: #382e2b;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #868181;
    font-size: 14px;
    line-height: 40px;
    margin: 0 auto
}

.DLGaUWlcsPIJiPcMfQxX .go-to-login>p {
    color: #fda6a9;
    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: 13px;
    height: 13px;
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
    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)
}

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

.BAAieP8UWiWdrknY7Jsz .login_left .logo {
    background: url(../images/precache/logo.bbd4.png) no-repeat;
    background-size: contain;
    width: 219px;
    height: 55px;
    margin: 59px auto 0
}

.BAAieP8UWiWdrknY7Jsz .login_right {
    width: 410px;
    border-radius: 0 20px 20px 0;
    background-color: #382e2b
}

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

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

@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: #96362e;
    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: #96362e;
    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: #8f8f8f
}

.A3F8_AU41JuWUDmJKyPs ul li a {
    color: #8f8f8f;
    background: var(--color-輸入框底色);
    border: none
}

.A3F8_AU41JuWUDmJKyPs ul li.active a {
    color: #fff;
    background: var(--color-按钮渐变);
    border: none
}

.A3F8_AU41JuWUDmJKyPs button.pagination-btn {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.A3F8_AU41JuWUDmJKyPs>input {
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #fda6a9;
    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 {
    margin-top: 0
}

.xOJ4LPIlLbim6vgvZIVM table {
    background: rgba(0, 0, 0, 0);
    border-color: var(--color-边框);
    border: 0 !important
}

.xOJ4LPIlLbim6vgvZIVM table tr:nth-child(odd) {
    background: #383331
}

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

.xOJ4LPIlLbim6vgvZIVM table tr.wait td {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #867163;
    border: none !important
}

.xOJ4LPIlLbim6vgvZIVM table tr.wait td.actions>a {
    color: var(--text-文字1)
}

.xOJ4LPIlLbim6vgvZIVM table tr:first-child {
    background: #3c2f2d
}

.xOJ4LPIlLbim6vgvZIVM table tr:first-child th {
    color: var(--text-2級)
}

.xOJ4LPIlLbim6vgvZIVM table tr td {
    line-height: 30px !important;
    border: none !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.xOJ4LPIlLbim6vgvZIVM table tr td.pointer {
    color: green
}

._3zs6QEUNclSByS40s0jg .contents {
    width: 500px;
    word-wrap: break-word;
    display: block;
    padding-bottom: 0
}

.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: #96362e;
    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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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 {
    background: #27211f
}

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

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-cont {
    white-space: break-spaces;
    max-height: 315px;
    background: #363535;
    color: #fff8f8;
    border: none
}

.ZU4rpeRTSV02tF7RKFjC .message-detail .msg-detail-time {
    background: #363535;
    border: none
}

.ZU4rpeRTSV02tF7RKFjC .msg-close-btn {
    color: #fda6a9 !important;
    border: 1px solid #fda6a9 !important;
    background: rgba(0, 0, 0, 0) !important
}

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

.ZU4rpeRTSV02tF7RKFjC td.title .read {
    font-size: 12px;
    padding: 0 5px;
    background: #383331;
    color: #867163
}

.ZU4rpeRTSV02tF7RKFjC>div.del span {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(../svg/user.8f99.svg) no-repeat 50%/100% 100%
}

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

.w3nSTEPyVcdjZUqA4jLu .user-infos {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fcfeff
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .username {
    display: flex
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money {
    margin-top: 3px;
    padding: 3px;
    display: inline-block;
    border-radius: 100px;
    color: #fff;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border-radius: 100px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .money .refreshBtn {
    display: inline-block;
    margin: 0 3px;
    min-width: 14px;
    height: 16px;
    background: url(../svg/ic-refresh.efe6.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 .gift-money {
    display: inline-block;
    margin-left: 10px
}

.w3nSTEPyVcdjZUqA4jLu .user-infos .gift-money .questionBtn {
    display: inline-block;
    position: relative;
    background: url(../svg/question.b547.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: #27211f;
    visibility: hidden;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    color: #a8a6a3
}

.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) #27211f;
    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.f358.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.0a46.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: #27211f;
    border: 1px solid rgba(102, 102, 102, .4)
}

.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) #534d4d;
    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: #a8a6a3;
    font-weight: 400;
    box-sizing: border-box;
    cursor: pointer;
    z-index: -1;
    background-color: #27211f
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:hover {
    color: #ee5a5a;
    font-weight: 700
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:hover .icon {
    background: url(../svg/icon1-h.d29c.svg) no-repeat 50%/100% 100%;
    margin-right: 12px;
    width: 21px;
    height: 21px
}

.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(../svg/icon1.3596.svg) 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(../svg/icon2.e607.svg) no-repeat 50%/100% 100%
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:nth-child(2):hover .icon {
    background: url(../svg/icon2-h.88b3.svg) no-repeat 50%/100% 100%
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:nth-child(3) .icon {
    background: url(../svg/icon3.f4c2.svg) no-repeat 50%/100% 100%
}

.w3nSTEPyVcdjZUqA4jLu .user-menu .item:nth-child(3):hover .icon {
    background: url(../svg/icon3-h.afc8.svg) no-repeat 50%/100% 100%
}

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

    to {
        transform: rotate(360deg)
    }
}

.iLyea5oJP0QQPhovGnfk .bonus-icon-wrap {
    width: 110px
}

.t6sneLaV1wfRoG4mKrPA {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal {
    position: relative;
    width: 392px
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content {
    position: absolute;
    display: flex;
    left: 0;
    top: 0;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    height: 100%
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content>.close-btn {
    width: 20px;
    padding: 8px;
    margin: 0 0 96px auto
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content>.bonus-sparkle-amount-info-wrap {
    display: flex;
    font-family: "PingFang SC";
    flex-direction: column;
    row-gap: 12px;
    margin-bottom: 80px;
    text-align: center;
    padding-left: 30px
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content .bonus-sparkle-title {
    font-size: 18px;
    color: #1a1716;
    font-weight: 500
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content .bonus-sparkle-amount-wrap {
    position: relative;
    font-size: 30px;
    color: #c50000
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content .bonus-sparkle-amount-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    width: 200px;
    height: 120%;
    background-color: #fff6aa;
    filter: blur(15px);
    transform: translateX(-50%)
}

.t6sneLaV1wfRoG4mKrPA .bonus-sparkle-modal .bonus-sparkle-content .bonus-sparkle-amount {
    position: relative
}

.g-img-block {
    display: block;
    width: 100%
}

#root.g-lyr_blur {
    content: "ROOT_blur_layer";
    filter: blur(7px)
}

.OlEoca3MOBHcRfcvtB1A {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 260px;
    position: relative;
    z-index: 1000
}

.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:hover {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%)
}

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

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .official-icon {
    width: 52px;
    height: 17px;
    position: absolute;
    top: 7px;
    left: 0px
}

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .ltd-bx {
    width: 180px;
    height: 170px;
    overflow: hidden;
    position: absolute;
    top: 23px
}

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

.OlEoca3MOBHcRfcvtB1A .game-item .item-wrap .info-wrap .info .t p {
    -webkit-text-fill-color: initial
}

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

.OlEoca3MOBHcRfcvtB1A .game-item.mnt .ltd-bx img {
    background-color: rgba(233, 233, 252, .5);
    backdrop-filter: blur(5px)
}

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

.rP3gGmNSj0ODYFqdNtVd .lottery-box {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    padding-top: 20px;
    background: linear-gradient(180deg, rgba(22, 12, 4, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

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

.rP3gGmNSj0ODYFqdNtVd .title.lSSC {
    width: 90px;
    background-image: url(../svg/lSSC.6d70.svg) !important
}

.rP3gGmNSj0ODYFqdNtVd .title.lFFC {
    width: 90px;
    background-image: url(../svg/lFFC.ebd0.svg)
}

.rP3gGmNSj0ODYFqdNtVd .title.lXNBC {
    width: 110px;
    background-image: url(../svg/lXNBC.5a91.svg)
}

.rP3gGmNSj0ODYFqdNtVd .title.l11X5 {
    width: 92px;
    background-image: url(../svg/l11X5.f771.svg)
}

.rP3gGmNSj0ODYFqdNtVd .title.lPK10 {
    width: 124px;
    background-image: url(../svg/lPK10.a637.svg)
}

.rP3gGmNSj0ODYFqdNtVd .title.lOTHER {
    width: 72px;
    background-image: url(../svg/lOTHER.caf2.svg)
}

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

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

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item {
    width: 146px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    cursor: pointer;
    transition: all .3s;
    border-radius: 2px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #d2b19c;
}

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

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item i.hot {
    background: url(../svg/hot.716a.svg) no-repeat
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item i.new {
    background: url(../svg/new.bc26.svg) no-repeat
}

.rP3gGmNSj0ODYFqdNtVd .cate .lotto-ls .item:hover {
    background: #592424
}

.rP3gGmNSj0ODYFqdNtVd .cate.lXNBC {
    width: 165px;
    background-image: url(../images/outcache/2.44e2.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.8317.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(../svg/cloud.1fa8.svg) no-repeat;
    background-size: contain
}

.mTrlnKrEikMa0ABn3QUj {
    width: 100%;
    height: 306px;
    background: url(../images/outcache/app-bg.260e.jpg) 0/cover no-repeat
}

.mTrlnKrEikMa0ABn3QUj .main-area {
    display: flex;
    column-gap: 16px;
    align-items: center;
    width: 1260px;
    margin: 0 auto;
    height: 100%;
    opacity: 0;
    transition: all .25s;
    -webkit-text-fill-color: initial
}

.mTrlnKrEikMa0ABn3QUj .desc-img {
    width: 300px;
    margin-right: 12px;
    background: 50%/contain no-repeat
}

.mTrlnKrEikMa0ABn3QUj .left-area,
.mTrlnKrEikMa0ABn3QUj .right-area {
    display: flex
}

.mTrlnKrEikMa0ABn3QUj .left-area .desc-img {
    background-image: url(../images/outcache/app-dl-text.3bfb.png)
}

.mTrlnKrEikMa0ABn3QUj .qrcode-area {
    display: flex;
    color: #fff8f8;
    column-gap: 16px
}

.mTrlnKrEikMa0ABn3QUj .qr-info {
    text-align: center;
    -webkit-text-fill-color: initial
}

.mTrlnKrEikMa0ABn3QUj .qr-info .text {
    margin-top: 6px;
    line-height: normal;
    white-space: pre
}

.mTrlnKrEikMa0ABn3QUj .qrcode-wrap {
    width: 130px;
    height: 130px;
    padding: 10px;
    border-radius: 4px;
    background-color: #fff
}

.mTrlnKrEikMa0ABn3QUj .qrcode-wrap .qrcode {
    width: 100%;
    height: 100%
}

.mTrlnKrEikMa0ABn3QUj .right-area {
    color: var(--text-提示, #8f8f8f)
}

.mTrlnKrEikMa0ABn3QUj .right-area .desc-img {
    position: relative;
    background-image: url(../images/outcache/widget-dl-text.7820.png)
}

.mTrlnKrEikMa0ABn3QUj .right-area .desc-txt,
.mTrlnKrEikMa0ABn3QUj .right-area .btn.speed-dl {
    position: absolute
}

.mTrlnKrEikMa0ABn3QUj .right-area .desc-txt {
    top: 100%;
    margin-top: -8px
}

.mTrlnKrEikMa0ABn3QUj .right-area .btn.speed-dl {
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
    margin-bottom: 16px;
    border-radius: 5px;
    background-image: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.yBLBOmo31nISYDW_Owit {
    color: #628bc4;
    position: relative;
    width: 100%;
    height: 70px;
    background: #161212;
    z-index: 10
}

.yBLBOmo31nISYDW_Owit .main {
    max-width: 1520px;
    min-width: 1200px;
    height: 70px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(22, 12, 4, .7)
}

.yBLBOmo31nISYDW_Owit .main .logo {
    display: flex;
    align-items: center;
    width: 140px;
    height: 36px;
    background: url(../images/precache/logo.2d20.png) 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: 18px;
    line-height: 70px;
    text-align: center;
    display: flex;
    align-items: center
}

.yBLBOmo31nISYDW_Owit .navigation>div {
    margin-right: 20px;
    width: 40px;
    cursor: pointer;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #65564c
}

.yBLBOmo31nISYDW_Owit .navigation>div .drop-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    transition: all .25s;
    overflow: hidden
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover,
.yBLBOmo31nISYDW_Owit .navigation>div.active {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover::before,
.yBLBOmo31nISYDW_Owit .navigation>div.active::before {
    display: block;
    content: "";
    height: 3px;
    margin-top: -3px;
    pointer-events: none;
    background: linear-gradient(180deg, #FFBEC0 0%, #B50C0C 100%);
    transform: translateY(70px);
    border-radius: 1.5px
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover>.title,
.yBLBOmo31nISYDW_Owit .navigation>div.active>.title {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text
}

.yBLBOmo31nISYDW_Owit .navigation>div:hover>.drop-wrap {
    height: 260px;
    background: rgba(22, 12, 4, .96);
    box-shadow: 0px 11px 17.4px rgba(0, 0, 0, .12)
}

.yBLBOmo31nISYDW_Owit .navigation>div.lottery:hover>.drop-wrap {
    height: 510px
}

.yBLBOmo31nISYDW_Owit .wifi {
    width: 80px;
    height: 60px;
    position: relative
}

.yBLBOmo31nISYDW_Owit .wifi .speed-test {
    background: url(../svg/wifi.37fa.svg) no-repeat 50%/100%;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.yBLBOmo31nISYDW_Owit .pannel {
    display: flex;
    color: #42403d;
    font-weight: 700;
    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;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0)
}

.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.00ce.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-discount {
    background: url(../svg/ic-discount.698e.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-deposit {
    background: url(../svg/ic-deposit.8c11.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-transfer {
    background: url(../svg/ic-transfer.b668.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item .ic-withdraw {
    background: url(../svg/ic-withdraw.9cf1.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover {
    color: #d0b293
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover .ic-app {
    background: url(../svg/ic-app-h.0cb9.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover .ic-discount {
    background: url(../svg/ic-discount-h.11eb.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover .ic-deposit {
    background: url(../svg/ic-deposit-h.9ce1.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover .ic-transfer {
    background: url(../svg/ic-transfer-h.7b2f.svg) no-repeat 50%/100%
}

.yBLBOmo31nISYDW_Owit .pannel .menu .item:hover .ic-withdraw {
    background: url(../svg/ic-withdraw-h.aabf.svg) no-repeat 50%/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: #161212;
    cursor: auto;
    margin-top: 2px
}

.yBLBOmo31nISYDW_Owit .pannel .login {
    width: 36px;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 19px;
    border-bottom: 1px solid #fcfeff;
    color: #fcfeff;
    cursor: pointer;
    font-family: "PingFang SC";
    margin-left: 40px
}

.d434lPOMa8mMTURpAYDN {
    position: absolute;
    top: 60px;
    left: -245px;
    background: #27211f;
    width: 345px;
    height: 245px;
    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: #27211f
}

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

.d434lPOMa8mMTURpAYDN .sub-head-text {
    font-size: 12px;
    margin-top: 5px;
    color: #8f8f8f
}

.d434lPOMa8mMTURpAYDN .domain-item {
    width: 100%;
    margin-top: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 30px;
    background-color: rgba(253, 166, 169, .1);
    border-radius: 4px;
    padding-left: 8px;
    box-sizing: border-box
}

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

.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;
    display: inline-flex;
    padding: 3px 8px;
    justify-content: center;
    align-items: center;
    height: 14px
}

.d434lPOMa8mMTURpAYDN .re-test {
    height: 30px;
    line-height: 29px;
    border: 1px solid #fda6a9;
    color: #fda6a9;
    border-radius: 6px;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
    font-style: normal
}

.hIMQGjohijvBgJX2kPfK {
    background: #161212;
    font-size: 14px;
    color: #5f5e5e;
    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: #5f5e5e
}

.hIMQGjohijvBgJX2kPfK .container .link a:hover {
    color: #fff
}

.hIMQGjohijvBgJX2kPfK .container .logo {
    width: 907px;
    height: 28px;
    background: url(../images/outcache/logo.8181.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(../images/outcache/pagcor.5068.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 140px;
    height: 45px
}

.hIMQGjohijvBgJX2kPfK .container .pagcor:hover {
    background-image: url(../images/outcache/pagcor-h.7773.png)
}

.hIMQGjohijvBgJX2kPfK .bottom {
    width: 100%;
    border-top: 1px solid #1f1f1f;
    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: 18px;
    height: 18px;
    background: #8f8f8f
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span:hover {
    opacity: .8
}

.KDuiF0TawHiAqQvGQNw2 .banner-content .bottom-ctl span.active {
    width: 18px;
    height: 18px;
    background: #704123
}

.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: 63px;
    overflow: hidden
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href {
    display: flex;
    width: 80px;
    height: 56px;
    text-align: center;
    transition: all .2s;
    color: #fff8f8
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href>.sidebar-icon {
    width: 40px;
    height: 56px;
    cursor: pointer;
    background: url(../images/outcache/sadebar.1be3.png) no-repeat;
    background-size: 80px;
    background-position: top;
    display: flex;
    align-items: end;
    justify-content: center;
    white-space: nowrap;
    font-size: 10px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href:hover {
    transform: translateX(-50%)
}

.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 -56px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .mobile-active {
    background-position: -40px -56px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .deposit {
    background-position: 0px -112px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .deposit-active {
    background-position: -40px -112px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .personal {
    background-position: 0px -168px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .personal-active {
    background-position: -40px -168px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .chat {
    background-position: 0px -224px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .unread {
    background: url(../images/outcache/ser-active.cae4.png) no-repeat center;
    background-size: 105% 80%;
    margin-top: -4px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .unread-active {
    background: url(../images/outcache/ser.a3ea.png) no-repeat center;
    background-size: 105% 80%;
    margin-top: -4px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .chat-active {
    background-position: -40px -224px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .help {
    background-position: 0px -280px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .help-active {
    background-position: -40px -280px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .top {
    background-position: 0px -336px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .top-active {
    background-position: -40px -336px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .toggleBtn {
    background-position: 0px -392px
}

.MRBH1FxTLMoEGETLNRa_ .box>li .sidebar-href .toggleBtn-active {
    background-position: -40px -392px
}

.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: auto;
    right: 42px;
    top: 5px;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 3px 6px 3px rgba(108, 0, 0, .2);
    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: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

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

.lnn9cEVu_4rQwZ080qCw {
    display: flex;
    justify-content: center
}

.lnn9cEVu_4rQwZ080qCw .entry {
    width: 40px;
    height: 40px;
    background: url(../images/precache/opps.82c6.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

.lnn9cEVu_4rQwZ080qCw .entry.no-data {
    background-image: url(../images/precache/opps-nodata.f755.png) !important
}

.lnn9cEVu_4rQwZ080qCw .modal-box {
    position: absolute;
    right: 90px;
    top: 225px;
    width: 355px;
    min-height: 159px;
    padding: 30px 10px 10px;
    box-sizing: border-box;
    background-color: #27211f;
    border-radius: 10px
}

.lnn9cEVu_4rQwZ080qCw .modal-box::before {
    position: absolute;
    content: "";
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    height: 55px;
    width: 55px;
    background-image: url(../images/precache/title.32ae.png);
    background-size: contain
}

.lnn9cEVu_4rQwZ080qCw .modal-box .ic-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADkSURBVHgBrZS9DsIgFIVJMSS+oE/QOLnUwcnEvp6zqw7EkcHNFS/JwdwS/golOS3h5+NyTy7CWvsm3UhKNDa3l3RxLIGOJk0tUMAmMGY/cCZ98K+GJveyCY2Ii1Bas0OqdDQQQGecNroNhchGrE0HgFP9wqhRzAB/sCpdRaWMCg3I3SIGXSS7x7wQ6o1KG7AS6o3KG4A2VHC/rL8XrS1iQHtFbWpKrgICo04kWRNZtgKYUYZ0IA05WFUFsIoyiFjGYKsqgAXwAlyGeel5vswfSp9rTwUw6JN0dAMPW/kGFqAuVfcf42VACw9z/+0AAAAASUVORK5CYII=);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.lnn9cEVu_4rQwZ080qCw .modal-box .noData {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.lnn9cEVu_4rQwZ080qCw .modal-box .noData p {
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #868181
}

.lnn9cEVu_4rQwZ080qCw .modal-box .noData img {
    width: 73px;
    height: 64px;
    margin-top: 15px;
    margin-bottom: 10px
}

.lnn9cEVu_4rQwZ080qCw .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: #a0302e
}

.lnn9cEVu_4rQwZ080qCw .modal-box .detail-table tr {
    height: 28px
}

.lnn9cEVu_4rQwZ080qCw .modal-box .detail-table tbody {
    text-align: center
}

.lnn9cEVu_4rQwZ080qCw .modal-box .detail-table tbody>tr:nth-child(2n+1) {
    background: #fff
}

.lnn9cEVu_4rQwZ080qCw .modal-box .detail-table tbody .jump-td {
    text-decoration: underline;
    color: #fda6a9;
    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 {
    border: 1px solid #2a2828;
    height: 566px
}

.Dpsezb9hmugsDAFoclT7 .list-warp {
    width: 310px;
    background-color: #fffcfc;
    color: #3b476a;
    font-size: 12px;
    border-right: none;
    box-sizing: border-box
}

.Dpsezb9hmugsDAFoclT7 .list-warp .list-title {
    height: 72px;
    line-height: 72px;
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box {
    background-color: #27211f;
    box-shadow: none;
    border-right: none
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list {
    background-color: #191311
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li {
    color: #fff8f8
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li .time {
    color: #867163
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li:hover {
    background: #592424;
    box-shadow: none
}

.Dpsezb9hmugsDAFoclT7 .list-warp .notice-sidebar-box .list li.active {
    background: #592424;
    box-shadow: none
}

.Dpsezb9hmugsDAFoclT7 .content-warp {
    background: #1a1716
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-title {
    color: #fff8f8
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-title::after {
    background: #332423
}

.Dpsezb9hmugsDAFoclT7 .content-warp .content-detail {
    color: #d9d9d9
}

.Dpsezb9hmugsDAFoclT7 .close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 27px;
    width: 27px;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    transition: .8s all;
    z-index: 1
}

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

.om0a_pU3eFCS9vJ0TKdP {
    position: relative;
    width: 1200px;
    height: 54px;
    padding: 12px 0;
    margin: 15px auto 0;
    border-radius: 20px;
    box-sizing: border-box;
    z-index: 2;
    border-radius: 100px;
    background: var(--color-框底色);
    box-shadow: 0 8px 20px 0 rgba(0, 24, 30, .2)
}

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

.om0a_pU3eFCS9vJ0TKdP .notice .title {
    display: flex;
    background: none;
    height: 30px;
    line-height: 30px;
    vertical-align: inherit;
    color: #fda6a9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px 0 30px;
    margin-left: 10px;
    font-size: 14px;
    background: url(../svg/notice-news.2502.svg) no-repeat 0/20px 20px
}

.om0a_pU3eFCS9vJ0TKdP .notice .title span {
    font-size: 14px
}

.om0a_pU3eFCS9vJ0TKdP .notice .button {
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #fda6a9;
    border-radius: 12.5px;
    background: url(../svg/more.9ee0.svg) no-repeat;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0px 8px;
    line-height: 27px;
    display: flex;
    align-items: center
}

.om0a_pU3eFCS9vJ0TKdP .notice .button .last {
    margin: 0 0 1px 3px;
    color: rgba(0, 0, 0, 0)
}

.om0a_pU3eFCS9vJ0TKdP .notice .button .text {
    width: 50px;
    color: var(--text-文字1)
}

.om0a_pU3eFCS9vJ0TKdP .notice .scroll-lists {
    width: calc(100% - 180px)
}

.om0a_pU3eFCS9vJ0TKdP .notice .scroll-lists .scrollup {
    width: 100%
}

.om0a_pU3eFCS9vJ0TKdP .notice .Scroll-title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-文字1) !important;
    padding-right: 30px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    cursor: pointer
}

.hBSx_ncpjqDSn_6qF26A {
    margin-top: 24px
}

.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 {
    border-radius: 20px;
    position: relative;
    background: #231d1b;
    box-shadow: 0 8px 20px 3px rgba(108, 0, 0, .2);
    padding-bottom: 2px
}

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

.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-bet .match-header {
    border: 0;
    background-color: rgba(0, 0, 0, 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.7997.svg);
    background-size: 50% auto;
    width: 40px;
    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 {
    width: 4px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-track {
    border-radius: 2.5px;
    background-color: #2b231e
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #65564c;
    border-radius: 10px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list {
    background: #1a1716;
    border: 2px solid rgba(0, 0, 0, 0)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::before {
    right: 50px;
    background-image: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start .sportVideo-icon-video {
    background-image: url(../svg/icon-video.f784.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-video {
    background-image: url(../svg/icon-video.f784.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: #2e2420;
    border-color: #df5656;
    box-shadow: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover::before,
.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active::before {
    right: 50px;
    background-image: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::after {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    right: -1px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start::after {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name {
    color: #fff
}

.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;
    padding-left: 0
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .no_game {
    width: 199px;
    height: 217px;
    background-image: url(../svg/noData.64a8.svg);
    background-size: 100% 100%
}

.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: #d2b19c;
    background-image: url(../svg/change.08aa.svg);
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item::before {
    background: no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(1)::before {
    background-image: url(../svg/hot.bad9.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(2)::before {
    background-image: url(../svg/football.9328.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(3)::before {
    background-image: url(../svg/basketball.5b29.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(4)::before {
    background-image: url(../svg/auth.b68e.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived {
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../svg/change-active.ef4d.svg);
    color: #fff
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived::before {
    background-size: 15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(1)::before {
    background-image: url(../svg/hot-active.e3a0.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(2)::before {
    background-image: url(../svg/football-active.3fc7.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(3)::before {
    background-image: url(../svg/basketball-active.4ec6.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(4)::before {
    background-image: url(../svg/auth-active.10d5.svg)
}

.content-box .sport-live .sport-live-container .live_container .no_video {
    background: #1a1716
}

.content-box .sport-live .sport-live-container .live_container .live_player {
    background: none
}

.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine {
    background: #1a1716
}

.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine .ant-menu-item-active::after,
.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine .ant-menu-item-selected::after {
    content: none
}

.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 {
    top: -23px;
    height: 32px;
    background: url(../svg/title-bg.03c5.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: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    top: 3px;
    left: 33px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .moreGame {
    color: #fff8f8;
    padding-left: 0px;
    line-height: 29px;
    background: url(../svg/more.5571.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 .info-team-name {
    color: var(--text-文字主, #fff8f8)
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .score {
    color: var(--text-文字主, #fff8f8)
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_time {
    display: none
}

.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 {
    display: block;
    width: 14px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../svg/img-vs-hyphen.56c9.svg);
    background-size: contain
}

.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 div.menu-container .orders>.order-item>.bet-info {
    color: #00090e
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders>.order-item>.bet-info>div.method {
    color: inherit
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders>.order-item>.bet-info div.odds span.odds.no-change {
    color: inherit
}

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

.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 {
    border-radius: 16px 16px 0 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(156, 184, 219, .6);
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 10px;
    background: linear-gradient(0deg, #FCFCFF 0%, #EDF0FF 75%, #FCFCFF 100%)
}

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

.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(180deg, #ffabae 0%, #b00000 100%);
    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 .remove {
    border: 1px soldi red
}

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

.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: none;
    color: #c50000;
    border-right-color: #c50000
}

.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 .singleAmount .input-box input::placeholder,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .input-box input::placeholder {
    color: #8f8f8f
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn {
    border-color: #c50000;
    color: #8f8f8f
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn.max {
    color: #c50000;
    background: none
}

.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>div {
    color: #fff8f8
}

.content-box .sport-live .sport-live-container .live_container .liveBet .methodsItemTitleView .icon {
    padding: 0;
    width: 3px;
    border-radius: 3px;
    margin-left: 0;
    background-image: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .nodata {
    width: 199px;
    height: 217px;
    background-image: url(../svg/noData.64a8.svg);
    background-size: 100% 100%
}

.content-box .sport-live .scroll-row-box>div:last-child>div,
.content-box .sport-live .scroll-box>div:last-child>div {
    background-color: #d0b293 !important
}

.content-box .liveBet .moreMarketIcon {
    background-color: rgba(0, 0, 0, 0)
}

.content-box .liveBet .marketTypesText {
    color: #fff8f8
}

.content-box .liveBet .marketTypesItemBg {
    background-color: #c53333
}

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

.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 {
    border: 1px solid rgba(146, 29, 0, .3);
    line-height: 34px;
    color: #fff8f8;
    border-radius: 6px;
    background-color: #2e2420
}

.content-box .liveBet .method-area-datacell-container .container>span:nth-child(2n) {
    color: red
}

.content-box .liveBet .method-area-datacell-container .container>span:first-child {
    color: #fff8f8;
    height: 100%
}

.content-box .liveBet .method-area-datacell-container .container.actived,
.content-box .liveBet .method-area-datacell-container .container:hover {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    border-bottom-color: #b00000
}

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

.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: #95352e
}

.content-box .liveBet .marketTypesItemBg .marketTypesText {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-box .liveBet .home-shoppingBar-box1 .bet-close {
    display: block !important
}

.live_player .videoContainer.autoSpace {
    background: #1a1716
}

.live_player .water_mark {
    left: 10px;
    top: 15px;
    background-image: url(../svg/live_logo.fa12.svg)
}

.live_player .water_mark.water_mark1 {
    left: initial;
    right: 10px
}

.sport-live .show_right::before {
    display: none
}

.changeline {
    color: #868181;
    border-color: #e9e7e7;
    background-color: #fff
}

.changeline.chos {
    border: 1px solid #d2b79c;
    background-image: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.changelineTips {
    color: #65564c
}

.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-bet .match-header {
    border: 0;
    background-color: rgba(0, 0, 0, 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.7997.svg);
    background-size: 50% auto;
    width: 40px;
    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 {
    width: 4px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-track {
    border-radius: 2.5px;
    background-color: #2b231e
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #65564c;
    border-radius: 10px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list {
    background: #1a1716;
    border: 2px solid rgba(0, 0, 0, 0)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::before {
    right: 50px;
    background-image: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start .sportVideo-icon-video {
    background-image: url(../svg/icon-video.f784.svg)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sportVideo-icon-video {
    background-image: url(../svg/icon-video.f784.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: #2e2420;
    border-color: #df5656;
    box-shadow: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list:hover::before,
.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.active::before {
    right: 50px;
    background-image: none
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list::after {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    right: -1px
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list.start::after {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.content-box .sport-live .sport-live-container .scheduie .competition_list #competitionListDom .sportVideo-list .sport_event_name {
    color: #fff
}

.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;
    padding-left: 0
}

.content-box .sport-live .sport-live-container .scheduie .competition_list .no_game {
    width: 199px;
    height: 217px;
    background-image: url(../svg/noData.64a8.svg);
    background-size: 100% 100%
}

.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: #d2b19c;
    background-image: url(../svg/change.08aa.svg);
    background-size: 100% 100%
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item::before {
    background: no-repeat center/15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(1)::before {
    background-image: url(../svg/hot.bad9.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(2)::before {
    background-image: url(../svg/football.9328.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(3)::before {
    background-image: url(../svg/basketball.5b29.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item:nth-child(4)::before {
    background-image: url(../svg/auth.b68e.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived {
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../svg/change-active.ef4d.svg);
    color: #fff
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived::before {
    background-size: 15px
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(1)::before {
    background-image: url(../svg/hot-active.e3a0.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(2)::before {
    background-image: url(../svg/football-active.3fc7.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(3)::before {
    background-image: url(../svg/basketball-active.4ec6.svg)
}

.content-box .sport-live .sport-live-container .scheduie .sport_type .tab-item.actived:nth-child(4)::before {
    background-image: url(../svg/auth-active.10d5.svg)
}

.content-box .sport-live .sport-live-container .live_container .no_video {
    background: #1a1716
}

.content-box .sport-live .sport-live-container .live_container .live_player {
    background: none
}

.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine {
    background: #1a1716
}

.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine .ant-menu-item-active::after,
.content-box .sport-live .sport-live-container .live_container .live_player .videoChangeLine .ant-menu-item-selected::after {
    content: none
}

.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 {
    top: -23px;
    height: 32px;
    background: url(../svg/title-bg.03c5.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: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    top: 3px;
    left: 33px
}

.content-box .sport-live .sport-live-container .live_container .game_bet .moreGame {
    color: #fff8f8;
    padding-left: 0px;
    line-height: 29px;
    background: url(../svg/more.5571.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 .info-team-name {
    color: var(--text-文字主, #fff8f8)
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .score {
    color: var(--text-文字主, #fff8f8)
}

.content-box .sport-live .sport-live-container .live_container .game_bet .live_header_info .infoBox .score_info_box .score_info .info_detail .info_detail_time {
    display: none
}

.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 {
    display: block;
    width: 14px;
    height: 10px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../svg/img-vs-hyphen.56c9.svg);
    background-size: contain
}

.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 div.menu-container .orders>.order-item>.bet-info {
    color: #00090e
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders>.order-item>.bet-info>div.method {
    color: inherit
}

.content-box .sport-live .sport-live-container .live_container .liveBet div.menu-container .orders>.order-item>.bet-info div.odds span.odds.no-change {
    color: inherit
}

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

.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 {
    border-radius: 16px 16px 0 0;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(156, 184, 219, .6);
    width: calc(100% + 20px);
    margin-left: -10px;
    padding: 10px;
    margin-bottom: 10px;
    background: linear-gradient(0deg, #FCFCFF 0%, #EDF0FF 75%, #FCFCFF 100%)
}

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

.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(180deg, #ffabae 0%, #b00000 100%);
    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 .remove {
    border: 1px soldi red
}

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

.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: none;
    color: #c50000;
    border-right-color: #c50000
}

.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 .singleAmount .input-box input::placeholder,
.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .allAmount .input-box input::placeholder {
    color: #8f8f8f
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn {
    border-color: #c50000;
    color: #8f8f8f
}

.content-box .sport-live .sport-live-container .live_container .liveBet .home-shoppingBar-box1 .menu-container .amount-out-box .fastMoney .amount_btn.max {
    color: #c50000;
    background: none
}

.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>div {
    color: #fff8f8
}

.content-box .sport-live .sport-live-container .live_container .liveBet .methodsItemTitleView .icon {
    padding: 0;
    width: 3px;
    border-radius: 3px;
    margin-left: 0;
    background-image: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

.content-box .sport-live .sport-live-container .live_container .liveBet .nodata {
    width: 199px;
    height: 217px;
    background-image: url(../svg/noData.64a8.svg);
    background-size: 100% 100%
}

.content-box .sport-live .scroll-row-box>div:last-child>div,
.content-box .sport-live .scroll-box>div:last-child>div {
    background-color: #d0b293 !important
}

.content-box .liveBet .moreMarketIcon {
    background-color: rgba(0, 0, 0, 0)
}

.content-box .liveBet .marketTypesText {
    color: #fff8f8
}

.content-box .liveBet .marketTypesItemBg {
    background-color: #c53333
}

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

.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 {
    border: 1px solid rgba(146, 29, 0, .3);
    line-height: 34px;
    color: #fff8f8;
    border-radius: 6px;
    background-color: #2e2420
}

.content-box .liveBet .method-area-datacell-container .container>span:nth-child(2n) {
    color: red
}

.content-box .liveBet .method-area-datacell-container .container>span:first-child {
    color: #fff8f8;
    height: 100%
}

.content-box .liveBet .method-area-datacell-container .container.actived,
.content-box .liveBet .method-area-datacell-container .container:hover {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    border-bottom-color: #b00000
}

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

.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: #95352e
}

.content-box .liveBet .marketTypesItemBg .marketTypesText {
    background: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.content-box .liveBet .home-shoppingBar-box1 .bet-close {
    display: block !important
}

.live_player .videoContainer.autoSpace {
    background: #1a1716
}

.live_player .water_mark {
    left: 10px;
    top: 15px;
    background-image: url(../svg/live_logo.fa12.svg)
}

.live_player .water_mark.water_mark1 {
    left: initial;
    right: 10px
}

.sport-live .show_right::before {
    display: none
}

.changeline {
    color: #868181;
    border-color: #e9e7e7;
    background-color: #fff
}

.changeline.chos {
    border: 1px solid #d2b79c;
    background-image: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.changelineTips {
    color: #65564c
}

.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 {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 695px;
    border-radius: 12px;
    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)
}

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;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 12px;
    overflow: hidden
}

.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/fbxc.0047.png) no-repeat center;
    background-size: auto 30px;
    background-position: 20px 0px
}

div.menu-container>.menu-item .logoOImg.obgzy {
    background: url(../images/outcache/obgzy.1dbb.png) no-repeat center;
    background-size: auto 30px;
    background-position: 20px 0px
}

div.menu-container>.menu-item .logoOImg.fb {
    background: url(../images/outcache/FB.468d.png) no-repeat center;
    background-size: auto 25px;
    background-position: 20px 5px
}

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 .remove {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAACrSTKrRzOsSTKrSTOrSTSwSjWrSTOtSjWrSjKrSTKrSDerSTKrSjKsSTKrSTOsSTS3STerSTKrSTOsSjaqRDOrSTKrSTKrSTKux0JvAAAAGHRSTlMA6CfYzz8YvzD53RHzyr1kXQquUDQep3DoGIMGAAAAmUlEQVQY052R3Q7DIAhGv1ZQa2db+7Px/k86lTjX7G7nwsAJkAiozItUlhkdax6GKD/2JmllXqnJNGY4OA94F7hkCXEoiEqpSYRMNdhHYNxrOAnEbKXlSkC6SrSZLIlxg0krO1qpMzs6c2i2uwEc4vHdfcTAsMZ58Pn5tHfGqqTn+SuF+G9JK0t4cUX3p/uVKZCim26X6CzzG+4CCYXYAsLdAAAAAElFTkSuQmCC) no-repeat center/100% 100%;
    opacity: .8;
    cursor: pointer
}

div.menu-container>div.orders>div.order-item>div.name .remove: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
}

.gDJp12cQXgMy7iXSFZrv {
    background: url(../images/outcache/homePage-bg.1eaa.jpg) no-repeat;
    background-size: 100% 100%;
    overflow-y: auto
}

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

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

.gDJp12cQXgMy7iXSFZrv {
    background: #373737
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header {
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 8px;
    background: var(--color-彈窗背景色);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .06)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .avatar {
    background-image: url(../svg/user.fa2b.svg)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .infos {
    color: #42403d
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .infos .info span {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .infos .info span:first-child {
    color: var(--text-文字2)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .infos .balance {
    color: var(--text-钱)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .infos .balance .refreshBtn:hover {
    background-image: url(../images/outcache/refresh.91e4.png)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span {
    padding: 0 15px;
    position: relative;
    color: var(--text-文字1);
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    background: none
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span:hover,
.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span.active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span:hover::before,
.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span.active::before {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .fb-sport-header .tabs span::before {
    position: absolute;
    content: "";
    bottom: -11px;
    height: 3px;
    left: 15px;
    right: 15px;
    border-radius: 1.5px;
    background: none
}

.gDJp12cQXgMy7iXSFZrv div.menu-container {
    border-radius: 8px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .06);
    border: 1px solid rgba(102, 102, 102, .4)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item {
    color: var(--text-文字2)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #d0b293;
    border-radius: 10px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item::after {
    display: none
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span:first-child:hover,
.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span:first-child.actived {
    background-color: rgba(208, 178, 147, .2);
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span:first-child:hover>span,
.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span:first-child.actived>span {
    background: #ff7373;
    color: #fff
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span:first-child>span {
    color: var(--color-主色淡)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.ball-type {
    color: #867163
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.selectorBtnView,
.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.ball-type:hover {
    color: var(--text-文字1);
    background: linear-gradient(90deg, #664D4D 0%, #271F1F 100%)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.unsettled-order {
    background-image: url(../images/outcache/history.373a.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.order-list {
    background-image: url(../images/outcache/order.373a.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.roll-ball {
    background-image: url(../images/outcache/rollball.1544.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.pop-events {
    background-image: url(../images/outcache/popular.81c7.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.sports-events {
    background-image: url(../images/outcache/sport.a5ef.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.winner-events {
    background-image: url(../images/outcache/winner.d4f8.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.gotoMenus {
    padding-left: 38px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.gotoMenus:hover {
    background-color: rgba(0, 0, 0, 0) !important
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>.menu-item>span.gotoMenus::after {
    display: none
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box {
    border-top: none;
    color: var(--text-文字1);
    padding: 0px 0 10px 0;
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.allAmount-box {
    color: var(--text-文字1);
    background: #383331;
    box-sizing: border-box;
    padding: 10px 8px 5px 8px;
    margin-bottom: 5px !important;
    border-radius: 5px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.allAmount-box.chuanguan {
    margin-bottom: 0 !important;
    padding-bottom: 0
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.buttons {
    border-top: none;
    justify-content: center;
    padding: 0 8px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.buttons>span.cancel {
    width: 50px;
    margin-right: 20px;
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--text-提示);
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.buttons>span.submit {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.submit-box>div.buttons>span {
    flex: 1
}

.gDJp12cQXgMy7iXSFZrv div.menu-container div.match-types-box>div.match-types {
    padding: 0
}

.gDJp12cQXgMy7iXSFZrv div.menu-container div.match-types-box>div.match-types>span.cancel {
    margin: 0;
    color: #d0b293;
    border-color: #d0b293
}

.gDJp12cQXgMy7iXSFZrv div.menu-container div.match-types-box>div.match-types>span.submit {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item {
    margin-bottom: 5px;
    background: #383331;
    box-shadow: none
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.winable-amount-box {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.winable-amount-box .title {
    color: inherit
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.bet-close.red {
    background: #ff7373
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.name>span {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.name::before {
    width: 5px;
    height: 15px;
    margin-left: -8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAtCAMAAABLcrECAAAA21BMVEUAAADtgoWvEBXwi43ibG60CQm8GRq0Bgb5naG0DQ33m6PxjpH5nqD2lpj+pai5ERP9qKy8GhrzkZP8paf3nZ//p6+3GBjvj5/vh4nrgIHneHrmdHbkcHLhaWrfZWbdYWPbXV/aWVvYVlfWUlPUTk/RRkfPQ0TNP0DMOzzKNzjELCzCKCnBJCW/ICH0k5Xyj5G9HB27GRnHMzTGMDG6FBX4mp3wi43tg4bpfH64ERHSSkv8o6b1lpnjbW/SS0y2DQ60CQn5nqD1lpjqe33jbW7INDTGLzD5nqHxi43hc7D7AAAAGHRSTlMA/hD+/u/fr59QIO/f396vn5+AYGAgIBBbOwyUAAAAqUlEQVQY0zXIhZLCUBBE0Qu7y7q7G+4aJEiC//8XMXm8PtNdNdXcPOKFV/f6wvDkjES8ieOLB0zPSebxeG6ZXz5T9+5oeOcEQXCQZMuL0DeplJVXYTEYWKy8Ce/Ch7CcHE5c+RS+hG/hR/gV/oR/IStMR6OpO3JCXigIRaEktBMrC+uOs+5QFipCVagJTS9Dy7ulu5d5Yuhcp2Fmjk4xURQdp3GfDXt+gB1k/jg4xmuBWQAAAABJRU5ErkJggg==) no-repeat
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.name>.remove {
    background-image: url(../images/outcache/remove.dffd.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>div.league {
    color: var(--text-提示);
    border: 0
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>.bet-info {
    border-radius: 3px;
    background: var(--color-輸入框底色);
    border: 1px solid rgba(102, 102, 102, .7)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>.bet-info>.method {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>.bet-info>.odds {
    color: var(--text-文字1);
    font-weight: 500
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.orders>div.order-item>.bet-info>.odds span.odds.no-change {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.bet-types {
    margin-top: 0;
    padding-top: 10px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.bet-types>span {
    color: #867163;
    width: 26%;
    margin: 0 12%
}

.gDJp12cQXgMy7iXSFZrv div.menu-container>div.bet-types>span.active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    border-bottom-color: #b00000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container .noData {
    background-image: url(../images/outcache/noData.2330.png)
}

.gDJp12cQXgMy7iXSFZrv div.menu-container .gotoMenus {
    background: linear-gradient(90deg, #664d4d 0%, #271f1f 100%);
    color: var(--text-文字1);
    font-weight: 400;
    padding-left: 38px
}

.gDJp12cQXgMy7iXSFZrv div.menu-container .gotoMenus::before {
    background-color: var(--color-彈窗背景色);
    padding: 2px 5px;
    top: 12%;
    background-size: auto 70%;
    border-radius: 10px
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .allAmount,
.gDJp12cQXgMy7iXSFZrv .amount-out-box .singleAmount {
    box-shadow: none;
    background: var(--color-輸入框底色);
    border-color: rgba(102, 102, 102, .7)
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .allAmount .input-box input,
.gDJp12cQXgMy7iXSFZrv .amount-out-box .singleAmount .input-box input {
    padding-right: 0;
    color: var(--text-文字2);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .allAmount .label,
.gDJp12cQXgMy7iXSFZrv .amount-out-box .singleAmount .label {
    color: var(--text-文字1);
    border-right-color: rgba(102, 102, 102, .7);
    background: none
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney {
    background: none
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn {
    border: 1px solid rgba(102, 102, 102, .7);
    color: var(--text-提示);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn:hover,
.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn.active {
    color: #fff;
    background-image: linear-gradient(180deg, #df5656 0%, #792e2e 100%)
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn:hover.max,
.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn.active.max {
    color: #fff;
    background-image: linear-gradient(180deg, #df5656 0%, #792e2e 100%)
}

.gDJp12cQXgMy7iXSFZrv .amount-out-box .fastMoney .amount_btn.max {
    color: var(--text-提示);
    border: 1px solid rgba(102, 102, 102, .7);
    background: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.right {
    border-radius: 0;
    width: 302px
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.right .methodsContentView {
    margin-top: 4px
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left {
    box-shadow: none
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>.header {
    border-left: 1px solid rgba(102, 102, 102, .4);
    border-right: 1px solid rgba(102, 102, 102, .4);
    box-sizing: border-box
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left .methodsContentView.details {
    margin-top: 4px
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>.list-content.overlyr-active {
    filter: blur(7.5px);
    pointer-events: none
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys {
    border-radius: 8px;
    margin-bottom: 6px;
    background-color: var(--color-彈窗背景色);
    border: 1px solid rgba(102, 102, 102, .4)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .match-name {
    border-radius: 3px;
    border: 1px solid rgba(102, 102, 102, .4)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .match-name>span {
    color: rgba(0, 0, 0, 0);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAARVBMVEUAAABgUFBlVkxmWExoWFBlV01lV0tlVkxlV0xmVk1lV0xlVkxmV01kVkxkVUxwUFBmVk1mWU5kV01lV0tmVk1jVk1lVkyPBlZ7AAAAFnRSTlMAEM9AIJ9g77/f34Cvf5AQjzBwsFBQ9dI+CgAAAVBJREFUSMftldtyhCAMhgPImfXUbd7/UTvgDO2u8kvdW78rZ+JnSAhCNzcXUXMKzBycNsP/zGG2/Iek+tVp5ndkb3Zl+YBHl/uo74ekk7M1ueh3k5qosGjPBS86Xf1S42q7cj85Y9V79yVnZrxFoazvoLW62ArJuro73FnZA2fMYUyUtsWTxLq1/aUbbblU3JwlB6tWW2IYHlvRMUefTVnY3DK4LkGE46BkmR/QypZGMMcckA3qWO0Xkg2Qv04zX6w5IlniEaKEuj2eHJyAPm7w6C+wJ6KMvoDHxuARivC8Cjz6dgBfRmPg2v+5B9fzilKzbrqREGO9XI5cTxi3vWVee+X6Lg3hueB+daW598oZJG9YF40xqw5VrTas+wgp+2zjd6qNJICNdBsnoh67dqnWntas7mzMpJT5XuqWAxuwtx19YtMHtqerts6jf3PTzQ83myp12HmjegAAAABJRU5ErkJggg==) no-repeat center;
    padding: 4px 5px;
    background-color: var(--color-輸入框底色);
    background-size: contain
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .match-name #query_to_sport_match {
    border: none
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .match-name>input {
    border-radius: 2px;
    color: var(--text-文字1);
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: none;
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .match-name>input::placeholder {
    color: #c9c0c0
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .sort-box i {
    filter: invert(1)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .sort-box span {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .sort-box span:hover,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .sort-box span.actived {
    color: var(--color-主色淡)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select {
    color: var(--text-提示);
    background-color: var(--color-輸入框底色);
    box-shadow: none
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .chipsBtn {
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 2px;
    color: var(--text-提示);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .select-Leagut-btn {
    color: var(--text-文字2)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn:hover {
    background-image: url(../images/outcache/refresh.91e4.png)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result {
    color: var(--text-文字1);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .header,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .header,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .header,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .header {
    border-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .header .data-length span,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .header .data-length span,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .header .data-length span,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .header .data-length span {
    color: var(--color-主色淡)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .data-item,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .data-item,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .data-item,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .data-item {
    color: inherit;
    border-color: #48413d
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .data-item .name-box span.green,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .data-item .name-box span.green,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .data-item .name-box span.green,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .data-item .name-box span.green {
    color: #209e1e
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .data-item .time-box,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .data-item .time-box,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .data-item .time-box,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .data-item .time-box {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn .nodata,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel .nodata,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select .nodata,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result .nodata {
    background-image: url(../images/outcache/noData.2330.png);
    background-size: auto 80%
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .refreshBtn::-webkit-scrollbar-thumb,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings .pannel::-webkit-scrollbar-thumb,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys div.settings>select::-webkit-scrollbar-thumb,
.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left>div.querys .search-result::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #d0b190;
    border-radius: 10px
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left div.leagues>div.league-item {
    color: var(--text-文字1);
    margin-bottom: 1px;
    border-radius: 8px;
    border: 1px solid rgba(102, 102, 102, .4);
    background: var(--color-彈窗背景色);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .06)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left div.leagues>div.league-item>.arrow-box i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAVCAYAAADID4fUAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADDSURBVHgB7dPLDQIhEIDhGUKIJViABxNa8GA5lunBFkg4WIAlGEKCjMkazO6ygLvMxf/E4zDfAdAYs3fO7YAppdRTeu8vQgjgKs4HvulJf8QQISzwZoWU8gp8EEvzkVb0TeMrPcflEfr1BmitHzicdIZ8ALTB9KYT5AswQnSAjACTiA0hk4BZxAaQWUAWsSIkC1hErABZBBQhfoAUAYoRDZBiQBWiAlIFqEYUQKoBTYgMpAnQjEggJ0Q8hBDuEXBrAVAvLySTA7TTRwsAAAAASUVORK5CYII=);
    transform: rotate(180deg)
}

.gDJp12cQXgMy7iXSFZrv div.match-list-container>.left div.leagues>div.league-item>.arrow-box i.arrowDown {
    transform: rotate(0deg)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox {
    background: none;
    border: 1px solid rgba(102, 102, 102, .4)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-header {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box {
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box .note {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box .amount-input {
    color: var(--text-文字1);
    border-color: rgba(102, 102, 102, .7);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box .button-box button.submitOrder {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box .button-box div.clearAllOrder {
    border-color: #fda6a9;
    color: #fda6a9 !important
}

.gDJp12cQXgMy7iXSFZrv .chipSettiongBox .set-chip-box .clean-btn {
    border-color: #666 !important;
    color: #666 !important
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container {
    color: var(--text-文字1);
    border-radius: 8px;
    border: 1px solid rgba(102, 102, 102, .4);
    background-color: var(--color-彈窗背景色);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .06)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container._cur {
    border-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(var(--color-彈窗背景色), var(--color-彈窗背景色)), linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow: hidden
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item:first-child .no-change>span:nth-child(2) {
    color: red
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item:nth-child(2) .no-change>span:nth-child(2) {
    color: #209e1e
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div {
    border-radius: 2px
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.no-change {
    border-color: rgba(102, 102, 102, .7);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.no-change>span:nth-child(2) {
    color: var(--text-文字2)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.checked {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.checked>span {
    color: #fff
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.checked>span:nth-child(2) {
    color: #fff !important
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.checked.rise>span:nth-child(2) {
    color: #f76e53
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.methods>div>div.odds-item>div.checked.fall>span:nth-child(2) {
    color: #5dc64e
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.infos>div.time>div {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.infos>div.time.cur {
    border-image-source: linear-gradient(180deg, #ffabae 0%, #b00000 100%)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.infos div.score>div {
    color: var(--color-主色淡)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.infos div.score>div.more-methods {
    color: var(--text-文字1);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBdY3BCYAwEAQ3q+DXEmzFDlKKbz9HUPxaiiWInaQD/fqJJkogBLJwLNzMcUAhahHRINfbud4YYyOgAlrfXUPuU5AiSK67itxmkSEHv0meoetkd/nRo8jxAeWNB7D582JeRPYafv1vMXcAAAAASUVORK5CYII=)
}

.gDJp12cQXgMy7iXSFZrv div.sport-match-item-container>div.infos div.score>div.more-methods.cur {
    color: var(--text-文字1);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAYAAADaxo44AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBdY3BCYAwEAQ3q+DXEmzFDlKKbz9HUPxaiiWInaQD/fqJJkogBLJwLNzMcUAhahHRINfbud4YYyOgAlrfXUPuU5AiSK67itxmkSEHv0meoetkd/nRo8jxAeWNB7D582JeRPYafv1vMXcAAAAASUVORK5CYII=)
}

.gDJp12cQXgMy7iXSFZrv .left .back {
    background-color: #27211f;
    color: var(--text-文字1, #fff8f8);
    font-weight: 400;
    border: 1px solid rgba(102, 102, 102, .4);
    border-bottom: 0
}

.gDJp12cQXgMy7iXSFZrv .left .back>span {
    left: 52px
}

.gDJp12cQXgMy7iXSFZrv .left .back>span::before {
    background: url(../images/outcache/goback.950a.png) no-repeat;
    width: 30px;
    left: -36px;
    background-size: auto 100%
}

.gDJp12cQXgMy7iXSFZrv .left,
.gDJp12cQXgMy7iXSFZrv .right {
    color: #42403d
}

.gDJp12cQXgMy7iXSFZrv .left .match-header,
.gDJp12cQXgMy7iXSFZrv .right .match-header {
    width: auto;
    border: 1px solid rgba(102, 102, 102, .4);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: var(--color-彈窗背景色);
    overflow: hidden
}

.gDJp12cQXgMy7iXSFZrv .left .moreMarketIcon,
.gDJp12cQXgMy7iXSFZrv .right .moreMarketIcon {
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv .left .marketTypesText,
.gDJp12cQXgMy7iXSFZrv .right .marketTypesText {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .left .marketTypesItemBg,
.gDJp12cQXgMy7iXSFZrv .right .marketTypesItemBg {
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .left .methodsItemTitleView,
.gDJp12cQXgMy7iXSFZrv .right .methodsItemTitleView {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .left .methodsItemTitleView .icon,
.gDJp12cQXgMy7iXSFZrv .right .methodsItemTitleView .icon {
    width: 5px;
    height: 16px;
    margin-left: -5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAtCAMAAABLcrECAAAA21BMVEUAAADtgoWvEBXwi43ibG60CQm8GRq0Bgb5naG0DQ33m6PxjpH5nqD2lpj+pai5ERP9qKy8GhrzkZP8paf3nZ//p6+3GBjvj5/vh4nrgIHneHrmdHbkcHLhaWrfZWbdYWPbXV/aWVvYVlfWUlPUTk/RRkfPQ0TNP0DMOzzKNzjELCzCKCnBJCW/ICH0k5Xyj5G9HB27GRnHMzTGMDG6FBX4mp3wi43tg4bpfH64ERHSSkv8o6b1lpnjbW/SS0y2DQ60CQn5nqD1lpjqe33jbW7INDTGLzD5nqHxi43hc7D7AAAAGHRSTlMA/hD+/u/fr59QIO/f396vn5+AYGAgIBBbOwyUAAAAqUlEQVQY0zXIhZLCUBBE0Qu7y7q7G+4aJEiC//8XMXm8PtNdNdXcPOKFV/f6wvDkjES8ieOLB0zPSebxeG6ZXz5T9+5oeOcEQXCQZMuL0DeplJVXYTEYWKy8Ce/Ch7CcHE5c+RS+hG/hR/gV/oR/IStMR6OpO3JCXigIRaEktBMrC+uOs+5QFipCVagJTS9Dy7ulu5d5Yuhcp2Fmjk4xURQdp3GfDXt+gB1k/jg4xmuBWQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    padding-left: 0
}

.gDJp12cQXgMy7iXSFZrv .left .methodsItemTitleView .cate-head,
.gDJp12cQXgMy7iXSFZrv .right .methodsItemTitleView .cate-head {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .left .methodsItemView,
.gDJp12cQXgMy7iXSFZrv .right .methodsItemView {
    margin-top: 0;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 8px;
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv .left .nodata,
.gDJp12cQXgMy7iXSFZrv .right .nodata {
    width: 240px;
    text-align: center;
    overflow: hidden;
    padding-top: 252px;
    box-sizing: border-box;
    margin: 0 auto
}

.gDJp12cQXgMy7iXSFZrv .left .nodata,
.gDJp12cQXgMy7iXSFZrv .right .nodata {
    background-image: url(../images/outcache/noData.2330.png)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container {
    border: 1px solid rgba(102, 102, 102, .4);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0;
    overflow: hidden
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .event-group-box {
    color: var(--text-文字1);
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container>div.video {
    margin: auto;
    background: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box {
    background-color: var(--color-彈窗背景色);
    margin: auto
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .match-league .head-name span {
    color: #666
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shuju {
    background-image: url(../svg/shuju.d460.svg)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.shipin {
    background-image: url(../svg/shipin.ea2a.svg)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.donghua {
    background-image: url(../svg/donghua.b503.svg)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.shuju {
    background-image: url(../svg/shuju_active.3df1.svg)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.shipin {
    background-image: url(../svg/shipin_active.cf90.svg)
}

.gDJp12cQXgMy7iXSFZrv div.sport-live-window-container .match-title-box .match-title-con .live-icon i.select.donghua {
    background-image: url(../svg/donghua_active.4bc3.svg)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .list_ty {
    background: none
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .money .betmoney span {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item {
    background-color: #383331
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .orderid {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .orderid span {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .ops_list .league {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .ops_list .font_s {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .ops_list .orderList {
    color: var(--text-文字1);
    background-color: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item>div.cancel {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .UnsettledBets-container .bet-item .orderList .orderList {
    background: #fff;
    margin-left: -5px;
    margin-right: -5px;
    border: none;
    border-radius: 0
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.matchTeam .container {
    border: none
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.matchTeam .container span {
    color: var(--text-文字2) !important
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.matchTeam~.container:nth-child(2n) .no-change {
    color: #209e1e
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.matchTeam~.container:nth-child(2n+1) .no-change {
    color: red
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container {
    border-radius: 3px;
    border: 1px solid rgba(102, 102, 102, .7);
    background: var(--color-輸入框底色)
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container:nth-child(even) .no-change {
    color: red
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container:nth-child(odd) .no-change {
    color: #209e1e
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container>span:first-child {
    color: var(--text-文字1)
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container.actived {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container.actived .no-change {
    color: #fff
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .container.actived>span {
    color: #fff !important
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.one-third .container .textRight.no-change {
    color: var(--text-提示)
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.one-third .container:first-child .no-change {
    color: #209e1e
}

.gDJp12cQXgMy7iXSFZrv .method-area-datacell-container .fullLine.one-third .container:last-child .no-change {
    color: red
}

.gDJp12cQXgMy7iXSFZrv .leagues-filter-box .header div.btn-confirm,
.gDJp12cQXgMy7iXSFZrv .leagues-filter-box .header div:hover.btn-confirm {
    padding: 1px 11px;
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container {
    background-color: var(--color-主背景, #1a1716);
    color: var(--text-文字1, #fff8f8)
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupTitleText {
    color: inherit
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .leagueNameView {
    background: #27211f;
    color: inherit
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .leagueNameView p {
    color: inherit !important
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .matchLoader {
    margin: 15px;
    color: #51463f
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupContainer .methodGroupTitle {
    color: #d0b293
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem {
    border-radius: 4px;
    background-color: #382e2b;
    overflow: hidden
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem:hover .methodGroupContentItemText,
.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupContainer .methodGroupContent>div.methodGroupContentItem.active .methodGroupContentItemText {
    color: inherit;
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.gDJp12cQXgMy7iXSFZrv div.winner-list-container .methodGroupContainer .methodGroupContent .methodGroupContentItemText:last-child {
    color: var(--text-文字强调, #d33d3f)
}

.gDJp12cQXgMy7iXSFZrv .simple-event-box .league-item {
    margin-bottom: 5px;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box
}

.gDJp12cQXgMy7iXSFZrv .simple-event-box .league-item .league-name {
    color: var(--text-文字1);
    background-color: var(--color-彈窗背景色)
}

.gDJp12cQXgMy7iXSFZrv .simple-event-box .league-item .sport-match-item-container {
    border: 0;
    border-radius: 0 0 8px 8px;
    margin: auto
}

.fb-history-container {
    border: 0 !important
}

.fb-history-container div.table-box {
    background-color: var(--color-彈窗背景色)
}

.fb-history-container div.table-box .table-head {
    color: var(--text-文字2);
    border-radius: initial;
    background: rgba(253, 166, 169, .1)
}

.fb-history-container div.table-box .number {
    text-align: center
}

.fb-history-container div.table-box .table-body .colunm {
    color: var(--text-文字1) !important;
    border: 0;
    background-color: var(--color-彈窗背景色)
}

.fb-history-container div.table-box .table-body .number,
.fb-history-container div.table-box .table-body .order,
.fb-history-container div.table-box .table-body .bet-type {
    color: #a9a9a9
}

.fb-history-container .fast-order-list {
    border: 0 !important
}

.fb-history-container .fast-order-list>.title {
    color: var(--text-文字1)
}

.fb-history-container .fast-order-list button.ant-btn {
    color: var(--text-2級, #867163);
    border: 1px solid rgba(102, 102, 102, .7);
    background: #382e2b
}

.fb-history-container .fast-order-list button.ant-btn:hover,
.fb-history-container .fast-order-list button.ant-btn.active {
    background: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%);
    border-color: rgba(102, 102, 102, .7);
    color: var(--text-文字1, #fff8f8)
}

.fb-history-container span.query {
    color: var(--text-文字1);
    border: 1px solid rgba(102, 102, 102, .7);
    background-image: linear-gradient(180deg, #df5656 0%, #792e2e 100%)
}

.fb-history-container span.query:hover {
    background-image: linear-gradient(180deg, #df5656 0%, #792e2e 100%)
}

.fb-history-container .noData {
    width: 240px;
    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.2330.png)
}

.fb-history-container .left .ant-picker,
.fb-history-container .left .ant-picker-separator,
.fb-history-container .left .anticon-calendar,
.fb-history-container .left .ant-picker-clear {
    color: var(--text-文字1, #fff8f8)
}

.fb-history-container .left .ant-picker {
    background: #382e2b;
    border-color: rgba(102, 102, 102, .7)
}

.fb-history-container .left .ant-picker-input.ant-picker-input-placeholder>input,
.fb-history-container .left .ant-picker-input>input::placeholder {
    color: inherit
}

.leagues-filter-box {
    color: var(--text-文字1, #fff8f8);
    background: var(--color-彈窗背景色, #27211f);
    border: 1px solid rgba(102, 102, 102, .4)
}

.leagues-filter-box .header div.btn-cancel {
    color: var(--color-主色淡, #fda6a9);
    border: 1px solid #fda6a9;
    background: #382e2b
}

.leagues-filter-box .header div.btn-cancel:hover {
    background: inherit
}

.leagues-filter-box .selectLea-box-league .league-box-title .titleName {
    color: inherit
}

.leagues-filter-box .selectLea-sports-content-row.minHeight {
    height: 42px
}

.leagues-filter-box .selectLea-sports-content-row .area_name {
    position: relative;
    color: inherit;
    background: rgba(253, 166, 169, .1)
}

.leagues-filter-box .selectLea-sports-content-row .count {
    color: #382e2b;
    background: #8f8f8f
}

.leagues-filter-box .selectLea-sports-content-row .btn-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    height: auto;
    padding: 0;
    transform: translateY(-50%)
}

.leagues-filter-box .selectLea-sports-content-row .btn-arrow i {
    position: static;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAASFBMVEUAAACwsLCtra2xsbGwsLCxsbGvr6+wsLCxsbGurq6zs7OwsLCvr6+wsLCwsLCurq6zs7OwsLCwsLCvr6+0tLSwsLCxsbGwsLAWKUkOAAAAF3RSTlMA7Qhc3veJVEsuEfOQ0kM7NSLbgBu1s/0VqxIAAAC3SURBVDjL7c9ZEoMgEATQYRGiKK7J3P+maYuUhXTlBMl8Cb5pW/npWfLtaPNCwhtXn53xrclGa+O8mtwQi0vvLnFfqK8f5fFhKs6mCM64llMUiYXyDGtZjxEQ4hhIPKe5BCQwkXl6HW0RVX+apB+h2taxY6e+P03Cq95rN1r5Yhx6rBABgtqETicYZGwlg8cG1W2FQI9Q/ofNrvgWeuh+ZXAO+jQ9qA86k+Ccbmx6sKEMNlb+I/IGvbkH7yxw0VoAAAAASUVORK5CYII=)
}

.fb-sport-container .sports>div.main-contents>div.main-container-nodata {
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 8px;
    background: #27211f
}

.fb-sport-container .ant-skeleton .ant-skeleton-content {
    padding: 10px
}

.fb-sport-container .ant-skeleton .ant-skeleton-content .ant-skeleton-title,
.fb-sport-container .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li {
    background: #373737
}

.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: #fff8f8;
    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;
    font-weight: 700
}

.DIWnqJoR3KLcbNLinpoG .title .title-left .text-icon {
    height: 10px
}

.DIWnqJoR3KLcbNLinpoG .title .title-left .text {
    font-size: 16px;
    color: #fff8f8;
    margin-left: 15px
}

.DIWnqJoR3KLcbNLinpoG .title .title-right {
    font-size: 24px;
    font-weight: 900;
    color: #fff8f8
}

.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: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center
}

.CYoiUzV3T0rMCUhRxAYi .item .logo img {
    width: 100%
}

.CYoiUzV3T0rMCUhRxAYi .item .name {
    font-stretch: normal;
    line-height: 22px;
    font-size: 16px;
    text-align: center;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    color: #867163
}

.s5w1yhRmK4Qosuen1bAW {
    position: absolute;
    top: 34px;
    right: 36px;
    z-index: 2
}

.s5w1yhRmK4Qosuen1bAW li {
    position: relative;
    width: 161px;
    height: 60px;
    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.5ef8.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-im:hover {
    background-image: url(../images/precache/im-h.10c8.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-obg {
    background-image: url(../images/precache/obg.7fc1.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-obg:hover {
    background-image: url(../images/precache/obg-h.5212.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-fb {
    background-image: url(../images/precache/fb.3066.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-fb:hover {
    background-image: url(../images/precache/fb-h.6cdc.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-imone {
    background-image: url(../images/precache/imone.3c7f.png)
}

.s5w1yhRmK4Qosuen1bAW .sport-imone:hover {
    background-image: url(../images/precache/imone-h.1168.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-ag {
    background-image: url(../images/precache/ag.31f4.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-ag:hover {
    background-image: url(../images/precache/ag-h.3ecb.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-obgzr {
    background-image: url(../images/precache/obgzr.c457.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-obgzr:hover {
    background-image: url(../images/precache/obgzr-h.b057.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bg {
    background-image: url(../images/precache/bg.ba47.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bg:hover {
    background-image: url(../images/precache/bg-h.b1fd.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bbin {
    background-image: url(../images/precache/bbin.95b4.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-bbin:hover {
    background-image: url(../images/precache/bbin-h.3902.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-pt {
    background-image: url(../images/precache/pt.3bb8.png)
}

.s5w1yhRmK4Qosuen1bAW .casino-pt:hover {
    background-image: url(../images/precache/pt-h.b30c.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-lh {
    background-image: url(../images/precache/lh.13ff.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-lh:hover {
    background-image: url(../images/precache/lh-h.a87a.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-obgdj {
    background-image: url(../images/precache/obgdj.4a2d.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-obgdj:hover {
    background-image: url(../images/precache/obgdj-h.4d48.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-imone {
    background-image: url(../images/precache/imone.2337.png)
}

.s5w1yhRmK4Qosuen1bAW .esports-imone:hover {
    background-image: url(../images/precache/imone-h.2597.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn5fc {
    background-image: url(../images/precache/hn5fc.a421.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn5fc:hover {
    background-image: url(../images/precache/hn5fc-h.35d0.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn1fc {
    background-image: url(../images/precache/hn1fc.c629.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-hn1fc:hover {
    background-image: url(../images/precache/hn1fc-h.54f4.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-jnd30m {
    background-image: url(../images/precache/jnd30m.ad1c.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-jnd30m:hover {
    background-image: url(../images/precache/jnd30m-h.9dd4.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-txffc {
    background-image: url(../images/precache/txffc.7c78.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-txffc:hover {
    background-image: url(../images/precache/txffc-h.b673.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-xyft {
    background-image: url(../images/precache/xyft.af34.png)
}

.s5w1yhRmK4Qosuen1bAW .lottery-xyft:hover {
    background-image: url(../images/precache/xyft-h.c660.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-yy {
    background-image: url(../images/precache/yy.ecc1.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-yy:hover {
    background-image: url(../images/precache/yy-h.205d.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-aug {
    background-image: url(../images/precache/aug.638f.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-aug:hover {
    background-image: url(../images/precache/aug-h.9f7b.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-obgqp {
    background-image: url(../images/precache/obgqp.ad14.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-obgqp:hover {
    background-image: url(../images/precache/obgqp-h.7325.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-ky {
    background-image: url(../images/precache/ky.7b83.png)
}

.s5w1yhRmK4Qosuen1bAW .chess-ky:hover {
    background-image: url(../images/precache/ky-h.b1a3.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pp {
    background-image: url(../images/precache/pp.81d7.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pp:hover {
    background-image: url(../images/precache/pp-h.4642.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-ag {
    background-image: url(../images/precache/ag.9851.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-ag:hover {
    background-image: url(../images/precache/ag-h.b19e.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-agArcade {
    background-image: url(../images/precache/agArcade.0ae3.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-agArcade:hover {
    background-image: url(../images/precache/agArcade-h.1eff.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-bbin {
    background-image: url(../images/precache/bbin.3689.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-bbin:hover {
    background-image: url(../images/precache/bbin-h.6a98.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pt {
    background-image: url(../images/precache/pt.6790.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pt:hover {
    background-image: url(../images/precache/pt-h.3b1b.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pg {
    background-image: url(../images/precache/pg.dd4f.png)
}

.s5w1yhRmK4Qosuen1bAW .slot-pg:hover {
    background-image: url(../images/precache/pg-h.86c0.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-ag {
    background-image: url(../images/precache/ag.95ad.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-ag:hover {
    background-image: url(../images/precache/ag-h.8c14.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-sg {
    background-image: url(../images/precache/sg.2aeb.png)
}

.s5w1yhRmK4Qosuen1bAW .fishing-sg:hover {
    background-image: url(../images/precache/sg-h.36b4.png)
}

._r1NGr7Mjs0Kx4F8d_xF .content-box {
    position: relative;
    padding: 0;
    height: 560px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center {
    height: 596px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-img {
    position: absolute;
    top: 40px;
    right: 250px;
    width: 450px;
    height: 500px;
    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: #fff8f8;
    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: #fff8f8;
    margin: 6px 0px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .gamesCenter-main-header .title-right p {
    font-size: 18px;
    line-height: 26px;
    color: #fda6a9
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main>p {
    width: 357px;
    color: #fff8f8;
    line-height: 23px;
    font-size: 14px
}

._r1NGr7Mjs0Kx4F8d_xF .content-box .game-center .gamesCenter-main .enterGameBtn {
    display: block;
    width: 200px;
    height: 65px;
    background: url(../images/precache/enterGameBtn.0629.png) 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 .gamesCenter-main .enterGameBtn:hover {
    opacity: .8
}

._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;
    padding: 15px 30px;
    border-radius: 20px;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #664D4D 0%, #271F1F 100%)
}

._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 {
    width: 100%;
    height: 500px;
    padding: 70px 100px;
    box-sizing: border-box;
    padding-left: 0 !important
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .left-img {
    float: left;
    width: 600px;
    height: 520px;
    background: url(../images/precache/app-download-leftImg.9401.png) no-repeat;
    background-size: 100% auto
}

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

.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 {
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 3px;
    text-align: center
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .main-content-text p {
    font-size: 14px;
    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;
    box-sizing: border-box;
    color: #868181;
    padding: 19px;
    border-radius: 20px;
    border: 1px solid #d9c2aa;
    background: #fff;
    margin-top: 24px
}

.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: 1px solid #fff
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .qrcode-text-item .useUrl {
    background: url(../images/precache/img-html5.80b1.png) no-repeat center;
    border-color: rgba(0, 0, 0, 0)
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .content-text {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 15px;
    line-height: 20px
}

.WW83GzSfWFnGcrJ59Tt4 .content-box .right-area .main-content .qrcode-warp .qrcode-text .content-text a {
    text-decoration: underline;
    color: #ae7753
}

.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(../images/precache/dashBoard-box.1469.png) 0/cover no-repeat
}

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

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-top .dashBoard-item .dashBoard-name-en {
    font-size: 12px;
    color: #8f8f8f;
    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: 1px;
    background: #d2d2d2
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 47px 45px 30px 60px;
    box-sizing: border-box
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item .title-img {
    width: 140px;
    height: 110px;
    background: none;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 30px;
    background-position: 0
}

.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: 24px;
    color: #fff
}

.VLQ8Z9dNVul957d6WUxI .pro-service .pro-service-bottom .card-item p {
    line-height: 20px;
    color: #d2b19c
}

.AgG07fQKJD8wywp8fBJm .main {
    width: 100%;
    height: 740px;
    background: url(../images/precache/bg.a176.jpg) no-repeat;
    background-size: 100% 100%
}

.AoyG5BNCBPEC3h01cMQQ {
    min-height: 100vh;
    background: url(../images/outcache/bg.19b0.jpg) no-repeat center top #fff;
    background-size: 100%;
    min-width: 1170px;
    overflow: hidden
}

.AoyG5BNCBPEC3h01cMQQ .small-banner {
    width: 162px;
    height: 124px;
    position: absolute;
    top: 5px;
    right: 5px;
    overflow: hidden
}

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

.AoyG5BNCBPEC3h01cMQQ .small-banner ul .item {
    width: 162px;
    height: 124px;
    display: none
}

.AoyG5BNCBPEC3h01cMQQ .small-banner ul .item-1 {
    background: url(../images/precache/ag.0e63.png) no-repeat center;
    display: block
}

.AoyG5BNCBPEC3h01cMQQ .small-banner ul .item-2 {
    background: url(../images/precache/pt.a759.png) no-repeat center
}

.AoyG5BNCBPEC3h01cMQQ .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 {
    max-width: 214px
}

.dNfkgGSgMji36xmwUlny>.clock {
    box-sizing: border-box;
    border-radius: 5px !important;
    background: #423d3c !important;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .25);
    width: 56px
}

.dNfkgGSgMji36xmwUlny>.clock>.current,
.dNfkgGSgMji36xmwUlny>.clock .next {
    width: 56px;
    height: 56px;
    color: #fff;
    text-indent: 3px;
    background: #423d3c;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .25);
    border-radius: 4px;
    font-family: "DINPro";
    font-style: normal;
    font-weight: 700;
    font-size: 36px
}

.dNfkgGSgMji36xmwUlny>.clock>.current span,
.dNfkgGSgMji36xmwUlny>.clock .next span {
    width: 40%;
    margin-left: 1.5px
}

.dNfkgGSgMji36xmwUlny>.to {
    font-family: "Rakkas";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #8f8f8f
}

.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, #fda6a9, #A0302E)
}

.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 {
    background: url(../images/outcache/ball.4b0a.png) no-repeat center !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 20px !important;
    font-weight: 600;
    border-radius: 50% !important;
    text-align: center;
    color: #42403d !important;
    background-size: 100% 100% !important;
    box-shadow: 0 2px 3px 0 rgba(50, 85, 128, .35), inset 0 1px 3px 0 rgba(255, 255, 255, .21)
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10,
.EusB1t4jumeEB1Osq2Sp.alias-xyft,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10,
.EusB1t4jumeEB1Osq2Sp.alias-jssm,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10 {
    min-width: 296px;
    position: relative;
    left: -50px
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball {
    width: 26px !important;
    height: 39px !important;
    line-height: 39px !important;
    border-radius: initial !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    box-shadow: none
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-01,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-01 {
    background: url(../images/outcache/c-01.02f2.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-02,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-02 {
    background: url(../images/outcache/c-02.5b56.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-03,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-03 {
    background: url(../images/outcache/c-03.d796.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-04,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-04 {
    background: url(../images/outcache/c-04.72df.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-05,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-05 {
    background: url(../images/outcache/c-05.bbaa.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-06,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-06 {
    background: url(../images/outcache/c-06.414f.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-07,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-07 {
    background: url(../images/outcache/c-07.fd85.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-08,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-08 {
    background: url(../images/outcache/c-08.678c.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-09,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-09 {
    background: url(../images/outcache/c-09.c498.png) !important
}

.EusB1t4jumeEB1Osq2Sp.alias-pk10>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-xyft>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-azxy10>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-jssm>span.ball.c-10,
.EusB1t4jumeEB1Osq2Sp.alias-ydl10>span.ball.c-10 {
    background: url(../images/outcache/c-10.80f4.png) !important
}

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

.TnG0QZ8OMPUCd47QbK9u>i {
    background-color: #8f8f8f
}

.TnG0QZ8OMPUCd47QbK9u.actived {
    background: #d5aa70
}

.TnG0QZ8OMPUCd47QbK9u.actived>i {
    background-color: #fff
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: #96362e;
    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 {
    color: var(--text-提示)
}

.xXIopXjOYpb61SrzbxPM input {
    padding-left: 10px
}

.xXIopXjOYpb61SrzbxPM .shortcut span {
    background: rgba(0, 0, 0, 0);
    border-color: var(--color-边框);
    color: var(--text-提示)
}

.xXIopXjOYpb61SrzbxPM .shortcut span:nth-child(2) {
    border: 1px solid var(--color-边框)
}

.xXIopXjOYpb61SrzbxPM .shortcut span.checked,
.xXIopXjOYpb61SrzbxPM .shortcut span:hover {
    background: rgba(0, 0, 0, 0);
    border-color: var(--color-主色淡);
    color: var(--color-主色淡)
}

.xXIopXjOYpb61SrzbxPM .shortcut span:nth-child(3) {
    border-radius: 0
}

.xXIopXjOYpb61SrzbxPM .shortcut span:last-child {
    border-radius: 0 5px 5px 0
}

.react-bootstrap-daterangepicker-container {
    padding: 0 30px 0 0px;
    border-color: var(--color-边框);
    background-color: var(--color-輸入框底色)
}

.react-bootstrap-daterangepicker-container input:disabled {
    color: var(--text-文字1);
    background: var(--color-輸入框底色);
    border: none
}

.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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.fMDnmI3wO7qu1CGn58LH header {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f;
    height: 36px;
    line-height: 36px
}

.fMDnmI3wO7qu1CGn58LH header .title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 26px !important;
    text-align: center;
    color: #fff8f8 !important
}

.fMDnmI3wO7qu1CGn58LH table {
    border-collapse: collapse;
    background: #27211f !important
}

.fMDnmI3wO7qu1CGn58LH table tr:first-child {
    background: rgba(0, 0, 0, 0);
    height: 50px;
    line-height: 50px;
    top: -1px
}

.fMDnmI3wO7qu1CGn58LH table tr:first-child th {
    padding: inherit;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #867163 !important
}

.fMDnmI3wO7qu1CGn58LH table tr td {
    box-sizing: border-box;
    border: none !important;
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff8f8
}

.fMDnmI3wO7qu1CGn58LH table tr td span {
    font-weight: 400;
    color: #fff8f8
}

.fMDnmI3wO7qu1CGn58LH table tr td span.money {
    font-size: 24px !important;
    line-height: 34px;
    color: #d5aa70 !important
}

.fMDnmI3wO7qu1CGn58LH table.summary {
    background-color: rgba(0, 0, 0, 0) !important
}

.fMDnmI3wO7qu1CGn58LH table.summary tr:first-child {
    background: rgba(0, 0, 0, 0) !important
}

.fMDnmI3wO7qu1CGn58LH table.summary tr td {
    border: none !important;
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff8f8
}

.fMDnmI3wO7qu1CGn58LH table.summary tr td div.codes {
    box-sizing: border-box;
    padding-right: 8px !important;
    margin-bottom: 15px !important;
    background-color: rgba(253, 166, 169, .1) !important;
    border: 1px solid rgba(102, 102, 102, .4) !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    text-align: center;
    color: #fff8f8 !important
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar {
    margin-bottom: 10px;
    color: var(--text-提示)
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar select.report {
    min-width: 80px
}

.fMDnmI3wO7qu1CGn58LH .report-search-bar .query {
    box-sizing: border-box;
    min-width: 84px;
    height: 34px !important;
    line-height: 34px !important;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 4px !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff8f8 !important;
    text-align: center;
    top: -3px
}

.fMDnmI3wO7qu1CGn58LH.detail table tr td span {
    color: #fff8f8 !important
}

.pvLiHg6C71ieREPWm9ls a.copy-bet {
    background: #867163;
    border-radius: 5px;
    height: 22px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #fff !important;
    display: inline-block;
    padding: 0 6px
}

.kM11jJQQyPcInthNZXe2 {
    padding-top: 10px
}

.kM11jJQQyPcInthNZXe2 header {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f;
    height: 36px;
    line-height: 36px
}

.kM11jJQQyPcInthNZXe2 header .title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 26px !important;
    text-align: center;
    color: #fff8f8 !important
}

.kM11jJQQyPcInthNZXe2 table {
    border-collapse: collapse;
    background: #27211f !important
}

.kM11jJQQyPcInthNZXe2 table tr:first-child {
    background: rgba(0, 0, 0, 0);
    height: 50px;
    line-height: 50px;
    top: -1px
}

.kM11jJQQyPcInthNZXe2 table tr:first-child th {
    padding: inherit;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #867163 !important
}

.kM11jJQQyPcInthNZXe2 table tr td {
    box-sizing: border-box;
    border: none !important;
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff8f8
}

.kM11jJQQyPcInthNZXe2 table tr td span {
    font-weight: 400;
    color: #fff8f8
}

.kM11jJQQyPcInthNZXe2 table tr td span.money {
    font-size: 24px !important;
    line-height: 34px;
    color: #d5aa70 !important
}

.kM11jJQQyPcInthNZXe2 table.summary {
    background-color: rgba(0, 0, 0, 0) !important
}

.kM11jJQQyPcInthNZXe2 table.summary tr:first-child {
    background: rgba(0, 0, 0, 0) !important
}

.kM11jJQQyPcInthNZXe2 table.summary tr td {
    border: none !important;
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff8f8
}

.kM11jJQQyPcInthNZXe2 table.summary tr td div.codes {
    box-sizing: border-box;
    padding-right: 8px !important;
    margin-bottom: 15px !important;
    background-color: rgba(253, 166, 169, .1) !important;
    border: 1px solid rgba(102, 102, 102, .4) !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    text-align: center;
    color: #fff8f8 !important
}

.kM11jJQQyPcInthNZXe2 .report-search-bar {
    margin-bottom: 10px;
    color: var(--text-提示)
}

.kM11jJQQyPcInthNZXe2 .report-search-bar select.report {
    min-width: 80px
}

.kM11jJQQyPcInthNZXe2 .report-search-bar .query {
    box-sizing: border-box;
    min-width: 84px;
    height: 34px !important;
    line-height: 34px !important;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 4px !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff8f8 !important;
    text-align: center;
    top: -3px
}

.kM11jJQQyPcInthNZXe2.detail table tr td span {
    color: #fff8f8 !important
}

.gUOcddLBalSJJKtiVIDl a.copy-bet {
    background: #867163;
    border-radius: 5px;
    height: 22px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #fff !important;
    display: inline-block;
    padding: 0 6px
}

.k8V2rdKmJWuspvpPGJQh {
    margin: 30px auto 0 auto;
    width: 1170px;
    box-sizing: border-box;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.k8V2rdKmJWuspvpPGJQh div.left {
    height: 100px;
    display: flex;
    align-items: center;
    width: 860px;
    color: #868181;
    border-radius: 10px;
    background: url(../images/outcache/bg.ac85.png) no-repeat center;
    background-size: 100% 100%
}

.k8V2rdKmJWuspvpPGJQh div.left>div.logo {
    max-width: 110px;
    text-align: center;
    margin-left: 15px
}

.k8V2rdKmJWuspvpPGJQh div.left>div.logo img {
    width: 100%;
    height: 100%
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box {
    height: 56px;
    display: flex;
    justify-content: space-between;
    width: 420px;
    box-sizing: border-box;
    line-height: 30px
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l {
    width: 140px;
    padding-left: 44px;
    position: relative;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    background: #383331;
    left: 28px;
    top: -6px
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l>.b {
    height: auto;
    display: flex;
    align-items: center;
    width: 113px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #8f8f8f;
    justify-content: space-between
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l>.b .fav {
    background: none
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l>.b .fav.no {
    color: #8f8f8f
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.l>.b>svg {
    width: 15px;
    margin: 0 !important
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.r {
    width: 225px;
    position: relative;
    left: -15px
}

.k8V2rdKmJWuspvpPGJQh div.left>.current-box>.r::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 70px;
    background: #383331;
    right: -14px;
    top: -6px
}

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

.k8V2rdKmJWuspvpPGJQh div.left>.current-box .fav.no {
    background: linear-gradient(-73deg, #2F80ED 0%, #56CCF2 100%);
    color: #fff;
    cursor: pointer
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes {
    margin-left: 50px;
    min-width: 226px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes>.l {
    height: auto;
    display: flex;
    justify-content: space-between;
    justify-content: space-between
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes>.l div.flex-v-center {
    color: #8f8f8f
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes>.r {
    margin-top: 8px
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.pk10 {
    position: relative;
    left: -28px
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.pk10>.l {
    padding-left: 5px
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.pk10>.r .alias-pk10 {
    left: 0
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.xyft>.l .flex-v-center,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.azxy10>.l .flex-v-center,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.jssm>.l .flex-v-center,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.ydl10>.l .flex-v-center {
    margin-right: 24px
}

.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.xyft>.r .alias-xyft,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.xyft>.r .alias-azxy10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.xyft>.r .alias-jssm,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.xyft>.r .alias-ydl10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.azxy10>.r .alias-xyft,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.azxy10>.r .alias-azxy10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.azxy10>.r .alias-jssm,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.azxy10>.r .alias-ydl10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.jssm>.r .alias-xyft,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.jssm>.r .alias-azxy10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.jssm>.r .alias-jssm,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.jssm>.r .alias-ydl10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.ydl10>.r .alias-xyft,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.ydl10>.r .alias-azxy10,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.ydl10>.r .alias-jssm,
.k8V2rdKmJWuspvpPGJQh div.left>.his-codes.ydl10>.r .alias-ydl10 {
    left: -30px
}

.k8V2rdKmJWuspvpPGJQh div.right {
    width: 300px;
    background: linear-gradient(180deg, #F3F7FF 0%, #EBF5FF 100%);
    border: 1px solid #b3cae5;
    border-radius: 10px
}

.k8V2rdKmJWuspvpPGJQh div.right>.up {
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    height: auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #9d8197
}

.k8V2rdKmJWuspvpPGJQh div.right>.up .balance em {
    color: #ffdc7c
}

.k8V2rdKmJWuspvpPGJQh div.right>.up .show-money,
.k8V2rdKmJWuspvpPGJQh div.right>.up .refresh {
    cursor: pointer
}

.k8V2rdKmJWuspvpPGJQh div.right>.down {
    height: auto;
    display: flex;
    justify-content: space-between
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .l {
    padding: 6px
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .l span {
    display: inline-block;
    width: 30px;
    font-size: 13px;
    cursor: pointer
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .l span svg {
    font-size: 20px
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .l .btn-recharge {
    margin: 0 24px;
    color: #ffdc7c
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .r {
    padding-top: 6px;
    padding-right: 27px
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .r span {
    display: block;
    cursor: pointer;
    font-size: 13px
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .r span:first-child {
    margin-bottom: 7px
}

.k8V2rdKmJWuspvpPGJQh div.right>.down .r span svg {
    font-size: 12px
}

.I0NFUfIozcFym5cmh68x {
    width: 300px;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.I0NFUfIozcFym5cmh68x>.up {
    padding: 10px 0px 10px 0px;
    height: auto;
    display: flex;
    border-bottom: 1px solid #383331;
    height: 17px;
    line-height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 0 15px
}

.I0NFUfIozcFym5cmh68x>.up .balance em {
    color: #fff
}

.I0NFUfIozcFym5cmh68x>.up .show-money,
.I0NFUfIozcFym5cmh68x>.up .refresh {
    cursor: pointer;
    margin-left: 15px
}

.I0NFUfIozcFym5cmh68x>.up .refresh {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEdSURBVHgBnVNRTgJBDG2L0V+9wXoC9Ah7A26ANxA/dT9KN4CfegQ8gXoCvIHcADyB+wsJU1qykxAg2R1esuls0/dm5rUDUENkMrVvAYmgSLbQVw1fkAgUGb9bePQfVZw2U7RChDnzy0ctsDt2BslQYS6GyPyaEenMEtchQC5SzJuoZTn5VIVeCKsbEnlehoC5HaYiglmLrWGzwW+PRFfd2sQoog+QiIu4cBELyzYkIvx3M+0Kf97CBfNoAGfCr5AhYrdNMfP4jpmzQ4HW6HSQiS5/XWhfwAfjSPkUzP2n2K0ogmU5GqjSGyTDTVzfoi9dzXzo+zA10ayuZ8Hq1Ma5uN+1sZ6+xgm0dzOMZNs991ySid4tVf1xsohUntsCRzN8iXdzU9YAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    height: 16px;
    width: 15.2px
}

.I0NFUfIozcFym5cmh68x>.down {
    justify-content: space-between;
    display: flex;
    padding-top: 8px;
    color: #414141;
    margin: 0 15px
}

.I0NFUfIozcFym5cmh68x>.down span {
    cursor: pointer;
    height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

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

.GsCsv7d36MJvmJD927Df {
    margin: 10px auto 0 auto;
    width: 1170px;
    box-sizing: border-box;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #fff
}

.GsCsv7d36MJvmJD927Df div.left {
    border: 2px solid #fda6a9;
    padding: 5px 10px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 840px;
    color: #959595;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.GsCsv7d36MJvmJD927Df div.left>div.logo {
    width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.GsCsv7d36MJvmJD927Df div.left>div.logo img {
    margin-right: 15px;
    width: 100%
}

.GsCsv7d36MJvmJD927Df div.left>div.actions {
    height: auto;
    display: flex;
    align-items: center;
    width: 345px
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.l {
    padding-top: 10px;
    margin-right: 28px;
    margin-left: 10px
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.l>.fav {
    width: 55px;
    height: 23px;
    display: inline-block;
    border-radius: 4px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #8f8f8f
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.l>.stop-when-win {
    height: 40px;
    display: flex;
    align-items: center
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.r {
    height: auto;
    display: flex;
    align-items: center;
    width: 200px
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.r>span {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.GsCsv7d36MJvmJD927Df div.left>div.actions>.r>span:hover {
    opacity: .8
}

.GsCsv7d36MJvmJD927Df div.left>div.codes {
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    text-align: center;
    padding-right: 5px
}

.GsCsv7d36MJvmJD927Df 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: #42403d;
    background: url(../images/outcache/ball.4b0a.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: 0 2px 3px 0 rgba(50, 85, 128, .35), inset 0 1px 3px 0 rgba(255, 255, 255, .21)
}

.wuUeOlLdfUR0IJW9XYlz {
    width: 300px;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.wuUeOlLdfUR0IJW9XYlz>.up {
    padding: 7px 0px 5px 0px;
    height: auto;
    display: flex;
    border-bottom: 1px solid #383331;
    height: 17px;
    line-height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    margin: 0 15px
}

.wuUeOlLdfUR0IJW9XYlz>.up .balance em {
    color: #fff
}

.wuUeOlLdfUR0IJW9XYlz>.up .show-money,
.wuUeOlLdfUR0IJW9XYlz>.up .refresh {
    cursor: pointer;
    margin-left: 15px
}

.wuUeOlLdfUR0IJW9XYlz>.up .refresh {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEdSURBVHgBnVNRTgJBDG2L0V+9wXoC9Ah7A26ANxA/dT9KN4CfegQ8gXoCvIHcADyB+wsJU1qykxAg2R1esuls0/dm5rUDUENkMrVvAYmgSLbQVw1fkAgUGb9bePQfVZw2U7RChDnzy0ctsDt2BslQYS6GyPyaEenMEtchQC5SzJuoZTn5VIVeCKsbEnlehoC5HaYiglmLrWGzwW+PRFfd2sQoog+QiIu4cBELyzYkIvx3M+0Kf97CBfNoAGfCr5AhYrdNMfP4jpmzQ4HW6HSQiS5/XWhfwAfjSPkUzP2n2K0ogmU5GqjSGyTDTVzfoi9dzXzo+zA10ayuZ8Hq1Ma5uN+1sZ6+xgm0dzOMZNs991ySid4tVf1xsohUntsCRzN8iXdzU9YAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%;
    height: 16px;
    width: 15.2px;
    color: rgba(0, 0, 0, 0)
}

.wuUeOlLdfUR0IJW9XYlz>.down {
    justify-content: space-between;
    display: flex;
    padding-top: 8px;
    color: #414141;
    margin: 0 15px
}

.wuUeOlLdfUR0IJW9XYlz>.down span {
    cursor: pointer;
    height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.wuUeOlLdfUR0IJW9XYlz>.down span i {
    width: 20px;
    height: 20px;
    display: block;
    margin-bottom: 5px;
    margin-left: -3px
}

.wuUeOlLdfUR0IJW9XYlz>.down span i svg {
    font-size: 20px
}

.wuUeOlLdfUR0IJW9XYlz>.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, #fda6a9, #96362E);
    background: -moz-linear-gradient(left, #fda6a9, #96362E);
    background: -ms-linear-gradient(left, #fda6a9, #96362E);
    background: -linear-gradient(left, #fda6a9, #96362E)
}

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

.xhg14rB28Pi99i8EVgMQ {
    max-height: 50vh
}

.xhg14rB28Pi99i8EVgMQ>.title.mmc {
    color: #fff
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: #96362e;
    color: #fff;
    border: 0
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type:hover {
    background: #a0302e
}

.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: #96362e;
    border: 1px solid #96362e;
    box-sizing: border-box
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item:hover,
.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item.actived {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.krgGiyywygkbs2BXeMIM.cateWrapper {
    width: 860px;
    height: 40px;
    border-radius: 10px;
    background: #2c2928;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item {
    height: 40px;
    padding: 0 14px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #867163
}

.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item.actived,
.krgGiyywygkbs2BXeMIM.cateWrapper span.cate-item:hover {
    color: #a0302e;
    border-bottom: 3px solid #a0302e;
    border-radius: 3px;
    background: none
}

.krgGiyywygkbs2BXeMIM.cateWrapper.azxy5 span.cate-item {
    padding: 0 10px
}

.krgGiyywygkbs2BXeMIM.cateWrapper.azxy5 a.method-type {
    top: 0;
    right: 2px;
    position: absolute
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type {
    margin-top: 6px;
    box-sizing: border-box;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border: .5px solid rgba(102, 102, 102, .4);
    border-radius: 4px
}

.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type.actived,
.krgGiyywygkbs2BXeMIM.cateWrapper a.method-type:hover {
    color: #fff;
    background: linear-gradient(90deg, #D24137 0%, #E78669 100%)
}

.krgGiyywygkbs2BXeMIM.groupWrapper {
    background: rgba(253, 166, 169, .1)
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .group-name {
    font-size: inherit
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item {
    border: 0;
    font-family: "PingFang SC";
    font-style: normal;
    color: #867163;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item.actived,
.krgGiyywygkbs2BXeMIM.groupWrapper .group-row .method-item:hover {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0)
}

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

.bAnkIAksNHg8TazcDBPY>span.title {
    font-weight: 600;
    margin-right: 20px;
    font-size: 13px;
    color: #fff
}

.bAnkIAksNHg8TazcDBPY>.options {
    margin-left: 10px
}

.bAnkIAksNHg8TazcDBPY>.options>span.item {
    margin-right: 15px;
    cursor: pointer;
    color: #fff
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.EfYrAHTIghV5L7vP9Vnp {
    position: absolute;
    top: 52px;
    right: 10px;
    height: 35px;
    height: auto;
    display: flex;
    align-items: center
}

.EfYrAHTIghV5L7vP9Vnp::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    left: 128px;
    background: rgba(102, 102, 102, .7)
}

.EfYrAHTIghV5L7vP9Vnp Select {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff8f8;
    box-sizing: border-box;
    width: 148px;
    height: 32px;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px
}

.EfYrAHTIghV5L7vP9Vnp .MuiInputBase-root .MuiSelect-icon {
    margin-top: 3px
}

.EfYrAHTIghV5L7vP9Vnp span.prize-items.actived {
    background: linear-gradient(137deg, #D24137 24.25%, #E78669 72.78%)
}

.EfYrAHTIghV5L7vP9Vnp .title {
    margin-right: 10px;
    font-size: 14px;
    color: #333
}

.EfYrAHTIghV5L7vP9Vnp .dropdown {
    width: 200px;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.EfYrAHTIghV5L7vP9Vnp .prize-selector:focus {
    border-color: #007bff;
    outline: none
}

.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 #a0302e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: #42403d;
    background: url(../images/outcache/ball.4b0a.png) no-repeat center;
    background-size: 100% 100%
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball:hover {
    background: url(../images/outcache/ball.4b0a.png) no-repeat center;
    background-size: 100% 100%;
    color: #42403d
}

.eSzyVkDtHv6aWy5RBJHk .omission svg rect {
    fill: rgba(0, 0, 0, 0) !important
}

.eSzyVkDtHv6aWy5RBJHk .omission>.switcher {
    border: 1px solid #a0302e;
    box-sizing: border-box;
    height: 29px;
    background: #231d1b;
    border-radius: 3px
}

.eSzyVkDtHv6aWy5RBJHk .omission>.switcher span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.eSzyVkDtHv6aWy5RBJHk .omission>.switcher span.active {
    background: #a0302e
}

.eSzyVkDtHv6aWy5RBJHk .omission>.action-types span.active {
    color: #fff
}

.eSzyVkDtHv6aWy5RBJHk>.independent>h4 {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    color: #fff
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>span.ball {
    margin-right: 9px;
    margin-bottom: 10px;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
    box-shadow: none;
    border: none;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #8f8f8f;
    background: #3e3e3e;
    border-radius: 20px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.codes>div.missing-code span {
    width: 34px
}

.eSzyVkDtHv6aWy5RBJHk>.independent>.auto-selector>span {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #3e3e3e;
    border-radius: 100px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f
}

.zhI8w10EHz5NUji8MJ_5 {
    margin-bottom: 15px;
    padding-left: 15px;
    min-height: 46px;
    position: absolute;
    right: 0;
    top: 28px
}

.zhI8w10EHz5NUji8MJ_5.flex {
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: end
}

.zhI8w10EHz5NUji8MJ_5 div.left-side {
    height: auto;
    display: flex;
    align-items: center;
    position: relative
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official {
    cursor: pointer;
    margin-right: 20px;
    position: relative;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #8f8f8f
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official label {
    position: absolute;
    border-radius: 5px;
    min-width: 300px;
    left: 0;
    bottom: 25px;
    width: auto !important;
    padding: 12px;
    line-height: 20px;
    display: none;
    transition: .4s all;
    z-index: 999;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #666;
    background: #fff8f8;
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 0px 0px 10px 10px
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc label::before,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help label::before,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example label::before,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai label::before,
.zhI8w10EHz5NUji8MJ_5 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)
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc:hover label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help:hover label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example:hover label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai:hover label,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official:hover label {
    display: block
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official i {
    width: 17px;
    height: 17px;
    margin-right: 2px;
    vertical-align: -3px;
    display: inline-block;
    margin-right: 4px
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc.desc i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help.desc i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example.desc i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai.desc i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official.desc i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgBrVRBTsJQEJ33K649Qr0B3ICeADyBIWjiEpbCwrBA3dGliVHwBNYTgCewN7BHYIu1fc6vgIptJcGXNGnmz7x5/fOmkBxcdU7qIjwWsE6B+xllSCBEKk89/y7YrMFPgjNXEI8pUpdyRAtWvIF/E/0iGnZOq0A61dcD2QLabC40Xt+/DddEVgkRv2xL8p3sjZWaVWayAOJiJWCg7YLcI63Zl3icvV922k2NPBY0ldSI6yQJCOe1KCchPAMjDdkRRidsSFZlR0BtoneEnYmUwzXyT9iDMPpybw4SHqVwXJTSMNR7wqwsxUAutFnpQEgJzbvgoTwp9aBPWY4DE2SKh932FEX7tTIjpVnQKuqN7g/3MvlMWmq4/BUpJMgO54ul2mxq5/4koi6g2EXcGpzbzx5o7ZrIwm4xmNSs1D8pKDNVUuv7k3AVy53qdbfVINHU7a6qbZeGVZvohPVXM+mNxs+bNR/yjJWFN+F+0gAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc.example i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help.example i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example.example i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai.example i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official.example i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFnSURBVHgBrVRBTsJQEJ33K649Qr0B3ICeADyBIWjiEpbCwrBA3dGliVHwBNYTgCewN7BHYIu1fc6vgIptJcGXNGnmz7x5/fOmkBxcdU7qIjwWsE6B+xllSCBEKk89/y7YrMFPgjNXEI8pUpdyRAtWvIF/E/0iGnZOq0A61dcD2QLabC40Xt+/DddEVgkRv2xL8p3sjZWaVWayAOJiJWCg7YLcI63Zl3icvV922k2NPBY0ldSI6yQJCOe1KCchPAMjDdkRRidsSFZlR0BtoneEnYmUwzXyT9iDMPpybw4SHqVwXJTSMNR7wqwsxUAutFnpQEgJzbvgoTwp9aBPWY4DE2SKh932FEX7tTIjpVnQKuqN7g/3MvlMWmq4/BUpJMgO54ul2mxq5/4koi6g2EXcGpzbzx5o7ZrIwm4xmNSs1D8pKDNVUuv7k3AVy53qdbfVINHU7a6qbZeGVZvohPVXM+mNxs+bNR/yjJWFN+F+0gAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 100% 100%
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc.help i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help.help i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example.help i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai.help i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official.help i {
    background: url(../images/outcache/question.fa69.png) no-repeat 50%;
    background-size: 100% 100%
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc.manycai i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help.manycai i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example.manycai i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai.manycai i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official.manycai i {
    background: url(../images/outcache/manycai.afeb.png) no-repeat 50%
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc.official i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.help.official i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.example.official i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.manycai.official i,
.zhI8w10EHz5NUji8MJ_5 div.left-side span.official.official i {
    background: url(../images/outcache/official.5160.png) no-repeat 50%;
    background-size: 100% 100%
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.example label {
    left: -16px
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.help label {
    left: -85px
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.desc label {
    left: -154px
}

.zhI8w10EHz5NUji8MJ_5 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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.zhI8w10EHz5NUji8MJ_5 div.left-side span.kgame:hover {
    filter: brightness(110%)
}

.zhI8w10EHz5NUji8MJ_5 div.right-side {
    margin-right: 5px
}

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

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

.zhI8w10EHz5NUji8MJ_5.pk10 div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5.xyft div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5.jssm div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5.ydl10 div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5.mmc div.left-side span.example label,
.zhI8w10EHz5NUji8MJ_5.tg300s div.left-side span.example label {
    left: -113px
}

.zhI8w10EHz5NUji8MJ_5.pk10 div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5.xyft div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5.jssm div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5.ydl10 div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5.mmc div.left-side span.help label,
.zhI8w10EHz5NUji8MJ_5.tg300s div.left-side span.help label {
    left: -182px
}

.zhI8w10EHz5NUji8MJ_5.pk10 div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5.xyft div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5.jssm div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5.ydl10 div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5.mmc div.left-side span.desc label,
.zhI8w10EHz5NUji8MJ_5.tg300s div.left-side span.desc label {
    left: -251px
}

.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: #96362e
}

.GHxD4FlfJyU0N4zP0gMw {
    max-width: 25vw
}

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

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-02 {
    background-position: -65px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-03 {
    background-position: -126px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-04 {
    background-position: -187px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-05 {
    background-position: -248px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-06 {
    background-position: -309px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-07 {
    background-position: -370px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-08 {
    background-position: -431px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-09 {
    background-position: -492px 15px
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.item.xyft.n-10 {
    background-position: -553px 15px
}

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

.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.7dcb.png) !important;
    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.numbers>span.xyft {
    background-image: url(../images/outcache/ball-xyft.9888.png) !important;
    background-position-y: -6px !important
}

.L8eofAfNrqr7TPmB6vNX>div.numbers>span.pk10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.jssm,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.jssc,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.ydl10,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.ynpk10ff,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.ynpk10wf,
.L8eofAfNrqr7TPmB6vNX>div.numbers>span.azxy10 {
    background-image: url(../images/outcache/ball-jssm.9070.png) !important
}

.L8eofAfNrqr7TPmB6vNX>div.selected {
    background: url(../images/outcache/bg.6fde.png) no-repeat
}

.L8eofAfNrqr7TPmB6vNX>div.clear-box {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #867163
}

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

.IJryxuEkDQM5VsK5SJuY>.auto-selector>span {
    width: 28px;
    height: 28px;
    line-height: 28px;
    background: #3e3e3e;
    border-radius: 100px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f
}

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

.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 #a0302e;
    border-bottom: 1px solid #a0302e
}

.oFaLl463_sUOt5oyJpbR {
    background-color: rgba(0, 0, 0, 0);
    border-top: none;
    border-bottom: none
}

.oFaLl463_sUOt5oyJpbR .light {
    padding-top: 20px
}

.oFaLl463_sUOt5oyJpbR .light .desc {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #8f8f8f
}

.oFaLl463_sUOt5oyJpbR .light .desc span {
    background: none;
    padding-left: inherit;
    font-size: 18px;
    color: #fff8f8
}

.oFaLl463_sUOt5oyJpbR .light .contents textarea {
    color: #fff8f8;
    box-sizing: border-box;
    background: #1a1716;
    border: 1px solid rgba(102, 102, 102, .7);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .06);
    border-radius: 5px
}

.oFaLl463_sUOt5oyJpbR .light .contents .actions span {
    box-sizing: border-box;
    width: 99px;
    height: 36px;
    border: 1px solid #fda6a9;
    border-radius: 4px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fda6a9;
    background: none
}

.oFaLl463_sUOt5oyJpbR .light .contents .actions span:last-child {
    border: 1px solid #666
}

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

.vtkwPGQMw3xQSBwxvGwH .actions {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.vtkwPGQMw3xQSBwxvGwH .actions>.text {
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH .actions>.text>span {
    color: #d5aa70
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.onekey-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff;
    border: 0
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.btns>.onekey-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff
}

.vtkwPGQMw3xQSBwxvGwH>.actions>.btns>.add-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    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: url(../images/outcache/off.750c.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #382e2b
}

.vtkwPGQMw3xQSBwxvGwH>.btns>.add-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    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::before,
.ikFKj7a9_Kl7FzYeLL3c::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background: rgba(102, 102, 102, .7);
    left: 24px
}

.ikFKj7a9_Kl7FzYeLL3c::after {
    left: 64px
}

.ikFKj7a9_Kl7FzYeLL3c>span,
.ikFKj7a9_Kl7FzYeLL3c>input {
    background: #382e2b;
    border: none;
    border: 1px solid rgba(102, 102, 102, .7);
    width: 41px;
    height: 28px
}

.ikFKj7a9_Kl7FzYeLL3c>input {
    color: #fff8f8 !important;
    border: 1px solid rgba(102, 102, 102, .7) !important;
    border-left: none !important;
    border-right: none !important
}

.ikFKj7a9_Kl7FzYeLL3c>span {
    width: 23px;
    height: 28px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #868181
}

.ikFKj7a9_Kl7FzYeLL3c>span:first-child {
    border-left: 1px solid rgba(102, 102, 102, .7);
    border-right: none !important
}

.ikFKj7a9_Kl7FzYeLL3c>span.times-ctl {
    border-right: 1px solid rgba(102, 102, 102, .7);
    border-left: none !important
}

.ikFKj7a9_Kl7FzYeLL3c>label {
    color: #fff
}

.ikFKj7a9_Kl7FzYeLL3c .shortcut {
    background: #382e2b !important;
    border: 1px solid rgba(102, 102, 102, .7) !important;
    border-radius: 2px;
    width: 77% !important
}

.ikFKj7a9_Kl7FzYeLL3c .shortcut span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff8f8
}

.ikFKj7a9_Kl7FzYeLL3c .shortcut span:hover {
    background: #231d1b !important
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.l1OigkLTQpzeYjvZBcTk>span {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 2px;
    background: rgba(0, 0, 0, 0);
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #8f8f8f;
    border: none
}

.l1OigkLTQpzeYjvZBcTk span.actived {
    color: #d5aa70;
    text-decoration-line: underline;
    background: none
}

.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: #96362e
}

.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: #96362e;
    border: 1px solid #96362e
}

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

.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 #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.St8SyeX9BbYy5bpykx5r>div.submit>div.btns>span:hover {
    opacity: .8
}

.St8SyeX9BbYy5bpykx5r>div.tabs {
    box-shadow: none;
    margin-left: 34px
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span {
    height: 30px;
    line-height: 30px;
    width: 84px;
    box-sizing: border-box;
    background: #382e2b;
    border: .5px solid rgba(102, 102, 102, .7);
    border-radius: 4px;
    margin-right: 8px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #867163
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span.actived {
    box-sizing: border-box;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border: .5px solid rgba(102, 102, 102, .7);
    border-radius: 4px
}

.St8SyeX9BbYy5bpykx5r>div.tabs>span.actived a {
    border-bottom: none;
    box-sizing: border-box;
    height: 30px;
    color: #fff
}

.St8SyeX9BbYy5bpykx5r>div.tabs>div.stop {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #8f8f8f;
    height: auto;
    line-height: inherit
}

.St8SyeX9BbYy5bpykx5r>div.opts {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f
}

.St8SyeX9BbYy5bpykx5r>div.opts>div>div {
    box-sizing: border-box;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px
}

.St8SyeX9BbYy5bpykx5r>div.opts>div>div .times-ctl {
    background: rgba(0, 0, 0, 0);
    font-size: 12px;
    color: #8f8f8f
}

.St8SyeX9BbYy5bpykx5r>div.opts>div>div label {
    display: none
}

.St8SyeX9BbYy5bpykx5r>div.opts>div.tab0>div,
.St8SyeX9BbYy5bpykx5r>div.opts>div.tab2>div {
    margin-right: 4px
}

.St8SyeX9BbYy5bpykx5r>div.opts>span.make-trace {
    border: 1px solid #d0b293;
    border-radius: 5px;
    background: none
}

.St8SyeX9BbYy5bpykx5r>div.opts .times-input {
    color: #fff8f8;
    border: rgba(0, 0, 0, 0)
}

.St8SyeX9BbYy5bpykx5r>div.issue-box {
    border-bottom: rgba(0, 0, 0, 0)
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr td {
    background: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    font-size: 12px;
    color: #a9a9a9
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr td>img {
    cursor: pointer
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr td.money {
    color: #d5aa70
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr td input.times {
    background: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    color: #fff8f8
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr:first-child {
    height: 49px;
    background: rgba(253, 166, 169, .1)
}

.St8SyeX9BbYy5bpykx5r>div.issue-box table tr:first-child th {
    font-size: 14px;
    color: #867163;
    background: rgba(0, 0, 0, 0)
}

.St8SyeX9BbYy5bpykx5r>div.submit {
    height: 105px
}

.St8SyeX9BbYy5bpykx5r>div.submit .react-reveal {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff8f8
}

.St8SyeX9BbYy5bpykx5r>div.submit .react-reveal .orange {
    font-weight: 600;
    font-size: 20px;
    color: #d5aa70
}

.St8SyeX9BbYy5bpykx5r>div.submit .btns {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.St8SyeX9BbYy5bpykx5r>div.submit .btns .cancel {
    box-sizing: border-box;
    width: 112px;
    height: 42px;
    border: 1px solid #fda6a9;
    border-radius: 5px;
    text-align: center;
    color: #fda6a9;
    background-image: none !important
}

.St8SyeX9BbYy5bpykx5r>div.submit .btns .submit {
    width: 112px;
    height: 42px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%) !important;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px
}

.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: #96362e;
    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: #96362e;
    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: 10px 0;
    background: #231d1b;
    border-radius: 10px
}

.WrwktR9wq4U1A3cjuPZH>div.header {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border: none
}

.WrwktR9wq4U1A3cjuPZH>div.header span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    min-width: 108px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item {
    border-bottom: none;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span {
    font-size: 14px;
    width: 110px
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item:nth-child(2n) {
    background: #383331
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item:nth-child(2n+1) {
    background: #231d1b
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item>span:nth-child(6) {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #d5aa70
}

.WrwktR9wq4U1A3cjuPZH>div.items-box>div.order-item select {
    box-sizing: border-box;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff8f8
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos .react-reveal {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #8f8f8f
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos span:nth-child(3) {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #d5aa70
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos span:nth-child(5) {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #d5aa70
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.infos span:nth-child(8) {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #d5aa70
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.actived::before {
    display: none
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.actived::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
    margin-top: 12px;
    background-image: url(../images/outcache/actived.8d61.png)
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.go-bet,
.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn {
    width: 96px;
    height: 40px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border-radius: 10px;
    color: #fff;
    border: 0
}

.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.go-bet.disabled,
.WrwktR9wq4U1A3cjuPZH>div.submit-bar>.actions>span.trace-btn.disabled {
    background: url(../images/outcache/off.750c.png) no-repeat center;
    background-size: cover;
    box-shadow: none
}

.WrwktR9wq4U1A3cjuPZH input.times-input {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff8f8
}

.WrwktR9wq4U1A3cjuPZH>div.empty {
    line-height: 80px
}

.WrwktR9wq4U1A3cjuPZH>div.empty span {
    margin: auto
}

.RGW5traP0KnMwe6qWYFI {
    height: 100%;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.RGW5traP0KnMwe6qWYFI>div.header {
    height: 40px;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-style: normal;
    font-weight: 400;
    color: #fff
}

.RGW5traP0KnMwe6qWYFI>div.header>span.title>svg {
    cursor: pointer;
    vertical-align: -2px
}

.RGW5traP0KnMwe6qWYFI>div.header>span.manycai-analyse {
    cursor: pointer
}

.RGW5traP0KnMwe6qWYFI>div.header>span.manycai-analyse:hover {
    text-decoration: underline
}

.RGW5traP0KnMwe6qWYFI>div.header>span.chart {
    float: right;
    cursor: pointer;
    background: url(../images/outcache/chart.8436.png) no-repeat center;
    background-size: 100% 100%;
    width: 17px;
    height: 17px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper {
    height: calc(100% - 50px);
    color: #fff;
    text-align: center
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper svg rect {
    fill: none !important
}

.RGW5traP0KnMwe6qWYFI>.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);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.code-list::-webkit-scrollbar {
    width: 4px;
    height: 6px;
    background-color: #f6f8fb
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.code-list::-webkit-scrollbar-track {
    background-color: #f6f8fb
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.code-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #96362e;
    border-radius: 10px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title-loader {
    padding: 5px 10px 5px 5px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title {
    height: 26px;
    line-height: 16px;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
    box-sizing: border-box;
    background: #383331;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #867163
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span {
    display: block;
    float: left
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span.issue {
    width: 25%;
    text-align: center
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span.issue.full-size {
    width: 30%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span.codes {
    text-align: center;
    width: 44%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span.codes.full-size {
    width: 70%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper>.title span.form {
    text-align: center;
    width: 31%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item {
    min-height: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #2f2f2f
}

.RGW5traP0KnMwe6qWYFI>.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;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #382e2b
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item:nth-child(1) .code-number span.disabled {
    font-weight: 600;
    color: #8f8f8f;
    background: #3e3e3e;
    border-radius: 100px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item:nth-child(1) .code-number span.active {
    font-weight: 600;
    background: url(../images/outcache/ball.4ae3.png) no-repeat center;
    background-size: 100% 100%;
    font-family: "PingFang SC";
    font-style: normal;
    font-size: 12px;
    color: #382e2b
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div {
    float: left;
    min-height: 30px;
    line-height: 30px;
    word-wrap: break-word;
    text-align: center
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-issue {
    width: 29%;
    text-align: center;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-issue.high-light {
    color: #fc5d50;
    font-weight: 600
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-issue.mmc {
    color: #97a6c5
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-issue.full-size {
    text-align: center;
    width: 34%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-number {
    width: 40%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-number.full-size {
    width: 66%
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-number span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #8f8f8f;
    width: 20px;
    text-align: center;
    margin: 0 1px
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-number span.active {
    color: #e54a6f
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form {
    width: 30%;
    display: flex;
    justify-content: center
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .empty {
    padding: 0 2px
}

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

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_7c73ff {
    color: #7c73ff
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_40cfff {
    color: #40cfff
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_229e6d {
    color: #229e6d
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_cc8b1e {
    color: #cc8b1e
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_006dfe {
    color: #006dfe
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_ff33ff {
    color: #f3f
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_f95016 {
    color: #f95016
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_476efe {
    color: #476efe
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_1291bb {
    color: #1291bb
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_fc5d50 {
    color: #fc5d50
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_0b9fb9 {
    color: #0b9fb9
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .c_685ba2 {
    color: #685ba2
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .b_f8aa46 {
    background: #f8aa46
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .b_4c8bda {
    background: #4c8bda
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .b_008000 {
    background: green
}

.RGW5traP0KnMwe6qWYFI>.codes-warpper .code-item>div.code-form .b_ff0000 {
    background: red
}

.RGW5traP0KnMwe6qWYFI>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.gsV3SuuY24xZK70OMReE {
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 10px;
    overflow: hidden
}

.gsV3SuuY24xZK70OMReE>div.header {
    background: #383331;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff8f8
}

.gsV3SuuY24xZK70OMReE>.list {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff8f8
}

.gsV3SuuY24xZK70OMReE>.list span {
    color: #8f8f8f
}

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

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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 {
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item {
    background: #231d1b;
    border-bottom: none
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item:hover {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%)
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item>.flex-between {
    height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff8f8
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item>.flex-between .countdown {
    color: #8f8f8f
}

.xFWPlzcL1THlW0HBD5ap>div.lotterys>div.item.actived {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%);
    color: #2f2f2f
}

.xFWPlzcL1THlW0HBD5ap>div.footer {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #666;
    position: relative
}

.xFWPlzcL1THlW0HBD5ap>div.footer::after {
    content: "";
    display: block;
    position: absolute;
    width: 130px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #383331
}

.xFWPlzcL1THlW0HBD5ap>h6 {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 10px 10px 0px 0px
}

@media screen and (max-width: 1400px) {
    .xFWPlzcL1THlW0HBD5ap {
        border: 1px solid #a0302e
    }
}

.WisQyirvkFlm8KCmVykK {
    padding: 16px 35px;
    font-size: 14px
}

.WisQyirvkFlm8KCmVykK .cate {
    display: flex;
    justify-content: space-between
}

.WisQyirvkFlm8KCmVykK .cate .title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #666
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items {
    width: 848px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #383331;
    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;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff8f8
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span>span {
    margin-left: 6px
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span>svg {
    border: 1px solid #666;
    width: 14px;
    height: 14px;
    border-radius: 100%
}

.WisQyirvkFlm8KCmVykK .cate .lottery-items>span>svg.active {
    color: red
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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)
}

.Lxfxd0C5Q9j5NZ_81biX>div {
    background: #27211f
}

.IFVUpmqj5f3AzwJcYDPN {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 7px 0px 0px 7px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding-top: 35px
}

.IFVUpmqj5f3AzwJcYDPN::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../svg/star.de95.svg);
    background-position: center;
    left: 50%;
    top: .08rem;
    transform: translateX(-50%)
}

.IFVUpmqj5f3AzwJcYDPN>svg.svg-inline--fa.fa-star {
    display: none
}

.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 #fda6a9
    }
}

.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: #fda6a9;
    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(253, 166, 169, .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: #fda6a9;
    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 {
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item {
    background: #231d1b;
    border-bottom: none
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item:hover {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%)
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.flex-between {
    height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff8f8
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item>.flex-between .countdown {
    color: #8f8f8f
}

.cELyVcRATkdUSHNwVO97>div.lotterys>div.item.actived {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%);
    color: #2f2f2f
}

.cELyVcRATkdUSHNwVO97>div.footer {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #666;
    position: relative
}

.cELyVcRATkdUSHNwVO97>div.footer::after {
    content: "";
    display: block;
    position: absolute;
    width: 130px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    background-color: #383331
}

.cELyVcRATkdUSHNwVO97>h6 {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 10px 10px 0px 0px
}

@media screen and (max-width: 1400px) {
    .cELyVcRATkdUSHNwVO97 {
        border: 1px solid #a0302e
    }
}

.GU4wbbFiA8183jyCEQwO {
    padding: 16px 35px;
    font-size: 14px
}

.GU4wbbFiA8183jyCEQwO .cate {
    display: flex;
    justify-content: space-between
}

.GU4wbbFiA8183jyCEQwO .cate .title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #666
}

.GU4wbbFiA8183jyCEQwO .cate .lottery-items {
    width: 848px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #383331;
    padding-left: 10px;
    margin: 0px 0px 10px 10px
}

.GU4wbbFiA8183jyCEQwO .cate .lottery-items>span {
    width: 150px;
    margin: 15px 2px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff8f8
}

.GU4wbbFiA8183jyCEQwO .cate .lottery-items>span>span {
    margin-left: 6px
}

.GU4wbbFiA8183jyCEQwO .cate .lottery-items>span>svg {
    border: 1px solid #666;
    width: 14px;
    height: 14px;
    border-radius: 100%
}

.GU4wbbFiA8183jyCEQwO .cate .lottery-items>span>svg.active {
    color: red
}

.GU4wbbFiA8183jyCEQwO>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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    width: 150px;
    margin: auto;
    margin-top: 20px
}

.GU4wbbFiA8183jyCEQwO>span.save:hover {
    opacity: .8
}

.GU4wbbFiA8183jyCEQwO>span.save:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.GU4wbbFiA8183jyCEQwO>span.save:hover::before {
    width: 45px;
    left: 205px
}

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

.nYn2jFzNeE24OvBNu1mt>div {
    background: #27211f
}

.P913OMBAQLhBRIrKIENO {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 7px 0px 0px 7px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding-top: 35px
}

.P913OMBAQLhBRIrKIENO::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../svg/star.de95.svg);
    background-position: center;
    left: 50%;
    top: .08rem;
    transform: translateX(-50%)
}

.P913OMBAQLhBRIrKIENO>svg.svg-inline--fa.fa-star {
    display: none
}

.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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.cG0CoABZIqf7f0zJwilc.detail>header>h3 {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #8f8f8f;
    margin-top: 17px
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail {
    align-items: center;
    padding: 0px;
    height: 112px;
    background: rgba(253, 166, 169, .1)
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col {
    border-right: none;
    height: auto;
    background: rgba(208, 178, 147, .1)
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col .value-box {
    margin-left: 0%;
    line-height: 38px;
    text-indent: 10px;
    width: auto;
    box-sizing: border-box;
    height: 38px;
    border: 1px solid rgba(102, 102, 102, .4);
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-right: none !important
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col .value-box:nth-child(1) {
    margin-top: 0px
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col .value-box .key {
    color: #8f8f8f !important
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col .value-box .value {
    color: #fff8f8 !important
}

.cG0CoABZIqf7f0zJwilc.detail .track-detail div.col:last-child .value-box {
    border-right: 1px solid rgba(102, 102, 102, .4) !important
}

.cG0CoABZIqf7f0zJwilc.detail .track-codes {
    box-sizing: border-box;
    padding: inherit;
    height: 50px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: rgba(102, 102, 102, .4);
    background: rgba(253, 166, 169, .1);
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 50px
}

.cG0CoABZIqf7f0zJwilc.detail .track-codes label {
    color: #8f8f8f;
    font-size: inherit;
    font-weight: inherit
}

.cG0CoABZIqf7f0zJwilc.detail .track-codes span {
    border-left: none;
    color: #fff8f8;
    padding: inherit;
    margin-left: auto;
    display: inline-flex;
    font-size: inherit;
    font-weight: initial
}

.cG0CoABZIqf7f0zJwilc.detail .track-issue-numbers {
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff8f8
}

.cG0CoABZIqf7f0zJwilc.detail .track-issue-numbers span {
    margin-left: 6px
}

.cG0CoABZIqf7f0zJwilc.detail>div table th {
    height: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #867163 !important
}

.cG0CoABZIqf7f0zJwilc.detail>div table tr {
    box-sizing: border-box;
    height: 49px;
    line-height: 49px;
    border-bottom: 1px solid rgba(102, 102, 102, .4)
}

.cG0CoABZIqf7f0zJwilc.detail>div table tr td {
    height: 17px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #a9a9a9
}

.cG0CoABZIqf7f0zJwilc.detail>div table tr td.actions a {
    min-width: 63px;
    height: 22px;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 5px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    display: inline-block
}

.cG0CoABZIqf7f0zJwilc.detail>div table tr td.flex-td {
    width: 100%;
    display: inline-flex
}

.cG0CoABZIqf7f0zJwilc.detail .cancel {
    width: 154px !important;
    height: 42px !important;
    line-height: 42px !important;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%) !important;
    border-radius: 5px !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    color: #fff !important
}

.cG0CoABZIqf7f0zJwilc .report-search-bar {
    margin: 10px 0;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #8f8f8f
}

.cG0CoABZIqf7f0zJwilc .report-search-bar .query {
    box-sizing: border-box;
    min-width: 84px;
    height: 34px !important;
    line-height: 34px !important;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important;
    border: 1px solid rgba(102, 102, 102, .4);
    font-weight: 500
}

.cG0CoABZIqf7f0zJwilc table tr:first-child {
    height: 50px;
    line-height: 50px;
    top: -1px;
    background: rgba(253, 166, 169, .1)
}

.cG0CoABZIqf7f0zJwilc table tr:first-child th {
    font-weight: 500;
    color: #867163 !important;
    padding: inherit
}

.cG0CoABZIqf7f0zJwilc .detail .goback {
    margin-top: 8px
}

.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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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)
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #8f8f8f;
    margin: 10px 0
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar .report {
    margin-right: 15px !important
}

.xmd5Qe2lHPT9QqCZfdIA .report-search-bar .query {
    box-sizing: border-box;
    min-width: 84px;
    height: 34px !important;
    line-height: 34px !important;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important;
    border: 1px solid rgba(102, 102, 102, .4);
    font-weight: 500
}

.xmd5Qe2lHPT9QqCZfdIA table tr:first-child {
    height: 49px;
    line-height: 49px;
    background: rgba(253, 166, 169, .1)
}

.xmd5Qe2lHPT9QqCZfdIA table tr:first-child th {
    font-weight: 500;
    color: #867163 !important;
    padding: inherit
}

.xmd5Qe2lHPT9QqCZfdIA>div {
    margin-top: 14px
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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 {
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px;
    height: auto
}

.KkEAY2ZL0RXIvBVtngvq .more-actions {
    padding: 20px 0;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.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: rgba(0, 0, 0, 0);
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #8f8f8f
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff
}

.KkEAY2ZL0RXIvBVtngvq>.tabs>span.active {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0)
}

.KkEAY2ZL0RXIvBVtngvq .tab-content {
    padding-bottom: 10px
}

.KkEAY2ZL0RXIvBVtngvq table tr.wait {
    background: rgba(0, 0, 0, 0)
}

.KkEAY2ZL0RXIvBVtngvq table tr.wait td {
    border: none
}

.KkEAY2ZL0RXIvBVtngvq table tr:first-child {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%)
}

.KkEAY2ZL0RXIvBVtngvq table tr:first-child th {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff
}

.mrMCupACSu1ZV8GiVVlF span.query {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: #96362e;
    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: #96362e;
    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 #96362e;
    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: #96362e;
    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 #96362e;
    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: #96362e;
    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 #96362e;
    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: #96362e;
    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);
    background: url(../images/outcache/pc_bg.d852.png) no-repeat;
    background-size: 100% 100%
}

.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;
    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 {
    background: linear-gradient(90deg, #F3A3CA, #8877ED) !important;
    box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);
    color: #fff;
    display: block;
    background-blend-mode: normal, normal;
    border-radius: 13px;
    text-align: center;
    margin: 10px auto;
    font-size: 14px;
    line-height: 27px;
    cursor: pointer
}

.PJ6xbhsBlAJ0nSsHD4mM .content .lottery-boxs .item span:hover {
    opacity: .8
}

.PJ6xbhsBlAJ0nSsHD4mM .close {
    height: 48px;
    width: 48px;
    background: url(../svg/close_bg.677e.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    right: calc(50% - 244px);
    top: calc(50% - 140px);
    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, #fda6a9, #A0302E);
    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, #fda6a9, #A0302E);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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: linear-gradient(180deg, rgb(255, 171, 174) 0%, rgb(176, 0, 0) 100%)
}

.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 #96362e;
    border-radius: 4px;
    text-align: center;
    background: #f4f4f4;
    height: 25px
}

.la2y7IjbPbzeSUxriwJf>div.top-level>div.stop>svg {
    color: #fda6a9
}

.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, #96362E, #A0302E);
    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: #96362e;
    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: #96362e
}

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

.la2y7IjbPbzeSUxriwJf>div.submit>div.text>span.money {
    color: #96362e
}

.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 #96362e;
    color: #96362e
}

.la2y7IjbPbzeSUxriwJf>div.submit>div.btns>span.submit {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.BCZ8KHexsGdEaZwzBeG2 .title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #404040;
    color: #867163;
    background: #292625;
    border-width: 1px 1px 1px 0px
}

.BCZ8KHexsGdEaZwzBeG2 .title li {
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    font-size: 14px;
    color: #867163;
    text-align: center
}

.BCZ8KHexsGdEaZwzBeG2 .title li.s-1 {
    width: 150px
}

.BCZ8KHexsGdEaZwzBeG2 .title li.s-3 {
    width: 430px
}

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

.PCqw8QD05pzA507vtMgR .actions {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.PCqw8QD05pzA507vtMgR .actions>.text {
    color: #fff
}

.PCqw8QD05pzA507vtMgR .actions>.text>span {
    color: #d5aa70
}

.PCqw8QD05pzA507vtMgR>.btns>.onekey-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff;
    border: 0
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.onekey-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #fff
}

.PCqw8QD05pzA507vtMgR>.actions>.btns>.add-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    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: url(../images/outcache/off.750c.png) no-repeat center;
    background-size: 100% 100%;
    box-shadow: none;
    color: #382e2b
}

.PCqw8QD05pzA507vtMgR>.btns>.add-bet {
    background: url(../images/outcache/add.9048.png) no-repeat center;
    background-size: 100% 100%;
    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
}

.o8K_9jrmEpBISKBUON86 .prize {
    top: 3px
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box {
    border-right: none
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box>div.title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #404040;
    color: #867163;
    background: #292625;
    border-width: 1px 1px 1px 0px
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item {
    box-sizing: border-box;
    height: 40px;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #404040
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item span {
    font-family: "DINPro";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #fda6a9
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item span.red,
.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item span.blue,
.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item span.green {
    background-image: url(../images/outcache/small-ball.d983.png) !important;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    color: #382e2b !important
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item input {
    box-sizing: border-box;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    background: rgba(0, 0, 0, 0)
}

.o8K_9jrmEpBISKBUON86 div.content>div.item-box div.item.selected {
    background: #382e2b
}

.BQMZyNK3uQn2Dg9jnHig {
    width: 1170px;
    margin: auto;
    margin-bottom: 10px;
    position: relative
}

.BQMZyNK3uQn2Dg9jnHig .bet-area {
    margin-top: 17px;
    min-height: 330px;
    height: auto;
    display: flex;
    justify-content: space-between
}

.BQMZyNK3uQn2Dg9jnHig .bet-area .left-area {
    width: 860px;
    position: relative;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 10px
}

.BQMZyNK3uQn2Dg9jnHig .bet-area .right-area {
    width: 300px;
    position: relative;
    box-sizing: border-box
}

.BQMZyNK3uQn2Dg9jnHig .bet-area .right-area>.fit-warpper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.BQMZyNK3uQn2Dg9jnHig span.sp-entry {
    background: url(../images/outcache/sp-entry.fa72.png) no-repeat center center;
    z-index: 1;
    background-size: 100%
}

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

.BQMZyNK3uQn2Dg9jnHig span.plan-bet:hover {
    opacity: .8
}

.bZN8GO7sPYN29l8zmiVt {
    background: #373737
}

.bZN8GO7sPYN29l8zmiVt .main-wrap {
    position: relative;
    width: 100%;
    height: 675px;
    margin: 0 auto;
    background: url(../images/precache/background.bc45.png) no-repeat;
    background-size: cover
}

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

.bZN8GO7sPYN29l8zmiVt .banner .desc-wrap .detail {
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: 0;
    margin: 10px 0 20px;
    white-space: wrap;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #8f8f8f
}

.bZN8GO7sPYN29l8zmiVt .banner .img {
    display: block;
    background: no-repeat left center/contain;
    width: 95%
}

.bZN8GO7sPYN29l8zmiVt .banner .sub-banner>.img {
    background-position: left top;
    padding-bottom: 100%
}

.bZN8GO7sPYN29l8zmiVt .banner .instructions>.img {
    max-width: 360px;
    height: 100px
}

.bZN8GO7sPYN29l8zmiVt .banner .instructions .list>.img {
    height: 40px
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .sub-banner>.img {
    background-image: url(../images/precache/casino-banner.2ade.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .instructions>.img {
    background-image: url(../images/precache/casino-title.7bdd.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.casino .instructions .list>.img {
    background-image: url(../images/precache/casino-icons.f746.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .sub-banner>.img {
    background-image: url(../images/precache/sport-banner.294f.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .instructions>.img {
    background-image: url(../images/precache/sport-title.4630.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.sport .instructions .list>.img {
    background-image: url(../images/precache/sport-icons.ca82.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .sub-banner>.img {
    background-image: url(../images/precache/slot-banner.4bc5.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .instructions>.img {
    background-image: url(../images/precache/slot-title.d5a4.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.slot .instructions .list>.img {
    background-image: url(../images/precache/slot-icons.fceb.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.esports .sub-banner>.img {
    background-image: url(../images/precache/esports-banner.0c8d.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.esports .instructions>.img {
    background-image: url(../images/precache/esports-title.40b2.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.esports .instructions .list>.img {
    background-image: url(../images/precache/esports-icons.8517.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.chess .sub-banner>.img {
    background-image: url(../images/precache/chess-banner.3eac.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.chess .instructions>.img {
    background-image: url(../images/precache/chess-title.2caa.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .sub-banner>.img {
    background-image: url(../images/precache/lottery-banner.5172.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .instructions>.img {
    background-image: url(../images/precache/lottery-title.7c33.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.lottery .instructions .list>.img {
    background-image: url(../images/precache/lottery-icons.8546.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.fishing .sub-banner>.img {
    background-image: url(../images/precache/fishing-banner.dc8b.png)
}

.bZN8GO7sPYN29l8zmiVt .banner.fishing .instructions>.img {
    background-image: url(../images/precache/fishing-title.e74e.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.2e94.png);
    background-size: contain;
    background-repeat: no-repeat;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 17.0932px
}

.cu9xly5kmufSNsfjXTwJ {
    position: relative;
    min-height: 519px;
    padding: 0;
    background: #373737
}

.cu9xly5kmufSNsfjXTwJ .list-wrap {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.cu9xly5kmufSNsfjXTwJ .list {
    min-height: 300px;
    margin: 0 auto
}

.cu9xly5kmufSNsfjXTwJ .ctn-wrap .banner {
    background-image: url(../images/outcache/slot.8367.jpg)
}

.cu9xly5kmufSNsfjXTwJ .banner {
    position: relative;
    height: 360px;
    background: no-repeat top/1920px auto
}

.cu9xly5kmufSNsfjXTwJ .mfr-list {
    display: flex
}

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

.cu9xly5kmufSNsfjXTwJ .mfr-list li.active,
.cu9xly5kmufSNsfjXTwJ .mfr-list li:hover {
    background: url(../images/outcache/btn_h.cae3.png) no-repeat 50%/100% 100%
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li::after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: no-repeat 50%/90% 90%
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pp::after {
    background-image: url(../images/outcache/pp.269d.png)
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pt::after {
    background-image: url(../images/outcache/pt.8d07.png)
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pg::after {
    background-image: url(../images/outcache/pg.a7be.png)
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pp:hover::after,
.cu9xly5kmufSNsfjXTwJ .mfr-list li.pp.active::after {
    background-image: url(../images/outcache/pp_h.0c79.png)
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pt:hover::after,
.cu9xly5kmufSNsfjXTwJ .mfr-list li.pt.active::after {
    background-image: url(../images/outcache/pt_h.28c8.png)
}

.cu9xly5kmufSNsfjXTwJ .mfr-list li.pg:hover::after,
.cu9xly5kmufSNsfjXTwJ .mfr-list li.pg.active::after {
    background-image: url(../images/outcache/pg_h.bd5d.png)
}

.cu9xly5kmufSNsfjXTwJ .ctrl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.cu9xly5kmufSNsfjXTwJ .game-list {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    align-content: flex-start;
    margin: -15px
}

.cu9xly5kmufSNsfjXTwJ .game-list .card-wrap {
    width: 20%;
    padding: 15px;
    box-sizing: border-box
}

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

.cu9xly5kmufSNsfjXTwJ .game-list .card-wrap .pointer:hover {
    border: 0;
    scale: 1.01;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .6)
}

.cu9xly5kmufSNsfjXTwJ .game-list .card-wrap .pointer img {
    display: block;
    width: 100%;
    height: 240px
}

.cu9xly5kmufSNsfjXTwJ .game-list .card-wrap .pointer .title {
    height: 42px;
    line-height: 42px;
    padding: 0;
    background: #fff;
    color: #666
}

.tZtUtMShsiy8AAhS3wy0 {
    position: relative;
    min-height: 519px;
    padding: 0
}

.tZtUtMShsiy8AAhS3wy0 .list-wrap {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto
}

.tZtUtMShsiy8AAhS3wy0 .header-main-title {
    display: flex;
    align-items: center;
    margin-top: 28px
}

.tZtUtMShsiy8AAhS3wy0 .header-main-title .ic-arrow {
    width: 32px;
    height: 24px;
    background: url(../svg/arrow.1bca.svg) no-repeat 50%/100% 100%;
    margin-right: 10px
}

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

.tZtUtMShsiy8AAhS3wy0 .header-main-title .cn-name {
    margin-bottom: 2px;
    font-size: 24px;
    color: #1e1e1e
}

.tZtUtMShsiy8AAhS3wy0 .header-main-title .en-name {
    font-size: 12px;
    color: #999
}

.tZtUtMShsiy8AAhS3wy0 .list {
    min-height: 300px;
    margin: 0 auto
}

.tZtUtMShsiy8AAhS3wy0 .ctn-wrap .banner {
    background-image: url(../images/outcache/chess.693d.jpg)
}

.tZtUtMShsiy8AAhS3wy0 .banner {
    position: relative;
    height: 360px;
    background: no-repeat top/1920px auto
}

.tZtUtMShsiy8AAhS3wy0 .mfr-list {
    display: flex
}

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

.tZtUtMShsiy8AAhS3wy0 .mfr-list li.active,
.tZtUtMShsiy8AAhS3wy0 .mfr-list li:hover {
    background: url(../images/outcache/btn_h.1a12.png) no-repeat 50%/100% 100%
}

.tZtUtMShsiy8AAhS3wy0 .ctrl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.tZtUtMShsiy8AAhS3wy0 .game-list {
    display: flex;
    flex-flow: wrap;
    text-align: center;
    align-content: flex-start;
    margin: -15px
}

.tZtUtMShsiy8AAhS3wy0 .game-list .card-wrap {
    width: 20%;
    padding: 15px;
    box-sizing: border-box
}

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

.tZtUtMShsiy8AAhS3wy0 .game-list .card-wrap .pointer:hover {
    border: 0;
    scale: 1.01;
    box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .6)
}

.tZtUtMShsiy8AAhS3wy0 .game-list .card-wrap .pointer img {
    display: block;
    width: 100%;
    height: 240px
}

.tZtUtMShsiy8AAhS3wy0 .game-list .card-wrap .pointer .title {
    height: 42px;
    line-height: 42px;
    padding: 0;
    background: #fff;
    color: #666
}

.IuhYZVQX2ate39RIxd48 .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background-color: #000;
    box-sizing: border-box
}

.IuhYZVQX2ate39RIxd48 .page-out-box {
    padding-top: 10px;
    min-height: 1000px
}

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

.IuhYZVQX2ate39RIxd48 .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.IuhYZVQX2ate39RIxd48 .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.IuhYZVQX2ate39RIxd48 .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.IuhYZVQX2ate39RIxd48 .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.IuhYZVQX2ate39RIxd48 .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.OlIVE4gUJ3WtI31lgEXQ>div:first-of-type {
    background: #373737
}

.OlIVE4gUJ3WtI31lgEXQ .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background: rgba(22, 12, 4, .7);
    box-sizing: border-box
}

.OlIVE4gUJ3WtI31lgEXQ .page-out-box {
    padding-top: 10px;
    min-height: 1000px;
    background: #1a1716
}

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

.OlIVE4gUJ3WtI31lgEXQ .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.OlIVE4gUJ3WtI31lgEXQ .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.OlIVE4gUJ3WtI31lgEXQ .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.OlIVE4gUJ3WtI31lgEXQ .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.OlIVE4gUJ3WtI31lgEXQ .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.EEMrOFT0_Vz4WRo7Bv33 .header {
    position: relative;
    display: flex;
    line-height: 40px;
    padding: 0 30px;
    width: 100%;
    justify-content: space-between;
    background-color: #000;
    box-sizing: border-box
}

.EEMrOFT0_Vz4WRo7Bv33 .header.asSports {
    background-color: #fda6a9
}

.EEMrOFT0_Vz4WRo7Bv33 .page-out-box {
    padding-top: 10px;
    min-height: 1000px
}

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

.EEMrOFT0_Vz4WRo7Bv33 .box-wrap.full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.EEMrOFT0_Vz4WRo7Bv33 .box-wrap .title {
    color: #fff;
    width: 180px;
    font-size: 24px
}

.EEMrOFT0_Vz4WRo7Bv33 .box-wrap .screen-btn {
    color: #fff;
    font-size: 20px
}

.EEMrOFT0_Vz4WRo7Bv33 .frame-wrap {
    width: 100%;
    height: calc(100% - 40px);
    background-color: #000
}

.EEMrOFT0_Vz4WRo7Bv33 .frame-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0
}

.bBdB1SGrTTlq4qQiOLCq {
    background: "#e8edf0";
    font-size: 14px
}

.bBdB1SGrTTlq4qQiOLCq img {
    width: 100%
}

.bBdB1SGrTTlq4qQiOLCq .content {
    margin: 0 auto;
    width: 1200px;
    padding-bottom: 60px;
    background-color: #fff
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner {
    background: #fff url(../images/outcache/bg.3c6f.png) no-repeat top center;
    background-size: 1152px 2830px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    padding-top: 90px;
    padding-bottom: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner img {
    width: 434px;
    height: 35px;
    margin-bottom: 40px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner img.table-img {
    width: 1068px;
    height: 886px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .plan-box {
    width: 990px;
    margin: 0 auto
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table {
    width: 1068px;
    margin: 0 auto;
    border: 1px solid #d0b293;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 60px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    border-bottom: 1px solid #d0b293
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul:first-child {
    background-color: #d0b293
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul:first-child li {
    color: #fff
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul:last-child {
    border-bottom: none
}

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

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul li:nth-child(1) {
    width: 280px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul li:nth-child(2) {
    width: 558px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul li:nth-child(3) {
    width: 100px
}

.bBdB1SGrTTlq4qQiOLCq .content .content-inner .activity-table>ul li:nth-child(4) {
    width: 130px;
    border-right: none
}

.bBdB1SGrTTlq4qQiOLCq .plan {
    margin: 0 auto
}

.bBdB1SGrTTlq4qQiOLCq .plan .receive-btn {
    background: url(../images/outcache/status-pop.b9f7.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
}

.bBdB1SGrTTlq4qQiOLCq .planA {
    background: url(../images/outcache/planA.44f0.png) no-repeat 50%;
    background-size: 100%;
    height: 284px;
    width: 964px;
    position: relative;
    margin-left: unset
}

.bBdB1SGrTTlq4qQiOLCq .planA .receive-btn {
    position: absolute;
    right: 28px;
    top: 24px
}

.bBdB1SGrTTlq4qQiOLCq .planA .tip-info {
    position: absolute;
    left: 26%;
    top: 27%;
    text-align: left
}

.bBdB1SGrTTlq4qQiOLCq .planA .tip-info>p:first-child {
    font-size: 42px;
    color: #715087;
    font-weight: 600;
    line-height: 54px
}

.bBdB1SGrTTlq4qQiOLCq .planA .tip-info>p:last-child {
    font-size: 34px;
    font-weight: 600
}

.bBdB1SGrTTlq4qQiOLCq .planA .tip-info>p:last-child strong {
    font-size: 50px;
    margin: 0 10px;
    color: #715087
}

.bBdB1SGrTTlq4qQiOLCq .planA .explain {
    position: absolute;
    left: 26%;
    top: 50%;
    text-align: left;
    color: #676767;
    font-size: 14px;
    width: 468px
}

.bBdB1SGrTTlq4qQiOLCq .planA .explain>p {
    color: #676767;
    line-height: 16px
}

.bBdB1SGrTTlq4qQiOLCq .planB {
    background: url(../images/outcache/planB.fa85.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    height: 312px;
    margin-top: -60px;
    width: 964px;
    margin-right: unset
}

.bBdB1SGrTTlq4qQiOLCq .planB .receive-btn {
    position: absolute;
    left: 84px;
    top: 50px
}

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

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

.bBdB1SGrTTlq4qQiOLCq .planB .box {
    position: absolute;
    left: 420px;
    top: 125px;
    width: 58%;
    border-radius: 30px;
    height: 60px;
    background: #edf6ff
}

.bBdB1SGrTTlq4qQiOLCq .planB .box .schedule {
    position: absolute;
    left: 0;
    height: 100%;
    background: #715087;
    z-index: 1;
    border-radius: 60px
}

.bBdB1SGrTTlq4qQiOLCq .planB .box .tip-list {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%
}

.bBdB1SGrTTlq4qQiOLCq .planB .box .tip-list li {
    width: 60px;
    display: flex;
    align-items: center;
    position: relative
}

.bBdB1SGrTTlq4qQiOLCq .planB .box .tip-list li img {
    width: 100%
}

.bBdB1SGrTTlq4qQiOLCq .planB .box .tip-list li>p {
    position: absolute;
    top: 70px;
    width: 60px;
    text-align: center;
    font-size: 12px
}

.bBdB1SGrTTlq4qQiOLCq .planB .accumulative-days {
    position: absolute;
    top: 170px;
    left: 46%;
    font-size: 18px;
    font-weight: 600;
    display: none
}

.bBdB1SGrTTlq4qQiOLCq .planB .accumulative-days>span {
    color: #715087;
    margin: 0 3px
}

.bBdB1SGrTTlq4qQiOLCq .planB .explain {
    position: absolute;
    left: 30%;
    top: 60%;
    text-align: left;
    color: #676767;
    font-size: 14px;
    width: 420px
}

.bBdB1SGrTTlq4qQiOLCq .planB .explain>p {
    color: #676767;
    line-height: 16px
}

.bBdB1SGrTTlq4qQiOLCq .planB .text {
    position: absolute;
    top: 64px;
    left: 420px;
    width: 58%;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.bBdB1SGrTTlq4qQiOLCq .planB .text>span {
    color: #715087;
    margin: 0 3px;
    font-size: 24px
}

.bBdB1SGrTTlq4qQiOLCq .planC {
    background: url(../images/outcache/planC.cb16.png) no-repeat 50%;
    background-size: 100%;
    position: relative;
    height: 292px;
    margin-top: -26px;
    width: 964px
}

.bBdB1SGrTTlq4qQiOLCq .planC .receive-btn {
    position: absolute;
    right: 28px;
    top: 36px
}

.bBdB1SGrTTlq4qQiOLCq .planC .tip-info {
    position: absolute;
    left: 26%;
    top: 27%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600
}

.bBdB1SGrTTlq4qQiOLCq .planC .tip-info>p {
    font-size: 34px;
    color: #2e2e2e;
    width: 382px;
    line-height: 50px
}

.bBdB1SGrTTlq4qQiOLCq .planC .tip-info>span {
    font-size: 60px;
    color: #715087
}

.bBdB1SGrTTlq4qQiOLCq .planC .explain {
    position: absolute;
    top: 53%;
    left: 28%;
    color: #676767;
    font-size: 14px;
    width: 468px
}

.bBdB1SGrTTlq4qQiOLCq .planC .explain>p {
    color: #676767;
    line-height: 16px
}

.bBdB1SGrTTlq4qQiOLCq .tip {
    border-radius: 20px;
    padding: 10px 40px 50px;
    box-sizing: border-box
}

.bBdB1SGrTTlq4qQiOLCq .tip .rule-title {
    text-align: center
}

.bBdB1SGrTTlq4qQiOLCq .tip .rule-title img {
    width: 434px
}

.bBdB1SGrTTlq4qQiOLCq .tip .rule-box {
    text-align: left;
    padding-left: 20px
}

.bBdB1SGrTTlq4qQiOLCq .tip .rule-box>p {
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 12px;
    color: #545569
}

.D4riqQsbSksBDPQ5vUce {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    border: 2px solid #fdf8ff;
    background: #fdf8ff
}

.D4riqQsbSksBDPQ5vUce .header-image {
    width: 100%;
    vertical-align: middle
}

.D4riqQsbSksBDPQ5vUce .box {
    width: 880px;
    margin: 0 auto
}

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

.D4riqQsbSksBDPQ5vUce .title {
    width: 324px;
    height: 41px;
    margin-top: -12px
}

.D4riqQsbSksBDPQ5vUce .description>.rule-img {
    width: 390px;
    display: flex;
    justify-content: space-between;
    margin: 15px auto
}

.D4riqQsbSksBDPQ5vUce .description>.rule-img>img {
    width: 159px
}

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

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

.D4riqQsbSksBDPQ5vUce .description>.game-box>.game-item-1,
.D4riqQsbSksBDPQ5vUce .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)
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.game-item-1>span,
.D4riqQsbSksBDPQ5vUce .description>.game-box .game-item-2>span {
    width: 33%;
    color: #1f0031;
    line-height: 40px;
    font-size: 14px
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.game-item-1>span {
    font-size: 16px;
    font-weight: 700
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.game-item-2.other-bg {
    background: #e2e6f1
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.title-2 {
    height: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: linear-gradient(0deg, #a100ff, #ad90fc)
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.title-2>span {
    font-size: 16px;
    color: #fcffeb;
    font-weight: 700;
    width: 20%
}

.D4riqQsbSksBDPQ5vUce .description>.game-box>.title-2>span:first-child {
    width: 40%
}

.D4riqQsbSksBDPQ5vUce .description>.game-box .content {
    display: flex;
    align-items: center;
    font-size: 14px;
    background: linear-gradient(270deg, #f8d8f3 0, #dbc7ff 40%, #d7c8ff)
}

.D4riqQsbSksBDPQ5vUce .description>.game-box .content>span {
    width: 20%;
    padding: 10px 5px;
    box-sizing: border-box
}

.D4riqQsbSksBDPQ5vUce .description>.game-box .content>span:first-child {
    width: 40%
}

.D4riqQsbSksBDPQ5vUce .tip {
    text-align: left;
    margin-top: 15px;
    position: relative;
    padding-left: 20px
}

.D4riqQsbSksBDPQ5vUce .tip::before {
    display: inline-block;
    content: "*注";
    position: absolute;
    top: 3px;
    left: 0
}

.D4riqQsbSksBDPQ5vUce .tip>p {
    line-height: 1.8
}

.D4riqQsbSksBDPQ5vUce .tips {
    text-align: left;
    margin-top: 15px
}

.D4riqQsbSksBDPQ5vUce .tips>p {
    line-height: 1.8
}

.Q_VXMibwvKoWxX7kzZec {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.Q_VXMibwvKoWxX7kzZec .banner {
    width: 100%
}

.Q_VXMibwvKoWxX7kzZec .title {
    height: 34px;
    margin-top: 40px;
    margin-bottom: 24px
}

.Q_VXMibwvKoWxX7kzZec .text-tip {
    height: 39px
}

.Q_VXMibwvKoWxX7kzZec .content {
    width: 904px;
    margin: 0 auto;
    text-align: center
}

.Q_VXMibwvKoWxX7kzZec .vip-box {
    border: 1px solid #831f7d;
    border-radius: 8px;
    margin-top: 20px;
    overflow: hidden
}

.Q_VXMibwvKoWxX7kzZec .vip-box table {
    width: 100%;
    display: table;
    border-collapse: collapse;
    text-align: center
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr {
    height: 60px;
    line-height: 60px;
    font-size: 18px
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr:nth-child(2) td:first-child {
    border-bottom: 0;
    color: #fff;
    background: #38205f
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr:first-child {
    background: #38205f
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr:first-child td {
    font-size: 18px;
    color: #fff;
    border-top: 0
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr:last-child td {
    border-bottom: 0
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr td {
    display: table-cell;
    width: 25%;
    border: 1px solid #831f7d
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr td:first-child {
    border-left: 0
}

.Q_VXMibwvKoWxX7kzZec .vip-box table tr td:last-child {
    border-right: 0
}

.Q_VXMibwvKoWxX7kzZec .btn-action {
    margin: 15px auto 40px;
    display: block;
    background: #fff;
    border: none;
    margin-top: 15px;
    cursor: pointer
}

.Q_VXMibwvKoWxX7kzZec .btn-img {
    height: 64px
}

.Q_VXMibwvKoWxX7kzZec .rules {
    border-radius: 8px;
    border: 1px solid #831f7d;
    padding: 40px 20px;
    text-align: left
}

.Q_VXMibwvKoWxX7kzZec .rules>p {
    font-size: 14px;
    color: #494949;
    line-height: 1.8
}

.zF1camVABE6XjsytNLOi .back {
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer
}

.zF1camVABE6XjsytNLOi .invitation_method {
    padding: 0 20px
}

.zF1camVABE6XjsytNLOi .invitation_method h3 {
    margin-bottom: 10px;
    font-size: 20px
}

.zF1camVABE6XjsytNLOi .invitation_method .by_link {
    display: flex;
    justify-content: space-between
}

.zF1camVABE6XjsytNLOi .invitation_method .by_link .by_link_url {
    display: flex;
    font-size: 16px
}

.zF1camVABE6XjsytNLOi .invitation_method .by_link .by_link_url .text {
    word-break: keep-all;
    width: 100px;
    height: 40px;
    line-height: 40px
}

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

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

.zF1camVABE6XjsytNLOi .invitation_method .by_link .by_link_url .copy_btn:hover {
    opacity: .8;
    cursor: pointer
}

.zF1camVABE6XjsytNLOi .invitation_detail {
    margin: 0 20px
}

.zF1camVABE6XjsytNLOi .invitation_detail h3 {
    margin-bottom: 10px;
    font-size: 20px
}

.zF1camVABE6XjsytNLOi .invitation_detail .table-container {
    max-height: 40vh;
    overflow-y: auto;
    border-radius: 12px;
    border: 1px solid #7272ff
}

.zF1camVABE6XjsytNLOi .invitation_detail table {
    table-layout: fixed;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    text-align: center;
    word-break: break-all
}

.zF1camVABE6XjsytNLOi .invitation_detail table th,
.zF1camVABE6XjsytNLOi .invitation_detail table td {
    min-width: 90px;
    height: 45px;
    font-size: 14px;
    font-weight: 400;
    border-right: 1px solid #7272ff;
    box-sizing: border-box
}

.zF1camVABE6XjsytNLOi .invitation_detail table th:last-child,
.zF1camVABE6XjsytNLOi .invitation_detail table td:last-child {
    border: none
}

.zF1camVABE6XjsytNLOi .invitation_detail table th {
    color: #fff;
    background: rgba(114, 114, 255, .6)
}

.dgAwX_JKnzUswKpOU09A {
    height: 100%;
    width: 100%
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .invite-detail-top {
    padding: 20px 20px 10px
}

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .invite-detail-top .total-people {
    font-size: 20px;
    margin-bottom: 15px;
    color: #170225
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .invite-detail-top .total-award .list {
    display: flex;
    align-items: center;
    font-weight: normal;
    font-size: 18px;
    cursor: pointer
}

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .invite-detail-top .total-award .list img {
    width: 10px;
    height: 20px;
    margin-left: 5px
}

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

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-list .tab-item {
    flex: 1;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    color: #170225;
    cursor: pointer
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content {
    padding: 0 20px
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-head .table-head-item {
    flex: 1;
    text-align: center
}

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-content {
    height: 40vh;
    border-bottom: 1px solid #bcbcbc;
    background: rgba(241, 234, 234, .4);
    overflow-y: auto
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-content .table-list .table-list-item {
    flex: 1;
    text-align: center;
    word-break: break-all
}

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

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-null-content .table-null-img {
    width: 80px;
    height: 80px
}

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-null-content .table-null-img img {
    width: 100%
}

.dgAwX_JKnzUswKpOU09A .invite-detail-wrap .tab-content .table-null-content .table-null-text {
    font-size: 20px;
    color: #7272ff;
    opacity: .6
}

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

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

.i5zineUlARAU1k1FNsUA>.iframe {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    margin-left: -0.64rem;
    margin-top: -2.5rem;
    opacity: .5
}

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

.i5zineUlARAU1k1FNsUA>.first-page>.banner {
    width: 100%
}

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

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .title-top {
    display: flex;
    align-items: center;
    height: 28px;
    margin-bottom: 24px;
    padding: 0 40px 0 25px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .diamond {
    height: 100%;
    margin-right: 4px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .title {
    height: 100%
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .table-container {
    margin: 20px 20px 0;
    border-radius: 12px;
    border: 1px solid #7272ff;
    overflow: auto
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward table {
    table-layout: fixed;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    text-align: center;
    word-break: break-all
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward table th,
.i5zineUlARAU1k1FNsUA>.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
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward table th:last-child,
.i5zineUlARAU1k1FNsUA>.first-page>.my-reward table td:last-child {
    border: none
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward table th {
    color: #fff;
    background: rgba(114, 114, 255, .6)
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .show-detail {
    display: flex;
    align-items: center;
    margin-left: auto;
    height: 100%;
    color: #000;
    cursor: pointer
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .show-detail img {
    position: relative;
    top: -1px;
    width: 10px;
    height: 20px;
    margin-left: 10px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .total {
    margin-bottom: 18px;
    padding: 0 25px
}

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

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .my-reward-item h2 {
    width: 100%;
    padding: 12px 0 0;
    font-size: 18px;
    box-sizing: border-box;
    font-weight: normal
}

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

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .my-reward-item .btn .text {
    position: absolute;
    margin-bottom: 13px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .my-reward-item .disabled {
    background: url(../images/outcache/btn_bg_disabled.ae90.png) no-repeat center;
    background-size: cover
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .my-reward-item .num {
    margin: 12px 0 6px;
    text-align: center;
    font-weight: 700
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .my-reward-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .num-img {
    height: 40px;
    margin-left: 20px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .detail-title {
    vertical-align: 8px;
    margin-left: 10px;
    height: 28px
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .autoheight {
    height: auto !important
}

.i5zineUlARAU1k1FNsUA>.first-page>.my-reward .lh-normal {
    line-height: normal
}

.i5zineUlARAU1k1FNsUA>.first-page>.rule {
    padding: 20px
}

.i5zineUlARAU1k1FNsUA>.first-page>.rule>p {
    margin-bottom: 15px;
    line-height: 30px
}

.i5zineUlARAU1k1FNsUA>.first-page>.title1 {
    display: inherit;
    width: 600px;
    margin: 35px auto 10px
}

.i5zineUlARAU1k1FNsUA .mask {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0
}

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

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

.i5zineUlARAU1k1FNsUA .main-box p {
    text-align: center;
    font-size: 35px;
    padding-top: 240px
}

.i5zineUlARAU1k1FNsUA .detail-box {
    position: relative;
    top: 8%;
    width: 1000px;
    height: 85vh;
    margin: 0 auto;
    z-index: 99
}

.i5zineUlARAU1k1FNsUA .by_link_qr {
    display: flex;
    justify-content: space-between;
    padding: 0 30px
}

.i5zineUlARAU1k1FNsUA .by_left {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 45%
}

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

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

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

.i5zineUlARAU1k1FNsUA .by_right .by_right_qr {
    margin: 20px 0
}

.i5zineUlARAU1k1FNsUA .by_right .qr_code_box {
    text-align: center
}

.i5zineUlARAU1k1FNsUA .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: #161212;
    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;
    border-radius: 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
    box-sizing: border-box;
    background: #27211f;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2)
}

.v4gvA0eNknRtgO9JVUJf .active-content .tab li {
    letter-spacing: 0;
    margin: 8px 20px 8px 0;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 59px;
    background-size: 170px 118px;
    background-position-y: 59px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #d2b19c;
    background-color: #1a1716 !important;
    border-radius: 10px
}

.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;
    box-sizing: border-box;
    background: #27211f;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2)
}

.v4gvA0eNknRtgO9JVUJf .active-content .promotion-items>div.item {
    margin-bottom: 15px;
    border-radius: 10px;
    width: 32.5%;
    overflow: hidden;
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2)
}

.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 {
    height: 44px;
    border-top: none;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14.1048px;
    line-height: 44px;
    text-align: center;
    color: #fff8f8;
    background: linear-gradient(360deg, #382E2E 0%, #1A1716 100%);
    border-radius: 0px
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.eRK2rGks2JnbVDhHmkIC {
    display: flex;
    flex-direction: column;
    margin: 0 20px 10px
}

.eRK2rGks2JnbVDhHmkIC>input {
    width: 350px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #333;
    padding: 0 8px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

.eRK2rGks2JnbVDhHmkIC>div.tips {
    width: 100%;
    color: #fe0301;
    margin-top: 10px;
    font-size: 14px
}

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

.w6NPdHsOfmRHdQKZ9qw6 {
    background: #fff;
    padding: 30px 0
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content {
    border: 1px solid #333;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 115px 200px;
    box-sizing: border-box
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content>h3 {
    width: 80%;
    margin: 20px 0 40px;
    font-size: 18px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .table {
    width: 100%
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .table th {
    width: 50%;
    color: #fff;
    background: #f90;
    font-size: 18px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .table td {
    font-size: 18px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .tips {
    font-size: 14px;
    color: blue;
    margin: 20px 0 40px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .rule-img {
    height: 50px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .rule {
    font-size: 14px;
    margin: 20px 0 50px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .rule>p {
    margin-bottom: 15px
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .submit {
    width: 110px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    background-color: #ef5f35;
    border: none;
    border-radius: 38px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3490196078), 0px 5px 5px 0px rgba(255, 255, 255, .3490196078) inset;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    cursor: pointer
}

.w6NPdHsOfmRHdQKZ9qw6 .active-content .submit.query {
    background-color: #f59a23
}

.B2u3BhisY7Ptx71ORL7u {
    height: 850px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.0588235294);
    padding-left: 24px;
    margin-left: 0
}

.B2u3BhisY7Ptx71ORL7u .title {
    margin: 40px 30px 90px;
    background-color: #a0302e;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    width: 210px;
    height: 35px;
    text-align: center;
    line-height: 35px
}

.B2u3BhisY7Ptx71ORL7u .msg {
    text-align: center
}

.B2u3BhisY7Ptx71ORL7u .table {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 80px
}

.B2u3BhisY7Ptx71ORL7u .table table {
    width: 100%;
    border-collapse: unset;
    background: #797979;
    border-radius: 0
}

.B2u3BhisY7Ptx71ORL7u .table table th {
    background: #f74d1a;
    font-size: 18px;
    color: #fff;
    border-radius: 0 !important
}

.B2u3BhisY7Ptx71ORL7u .table table td {
    font-size: 16px
}

.B2u3BhisY7Ptx71ORL7u .table table td.success {
    color: blue
}

.B2u3BhisY7Ptx71ORL7u .table table td.error {
    color: #d9001b
}

.LNeEk1GygANWvZzhhgLt .card-bg {
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    padding: 30px 24px;
    background: var(--color-彈窗背景色);
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框)
}

.KD8I6dz1wXaRiYADiaQR {
    background: var(--color-主背景, #1a1716)
}

.KD8I6dz1wXaRiYADiaQR .report-bg {
    position: relative;
    background: var(--color-主背景, #1a1716);
    min-height: 900px;
    overflow: hidden
}

.KD8I6dz1wXaRiYADiaQR .report-bg::after,
.KD8I6dz1wXaRiYADiaQR .report-bg::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    width: 462px;
    height: 924px;
    background-size: 100% auto
}

.KD8I6dz1wXaRiYADiaQR .report-bg::after {
    right: 0;
    top: 0;
    background-position-y: -70px;
    background-position-x: right
}

.KD8I6dz1wXaRiYADiaQR .report-bg::before {
    bottom: 0;
    background-position-y: bottom;
    background-position-x: left
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container {
    width: 1402px;
    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
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus {
    display: inline-block;
    width: 224px;
    padding-bottom: 15px;
    font-size: 18px;
    vertical-align: top;
    background: var(--color-彈窗背景色, #27211f);
    border-radius: 24px;
    z-index: 1;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-userinfo {
    padding: 15px 15px 0;
    display: flex;
    align-items: center
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-userinfo .avatar {
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border-radius: 50%
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-userinfo .username {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-userinfo .username p {
    color: #fff;
    font-size: 16px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-userinfo .username img {
    height: 10px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector {
    height: 100%;
    padding: 20px 0 0 0px;
    z-index: 9;
    position: relative
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .balance {
    color: #2f2747;
    font-size: 12px;
    margin-bottom: 15px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .balance span {
    font-size: 16px;
    cursor: pointer;
    font-weight: 700;
    padding-left: 10px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 12px
}

.KD8I6dz1wXaRiYADiaQR .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: 100%;
    background-repeat: no-repeat;
    color: var(--text-2級);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li.active .deposit,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li:hover .deposit {
    background-image: url(../svg/ic-recharge-active.6d75.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li.active .transfer,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li:hover .transfer {
    background-image: url(../svg/ic-transfer-active.1e20.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li.active .withdraw,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li:hover .withdraw {
    background-image: url(../svg/ic-withdraw-active.16ba.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li.active>span,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li:hover>span {
    color: var(--text-文字1)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li i {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: center
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li i.deposit {
    background-image: url(../svg/ic-recharge.ca9e.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li i.transfer {
    background-image: url(../svg/ic-transfer.c4ec.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .recharge li i.withdraw {
    background-image: url(../svg/ic-withdraw.3003.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .line {
    height: 1px;
    background: #e2e1e0;
    width: calc(100% - 26px);
    margin: 10px auto 0 auto
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box {
    cursor: pointer;
    height: calc(100% - 146px);
    background: var(--color-彈窗背景色)
}

.KD8I6dz1wXaRiYADiaQR .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: var(--text-2級);
    padding: 15px 5px 15px 15px;
    box-sizing: border-box;
    transition: all .5s
}

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

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.team {
    background-image: url(../svg/team.2730.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.statistics {
    background-image: url(../svg/statistics.42cd.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.person {
    background-image: url(../svg/person.44ed.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.securityCenter {
    background-image: url(../svg/securityCenter.dd11.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.wallet {
    background-image: url(../svg/wallet.0ac3.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.sport {
    background-image: url(../svg/sport.c80c.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.shixin {
    background-image: url(../svg/salary.2dd6.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.casino {
    background-image: url(../svg/casino.d385.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.chess {
    background-image: url(../svg/chess.6fd5.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.esport {
    background-image: url(../svg/esport.f421.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.lottery {
    background-image: url(../svg/lottery.08e0.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.winloss {
    background-image: url(../svg/winloss.d912.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.fishing {
    background-image: url(../svg/fishing.a6ce.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.dw {
    background-image: url(../svg/dw.ddc8.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.commission {
    background-image: url(../svg/commission.481e.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.EasterEgg {
    background-image: url(../svg/EasterEgg.971d.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item .left-icon.pool {
    background-image: url(../svg/pool.517d.svg)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover {
    color: var(--text-文字1);
    background: rgba(208, 178, 147, .1019607843)
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .team,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .team {
    background-image: url(../svg/team-active.0c5a.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .statistics,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .statistics {
    background-image: url(../svg/statistics-active.a8f1.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .person,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .person {
    background-image: url(../svg/person-active.6689.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .securityCenter,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .securityCenter {
    background-image: url(../svg/security-active.a34a.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .wallet,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .wallet {
    background-image: url(../svg/wallet-active.e87c.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .sport,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .sport {
    background-image: url(../svg/sport-active.3f24.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .shixin,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .shixin {
    background-image: url(../svg/salary-active.4de1.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .casino,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .casino {
    background-image: url(../svg/casino-active.9bfc.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .chess,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .chess {
    background-image: url(../svg/chess-active.502c.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .esport,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .esport {
    background-image: url(../svg/esport-active.3555.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .lottery,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .lottery {
    background-image: url(../svg/lottery-active.2b53.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .winloss,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .winloss {
    background-image: url(../svg/winloss-active.db04.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .fishing,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .fishing {
    background-image: url(../svg/fishing-active.9672.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .EasterEgg,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .EasterEgg {
    background-image: url(../svg/EasterEgg-active.fe5d.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .dw,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .dw {
    background-image: url(../svg/dw-active.c64f.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .commission,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .commission {
    background-image: url(../svg/commission-active.f82b.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item.active .pool,
.KD8I6dz1wXaRiYADiaQR .report-bg .report-container .left-menus .menus-selector .menus-list-box .item:hover .pool {
    background-image: url(../svg/pool-active.c184.svg) !important
}

.KD8I6dz1wXaRiYADiaQR .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;
    width: 1151px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .right-content>.title {
    margin-left: 18px;
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: var(--text-文字1);
    margin-bottom: 15px
}

.KD8I6dz1wXaRiYADiaQR .report-bg .right-content-iframe {
    margin: 0 0 0 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid rgba(102, 102, 102, .4);
    background: var(--color-彈窗背景色);
    border-radius: 24px
}

.O5kyETnTKW6WLTjwFfBB .header {
    width: calc(100% + 44px);
    margin-left: -22px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

.O5kyETnTKW6WLTjwFfBB .header .left-title {
    align-items: center;
    margin-left: 24px
}

.O5kyETnTKW6WLTjwFfBB .header .left-title .title {
    width: auto;
    height: auto;
    background: none;
    font-size: 24px;
    color: var(--text-文字1)
}

.O5kyETnTKW6WLTjwFfBB .header .left-title .gotoCnyt {
    margin-left: 25px
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn {
    display: flex;
    align-items: center;
    color: var(--text-文字1) !important
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn .right-item {
    display: flex;
    align-items: center
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn span {
    width: 21px !important;
    color: var(--color-彈窗背景色) !important;
    height: 21px !important;
    line-height: 21px !important;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important
}

.O5kyETnTKW6WLTjwFfBB .header .right-learn:hover span {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%) !important
}

.O5kyETnTKW6WLTjwFfBB .content {
    margin-top: 18px
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName {
    color: #42403d
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .selectBankName span {
    color: #868181
}

.O5kyETnTKW6WLTjwFfBB .content .content-top .rechargeFeedback {
    position: relative;
    width: 142px;
    height: 27px;
    background: url(../images/precache/recharge.8fc1.png) no-repeat 100%/100% 100%;
    box-sizing: border-box
}

.O5kyETnTKW6WLTjwFfBB .bankList li {
    background: #fcfbfa;
    border-radius: 13px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .21);
    padding-right: 10px;
    position: relative
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover {
    background-image: none;
    transform: none
}

.O5kyETnTKW6WLTjwFfBB .bankList li:hover .bank-channel img {
    transform: none
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active {
    border: 1px solid #fda6a9;
    background: #fcfbfa
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel .name {
    color: #fda6a9
}

.O5kyETnTKW6WLTjwFfBB .bankList li.active .bank-channel img {
    background: #fda6a9;
    border-radius: 50%
}

.O5kyETnTKW6WLTjwFfBB .bankList li .giveaway {
    display: none;
    background-image: none
}

.O5kyETnTKW6WLTjwFfBB .bankList li .recommend {
    background: url(../images/precache/recommend.3a94.png) no-repeat 100%/100%;
    width: 33px;
    height: 19px;
    right: -6px;
    top: -9px
}

.O5kyETnTKW6WLTjwFfBB .tips {
    border-color: #383331
}

.O5kyETnTKW6WLTjwFfBB .tips p {
    color: var(--text-3級, #666) !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>div {
    padding: 8px
}

.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: var(--color-主渐变);
    color: var(--text-文字1)
}

.xwhlP_haA2YsxqYqoD7Q .notice {
    width: 560px;
    min-height: 380px;
    background: var(--color-彈窗背景色);
    box-shadow: 0 0 18px #666;
    border-radius: 8px;
    overflow: hidden
}

.xwhlP_haA2YsxqYqoD7Q .notice .hint_title {
    height: 42px;
    line-height: 42px;
    background: var(--color-主渐变);
    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 {
    color: var(--text-文字1)
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item {
    color: var(--text-文字1);
    background: var(--color-輸入框底色)
}

.xwhlP_haA2YsxqYqoD7Q .notice .notice-content .content-way .way-item:hover {
    background: var(--color-主渐变);
    color: var(--text-文字1)
}

.xwhlP_haA2YsxqYqoD7Q .notice .closeBtn {
    background: var(--color-主渐变)
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box {
    color: var(--text-文字1);
    display: flex;
    justify-content: center
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box>label {
    filter: brightness(0) saturate(100%) invert(24%) sepia(88%) saturate(5486%) hue-rotate(335deg) brightness(92%) contrast(109%)
}

.xwhlP_haA2YsxqYqoD7Q .notice .checkbox-box>label.checked {
    filter: brightness(0) saturate(100%) invert(24%) sepia(88%) saturate(5486%) hue-rotate(335deg) brightness(92%) contrast(109%)
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn {
    color: var(--text-文字1)
}

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-right {
    position: relative;
    background: none
}

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

.xwhlP_haA2YsxqYqoD7Q .notice .footer-btn .footer-left img {
    display: none
}

.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: var(--text-文字1)
}

.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(136.71deg, #e3cbb2 24.25%, #d0b190 72.78%) !important
}

.root .ant-select-item-option-active {
    background: linear-gradient(136.71deg, #e3cbb2 24.25%, #d0b190 72.78%) !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 {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.Vb18CjHRvS_k4Jhow1y9 header.header {
    display: flex;
    justify-content: space-between;
    height: 47px;
    padding-bottom: 15px;
    width: 100%;
    margin-left: 0
}

.Vb18CjHRvS_k4Jhow1y9 header.header .left-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0
}

.Vb18CjHRvS_k4Jhow1y9 header.header .left-title .border4 {
    width: 4px;
    height: 21px;
    border-radius: 12px;
    background: linear-gradient(109deg, #f9c1dc 2.15%, #b5a9ff 106.44%)
}

.Vb18CjHRvS_k4Jhow1y9 header.header .left-title .title {
    color: var(--text-文字1);
    font-size: 24px;
    font-weight: 400;
    padding: 0 12px 0 9px
}

.Vb18CjHRvS_k4Jhow1y9 header.header .left-title dl dt {
    color: var(--text-文字1);
    font-size: 16px;
    font-weight: 400
}

.Vb18CjHRvS_k4Jhow1y9 header.header .left-title dl dd {
    color: var(--text-文字2, #868181);
    font-size: 12px;
    font-weight: 400
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn {
    color: #61566d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0px
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn .right-item {
    margin: 1.5px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn .right-item:last-child {
    margin-right: 0
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .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: 2px
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn .right-item>img {
    height: 15px;
    margin-right: 2px
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn .right-item:hover {
    text-decoration: underline
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-btn .rechargeFeedback {
    background: url(../images/precache/btn-feedback.2202.png) no-repeat;
    width: 142px;
    height: 27px;
    background-size: 100% 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.Vb18CjHRvS_k4Jhow1y9 header.header .right-title .right-btn .gotoCnyt {
    background-image: url(../svg/gotoHiwallet.6ae0.svg);
    background-size: 100% 100%;
    width: 72px;
    height: 26px;
    margin: 3px 8px 0 0;
    cursor: pointer
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l {
    width: 763px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l .deposit-one-l-top {
    background-color: var(--color-彈窗背景色, #27211f);
    padding: 20px 35px 12px 15px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid rgba(102, 102, 102, .4)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l.op-deposit-one-l {
    width: 100%
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l.op-deposit-one-l ul.bankList li:nth-child(5n) {
    margin-right: 8px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l.op-deposit-one-l ul.bankList li:nth-child(6n) {
    margin-right: 8px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l .deposit-frame {
    min-height: 950px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: unset;
    margin-bottom: 0
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li {
    width: 112px;
    height: 96px;
    background-color: var(--color-輸入框底色, #382e2b);
    border: 1px solid #666;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    box-shadow: none
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li:nth-child(5n) {
    margin-right: 7px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li:nth-child(6n) {
    margin-right: 0px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li .bank-channel {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li>i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    right: -1px;
    background: url(../svg/recommend.e695.svg)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li img {
    width: 46px;
    height: 46px;
    margin-right: 0
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li .name {
    color: #fff;
    text-align: center
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li .name .fireIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20.3333px;
    height: 21.3333px;
    background: url(../svg/fire.cd9b.svg)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li .giveaway {
    color: #f47070;
    text-align: center
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li.active {
    background: url(../svg/channel-active.4efb.svg);
    background-size: 100% 100%;
    transform: scaleY(1);
    border: none
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li.active .name {
    color: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li.active .giveaway {
    color: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.bankList li.active img {
    transform: scaleY(1);
    background: none;
    border-radius: none
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list li {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    flex: none;
    background: #592424;
    margin: 12px 0 0px 8px;
    box-sizing: border-box;
    position: relative;
    color: var(--text-2級);
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    box-sizing: border-box
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list li .jiasong {
    position: absolute;
    right: -8px;
    top: -10px;
    border-radius: 10px 10px 10px 2px;
    background: linear-gradient(180deg, #f57171 0%, #e59595 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    padding: 2px 6px;
    color: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list li.active {
    color: #fbeded;
    background: var(--color-主渐变)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list li.active .jiasong {
    color: #fff
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l ul.channel-list li.active::after {
    content: "";
    background: url(../images/precache/active-channel.1d59.png) no-repeat center/100%;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l .channel-box {
    background: var(--color-彈窗背景色, #27211f);
    border-radius: 24px;
    box-sizing: border-box;
    padding: 20px 46px;
    flex: 1;
    margin-top: 10px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框, #666)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-l .channel-box .channel-overflow {
    width: 100%;
    margin-top: -12px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 15px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left {
    width: 434px;
    margin-top: -7px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box {
    width: auto
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item {
    position: relative
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .bankpick-trigger {
    width: 273px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(160, 149, 198, .6);
    border-radius: 4px;
    text-indent: 10px;
    color: rgba(47, 39, 71, .8);
    cursor: pointer;
    box-sizing: border-box
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item label {
    font-size: 14px;
    width: auto;
    margin-right: 8px;
    color: var(--text-3級)
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .input.input-content {
    position: inherit
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .input.input-content .keep {
    position: absolute
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .input.input-content .amount-select {
    left: 0px;
    border-width: 0;
    padding: 5px 0px;
    width: 353px;
    background: rgba(0, 0, 0, 0)
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .deposit-select {
    background: none
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .deposit-select select {
    font-weight: 400;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: var(--color-輸入框底色) url(../images/precache/arrow-down.27ee.png) no-repeat;
    background-size: 14px 14px;
    background-position: 98% center;
    padding-right: 20px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item span.usdt-rate {
    color: var(--text-3級)
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.input-item label {
    width: 72px;
    text-align: left
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.smalSize {
    min-height: 30px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.smalSize label {
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.smalSize span {
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.real-amount {
    min-height: 30px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.real-amount label {
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item.real-amount span {
    font-size: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .select,
.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .info-item .input {
    width: 273px;
    background: var(--color-輸入框底色)
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .input-tips {
    color: var(--text-警告, #ff7373);
    font-size: 12px;
    max-width: 245px;
    height: 16px;
    line-height: 16px;
    margin-left: 0px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .input-tips.amount-tips {
    padding-top: 40px
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .input-tips .tips-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(180deg, #95352e, #cf5a38);
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    vertical-align: unset
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .error-tip {
    color: #ff2e00;
    height: 14px;
    border-radius: 4px;
    background-color: none;
    margin: 0
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .form-left .info-box .realname-tips {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: none
}

.Vb18CjHRvS_k4Jhow1y9 .form-content .next-btn {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    background-size: 100% 100%;
    width: 233px;
    height: 46px;
    line-height: 43px;
    font-size: 15px;
    text-shadow: none;
    border-radius: 10px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r {
    width: 367px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .adds {
    width: 100%;
    height: 74px;
    margin: 12px 0
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .adds .deposit-banner.banner-content {
    min-height: unset
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .adds .deposit-banner.banner-content .banner-item {
    height: 100%;
    min-height: unset;
    position: unset
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .adds a {
    display: block
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .adds img {
    width: 100%;
    height: 100%
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa {
    min-height: 306px;
    background-color: var(--color-彈窗背景色);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框)
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa h4 {
    font-size: 18px;
    color: var(--text-文字1);
    font-weight: 400;
    line-height: 25px;
    padding: 4px 0 30px 0;
    text-align: center
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa dl {
    margin-bottom: 20px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa dl dt {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-文字1);
    cursor: pointer
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa dl dt img {
    width: 20px;
    height: 20px
}

.Vb18CjHRvS_k4Jhow1y9 .deposit-one-r .qa dl dd {
    background-color: var(--color-輸入框底色);
    padding: 12px;
    color: #9a96a4;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 16.8px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two {
    width: 100%;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    border-radius: 24px;
    padding: 20px 18px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header {
    align-items: center
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .left-title .back-icon {
    background: url(../svg/back.4538.svg) no-repeat
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .left-title .text {
    font-weight: 400;
    color: var(--text-文字1)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn {
    color: #61566d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn .right-item {
    margin: 0 5px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn .right-item:last-child {
    margin-right: 0
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .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
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn .right-item>img {
    height: 15px;
    margin-right: 5px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn .right-item:hover {
    text-decoration: underline
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .header .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content {
    border-radius: 12px;
    background: rgba(0, 0, 0, 0)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top {
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top>p {
    color: #8f8f8f
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top::after {
    border: none
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .top>img {
    width: 25px;
    margin-right: 10px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .openRechage {
    width: 212px;
    height: 46px;
    line-height: 46px;
    background: var(--color-主渐变);
    color: #fff;
    text-shadow: unset;
    box-sizing: border-box
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .btn-group .openRechage.already {
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡);
    text-shadow: unset;
    background: rgba(0, 0, 0, 0)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info .info-item .info-title {
    color: #9a96a4
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info.bottom {
    min-height: unset;
    padding-bottom: 20px;
    padding-top: 0px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info.bottom .info-item {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info.bottom .info-item .copy {
    width: 52px;
    height: 22px;
    line-height: 22px;
    border: 1px var(--color-主色淡) solid;
    color: var(--color-主色淡);
    background: rgba(0, 0, 0, 0);
    border-radius: 4px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info.bottom .info-item em {
    color: var(--text-文字1)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .channel-info.bottom .qrcode {
    top: 50%;
    margin-top: -55px;
    right: 200px
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .card-content-bottom {
    padding-top: 20px;
    border-top: 1px dashed rgba(0, 0, 0, .1)
}

.Vb18CjHRvS_k4Jhow1y9 .step-two .card-content .tips-text {
    color: var(--text-3級)
}

.Vb18CjHRvS_k4Jhow1y9 .control-btns {
    display: flex;
    justify-content: space-between
}

.Vb18CjHRvS_k4Jhow1y9 .control-btns .thirdGoBack {
    color: #fda6a9
}

.Vb18CjHRvS_k4Jhow1y9 .set-item {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.Vb18CjHRvS_k4Jhow1y9 .set-item label {
    margin-left: 0px
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step {
    padding-bottom: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step .tutorial-control {
    display: flex;
    justify-content: space-between
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step .tutorial-control .right-item {
    color: var(--text-文字1)
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step .tutorial-control .right-item span {
    color: var(--color-彈窗背景色);
    display: inline-block;
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, #95352e, #cf5a38);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 5px
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step>ul {
    padding-top: 12px
}

.Vb18CjHRvS_k4Jhow1y9 .tutorial-recharge-step>ul li {
    line-height: 20px;
    color: var(--text-3級);
    font-size: 12px
}

.l5xRuGCkHJul9gK_4cIa {
    background-color: var(--color-彈窗背景色);
    border-radius: 24px;
    padding-bottom: 11px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框, #666)
}

.l5xRuGCkHJul9gK_4cIa dl {
    padding: 20px 0 11px 0
}

.l5xRuGCkHJul9gK_4cIa dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: var(--text-文字1)
}

.l5xRuGCkHJul9gK_4cIa dl dt img {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.l5xRuGCkHJul9gK_4cIa dl dd {
    color: #8f8f8f;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    font-weight: 400;
    text-align: center
}

.l5xRuGCkHJul9gK_4cIa .detail-table {
    background-color: var(--color-彈窗背景色);
    border-radius: 20px;
    width: calc(100% - 20px);
    height: 300px;
    margin: 0 9px 0 11px
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-header {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid var(--color-边框)
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-header p {
    padding: 20px 0;
    width: 33.3333%;
    text-align: center;
    color: var(--text-2級)
}

.l5xRuGCkHJul9gK_4cIa .detail-table .noData {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 180px;
    background: url(../svg/no-data.2121.svg) no-repeat center center;
    background-size: 184px 152px;
    color: var(--text-2級)
}

.l5xRuGCkHJul9gK_4cIa .detail-table .contents {
    height: 238px;
    overflow: auto
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-content {
    display: flex;
    justify-content: space-around;
    color: var(--text-文字1)
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-content p {
    width: 33.3333%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 7px 0px
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-content p.jump-td {
    color: var(--text-文字1);
    cursor: pointer
}

.l5xRuGCkHJul9gK_4cIa .detail-table .table-content p.jump-td:hover {
    text-decoration: underline;
    color: var(--color-主色淡)
}

.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(180deg, #95352e, #cf5a38)
}

.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(180deg, #95352e, #cf5a38);
    color: #fff
}

.SSXFcBNnBzqCLO8It6JN {
    display: flex;
    flex-direction: column
}

.SSXFcBNnBzqCLO8It6JN .step-container {
    width: 711px;
    height: 105px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0px 6px 14px 0px rgba(136, 105, 230, .1019607843)
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box {
    display: flex;
    align-items: center
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box>div .circle-wrap {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(180deg, #95352e, #cf5a38) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 40px;
    display: flex;
    align-items: center
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box>div .circle-wrap-active {
    width: 40px;
    height: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(180deg, #95352e, #cf5a38)
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box>div span {
    color: #d8b7fe
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box>div.active span {
    color: #9876e5
}

.SSXFcBNnBzqCLO8It6JN .step-container .step-box .dash {
    margin: 0 10px;
    height: 2px
}

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

.Y7NDvaYxyvMk12htxEzA .input-content input {
    border: 1px solid var(--color-边框);
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select {
    border-color: none
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item {
    background: #592424;
    color: var(--text-2級);
    border-width: 1px;
    position: relative
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item:hover,
.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item.active {
    color: var(--text-文字1);
    border: none;
    background: var(--color-主渐变);
    box-sizing: border-box
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select {
    background: var(--color-輸入框底色)
}

.Y7NDvaYxyvMk12htxEzA .input-content .amount-select .select-item.active::after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/outcache/active-channel.1d59.png) no-repeat 100%/100% 100%;
    border-bottom-right-radius: 4px
}

.Y7NDvaYxyvMk12htxEzA select {
    border-color: var(--color-边框);
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.D3izy6SpD5b7X75aNbOD .formField .formInput input {
    background: var(--color-輸入框底色);
    color: var(--text-文字1);
    border-color: var(--color-边框)
}

.D3izy6SpD5b7X75aNbOD .formField .ant-select-selector {
    background: var(--color-輸入框底色);
    color: var(--text-文字1);
    border-color: var(--color-边框)
}

.WcPCpfdT_0mvyIQ3blEa {
    display: flex;
    justify-content: space-between;
    align-items: stretch
}

.WcPCpfdT_0mvyIQ3blEa header.header {
    display: flex;
    justify-content: space-between;
    height: 47px;
    padding-bottom: 15px;
    width: 100%;
    margin-left: 0
}

.WcPCpfdT_0mvyIQ3blEa header.header .left-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0
}

.WcPCpfdT_0mvyIQ3blEa header.header .left-title .border4 {
    width: 4px;
    height: 21px;
    border-radius: 12px;
    background: linear-gradient(109deg, #f9c1dc 2.15%, #b5a9ff 106.44%)
}

.WcPCpfdT_0mvyIQ3blEa header.header .left-title .title {
    color: var(--text-文字1);
    font-size: 24px;
    font-weight: 400;
    padding: 0 12px 0 9px
}

.WcPCpfdT_0mvyIQ3blEa header.header .left-title dl dt {
    color: var(--text-文字1);
    font-size: 16px;
    font-weight: 400
}

.WcPCpfdT_0mvyIQ3blEa header.header .left-title dl dd {
    color: var(--text-文字2, #868181);
    font-size: 12px;
    font-weight: 400
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn {
    color: #61566d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0px
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn .right-item {
    margin: 1.5px 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn .right-item:last-child {
    margin-right: 0
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .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: 2px
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn .right-item>img {
    height: 15px;
    margin-right: 2px
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn .right-item:hover {
    text-decoration: underline
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-btn .rechargeFeedback {
    background: url(../images/precache/btn-feedback.2202.png) no-repeat;
    width: 142px;
    height: 27px;
    background-size: 100% 100%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.WcPCpfdT_0mvyIQ3blEa header.header .right-title .right-btn .gotoCnyt {
    background-image: url(../svg/gotoHiwallet.6ae0.svg);
    background-size: 100% 100%;
    width: 72px;
    height: 26px;
    margin: 3px 8px 0 0;
    cursor: pointer
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l {
    width: 763px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l .deposit-one-l-top {
    background-color: var(--color-彈窗背景色, #27211f);
    padding: 20px 35px 12px 15px;
    border-radius: 24px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid rgba(102, 102, 102, .4)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l.op-deposit-one-l {
    width: 100%
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l.op-deposit-one-l ul.bankList li:nth-child(5n) {
    margin-right: 8px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l.op-deposit-one-l ul.bankList li:nth-child(6n) {
    margin-right: 8px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l .deposit-frame {
    min-height: 950px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: unset;
    margin-bottom: 0
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li {
    width: 112px;
    height: 96px;
    background-color: var(--color-輸入框底色, #382e2b);
    border: 1px solid #666;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    box-shadow: none
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li:nth-child(5n) {
    margin-right: 7px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li:nth-child(6n) {
    margin-right: 0px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li .bank-channel {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li>i {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    right: -1px;
    background: url(../svg/recommend.e695.svg)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li img {
    width: 46px;
    height: 46px;
    margin-right: 0
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li .name {
    color: #fff;
    text-align: center
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li .name .fireIcon {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20.3333px;
    height: 21.3333px;
    background: url(../svg/fire.cd9b.svg)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li .giveaway {
    color: #f47070;
    text-align: center
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li.active {
    background: url(../svg/channel-active.4efb.svg);
    background-size: 100% 100%;
    transform: scaleY(1);
    border: none
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li.active .name {
    color: #fff
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li.active .giveaway {
    color: #fff
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.bankList li.active img {
    transform: scaleY(1);
    background: none;
    border-radius: none
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list li {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    flex: none;
    background: #592424;
    margin: 12px 0 0px 8px;
    box-sizing: border-box;
    position: relative;
    color: var(--text-2級);
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    box-sizing: border-box
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list li .jiasong {
    position: absolute;
    right: -8px;
    top: -10px;
    border-radius: 10px 10px 10px 2px;
    background: linear-gradient(180deg, #f57171 0%, #e59595 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    padding: 2px 6px;
    color: #fff
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list li.active {
    color: #fbeded;
    background: var(--color-主渐变)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list li.active .jiasong {
    color: #fff
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l ul.channel-list li.active::after {
    content: "";
    background: url(../images/precache/active-channel.1d59.png) no-repeat center/100%;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l .channel-box {
    background: var(--color-彈窗背景色, #27211f);
    border-radius: 24px;
    box-sizing: border-box;
    padding: 20px 46px;
    flex: 1;
    margin-top: 10px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框, #666)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-l .channel-box .channel-overflow {
    width: 100%;
    margin-top: -12px
}

.WcPCpfdT_0mvyIQ3blEa .form-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 15px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left {
    width: 434px;
    margin-top: -7px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box {
    width: auto
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item {
    position: relative
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .bankpick-trigger {
    width: 273px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(160, 149, 198, .6);
    border-radius: 4px;
    text-indent: 10px;
    color: rgba(47, 39, 71, .8);
    cursor: pointer;
    box-sizing: border-box
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item label {
    font-size: 14px;
    width: auto;
    margin-right: 8px;
    color: var(--text-3級)
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .input.input-content {
    position: inherit
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .input.input-content .keep {
    position: absolute
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .input.input-content .amount-select {
    left: 0px;
    border-width: 0;
    padding: 5px 0px;
    width: 353px;
    background: rgba(0, 0, 0, 0)
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .deposit-select {
    background: none
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .deposit-select select {
    font-weight: 400;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: var(--color-輸入框底色) url(../images/precache/arrow-down.27ee.png) no-repeat;
    background-size: 14px 14px;
    background-position: 98% center;
    padding-right: 20px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item span.usdt-rate {
    color: var(--text-3級)
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.input-item label {
    width: 72px;
    text-align: left
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.smalSize {
    min-height: 30px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.smalSize label {
    font-size: 12px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.smalSize span {
    font-size: 12px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.real-amount {
    min-height: 30px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.real-amount label {
    font-size: 12px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item.real-amount span {
    font-size: 12px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .select,
.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .info-item .input {
    width: 273px;
    background: var(--color-輸入框底色)
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .input-tips {
    color: var(--text-警告, #ff7373);
    font-size: 12px;
    max-width: 245px;
    height: 16px;
    line-height: 16px;
    margin-left: 0px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .input-tips.amount-tips {
    padding-top: 40px
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .input-tips .tips-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(180deg, #95352e, #cf5a38);
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    vertical-align: unset
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .error-tip {
    color: #ff2e00;
    height: 14px;
    border-radius: 4px;
    background-color: none;
    margin: 0
}

.WcPCpfdT_0mvyIQ3blEa .form-content .form-left .info-box .realname-tips {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: none
}

.WcPCpfdT_0mvyIQ3blEa .form-content .next-btn {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    background-size: 100% 100%;
    width: 233px;
    height: 46px;
    line-height: 43px;
    font-size: 15px;
    text-shadow: none;
    border-radius: 10px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r {
    width: 367px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .adds {
    width: 100%;
    height: 74px;
    margin: 12px 0
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .adds .deposit-banner.banner-content {
    min-height: unset
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .adds .deposit-banner.banner-content .banner-item {
    height: 100%;
    min-height: unset;
    position: unset
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .adds a {
    display: block
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .adds img {
    width: 100%;
    height: 100%
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa {
    min-height: 306px;
    background-color: var(--color-彈窗背景色);
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框)
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa h4 {
    font-size: 18px;
    color: var(--text-文字1);
    font-weight: 400;
    line-height: 25px;
    padding: 4px 0 30px 0;
    text-align: center
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa dl {
    margin-bottom: 20px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa dl dt {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-文字1);
    cursor: pointer
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa dl dt img {
    width: 20px;
    height: 20px
}

.WcPCpfdT_0mvyIQ3blEa .deposit-one-r .qa dl dd {
    background-color: var(--color-輸入框底色);
    padding: 12px;
    color: #9a96a4;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 16.8px
}

.WcPCpfdT_0mvyIQ3blEa .step-two {
    width: 100%;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    border-radius: 24px;
    padding: 20px 18px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header {
    align-items: center
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .left-title .back-icon {
    background: url(../svg/back.4538.svg) no-repeat
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .left-title .text {
    font-weight: 400;
    color: var(--text-文字1)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn {
    color: #61566d;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn .right-item {
    margin: 0 5px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn .right-item:last-child {
    margin-right: 0
}

.WcPCpfdT_0mvyIQ3blEa .step-two .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
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn .right-item>img {
    height: 15px;
    margin-right: 5px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn .right-item:hover {
    text-decoration: underline
}

.WcPCpfdT_0mvyIQ3blEa .step-two .header .right-learn .right-item:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content {
    border-radius: 12px;
    background: rgba(0, 0, 0, 0)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .top {
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .top>p {
    color: #8f8f8f
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .top::after {
    border: none
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .top>img {
    width: 25px;
    margin-right: 10px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .btn-group .openRechage {
    width: 212px;
    height: 46px;
    line-height: 46px;
    background: var(--color-主渐变);
    color: #fff;
    text-shadow: unset;
    box-sizing: border-box
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .btn-group .openRechage.already {
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡);
    text-shadow: unset;
    background: rgba(0, 0, 0, 0)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info .info-item .info-title {
    color: #9a96a4
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info.bottom {
    min-height: unset;
    padding-bottom: 20px;
    padding-top: 0px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info.bottom .info-item {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info.bottom .info-item .copy {
    width: 52px;
    height: 22px;
    line-height: 22px;
    border: 1px var(--color-主色淡) solid;
    color: var(--color-主色淡);
    background: rgba(0, 0, 0, 0);
    border-radius: 4px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info.bottom .info-item em {
    color: var(--text-文字1)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .channel-info.bottom .qrcode {
    top: 50%;
    margin-top: -55px;
    right: 200px
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .card-content-bottom {
    padding-top: 20px;
    border-top: 1px dashed rgba(0, 0, 0, .1)
}

.WcPCpfdT_0mvyIQ3blEa .step-two .card-content .tips-text {
    color: var(--text-3級)
}

.WcPCpfdT_0mvyIQ3blEa .control-btns {
    display: flex;
    justify-content: space-between
}

.WcPCpfdT_0mvyIQ3blEa .control-btns .thirdGoBack {
    color: #fda6a9
}

.WcPCpfdT_0mvyIQ3blEa .set-item {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.WcPCpfdT_0mvyIQ3blEa .set-item label {
    margin-left: 0px
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step {
    padding-bottom: 12px
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step .tutorial-control {
    display: flex;
    justify-content: space-between
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step .tutorial-control .right-item {
    color: var(--text-文字1)
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step .tutorial-control .right-item span {
    color: var(--color-彈窗背景色);
    display: inline-block;
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, #95352e, #cf5a38);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 5px
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step>ul {
    padding-top: 12px
}

.WcPCpfdT_0mvyIQ3blEa .tutorial-recharge-step>ul li {
    line-height: 20px;
    color: var(--text-3級);
    font-size: 12px
}

.Q5nnJeDKoOp3nPuyoN2G {
    background-color: var(--color-彈窗背景色);
    border-radius: 24px;
    padding-bottom: 11px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框, #666)
}

.Q5nnJeDKoOp3nPuyoN2G dl {
    padding: 20px 0 11px 0
}

.Q5nnJeDKoOp3nPuyoN2G dl dt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: var(--text-文字1)
}

.Q5nnJeDKoOp3nPuyoN2G dl dt img {
    width: 20px;
    height: 20px;
    margin-right: 6px
}

.Q5nnJeDKoOp3nPuyoN2G dl dd {
    color: #8f8f8f;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    font-weight: 400;
    text-align: center
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table {
    background-color: var(--color-彈窗背景色);
    border-radius: 20px;
    width: calc(100% - 20px);
    height: 300px;
    margin: 0 9px 0 11px
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-header {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid var(--color-边框)
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-header p {
    padding: 20px 0;
    width: 33.3333%;
    text-align: center;
    color: var(--text-2級)
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .noData {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 180px;
    background: url(../svg/no-data.2121.svg) no-repeat center center;
    background-size: 184px 152px;
    color: var(--text-2級)
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .contents {
    height: 238px;
    overflow: auto
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-content {
    display: flex;
    justify-content: space-around;
    color: var(--text-文字1)
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-content p {
    width: 33.3333%;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 7px 0px
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-content p.jump-td {
    color: var(--text-文字1);
    cursor: pointer
}

.Q5nnJeDKoOp3nPuyoN2G .detail-table .table-content p.jump-td:hover {
    text-decoration: underline;
    color: var(--color-主色淡)
}

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

.WzfDydGXmHoYWXtlmVv6 .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(180deg, #95352e, #cf5a38)
}

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

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

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

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

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

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

.WzfDydGXmHoYWXtlmVv6 .manual_modal .contents h3 {
    margin-bottom: 15px
}

.WzfDydGXmHoYWXtlmVv6 .manual_modal .contents p {
    text-align: center;
    color: #4c5161;
    font-size: 16px;
    margin-top: 15px
}

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

.WzfDydGXmHoYWXtlmVv6 .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(180deg, #95352e, #cf5a38);
    color: #fff
}

.xhvTvql3aEhP_kMvTbtB {
    display: flex;
    flex-direction: column
}

.xhvTvql3aEhP_kMvTbtB .step-container {
    width: 711px;
    height: 105px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0px 6px 14px 0px rgba(136, 105, 230, .1019607843)
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box {
    display: flex;
    align-items: center
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box>div .circle-wrap {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(180deg, #95352e, #cf5a38) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    height: 40px;
    display: flex;
    align-items: center
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box>div .circle-wrap-active {
    width: 40px;
    height: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 20px;
    background: linear-gradient(180deg, #95352e, #cf5a38)
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box>div span {
    color: #d8b7fe
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box>div.active span {
    color: #9876e5
}

.xhvTvql3aEhP_kMvTbtB .step-container .step-box .dash {
    margin: 0 10px;
    height: 2px
}

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

.E7ry9ywwmthonQJlMCX4 .depositWrap {
    display: flex;
    flex-direction: column
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .top-bar {
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 23px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .top-bar .channel-name {
    margin-left: 8px;
    font-size: 20px;
    color: #000
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container {
    width: 711px;
    height: 105px;
    padding-left: 30px;
    border-radius: 10px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    align-items: center;
    box-shadow: 0px 6px 14px 0px rgba(136, 105, 230, .1019607843)
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box {
    display: flex;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div {
    display: flex;
    flex-direction: column;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div .circle-wrap {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 22px;
    color: #d8b7fe
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div .circle-wrap::before {
    position: absolute;
    content: "";
    border-radius: 20px;
    inset: 0;
    border: 2px solid rgba(0, 0, 0, 0);
    background: linear-gradient(109.09deg, #d8b7fe 2.15%, #9876e5 106.44%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div .circle-wrap-active {
    width: 40px;
    color: #fff;
    font-size: 22px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: linear-gradient(109.09deg, #d8b7fe 2.15%, #9876e5 106.44%);
    box-sizing: border-box
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div span {
    color: #d8b7fe;
    margin-top: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box>div.active span {
    color: #9876e5
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .step-container .step-box .dash {
    margin: 0 10px;
    height: 2px;
    transform: translateY(-9px)
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap {
    width: 711px;
    padding: 20px 0;
    box-sizing: border-box;
    padding-left: 20px;
    margin-top: 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0px 6px 14px 0px rgba(136, 105, 230, .1019607843)
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap>div {
    width: 671px;
    height: 270px;
    display: flex;
    align-items: center;
    background: #fcfcff;
    border-radius: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap>div.transfer-box {
    height: 384px;
    display: flex;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap>div.upload-outwrap {
    padding-top: 10px;
    height: 370px;
    align-items: flex-start
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap {
    display: flex;
    align-items: center;
    flex-direction: column
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap>img {
    margin-bottom: 15px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .text {
    background: linear-gradient(153deg, #bd94e6 16.49%, #8268d9 83.1%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-size: 18px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .fail-text {
    color: #f35a4e;
    font-size: 18px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .remaining-pay {
    display: flex;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .remaining-pay .time-box {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .remaining-pay .time-box span {
    color: #bd94e6;
    font-size: 16px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .left-wrap .remaining-pay .time-box p {
    max-width: 115px;
    color: rgba(47, 39, 71, .4);
    margin-top: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap {
    display: flex;
    flex: 1;
    align-items: center;
    flex-direction: column;
    padding-right: 30px;
    padding-left: 15px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap.space-between {
    justify-content: space-between
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .process-order {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .order-failed {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 142px;
    height: 35px;
    border-radius: 6px;
    background: #fff1ed;
    margin-bottom: 15px;
    color: #f96363;
    box-sizing: border-box
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .text-field {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .text-field .text-label {
    letter-spacing: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .text-field .text-content {
    color: #000;
    font-weight: 500
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .wait-tip {
    margin-top: 50px;
    color: #a9a9a9
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-tip {
    color: #a9a9a9;
    width: 100%;
    margin-top: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .invalid-tip {
    color: rgba(47, 39, 71, .4);
    width: 364px;
    text-align: right
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .deposit-tip {
    height: 35px;
    width: 364px;
    text-align: center;
    line-height: 35px;
    border-radius: 6px;
    background: #f5f1ff;
    box-sizing: border-box;
    margin-bottom: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .deposit-tip span {
    color: #ff804b
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .form .form-line {
    display: flex;
    margin-bottom: 10px;
    width: 364px;
    margin-bottom: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .form .form-line .copy {
    color: #a17df5;
    margin-left: 8px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .form .form-line .form-field {
    letter-spacing: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .form .form-line .form-content {
    flex: 1;
    text-align: right;
    color: #000;
    font-weight: 500
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .form .form-line img {
    margin-left: 8px;
    cursor: pointer
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .count-box {
    display: flex;
    align-items: center;
    margin: 10px 0
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .count-box .clock {
    margin-right: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .count-box span {
    color: #9981f5;
    font-size: 14px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top {
    display: flex;
    width: 100%
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container {
    width: 118px;
    background: #f5f1ff;
    border-radius: 8px;
    height: 118px;
    display: flex;
    align-items: center;
    justify-content: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container .inner-container {
    width: 86px;
    position: relative;
    border-radius: 5px;
    background: #fff;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container .inner-container .upload-border {
    width: 72px;
    height: 72px;
    background: url(../images/precache/upload-border.a8b0.png) no-repeat center;
    background-size: 100% 100%
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container .inner-container .upload-border img {
    width: 72px;
    height: 72px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container .inner-container label {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 0;
    left: 33px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .outer-container .inner-container input {
    display: none
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap {
    flex: 1;
    padding-left: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap .has-upload {
    display: flex;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap .has-upload svg {
    margin-right: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap .statement {
    height: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap .statement span {
    color: #000;
    margin-left: 5px;
    font-size: 14px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-wrap p {
    color: #fc7f7f;
    line-height: 18px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .upload-top .receipt-eg {
    width: 80px;
    height: 24px;
    box-sizing: border-box;
    text-align: center;
    line-height: 24px;
    border: 1px solid #fff;
    color: #fff;
    background: linear-gradient(109.09deg, #f9c1dc 2.15%, #b5a9ff 106.44%);
    box-shadow: 0px 0px 4px 0px #efeaff;
    border-radius: 12px;
    margin-top: 28px;
    cursor: pointer
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .receipt-info {
    width: 100%;
    margin-top: 20px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .receipt-info>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #2f2747;
    font-size: 14px;
    margin-bottom: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .receipt-info>div .detail {
    width: 270px;
    height: 42px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 44px;
    border: 1px solid #c7c4d0;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .operate-btn {
    background: url(../images/precache/button.7505.png) no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 72px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 20px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 20px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group.center {
    justify-content: center
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group .disabled-btn {
    background: url(../images/precache/btn-disable.14d9.png) no-repeat;
    background-size: 100% 100%;
    width: 168px;
    height: 65px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #99a0b1;
    cursor: pointer
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group .disabled-btn.next {
    background: url(../images/precache/btn-next-disable.aa50.png) no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group .next {
    background: url(../images/precache/btn-next.fe26.png) no-repeat;
    background-size: 100% 100%;
    width: 168px;
    height: 65px;
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .second-wrap .right-wrap .btn-group .operate-btn1 {
    background: url(../images/precache/button-1.3fd4.png) no-repeat;
    background-size: 100% 100%;
    width: 168px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container {
    width: 711px;
    height: 336px;
    margin-top: 10px;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px;
    box-shadow: 0px 6px 14px 0px rgba(136, 105, 230, .1019607843)
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container p {
    color: #000;
    font-size: 16px;
    margin-bottom: 20px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container ul {
    color: #a1a1a1
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container li {
    position: relative;
    line-height: 20px;
    padding-left: 10px
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container li.warning {
    color: #f35a4e
}

.E7ry9ywwmthonQJlMCX4 .depositWrap .tip-container li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #9981f5
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r {
    width: 350px
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .adds {
    width: 100%;
    height: 74px;
    margin: 12px 0
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .adds .deposit-banner.banner-content {
    min-height: unset
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .adds .deposit-banner.banner-content .banner-item {
    height: 100%;
    min-height: unset;
    position: unset
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .adds a {
    display: block
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .adds img {
    width: 100%;
    height: 100%
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa {
    min-height: 306px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa h4 {
    font-size: 18px;
    color: #2f2747;
    font-weight: 400;
    line-height: 25px;
    padding: 4px 0 30px 0;
    text-align: center
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa dl {
    margin-bottom: 20px
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa dl dt {
    font-size: 14px;
    font-weight: 400;
    color: #2f2747
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa dl dt img {
    width: 20px;
    height: 20px
}

.E7ry9ywwmthonQJlMCX4 .deposit-one-r .qa dl dd {
    background-color: #faf8fe;
    padding: 12px;
    color: #9a96a4;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 16.8px
}

.cAGvB5GMmO5suH3uzs9j .bank-search {
    height: 44px;
    padding: 0 8px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cAGvB5GMmO5suH3uzs9j .bank-search .operation-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.cAGvB5GMmO5suH3uzs9j .bank-search .operation-wrap .search {
    margin-left: 10px
}

.cAGvB5GMmO5suH3uzs9j .bank-search input {
    font-size: 14px;
    outline: none;
    border: none
}

.cAGvB5GMmO5suH3uzs9j .bank-content {
    display: flex;
    height: 330px;
    padding-bottom: 10px;
    overflow: hidden
}

.cAGvB5GMmO5suH3uzs9j .bank-content>div {
    flex: 1
}

.cAGvB5GMmO5suH3uzs9j .bank-content>div.left {
    overflow-y: auto
}

.cAGvB5GMmO5suH3uzs9j .bank-content>div.right {
    padding-top: 10px;
    overflow-y: auto
}

.cAGvB5GMmO5suH3uzs9j .bank-content .warning-tip {
    width: 336px;
    height: 35px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #fff1ed
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap {
    width: 100%
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bind-title {
    font-size: 14px;
    color: #2f2747
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 8px
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.hot {
    grid-template-columns: repeat(3, 1fr)
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.top-ten {
    grid-template-columns: repeat(3, 1fr);
    max-height: 300px
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list>div {
    width: 140px;
    height: 34px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 8px;
    text-align: center;
    line-height: 34px
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.self-bind>div {
    text-align: left;
    text-indent: 10px;
    background: linear-gradient(94deg, #c69af2 -5.35%, #7f62de 94.13%)
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.last-bind>div {
    text-align: left;
    text-indent: 10px;
    background: linear-gradient(108deg, #ffd7c1 2.15%, #e89738 80.48%)
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.hot>div {
    width: 106px;
    height: 35px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 35px;
    background: linear-gradient(277deg, #ff166a 0%, #ff617d 92.41%)
}

.cAGvB5GMmO5suH3uzs9j .bank-content .bindcard-wrap .bindcard-list.top-ten>div {
    width: 106px;
    height: 35px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 35px;
    background: linear-gradient(94deg, #9babff 5.01%, #7384e2 99.26%)
}

.nPxzMvE0zX_FKB_VvVTm {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%
}

.nPxzMvE0zX_FKB_VvVTm .close {
    margin-top: 20px;
    cursor: pointer
}

.ThNCIWKD5wGhMTDgGLeE {
    min-height: 100%;
    box-sizing: border-box
}

.ThNCIWKD5wGhMTDgGLeE .header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ThNCIWKD5wGhMTDgGLeE .header .left-title {
    display: flex
}

.ThNCIWKD5wGhMTDgGLeE .header .left-title .title {
    width: auto;
    height: auto;
    background: none;
    font-size: 24px;
    color: var(--text-文字1)
}

.iwzi0Tthz1FE2j7VlzaM {
    display: flex;
    flex-direction: column;
    align-items: center
}

.iwzi0Tthz1FE2j7VlzaM>h2 {
    margin-top: 110px;
    color: var(--text-文字1)
}

.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: var(--text-文字1)
}

.iwzi0Tthz1FE2j7VlzaM .input-item>input {
    width: 260px;
    height: 41px;
    line-height: 41px;
    border: 1px solid var(--color-边框);
    border-radius: 3px;
    padding: 0 5px;
    font-size: 14px;
    background: var(--color-輸入框底色);
    box-sizing: border-box;
    color: var(--text-文字1)
}

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

.iwzi0Tthz1FE2j7VlzaM .btn-group>button {
    width: 110px;
    height: 40px;
    line-height: 40px;
    color: var(--color-主色淡);
    font-size: 14px;
    text-align: center;
    margin-right: 40px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0);
    border-radius: 5px;
    border: .5px solid var(--color-主色淡);
    cursor: pointer
}

.iwzi0Tthz1FE2j7VlzaM .btn-group .submit {
    background: var(--color-主渐变);
    border-radius: 4px;
    color: #fff;
    margin-right: 0;
    border: none
}

.iwzi0Tthz1FE2j7VlzaM .err-text {
    justify-content: center;
    align-items: center;
    color: #ff7373;
    margin-top: 100px;
    margin-bottom: 26px
}

.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-title {
    color: var(--text-文字1)
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-list li {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    box-sizing: border-box
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .way-list li:hover {
    background: var(--color-按钮渐变);
    border: none
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way a {
    color: #fda6a9
}

.ZOzzaOEgMV5opH9oVMnf .withdraw-way .withdraw-tips {
    color: #ff7373
}

.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 {
    padding-left: 80px
}

.K7BgETEl5GJvOr09i6gl .open_withdraw_frame i {
    filter: brightness(0) saturate(100%) invert(93%) sepia(13%) saturate(1620%) hue-rotate(297deg) brightness(125%) contrast(105%)
}

.K7BgETEl5GJvOr09i6gl .detail-step {
    position: relative;
    margin: 0
}

.K7BgETEl5GJvOr09i6gl .detail-step .back-btn {
    position: absolute;
    left: -80px;
    top: 6px;
    color: var(--text-文字1)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul {
    flex: 1
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li {
    position: relative;
    flex-direction: column;
    height: auto;
    color: #fda6a9;
    margin-left: 0;
    min-width: 0;
    padding: 0
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li>span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--color-主渐变);
    margin-bottom: 10px;
    margin-right: 0;
    transform: none;
    font-style: normal;
    color: rgba(0, 0, 0, 0);
    position: relative
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li>span::before {
    content: " ··· ";
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li::after,
.K7BgETEl5GJvOr09i6gl .detail-step ul li::before {
    content: none
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(-n+2) {
    margin-right: 275px
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(-n+2)::after {
    content: "";
    width: 265px;
    height: 1px;
    background: #fda6a9;
    position: absolute;
    top: calc(50% - 13px);
    left: 94px
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active {
    color: #b00000
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li {
    color: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li>span {
    background: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li>span::before {
    content: none
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li::after {
    background: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li+li {
    color: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li+li>span {
    background: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li+li>span::before {
    content: none
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+1).active+li+li::after {
    background: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+2).active {
    color: #b00000
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+2).active+li {
    color: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+2).active+li>span {
    background: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+2).active+li>span::before {
    content: none
}

.K7BgETEl5GJvOr09i6gl .detail-step ul li:nth-child(0n+2).active+li::after {
    background: #d0cfcd
}

.K7BgETEl5GJvOr09i6gl .warning {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .warning .warn_icon {
    background: var(--color-主渐变)
}

.K7BgETEl5GJvOr09i6gl .warning .red-font {
    color: #ff7373
}

.K7BgETEl5GJvOr09i6gl .warning .times {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab {
    margin: 32px 0 16px
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item {
    background: var(--color-輸入框底色);
    border: .5px solid var(--color-边框);
    width: 160px;
    height: 35px;
    line-height: 35px;
    color: var(--text-2級);
    border-radius: 5px
}

.K7BgETEl5GJvOr09i6gl .withdraw-tab .tab-item.active {
    background: var(--color-按钮渐变);
    color: #fff;
    border: none
}

.K7BgETEl5GJvOr09i6gl .withdraw-info {
    color: #42403d
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .balance {
    color: var(--text-文字1)
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item {
    color: var(--text-文字1)
}

.K7BgETEl5GJvOr09i6gl .withdraw-info .info-item>.label {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .bottom-tips p {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .submit-area .submit-btn {
    background: var(--color-按钮渐变)
}

.K7BgETEl5GJvOr09i6gl .submit-area .back-btn {
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡)
}

.K7BgETEl5GJvOr09i6gl .confirm-info .confirm-item {
    color: var(--text-文字1)
}

.K7BgETEl5GJvOr09i6gl .confirm-info .confirm-item .label {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text {
    color: var(--text-文字1)
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text p {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-text a {
    color: #119bff
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-top .tips-icon {
    color: #0ec20a
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-bottom {
    color: var(--text-提示)
}

.K7BgETEl5GJvOr09i6gl .success-tips .tips-bottom span {
    color: var(--text-警告)
}

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

.tmA1GYHu9UMyjt_SDnS7 .error-box {
    min-width: 300px;
    min-height: 300px;
    height: 100vh;
    color: #645c7f;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: PingFang SC;
    font-size: 16px;
    text-align: center
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .content {
    line-height: 30px;
    color: var(--text-文字1);
    margin-top: 10px
}

.tmA1GYHu9UMyjt_SDnS7 .error-box span {
    color: var(--text-警告)
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .icon {
    width: 171px;
    height: 161px;
    background: url(../images/outcache/icon_new_error.5894.png) no-repeat left
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .title-h3 {
    color: #2d293c;
    font-size: 17px;
    text-align: left
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    flex: 1;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table::-webkit-scrollbar {
    width: 3px;
    background: #f6f8fb
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table::-webkit-scrollbar-track {
    background: #f6f8fb
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #ccc;
    border-radius: 10px
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table .th {
    background: linear-gradient(180deg, #e5bffc, #af8be6 49.2%, #8869e6) !important;
    color: #fff;
    position: sticky;
    top: 0
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table .tr {
    background: #fff;
    border-bottom: 1px solid #edecf6
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table .tr>div {
    border-right: 1px solid #edecf6
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table .tr>div:last-child {
    border: none
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table li {
    display: flex;
    line-height: 40px
}

.tmA1GYHu9UMyjt_SDnS7 .error-box .error-table li>div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.tmA1GYHu9UMyjt_SDnS7 .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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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;
    cursor: pointer
}

.lXGvNItRXRrL1UJf0OpP .charge_mention .mention.active {
    position: relative
}

.lXGvNItRXRrL1UJf0OpP .modal-content {
    overflow-y: auto;
    height: auto;
    overflow: hidden
}

.lXGvNItRXRrL1UJf0OpP .modal-content .query {
    border: none;
    border-radius: 2px;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    margin-left: 0;
    cursor: pointer
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data th {
    color: var(--text-文字1)
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data td {
    color: var(--text-文字1);
    border: none
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data tr:hover {
    background: none
}

.lXGvNItRXRrL1UJf0OpP .modal-content table.data tr:first-child {
    background: #3c2f2d !important
}

.lXGvNItRXRrL1UJf0OpP .modal-content table.data tr:first-child th {
    color: var(--text-2級)
}

.lXGvNItRXRrL1UJf0OpP .modal-content .table-cover table.data tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0)
}

.AaQKFRc6Bt_bEgYt76QG {
    height: auto
}

.ot9NrGVgG3MyTyi4qOga .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ot9NrGVgG3MyTyi4qOga .header .left-title {
    display: flex;
    margin: 15px 0;
    align-items: center
}

.ot9NrGVgG3MyTyi4qOga .header .left-title .back-icon {
    width: 25px;
    height: 24px;
    background-image: url(../svg/back.4538.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    cursor: pointer
}

.ot9NrGVgG3MyTyi4qOga .header .left-title .text {
    font-size: 24px;
    color: var(--text-文字1);
    font-weight: 700
}

.ot9NrGVgG3MyTyi4qOga .header .right-learn {
    padding-right: 20px;
    color: var(--text-文字1);
    cursor: pointer
}

.ot9NrGVgG3MyTyi4qOga .header .right-learn span {
    display: inline-block;
    height: 14px;
    width: 14px
}

.ot9NrGVgG3MyTyi4qOga .header .right-learn:hover {
    text-decoration: underline
}

.ot9NrGVgG3MyTyi4qOga .card-content {
    width: 100%;
    margin-bottom: 12px;
    padding: 16px 20px;
    background: var(--color-彈窗背景色);
    border-radius: 6px;
    box-sizing: border-box
}

.ot9NrGVgG3MyTyi4qOga .card-content .top {
    display: flex;
    align-items: center;
    padding-bottom: 15px
}

.ot9NrGVgG3MyTyi4qOga .card-content .top img {
    width: 22px;
    height: 30px;
    margin-right: 12px
}

.ot9NrGVgG3MyTyi4qOga .card-content .top p {
    font-size: 12px;
    text-align: left;
    color: var(--text-提示);
    line-height: 19px
}

.ot9NrGVgG3MyTyi4qOga .card-content .top p .red {
    color: var(--text-警告)
}

.ot9NrGVgG3MyTyi4qOga .card-content .top .onepay_tutorial {
    flex: 1;
    text-align: right;
    color: var(--text-文字1);
    font-size: 14px
}

.ot9NrGVgG3MyTyi4qOga .card-content .top .onepay_tutorial>a {
    color: var(--text-警告)
}

.ot9NrGVgG3MyTyi4qOga .card-content .bottom-border {
    position: relative
}

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

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info {
    padding: 17px 16px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #504871
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .left-info .info-item {
    height: 40px;
    line-height: 40px
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .left-info .info-item>.title {
    display: inline-block;
    width: 110px;
    text-align: right;
    color: var(--text-提示)
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .left-info .info-item>em {
    color: var(--text-文字1);
    margin-left: 5px
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .right-time {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .right-time .time-content {
    height: 120px;
    width: 120px;
    margin-bottom: 30px
}

.ot9NrGVgG3MyTyi4qOga .card-content .bank-info .copy {
    display: inline-block;
    width: auto;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 11px;
    cursor: pointer;
    color: var(--text-警告);
    margin-left: 7px;
    padding: 0 10px;
    font-size: 12px;
    border: 1px solid var(--text-警告)
}

.ot9NrGVgG3MyTyi4qOga .card-content .bottom-tips {
    padding-top: 16px;
    font-size: 12px;
    color: var(--color-边框)
}

.ot9NrGVgG3MyTyi4qOga .card-content .tips-text {
    line-height: 24px;
    font-size: 12px;
    color: var(--color-边框)
}

.ot9NrGVgG3MyTyi4qOga .btn-group {
    display: flex
}

.ot9NrGVgG3MyTyi4qOga .btn-group .openRechage {
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    width: 235px;
    height: 68px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .355em;
    line-height: 46px;
    color: var(--text-文字1);
    text-align: center;
    background: var(--color-按钮渐变)
}

.ot9NrGVgG3MyTyi4qOga .btn-group .already {
    margin-left: 24px
}

.ot9NrGVgG3MyTyi4qOga .around-icon {
    color: #fff;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: linear-gradient(180deg, #95352e, #cf5a38);
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    margin-right: 5px
}

.ot9NrGVgG3MyTyi4qOga .notice {
    width: 520px;
    height: 380px;
    box-shadow: none
}

.ot9NrGVgG3MyTyi4qOga .notice .content {
    margin-top: 30px;
    padding: 10px 40px
}

.ot9NrGVgG3MyTyi4qOga .notice .content .text {
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px
}

.ot9NrGVgG3MyTyi4qOga .notice .content .content-select {
    display: flex
}

.ot9NrGVgG3MyTyi4qOga .notice .content .content-select .select {
    margin-left: 10px;
    flex: 1
}

.ot9NrGVgG3MyTyi4qOga .notice .content>.btn-group {
    width: 100%;
    justify-content: space-between;
    margin-top: 50px
}

.ot9NrGVgG3MyTyi4qOga .notice .content>.btn-group>.openRechage {
    width: 190px;
    height: 70px;
    line-height: 48px;
    background-size: 100% 100%
}

.ot9NrGVgG3MyTyi4qOga .ant-select-single {
    margin-left: 10px;
    width: 300px !important
}

.ot9NrGVgG3MyTyi4qOga .btn-group .openRechage {
    background-image: var(--color-按钮渐变);
    height: 34px;
    line-height: 34px;
    border-radius: 8px;
    overflow: hidden;
    text-shadow: none;
    font-weight: 500
}

.ot9NrGVgG3MyTyi4qOga .notice .content>.text {
    color: var(--text-文字1)
}

.ot9NrGVgG3MyTyi4qOga .notice .content>.btn-group>.openRechage {
    height: 34px;
    line-height: 34px;
    background: var(--color-按钮渐变);
    color: var(--text-文字1)
}

.ot9NrGVgG3MyTyi4qOga .notice .content>.btn-group>.openRechage.already {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.wKWHOLrYJqkT3bjXkSXQ table td .mini {
    cursor: pointer
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules div {
    line-height: 48px;
    padding: 0;
    height: 30px
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules div:hover {
    background: var(--color-輸入框底色);
    border: none
}

.wKWHOLrYJqkT3bjXkSXQ table td.rules div .icon-arrow {
    top: 10px
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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: var(--text-提示);
    text-align: left
}

.e5NodNR_QE5Ryhqp7het>.item>.r {
    display: inline-block;
    width: 87%;
    padding-left: 10px;
    font-size: 12px;
    color: var(--text-文字1);
    background: var(--color-輸入框底色);
    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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: rgba(0, 0, 0, 0)
}

.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: #96362e;
    border-radius: 10px
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item {
    position: relative;
    color: var(--text-文字1);
    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,
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item select {
    margin: 0 2px;
    width: 70px;
    height: 26px;
    line-height: 24px;
    color: var(--text-文字1);
    border-radius: 3px;
    border: 1px solid var(--color-边框);
    background-color: var(--color-輸入框底色);
    text-align: center
}

.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item input input[type=number],
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item select 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,
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item select input[type=number]::-webkit-inner-spin-button,
.e5NodNR_QE5Ryhqp7het>.contract-rules-box>.item select input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.e5NodNR_QE5Ryhqp7het .remark-tips {
    color: var(--text-提示) !important
}

.e5NodNR_QE5Ryhqp7het .report-data-set>.data-item>div .red {
    color: #fda6a9
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #fda6a9;
    color: #fff
}

.e5NodNR_QE5Ryhqp7het>.show-more {
    background: var(--color-輸入框底色)
}

.e5NodNR_QE5Ryhqp7het>.show-more .title {
    color: var(--text-2級)
}

.e5NodNR_QE5Ryhqp7het>.show-more>a.ok {
    background: var(--color-主渐变);
    box-shadow: none
}

.e5NodNR_QE5Ryhqp7het>.show-more>.ctl>span {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡)
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list {
    background: rgba(0, 0, 0, 0)
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list>span {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡)
}

.e5NodNR_QE5Ryhqp7het>.show-more>.user-list>span.selected {
    background: var(--color-主渐变);
    border: none;
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.hNW1aFG1Ar2rXqrBEFqH .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .search-box {
    color: var(--text-提示)
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.hNW1aFG1Ar2rXqrBEFqH .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.hNW1aFG1Ar2rXqrBEFqH .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover {
    height: 520px
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:hover {
    background: none
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data td {
    color: var(--text-文字1)
}

.hNW1aFG1Ar2rXqrBEFqH .table-cover table.data th {
    color: var(--text-2級)
}

.hNW1aFG1Ar2rXqrBEFqH .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.hNW1aFG1Ar2rXqrBEFqH {
    padding-left: 0
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu {
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    margin: 0 10px 15px 0;
    border-bottom: none
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu span {
    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: var(--color-輸入框底色);
    border: 1px solid var(--color-边框);
    color: var(--text-2級);
    cursor: pointer
}

.hNW1aFG1Ar2rXqrBEFqH .sub-menu span.active {
    position: relative;
    background: var(--color-按钮渐变);
    color: #fff;
    border: none
}

.hNW1aFG1Ar2rXqrBEFqH .sp-rules {
    font-size: 14px;
    margin-left: 20px;
    color: #95352e;
    text-decoration: underline
}

.hNW1aFG1Ar2rXqrBEFqH .ext-info h6,
.hNW1aFG1Ar2rXqrBEFqH .ext-info p {
    color: var(--text-提示)
}

.Hflkn7fCrPeGHquHWNmw .report-search-bar {
    position: relative
}

.Hflkn7fCrPeGHquHWNmw .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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.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: #96362e;
    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: var(--text-提示);
    text-align: left
}

.vgeDprukc0eDyzSe3UQn>.item>.r {
    display: inline-block;
    width: 87%;
    padding-left: 10px;
    font-size: 12px;
    color: var(--text-文字1);
    background: var(--color-輸入框底色);
    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: #96362e;
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: rgba(0, 0, 0, 0)
}

.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: #96362e;
    border-radius: 10px
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item {
    position: relative;
    color: var(--text-文字1);
    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,
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item select {
    margin: 0 2px;
    width: 70px;
    height: 26px;
    line-height: 24px;
    color: var(--text-文字1);
    border-radius: 3px;
    border: 1px solid var(--color-边框);
    background-color: var(--color-輸入框底色);
    text-align: center
}

.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item input input[type=number],
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item select 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,
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item select input[type=number]::-webkit-inner-spin-button,
.vgeDprukc0eDyzSe3UQn>.contract-rules-box>.item select input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.vgeDprukc0eDyzSe3UQn .remark-tips {
    color: var(--text-提示) !important
}

.vgeDprukc0eDyzSe3UQn .report-data-set>.data-item>div .red {
    color: #fda6a9
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #fda6a9;
    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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: var(--color-輸入框底色);
    color: var(--text-文字1);
    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: var(--color-輸入框底色);
    border: 1px solid var(--color-边框)
}

.HyGx4tk_6fXILSGTei4k .report-search-bar .search-box button {
    height: 22px;
    width: 50px;
    border: 0;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: var(--text-提示);
    padding-bottom: 20px
}

.To7w87DsAI_rux839n5L {
    height: 100%
}

.To7w87DsAI_rux839n5L .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.To7w87DsAI_rux839n5L .header .left-title {
    display: flex;
    margin: 15px 0;
    align-items: center
}

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

.To7w87DsAI_rux839n5L .header .left-title .text {
    font-size: 24px;
    color: #2f2747;
    font-weight: 700
}

.To7w87DsAI_rux839n5L .header .right-learn {
    padding-right: 20px;
    color: #61566d;
    cursor: pointer
}

.To7w87DsAI_rux839n5L .header .right-learn span {
    background: #5c86b8;
    display: inline-block;
    height: 14px;
    width: 14px;
    color: #fff;
    border-radius: 50%;
    text-align: center
}

.To7w87DsAI_rux839n5L .header .right-learn:hover {
    text-decoration: underline
}

.To7w87DsAI_rux839n5L .header .right-learn:hover span {
    background: linear-gradient(273.38deg, #896af8 -1.36%, #c07ae9 83.3%)
}

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

.To7w87DsAI_rux839n5L .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: var(--color-彈窗背景色);
    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.f983.png) no-repeat 14px center;
    background-size: auto 42%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center {
    padding: 0;
    margin: 50px 0 20px;
    background: rgba(0, 0, 0, 0)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title {
    color: var(--text-文字1)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch {
    color: #a1a1a1
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-title .switch .ant-switch-checked {
    background: #d0b190
}

.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: 15px;
    border: 2px solid var(--color-边框);
    box-sizing: border-box;
    margin-right: 20px;
    background: var(--color-框底色, #231d1b)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top {
    background: url(../images/outcache/wallet-icon.2bff.png) no-repeat 0/auto 80%;
    background-size: 17px 17px
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-center .wallet-center-top>span {
    color: var(--text-文字1)
}

.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;
    border: 2px solid var(--color-边框);
    box-sizing: border-box;
    background: var(--color-框底色)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock .top {
    background: url(../images/outcache/wallet-icon.2bff.png) no-repeat 0/auto 80%
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-lock .top>span {
    color: var(--text-文字1)
}

.aL1bS_0tRydMKuV7g1lz .transfer-center .center-main .left-wallet .wallet-amount {
    color: var(--text-钱) !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 {
    position: absolute;
    top: -38px;
    right: 96px;
    width: 79px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border: 1px solid #fda6a9;
    color: #fda6a9;
    box-sizing: border-box;
    padding-left: 15px;
    background: url(../images/outcache/icon.1c8f.png) no-repeat 5px center;
    background-size: 14px 13px
}

.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: var(--color-按钮渐变);
    position: absolute;
    top: 35px;
    right: 15px;
    width: 94px;
    height: 28px !important;
    line-height: 27px !important;
    z-index: 9
}

.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: 15px;
    border: 2px solid var(--color-边框);
    padding-right: 0;
    height: 100px;
    box-sizing: border-box;
    background: var(--color-框底色)
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name {
    color: var(--text-文字1)
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name p {
    color: var(--text-钱)
}

.FVkAgg76CnHbST5icuqP .grid .transferCard .card-name ul {
    color: var(--text-钱)
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active {
    background-image: none;
    border-color: #b00000;
    transform: scaleY(1)
}

.FVkAgg76CnHbST5icuqP .grid .transfer-card:hover .card-name,
.FVkAgg76CnHbST5icuqP .grid .transfer-card.active .card-name {
    color: var(--text-文字1)
}

.FVkAgg76CnHbST5icuqP .grid .tran-active {
    border: 2px solid #b00000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.FVkAgg76CnHbST5icuqP .grid .amount-input {
    width: calc(100% + 4px);
    border: 2px solid #b00000;
    background: var(--color-框底色);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top: 0;
    padding-bottom: 20px;
    left: -2px;
    z-index: 20
}

.FVkAgg76CnHbST5icuqP .grid .amount-input .inputLeft {
    color: #8f8f8f
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox {
    margin-top: 20px
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox>div {
    text-shadow: none;
    width: 45%
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .confirm {
    background: var(--color-主渐变)
}

.FVkAgg76CnHbST5icuqP .amount-input .inputBox .btnBox .cancel {
    background-color: var(--color-框底色);
    line-height: 32px;
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡);
    margin-right: 10%
}

.FVkAgg76CnHbST5icuqP .amount-input .inputLeft {
    color: #8f8f8f
}

.FVkAgg76CnHbST5icuqP .transfer-input {
    background: rgba(0, 0, 0, 0)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.O9YNRSuzJ8A8jXA8NrQG .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .search-box {
    color: var(--text-提示)
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.O9YNRSuzJ8A8jXA8NrQG .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.O9YNRSuzJ8A8jXA8NrQG .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover {
    height: 520px
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:hover {
    background: none
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td {
    color: var(--text-文字1)
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data th {
    color: var(--text-2級)
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.O9YNRSuzJ8A8jXA8NrQG .item span.username {
    display: inline-block;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px;
    margin-left: 5px;
    background: var(--color-輸入框底色, #382e2b);
    border: 1px solid var(--color-边框, #666666)
}

.O9YNRSuzJ8A8jXA8NrQG .item span.username input {
    border: 0;
    padding-left: 10px;
    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
}

.O9YNRSuzJ8A8jXA8NrQG .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: var(--text-文字1);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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
}

.O9YNRSuzJ8A8jXA8NrQG .report-search-bar .item .query {
    border: none;
    border-radius: 2px
}

.O9YNRSuzJ8A8jXA8NrQG .bottip {
    color: #8994ab;
    margin: 20px
}

.Qygi2vSBvonP3UZhKpXz .level-info {
    display: flex;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    font-size: 14px
}

.Qygi2vSBvonP3UZhKpXz .level-info .level {
    color: var(--text-提示)
}

.Qygi2vSBvonP3UZhKpXz .level-info .level span {
    color: #cf5e57;
    cursor: pointer
}

.Qygi2vSBvonP3UZhKpXz .level-info .fr {
    display: flex
}

.Qygi2vSBvonP3UZhKpXz .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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.Qygi2vSBvonP3UZhKpXz .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data {
    border-collapse: collapse;
    background: rgba(0, 0, 0, 0)
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data tr:hover {
    background-color: #3c2f2d
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: var(--text-文字1);
    font-size: 12px
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data td.win {
    color: red
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data td.lose {
    color: green
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold;
    cursor: pointer
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data tr:first-child {
    background: #3c2f2d;
    color: var(--text-2級);
    height: 46px;
    position: sticky;
    top: 0
}

.Qygi2vSBvonP3UZhKpXz .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    font-size: 13px
}

.KipOvPo1RpReZcupFtva .platformFee {
    height: 450px;
    overflow-y: auto
}

.KipOvPo1RpReZcupFtva .platformFee .feelist {
    width: 100%
}

.KipOvPo1RpReZcupFtva .platformFee .feelist th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: var(--text-2級);
    text-align: center;
    font-size: 13px
}

.KipOvPo1RpReZcupFtva .platformFee .feelist td {
    height: 60px;
    line-height: 60px;
    text-align: center;
    line-height: 24px;
    color: var(--text-文字1);
    font-size: 12px
}

.KipOvPo1RpReZcupFtva .platformFee .feelist tr:first-child {
    position: sticky;
    top: 0
}

.KipOvPo1RpReZcupFtva .platformFee .feelist tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: #96362e
}

.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: #96362e
}

.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.isAgFishType {
    max-height: 400px
}

.Particulars_ty .Particulars_ty_title .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
}

.Particulars_ty .Particulars_ty_title .mention.active {
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType {
    max-height: 275px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data {
    border-collapse: collapse;
    background: #fcfcfc
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data tbody {
    position: relative
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data tbody .thead {
    position: sticky;
    top: 0
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data tr:hover {
    background-color: #f6f6f6
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data tr:nth-child(odd) {
    background-color: #f2f2ff
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data td.win {
    color: red
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data td.lose {
    color: green
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data tr:first-child {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    height: 46px
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 13px
}

.Particulars_ty .Particulars_ty_title .table-cover.isAgFishType .max-width-cell {
    display: inline-block;
    max-width: 16vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.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 {
    color: var(--text-提示)
}

.GRZmCUvXss63Rm41Xtod .report-search-bar select {
    background: var(--color-輸入框底色);
    border: 1px solid var(--color-边框);
    color: var(--text-文字1)
}

.GRZmCUvXss63Rm41Xtod .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:first-child {
    background: #3c2f2d !important;
    color: var(--text-2級)
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data th {
    color: #6a7391
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data td {
    color: var(--text-文字1)
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.GRZmCUvXss63Rm41Xtod .table-cover table.data tr:hover {
    background: #3c2f2d
}

div.contents .bet-record-detail-box header span.title {
    color: var(--text-文字1)
}

div.contents .bet-record-detail-box header span.issue,
div.contents .bet-record-detail-box header span.account {
    color: var(--text-提示)
}

div.contents .bet-record-detail-box header button.goback {
    background: var(--color-按钮渐变)
}

div.contents .bet-record-detail-box table {
    background: rgba(208, 178, 147, .1019607843) !important;
    color: var(--text-提示)
}

div.contents .bet-record-detail-box table td span {
    color: var(--text-文字1)
}

div.contents .bet-record-detail-box table td span.money {
    color: var(--text-钱)
}

div.contents .bet-record-detail-box table.summary td div.codes {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1);
    border: none
}

.Particulars_ty {
    color: var(--text-文字1)
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.FIl51VoUTuQY2Ghmswzp .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.FIl51VoUTuQY2Ghmswzp .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.FIl51VoUTuQY2Ghmswzp .search-header .search-box {
    color: var(--text-提示)
}

.FIl51VoUTuQY2Ghmswzp .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.FIl51VoUTuQY2Ghmswzp .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.FIl51VoUTuQY2Ghmswzp .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.FIl51VoUTuQY2Ghmswzp .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.FIl51VoUTuQY2Ghmswzp .table-cover {
    height: 520px
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:hover {
    background: none
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data td {
    color: var(--text-文字1)
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data th {
    color: var(--text-2級)
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.FIl51VoUTuQY2Ghmswzp {
    padding-left: 0
}

.FIl51VoUTuQY2Ghmswzp .report-search-bar .query {
    border: none;
    border-radius: 2px
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data td {
    color: var(--text-文字1)
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.FIl51VoUTuQY2Ghmswzp .table-cover table.data tr:hover {
    background: #3c2f2d
}

.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: 24px;
    background: var(--color-彈窗背景色);
    padding-left: 24px;
    margin-left: 0;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    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: var(--text-文字1)
}

.duPuMKwEuyclZoxSxgXr .commission-wrap,
.duPuMKwEuyclZoxSxgXr .agent-wrap {
    border-radius: 24px;
    background: rgba(0, 0, 0, 0);
    padding-left: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--text-文字1)
}

.duPuMKwEuyclZoxSxgXr .title-wrap {
    margin-top: 0
}

.duPuMKwEuyclZoxSxgXr .title-wrap span {
    color: #fda6a9
}

.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 .months_r button {
    line-height: 34px;
    height: 34px;
    border: 1px solid var(--color-边框);
    margin-left: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
    border-color: var(--color-边框);
    color: var(--text-提示)
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r button:nth-of-type(1) {
    border-radius: 4px 0 0 4px
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r button:nth-of-type(3) {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .months_r button.active {
    background: rgba(0, 0, 0, 0);
    color: var(--color-主色淡);
    border: 1px solid var(--color-主色淡)
}

.duPuMKwEuyclZoxSxgXr .report-header .search .date .date-limit {
    width: 180px;
    border: 1px solid var(--color-边框);
    padding: 0 10px;
    border-radius: 3px;
    background: var(--color-輸入框底色)
}

.duPuMKwEuyclZoxSxgXr .table-line:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0)
}

.duPuMKwEuyclZoxSxgXr .commission-desc-container div.content span.color-blue {
    color: #fda6a9
}

.table {
    min-height: 470px
}

.table tr {
    border-bottom: 1px solid var(--color-边框)
}

.table tr:first-child {
    background: #3c2f2d !important
}

.table tr:first-child th {
    color: var(--text-2級)
}

.table tr:nth-child(2n) {
    background: rgba(0, 0, 0, 0)
}

.table tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.table tr td {
    color: var(--text-文字1)
}

.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: var(--color-彈窗背景色);
    padding-left: 24px;
    margin-left: 0;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框)
}

.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: var(--text-文字1)
}

.q3BiZBMwxzbkVwPup5sK .content-box .changeBtn {
    background: var(--color-按钮渐变);
    border-radius: 5px;
    cursor: pointer
}

.q3BiZBMwxzbkVwPup5sK .content-box>div:first-child {
    color: var(--text-文字1)
}

.q3BiZBMwxzbkVwPup5sK .content-box>div.inputBox {
    background: var(--color-輸入框底色);
    color: var(--text-文字1);
    border: 1px solid var(--color-边框)
}

.q3BiZBMwxzbkVwPup5sK .content-box>div.inputBox::placeholder {
    color: #65564c
}

.q3BiZBMwxzbkVwPup5sK .content-box>div.inputBox .changeBtn {
    background: var(--color-按钮渐变)
}

.q3BiZBMwxzbkVwPup5sK .content-box .ant-picker-input input::placeholder {
    color: #65564c
}

.QH1V5VPdz2TRkHwXAX36 .alert {
    text-align: left;
    padding-left: 15px
}

.UKAA1QN2GdfBPjmHmtyT .transfer-type .ordertype-select {
    width: 100%;
    font-size: .85333rem
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff;
    border-radius: 20px;
    float: right;
    margin-top: 2px;
    cursor: pointer
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar button {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: 63%;
    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
}

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

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

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

.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;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.nxEkRjWgZOLpxaCcdD5e .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.nxEkRjWgZOLpxaCcdD5e .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.nxEkRjWgZOLpxaCcdD5e .search-header .search-box {
    color: var(--text-提示)
}

.nxEkRjWgZOLpxaCcdD5e .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.nxEkRjWgZOLpxaCcdD5e .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.nxEkRjWgZOLpxaCcdD5e .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.nxEkRjWgZOLpxaCcdD5e .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover {
    height: 520px
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:hover {
    background: none
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td {
    color: var(--text-文字1)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data th {
    color: var(--text-2級)
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.nxEkRjWgZOLpxaCcdD5e {
    padding-left: 0
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box span.queryname {
    display: flex;
    align-items: center;
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.nxEkRjWgZOLpxaCcdD5e .report-search-bar .search-box input {
    padding-left: 5px;
    background: var(--color-輸入框底色)
}

.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: var(--color-按钮渐变)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data {
    background: var(--color-彈窗背景色)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td {
    color: var(--text-文字1)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data td .action {
    background: var(--color-按钮渐变);
    padding: 5px 8px;
    border-radius: 5px;
    margin: 0 8px !important;
    color: #fff !important;
    cursor: pointer
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:nth-child(odd) {
    background-color: var(--color-彈窗背景色)
}

.nxEkRjWgZOLpxaCcdD5e .table-cover table.data tr:hover {
    background: #3c2f2d
}

.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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.promotion-link-box .links {
    color: var(--text-文字1)
}

.promotion-link-box .links .each-item .copy {
    background: var(--color-按钮渐变)
}

.promotion-link-box .links .each-item select {
    background: var(--color-輸入框底色);
    border: 1px solid var(--color-边框);
    color: var(--text-文字1) !important
}

.promotion-link-box .linkitem .label {
    color: var(--text-文字1)
}

.promotion-link-box .linkitem .value {
    color: var(--text-提示)
}

.promotion-link-box .linkitem .value select,
.promotion-link-box .linkitem .value input {
    background: var(--color-輸入框底色);
    border: 1px solid var(--color-边框);
    color: var(--text-文字1) !important
}

.promotion-link-box .actions .submit.reset {
    background: rgba(0, 0, 0, 0);
    color: var(--color-主色淡);
    border: 1px solid var(--color-主色淡)
}

.transfer-member-box .actions .submit {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.transfer-member-box .actions .submit.reset {
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡);
    box-shadow: none
}

.transfer-member-box .item .value {
    color: var(--text-文字1)
}

.transfer-member-box .item .value input {
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.item:first-child {
    margin-top: 0
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.item div.values {
    width: 300px
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

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

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

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.xUjWXvkZ6SUTVVtp90mJ>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    letter-spacing: 5px;
    margin: 0 10px
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

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

.xUjWXvkZ6SUTVVtp90mJ>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xUjWXvkZ6SUTVVtp90mJ>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

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

.xUjWXvkZ6SUTVVtp90mJ>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.xUjWXvkZ6SUTVVtp90mJ>.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.xUjWXvkZ6SUTVVtp90mJ>.search-bar .action-btn:hover {
    opacity: .8
}

.xUjWXvkZ6SUTVVtp90mJ>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.xUjWXvkZ6SUTVVtp90mJ>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

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

.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: var(--color-彈窗背景色);
    padding-left: 24px;
    margin-left: 0;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框)
}

.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: var(--text-文字1)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn {
    padding-top: 0;
    line-height: 20px;
    border-top: none;
    margin-top: 0
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li {
    width: 30.5%;
    height: 100px;
    margin: 0 30px 16px 0;
    float: left;
    border-radius: 15px;
    border: 2px solid var(--color-边框);
    background: var(--color-輸入框底色);
    position: relative;
    box-shadow: none;
    display: flex;
    align-items: center
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .icon_i {
    width: 55px;
    height: 55px;
    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: #8f8f8f;
    max-width: 172px
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .text_p span:last-of-type {
    font-size: 14px;
    color: var(--text-文字1);
    cursor: pointer
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .icon_right {
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 67px;
    height: 28px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: var(--color-按钮渐变)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .login-password {
    background-image: url(../svg/password.49c1.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-card {
    background-image: url(../svg/bankcard.27cd.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-usdt {
    background-image: url(../svg/usdt.71a1.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-ebpay {
    background-image: url(../svg/ebpay.e210.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-topay {
    background-image: url(../svg/topay.955e.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-cnyt {
    background-image: url(../svg/cnyt.0280.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-gobao {
    background-image: url(../svg/gobao.d930.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-okpay {
    background-image: url(../svg/okpay.6228.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-gopay {
    background-image: url(../svg/gopay.4e67.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-secpass {
    background-image: url(../svg/secpass.564c.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-openSecQA {
    background-image: url(../svg/openSecQA.5f1a.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .station-letter {
    background-image: url(../svg/letter.d6dd.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .notice {
    background-image: url(../svg/notice.1b38.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .google {
    background-image: url(../svg/google.739b.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .mobile-phone {
    background-image: url(../svg/phone.b29c.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-alipay {
    background-image: url(../svg/alipay.60be.svg)
}

.Y5_wuJUmcgD4uCRWDVmh .settingBtn li .bind-wechat {
    background-image: url(../svg/wechat.6769.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    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: var(--text-文字1)
}

.b5SewgJielLh5tNV6DLN h4 {
    color: var(--text-提示)
}

.b5SewgJielLh5tNV6DLN div.p>div.image-wrapper {
    color: var(--color-边框)
}

.b5SewgJielLh5tNV6DLN div.p .qrcode-key {
    color: var(--color-边框) !important
}

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

.WmFqfF9r689Psj2iUHps {
    padding-top: 30px
}

.WmFqfF9r689Psj2iUHps .no-setting {
    font-size: 13px;
    text-align: center;
    margin-top: 10px auto;
    color: var(--text-文字1)
}

.WmFqfF9r689Psj2iUHps>.btns {
    display: flex;
    justify-content: flex-end;
    padding-right: 54px
}

.WmFqfF9r689Psj2iUHps>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    width: 120px
}

.WmFqfF9r689Psj2iUHps>.btns span:hover {
    opacity: .8
}

.WmFqfF9r689Psj2iUHps>.btns span:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.WmFqfF9r689Psj2iUHps>.btns span:hover::before {
    width: 45px;
    left: 205px
}

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

.WmFqfF9r689Psj2iUHps>.form-action {
    margin-top: 10px
}

.WmFqfF9r689Psj2iUHps>.form-action .item {
    justify-content: flex-start !important;
    padding-left: 140px
}

.WmFqfF9r689Psj2iUHps>.form-action .item.form-action-new {
    height: 50px;
    line-height: 50px;
    align-items: flex-start;
    position: relative
}

.WmFqfF9r689Psj2iUHps>.form-action .item.form-action-new .text {
    line-height: 30px
}

.WmFqfF9r689Psj2iUHps>.form-action .item.form-action-new .values {
    align-items: flex-start
}

.WmFqfF9r689Psj2iUHps>.form-action .item.form-action-new .titps {
    position: absolute;
    top: 15px;
    font-size: 12px;
    line-height: 58px;
    color: #cf5e53;
    display: block;
    font-style: normal
}

.WmFqfF9r689Psj2iUHps>.form-action span.text {
    width: 20%
}

.WmFqfF9r689Psj2iUHps select.text {
    width: 100% !important
}

.WmFqfF9r689Psj2iUHps>.form-action>.item {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #888;
    margin-top: 20px
}

.WmFqfF9r689Psj2iUHps>.form-action>.item:first-child {
    margin-top: 0
}

.WmFqfF9r689Psj2iUHps>.form-action>.item>span.text {
    min-width: 100px;
    text-align: right
}

.WmFqfF9r689Psj2iUHps>.form-action>.item div.values {
    width: 300px
}

.WmFqfF9r689Psj2iUHps>.form-action>.item div.values>span.ext {
    color: #dd9300;
    font-weight: bold;
    font-size: 12px
}

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

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

.WmFqfF9r689Psj2iUHps>.form-action>.alert {
    margin: 15px auto;
    color: #fb7b81;
    font-weight: bold;
    width: 400px;
    text-align: right
}

.WmFqfF9r689Psj2iUHps>.form-action>.action-line {
    height: 1px;
    background: #ccc;
    margin: 15px 0
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box {
    height: auto;
    display: flex;
    justify-content: center
}

.WmFqfF9r689Psj2iUHps>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: var(--color-按钮渐变);
    letter-spacing: 5px;
    margin: 0 10px
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .yes:hover {
    opacity: .8
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .yes:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .yes:hover::before {
    width: 45px;
    left: 205px
}

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

.WmFqfF9r689Psj2iUHps>.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(150deg, #95352E 16.04%, #CF5A38 86.32%);
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    margin: 0 10px;
    letter-spacing: 5px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-主色淡);
    color: var(--color-主色淡) !important
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .reset:hover {
    opacity: .8
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .reset:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.WmFqfF9r689Psj2iUHps>.form-action>.submit-box .reset:hover::before {
    width: 45px;
    left: 205px
}

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

.WmFqfF9r689Psj2iUHps>.search-bar {
    height: 30px;
    display: flex;
    align-items: center;
    margin: 10px 0
}

.WmFqfF9r689Psj2iUHps>.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative
}

.WmFqfF9r689Psj2iUHps>.search-bar .action-btn:hover {
    opacity: .8
}

.WmFqfF9r689Psj2iUHps>.search-bar .action-btn:hover {
    filter: brightness(110%);
    opacity: 1 !important
}

.WmFqfF9r689Psj2iUHps>.search-bar .action-btn:hover::before {
    width: 45px;
    left: 205px
}

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

.WmFqfF9r689Psj2iUHps .item .text span {
    color: #ff7741;
    margin-right: 10px
}

.WmFqfF9r689Psj2iUHps .item .menus-li {
    width: 235px;
    margin: 0 auto
}

.WmFqfF9r689Psj2iUHps .item .menus-li li {
    display: inline-block;
    padding: 0 20px;
    height: 32px;
    line-height: 32px;
    color: var(--color-主色淡);
    cursor: pointer;
    font-size: 14px;
    border: 1px solid var(--color-主色淡);
    border-radius: 5px;
    margin: 0 10px 20px
}

.WmFqfF9r689Psj2iUHps .item .menus-li li.on {
    color: var(--text-文字1);
    background: var(--color-按钮渐变);
    border: 0
}

.WmFqfF9r689Psj2iUHps .values {
    display: flex;
    align-items: center;
    width: fit-content !important
}

.WmFqfF9r689Psj2iUHps .values select,
.WmFqfF9r689Psj2iUHps .values input {
    width: 240px !important
}

.WmFqfF9r689Psj2iUHps .values span {
    color: #ff7741;
    margin-right: 10px
}

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

.yn3KPiedsO3Vir_WQHOA {
    padding: 0;
    margin-top: 30px
}

.yn3KPiedsO3Vir_WQHOA form.horizontal {
    padding-top: 0;
    overflow: hidden
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .subtitle {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    font-weight: 400px
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .form-item {
    width: 100%;
    padding: 0 50px
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .form-item.origin {
    margin-bottom: 15px
}

.yn3KPiedsO3Vir_WQHOA 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;
    color: var(--text-文字1)
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .form-item input {
    box-sizing: border-box;
    width: 286px;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 8px
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .form-item input::placeholder {
    font-size: 14;
    color: #aba8b5
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .form-item p.err-msg {
    line-height: 18px;
    margin: 15px 0 15px 168px;
    color: red
}

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

.yn3KPiedsO3Vir_WQHOA form.horizontal .actions span {
    background: var(--color-按钮渐变);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: var(--text-文字1);
    margin-left: 20px;
    font-size: 16px;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.yn3KPiedsO3Vir_WQHOA form.horizontal .actions span.reset {
    background: rgba(0, 0, 0, 0);
    color: var(--color-主色淡);
    border: 1px solid var(--color-主色淡)
}

.ze6S284rIxX2vByJ3vyV {
    padding-top: 20px;
    color: var(--text-文字1)
}

.ze6S284rIxX2vByJ3vyV h2 {
    margin: 0 auto;
    text-align: center
}

.ze6S284rIxX2vByJ3vyV form.horizontal {
    padding-top: 0;
    margin: 25px auto 0;
    overflow: hidden
}

.ze6S284rIxX2vByJ3vyV form.horizontal .subtitle {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    font-size: 14px;
    font-weight: 400px
}

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item {
    width: 100%;
    padding: 0 50px
}

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item.origin {
    margin-bottom: 15px
}

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

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item input {
    box-sizing: border-box;
    width: 286px;
    height: 40px;
    border: 1px solid var(--color-边框);
    border-radius: 4px;
    padding: 0 8px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item input::placeholder {
    font-size: 14;
    color: var(--text-2級)
}

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item p.err-msg {
    line-height: 18px;
    margin: 15px 0 15px 168px;
    color: red
}

.ze6S284rIxX2vByJ3vyV form.horizontal .form-item p.err-sec-msg {
    line-height: 18px;
    margin: 15px 0 15px 236px;
    color: red
}

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

.ze6S284rIxX2vByJ3vyV form.horizontal .actions span {
    background: var(--color-按钮渐变);
    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
}

.ze6S284rIxX2vByJ3vyV form.horizontal .actions span.reset {
    background: rgba(0, 0, 0, 0);
    color: var(--color-主色淡);
    border: 1px solid var(--color-主色淡)
}

.jcHluRwMqrHpiKJyCDk7 .bet-record-box .user-str {
    display: flex;
    justify-content: center;
    align-items: center
}

.jcHluRwMqrHpiKJyCDk7 .bet-record-box .user-str>.content {
    max-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jcHluRwMqrHpiKJyCDk7 .bet-record-box .user-str>.more {
    cursor: pointer;
    font-weight: bold
}

.easterEggPopup .current-user .username {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: var(--text-文字1)
}

.easterEggPopup .current-user .trigger-user {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 50px
}

.easterEggPopup .current-user .trigger-user>span {
    text-align: center;
    border: 1px solid var(--color-边框);
    font-size: 14px;
    padding: 10px 0;
    color: var(--text-文字1)
}

.hkBIWpLIwU46ovIk6Jja {
    padding-left: 18px
}

.hkBIWpLIwU46ovIk6Jja .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item {
    margin-bottom: 20px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item:last-child {
    display: flex
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search .date {
    line-height: 28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search .date .months_r {
    display: inline-block
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search .date .months_r button {
    color: #333;
    display: block;
    background-color: #d5d5d7;
    padding: 0 20px;
    float: left;
    margin-left: 15px;
    cursor: pointer;
    border-radius: 3px;
    box-sizing: border-box;
    border: none;
    height: 28px;
    line-height: 28px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search .date .months_r button.active {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .search .date .date-limit {
    border: 1px solid #d5e3fa;
    padding: 0 10px;
    border-radius: 3px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .value {
    margin-right: 8px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar select {
    height: 32px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .query {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ca9be6;
    margin-left: 15px
}

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

.hkBIWpLIwU46ovIk6Jja .content-box-wrap>div {
    display: inline-block;
    vertical-align: middle;
    color: #211627;
    font-size: 26px;
    text-align: center
}

.hkBIWpLIwU46ovIk6Jja .content-box-wrap>div.win {
    color: red
}

.hkBIWpLIwU46ovIk6Jja .content-box-wrap>div.lose {
    color: green
}

.hkBIWpLIwU46ovIk6Jja .content-box-wrap>div img {
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.hkBIWpLIwU46ovIk6Jja .content-box-wrap>div:last-of-type {
    display: block
}

.hkBIWpLIwU46ovIk6Jja {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hkBIWpLIwU46ovIk6Jja .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.hkBIWpLIwU46ovIk6Jja .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.hkBIWpLIwU46ovIk6Jja .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.hkBIWpLIwU46ovIk6Jja .search-header .search-box {
    color: var(--text-提示)
}

.hkBIWpLIwU46ovIk6Jja .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.hkBIWpLIwU46ovIk6Jja .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.hkBIWpLIwU46ovIk6Jja .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.hkBIWpLIwU46ovIk6Jja .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.hkBIWpLIwU46ovIk6Jja .table-cover {
    height: 520px
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data tr:hover {
    background: none
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data td {
    color: var(--text-文字1)
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data th {
    color: var(--text-2級)
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.hkBIWpLIwU46ovIk6Jja {
    padding-left: 0
}

.hkBIWpLIwU46ovIk6Jja .popbox {
    padding: 25px 20px 10px !important
}

.hkBIWpLIwU46ovIk6Jja .popbox>div {
    height: 450px;
    overflow-y: auto
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist {
    width: 100%
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 13px
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist td {
    height: 60px;
    line-height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist tr:first-child {
    position: sticky;
    top: 0
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist tr:nth-child(odd) {
    background-color: #f1f6ff
}

.hkBIWpLIwU46ovIk6Jja .popbox>div .feelist tr:nth-child(2n) {
    background-color: #fff
}

.hkBIWpLIwU46ovIk6Jja .level-info {
    display: flex;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    font-size: 14px
}

.hkBIWpLIwU46ovIk6Jja .level-info .level span {
    color: #cf5e57;
    cursor: pointer
}

.hkBIWpLIwU46ovIk6Jja .level-info .fr {
    display: flex
}

.hkBIWpLIwU46ovIk6Jja .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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.hkBIWpLIwU46ovIk6Jja .item span.username {
    display: inline-block;
    background: var(--color-輸入框底色, #382e2b);
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px;
    margin-left: 5px
}

.hkBIWpLIwU46ovIk6Jja .item span.username input {
    border: 0;
    padding-left: 10px;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.hkBIWpLIwU46ovIk6Jja .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data {
    border-collapse: collapse
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    font-size: 12px
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data td.win {
    color: red
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data td.lose {
    color: green
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data tr:first-child {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    height: 46px;
    position: sticky;
    top: 0
}

.hkBIWpLIwU46ovIk6Jja .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    font-size: 13px
}

.hkBIWpLIwU46ovIk6Jja .report-search-bar .item .query {
    border: none;
    border-radius: 2px
}

.hkBIWpLIwU46ovIk6Jja .bottip {
    color: #8994ab;
    margin: 20px
}

.bhsqcKoTprHYIboUKt2B {
    padding-left: 18px
}

.bhsqcKoTprHYIboUKt2B .title-wrap {
    font-size: 18px;
    font-stretch: normal;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 0;
    color: #211627
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .item {
    margin-bottom: 20px
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .item:last-child {
    display: flex
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .value {
    margin-right: 8px
}

.bhsqcKoTprHYIboUKt2B .report-search-bar select {
    height: 32px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #d5e3fa;
    color: #565454;
    margin-left: 5px
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .query {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    color: #fff;
    width: 100px;
    font-size: 14px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ca9be6;
    margin-left: 15px
}

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

.bhsqcKoTprHYIboUKt2B .content-box-wrap>div {
    display: inline-block;
    vertical-align: middle;
    color: #211627;
    font-size: 26px;
    text-align: center
}

.bhsqcKoTprHYIboUKt2B .content-box-wrap>div.win {
    color: red
}

.bhsqcKoTprHYIboUKt2B .content-box-wrap>div.lose {
    color: green
}

.bhsqcKoTprHYIboUKt2B .content-box-wrap>div img {
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.bhsqcKoTprHYIboUKt2B .content-box-wrap>div:last-of-type {
    display: block
}

.bhsqcKoTprHYIboUKt2B {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.bhsqcKoTprHYIboUKt2B .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.bhsqcKoTprHYIboUKt2B .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.bhsqcKoTprHYIboUKt2B .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.bhsqcKoTprHYIboUKt2B .search-header .search-box {
    color: var(--text-提示)
}

.bhsqcKoTprHYIboUKt2B .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.bhsqcKoTprHYIboUKt2B .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.bhsqcKoTprHYIboUKt2B .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.bhsqcKoTprHYIboUKt2B .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.bhsqcKoTprHYIboUKt2B .table-cover {
    height: 520px
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data tr:hover {
    background: none
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data td {
    color: var(--text-文字1)
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data th {
    color: var(--text-2級)
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.bhsqcKoTprHYIboUKt2B {
    padding-left: 0
}

.bhsqcKoTprHYIboUKt2B .popbox {
    padding: 25px 20px 10px !important
}

.bhsqcKoTprHYIboUKt2B .popbox>div {
    height: 450px;
    overflow-y: auto
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist {
    width: 100%
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #333;
    text-align: center;
    font-size: 13px
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist td {
    height: 60px;
    line-height: 60px;
    text-align: center;
    line-height: 24px;
    color: #211627;
    font-size: 12px
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist tr:first-child {
    position: sticky;
    top: 0
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist tr:nth-child(odd) {
    background-color: #f1f6ff
}

.bhsqcKoTprHYIboUKt2B .popbox>div .feelist tr:nth-child(2n) {
    background-color: #fff
}

.bhsqcKoTprHYIboUKt2B .level-info {
    display: flex;
    justify-content: space-between;
    height: 45px;
    align-items: center;
    font-size: 14px
}

.bhsqcKoTprHYIboUKt2B .level-info .level span {
    color: #cf5e57;
    cursor: pointer
}

.bhsqcKoTprHYIboUKt2B .level-info .fr {
    display: flex
}

.bhsqcKoTprHYIboUKt2B .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(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.bhsqcKoTprHYIboUKt2B .item span.username {
    display: inline-block;
    background: var(--color-輸入框底色, #382e2b);
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 26px;
    padding-right: 5px;
    margin-left: 5px
}

.bhsqcKoTprHYIboUKt2B .item span.username input {
    border: 0;
    padding-left: 10px;
    width: 120px;
    margin-right: 10px;
    font-size: 14px
}

.bhsqcKoTprHYIboUKt2B .table-cover {
    max-height: 720px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 1px
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data {
    border-collapse: collapse
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data td {
    height: 60px;
    text-align: center;
    line-height: 24px;
    font-size: 12px
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data td.win {
    color: red
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data td.lose {
    color: green
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data td .action {
    margin: 0 2px;
    color: #cf5e53;
    font-weight: bold
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data tr:first-child {
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%);
    height: 46px;
    position: sticky;
    top: 0
}

.bhsqcKoTprHYIboUKt2B .table-cover table.data th {
    height: 46px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    font-size: 13px
}

.bhsqcKoTprHYIboUKt2B .report-search-bar .item .query {
    border: none;
    border-radius: 2px
}

.bhsqcKoTprHYIboUKt2B .bottip {
    color: #8994ab;
    margin: 20px
}

.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 var(--color-边框);
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    margin: 0 5px;
    background: var(--color-輸入框底色);
    color: var(--text-文字1)
}

.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: #96362e;
    box-shadow: 0 4px 6px 0 rgba(207, 155, 233, .25);
    overflow: hidden;
    position: relative;
    background: linear-gradient(150deg, #95352E 16.04%, #CF5A38 86.32%)
}

.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 #96362e;
    background-color: #fda6a9
}

.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: #96362e
}

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

.kD6eO5S5rP2I2guJsNfn {
    height: 100%;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.kD6eO5S5rP2I2guJsNfn .search-header {
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    color: var(--text-提示)
}

.kD6eO5S5rP2I2guJsNfn .search-header select {
    height: 28px;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid var(--color-边框);
    color: var(--text-文字1);
    margin-left: 5px;
    background: var(--color-輸入框底色)
}

.kD6eO5S5rP2I2guJsNfn .search-header .title-wrap {
    display: flex;
    font-size: 24px;
    font-weight: bold;
    color: var(--text-文字1);
    align-items: center;
    padding-left: 5px;
    line-height: 34px;
    margin-bottom: 10px
}

.kD6eO5S5rP2I2guJsNfn .search-header .search-box {
    color: var(--text-提示)
}

.kD6eO5S5rP2I2guJsNfn .search-header .search-box span {
    background: var(--color-輸入框底色);
    border-color: var(--color-边框)
}

.kD6eO5S5rP2I2guJsNfn .search-header .search-box span.serch-title {
    color: var(--text-提示);
    background: none
}

.kD6eO5S5rP2I2guJsNfn .search-header .search-box span>input {
    background: rgba(0, 0, 0, 0);
    color: var(--text-文字1)
}

.kD6eO5S5rP2I2guJsNfn .report-data-content {
    margin-top: 30px;
    border-radius: 24px;
    padding: 30px 0 20px 20px;
    background: var(--color-彈窗背景色);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .0588235294);
    border: 1px solid var(--color-边框);
    flex: 1;
    color: var(--text-提示)
}

.kD6eO5S5rP2I2guJsNfn .table-cover {
    height: 520px
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data {
    background: rgba(0, 0, 0, 0)
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data tr:first-child {
    background: #3c2f2d !important
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data tr:hover {
    background: none
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data tr:nth-child(odd) {
    background: rgba(0, 0, 0, 0)
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data td {
    color: var(--text-文字1)
}

.kD6eO5S5rP2I2guJsNfn .table-cover table.data th {
    color: var(--text-2級)
}

.kD6eO5S5rP2I2guJsNfn .report-search-bar .query {
    background: var(--color-按钮渐变);
    cursor: pointer
}

.kD6eO5S5rP2I2guJsNfn .report-data-content {
    padding: 30px 20px 20px
}

.kD6eO5S5rP2I2guJsNfn .summary-box {
    border: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 15px
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item {
    width: auto;
    height: auto;
    background: var(--color-輸入框底色);
    border: 1px solid var(--color-边框);
    border-radius: 15px
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item .title {
    color: var(--text-文字1)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item .value {
    color: var(--text-提示)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box {
    border-radius: unset;
    box-shadow: none;
    background-color: unset;
    background-size: 100%
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.team-member {
    background-image: url(../images/outcache/icon-team-member.10c8.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.recharge {
    background-image: url(../images/outcache/icon-recharge.d46c.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.withdrawal {
    background-image: url(../images/outcache/icon-withdrawal.ffd4.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.bet {
    background-image: url(../images/outcache/icon-bet.8003.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.effect {
    background-image: url(../images/outcache/icon-effect.7239.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.online {
    background-image: url(../images/outcache/icon-online.2d68.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.prize {
    background-image: url(../images/outcache/icon-prize.a340.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.rebet {
    background-image: url(../images/outcache/icon-rebet.5d45.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.new-member {
    background-image: url(../images/outcache/icon-new-member.efef.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.activity-member {
    background-image: url(../images/outcache/icon-new-member2.6e5d.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.live-member {
    background-image: url(../images/outcache/icon-new-member3.7cbd.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.sport-member {
    background-image: url(../images/outcache/icon-new-member4.595e.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.fish-member {
    background-image: url(../images/outcache/icon-new-member5.5027.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.promotion {
    background-image: url(../images/outcache/icon-promotion.a1f3.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.profit {
    background-image: url(../images/outcache/icon-profit.7c23.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item>.icon-box.bonusPool {
    background-image: url(../images/outcache/icon-bonusPool.4a7e.png)
}

.kD6eO5S5rP2I2guJsNfn .summary-box .item:has(.bonusPool) {
    cursor: pointer
}

.kD6eO5S5rP2I2guJsNfn .chart-box {
    color: var(--text-提示);
    border-top: 1px solid #383331
}

.kD6eO5S5rP2I2guJsNfn .chart-box .tips {
    color: var(--color-主色淡)
}

.kD6eO5S5rP2I2guJsNfn .fr {
    float: unset;
    color: var(--text-提示);
    font-size: 14px;
    margin-bottom: 20px
}

.il_TYkY3etWuxO91lCiI {
    background: url(../images/outcache/vipCenterBg.a466.jpg) no-repeat 50%/cover
}

.il_TYkY3etWuxO91lCiI .page-out-box {
    position: relative;
    min-height: 800px;
    z-index: 91;
    padding: 0;
    z-index: 1
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center {
    width: 1400px;
    min-height: 570px;
    margin: auto;
    padding-bottom: 90px;
    color: #210f44
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container {
    position: absolute;
    width: 32vw;
    right: 0;
    top: -70px;
    bottom: 0;
    z-index: 2
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 11%;
    left: -79px
}

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .showDetail {
    background-image: url(../images/outcache/backLastBtn.b8d8.png)
}

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

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

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem span {
    position: absolute;
    left: -38px;
    color: #210f44;
    font-size: 10px
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelItem .levelBtn {
    display: none
}

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .current-level span {
    display: none
}

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .active span {
    display: none
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep {
    position: absolute;
    bottom: 19px;
    top: 11px
}

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep .current_level {
    position: absolute;
    display: flex;
    width: 230px;
    top: 0;
    left: 1px
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container .LevelProgress_content .title_level .levelStep .current_level span {
    margin-left: 40px;
    color: #210f44;
    font-size: 12px
}

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

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .banner .title {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-left: 20px
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .banner .title .vipCenterTitle {
    margin-bottom: 25px;
    font-size: 42px;
    color: #210f44
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .banner .notice {
    font-size: 17px;
    margin-left: 20px;
    margin-top: 30px
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .banner .bottom_rule {
    width: 692px;
    margin: 20px
}

.il_TYkY3etWuxO91lCiI .page-out-box .vip-center .banner .bottom_rule p {
    line-height: 1.9
}

.il_TYkY3etWuxO91lCiI .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) {
    .il_TYkY3etWuxO91lCiI .page-out-box .vip-center {
        width: 1200px
    }

    .il_TYkY3etWuxO91lCiI .page-out-box .vip-center .LevelProgress_container {
        width: 20vw
    }
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable {
    background: rgba(255, 255, 255, .05);
    color: #596279
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table {
    width: 100%;
    border-collapse: collapse
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table * {
    margin: 0;
    padding: 0
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table th {
    font-size: 14px;
    line-height: 28px
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table th:first-child {
    text-align: left;
    padding: 0 24px
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table th>span {
    margin-top: -20px;
    display: block
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table .active {
    background-color: #f3c345
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table tbody tr th {
    font-size: 12px;
    line-height: 36px;
    padding: 0 24px;
    text-align: left;
    font-weight: 400
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table tbody tr td {
    text-align: center
}

.v_vGYcNbRQ9eI0tRFfLO #rebateTable table tbody tr .active {
    background-color: #efe2d7
}

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

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

.nIafLly18722fM8WLz9X .vip-center-content .ic-star {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: -55px;
    right: 80px;
    width: 207px
}

.nIafLly18722fM8WLz9X .vip-center-content .ic-star img {
    width: 100%;
    height: 100%
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main {
    color: #00368a
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevel {
    display: flex;
    align-items: flex-end;
    height: 120px;
    font-size: 24px
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevel .v {
    font-size: 60px;
    font-weight: bold
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevel img {
    height: 100%
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevel span {
    margin-bottom: 20px
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevelDetails {
    margin-top: 50px
}

.nIafLly18722fM8WLz9X .vip-center-content .vip-center-main .vipLevelDetails span {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px
}

.F0ZAojwHr9OY9n1Ubo2w {
    background: url(../images/outcache/bg.a78a.png) no-repeat 0;
    background-size: 100% 100%;
    height: auto
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_banner img {
    height: auto;
    transition: all 1s linear
}

.F0ZAojwHr9OY9n1Ubo2w .sign_banner .img1 {
    max-width: 1200px;
    width: 100%;
    height: 429px;
    margin: 50px auto;
    margin-bottom: 15px;
    position: relative;
    z-index: 5
}

.F0ZAojwHr9OY9n1Ubo2w .sign_banner .img2 {
    position: absolute;
    top: 30%;
    z-index: 1000;
    left: 44%;
    width: 50px;
    transform: rotateY(180deg)
}

.F0ZAojwHr9OY9n1Ubo2w .sign_banner .img3 {
    position: absolute;
    width: 70px;
    top: 56%;
    left: 42%
}

.F0ZAojwHr9OY9n1Ubo2w .sign_banner .img4 {
    position: absolute;
    width: 150px;
    right: 12%;
    top: 358px;
    z-index: 1000
}

.F0ZAojwHr9OY9n1Ubo2w .sign_banner .img5 {
    width: 700px
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_title {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_title img {
    width: 292px;
    height: 62px
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_main-cont .main1_left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_main-cont .main1_left>iframe {
    width: 700px;
    height: 394px;
    border-radius: 10px;
    border: 0
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_main-cont .main1_left .main1_left_p1 {
    font-size: 16px;
    color: #000;
    width: 700px;
    text-indent: 32px;
    line-height: 190%
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_main-cont .main1_right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_main1 .sign_main-cont .main1_right>li>img {
    width: 320px;
    height: 180px;
    margin: 10px
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_title {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_title img {
    width: 292px;
    height: 62px
}

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

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_top {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_top>img {
    width: 700px;
    height: auto
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right>ul li {
    font-size: 15px;
    line-height: 1.9
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_top .sign_main_right>ul li:first-child {
    font-size: 17px;
    font-weight: 600
}

.F0ZAojwHr9OY9n1Ubo2w .sign_main2 .sign_main_cont2 .sign_main_cont2_bottom {
    border-radius: 20px;
    background: #e2e0ef;
    padding: 40px 0
}

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

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

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

.Ny5La6n80q985aaASKMR .money-input>label,
.Ny5La6n80q985aaASKMR .money-input .prize-select span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff8f8
}

.Ny5La6n80q985aaASKMR .money-input input {
    background: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    width: 58px;
    height: 26px;
    border: 1px solid rgba(102, 102, 102, .4);
    border-radius: 2px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fda6a9
}

.Ny5La6n80q985aaASKMR .chips-set span.chips {
    height: 52px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content {
    box-sizing: border-box;
    width: 300px;
    height: 481px;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, .06);
    border-radius: 10px;
    background: #27211f
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%) !important;
    text-align: center;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .header .layer-close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 6px;
    top: 6px;
    cursor: pointer;
    text-indent: -9999999
}

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

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container p {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #8f8f8f;
    margin-bottom: 12px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container div.input-box {
    margin-top: 115x
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container input {
    box-sizing: border-box;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 4px;
    text-align: center;
    font-family: "DINPro";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #fff8f8
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container button.clear {
    box-sizing: border-box;
    width: 56px;
    height: 34px;
    border: 1px solid #666;
    border-radius: 4px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    background: rgba(0, 0, 0, 0) !important
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .set-container button.clear:hover {
    color: #fff8f8
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer {
    border-top: none;
    height: 13%;
    position: absolute;
    width: 97%;
    bottom: -9px;
    margin: 0 5px
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box {
    padding: 0
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.default {
    box-sizing: border-box;
    width: 136px;
    height: 30px;
    border: 1px solid #fda6a9;
    border-radius: 5px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fda6a9;
    background: rgba(0, 0, 0, 0) !important
}

.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 {
    line-height: 32px;
    border: 0;
    margin: 3px;
    float: right;
    width: 136px;
    height: 30px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border-radius: 5px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.Ny5La6n80q985aaASKMR .chips-set .set-modal .content .footer .button-box button.save:hover {
    opacity: .8
}

.Ny5La6n80q985aaASKMR .chips-set>button,
.Ny5La6n80q985aaASKMR button.clear-select {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    width: 68px;
    height: 26px;
    line-height: 25px;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border: .5px solid rgba(102, 102, 102, .4);
    border-radius: 4px
}

.Ny5La6n80q985aaASKMR .chips-set>button:hover,
.Ny5La6n80q985aaASKMR button.clear-select:hover {
    background-image: linear-gradient(180deg, #95352E, #CF5A38);
    filter: brightness(1.1)
}

.Ny5La6n80q985aaASKMR div.prize-select>span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.Ny5La6n80q985aaASKMR div.prize-select>span:first-child {
    height: 20px;
    color: #8f8f8f
}

.Ny5La6n80q985aaASKMR div.prize-select>span:last-child {
    color: #fda6a9
}

.Ny5La6n80q985aaASKMR div.prize-select>i {
    background: #555;
    border-radius: 10px;
    display: inline-block;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative
}

.Ny5La6n80q985aaASKMR div.prize-select>i::after {
    display: block;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px;
    background-color: #8f8f8f;
    border-radius: 50%;
    right: 2px;
    top: 2px;
    transition: all .3s ease-in-out
}

.Ny5La6n80q985aaASKMR div.prize-select>i.check {
    background: #555;
    position: relative
}

.Ny5La6n80q985aaASKMR div.prize-select>i.check::after {
    display: block;
    content: "";
    height: 16px;
    position: absolute;
    width: 16px;
    background-color: #8f8f8f;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    transition: all .3s ease-in-out
}

.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 p.onekey-bet {
    width: 104px;
    height: 36px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border-radius: 10px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-indent: inherit
}

.Ny5La6n80q985aaASKMR p.onekey-bet::after {
    display: none
}

.Ny5La6n80q985aaASKMR p.onekey-bet.checked {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c0 {
    background-image: url(../images/outcache/chips01.4197.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c1 {
    background-image: url(../images/outcache/chips02.e3a6.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c2 {
    background-image: url(../images/outcache/chips03.a31e.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c3 {
    background-image: url(../images/outcache/chips04.dd59.png)
}

.Ny5La6n80q985aaASKMR .chips-set span.chips.c4 {
    background-image: url(../images/outcache/chips05.ec44.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 {
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.cJKpthhPlCte7d1LpNps header {
    background: inherit;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    position: relative
}

.cJKpthhPlCte7d1LpNps header .l {
    color: #fff8f8
}

.cJKpthhPlCte7d1LpNps header .r {
    font-weight: 400;
    font-size: 12px;
    color: #fda6a9
}

.cJKpthhPlCte7d1LpNps header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #383331;
    left: 0;
    bottom: 0
}

.cJKpthhPlCte7d1LpNps .content-box {
    border: none;
    background: inherit
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form {
    height: 48px;
    line-height: 48px;
    margin-bottom: 4px;
    position: relative
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form span.form-select {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #867163;
    border-right: 1px solid #383331
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form span.form-select.checked {
    font-weight: 500;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0)
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form::after {
    content: "";
    position: absolute;
    left: 43px;
    width: 1px;
    height: 16px;
    background: rgba(102, 102, 102, .4);
    top: 16px;
    z-index: 10
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form>select {
    box-sizing: border-box;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fff8f8
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form>div.issue span.issue {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff8f8
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form>div.issue span.code {
    border-color: #6a7391;
    color: #6a7391;
    width: 25px;
    height: 25px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    text-align: center
}

.cJKpthhPlCte7d1LpNps .content-box div.chart-form>div.issue span.code.light {
    border-color: #ff7373;
    color: #ff7373
}

.cJKpthhPlCte7d1LpNps .content-box .l .col {
    width: 23px
}

.cJKpthhPlCte7d1LpNps .content-box .l,
.cJKpthhPlCte7d1LpNps .content-box .r {
    border-color: #404040
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell,
.cJKpthhPlCte7d1LpNps .content-box .r .cell {
    border-color: #404040
}

.cJKpthhPlCte7d1LpNps .content-box .l .cell.black,
.cJKpthhPlCte7d1LpNps .content-box .r .cell.black {
    background: rgba(0, 0, 0, 0)
}

.cJKpthhPlCte7d1LpNps .content-box .col.title {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    width: 25px
}

.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 {
    box-sizing: border-box;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 10px;
    overflow: hidden
}

.teIULAFXkTsXSjNgCY65 header {
    height: 40px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    background: none;
    color: #fff
}

.teIULAFXkTsXSjNgCY65 header ul {
    margin-top: 0;
    margin-left: 0
}

.teIULAFXkTsXSjNgCY65 header ul li {
    height: 40px;
    line-height: 40px;
    width: 50%;
    box-sizing: border-box;
    background: #231d1b;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #fff8f8;
    border-radius: 0
}

.teIULAFXkTsXSjNgCY65 header ul li.hover {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    color: #fff;
    border-radius: 0
}

.teIULAFXkTsXSjNgCY65 .issues {
    height: 30px;
    background: #383331;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px
}

.teIULAFXkTsXSjNgCY65 .issues>span {
    color: #867163;
    position: relative
}

.teIULAFXkTsXSjNgCY65 .issues>span::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: -167px;
    top: calc(50% - 8px);
    background: rgba(102, 102, 102, .4)
}

.teIULAFXkTsXSjNgCY65 .issues>select {
    box-sizing: border-box;
    height: 20px;
    background: #382e2b;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    color: #fff8f8
}

.teIULAFXkTsXSjNgCY65 .content div.col {
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    box-sizing: border-box;
    border-bottom: 1px solid #2f2f2f;
    background: rgba(0, 0, 0, 0);
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px
}

.teIULAFXkTsXSjNgCY65 .content div.col.black {
    background: rgba(0, 0, 0, 0)
}

.teIULAFXkTsXSjNgCY65 .content div.col .name {
    color: #fff8f8
}

.teIULAFXkTsXSjNgCY65 .content div.col .codes-rank {
    width: 35%;
    display: block;
    float: left;
    color: #2fa7d0
}

.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 {
    text-align: right;
    color: #8f8f8f
}

.teIULAFXkTsXSjNgCY65 .content .empty>div {
    height: 30.6vh !important
}

.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 {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0)
}

.sQmeEdHWED5X9TpOkAg1 .sp-method .selector {
    margin-bottom: 10px
}

.sQmeEdHWED5X9TpOkAg1 .sp-method .selector .ssc-select-area {
    box-sizing: border-box;
    background: #231d1b;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden
}

.sQmeEdHWED5X9TpOkAg1 .sp-method>span.official-entry {
    background: url(../images/outcache/official-entry.7014.png) no-repeat center center;
    z-index: 1
}

.sQmeEdHWED5X9TpOkAg1 .lotteryRight {
    box-sizing: border-box;
    min-width: 232px;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 10px;
    background: #231d1b;
    overflow: hidden
}

.sQmeEdHWED5X9TpOkAg1 .lotteryRight .fullHeight {
    height: 100%
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft {
    width: 930px
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup {
    background: #2c2928
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #867163
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span.hover {
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-clip: text;
    text-fill-color: rgba(0, 0, 0, 0)
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft>div.lotteryGroup>span.hover::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container {
    border-bottom: none
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .title,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .title {
    background: #383331;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff8f8
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .sub-title,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .sub-title {
    box-sizing: border-box;
    background: #292625;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #404040;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #867163
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box {
    box-sizing: border-box;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #404040;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #fda6a9
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box.checked span.l.ball,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box:hover span.l.ball,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box.checked span.l.ball,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box:hover span.l.ball {
    border-radius: 50%;
    text-align: center;
    background: url(../images/outcache/ball.4ae3.png) no-repeat center;
    background-size: 100% 100%;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #382e2b
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box span.l.ball,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box span.l.ball {
    width: 29px;
    height: 29px;
    line-height: 29px;
    background: #3e3e3e;
    border-radius: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #8f8f8f;
    margin-top: 2.5px;
    margin-right: 5px;
    margin-left: 10px
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box span.r,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box span.r {
    width: 45.5%
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col .box span input,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col .box span input {
    box-sizing: border-box;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    background: rgba(0, 0, 0, 0)
}

.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .combo-select-ball .col,
.sQmeEdHWED5X9TpOkAg1 .lotteryLeft .sel-types-contents .combo-container .baccarat-container .combo-select-ball .col {
    border-right: rgba(0, 0, 0, 0)
}

.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: rgba(208, 178, 147, .1)
}

.sQmeEdHWED5X9TpOkAg1 footer span.text {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    color: #fff8f8
}

.sQmeEdHWED5X9TpOkAg1 footer span.text .count,
.sQmeEdHWED5X9TpOkAg1 footer span.text .money {
    color: #d5aa70
}

.sQmeEdHWED5X9TpOkAg1 footer button {
    width: 116px;
    height: 40px;
    background: linear-gradient(180deg, #FFABAE 0%, #B00000 100%);
    border-radius: 10px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .2)
}

.sQmeEdHWED5X9TpOkAg1 footer button.checked {
    background-image: linear-gradient(180deg, #95352E, #CF5A38);
    filter: brightness(1)
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container {
    border-bottom: none
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .sub-title {
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    background: #292625;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #404040;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #867163
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col {
    border-right: none
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box {
    box-sizing: border-box;
    width: 232.5px;
    height: 35px;
    line-height: 35px;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #404040
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box:last-child {
    border-bottom: 1px solid #404040
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.default {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff8f8
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.l.price {
    font-weight: 400;
    font-size: 12px;
    color: #fda6a9
}

.sQmeEdHWED5X9TpOkAg1 .baccarat-container .combo-select-ball .col .box span.r input[type=number] {
    box-sizing: border-box;
    width: 109px;
    height: 26px;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    background: none
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container {
    background: rgba(0, 0, 0, 0);
    border-color: #383331;
    margin: 0 30px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box {
    box-sizing: border-box;
    background: #1a1716;
    border: 1px solid rgba(102, 102, 102, .4);
    box-shadow: 0px 8px 20px 3px rgba(0, 15, 14, .2);
    border-radius: 5px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box>header,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box>header {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 4px 4px 0px 0px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box {
    width: 33%;
    height: 80px
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box.checked,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box:hover,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box.checked,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box:hover {
    background: linear-gradient(180deg, #664D4D 0%, #271F1F 100%)
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box.checked .ball,
.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box:hover .ball,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box.checked .ball,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box:hover .ball {
    background: url(../images/outcache/ball.4ae3.png) no-repeat center;
    background-size: 100% 100%
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .ball,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .ball {
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #3e3e3e;
    border-radius: 20px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4bb976
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box .prize,
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .prize {
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fda6a9
}

.sQmeEdHWED5X9TpOkAg1 .dragon-tiger-container .row-box .select-box .option-box>input[type=number],
.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box>input[type=number] {
    width: 50px;
    height: 22px;
    border: 1px solid rgba(102, 102, 102, .7);
    border-radius: 2px;
    background: rgba(0, 0, 0, 0)
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box {
    overflow: hidden
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box>header {
    background: linear-gradient(180deg, #DF5656 0%, #792E2E 100%);
    border-radius: 4px 4px 0px 0px;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #fff
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box {
    width: 100%
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box .select-box .option-box .prize {
    color: #ff7373
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(1) .select-box header {
    background: linear-gradient(175.24deg, #F9A1C3 3.97%, #F16198 96.31%)
}

.sQmeEdHWED5X9TpOkAg1 .niuniu-container .row-box:nth-child(2) .select-box header {
    background: linear-gradient(180deg, rgba(75, 185, 118, 0.5) 0%, #4BB976 100%)
}

.cF2zkR0mZWS192G_UUZI .contents {
    display: block
}

.cF2zkR0mZWS192G_UUZI .contents .title {
    margin-bottom: 5px
}

.cF2zkR0mZWS192G_UUZI .contents .floatarea {
    max-height: 300px
}

.cJff6kaiPBkJ4zpkNJ_Y {
    min-height: 100vh;
    background: url(../images/outcache/bg.19b0.jpg) no-repeat center top #231d1b;
    background-size: cover;
    min-width: 1170px;
    overflow: hidden
}

.cJff6kaiPBkJ4zpkNJ_Y .lott-contents {
    min-height: calc(100vh - 165px)
}

.cJff6kaiPBkJ4zpkNJ_Y .lott-contents .bet-area {
    width: 1170px;
    min-width: 1170px;
    position: relative;
    margin: 17px auto 0
}

.VPKfQJNqmjDp6IMLeajE {
    background: url(../images/outcache/downloadBg.241e.png) no-repeat 50%/cover
}

.VPKfQJNqmjDp6IMLeajE .page-out-box {
    position: relative;
    height: calc(100vh - 70px);
    padding: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.VPKfQJNqmjDp6IMLeajE .page-out-box .logo {
    height: 56px;
    margin-bottom: 32px
}

.VPKfQJNqmjDp6IMLeajE .page-out-box .detail {
    margin-top: 20px;
    width: 900px
}

.VPKfQJNqmjDp6IMLeajE .app-info-wrap {
    display: flex;
    max-width: 1120px;
    column-gap: 52px;
    text-align: center;
    font-family: "PingFang SC"
}

.VPKfQJNqmjDp6IMLeajE .ctn-wrap {
    width: 40%;
    color: var(--text-提示, #8f8f8f);
    border-radius: 10px;
    padding: 36px;
    background-color: #27211f;
    border: 1px solid rgba(102, 102, 102, .4)
}

.VPKfQJNqmjDp6IMLeajE .desc-wrap {
    height: 220px
}

.VPKfQJNqmjDp6IMLeajE .desc-wrap .sub-title {
    color: #d2b19c;
    margin-block: 16px 8px;
    font-size: 24px
}

.VPKfQJNqmjDp6IMLeajE .desc-wrap .desc-txt {
    font-size: 16px;
    line-height: 1.5
}

.VPKfQJNqmjDp6IMLeajE .desc-wrap .btn.speed-dl {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 10px 40px;
    margin-top: 12px;
    border-radius: 5px;
    background-image: linear-gradient(180deg, #FFABAE 0%, #B00000 100%)
}

.VPKfQJNqmjDp6IMLeajE .title-img {
    height: 60px;
    background: center/contain no-repeat
}

.VPKfQJNqmjDp6IMLeajE .title-img.app {
    background-image: url(../images/outcache/sec-title-app.b5d3.png)
}

.VPKfQJNqmjDp6IMLeajE .title-img.plugin {
    background-image: url(../images/outcache/sec-title-plugin.6432.png)
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap {
    display: flex;
    justify-content: space-between
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap.qr-pos-center {
    justify-content: center
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap .qr-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--text-提示, #8f8f8f);
    border-radius: 10px;
    padding: 28px;
    background-color: #fff;
    overflow: hidden
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap .qr-item>span {
    font-size: 18px
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap .qr-code {
    width: 150px;
    height: 150px;
    margin-bottom: 10px;
    background: center/100% no-repeat
}

.VPKfQJNqmjDp6IMLeajE .qr-wrap .qr-code.single-plt {
    transform: translateY(16px)
}

html[data-theme=dark] {
    --color-主渐变: linear-gradient(180deg, #ffabae 0%, #b00000 100%);
    --color-按钮渐变: linear-gradient(180deg, #df5656 0%, #792e2e 100%);
    --color-主背景: #1a1716;
    --color-彈窗背景色: #27211f;
    --color-輸入框底色: #382e2b;
    --color-框底色: #231d1b;
    --color-主色淡: #fda6a9;
    --text-文字1: #fff8f8;
    --text-文字2: #868181;
    --text-2級: #867163;
    --text-3級: #666666;
    --text-警告: #ff7373;
    --text-钱: #d5aa70;
    --text-提示: #8f8f8f;
    --color-边框: #666666
}

html[data-theme=dark] body>div#root {
    background-color: var(--color-主背景)
}

html[data-theme=dark] input,
html[data-theme=dark] select {
    background: var(--color-輸入框底色, #382e2b);
    color: var(--text-文字1, #fff8f8);
    border: 1px solid var(--color-边框, #666666)
}

html[data-theme=dark] input::placeholder,
html[data-theme=dark] select::placeholder {
    color: #65564c
}

html[data-theme=dark] input.hourselect,
html[data-theme=dark] input.minuteselect,
html[data-theme=dark] select.hourselect,
html[data-theme=dark] select.minuteselect {
    color: #333
}

html[data-theme=dark] .ant-select-selector {
    background: var(--color-輸入框底色, #382e2b) !important;
    color: var(--text-文字1, #fff8f8) !important
}

html[data-theme=dark] .ant-select-selector .ant-select-selection-placeholder {
    color: #65564c !important
}