.font-family-dinbold[data-v-27941dcc] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-27941dcc] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-27941dcc] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-27941dcc] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-27941dcc] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-27941dcc {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-27941dcc] {
    color: #ffc378
}

.font-blue[data-v-27941dcc] {
    color: #7cacff
}

.font-green[data-v-27941dcc] {
    color: #45c9a5
}

.font-orange[data-v-27941dcc] {
    color: #eb6060
}

.font-yellow2[data-v-27941dcc] {
    color: #f5c71d
}

.font-vs[data-v-27941dcc] {
    color: #d69c75
}

.mb-0[data-v-27941dcc] {
    margin-bottom: 0
}

.mt-20[data-v-27941dcc] {
    margin-top: 20px
}

.overflow[data-v-27941dcc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-27941dcc] {
    cursor: pointer
}

.flex-between[data-v-27941dcc] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-27941dcc] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-27941dcc] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-27941dcc] {
    padding-top: 5px
}

.cell-border>div small[data-v-27941dcc] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-27941dcc] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-27941dcc] {
    color: #018fff
}

.font-linear[data-v-27941dcc] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-27941dcc] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-27941dcc] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-27941dcc]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-27941dcc]:after,.anim-btn[data-v-27941dcc]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-27941dcc]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-27941dcc]:hover:after,.anim-btn[data-v-27941dcc]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-27941dcc] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-27941dcc] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-27941dcc] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-27941dcc] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-27941dcc] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-27941dcc] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-27941dcc]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-27941dcc] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-27941dcc] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-27941dcc]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-27941dcc .5s 1
}

@keyframes gelatine-27941dcc {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-27941dcc] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-27941dcc] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-27941dcc]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-27941dcc] {
    font-weight: 700!important
}

.btnYellow[data-v-27941dcc],.btnYellow[data-v-27941dcc]:focus,.btnYellow[data-v-27941dcc]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-27941dcc] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-27941dcc] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-27941dcc] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-27941dcc] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-27941dcc] {
    font-weight: 700
}

.flexStart[data-v-27941dcc] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-27941dcc] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-27941dcc] {
    margin-bottom: 24px
}

.leave_dialog_wrapper[data-v-27941dcc] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 24px
}

.leave_dialog_wrapper .title[data-v-27941dcc] {
    width: 100%;
    text-align: left;
    color: hsla(0,0%,100%,.8);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.leave_dialog_wrapper .intro p[data-v-27941dcc] {
    color: hsla(0,0%,100%,.8);
    font-weight: 400;
    line-height: 22px
}

.leave_dialog_wrapper .navs_switch[data-v-27941dcc] {
    display: flex;
    border-radius: 32px;
    overflow: hidden;
    margin: 8px 0
}

.leave_dialog_wrapper .navs_switch div[data-v-27941dcc] {
    flex: 1;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: var(--White-W-5,hsla(0,0%,100%,.05));
    color: #f0a23a;
    font-weight: 700;
    cursor: pointer
}

.leave_dialog_wrapper .navs_switch div.active[data-v-27941dcc] {
    background: var(--Minor-Color-Yellow,#f0a23a);
    color: #fff
}

.leave_dialog_wrapper .currency_list[data-v-27941dcc] {
    padding: 8px 16px;
    border-radius: 8px;
    background: rgba(0,0,0,.1);
    display: flex;
    flex-direction: column
}

.leave_dialog_wrapper .currency_list .currency_list_item[data-v-27941dcc] {
    height: 22px;
    font-size: 14px;
    display: flex;
    color: #f0a23a;
    justify-content: space-between
}

.leave_dialog_wrapper .currency_list .currency_list_item .item_svg[data-v-27941dcc] {
    display: flex;
    align-items: center;
    gap: 8px
}

.leave_dialog_wrapper .currency_list .currency_list_item .currency_icon[data-v-27941dcc] {
    width: 14.7px;
    height: 14.7px
}

.font-family-dinbold[data-v-198d6f64] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-198d6f64] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-198d6f64] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-198d6f64] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-198d6f64] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-198d6f64 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-198d6f64] {
    color: #ffc378
}

.font-blue[data-v-198d6f64] {
    color: #7cacff
}

.font-green[data-v-198d6f64] {
    color: #45c9a5
}

.font-orange[data-v-198d6f64] {
    color: #eb6060
}

.font-yellow2[data-v-198d6f64] {
    color: #f5c71d
}

.font-vs[data-v-198d6f64] {
    color: #d69c75
}

.mb-0[data-v-198d6f64] {
    margin-bottom: 0
}

.mt-20[data-v-198d6f64] {
    margin-top: 20px
}

.overflow[data-v-198d6f64] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-198d6f64] {
    cursor: pointer
}

.flex-between[data-v-198d6f64] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-198d6f64] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-198d6f64] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-198d6f64] {
    padding-top: 5px
}

.cell-border>div small[data-v-198d6f64] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-198d6f64] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-198d6f64] {
    color: #018fff
}

.font-linear[data-v-198d6f64] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-198d6f64] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-198d6f64] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-198d6f64]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-198d6f64]:after,.anim-btn[data-v-198d6f64]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-198d6f64]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-198d6f64]:hover:after,.anim-btn[data-v-198d6f64]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-198d6f64] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-198d6f64] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-198d6f64] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-198d6f64] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-198d6f64] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-198d6f64] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-198d6f64]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-198d6f64] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-198d6f64] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-198d6f64]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-198d6f64 .5s 1
}

@keyframes gelatine-198d6f64 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-198d6f64] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-198d6f64] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-198d6f64]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-198d6f64] {
    font-weight: 700!important
}

.btnYellow[data-v-198d6f64],.btnYellow[data-v-198d6f64]:focus,.btnYellow[data-v-198d6f64]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-198d6f64] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-198d6f64] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-198d6f64] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-198d6f64] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-198d6f64] {
    font-weight: 700
}

.flexStart[data-v-198d6f64] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-198d6f64] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-198d6f64] {
    margin-bottom: 24px
}

[data-v-198d6f64] .el-dialog__body .content {
    padding: 24px 0
}

[data-v-198d6f64] .el-dialog__body .content .currency_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item {
    cursor: pointer;
    width: 103px;
    height: 70px;
    color: #f0a23a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-size: 12px;
    border-radius: 12px;
    border: 1px solid #25282f;
    max-width: 109px;
    background: rgba(37,40,47,.4);
    color: hsla(0,0%,100%,.8);
    gap: 4px
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item.selected {
    border: 1px solid var(--Main-Color-Gold,#f3b867);
    background: linear-gradient(0deg,rgba(243,184,103,.05),rgba(243,184,103,.05)),#25282f
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item.disabled {
    opacity: .4;
    pointer-events: none
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item .item_svg {
    display: flex;
    align-items: center;
    gap: 8px
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item .currency_icon {
    width: 14.7px;
    height: 14.7px
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item div {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

[data-v-198d6f64] .el-dialog__body .content .currency_list .currency_list_item p {
    font-weight: 700;
    color: hsla(0,0%,100%,.8980392157)
}

[data-v-198d6f64] .el-dialog__body .content .selet_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 16px
}

[data-v-198d6f64] .el-dialog__body .content .selet_box .selet_box_item {
    width: calc(50% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between
}

[data-v-198d6f64] .el-dialog__body .buttons {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 48px
}

[data-v-198d6f64] .el-dialog__body .buttons .submit_button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--Main-Color-Enable-Dark-Bright,linear-gradient(90deg,#e2b271,#f6d99d));
    font-weight: 600;
    height: 48px!important;
    color: var(--Minor-Color-Brown,#633100);
    font-size: 16px;
    flex: 1;
    border: none!important
}

[data-v-198d6f64] .el-dialog__body .buttons .submit_button.disabled {
    pointer-events: none;
    color: hsla(0,0%,100%,.6);
    background: hsla(0,0%,100%,.0470588235)!important
}

.font-family-dinbold[data-v-79a5f470] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-79a5f470] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-79a5f470] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-79a5f470] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-79a5f470] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-79a5f470 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-79a5f470] {
    color: #ffc378
}

.font-blue[data-v-79a5f470] {
    color: #7cacff
}

.font-green[data-v-79a5f470] {
    color: #45c9a5
}

.font-orange[data-v-79a5f470] {
    color: #eb6060
}

.font-yellow2[data-v-79a5f470] {
    color: #f5c71d
}

.font-vs[data-v-79a5f470] {
    color: #d69c75
}

.mb-0[data-v-79a5f470] {
    margin-bottom: 0
}

.mt-20[data-v-79a5f470] {
    margin-top: 20px
}

.overflow[data-v-79a5f470] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-79a5f470] {
    cursor: pointer
}

.flex-between[data-v-79a5f470] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-79a5f470] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-79a5f470] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-79a5f470] {
    padding-top: 5px
}

.cell-border>div small[data-v-79a5f470] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-79a5f470] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-79a5f470] {
    color: #018fff
}

.font-linear[data-v-79a5f470] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-79a5f470] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-79a5f470] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-79a5f470]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-79a5f470]:after,.anim-btn[data-v-79a5f470]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-79a5f470]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-79a5f470]:hover:after,.anim-btn[data-v-79a5f470]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-79a5f470] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-79a5f470] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-79a5f470] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-79a5f470] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-79a5f470] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-79a5f470] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-79a5f470]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-79a5f470] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-79a5f470] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-79a5f470]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-79a5f470 .5s 1
}

@keyframes gelatine-79a5f470 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-79a5f470] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-79a5f470] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-79a5f470]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-79a5f470] {
    font-weight: 700!important
}

.btnYellow[data-v-79a5f470],.btnYellow[data-v-79a5f470]:focus,.btnYellow[data-v-79a5f470]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-79a5f470] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-79a5f470] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-79a5f470] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-79a5f470] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-79a5f470] {
    font-weight: 700
}

.flexStart[data-v-79a5f470] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-79a5f470] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-79a5f470] {
    margin-bottom: 24px
}

[data-v-79a5f470] .el-loading-spinner .path {
    stroke: #f3b867
}

.user_balance_box[data-v-79a5f470] {
    position: relative;
    padding-right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
    border-radius: 50px
}

.user_balance_box.active[data-v-79a5f470] {
    background: hsla(0,0%,100%,.08);
    border-radius: 24px;
    min-width: 100px;
    height: 40px;
    padding-left: 4px
}

.wallet_content[data-v-79a5f470] {
    display: flex;
    cursor: pointer;
    margin-left: 10px
}

.wallet_content .balace_input_box[data-v-79a5f470] {
    border-radius: 24px 0 0 24px;
    overflow: hidden;
    display: flex
}

.wallet_content .balace_input_box .info_box[data-v-79a5f470] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 5px;
    min-width: 40px
}

.wallet_content .balace_input_box .info_box span[data-v-79a5f470] {
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding-left: 5px;
    display: inline-block;
    flex: 1
}

.wallet_content .balace_input_box .info_box .icon[data-v-79a5f470] {
    width: 22px;
    height: 22px
}

