.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
}
@font-face{
    font-family:DIN;
    src:url(https://cdn.yongzhoujr.com/jinsha_prod_cdn/pc/static/fonts/DIN.ttf)
}
@font-face{
    font-family:Baloo;
    src:url(https://cdn.yongzhoujr.com/jinsha_prod_cdn/pc/static/fonts/Baloo-Devanagari.ttf)
}
*{
    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)
    }
}
.el-message-box .el-message-box__header{
    padding:0;
    position:relative;
    z-index:1
}
.el-message-box .el-message-box__header .el-message-box__title{
    font-size:24px;
    color:#121213;
    font-weight:700
}
.el-message-box .el-message-box__header .el-message-box__headerbtn{
    position:absolute;
    right:0;
    top:0;
    background-color:#7c7e86;
    border-radius:10px;
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    display:flex;
    justify-content:center;
    align-items:center
}
.el-message-box .el-message-box__header .el-message-box__headerbtn i{
    font-size:12px;
    color:#fff
}
.el-message-box .el-message-box__content{
    padding:0;
    margin-top:40px
}
.el-message-box .el-message-box__content .el-message-box__message{
    font-size:16px;
    color:#121213;
    letter-spacing:0
}
.el-message-box .el-message-box__btns{
    position:absolute;
    right:24px;
    bottom:16px;
    padding:0
}
.el-message-box .el-message-box__btns .el-button{
    padding:0;
    width:72px;
    height:24px;
    background:var(--main-color);
    border-radius:16px;
    border:none;
    font-size:14px;
    color:#7c7e86
}
.el-message-box .el-message-box__btns .el-button:hover{
    background:var(--main-color)
}
.el-message-box .el-message-box__btns .el-button--primary{
    background-color:var(--main-color);
    border-radius:16px;
    color:#fff
}
.el-message-box .el-message-box__btns .el-button--primary:hover{
    background:var(--main-color)
}
.el-button--primary{
    background-color:var(--main-color);
    border-radius:16px;
    color:#fff
}
.el-button--primary:active,.el-button--primary:hover{
    background-color:var(--main-color);
    border-color:var(--main-color)
}
.el-radio{
    color:#fff
}
.el-radio .el-radio__input.is-checked .el-radio__inner{
    border-color:var(--main-color);
    background:var(--main-color)
}
.el-radio .el-radio__inner:hover,.el-radio .el-radio__input.is-checked .el-radio__inner:hover{
    border-color:var(--main-color)
}
.el-radio .el-radio__input.is-checked+.el-radio__label{
    color:#fff
}
:root{
    --langFont-12:12px;
    --langFont-14:14px;
    --langFont-16:16px;
    --langFont-18:18px;
    --langFont-24:24px;
    --langFont-48:38px;
    --marginLeft-16:16px;
    --marginLeft-24:24px;
    --marginLeft-32:32px;
    --padding-16:16px;
    --padding-24:24px;
    --padding-32:32px;
    --main-color:#d6ae5c
}
@keyframes transformShow-data-v-2d13cf6a{
    0%{
        opacity:0;
        transform:translate3d(0,-30px,0)
    }
    to{
        opacity:1;
        transform:translateZ(0)
    }
}
@keyframes transformHide-data-v-2d13cf6a{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        transform:translate3d(0,30px,0)
    }
}
.common-modal[data-v-2d13cf6a]{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    z-index:999;
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:1200px
}
.common-modal .active[data-v-2d13cf6a]{
    transform-origin:left center;
    animation:transformShow-data-v-2d13cf6a .3s
}
.common-modal .leave[data-v-2d13cf6a]{
    transform-origin:left center;
    animation:transformHide-data-v-2d13cf6a .3s reverse
}
.com-image-logo[data-v-0cfce9f6]{
    margin-right:8px
}

.activity[data-v-7a1930f6] {
    margin-top: 120px;
    min-height: 960px;
    background-size: 1920px 480px;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    background-color: rgb(26, 26, 26);
    position: relative;
}
.activity .avtive-code-bg[data-v-7a1930f6] {
    width: 1000px;
    height: 450px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.activity .activity-content[data-v-7a1930f6] {
    width: 1200px;
    min-height: 724px;
    height: auto;
    margin: 420px auto 144px;
    background: rgb(31, 41, 48);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px;
    border-radius: 8px;
    position: relative;
    z-index: 2;
}
.activity .type-list[data-v-7a1930f6] {
    display: flex;
    overflow: hidden;
}
.activity .type-list .activity-tabs[data-v-7a1930f6] {
    margin-top: 24px;
}
.activity .type-list .activity-tabs[data-v-7a1930f6] .el-tabs__item {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.6);
}
.activity .type-list .activity-tabs[data-v-7a1930f6] .is-active {
    color: rgb(255, 255, 255);
    background-image: linear-gradient(90deg, rgb(255, 223, 114), rgb(255, 180, 20));
}
.activity .active-list[data-v-7a1930f6] {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 32px;
}
.activity .active-list .list-content[data-v-7a1930f6] {
    box-sizing: border-box;
    width: 556px;
    height: 286px;
    border-radius: 8px;
    margin-bottom: 24px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px;
    background: rgba(255, 255, 255, 0.2);
}
.activity .active-list .list-content img[data-v-7a1930f6] {
    display: block;
    width: 100%;
    height: 204px;
}
.activity .active-list .list-content .item-info[data-v-7a1930f6] {
    display: flex;
    flex-direction: column;
    padding: 16px;
}
.activity .active-list .list-content .item-info .title[data-v-7a1930f6] {
    font-size: 16px;
    color: rgb(255, 255, 255);
    margin-bottom: 8px;
}
.activity .active-list .list-content .item-info .sub[data-v-7a1930f6] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}