.game-verify h3[data-v-1d890660]{
    font-size:24px;
    font-weight:600;
    color:#121213;
    line-height:33px;
    text-align:center
}
.game-verify .p1[data-v-1d890660]{
    margin-top:16px;
    font-size:16px;
    font-weight:400;
    color:#7c7e86;
    line-height:22px
}
.game-verify .btn[data-v-1d890660]{
    width:312px;
    height:40px;
    background:var(--main-color);
    border-radius:20px;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    margin:32px auto 0;
    font-size:18px;
    font-weight:400;
    color:#fff
}
.register[data-v-53389fe1]{
    width:1200px;
    margin:135px auto 0;
    border-radius:16px;
    padding:56px 100px 188px 65px;
    background-color:#1f2930
}
.register .register-content[data-v-53389fe1]{
    margin:auto;
    width:1000px;
    display:flex;
    justify-content:space-between;
    background:hsla(0,0%,100%,.1)
}
.register .register-content .form_content[data-v-53389fe1]{
    flex:1;
    margin-left:30px
}
.register .left_menu[data-v-53389fe1]{
    width:450px;
    height:700px;
    background:url(../images/register_bg13a441600fd35d22e0a9ecc4d459d5e9.png) no-repeat 50%/cover
}
.register[data-v-53389fe1] .el-form-item{
    background-color:hsla(0,0%,100%,.2)
}
.register[data-v-53389fe1] .el-form input,.register[data-v-53389fe1] .el-input{
    background-color:transparent
}
.register[data-v-53389fe1] .el-form-item__content{
    flex:1;
    align-items:center
}
.register[data-v-53389fe1] .el-form-item__label{
    min-width:auto;
    padding:0
}
.login-title[data-v-53389fe1]{
    margin:32px auto 16px;
    width:400px;
    display:flex;
    justify-content:space-between;
    line-height:1;
    font-size:24px;
    color:#fff;
    padding-right:65px
}
.login-title span[data-v-53389fe1]{
    color:var(--main-color)
}
.register-form[data-v-53389fe1]{
    width:400px;
    margin:auto
}
.form-user-code[data-v-53389fe1],.form-user-confirm[data-v-53389fe1],.form-user-email[data-v-53389fe1],.form-user-name[data-v-53389fe1],.form-user-password[data-v-53389fe1],.form-user-phonecode[data-v-53389fe1],.form-user-QQ[data-v-53389fe1],.form-user-wechat[data-v-53389fe1]{
    width:370px;
    height:48px;
    border-radius:8px;
    background:#fff;
    margin:20px 0;
    display:flex;
    align-items:center
}
.register-btn[data-v-53389fe1]{
    width:370px;
    height:40px;
    text-align:center;
    font-size:14px;
    margin-top:8px;
    margin-bottom:8px;
    font-size:18px;
    color:#f0f0f0;
    border-radius:20px;
    border:none;
    background:var(--main-color);
    cursor:pointer
}
.register-btn[data-v-53389fe1]:hover{
    opacity:.8
}
.from-box[data-v-53389fe1]{
    position:relative;
    height:495px;
    overflow:auto
}
.language-tips[data-v-53389fe1]{
    width:100%;
    margin-top:-20px;
    font-size:12px;
    color:#ff1414
}
.customer[data-v-53389fe1]{
    position:absolute;
    bottom:27px;
    left:50%;
    transform:translateX(-50%);
    font-size:18px;
    color:#121213;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    width:370px
}
.customer .icon[data-v-53389fe1]{
    width:24px;
    height:24px;
    margin-right:8px
}
.customer a[data-v-53389fe1],.customer span[data-v-53389fe1]{
    display:flex;
    align-items:center;
    margin:0 24px;
    word-break:break-all
}
.customer a[data-v-53389fe1]:hover,.customer span[data-v-53389fe1]:hover{
    opacity:.8
}
.customer b[data-v-53389fe1]{
    flex:1
}
.lable-box[data-v-53389fe1]{
    padding-left:16px
}
.icon-box[data-v-53389fe1],.lable-box[data-v-53389fe1]{
    height:48px;
    display:flex;
    justify-content:center;
    align-items:center
}
.icon-box[data-v-53389fe1]{
    width:48px
}
.icon-box.icon-right[data-v-53389fe1]{
    background-color:transparent
}
.icon-box .icon[data-v-53389fe1]{
    width:24px;
    height:24px
}
.code-img[data-v-53389fe1]{
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    background-color:#fff;
    margin-right:6px;
    cursor:pointer;
    text-align:center;
    border-radius:4px;
    color:#fff
}
.code-img img[data-v-53389fe1]{
    width:66.75px;
    height:30px
}
.input-content[data-v-53389fe1]{
    flex:1;
    height:48px
}
.go-login[data-v-53389fe1]{
    margin-right:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    color:#fff;
    cursor:pointer
}
.go-login .btn[data-v-53389fe1]{
    font-size:16px;
    color:var(--main-color);
    cursor:pointer
}
.go-login .btn[data-v-53389fe1]:hover{
    opacity:.8
}
.lang[data-v-53389fe1]{
    display:flex;
    align-items:center;
    cursor:pointer;
    z-index:2001
}
.lang .icon[data-v-53389fe1]{
    width:24px;
    height:24px;
    margin-right:8px
}
.lang>span[data-v-53389fe1]{
    opacity:.6;
    font-size:14px;
    color:#fff
}
.lang>span[data-v-53389fe1]:hover{
    opacity:.8
}
.lang .user-info[data-v-53389fe1]{
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:999
}
.lang .user-info .name[data-v-53389fe1]{
    font-size:12px;
    color:#f0f0f0;
    opacity:.6
}
.lang .user-info .money[data-v-53389fe1]{
    word-break:keep-all;
    font-size:14px;
    color:#149eff
}
.lang .imageUrl[data-v-53389fe1]{
    width:24px;
    height:24px;
    margin-left:8px
}
.lang .imageUrl img[data-v-53389fe1]{
    width:100%;
    height:100%;
    display:block
}
.lang[data-v-53389fe1]{
    position:relative;
    height:40px
}
.lang .icon-arrow[data-v-53389fe1]{
    margin-right:0;
    margin-left:4px
}
.lang .icon[data-v-53389fe1]{
    opacity:1
}
.lang .icon img[data-v-53389fe1]{
    width:100%;
    height:100%;
    opacity:1
}
.lang .lang-hover[data-v-53389fe1]{
    position:absolute;
    height:auto;
    top:20px;
    right:0;
    overflow:hidden;
    display:none
}
.lang .lang-hover .hover-content[data-v-53389fe1]{
    width:150px;
    margin-top:20px;
    background:#fff;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    border-radius:4px
}
.lang .lang-hover .hover-content span[data-v-53389fe1]{
    display:block;
    height:32px;
    font-size:12px;
    color:#7c7e86;
    display:flex;
    align-items:center;
    padding:0 8px
}
.lang .lang-hover .hover-content span[data-v-53389fe1]:hover{
    color:#121213;
    background-color:rgba(214,174,92,.3)
}
.lang .lang-hover .hover-content span img[data-v-53389fe1]{
    width:24px;
    height:24px;
    margin-right:8px
}
.lang .lang-hover .hover-content span b[data-v-53389fe1]{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.wenhao[data-v-53389fe1]{
    position:absolute;
    top:12px;
    right:-30px;
    width:24px;
    height:24px;
    cursor:pointer
}
.app{
    background:#1a1a1a
}
.Mask_TF{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index:99999999
}
.Mask_TF .Mask-div_TF{
    width:285px;
    height:200px;
    position:absolute;
    left:0;
    bottom:0;
    top:0;
    right:0;
    margin:auto;
    background:#fff;
    border-radius:8px;
    animation-duration:.3s;
    animation-iteration-count:1;
    padding:20px
}
.Mask_TF .Mask-div_TF .title{
    font-size:20px;
    color:#000;
    text-align:center;
    font-weight:500;
    margin-bottom:20px
}
.Mask_TF .Mask-div_TF .div_TF-p{
    font-size:16px;
    line-height:26px;
    color:#000;
    text-align:center
}
.Mask_TF .Mask-div_TF .gotoKf{
    width:130px;
    height:50px;
    position:absolute;
    left:77.5px;
    bottom:20px;
    background:#4085de;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    color:#fff;
    border-radius:5px
}
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
    scrollbar-width:none;
    -webkit-font-smoothing:antialiased;
    word-break:break-all
}
::-webkit-scrollbar{
    display:none
}
html{
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    scroll-behavior:smooth;
    font-size:16px;
    background-color:#1a1a1a
}
.DIN{
    font-family:DIN
}
ul>li{
    list-style:none
}
i{
    font-style:normal
}
input,textarea,video{
    border:none;
    outline:none
}
::-webkit-input-placeholder{
    color:hsla(0,0%,100%,.3)
}
:-moz-placeholder,::-moz-placeholder{
    color:hsla(0,0%,100%,.3)
}
:-ms-input-placeholder{
    color:hsla(0,0%,100%,.3)
}
button{
    outline:none;
    cursor:pointer
}
b{
    font-weight:400
}
a{
    text-decoration:none;
    color:#333
}
input:-internal-autofill-selected{
    appearance:menulist-button;
    background-color:#fff!important;
    background-image:none!important;
    font-size:16px
}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{
    background-color:#fff!important;
    background-image:none;
    color:#000;
    font-size:16px
}
.ellipsis{
    word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block
}
.fade-transform-enter-active,.fade-transform-leave-active{
    transition:all .5s
}
.fade-transform-enter{
    opacity:0;
    margin-left:-30px
}
.fade-transform-leave-to{
    opacity:0;
    margin-left:30px
}
@keyframes rotate{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
.user-password{
    background-image:url(../images/code.png);
    background-size:cover
}
.user-name{
    background-image:url(../images/yonghu.png);
    background-size:cover
}
.user-code{
    background-image:url(../images/code2.png);
    background-size:cover
}
.user-sure-password{
    background-image:url(../images/code.png);
    background-size:cover
}
.el-form .el-form-item__label{
    min-width:110px;
    line-height:normal;
    color:hsla(0,0%,100%,.6)
}
.el-form .el-form-item,.el-form .el-form-item__content,.el-form .input-content{
    display:flex;
    align-items:center
}
.el-form .el-input,.el-form .is-disabled,.el-form input{
    background-color:hsla(0,0%,100%,.3);
    border-radius:4px
}
.el-form .el-select{
    width:100%
}
.el-input.is-disabled .el-input__inner,.el-input__inner{
    background-color:transparent;
    color:#fff
}
.el-input__inner{
    border:none
}
input{
    background-color:transparent;
    color:#fff
}
input::placeholder{
    opacity:.3;
    font-size:var(--langFont-14);
    color:#fff!important;
    letter-spacing:0
}
.check-modal input{
    background-color:transparent;
    color:#7c7e86
}
.check-modal input::placeholder{
    color:#7c7e86!important
}
.el-input-group__prepend{
    color:#fff;
    padding:0 0 0 15px;
    border:none;
    background-color:transparent
}
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{
    content:"";
    width:0;
    margin-right:0
}
.el-dropdown .el-dropdown-link{
    color:#cae0ff
}
.notice-carousel .el-carousel__container button{
    display:none!important
}
.banner-carousel .el-carousel__indicators{
    display:flex
}
.banner-carousel .el-carousel__indicator{
    padding:36px 12px
}
.banner-carousel .el-carousel__indicator .el-carousel__button{
    position:relative;
    width:12px;
    height:12px;
    background-color:rgba(0,0,0,.2);
    border-radius:12px
}
.banner-carousel .el-carousel__indicator.is-active .el-carousel__button{
    position:relative;
    background:#149eff
}
.banner-carousel .el-carousel__indicator.is-active .el-carousel__button:after{
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    opacity:.6;
    border:2px solid #149eff;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:24px
}
.yg-table{
    border-radius:8px 8px 0 0;
    overflow:hidden;
    border:none;
    background-color:transparent
}
.yg-table .el-table__header-wrapper{
    background-color:rgba(214,174,92,.6)
}
.yg-table .el-table th.is-leaf,.yg-table td{
    border:none
}
.yg-table .el-table tr,.yg-table:before,.yg-table th{
    background-color:transparent
}
.yg-table th>.cell{
    font-size:16px;
    color:#fff!important
}
.yg-table .cell{
    font-size:14px;
    color:hsla(0,0%,100%,.6)
}
.yg-table .yellow .cell{
    color:#e7bb02
}
.yg-table .white .cell{
    color:#fff
}
.yg-table .blue .cell{
    color:#149eff
}
.yg-table .no-bet{
    width:280px;
    height:180px;
    margin:0 auto
}
.yg-table .no-data-words{
    font-size:14px;
    color:#fff
}
.yg-button{
    min-width:88px;
    height:32px;
    text-align:center;
    line-height:32px;
    padding:0;
    font-size:14px
}
.user-btn,.yg-button{
    background:var(--main-color);
    border-color:var(--main-color);
    color:#fff
}
.user-btn{
    min-width:220px;
    padding:8px 4px;
    width:auto;
    border-radius:20px;
    font-size:18px;
    margin-top:24px
}
.yg-tabs .el-tabs__nav-wrap:after{
    transform:scaleY(-1);
    background:#f4f4f4;
    height:1px
}
.yg-tabs .el-tabs__item{
    font-size:14px;
    color:hsla(0,0%,100%,.8);
    font-weight:400
}
.yg-tabs .el-tabs__item.is-active{
    color:#dcab00
}
.yg-tabs .el-tabs__active-bar{
    background:#dcab00
}
.yg-tabs .el-tabs__item{
    padding:0 40px
}
.yg-tabs .el-tabs__nav-next,.yg-tabs .el-tabs__nav-prev{
    top:50%;
    transform:translateY(-50%)
}
.announcement-tabs .el-tabs__header{
    margin:0 0 .9375rem
}
.yg-ruleForm .el-form-item__label{
    text-align:left;
    line-height:inherit
}
.yg-ruleForm .el-form-item{
    margin-bottom:24px
}
.el-button--primary.is-disabled,.el-button--primary.is-disabled:hover{
    background-color:rgba(214,174,92,.3);
    color:hsla(0,0%,100%,.3);
    border:none
}
.yg-date{
    height:32px;
    border:none;
    width:250px;
    background-color:hsla(0,0%,100%,.2)
}
.yg-date.el-range-editor.is-active,.yg-date.el-range-editor.is-active:hover{
    border:none;
    border-color:initial
}
.yg-date.el-date-editor .el-range-separator{
    width:10%;
    color:#fff
}
.yg-date.el-range-editor.el-input__inner{
    padding:0 10px
}
.yg-date.el-range-editor.el-input__inner::placeholder{
    opacity:.3;
    font-size:var(--langFont-14);
    color:hsla(0,0%,100%,.6)!important;
    letter-spacing:0
}
.yg-date input{
    background-color:transparent
}
.yg-date .el-range-input{
    color:#fff
}
.el-date-table td.end-date span,.el-date-table td.start-date span{
    background-color:var(--main-color)
}
.el-date-table td.available:hover{
    color:var(--main-color)
}
.elect-tabs{
    width:100%
}
.elect-tabs .el-tabs__active-bar,.elect-tabs .el-tabs__nav-wrap:after{
    height:0
}
.elect-tabs .el-tabs__item{
    padding:0 16px;
    height:40px;
    text-align:center;
    font-size:18px;
    color:#7c7e86;
    background:#fff;
    border-radius:30px
}
.elect-tabs .el-tabs__item.is-top:nth-child(2){
    padding-left:16px
}
.elect-tabs .el-tabs__item.is-top:last-child{
    padding-right:16px
}
.elect-tabs .el-tabs__item:not(:first-child){
    margin-right:24px
}
.elect-tabs .el-tabs__item:last-child{
    margin-right:0
}
.elect-tabs .el-tabs__item.is-active{
    background:#149eff;
    font-size:18px;
    color:#fff
}
.elect-tabs .el-tabs__nav-wrap{
    padding:0 40px
}
.elect-tabs .el-tabs__nav-prev i{
    display:none
}
.elect-tabs .el-tabs__nav-next i{
    display:none
}
.el-table--enable-row-hover .el-table__body tr:hover>td{
    background-color:transparent
}
.el-table td,.el-table th.is-leaf{
    border:none
}
.activity-tabs .el-tabs__nav-scroll{
    overflow-x:hidden;
    overflow-y:auto;
    height:60px
}
.activity-tabs .el-tabs__nav-wrap{
    padding:0 72px
}
.activity-tabs .el-tabs__item{
    width:auto;
    min-width:112px;
    height:40px;
    background-color:transparent;
    background:hsla(0,0%,100%,.2);
    box-shadow:0 4px 12px 0 rgba(0,0,0,.1);
    border-radius:23px;
    font-size:16px;
    color:hsla(0,0%,100%,.6)
}
.activity-tabs .el-tabs__item.is-active{
    background-color:transparent;
    background:linear-gradient(135deg,#fce5b5,#d4aa56);
    box-shadow:0 4px 12px 0 rgba(214,174,92,.3);
    color:#fff
}
.activity-tabs .el-tabs__item:not(:first-child){
    margin-right:16px
}
.activity-tabs .el-tabs__nav-prev{
    margin-left:32px;
    margin-top:4px
}
.activity-tabs .el-tabs__nav-next{
    margin-right:32px;
    margin-top:4px
}
.activity-tabs .el-tabs__nav-next,.activity-tabs .el-tabs__nav-prev{
    width:32px;
    height:32px;
    display:flex;
    justify-content:center;
    align-items:center
}
.bountyTask-tabs .el-tabs__item{
    width:178px
}
.yg-pagination .el-pager li{
    line-height:38px;
    font-size:16px;
    color:#7c7e86
}
.yg-pagination.el-pagination.is-background .btn-next,.yg-pagination.el-pagination.is-background .btn-prev,.yg-pagination.el-pagination.is-background .el-pager li{
    background-color:hsla(0,0%,100%,.2);
    width:40px;
    height:40px;
    padding:0;
    border:1px solid #fff;
    color:#fff;
    border-radius:4px;
    color:#7c7e86;
    font-weight:400
}
.yg-pagination.el-pagination.is-background .btn-next .el-icon,.yg-pagination.el-pagination.is-background .btn-prev .el-icon,.yg-pagination.el-pagination.is-background .el-pager li .el-icon{
    color:#fff
}
.vip-progress .el-progress-bar__outer{
    background:#f7f7f7;
    border-radius:8px
}
.vip-progress .el-progress-bar__inner{
    background-image:linear-gradient(90deg,#f5df05 13%,#e7bb02);
    border-radius:8px
}
.vip-progress .el-progress-bar__innerText{
    font-size:10px;
    color:#121213;
    line-height:12px;
    margin-bottom:3px
}
.yg-select{
    width:270px;
    height:40px;
    border-radius:4px
}
.yg-select input{
    border-radius:4px;
    border:none
}
.el-table th{
    user-select:auto
}
.el-table thead tr{
    background-color:transparent
}
.el-table tbody tr,.el-table tbody tr:hover{
    background-color:hsla(0,0%,100%,.2)
}
.el-button{
    border:none
}
.el-button,.el-button--primary.is-active,.el-button--primary:active,.el-pagination.is-background .el-pager li:not(.disabled).active{
    background:var(--main-color)
}
.el-date-table td.current:not(.disabled) span{
    background-color:var(--main-color)
}
.el-message-box{
    width:360px;
    height:180px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    padding:16px 24px;
    position:relative;
    border:none
}