.wallet_content .balace_input_box .info_box i[data-v-79a5f470] {
    margin: -3px 2px 0 7px
}

.go_pay[data-v-79a5f470] {
    color: #633100;
    font-size: 16px;
    width: 70px;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    text-align: center;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

.change_box[data-v-79a5f470] {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 36px;
    line-height: 36px;
    gap: 6px
}

.change_box .des[data-v-79a5f470] {
    font-size: 14px
}

.change_box .iconfont[data-v-79a5f470] {
    font-size: 16px;
    cursor: pointer
}

.balace_list_infos[data-v-79a5f470] {
    min-width: 350px
}

.balace_list_infos li[data-v-79a5f470] {
    width: 100%;
    height: 66px;
    line-height: 66px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    border-bottom: 1px solid hsla(0,0%,100%,.0509803922);
    cursor: pointer;
    background: #1f2229
}

.balace_list_infos li[data-v-79a5f470]:last-child {
    border-bottom: 0
}

.balace_list_infos li.active[data-v-79a5f470],.balace_list_infos li[data-v-79a5f470]:hover {
    background: #292c34
}

.balace_list_infos li .left_box[data-v-79a5f470] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.balace_list_infos li .left_box .icon[data-v-79a5f470] {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.balace_list_infos li .left_box .unit[data-v-79a5f470] {
    color: #fff;
    font-size: 18px
}

.balace_list_infos li .right_box[data-v-79a5f470] {
    text-align: right
}

.balace_list_infos li .right_box .amount[data-v-79a5f470] {
    color: #fff;
    font-size: 18px;
    line-height: 1.2
}

.balace_list_infos li .right_box .dt_amount[data-v-79a5f470] {
    color: hsla(0,0%,100%,.8);
    font-size: 10px;
    line-height: 1.2;
    opacity: .8
}

.shouyibao[data-v-79a5f470] {
    cursor: pointer;
    background: url(data:image/jpeg;base64,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);
    background-size: 100% 100%;
    height: 40px;
    padding: 8px 16px;
    justify-content: space-between
}

.shouyibao>div[data-v-79a5f470],.shouyibao[data-v-79a5f470] {
    display: flex;
    align-items: center
}

.shouyibao .left[data-v-79a5f470] {
    gap: 8px
}

.shouyibao .shouyibaoLogo[data-v-79a5f470] {
    width: 24px
}

.shouyibao .text[data-v-79a5f470] {
    color: hsla(0,0%,100%,.8);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.shouyibao .status[data-v-79a5f470] {
    padding: 0 8px;
    border-radius: 4px;
    background: rgba(240,162,58,.1);
    color: #f0a23a;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px
}

.shouyibao .amount[data-v-79a5f470] {
    color: hsla(0,0%,100%,.9);
    font-size: 18px;
    line-height: 120%
}

.shouyibao .goldArrow-2[data-v-79a5f470] {
    font-size: 16px
}

.balance_set[data-v-79a5f470] {
    bottom: 0;
    width: 100%;
    height: 38px;
    padding: 8px 16px;
    background: var(--Dark-NEWBG-03,#1a1c21);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.balance_set.bottom_34[data-v-79a5f470] {
    bottom: 34px
}

.balance_set .set_left_1[data-v-79a5f470] {
    display: flex;
    align-items: center;
    gap: 24px
}

.balance_set .set_left_2[data-v-79a5f470] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--White-W-80,hsla(0,0%,100%,.8));
    position: relative;
    line-height: normal
}

.balance_set .set_left_2 .Red-Dot[data-v-79a5f470] {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    background: #f53f55;
    border-radius: 100%
}

.balance_set .set_right[data-v-79a5f470] {
    cursor: pointer
}

.balance_set .set_right svg[data-v-79a5f470] {
    position: relative;
    margin-right: -4px
}

.balance_set .set_right svg[data-v-79a5f470]:first-child {
    z-index: 5
}

.balance_set .set_right svg[data-v-79a5f470]:nth-child(2) {
    z-index: 4
}

.balance_set .set_right svg[data-v-79a5f470]:nth-child(3) {
    z-index: 3
}

.balance_set .set_right svg[data-v-79a5f470]:nth-child(4) {
    z-index: 2
}

.balance_set .set_right svg[data-v-79a5f470]:nth-child(5) {
    z-index: 1;
    margin: 0
}

.float-dropdown[data-v-79a5f470] {
    top: 55px!important;
    padding: 0
}

.float-dropdown .lockBalance[data-v-79a5f470] {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 0
}

.float-dropdown .lockBalance .content[data-v-79a5f470] {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    padding: 8px 16px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    background: linear-gradient(90deg,rgba(243,184,103,0),rgba(243,184,103,.1) 50%,rgba(243,184,103,0)),#1f2229
}

.float-dropdown .lockBalance .content span[data-v-79a5f470] {
    color: var(--Main-Color-Gold,#f3b867);
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    cursor: pointer
}

[data-v-79a5f470] .el-loading-mask {
    background-color: transparent
}

[data-v-79a5f470] .el-loading-mask .el-loading-spinner {
    height: 40px!important;
    top: 100%!important
}

[data-v-79a5f470] .el-loading-spinner .circular {
    width: 30px;
    height: 30px
}

[data-v-79a5f470] .el-loading-mask {
    right: 15px
}

.app-page .el-popper[x-placement^=bottom][data-v-79a5f470] {
    margin-top: 20px!important
}

.app-page .walledrop.el-dropdown-menu {
    border-radius: 8px;
    background: #1f222e;
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.2470588235);
    overflow: hidden
}

.balance_dropdown {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.font-family-dinbold[data-v-8281f2d6] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-8281f2d6] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-8281f2d6] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-8281f2d6] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-8281f2d6] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-8281f2d6 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-8281f2d6] {
    color: #ffc378
}

.font-blue[data-v-8281f2d6] {
    color: #7cacff
}

.font-green[data-v-8281f2d6] {
    color: #45c9a5
}

.font-orange[data-v-8281f2d6] {
    color: #eb6060
}

.font-yellow2[data-v-8281f2d6] {
    color: #f5c71d
}

.font-vs[data-v-8281f2d6] {
    color: #d69c75
}

.mb-0[data-v-8281f2d6] {
    margin-bottom: 0
}

.mt-20[data-v-8281f2d6] {
    margin-top: 20px
}

.overflow[data-v-8281f2d6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-8281f2d6] {
    cursor: pointer
}

.flex-between[data-v-8281f2d6] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-8281f2d6] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-8281f2d6] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-8281f2d6] {
    padding-top: 5px
}

.cell-border>div small[data-v-8281f2d6] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-8281f2d6] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-8281f2d6] {
    color: #018fff
}

.font-linear[data-v-8281f2d6] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-8281f2d6] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-8281f2d6] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-8281f2d6]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-8281f2d6]:after,.anim-btn[data-v-8281f2d6]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-8281f2d6]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-8281f2d6]:hover:after,.anim-btn[data-v-8281f2d6]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-8281f2d6] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-8281f2d6] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-8281f2d6] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-8281f2d6] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-8281f2d6] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-8281f2d6] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-8281f2d6]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-8281f2d6] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-8281f2d6] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-8281f2d6]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-8281f2d6 .5s 1
}

@keyframes gelatine-8281f2d6 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-8281f2d6] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-8281f2d6] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-8281f2d6]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-8281f2d6] {
    font-weight: 700!important
}

.btnYellow[data-v-8281f2d6],.btnYellow[data-v-8281f2d6]:focus,.btnYellow[data-v-8281f2d6]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-8281f2d6] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-8281f2d6] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-8281f2d6] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-8281f2d6] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-8281f2d6] {
    font-weight: 700
}

.flexStart[data-v-8281f2d6] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-8281f2d6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-8281f2d6] {
    margin-bottom: 24px
}

.menu_box[data-v-8281f2d6] {
    padding: 16px 16px;
    margin-bottom: 0;
    background: #1f2229
}

.menu_box ul[data-v-8281f2d6] {
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.menu_box ul li[data-v-8281f2d6] {
    width: 86px;
    height: 86px;
    margin: 8px 0;
    color: hsla(0,0%,100%,.8);
    font-size: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    cursor: pointer
}

.menu_box ul li .label[data-v-8281f2d6] {
    margin-top: 8px;
    font-weight: 600
}

.menu_box ul li .active[data-v-8281f2d6],.menu_box ul li .icon[data-v-8281f2d6] {
    width: 40px;
    display: block;
    margin: 0 auto
}

.menu_box ul li .active.active[data-v-8281f2d6],.menu_box ul li .icon.active[data-v-8281f2d6] {
    display: none
}

.menu_box ul li .newItem[data-v-8281f2d6] {
    background: #f64257;
    color: #fff;
    font-size: 12;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.menu_box ul li .dot[data-v-8281f2d6] {
    width: 6px;
    height: 6px;
    border-radius: 100px;
    background: #f53f55;
    margin-left: 6px;
    position: absolute;
    top: 8px;
    right: 21px
}

.menu_box ul li .dot.dotTask[data-v-8281f2d6] {
    width: -moz-max-content;
    width: max-content;
    min-width: 18px;
    text-align: center;
    height: 18px;
    border-radius: 18px;
    top: 4px;
    right: 18px;
    font-size: 12px;
    line-height: 17px;
    transform: scale(.8)
}

.menu_box ul li.active[data-v-8281f2d6],.menu_box ul li[data-v-8281f2d6]:hover {
    color: #f3b867;
    border-radius: 12px;
    background: #292c34
}

.menu_box ul li.active .icon[data-v-8281f2d6],.menu_box ul li:hover .icon[data-v-8281f2d6] {
    display: none
}

.menu_box ul li.active .active[data-v-8281f2d6],.menu_box ul li:hover .active[data-v-8281f2d6] {
    display: block
}

.font-family-dinbold[data-v-ceb1445e] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-ceb1445e] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-ceb1445e] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-ceb1445e] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-ceb1445e] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-ceb1445e {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-ceb1445e] {
    color: #ffc378
}

.font-blue[data-v-ceb1445e] {
    color: #7cacff
}

.font-green[data-v-ceb1445e] {
    color: #45c9a5
}

.font-orange[data-v-ceb1445e] {
    color: #eb6060
}

.font-yellow2[data-v-ceb1445e] {
    color: #f5c71d
}

.font-vs[data-v-ceb1445e] {
    color: #d69c75
}

.mb-0[data-v-ceb1445e] {
    margin-bottom: 0
}

.mt-20[data-v-ceb1445e] {
    margin-top: 20px
}

.overflow[data-v-ceb1445e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-ceb1445e] {
    cursor: pointer
}

.flex-between[data-v-ceb1445e] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-ceb1445e] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-ceb1445e] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-ceb1445e] {
    padding-top: 5px
}

.cell-border>div small[data-v-ceb1445e] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-ceb1445e] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-ceb1445e] {
    color: #018fff
}

.font-linear[data-v-ceb1445e] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-ceb1445e] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-ceb1445e] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-ceb1445e]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-ceb1445e]:after,.anim-btn[data-v-ceb1445e]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-ceb1445e]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-ceb1445e]:hover:after,.anim-btn[data-v-ceb1445e]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-ceb1445e] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-ceb1445e] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-ceb1445e] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-ceb1445e] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-ceb1445e] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-ceb1445e] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-ceb1445e]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-ceb1445e] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-ceb1445e] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-ceb1445e]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-ceb1445e .5s 1
}

@keyframes gelatine-ceb1445e {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-ceb1445e] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-ceb1445e] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-ceb1445e]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-ceb1445e] {
    font-weight: 700!important
}

.btnYellow[data-v-ceb1445e],.btnYellow[data-v-ceb1445e]:focus,.btnYellow[data-v-ceb1445e]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-ceb1445e] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-ceb1445e] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-ceb1445e] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-ceb1445e] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-ceb1445e] {
    font-weight: 700
}

.flexStart[data-v-ceb1445e] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-ceb1445e] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-ceb1445e] {
    margin-bottom: 24px
}

.left[data-v-ceb1445e] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.left .avatar[data-v-ceb1445e] {
    margin-right: 8px;
    width: 44px;
    height: 44px;
    cursor: pointer
}

.left .avatar-box[data-v-ceb1445e] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    position: relative;
    margin-right: 8px
}

.left .avatar-box img[data-v-ceb1445e]:first-child {
    width: 100%;
    height: 100%
}

.left .avatar-box img[data-v-ceb1445e]:nth-child(2) {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.left .detail[data-v-ceb1445e] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative
}

.left .detail .top[data-v-ceb1445e] {
    min-height: 27px;
    display: flex;
    align-items: center;
    color: #fff
}

.left .detail .top.starLevel-0[data-v-ceb1445e] {
    color: #d5d7e1
}

.left .detail .top.starLevel-1[data-v-ceb1445e] {
    color: #3c434d
}

.left .detail .top.starLevel-2[data-v-ceb1445e] {
    color: #4c4c4c
}

.left .detail .top.starLevel-3[data-v-ceb1445e] {
    color: #654425
}

.left .detail .top.starLevel-4[data-v-ceb1445e] {
    color: #664924
}

.left .detail .top.starLevel-5[data-v-ceb1445e] {
    color: #dffff2
}

.left .detail .top.starLevel-6[data-v-ceb1445e] {
    color: #ffe1e1
}

.left .detail .top.starLevel-7[data-v-ceb1445e] {
    color: #d4cfe5
}

.left .detail .top span[data-v-ceb1445e] {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px
}

.left .detail .bottom[data-v-ceb1445e] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    color: hsla(0,0%,100%,.8)
}

.left .detail .bottom.starLevel-0[data-v-ceb1445e] {
    color: #d5d7e1
}

.left .detail .bottom.starLevel-1[data-v-ceb1445e] {
    color: #3c434d
}

.left .detail .bottom.starLevel-2[data-v-ceb1445e] {
    color: #4c4c4c
}

.left .detail .bottom.starLevel-3[data-v-ceb1445e] {
    color: #654425
}

.left .detail .bottom.starLevel-4[data-v-ceb1445e] {
    color: #664924
}

.left .detail .bottom.starLevel-5[data-v-ceb1445e] {
    color: #dffff2
}

.left .detail .bottom.starLevel-6[data-v-ceb1445e] {
    color: #ffe1e1
}

.left .detail .bottom.starLevel-7[data-v-ceb1445e] {
    color: #d4cfe5
}

.left .detail .bottom span[data-v-ceb1445e] {
    font-size: 12px;
    margin-right: 8px;
    line-height: 1.5
}

.left .detail .bottom .copy[data-v-ceb1445e] {
    cursor: pointer
}

.font-family-dinbold[data-v-0bd7ec8a] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-0bd7ec8a] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-0bd7ec8a] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-0bd7ec8a] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-0bd7ec8a] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-0bd7ec8a {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-0bd7ec8a] {
    color: #ffc378
}

.font-blue[data-v-0bd7ec8a] {
    color: #7cacff
}

.font-green[data-v-0bd7ec8a] {
    color: #45c9a5
}

.font-orange[data-v-0bd7ec8a] {
    color: #eb6060
}

.font-yellow2[data-v-0bd7ec8a] {
    color: #f5c71d
}

.font-vs[data-v-0bd7ec8a] {
    color: #d69c75
}

.mb-0[data-v-0bd7ec8a] {
    margin-bottom: 0
}

.mt-20[data-v-0bd7ec8a] {
    margin-top: 20px
}

.overflow[data-v-0bd7ec8a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-0bd7ec8a] {
    cursor: pointer
}

.flex-between[data-v-0bd7ec8a] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-0bd7ec8a] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-0bd7ec8a] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-0bd7ec8a] {
    padding-top: 5px
}

.cell-border>div small[data-v-0bd7ec8a] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-0bd7ec8a] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-0bd7ec8a] {
    color: #018fff
}

.font-linear[data-v-0bd7ec8a] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-0bd7ec8a] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-0bd7ec8a] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-0bd7ec8a]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-0bd7ec8a]:after,.anim-btn[data-v-0bd7ec8a]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-0bd7ec8a]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-0bd7ec8a]:hover:after,.anim-btn[data-v-0bd7ec8a]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-0bd7ec8a] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-0bd7ec8a] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-0bd7ec8a] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-0bd7ec8a] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-0bd7ec8a] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-0bd7ec8a] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-0bd7ec8a]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-0bd7ec8a] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-0bd7ec8a] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-0bd7ec8a]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-0bd7ec8a .5s 1
}

@keyframes gelatine-0bd7ec8a {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-0bd7ec8a] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-0bd7ec8a] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-0bd7ec8a]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-0bd7ec8a] {
    font-weight: 700!important
}

.btnYellow[data-v-0bd7ec8a],.btnYellow[data-v-0bd7ec8a]:focus,.btnYellow[data-v-0bd7ec8a]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-0bd7ec8a] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-0bd7ec8a] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-0bd7ec8a] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-0bd7ec8a] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-0bd7ec8a] {
    font-weight: 700
}

.flexStart[data-v-0bd7ec8a] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-0bd7ec8a] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-0bd7ec8a] {
    margin-bottom: 24px
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog {
    width: 800px;
    height: 500px;
    border: none;
    border-radius: initial;
    background: none;
    -webkit-backdrop-filter: initial!important;
    backdrop-filter: none!important;
    border: none!important;
    box-shadow: none!important
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__header .el-dialog__headerbtn {
    padding: 2px;
    border: 1px solid hsla(0,0%,100%,.6);
    border-radius: 50%
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__body {
    padding: 0
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__body .container {
    position: relative;
    width: 800px
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__body .container .logout_img {
    width: 100%;
    height: auto
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__body .container .buttons {
    width: 406px;
    height: 72px;
    bottom: 8px;
    left: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
    gap: 50px;
    z-index: 2
}

.logout-dialog[data-v-0bd7ec8a] .el-dialog .el-dialog__body .container .buttons span {
    display: block;
    flex: 1;
    cursor: pointer
}

.font-family-dinbold[data-v-11ce545e] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-11ce545e] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-11ce545e] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-11ce545e] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-11ce545e] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-11ce545e {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-11ce545e] {
    color: #ffc378
}

.font-blue[data-v-11ce545e] {
    color: #7cacff
}

.font-green[data-v-11ce545e] {
    color: #45c9a5
}

.font-orange[data-v-11ce545e] {
    color: #eb6060
}

.font-yellow2[data-v-11ce545e] {
    color: #f5c71d
}

.font-vs[data-v-11ce545e] {
    color: #d69c75
}

.mb-0[data-v-11ce545e] {
    margin-bottom: 0
}

.mt-20[data-v-11ce545e] {
    margin-top: 20px
}

.overflow[data-v-11ce545e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-11ce545e] {
    cursor: pointer
}

.flex-between[data-v-11ce545e] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-11ce545e] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-11ce545e] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-11ce545e] {
    padding-top: 5px
}

.cell-border>div small[data-v-11ce545e] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-11ce545e] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-11ce545e] {
    color: #018fff
}

.font-linear[data-v-11ce545e] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-11ce545e] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-11ce545e] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-11ce545e]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-11ce545e]:after,.anim-btn[data-v-11ce545e]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-11ce545e]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-11ce545e]:hover:after,.anim-btn[data-v-11ce545e]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-11ce545e] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-11ce545e] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-11ce545e] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-11ce545e] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-11ce545e] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-11ce545e] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-11ce545e]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-11ce545e] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-11ce545e] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-11ce545e]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-11ce545e .5s 1
}

@keyframes gelatine-11ce545e {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-11ce545e] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-11ce545e] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-11ce545e]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-11ce545e] {
    font-weight: 700!important
}

.btnYellow[data-v-11ce545e],.btnYellow[data-v-11ce545e]:focus,.btnYellow[data-v-11ce545e]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-11ce545e] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-11ce545e] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-11ce545e] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-11ce545e] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-11ce545e] {
    font-weight: 700
}

.flexStart[data-v-11ce545e] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-11ce545e] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-11ce545e] {
    margin-bottom: 24px
}

.float_dropdown[data-v-11ce545e] {
    border-radius: 16px 16px 16px 16px;
    overflow: hidden;
    width: 462px
}

.float_dropdown .userInfo[data-v-11ce545e] {
    height: 76px;
    width: 462px;
    background-size: 100% 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 16px
}

.float_dropdown .userInfo[data-v-11ce545e] .myMedal {
    display: none
}

.float_dropdown .userInfo .left[data-v-11ce545e] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.float_dropdown .userInfo .left .avatar[data-v-11ce545e] {
    margin-right: 8px;
    width: 44px;
    height: 44px
}

.float_dropdown .userInfo .left .detail[data-v-11ce545e] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 4px
}

.float_dropdown .userInfo .left .detail .top span[data-v-11ce545e] {
    color: #fff;
    margin-right: 8px
}

.float_dropdown .userInfo .left .detail .bottom[data-v-11ce545e] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap
}

.float_dropdown .userInfo .left .detail .bottom span[data-v-11ce545e] {
    color: hsla(0,0%,100%,.8);
    font-size: 12px;
    margin-right: 8px
}

.float_dropdown .userInfo .left .detail .bottom .copy[data-v-11ce545e] {
    cursor: pointer
}

.float_dropdown .userInfo .logoutButton[data-v-11ce545e] {
    border: 1px solid hsla(0,0%,100%,.8);
    width: 60px;
    height: 38px;
    border-radius: 8px
}

.float_dropdown .userInfo.level_0[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_0.d87c1c93.png) no-repeat
}

.float_dropdown .userInfo.level_1[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_1.e3b61539.png) no-repeat
}

.float_dropdown .userInfo.level_2[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_2.c0f43958.png) no-repeat
}

.float_dropdown .userInfo.level_3[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_3.d90bcdee.png) no-repeat
}

.float_dropdown .userInfo.level_4[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_4.d90bcdee.png) no-repeat
}

.float_dropdown .userInfo.level_5[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_5.98fccd67.png) no-repeat
}

.float_dropdown .userInfo.level_6[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_6.a7cff73b.png) no-repeat
}

.float_dropdown .userInfo.level_7[data-v-11ce545e] {
    background: url(../../../cdn/tus5r4v1F/img/b_7.a51401b2.png) no-repeat
}

.float_dropdown .memberMenu[data-v-11ce545e] {
    width: 462px;
    background: #1f2229
}

@keyframes move-11ce545e {
    0% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    10% {
        transform: rotate(-12deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    20% {
        transform: rotate(12deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    28% {
        transform: rotate(-10deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    36% {
        transform: rotate(10deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    42% {
        transform: rotate(-8deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    48% {
        transform: rotate(8deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    52% {
        transform: rotate(-4deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    56% {
        transform: rotate(4deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    60% {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.755,.5,.855,.06)
    }

    to {
        transform: rotate(0deg);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }
}

.member_box[data-v-11ce545e] {
    position: relative
}

.member_box .have-task[data-v-11ce545e] {
    position: absolute;
    z-index: 999;
    top: 60px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 45px;
    padding: 0 16px;
    background: linear-gradient(118.9deg,rgba(58,64,76,.7),rgba(42,45,52,.7)),rgba(171,195,230,.15);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: 8px;
    color: hsla(0,0%,100%,.8);
    font-family: PingFang SC;
    font-size: 14px
}

.member_box .have-task[data-v-11ce545e]:before {
    content: "";
    position: absolute;
    top: -12px;
    right: 18px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #2a2d34 transparent
}

.member_box .have-task .task-icon[data-v-11ce545e] {
    width: 32px;
    height: 32px;
    transform-origin: center top;
    animation: move-11ce545e 2s infinite
}

.font_gradient[data-v-11ce545e],.header_infos ul li:hover .iconfont[data-v-11ce545e] {
    background: linear-gradient(90deg,#018fff,#02c2ff);
    background: -ms-linear-gradient(top,#018fff 0,#02c2ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#018fff",endColorstr="#02c2ff",GradientType=0);
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent!important
}

.user_info[data-v-11ce545e] {
    margin-left: 24px
}

.user_info .avatar-box[data-v-11ce545e],.user_info .avatar[data-v-11ce545e] {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.user_info .avatar-box[data-v-11ce545e] {
    position: relative
}

.user_info .avatar-box img[data-v-11ce545e]:first-child {
    width: 100%;
    height: 100%
}

.user_info .avatar-box img[data-v-11ce545e]:nth-child(2) {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.user_info .el-dropdown[data-v-11ce545e] {
    display: flex;
    align-items: center
}

.header_infos[data-v-11ce545e] {
    background: #15161b url(../../../cdn/tus5r4v1F/img/float-bg.251ccce8.png) no-repeat 0 0;
    background-size: 100%;
    width: 220px;
    height: auto;
    font-size: 14px
}

.header_infos .ava_info[data-v-11ce545e] {
    display: flex;
    align-items: center;
    height: 70px;
    padding-left: 15px;
    cursor: pointer
}

.header_infos .ava_info>span[data-v-11ce545e] {
    padding: 0 10px
}

.header_infos .ava_info .avatar_icon[data-v-11ce545e] {
    width: 40px;
    height: 40px;
    min-width: 40px
}

.header_infos .right_user[data-v-11ce545e] {
    margin-left: 10px;
    line-height: 20px
}

.header_infos .right_user .user_vip[data-v-11ce545e] {
    display: flex;
    justify-content: center;
    align-items: center
}

.header_infos .right_user>p[data-v-11ce545e] {
    color: #018fff;
    font-weight: 500;
    font-size: 14px
}

.header_infos .right_user>p .svg-icon[data-v-11ce545e] {
    margin-right: 5px
}

.header_infos a[data-v-11ce545e] {
    font-size: 14px;
    color: hsla(0,0%,100%,.75);
    text-decoration: none;
    cursor: pointer
}

.header_infos ul[data-v-11ce545e] {
    display: flex;
    flex-direction: column;
    background: #262833;
    padding-bottom: 5px
}

.header_infos ul li[data-v-11ce545e] {
    cursor: pointer;
    height: 40px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header_infos ul li .left_box[data-v-11ce545e] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.header_infos ul li span[data-v-11ce545e] {
    font-size: 14px;
    color: hsla(0,0%,100%,.75);
    line-height: 40px;
    font-weight: 400;
    margin-left: 10px
}

.header_infos ul li .svg-icon[data-v-11ce545e] {
    width: 24px;
    height: 24px
}

.header_infos ul li .iconfont[data-v-11ce545e] {
    font-size: 22px;
    color: grey
}

.header_infos ul li .iconfont.icon-guanbi[data-v-11ce545e]:before {
    content: ""
}

.header_infos ul li .dot[data-v-11ce545e] {
    margin-right: 16px
}

.header_infos ul li[data-v-11ce545e]:hover {
    background: #313440
}

.header_infos ul li:hover span[data-v-11ce545e] {
    color: #018fff
}

.float_dropdown[data-v-11ce545e] {
    top: 55px!important;
    padding: 0
}

.app-page .el-popper[x-placement^=bottom][data-v-11ce545e] {
    margin-top: 20px!important
}

.dot[data-v-11ce545e],.dot_img[data-v-11ce545e] {
    width: 6px;
    height: 6px;
    border-radius: 100px;
    background: #f53f55;
    margin-left: 6px
}

.dot.dot_img[data-v-11ce545e],.dot_img.dot_img[data-v-11ce545e] {
    position: absolute;
    right: 3px;
    bottom: 4.5px
}

.task_dot[data-v-11ce545e] {
    width: -moz-max-content;
    width: max-content;
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    transform: scale(.8);
    font-size: 12px;
    line-height: 19px!important;
    text-align: center;
    color: hsla(0,0%,100%,.75)!important
}

.new_come[data-v-11ce545e] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: #f53f55;
    margin-left: 6px;
    margin-right: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 100
}

.font-family-dinbold {
    font-family: dinbold,sans-serif,serif
}

.temp-border {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom {
    position: relative
}

.temp-border.top-bottom .el-form-item__label {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow {
    color: #ffc378
}

.font-blue {
    color: #7cacff
}

.font-green {
    color: #45c9a5
}

.font-orange {
    color: #eb6060
}

.font-yellow2 {
    color: #f5c71d
}

.font-vs {
    color: #d69c75
}

.mb-0 {
    margin-bottom: 0
}

.mt-20 {
    margin-top: 20px
}

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

.pointer {
    cursor: pointer
}

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

.active-btn {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div {
    padding-top: 5px
}

.cell-border>div small {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a {
    color: #018fff
}

.font-linear {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn:after,.anim-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn:hover:after,.anim-btn:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image {
    border-radius: 4.8px
}

.anim-game-warp .overlay {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine .5s 1
}

@keyframes gelatine {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow {
    font-weight: 700!important
}

.btnYellow,.btnYellow:focus,.btnYellow:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    color: transparent!important
}

.colorYellow,.moneyColor {
    -webkit-text-fill-color: transparent
}

.moneyColor {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text
}

.new_child_tab_wrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active {
    font-weight: 700
}

.flexStart {
    justify-content: flex-start
}

.flexSpace,.flexStart {
    display: flex;
    align-items: center
}

.flexSpace {
    justify-content: space-between
}

.input-item {
    margin-bottom: 24px
}

.float_dropdown.el-dropdown-menu {
    margin-bottom: 0;
    box-shadow: 0 0 60px 0 rgba(0,0,0,.4)
}

.font-family-dinbold[data-v-72064617] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-72064617] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-72064617] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-72064617] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-72064617] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-72064617 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-72064617] {
    color: #ffc378
}

.font-blue[data-v-72064617] {
    color: #7cacff
}

.font-green[data-v-72064617] {
    color: #45c9a5
}

.font-orange[data-v-72064617] {
    color: #eb6060
}

.font-yellow2[data-v-72064617] {
    color: #f5c71d
}

.font-vs[data-v-72064617] {
    color: #d69c75
}

.mb-0[data-v-72064617] {
    margin-bottom: 0
}

.mt-20[data-v-72064617] {
    margin-top: 20px
}

.overflow[data-v-72064617] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-72064617] {
    cursor: pointer
}

.flex-between[data-v-72064617] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-72064617] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-72064617] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-72064617] {
    padding-top: 5px
}

.cell-border>div small[data-v-72064617] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-72064617] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-72064617] {
    color: #018fff
}

.font-linear[data-v-72064617] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-72064617] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-72064617] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-72064617]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-72064617]:after,.anim-btn[data-v-72064617]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-72064617]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-72064617]:hover:after,.anim-btn[data-v-72064617]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-72064617] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-72064617] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-72064617] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-72064617] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-72064617] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-72064617] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-72064617]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-72064617] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-72064617] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-72064617]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-72064617 .5s 1
}

@keyframes gelatine-72064617 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-72064617] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-72064617] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-72064617]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-72064617] {
    font-weight: 700!important
}

.btnYellow[data-v-72064617],.btnYellow[data-v-72064617]:focus,.btnYellow[data-v-72064617]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-72064617] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-72064617] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-72064617] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-72064617] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-72064617] {
    font-weight: 700
}

.flexStart[data-v-72064617] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-72064617] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-72064617] {
    margin-bottom: 24px
}

.logo-container[data-v-72064617] {
    display: flex;
    height: 100%;
    max-height: 44px
}

.logo-container .left[data-v-72064617],.logo-container .right[data-v-72064617] {
    flex: 1;
    position: relative;
    cursor: pointer
}

.logo-container .left[data-v-72064617] {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.logo-container .left .logo-main[data-v-72064617] {
    height: 44px;
    width: auto;
    margin-right: 8px
}

.logo-container .left .logo-line[data-v-72064617] {
    height: 44px
}

.logo-container .right[data-v-72064617] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.logo-container .right .slide[data-v-72064617] {
    margin-left: 10px;
    position: absolute;
    height: 40px;
    width: auto;
    opacity: 0;
    z-index: 0;
    transform: translateX(40px);
    animation: slideShow-72064617 10.4s infinite
}

.logo-container .right .slide[data-v-72064617]:first-child {
    animation-delay: 0s
}

.logo-container .right .slide[data-v-72064617]:nth-child(2) {
    animation-delay: 2.6s
}

.logo-container .right .slide[data-v-72064617]:nth-child(3) {
    animation-delay: 5.2s
}

.logo-container .right .slide[data-v-72064617]:nth-child(4) {
    animation-delay: 7.8s
}

@keyframes slideShow-72064617 {
    0%,20% {
        opacity: 0;
        z-index: 0;
        pointer-events: none;
        transform: translateX(40px);
        animation-timing-function: cubic-bezier(.17,.89,.32,1.27)
    }

    25%,45% {
        pointer-events: auto;
        z-index: 1;
        opacity: 1;
        transform: translateX(0);
        animation-timing-function: cubic-bezier(.17,.89,.32,1.27)
    }

    50%,to {
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateX(40px)
    }
}

.logo-container.in-mid[data-v-72064617] {
    width: 100%;
    margin-left: 0
}

.font-family-dinbold[data-v-b1b17d8c] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-b1b17d8c] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-b1b17d8c] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-b1b17d8c] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-b1b17d8c] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-b1b17d8c {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-b1b17d8c] {
    color: #ffc378
}

.font-blue[data-v-b1b17d8c] {
    color: #7cacff
}

.font-green[data-v-b1b17d8c] {
    color: #45c9a5
}

.font-orange[data-v-b1b17d8c] {
    color: #eb6060
}

.font-yellow2[data-v-b1b17d8c] {
    color: #f5c71d
}

.font-vs[data-v-b1b17d8c] {
    color: #d69c75
}

.mb-0[data-v-b1b17d8c] {
    margin-bottom: 0
}

.mt-20[data-v-b1b17d8c] {
    margin-top: 20px
}

.overflow[data-v-b1b17d8c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-b1b17d8c] {
    cursor: pointer
}

.flex-between[data-v-b1b17d8c] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-b1b17d8c] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-b1b17d8c] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-b1b17d8c] {
    padding-top: 5px
}

.cell-border>div small[data-v-b1b17d8c] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-b1b17d8c] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-b1b17d8c] {
    color: #018fff
}

.font-linear[data-v-b1b17d8c] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-b1b17d8c] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-b1b17d8c] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-b1b17d8c]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-b1b17d8c]:after,.anim-btn[data-v-b1b17d8c]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-b1b17d8c]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-b1b17d8c]:hover:after,.anim-btn[data-v-b1b17d8c]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-b1b17d8c] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-b1b17d8c] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-b1b17d8c] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-b1b17d8c] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-b1b17d8c] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-b1b17d8c] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-b1b17d8c]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-b1b17d8c] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-b1b17d8c] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-b1b17d8c]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-b1b17d8c .5s 1
}

@keyframes gelatine-b1b17d8c {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-b1b17d8c] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-b1b17d8c] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-b1b17d8c]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-b1b17d8c] {
    font-weight: 700!important
}

.btnYellow[data-v-b1b17d8c],.btnYellow[data-v-b1b17d8c]:focus,.btnYellow[data-v-b1b17d8c]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-b1b17d8c] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-b1b17d8c] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-b1b17d8c] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-b1b17d8c] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-b1b17d8c] {
    font-weight: 700
}

.flexStart[data-v-b1b17d8c] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-b1b17d8c] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-b1b17d8c] {
    margin-bottom: 24px
}

.app-header[data-v-b1b17d8c] {
    height: 72px;
    min-width: 960px;
    align-items: center
}

.app-header .right_nav[data-v-b1b17d8c] {
    margin-left: auto;
    display: flex;
    white-space: nowrap;
    gap: 9px;
    text-align: center
}

.app-header .right_nav li[data-v-b1b17d8c] {
    width: 48px;
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #c5ddf0;
    text-align: center;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.app-header .right_nav li.VIP[data-v-b1b17d8c] {
    border-radius: 8px;
    background: rgba(246,205,87,.15);
    color: #ffe582;
    font-family: DingTalk JinBuTi
}

.app-header .right_nav li[data-v-b1b17d8c]:not(.app-header .right_nav li.VIP):hover {
    color: #f3b867
}

.app-header .right_nav li .label[data-v-b1b17d8c] {
    height: 16px;
    line-height: 16px;
    display: flex;
    align-items: center
}

.app-header .right_nav li .label img[data-v-b1b17d8c] {
    height: 10px
}

.app-header .right_nav li .label img.club[data-v-b1b17d8c] {
    height: 12px
}

.app-header .right_nav li .iconfont[data-v-b1b17d8c] {
    width: 32px;
    height: 32px;
    position: relative
}

.app-header .right_nav li .iconfont .svg-icon[data-v-b1b17d8c] {
    font-size: 32px
}

.app-header .right_nav li .iconfont img[data-v-b1b17d8c] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.app-header .logo-box[data-v-b1b17d8c] {
    display: flex;
    align-items: flex-end;
    align-items: center;
    z-index: 2;
    position: relative
}

.app-header .logo-box .imgs[data-v-b1b17d8c] {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.app-header .logo-box .imgs img.main[data-v-b1b17d8c] {
    height: 44px;
    cursor: pointer
}

.app-header .logo-box .imgs img.logo-line[data-v-b1b17d8c] {
    height: 32px;
    margin: 0 12px
}

.app-header .logo-box .imgs .units[data-v-b1b17d8c] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 170px;
    height: 60px
}

.app-header .logo-box .imgs .units .aniImages[data-v-b1b17d8c] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.app-header .logo-box .imgs .units .aniImages img.logo-right-1[data-v-b1b17d8c] {
    height: 32px;
    width: auto
}

.app-header .logo-box .imgs .units .aniImages img.logo-right-2[data-v-b1b17d8c],.app-header .logo-box .imgs .units .aniImages img.logo-right-3[data-v-b1b17d8c] {
    height: 44px;
    width: auto
}

.app-header .logo-box .imgs .units .aniImages img.logo-right-4[data-v-b1b17d8c] {
    height: 32px;
    width: auto
}

.app-header .logo-box .imgs .units .aniImages img.pointer[data-v-b1b17d8c] {
    cursor: pointer
}

@keyframes swipe-b1b17d8c {
    0% {
        left: 170px;
        opacity: 0
    }

    8% {
        left: 30px;
        opacity: 0
    }

    15% {
        left: 0;
        opacity: 1
    }

    80% {
        left: 0;
        opacity: 1
    }

    95% {
        left: 30px;
        opacity: 0
    }

    to {
        left: 170px;
        opacity: 0
    }
}

.app-header .logo-box .imgs .units .aniImages img[data-v-b1b17d8c] {
    position: absolute;
    left: 170px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%)
}

.app-header .logo-box .imgs .units .aniImages img.swipe[data-v-b1b17d8c] {
    animation: swipe-b1b17d8c 3s linear
}

.app-header .logo-box .imgs .units img[data-v-b1b17d8c] {
    height: 48px
}

.app-header .logo-box .goback[data-v-b1b17d8c] {
    margin-left: 20px;
    min-width: 140px
}

.app-header .logo-box .brand-head[data-v-b1b17d8c] {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 44px;
    position: relative
}

.app-header .logo-box .brand-head p[data-v-b1b17d8c] {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: hsla(0,0%,100%,.9);
    line-height: 22px;
    font-weight: 600;
    display: block
}

.app-header .logo-box .brand-head span[data-v-b1b17d8c] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: hsla(0,0%,100%,.9);
    line-height: 18px;
    font-weight: 400
}

.app-header .logo-box .brand-head[data-v-b1b17d8c]:before {
    content: "";
    width: 28px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 4px;
    background: url(../../../cdn/tus5r4v1F/img/roma_head.67a3d576.png) no-repeat 50%;
    background-size: 100%
}

.app-header .logo-box .line[data-v-b1b17d8c] {
    display: inline-block;
    width: 1px;
    height: 30px;
    background: hsla(0,0%,100%,.1);
    margin: 0 15px
}

.app-header .logo-box .logo_img[data-v-b1b17d8c] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 204px;
    cursor: pointer
}

.app-header .logo-box .fiba_img[data-v-b1b17d8c] {
    width: 150px;
    height: 100%;
    position: absolute;
    left: 210px;
    top: 0;
    cursor: pointer
}

.app-header .logo-box .spokes_person_img[data-v-b1b17d8c] {
    position: absolute;
    width: 160px;
    height: 100%;
    left: 360px;
    top: 0;
    cursor: pointer
}

.app-header .user_info_box[data-v-b1b17d8c] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.app-header .user_info_box .lang-box[data-v-b1b17d8c] {
    width: auto;
    text-align: center;
    margin-left: 24px
}

.app-header .user_info_box .avatar[data-v-b1b17d8c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer
}

.app-header .user_info_box .avatar-box[data-v-b1b17d8c] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
    position: relative
}

.app-header .user_info_box .avatar-box img[data-v-b1b17d8c]:first-child {
    width: 100%;
    height: 100%
}

.app-header .user_info_box .avatar-box img[data-v-b1b17d8c]:nth-child(2) {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.app-header .user_info_box .wallet_tips[data-v-b1b17d8c] {
    position: absolute;
    left: 22px;
    top: 44px;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: contain;
    width: 136px;
    height: 41px;
    color: var(--White-W-80,hsla(0,0%,100%,.8));
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    text-align: center
}

.app-header .btn_group[data-v-b1b17d8c] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 12px 0 24px
}

.app-header .btn_group .el-button[data-v-b1b17d8c] {
    width: 112px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin: 0
}

.app-header .btn_group .el-button[data-v-b1b17d8c]>span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.app-header .btn_group .el-button.login[data-v-b1b17d8c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAMAAAA/pq9xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMAUExURUxpcfXYrnmZf/G6dfnSl/3x3S1yZ/316+mwafLevouqj+e9fnyLb/3t09yYSfvu2PG6b46afYCfhui7evjt2GSRfvPPm/rmy/voy9qfVuyrhf/rw//67OGbhN+fTf337Pz269/Po/LIpv/25nKOdeetY26GbWiYhtubTZuohv305fLRo/HFh/fiwf3z5PfWpd9+YOWxbvHUpPrmyNugVd+mX/zsz++7k6ing+u2cv3w2f3y3e3PnvLPnfLespawlf316XaZgFGFcuChU26eihuLf+OkWfSyafbUnui3dvzs0vbPl/zu2ezTsfzw3+BYQ/TJi+yymvvesdJQQcMZDcY7LvTJrNHAlfDBf//v3ffYv8CvfPfcs841J9ZNPdicUfLQnc4oGO7IkISiiru1hp+ed6G5nNjQttXMsYmmh2SJb9PDjV2klbqyhf/68MnOtMu9h9iRQfrq0O7Dio6ggucuGc4fEcseEMgcD9EhEtQjE8QaDsEYDdYkFNkmFb4WDNwnFbsUC94pFrcSCrQQCbEPCOAqF64NB+IrF6sLBqgKBeQsGKUIBKIHBOYtGaAFA54EAuGmcpwDAeWukpoCAQJsawNxbgh6dPzdrBCIffznxgZ1cQl+d/vfs+JvSxh1cQNuaxGCeQRoaPnpzRWOgvrkwOzGlCKEeA16dYKjjehYOPzt1eVFJe++muQ8IvbZrHCVf64mHS57cThrYMFIPUyQfjiOgkGHeAtubfvXncpVRNZ5V9QsGfzkuuaUcNZvOt+OXfbbvaGafOg0HhBkYrAvHyxqXVaKeVCUhSd+bx1rZl+Zh05zYEGYij5/ePCHb+VJM/LXs+u4jem3hui5fPbOkyN0cthfNbobEtBiTbIbE9+Ib7ZFN+p1Vj13auKueP7158aVfcBgTrKqhujEj58KBt1ZLXyrlpOPcWl8YcBSRWKHcUp7bPHAlLMTC6oPCcMfEuzQqKQTDdxpOLy2i+rcteNeOO25c8A8NKYSDYCXfKUXDMvTt8BpSsm9jOmSeMReNhAAAADIdFJOUwAO/gP+/v7++Af2cP3mLiws/v1iXP7+Ikeg/Rkj9xL79oT/OPv4/Pvu14A9/KH+jPvta7uE6tPxzLjq1zKsXf2b7/49/f74Rt7c3t6sUsHyfN3Z0/bo8ZjUZNK07c2xatT3xfK01cyFjeP33fi9/dunxvWz+f/////////////////////////////////////////////////////////////////////////////////////////////////////////////+zXwCZgAAA01JREFUeNq11mVUU2EYwPFnY5suqBEKKCFIWNhdKHZ3d7d+mN0iYmDf3XsXrNhGMzqlR4NgYOexxe487jjw6AA/7O7+znnP+/F/nvf98kADg11dXZoZzcV1sCXT3da2FfzPuE53FW8u3jllnDsPcu+u31BUUrJ6JROa1M5FcSEkime0mEc532WhOowVTTfo1bfyeUTk36rA8Yq1w3A/J2icJV0QQSxxI+/rMLzCn8GSpdg28WDdIs/zCMmKF4lkIq5MxhJ5efZu9PfbK3J5xISjaHFZmIc6TBjGQqW9G5mlVUeigxwvE2pqE7gF1sVJrBoULXQzrLQc34leXcUjJg/h2JVY85GE26lCncJlbgO7zmgJdShj6QJVTsRxgiLCS8vthvD1EASRFyR4zLECvRajFaqQmKPERWW8T0CkcrlUilS+H7TEZym7PgGW5sqsmCDT+Mitic+zjq8pynmnotvCH5TRgqxAk4kKCYnRnYigwEcqujvU66iIDtxPhuzcfmb1H6JUVu0lxf5TkbNAz1fguJskV2J76hvMuYIJu0iSeSnS8nejm9JxO2mu2PdrAeDUU+mYuY082bF93WGAoFfmZjJli81hwYO+87eQaNF08QCA7irzeVvJ00u8mAkADuLZU3eQpfO5hRTQYXYRTNlJktf24v7wmwM2aQ9JrmGTQc/ikmDaPlJcfYF1hToOsdMPkKIzNtIM6jj3ONc6ICDxWvrVAJNKx+zbwx8Wusq9JHX8k88HTedlhvgyG/5i4f1BHYrjeN71QyZyMD0a62AD/+g/CMcfh4emJB42ies32ohpo6wM9iE/NZ5UHJ6cfC/xiAm8upDWoUt3CvxrOSqTSbhFyY8l5fePEaeljRnKBAMDWahIJJIMeU71TH7yJZiwjDRfMOR2m69bXlEUtUspS6I+C45LfBZ3ggAtjeYEhlalcj39PThqIUPDqNSUc54ySp/eP2m0txdpE6EBnwIqYo3IqVJ+4fNaqZDPl3hROTdPG0n7Im0mNGTjxUhZw+CUSpFUiRxB5Jof3x5qtWeN8fBma+xyH2dohIXNCOd1lakSu41sHw31J9bmjJGiYzHapz4UaIrZCLaNle4ausl7eNvmxmo73JttBgZ+AXENrOunWkoEAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.app-header .btn_group .el-button.register[data-v-b1b17d8c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAMAAAA/pq9xAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAMAUExURUxpcdyqZP/klOGeTvjRlv/15vHLm/j37umwaYGiiOrAgvzt1P3z4tjDlf/z2py1l/vu2Pz263mOcvTWqfXRm+y6c+KqZNqfVvbKipO1peGuaf725v726dvRq+KnW72ygvnr142pjf/25vft0XqagJ+lgHSIb/j58Blxbf305fHFh/rr1ffiwey8eimLhvzq0KnErvLevdivctfYvb/Hpvzsz+3Vpaing+3Pnv3w2eu2cv3y3Yevj1OjlYCslYWmjWmIbo2niGeYh/v16U+Gcz+IdCptas6/jmx/ZPSyaV+QfuetY+OkWeS3dduaS/vXoPjXpuKqY/TJi7rMt/vesf/w30eXjwR7e/LUquXhyvfcs/HOndSXST2akvPQnf3rz+7IkBGFgdudUpaSXeLKnQBjZqG5nNXMsQd8dXWWfY6XeNPDjSp2af/68MnOtNiRQQWCgAWAfgR9fAWEgQWHgwR7ewaJhAR4eQaLhgR2eANxdQaOhwN0dgaQiQNvcwNtcgaSigNrcAJpbweUjAJnbgJlbQeWjQJjaweYjweakAeckQiekgigkwJiagihlQijlgFgaQiklgFfaMS2gr/FrAFdZwNxbgh5dBGEe/3oxgJtaxWOg/zerAFragV1cfvkvgx9dxGKgPvs0/3x3PzgtCB1dFKTiDuXhQlua0uPg/jlyGiojebKmy13c/vXoG+bhneWfHynki9qXTaPgffesgd+eGuUeRd4cjRyaD+CeyGZivTRm+3atYqhgnrCrfHWrJCtklSgg+zIlHmjiCalk9nTsjuMjF2ZdSCFemCZhs3QsRCllzN9bT9yZhNzdRZkXxBrb06NeGCShiSBbkuYjWeaiEt0YQ1mZwVqaytwYjuhkdjLoAp4duu6d3avlcO8kDx8dX6abK24l6yseRiHf1ycj4WcgOjEj/TfvUyHfSd/d8m7iXmbgxxoaMPIrUh9bWCDa0aumdziywqSinGsh9+6ggyTilaKe4eRYRB3e4PDp2OKd2qKctK4g12+qgeKg0HtXnYAAAD4dFJOUwAHAS7+Bw7++P5r4f76G/4s9/w/2xbqoCb5YSP+gzm3Y/U4WPfW+/3+gPzCodjbsPpN+PH502TMMuq41/z1+/X43vmb/v79oP1G/fj4dfOHbn583dlI0/aR0u2tirGq68X35P2I/syN/u353fz928b////////////////////////////////////////////////////////////////////+///////////+//////////////////////////////////////////////////////////////////////////////////7////////////////+Ne/cIAAAA0pJREFUeNq10WVTGwEUheEbEtImQIHgXqyl7i5QN6i7u7sr1N0lu9l4iCMJ7u5OcUrd3d2mDNIp1g/Z7PMH3rnnQhMjjI2NW2mqfXvjEUa6Tm2dbeA/dHro24oSDF5c0cyvJ09tN2y8XlzssUoXWtTBVmnwMfWSxlIzHmSj7GqVdi039GNv51zAI+d3iRCVDWEL17SB5hn5Kt+dxyMnnvbyISpTrXdERzm3MFgnUfxZXL7nhoUJwmgo6h423KNfs983Ub4/g08QgpQ8EoRnIkjEYETer5lbbDqL4k/jk8UrfROcUv5YqnCUIEiwXePKjE76vrGpp/BJ5DKKnscx5ZF5cl61YNflffuOMYE61G6+Sv8HN07ilBT0qmz8SGYtjIutKMhr52BZv5SeyD8l+jh+Mtr9YC7G5WIYdvdOorurA70+AUZ6SsPoI9qRlCIJiKMFSL4Mvpfs2xb+olY3DmqNzM8vOsTPL+nzwYxkfSeo15mV/eEAEe49HaQDtSz5/Bv7CMHuKaofbDar+26CZCT0gRq6c1lDdhJE+ElkVNPoxu+9nTDhMYNsANr04d9hbyPO14QBTjCPZfBwM5GWhS4C6ycDFmwh0JJe4oUA85P1um4lTm/xYhIAWITOmbWDKEPFplSoRurJmrmLIAJ/cX+oYcGZtocgWZzpUIt8i9V1PyFuVnEmQx2LwF57CZHIMSVBHTNzvpW3d/qjkm/eWiXlxJjAX2Rzfner68W5j9N9tMc7SEyhwz/IS2Mz2UIhSss/pCU+0jROR2tooL8hKrwdJByVflgr8q3SxJQu9tBAD5dMVCGlyUIMFUe14HBVYEfzKVRoaOVqFI2gfQkZGlFWegy/AIqpPQkacXZEBAKB28gfL3+GqAtP4BYXOAkas8tlCng3EQQJj8pSqKXHJIoiyTkcAmIoZtDYMDnNQ8VgPOdFqiKjwssYbysLxhZd1FihAWUqNI0UuFSsrSh3wZiVb99gPCYzolTV7tllDd2tCuyiA01YDx/9bN1ohhuGyfO5XG6FSv2qPC/ymibORd3nUAaaQTPI9HFUh6hCt/FjvFzV6hehaa+vauR1diiHcmsgFVpCGkenkwF07DdN9JzQWlMTPCd6NdnqD0/9rgJsyCXTAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
}

.app-header .btn_group .el-button img[data-v-b1b17d8c] {
    height: 26px
}

.app-header .btn_group .el-button .tips[data-v-b1b17d8c] {
    display: flex;
    height: 18px;
    padding: 0 4px;
    align-items: center;
    border-radius: 4px 4px 8px 8px;
    background: linear-gradient(90deg,#ffe259,#ffa751);
    color: #713304;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%)
}

.app-header .btn_group .active-btn[data-v-b1b17d8c] {
    border-radius: 24px;
    background: hsla(0,0%,100%,.0470588235);
    color: #f3b867;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    text-align: center
}

.app-header .btn_group .active-btn[data-v-b1b17d8c]:after {
    content: "";
    position: absolute;
    border: 1px solid #f3b867;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 100px
}

.app-header .btn_group .active-btn[data-v-b1b17d8c]:hover {
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px
}

.app-header .btn_group .auth_btn[data-v-b1b17d8c] {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    border-radius: 24px;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    color: #633100;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    text-align: center
}

.app-header .btn_group .auth_btn.el-button--default[data-v-b1b17d8c] {
    background: #262833;
    padding: 0 10px
}

.app-header .btn_group .auth_btn[data-v-b1b17d8c]:hover {
    padding: 0 10px;
    line-height: 40px;
    font-size: 14px
}

.app-header .btn_group .new_year_login[data-v-b1b17d8c],.app-header .btn_group .new_year_reg[data-v-b1b17d8c] {
    height: 40px;
    width: 97px;
    background-size: 100%!important;
    border-radius: 0;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fed0ba
}

.app-header .btn_group .new_year_login[data-v-b1b17d8c] {
    background: url(../../../cdn/tus5r4v1F/img/newYear_login.08a697fa.png) 50% no-repeat
}

.app-header .btn_group .new_year_login[data-v-b1b17d8c]:after {
    border: 0
}

.app-header .btn_group .new_year_reg[data-v-b1b17d8c] {
    background: url(../../../cdn/tus5r4v1F/img/newYear_reg.ebef8b2c.png) 50% no-repeat;
    margin-right: 17px
}

.font-family-dinbold[data-v-fe905e20] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-fe905e20] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-fe905e20] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-fe905e20] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-fe905e20] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-fe905e20 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-fe905e20] {
    color: #ffc378
}

.font-blue[data-v-fe905e20] {
    color: #7cacff
}

.font-green[data-v-fe905e20] {
    color: #45c9a5
}

.font-orange[data-v-fe905e20] {
    color: #eb6060
}

.font-yellow2[data-v-fe905e20] {
    color: #f5c71d
}

.font-vs[data-v-fe905e20] {
    color: #d69c75
}

.mb-0[data-v-fe905e20] {
    margin-bottom: 0
}

.mt-20[data-v-fe905e20] {
    margin-top: 20px
}

.overflow[data-v-fe905e20] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-fe905e20] {
    cursor: pointer
}

.flex-between[data-v-fe905e20] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-fe905e20] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-fe905e20] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-fe905e20] {
    padding-top: 5px
}

.cell-border>div small[data-v-fe905e20] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-fe905e20] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-fe905e20] {
    color: #018fff
}

.font-linear[data-v-fe905e20] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-fe905e20] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-fe905e20] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-fe905e20]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-fe905e20]:after,.anim-btn[data-v-fe905e20]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-fe905e20]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-fe905e20]:hover:after,.anim-btn[data-v-fe905e20]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-fe905e20] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-fe905e20] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-fe905e20] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-fe905e20] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-fe905e20] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-fe905e20] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-fe905e20]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-fe905e20] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-fe905e20] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-fe905e20]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-fe905e20 .5s 1
}

@keyframes gelatine-fe905e20 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-fe905e20] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-fe905e20] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-fe905e20]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-fe905e20] {
    font-weight: 700!important
}

.btnYellow[data-v-fe905e20],.btnYellow[data-v-fe905e20]:focus,.btnYellow[data-v-fe905e20]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-fe905e20] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-fe905e20] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-fe905e20] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-fe905e20] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-fe905e20] {
    font-weight: 700
}

.flexStart[data-v-fe905e20] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-fe905e20] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-fe905e20] {
    margin-bottom: 24px
}

.footer_wrap[data-v-fe905e20] {
    width: 100%;
    background: #14161c;
    padding: 32px 0 16px
}

.cursor[data-v-fe905e20] {
    cursor: pointer
}

.footer-box[data-v-fe905e20] {
    width: 1424px;
    margin: 0 auto;
    display: flex
}

.footer-box>div[data-v-fe905e20] {
    flex: 1;
    display: grid;
    gap: 16px
}

.footer-box .title[data-v-fe905e20] {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%
}

.footer-box .bottom-box[data-v-fe905e20] {
    display: flex;
    height: 40px;
    gap: 24px;
    align-items: center
}

.footer-box .connect img[data-v-fe905e20] {
    width: 30px
}

.footer-box .text[data-v-fe905e20] {
    color: #858ca6;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    white-space: nowrap
}

.footer-box .text img[data-v-fe905e20],.footer-box .text span[data-v-fe905e20] {
    cursor: pointer
}

.bottom[data-v-fe905e20] {
    margin: 32px 0 0;
    color: #5f6888;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

.font-family-dinbold[data-v-dc0c8296] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-dc0c8296] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-dc0c8296] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-dc0c8296] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-dc0c8296] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-dc0c8296 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-dc0c8296] {
    color: #ffc378
}

.font-blue[data-v-dc0c8296] {
    color: #7cacff
}

.font-green[data-v-dc0c8296] {
    color: #45c9a5
}

.font-orange[data-v-dc0c8296] {
    color: #eb6060
}

.font-yellow2[data-v-dc0c8296] {
    color: #f5c71d
}

.font-vs[data-v-dc0c8296] {
    color: #d69c75
}

.mb-0[data-v-dc0c8296] {
    margin-bottom: 0
}

.mt-20[data-v-dc0c8296] {
    margin-top: 20px
}

.overflow[data-v-dc0c8296] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-dc0c8296] {
    cursor: pointer
}

.flex-between[data-v-dc0c8296] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-dc0c8296] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-dc0c8296] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-dc0c8296] {
    padding-top: 5px
}

.cell-border>div small[data-v-dc0c8296] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-dc0c8296] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-dc0c8296] {
    color: #018fff
}

.font-linear[data-v-dc0c8296] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-dc0c8296] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-dc0c8296] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-dc0c8296]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-dc0c8296]:after,.anim-btn[data-v-dc0c8296]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-dc0c8296]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-dc0c8296]:hover:after,.anim-btn[data-v-dc0c8296]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-dc0c8296] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-dc0c8296] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-dc0c8296] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-dc0c8296] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-dc0c8296] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-dc0c8296] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-dc0c8296]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-dc0c8296] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-dc0c8296] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-dc0c8296]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-dc0c8296 .5s 1
}

@keyframes gelatine-dc0c8296 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-dc0c8296] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-dc0c8296] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-dc0c8296]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-dc0c8296] {
    font-weight: 700!important
}

.btnYellow[data-v-dc0c8296],.btnYellow[data-v-dc0c8296]:focus,.btnYellow[data-v-dc0c8296]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-dc0c8296] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-dc0c8296] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-dc0c8296] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-dc0c8296] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-dc0c8296] {
    font-weight: 700
}

.flexStart[data-v-dc0c8296] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-dc0c8296] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-dc0c8296] {
    margin-bottom: 24px
}

@keyframes headShake-dc0c8296 {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-16px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(15px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-13px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(12px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.animate__headShake[data-v-dc0c8296] {
    animation-timing-function: ease-in-out;
    animation-name: headShake-dc0c8296
}

.routers-list[data-v-dc0c8296] {
    width: 1424px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    line-height: 48px
}

.routers-list.new_year_wrapper .iconfont[data-v-dc0c8296],.routers-list.world_cup_wrapper .iconfont[data-v-dc0c8296] {
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.routers-list .box_wrap[data-v-dc0c8296] {
    width: 100%;
    position: relative
}

.routers-list .box_wrap .aa-line[data-v-dc0c8296] {
    bottom: 0;
    position: absolute;
    height: 3px;
    width: 50px;
    transition: all .25s linear;
    animation-duration: 1.5s
}

.routers-list .box_wrap .aa-line img[data-v-dc0c8296] {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.routers-list .left_box[data-v-dc0c8296] {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.routers-list .left_box li[data-v-dc0c8296]:first-child {
    justify-content: normal;
    margin-right: 8px;
    gap: 0
}

.routers-list .left_box li[data-v-dc0c8296]:first-child:after,.routers-list .left_box li[data-v-dc0c8296]:first-child:before {
    content: "";
    flex-grow: 1
}

.routers-list .left_box li[data-v-dc0c8296]:first-child:before {
    flex-basis: 36px
}

.routers-list .left_box li[data-v-dc0c8296]:first-child:after {
    flex-basis: 44px
}

.routers-list .left_box li:first-child span[data-v-dc0c8296] {
    margin-left: 8px
}

.routers-list .left_box li[data-v-dc0c8296]:nth-child(2) {
    margin-right: 22px
}

.routers-list .right_box li[data-v-dc0c8296]:last-child {
    padding-right: 0
}

.routers-list .right_box li[data-v-dc0c8296]:last-of-type {
    padding-right: 0;
    margin-right: 8px
}

.routers-list ul[data-v-dc0c8296] {
    margin: 0;
    display: flex;
    cursor: pointer
}

.routers-list ul li[data-v-dc0c8296] {
    width: 152px;
    white-space: nowrap;
    height: 48px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-right: 32px;
    color: #c5ddf0;
    font-size: 16px;
    font-weight: 400;
    transition: all .25s linear
}

.routers-list ul li[data-v-dc0c8296]:last-child {
    margin-right: 0
}

.routers-list ul li .iconfont[data-v-dc0c8296] {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    flex-shrink: 0
}

.routers-list ul li.active[data-v-dc0c8296],.routers-list ul li[data-v-dc0c8296]:hover {
    font-size: 20px;
    font-weight: 600;
    background: linear-gradient(180deg,#fff9f0,#f3b867 101.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.routers-list .hoticon[data-v-dc0c8296] {
    width: 46px;
    height: 20px;
    position: relative;
    top: 14px;
    cursor: pointer
}

.font-family-dinbold[data-v-e85eab88] {
    font-family: dinbold,sans-serif,serif
}

.temp-border[data-v-e85eab88] {
    height: 64px;
    line-height: 64px;
    background: #1f222e;
    padding-left: 15px
}

.temp-border.top-bottom[data-v-e85eab88] {
    position: relative
}

.temp-border.top-bottom .el-form-item__label[data-v-e85eab88] {
    position: absolute;
    top: 0;
    height: 14px!important;
    line-height: 14px!important;
    font-size: 12px!important;
    margin-top: 10px;
    color: hsla(0,0%,100%,.4)!important;
    font-weight: 400
}

.temp-border.top-bottom .el-form-item__content[data-v-e85eab88] {
    position: absolute;
    bottom: 0;
    width: 30em!important
}

@keyframes goldMove-e85eab88 {
    0% {
        top: 0
    }

    to {
        top: 100%
    }
}

.font-yellow[data-v-e85eab88] {
    color: #ffc378
}

.font-blue[data-v-e85eab88] {
    color: #7cacff
}

.font-green[data-v-e85eab88] {
    color: #45c9a5
}

.font-orange[data-v-e85eab88] {
    color: #eb6060
}

.font-yellow2[data-v-e85eab88] {
    color: #f5c71d
}

.font-vs[data-v-e85eab88] {
    color: #d69c75
}

.mb-0[data-v-e85eab88] {
    margin-bottom: 0
}

.mt-20[data-v-e85eab88] {
    margin-top: 20px
}

.overflow[data-v-e85eab88] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pointer[data-v-e85eab88] {
    cursor: pointer
}

.flex-between[data-v-e85eab88] {
    display: flex;
    justify-content: space-between
}

.active-btn[data-v-e85eab88] {
    -webkit-background: linear-gradient(90deg,#d69c75,#e3b78e);
    background: linear-gradient(90deg,#d69c75,#e3b78e);
    height: 40px;
    line-height: 40px
}

.cell-border[data-v-e85eab88] {
    height: 64px;
    background: #1f222e;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.cell-border>div[data-v-e85eab88] {
    padding-top: 5px
}

.cell-border>div small[data-v-e85eab88] {
    line-height: 18px;
    font-size: 12px;
    color: hsla(0,0%,100%,.4)
}

.cell-border>div p[data-v-e85eab88] {
    line-height: 40px;
    font-size: 16px;
    color: hsla(0,0%,100%,.4)
}

.cell-border a[data-v-e85eab88] {
    color: #018fff
}

.font-linear[data-v-e85eab88] {
    background: linear-gradient(90deg,#02c2ff,#018fff);
    background: -ms-linear-gradient(top,#02c2ff 0,#018fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent!important
}

.gray-scale[data-v-e85eab88] {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.anim-btn[data-v-e85eab88] {
    position: relative;
    padding: 0;
    border: none;
    background: hsla(0,0%,100%,.2);
    overflow: hidden
}

.anim-btn[data-v-e85eab88]:hover {
    color: #fff;
    background: transparent;
    box-shadow: none
}

.anim-btn[data-v-e85eab88]:after,.anim-btn[data-v-e85eab88]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #fff;
    transition: all .4s ease
}

.anim-btn[data-v-e85eab88]:after {
    right: inherit;
    top: inherit;
    left: 0;
    bottom: 0
}

.anim-btn[data-v-e85eab88]:hover:after,.anim-btn[data-v-e85eab88]:hover:before {
    width: 100%;
    transition: all .8s ease
}

.anim-game-warp[data-v-e85eab88] {
    overflow: hidden;
    position: relative
}

.anim-game-warp .game_logo[data-v-e85eab88] {
    width: 100%;
    height: 100%;
    position: relative;
    transition: transform .35s;
    transform-origin: 50% 50%
}

.anim-game-warp .game_logo .el-image[data-v-e85eab88] {
    border-radius: 4.8px
}

.anim-game-warp .overlay[data-v-e85eab88] {
    transition: all .2s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp img[data-v-e85eab88] {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    opacity: .8
}

.anim-game-warp .overlay-container[data-v-e85eab88] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.anim-game-warp .overlay[data-v-e85eab88]:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.5);
    content: "";
    transition: transform .6s;
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,-124%,0)
}

.anim-game-warp .btn-custom[data-v-e85eab88] {
    background: #e2b271;
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 16px;
    color: #5c3301;
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.anim-game-warp .btn-custom .text-wrap[data-v-e85eab88] {
    position: relative;
    width: 90px;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.anim-game-warp .btn-custom[data-v-e85eab88]:hover {
    cursor: pointer;
    transition-timing-function: cubic-bezier(.6,4,.3,.8);
    animation: gelatine-e85eab88 .5s 1
}

@keyframes gelatine-e85eab88 {
    0%,to {
        transform: scale(1)
    }

    25% {
        transform: scale(.9,1.1)
    }

    50% {
        transform: scale(1.1,.9)
    }

    75% {
        transform: scale(.95,1.05)
    }
}

.anim-game-warp:hover .overlay[data-v-e85eab88] {
    opacity: 1;
    transform: scaleX(1)
}

.anim-game-warp:hover .game_logo[data-v-e85eab88] {
    transform: scale3d(1.05,1.05,1)
}

.anim-game-warp:hover .overlay[data-v-e85eab88]:before {
    transform: scale3d(1.9,1.4,1) rotate(45deg) translate3d(10%,124%,0)
}

.btnYellow[data-v-e85eab88] {
    font-weight: 700!important
}

.btnYellow[data-v-e85eab88],.btnYellow[data-v-e85eab88]:focus,.btnYellow[data-v-e85eab88]:hover {
    color: #633100!important;
    background: linear-gradient(90deg,#e2b271,#f6d99d)!important
}

.colorYellow[data-v-e85eab88] {
    background: #e2b271;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffad26",endColorstr="#018FFF",GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent!important
}

.moneyColor[data-v-e85eab88] {
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.new_child_tab_wrap[data-v-e85eab88] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin: 0;
    gap: 16px
}

.new_child_tab_wrap li[data-v-e85eab88] {
    width: 96px;
    color: hsla(0,0%,100%,.8);
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.new_child_tab_wrap li.active[data-v-e85eab88] {
    font-weight: 700
}

.flexStart[data-v-e85eab88] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.flexSpace[data-v-e85eab88] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.input-item[data-v-e85eab88] {
    margin-bottom: 24px
}

.sports_dropdown_wrap[data-v-e85eab88] {
    position: relative;
    overflow: hidden;
    visibility: hidden
}

.sports_dropdown_wrap.active[data-v-e85eab88] {
    visibility: visible
}

.sports_dropdown_wrap>div[data-v-e85eab88] {
    position: relative;
    transition: all .5s ease-in-out;
    top: -201.5px;
    opacity: 0
}

.sports_dropdown_wrap.active>div[data-v-e85eab88] {
    top: 0;
    opacity: 1
}

.sports_dropdown_wrap .container[data-v-e85eab88] {
    max-width: 1424px;
    min-width: 1150px;
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.sports_dropdown_wrap .container.active[data-v-e85eab88] {
    justify-content: center
}

.sports_dropdown_wrap .container .pic[data-v-e85eab88] {
    width: 200px;
    height: 200px;
    display: block;
    margin-right: 24px;
    margin-left: 0;
    transition: all .5s
}

.sports_dropdown_wrap .container .pic[data-v-e85eab88]:hover {
    transform: translateZ(0) scale(1.06)
}

.sports_dropdown_wrap .container .right_box .name[data-v-e85eab88] {
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    font-weight: 700;
    background: var(--main-color-gold-reverse,linear-gradient(90deg,#f6d99d,#e2b271));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.sports_dropdown_wrap .container .right_box .name_casino[data-v-e85eab88] {
    background: linear-gradient(90deg,#f6d99d,#e2b271);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.sports_dropdown_wrap .container .right_box .label[data-v-e85eab88] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: hsla(0,0%,100%,.9);
    margin: 6px 0 18px
}

.sports_dropdown_wrap .container .right_box .btn[data-v-e85eab88] {
    min-width: 100px;
    padding: 0 12px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
    background: var(--main-color-gold-gradient,linear-gradient(90deg,#e2b271,#f6d99d));
    color: #633100;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    position: relative
}

.sports_dropdown_wrap .container .right_box .btn .casino_jpicon[data-v-e85eab88] {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -14px;
    right: -14px
}

.sports_dropdown_wrap .container .right_box .casinobtn[data-v-e85eab88] {
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 16px;
    color: #633100;
    background: linear-gradient(90deg,#e2b271,#f6d99d);
    border-radius: 42px;
    position: relative
}

.sports_dropdown_wrap .container .right_box .waterRipplesBtnNew[data-v-e85eab88] {
    background-image: linear-gradient(90deg,#e2b271,#f6d99d);
    color: #633100;
    font-weight: 700
}

.sports_dropdown_wrap .container .right_box .waterRipplesBtnNew[data-v-e85eab88]:hover {
    background-image: linear-gradient(90deg,#f6d99d,#e2b271)
}

.sports_dropdown_wrap .swiper-button-prev[data-v-e85eab88] {
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURUxpcf///////////////////////////////////////////////////////////////////////////////////zezJKIAAAAWdFJOUwAvDxMGAx4z1iwnhcJHGXBStsw9I5sx3r2yAAAByElEQVR42rWZC27DMAhA/Ykh0NTNr/e/6qqs0rShxHjQd4CnQmzANDQoKQMT4YvIDDWVoEfKgFBA8E9p2iOeAan7x9WIl1AebDoJVbUvE6qgrNINjGp2Rdw5Ygcxt7IH2Alch0vYDQ82n4QGL580Sp/NKH2uRkIDXIQP0ASI84xG8p8ERjQSf6dxRzMsAvYMmlDHfRmXGU+gny9dtb5pHMcFz6jiSCt8L/CMWPoyOK+H74an1K4MPpo+jOEg6Xyj8EmS/tLdND7cj6rf4XugQH6WpPatM7ZIuoifh29q+xA033h7++7YhhQp3Bbhu6A0U3j/9i06H6ZQVddt2dQlBzS+56ZvBYwXzG9fT5llSzmQUIi26yuFNp/kQjiJ62sUrgahZ8jka4yBfI8Ntw52r5H9r172LQ41JFQZJ235ci+w3i1A16RuPU3Kv42W6NfosYhx2GYE/2HpIHqNcyQmYuPAmd/CEntG4rXx4use2qf20B6Kz7Pikw+fwGhmd388ej9vP/0AD4XRALsvMbzXLN6LIP9V1amRzcs08+mB4ruQrKHJsFvD9V/qSippoi1Bz5DJqJMkOLft6fN/LuilFZjjYSKG3JR9AduskH9ZQD9pAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100% 100%;
    opacity: 0;
    transform: translate(20px)
}

.sports_dropdown_wrap .swiper-button-prev.show[data-v-e85eab88] {
    transition: all .2s linear .5s;
    opacity: 1;
    transform: translate(0)
}

.sports_dropdown_wrap .swiper-button-prev.show.swiper-button-disabled[data-v-e85eab88] {
    opacity: .35
}

.sports_dropdown_wrap .swiper-button-prev[data-v-e85eab88]:after {
    display: none
}

.sports_dropdown_wrap .swiper-button-next[data-v-e85eab88] {
    width: 40px;
    height: 40px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABFUExURf///////////////////////////0xpcf///////////////////////////////////////////////////////////yR6DxgAAAAXdFJOUzMvGA8GAx4A1izChiRHE25Rtsw9m3pb/cMCPwAAAdlJREFUeNq92Wt2GjEMBeDrlzwCxzCEdP9L7bT605SDJceCu4DvYPySNajjlBSpMeNI4EYxlToOhhgxHsIk6DSYWsCzUJoFSwwYhntWQTsnZDSDnWEKdxOYG8xpWQdjwERCV8BCmAwNwcyYDudnoHirIhRvWoTiTYtY90R8BBkL4fIAEpZC/4Mdi4nfwRxWwZC/gQ3Laf+CHQ7pAo5n+Lpv+8fMTAsY8SynbdtOVjEKOFzSt21CDEXA0T943v7kdrX+RAEZqngxgUHABKjiZhPTAaqb7kvEs3EtohYoudjFUA4wQcv1ZhbTARJ08WQV6QAZej5EvH9CCVcUwC7uqliQYBVNmyYhwpbP3SRGEKzi3SISGsw5izjc2A2sKJNHBSMoyOTGZgALokMuMmpv8AQlnkNmXy/4L5tm9+6Whe2+9dwPB/PxJZ5alyT3A9b7Cpi6pO5QQ6Zr9NfcNVqC30WPcoC1+ZUi9JpiqQavco6rgNGr4OwCjqZlmymJOetF+/6jor0Wn2eF+8PH+2n22sdjjcsDfu0DXGZ6IezexPBus3g3grxbVW9ppv149VBRGpJ9riEZvVum72/qSiJbRlsmGuO5s8pNt+7pudbSez8u6J8/wl/J9PnjNw/GNUYVdKVuAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: 100% 100%;
    opacity: 0;
    transform: translate(-20px)
}

.sports_dropdown_wrap .swiper-button-next.show[data-v-e85eab88] {
    transition: all .5s linear .5s;
    opacity: 1;
    transform: translate(0)
}

.sports_dropdown_wrap .swiper-button-next.show.swiper-button-disabled[data-v-e85eab88] {
    opacity: .35
}

.sports_dropdown_wrap .swiper-button-next[data-v-e85eab88]:after {
    display: none
}

.sports_dropdown_wrap .swiper-slide[data-v-e85eab88] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 474px!important
}

.sports_dropdown_wrap .swiper-container[data-v-e85eab88] {
    width: auto
}