﻿.foot[data-v-01a5e8ad]
{
    position: relative;
    z-index: 99999;
    min-height: 100px;
    text-align: center;
    padding: 50px 0 10px;
}
.foot.active[data-v-01a5e8ad]
{
    background: #10181f;
}
.foot-info[data-v-01a5e8ad]
{
    max-width: 1280px;
    line-height: 20px;
    margin: 10px auto;
}
.foot-info .about[data-v-01a5e8ad]
{
    margin-top: 10px;
    cursor: pointer;
}
.button[data-v-82ef87cd]
{
    display: inline-block;
    padding: 0 18px;
    border-radius: 6px;
    cursor: pointer;
    transition-duration: .25s;
    text-align: center;
    user-select: none;
}
.button[data-v-82ef87cd]:hover
{
    transition-duration: .25s;
}
.button-title[data-v-82ef87cd]
{
    font-size: 14px;
}
.button-default[data-v-82ef87cd]
{
    background: rgba(0,0,0,.08);
}
.button-default[data-v-82ef87cd]:hover
{
    background: rgba(0,0,0,.04);
}
.button-default .button-title[data-v-82ef87cd]
{
    color: #525363;
}
.button-default[data-v-82ef87cd]:active
{
    background: rgba(0,0,0,.15);
}
.button-primary[data-v-82ef87cd]
{
    background: #538bff;
}
.button-primary[data-v-82ef87cd]:hover
{
    background: #82bbff;
}
.button-primary .button-title[data-v-82ef87cd]
{
    color: #fff;
}
.button-primary[data-v-82ef87cd]:active
{
    background: #2f66f2;
}
.button-danger[data-v-82ef87cd]
{
    background: #ee1657;
}
.button-danger .button-title[data-v-82ef87cd]
{
    color: #fff;
}
.button-danger[data-v-82ef87cd]:active
{
    background: #ee1657;
}
.button-info[data-v-82ef87cd]
{
    background: #e5eeff;
    border: 1px solid #e5eeff;
}
.button-info[data-v-82ef87cd]:hover
{
    background: rgba(83,139,255,.15);
    border: 1px solid rgba(83,139,255,.2);
}
.button-info .button-title[data-v-82ef87cd]
{
    color: #538bff;
}
.button-info[data-v-82ef87cd]:active
{
    background: rgba(83,139,255,.15);
    border: 1px solid rgba(83,139,255,.6);
}
.button-gradual-primary[data-v-82ef87cd]
{
    background: linear-gradient(125deg,#6f8df9 0%,#9bddff 78%,#9bddff 90%);
    box-shadow: 0 3px 32px -2px rgba(74,132,218,.35);
}
.button-gradual-primary .button-title[data-v-82ef87cd]
{
    color: var(--vt-c-white);
}
.button-gradual-primary[data-v-82ef87cd]:hover
{
    background: linear-gradient(125deg,#9cb1fb 0%,#bae8ff 96%);
}
.button-gradual-primary[data-v-82ef87cd]:active
{
    background: linear-gradient(125deg,#5f7cf1 0%,#85c0f6 96%);
}
.button-gradual-warning[data-v-82ef87cd]
{
    background: linear-gradient(135deg,#ffe1b7 0%,#f8c16e 100%);
}
.button-gradual-warning .button-title[data-v-82ef87cd]
{
    color: #634427;
}
.button-gradual-warning[data-v-82ef87cd]:hover
{
    background: linear-gradient(135deg,#ffe7c5 0%,#f9ce8c 100%);
}
.button-gradual-warning[data-v-82ef87cd]:active
{
    background: linear-gradient(137deg,#ffe7c5 0%,#eacda1 0%,#dcac62 100%);
}
.button-orange[data-v-82ef87cd]
{
    background: #fa4632;
    animation: breathe-82ef87cd 2s linear infinite;
}
.button-orange .button-title[data-v-82ef87cd]
{
    color: #fff;
}
.button-orange[data-v-82ef87cd]:hover, .button-orange[data-v-82ef87cd]:active
{
    background: #fa4632;
}
@keyframes breathe-82ef87cd
{
    0%
    {
        transform: scale(.88);
    }
    50%
    {
        transform: scale(1);
    }
    to
    {
        transform: scale(.88);
    }
}
.card[data-v-d75a9e3e]
{
    position: relative;
    background-color: #15151b;
    box-shadow: 0 4px 24px 2px rgba(0,0,0,.12);
    border-radius: 8px;
    color: #fff;
}
.card-header[data-v-d75a9e3e]
{
    position: relative;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
}
.card-logo[data-v-d75a9e3e]
{
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAABHtJREFUSEuVVXtMW3UU/gp9QAulVJAVWmgA2RiQkG0CQWCA4pbg6w8dGwZlKs5oCPIwzKEmPoIQRTODuoQ52OacWTDLcBoiqLhMM2Dy0LmxDYPAaKGDQjtuWaGl5neaW6ilzJ2kye39nXO+e853ft8RhIVpHFjHxD7BCPbbCpk4Br4CCewOKyxLozBZ/8SCbWK9UDoTeANgSWMU+xDqnwWBQLhmornbAxgxNUPPfecVyAPARyDBJuV+aIOKXEG2ZQ7zi9dhtd+EyDcYAaJoiH2VrnOz9TL6pkphsY16ALkBsORbwz5HqDSLHGcWujFiOoyblnNwwO4WrJAkI1K+BxEBj1OF7CP6DaXku9rcAFjyMFkeHA4bLs+8h1Hzl3fscaA4nj5KKlITPxd0BTBZL7niXACawF1ICq2lgwFDJXTzZ+6YnHeQ+IYgVXUCAeIYcEujOH/jUdgdlhWSWWtyNF2QCEMxZv4Kl6bf8kieknI/0tPTMDR0Fe3tP3icS4VRyFC3Qegjw/XZT+jnmqJ7pTnYtqGJSuwa2w6rfdotQWZmBk6ePIbx8RvQaNSoq/sQjY2feYBEK/Zhk/I1LC2b8fPYdtiWbznHNCmkFhr5LiKod/I5j8BDhxohl8tRWPgMqqurUFDwFLZsSfXwE/oEIifyF4h85OifKqPxJYAHIk4jSJKEKzPvY8T0hUdgc3MTzGYzysoqUVLyPKqqyrFxY+KaHPGDwreaAHIiu+AvVKPfUAb9vOeluRuAWMXLiFNWwHj7Ii7odjsryNb8CKkoyg3g4MEGHDlyFIODf8AbgEwmhVarJeLtduc94afRvHiFpokA0sK/htJvG64ZP8LwnJO8vr5uAmBk1ta+g7y8B1FRUY3y8lJIJBLk5z+BnTsfRkvLYURF3Qer1Upx7PIlhrwLN4DN99RAG7SXbm63/mlybGioR1ZWBrKz84jg48ebkZiYAKPRiOLiEvT09KKmZj+BZGbmuvhgMhOteAEGy0+4OPmiswKlXyrSwk9g2WHDufEdpCkq1Qa0tX0DjrPgwIE30d3di/BwFXQ6PbWDjWtXVweNbFPTymCkh7dC4ZeM4dlPcW324xU1zVR/j0BxHKYXfkWP/llnPzVq1NfXIjc3GxzHuZLFxsYQL0KhkCrk2yMXxyND/S3F/jbxJOasAysAIf7pSFEdo0Mena9bq41CamoKASYkbCY+hof/RlHRXrp8vPEjytT1/MRjKzeZd4gLLkds8Cv0d9x8Cn/NvI1lh5M8ZoWFu6majo5OtLaedk3OanLZ8++TL2HK0ukJwN7wJLFnpv//mFqg59ppi3kzVUA+kkMbSLYn5s9g0FDpcl1zo0UG7kF8yBu0Inljen/V+IGbhDNpiFe+TjLDjE0hk5rVVXtdmUyCtUHFUMkeIa3nudFxZxEgigETSLY7mO4wm+I60G941S05e+8VYHU7/IURlDRM9hAi5YVunWLKOTRTh/Fbp9bs4P8C4CN5nVm0G2kEp7hO6ObPupbLWgh3BcAWkwC+6yb8L8i/xkb4GBNeLdcAAAAASUVORK5CYII=) no-repeat center;
    margin-right: 10px;
}
.card-title[data-v-d75a9e3e]
{
    color: #fff;
    font-size: 14px;
}
.icon-close[data-v-d75a9e3e]
{
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.card-body[data-v-d75a9e3e]
{
    padding: 10px 20px;
}
.card-footer[data-v-d75a9e3e]
{
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 16px 20px 26px;
}
.icon-close[data-v-1fd9dfc1]
{
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 99;
}
.tip-wrap[data-v-1fd9dfc1]
{
    padding: 10px 20px;
}
.tit[data-v-1fd9dfc1]
{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.tit1[data-v-1fd9dfc1]
{
    font-weight: 700;
    font-size: 14px;
    margin: 5px 0 5px 20px;
}
.txt1[data-v-1fd9dfc1]
{
    font-size: 14px;
    list-style-type: circle;
    margin: 5px 0 5px 36px;
}
.tip1[data-v-1fd9dfc1]
{
    margin-top: 10px;
}
.bto-tip[data-v-1fd9dfc1]
{
    padding-left: 20px;
}
[data-v-ea9a3f4b] .reds
{
    color: #f00;
}
.del-icon[data-v-ea9a3f4b]
{
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/assets/icon/del_icon1.png) center no-repeat;
    background-size: cover;
    right: -15px;
    top: -15px;
    cursor: pointer;
}
.chunk2[data-v-ea9a3f4b]
{
    height: 70px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 16px;
    display: flex;
    position: relative;
}
.chunk2 .newver[data-v-ea9a3f4b]
{
    position: absolute;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 10px;
    font-weight: 700!important;
    width: 70px;
    height: 20px;
    line-height: 20px;
    left: -20px;
    top: 5px;
    z-index: 9;
    text-align: center;
    transform: rotate(-40deg);
}
.chunk2 .chunk-img[data-v-ea9a3f4b]
{
    width: 120px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 12px;
    position: relative;
}
.chunk2 .chunk-img .el-image[data-v-ea9a3f4b], .chunk2 .chunk-img img[data-v-ea9a3f4b]
{
    width: 100%;
    height: 100%;
    display: block;
}
.chunk2 .chunk-img .chunk-img-item[data-v-ea9a3f4b]
{
    width: 120px;
    height: 70px;
    background-size: cover;
}
.chunk2 .chunk-tit[data-v-ea9a3f4b]
{
    width: 195px;
    box-sizing: border-box;
    margin: 12px 0 4px;
}
.chunk2 .chunk-txt[data-v-ea9a3f4b]
{
    width: 195px;
    box-sizing: border-box;
    color: rgba(255,255,255,.6);
}
.chunk2 .chunk-tip[data-v-ea9a3f4b]
{
    font-size: 14px;
}
.chunk2 .chunk-tip span[data-v-ea9a3f4b]:nth-child(1)
{
    font-weight: 700;
    color: rgba(255,255,255,.6);
}
.chunk2 .chunk-tip span[data-v-ea9a3f4b]:nth-child(2)
{
    color: #80ff00;
    text-decoration: underline;
    margin-left: 5px;
}
.chunk-tit[data-v-ea9a3f4b] div, .chunk-txt[data-v-ea9a3f4b] div
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu-serach[data-v-4335b01f]
{
    width: 400px;
    height: 32px;
    border-radius: 41px;
    position: relative;
}
.menu-serach .search-wrap[data-v-4335b01f] .n-input
{
    background: rgba(255,255,255,.1)!important;
}
.menu-serach .search-wrap[data-v-4335b01f] .n-input .n-input__border
{
    border: 1px solid rgba(255,255,255,.2)!important;
}
.menu-serach .search-wrap[data-v-4335b01f] .n-input input
{
    color: #fff!important;
}
.menu-serach .search-wrap[data-v-4335b01f] .n-input:focus
{
    border-color: #80ff00;
}
.menu-serach .search-wrap[data-v-4335b01f] .n-icon
{
    cursor: pointer;
}
.menu-serach .search-list[data-v-4335b01f]
{
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    min-width: 380px;
    min-height: 110px;
    max-height: 525px;
    background: #191a1f;
    border-radius: 8px;
    opacity: 1;
    border: 1px solid #2e2f34;
    top: 40px;
    left: 50%;
    transform: translate(-190px);
    overflow-y: scroll;
    z-index: 9999!important;
}
.menu-serach .search-list .list[data-v-4335b01f]
{
    min-width: 290px;
}
.menu-serach .search-list .search-not[data-v-4335b01f]
{
    text-align: center;
    color: rgba(255,255,255,.6);
    font-size: 16px;
    padding-top: 20px;
}
.menu-serach .search-list .search-tit[data-v-4335b01f]
{
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
}
.menu-serach .search-list .search-more[data-v-4335b01f]
{
    color: #fff;
    width: 120px;
    margin: 0 auto;
    cursor: pointer;
}
.head[data-v-2471a17f]
{
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
}
.head.active[data-v-2471a17f]
{
    backdrop-filter: blur(35px);
    background: rgba(255,255,255,.01);
}
.head .head-content[data-v-2471a17f]
{
    height: 100%;
}
.head .head-content .logo[data-v-2471a17f]
{
    width: 129px;
    height: 40px;
    cursor: pointer;
    margin-right: 50px;
}
.head .head-content .logo2[data-v-2471a17f]
{
    width: 105px;
    height: 28px;
    background: url(data:image/png;base64,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) center no-repeat;
    background-size: cover;
    margin-right: 10px;
}
.head .head-content .logo2 a[data-v-2471a17f]
{
    display: block;
    width: 100%;
    height: 100%;
}
.head .head-content .head-nav[data-v-2471a17f]
{
    font-size: 16px;
    font-weight: 400;
    margin-right: 40px;
}
.head .head-content .head-nav a[data-v-2471a17f]
{
    color: #fff;
    text-decoration: none;
}
.head .head-content .nav-li[data-v-2471a17f]
{
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    position: relative;
    margin-left: 50px;
}
.head .head-content .nav-li.active[data-v-2471a17f]
{
    color: #80ff00;
}
.head .head-content .nav-li.active[data-v-2471a17f]:after
{
    position: absolute;
    content: "";
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #80ff00;
}
.head .head-content .btn[data-v-2471a17f]
{
    width: 120px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    background: linear-gradient(270deg,#80ff00 0%,#fff500 100%);
    color: #0a0a0a;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin-left: 30px;
}
.box[data-v-ead8419a]
{
    width: 100%;
    position: relative;
    padding-top: 70px;
}
.box[data-v-ead8419a]:after
{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 900px;
    background: linear-gradient(0deg,#000,rgba(0,0,0,0));
    z-index: 1;
}
.box[data-v-ead8419a]:before
{
    position: absolute;
    content: "";
    left: 0;
    top: 900px;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1;
    background: linear-gradient(0deg,rgba(0,0,0,0),#000);
}
.bg[data-v-ead8419a]
{
    width: 100%;
    height: auto;
    min-width: 1350px;
    height: 760px;
    position: relative;
}
.bg .bg-img[data-v-ead8419a]
{
    width: 100%;
}
.bg .bg-div[data-v-ead8419a]
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(0deg,#05060d 6.44%,rgba(9,9,9,0) 100%);
}
.bg .r_img4[data-v-ead8419a]
{
    width: 600px;
    height: 600px;
    position: absolute;
    right: 50%;
    top: 60px;
    z-index: 9;
    margin-right: -775px;
}
.bg .bg-l[data-v-ead8419a]
{
    position: absolute;
    top: 120px;
    left: 50%;
    width: 401px;
    margin-left: -675px;
    z-index: 9;
}
.bg .bg-l .logo2[data-v-ead8419a]
{
    width: 100%;
    height: 60px;
    background: url(../image/index-img1-9472a8e5.png) center no-repeat;
    background-size: cover;
    animation: bglmove-ead8419a 2s;
}
.bg .bg-l .tit[data-v-ead8419a]
{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}
.bg .bg-l .tag[data-v-ead8419a]
{
    display: flex;
    margin: 10px 0 40px;
}
.bg .bg-l .tag div[data-v-ead8419a]
{
    width: 100px;
    height: 32px;
    border-radius: 4px;
    background: #2b8fff;
    text-align: center;
    line-height: 32px;
    margin-right: 9px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.bg .bg-l .txt[data-v-ead8419a]
{
    margin-top: 4px;
    color: rgba(255,255,255,.6);
    font-weight: 400;
    font-size: 18px;
    animation: bglmove-ead8419a 2s .1s;
}
.bg .bg-l .txt span[data-v-ead8419a]
{
    color: #ffd600;
}
.bg .bg-l .game[data-v-ead8419a]
{
    width: 100%;
    height: 165px;
    background: url(../image/index-img2-2fa5bcfe.png) center no-repeat;
    background-size: cover;
    margin: 26px 0 24px;
    position: relative;
    animation: bglmove-ead8419a 2s .2s;
}
.bg .bg-l .game[data-v-ead8419a]:after
{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 165px;
    background: rgba(0,0,0,.1);
    border-radius: 10px;
}
.bg .bg-l .btn[data-v-ead8419a]
{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 60px;
    line-height: 70px;
    border-radius: 8px;
    background: linear-gradient(270deg,#80ff00 0%,#fff500 100%);
    text-align: center;
    color: #0a0a0a;
    font-size: 24px;
    font-weight: 700;
    margin: 50px 0 10px;
    cursor: pointer;
    animation: bglmove-ead8419a 2s .3s;
    transition: all .2s linear;
}
.bg .bg-l .btn[data-v-ead8419a]:hover:before, .bg .bg-l .btn[data-v-ead8419a]:hover:after
{
    content: "";
    width: 100%;
    height: 60px;
    border-radius: 8px;
    position: absolute;
    animation: btnhover-ead8419a 1.4s linear infinite;
}
.bg .bg-l .btn[data-v-ead8419a]:hover:after
{
    animation-delay: .7s;
}
.bg .bg-l .btn[data-v-ead8419a]:active
{
    transform: scale(.96);
}
@keyframes btnhover-ead8419a
{
    0%
    {
        box-shadow: 0 0 #80ff00;
        opacity: .2;
    }
    to
    {
        box-shadow: 0 0 0 40px #80ff00;
        opacity: 0;
    }
}
.bg .bg-l .btn-icon[data-v-ead8419a]
{
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABGpJREFUeF7tm8+LHEUUx99706Gnf0ynd9hZs7gLslkI64povATxkOBBvARE2Jt4UBCC+hcYIafcPOrFo3jIJefccouQQyCg4E0wN2EYe6a3u2erq/QN1WFdZ2Y7Pb2uPVNzmWmqurrep75V3f2tNwgr/sEVjx8MAKOAFSdgpsASCsDyfX+NiC4SkRgMBr/Ni7HRCuh2u0GaprsAsIWIV/hbKbWtlFpDxIsAIBDxdhzHD2ZB+D8CoF6v5w6Hww3LslwAWJdSBkT0Sp7nRaA9ANgHgKCEgh8ppQ6SJHk2re65A3BddxMR95VSO0S0nef5DiKuAcAGAEwA6EDtEsFOq/ILER2MRqOf/wsAVhiGfpqmXSJiGXallOtEdElL8uFoNHqoO0Ke532slPoOAKoGV4bJmQGwHcfpERGPHkuTJXlJKcUj1gUAHkX+9gHA0j19dnh4yHM2C8MwHI/HPwLA+2WiWKDOQgBsz/PekVJuEBEvMNz5HQDg780qI0dEN1gFvu/38jy/h4jXFwiuzKmVAfAI30LEr/QcLEaxzEVn1mkMgCAIdoUQ9wDgzYUiPnFyYwD4vr8vpWQArxoANRIwCmjKImimgFkDzCJo7gLmNmieA8yDkHkSNI/CK/wusKfvAq/V+CoASqm3kyR51Ol01vltExFv1Nn+lLaetlqtg+Fw+OsLWWLasfkeAD6ssYNRu93e7vf7EQBccF33GwD4vMb2pzV137KsT6Mo6r8QAF058DzvM203L2qI9Fut1g8nRoIdpy9rav9f8SHi77Ztf6uBT+V87q7wGY/+qc0bAKcg4ilwiz1BpVSm6+ZExHNY8LFSKpJSTsoQMdNl/FtIKaO/d2ZyLsvz/M9ZmxOnDtMZVpipgCAIukIIXgQ/qOn6GSLej+P4owIeu8qu676nHefnIDXMuLgugy1AAoDM85yPZQH9WBkIISbncblt29FgMBjM6/9MAJ1O5wrb1gDwek0AuBneq3srjuOnfOC6Lqvr7owtrucAeB+BRaT7wYHz8QQAK/M4AAAozuPySCn1dZIkP82KYSaAJXKEqu0NLhGAahsjBoDxBI0naDxB4wkaT9B4gsYTNJ7gqnqCOgmRLatPanwZgsbkB3DQjuNstVqtm1JKzgC7BgDbAMBJipU/jQIwLUrOHZJScsbYNZ2WuqcTGzlrjNPiLsyjU7jCTcgSKzXKbG8zgPF4vElEDIBtdE6j4+SqywDgHWvoSbvdvs4mJRsuR0dHbIu/W+pC1StVexusfr1/nqmNlV2GhIgPRqPRH7qG5TjOF4jIhkgjM0XrYOQ5jnMTEVkpV7ViOOu7TiDnq4AKlLxOp7MlhNgnostSyjcQkRdeXmM4/falY6m3ZZpvHICTQVEYhoEQgrPK14QQL3PqfKEYpRR7lvMU81hKeZCm6dQ/TizDvgBnqG9lWXaVFaOU2uOdJgAItQl7p2l/mCgj63l1JophAFmWidP2IpZBAQsBMwAWwrcEJxsFLMEgLhTCyivgL0JFa26kEEE9AAAAAElFTkSuQmCC) center no-repeat;
    background-size: cover;
    margin-right: 8px;
}
.bg .bg-l .btn-icon2[data-v-ead8419a]
{
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 35px;
    background: url(data:image/png;base64,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) center no-repeat;
    background-size: cover;
}
.bg .bg-l .system[data-v-ead8419a]
{
    color: rgba(255,255,255,.6);
    font-size: 14px;
    font-weight: 400;
}
.bg .bg-l .tip[data-v-ead8419a]
{
    margin-top: 40px;
    width: 350px;
    height: 87px;
    background: url(../image/tip-7e7a9de8.png) center no-repeat;
    background-size: cover;
}
@keyframes bglmove-ead8419a
{
    0%
    {
        opacity: 0;
        transform: translateY(20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.chunk[data-v-ead8419a]
{
    margin: 0 auto;
    z-index: 2;
}
.chunk0[data-v-ead8419a]
{
    width: 1350px;
    height: auto;
    justify-content: space-between;
}
.chunk0 .l[data-v-ead8419a]
{
    width: 1px;
}
.chunk0 .r[data-v-ead8419a]
{
    width: 1138px;
    height: 660px;
    position: relative;
    margin-right: -150px;
}
.chunk0 .r img[data-v-ead8419a]
{
    width: 100%;
    display: block;
}
.chunk0 .r .r_img1[data-v-ead8419a]
{
    width: 100%;
    filter: blur(8rem) saturate(2);
    transform: scale(1) translateZ(0);
    inset: 0;
    object-fit: cover;
    pointer-events: none;
    object-position: center;
    z-index: 0;
    position: absolute;
}
.chunk0 .r .r_img2_div[data-v-ead8419a]
{
    width: 1706px;
    height: 1440px;
}
.chunk0 .r .r_img2[data-v-ead8419a]
{
    filter: blur(12rem) saturate(2);
    opacity: .8;
    transform: scale(1.5) translateZ(0);
    inset: 0;
    object-fit: cover;
    pointer-events: none;
    width: 1706px;
    object-position: center;
    position: absolute;
    top: 0;
}
.chunk0 .r .r_img3[data-v-ead8419a]
{
    -webkit-mask-image: linear-gradient(to bottom,black 0%,black 75%,transparent 100%);
    mask-image: linear-gradient(to bottom,black 0%,black 75%,transparent 100%);
}
.chunk0 .r .r_div[data-v-ead8419a]
{
    position: relative;
    -webkit-mask-image: linear-gradient(to left,transparent 0%,black 35%,black 65%,transparent 100%);
    mask-image: linear-gradient(to left,transparent 0%,black 35%,black 65%,transparent 100%);
}
.info[data-v-ead8419a]
{
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}
.info .info-img[data-v-ead8419a]
{
    height: 38px;
}
.info .info-img2[data-v-ead8419a]
{
    height: 261px;
}
.info .info-img3[data-v-ead8419a]
{
    width: 1350px;
    margin-bottom: 40px;
}
.info .info-img4[data-v-ead8419a]
{
    height: 624px;
}
.info .info-txt[data-v-ead8419a]
{
    margin: 17px 0 24px;
    font-size: 20px;
}
.info .info-txt span[data-v-ead8419a]
{
    color: #80ff00;
}
.info .info-imgpc[data-v-ead8419a]
{
    width: 1350px;
}
.info .info-imgph[data-v-ead8419a]
{
    position: absolute;
    right: 180px;
    top: 50px;
    width: 250px;
    z-index: 99;
}
.info .info-video[data-v-ead8419a]
{
    position: absolute;
    left: 178px;
    top: 36px;
    border-radius: 10px;
    width: 995px;
    height: 560px;
    z-index: 2;
}
.info-wrap[data-v-ead8419a]
{
    width: 100%;
    position: relative;
}
.info-wrap[data-v-ead8419a]:after
{
    content: "";
    position: absolute;
    left: 0;
    top: -100px;
    width: 100%;
    height: 840px;
    background: url(../image/index-img18-22122aaa.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}
.info-wrap2[data-v-ead8419a]:after
{
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 1043px;
    background: url(../image/index-img20-ed8fdced.png) center no-repeat;
    background-size: cover;
    z-index: 1;
}
.info2[data-v-ead8419a]
{
    width: 1350px;
    margin-bottom: 140px;
    position: relative;
}
.info2[data-v-ead8419a]:after
{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    left: 170px;
    top: 30px;
    border-radius: 10px;
    width: 1010px;
    background: #ffc0cb;
    height: 575px;
    background: #020202;
}
.info4[data-v-ead8419a]
{
    width: 1350px;
    position: relative;
    overflow: hidden;
    margin: 55px auto 145px;
}
.info4[data-v-ead8419a]:after
{
    position: absolute;
    content: "";
    left: 340px;
    top: -384px;
    width: 665px;
    height: 1355px;
    transform: rotate(-90deg);
    flex-shrink: 0;
    background: linear-gradient(180deg,#05060d 0%,rgba(5,6,13,.3019607843) 50.04%,#05060d 100%);
    z-index: 9;
}
.info3[data-v-ead8419a]
{
    width: 100%;
    transform: translate(0);
    animation: imgmove-ead8419a 40s linear infinite;
}
@keyframes imgmove-ead8419a
{
    0%
    {
        transform: translate(0);
    }
    to
    {
        transform: translate(-4313px);
    }
}
.info-bg[data-v-ead8419a]
{
    margin: 32px auto 10px;
    width: 1350px;
}
.info-btn[data-v-ead8419a]
{
    width: 260px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 8px;
    background: linear-gradient(270deg,#80ff00 0%,#fff500 100%);
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
    color: #0a0a0a;
    font-family: Microsoft YaHei UI;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    cursor: pointer;
    transition: width .5s linear(0 0%,.042 1.2%,.165 2.5%,1.05 9%,1.193 10.9%,1.255 12.9%,1.255 14.2%,1.225 15.7%,.982 22.7%,.949 24.5%,.934 26.4%,.939 28.8%,1 35.6%,1.017 39.8%,.996 53.2%,1 100%);
}
.info-btn[data-v-ead8419a]:hover
{
    width: 360px;
}
@keyframes widthAnimationInfinite-ead8419a
{
    0%, 12.5%
    {
        width: 260px;
    }
    37.5%, 62.5%, to
    {
        width: 360px;
    }
}
:root
{
    --vt-c-white: #fff;
    --vt-c-white-soft: #f8f8f8;
    --vt-c-white-mute: #f2f2f2;
    --vt-c-black: #f5f2e8;
    --vt-c-black-soft: #f5f2e8;
    --vt-c-black-mute: rgba(0,0,0,.9);
    --vt-c-black-nav: #f5f2e8;
    --vt-c-indigo: #f5f2e8;
    --vt-c-divider-light-1: rgba(60,60,60,.29);
    --vt-c-divider-light-2: rgba(60,60,60,.12);
    --vt-c-divider-dark-1: rgba(84,84,84,.65);
    --vt-c-divider-dark-2: rgba(84,84,84,.48);
    --vt-c-text-light-1: var(--vt-c-indigo);
    --vt-c-text-light-2: rgba(60,60,60,.66);
    --vt-c-text-dark-1: var(--vt-c-white);
    --vt-c-text-dark-2: rgba(235,235,235,.64);
    --base_bg_color: #0a0a0a;
    --dialog_bg_color: #1c2026!important;
    --base_chunk_bg_color: #1a1c1f;
    --base_btn_bg_color1: #42505f;
    --base_btn_bgh_color1: rgba(255,255,255,.4);
    --base_btn_bga_color1: #09beff;
    --base_btn_bg_color2: #09beff;
    --base_btn_bgh_color2: #2ad8ff;
    --base_btn_bga_color2: #007ec2;
    --base_btn_bg_color3: #ffd600;
    --base_color1: #fff;
    --base_color2: #34332f;
    --base_color3: #000;
    --base_width: 1000px;
    --base_color: #80ff00;
    --base_hover: #5e80f8;
    --base_active: #2a47af;
    --base_voice_color: #3b64f6;
    --base_voice_hover: #5e80f8;
    --base_voice_active: #2a47af;
    --base_image_color: #57bd6c;
    --base_image_hover: #6ed792;
    --base_image_active: #39a062;
    --base_voice_color_linear: linear-gradient(125deg,#3b64f6 0%,#76e3ff 100%);
    --base_voice_hover_linear: linear-gradient(125deg,#3b64f6 0%,#76e3ff 100%) rgba(255,255,255,.2);
    --base_voice_active_linear: linear-gradient(125deg,#3b64f6 0%,#76e3ff 100%) rgba(41,83,214,.3);
}
:root
{
    --color-background: var(--vt-c-white);
    --color-background-soft: var(--vt-c-white-soft);
    --color-background-mute: var(--vt-c-black-mute);
    --color-background-nav: var(--vt-c-black-nav);
    --color-border: var(--vt-c-divider-light-2);
    --color-border-hover: var(--vt-c-divider-light-1);
    --color-heading: var(--vt-c-text-light-1);
    --color-text: var(--vt-c-text-light-1);
    --color-text-label: #9798a5;
    --section-gap: 160px;
    --sidebar-width: 160px;
    --sibebar-item-icon-width: 44px;
    --sibebar-item-icon-height: 44px;
    --font-size-default: 14px;
    --header-height: 60px;
}
@media(prefers-color-scheme: dark)
{
    :root
    {
        --color-background: var(--vt-c-black);
        --color-background-soft: var(--vt-c-black-soft);
        --color-background-mute: var(--vt-c-black-mute);
        --color-border: var(--vt-c-divider-dark-2);
        --color-border-hover: var(--vt-c-divider-dark-1);
        --color-heading: var(--vt-c-text-dark-1);
        --color-text: var(--vt-c-text-dark-2);
    }
}
*, *:before, *:after
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body
{
    min-height: 100vh;
    color: var(--color-text);
    background: var(--color-background-mute);
    transition: color .5s,background-color .5s;
    line-height: 1.6;
    font-family: Microsoft YaHei UI-Semibold,Microsoft YaHei UI;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb
{
    width: 4px;
    background: #3e4852;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover
{
    background: #3e4852;
}
.popper-txt
{
    max-width: 200px;
}
.txtover
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.base_edit_tag
{
    background: rgba(255,255,255,.1);
}
#app
{
    margin: 0 auto;
    background-color: var(--color-background-mute);
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    font-family: Microsoft YaHei UI,Microsoft YaHei UI-Semibold;
}
.main
{
    position: relative;
    flex: 1;
    margin: 20px;
    padding: 16px;
    border-radius: 10px;
    background-color: var(--color-background);
}
.modal-info
{
    padding: 16px;
    font-size: 16px;
    color: var(--vt-c-black-soft);
    text-align: center;
}
.modal-title
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-weight: 700;
    font-family: Microsoft YaHei light;
}
.modal-title>*
{
    margin: 0 5px;
}
.input
{
    font-size: 14px;
    background-color: #f5f7fa;
    border: 1px solid #f5f7fa;
}
.bold
{
    font-weight: 700;
    font-family: Microsoft YaHei light;
}
.n-input:not(.n-input--disabled).n-input--focus
{
    background-color: #fff;
    border-color: #eee;
}
.n-base-selection .n-base-selection-label
{
    background-color: #f7f8fa;
}
.setting-item
{
    display: flex;
    align-items: center;
    margin: 16px 0;
}
.setting-item-label
{
    width: 76px;
    margin-right: 10px;
}
.setting-item-label, .setting-item-value
{
    color: var(--vt-c-black);
    font-size: 14px;
}
.setting-item-value
{
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all;
}
.d-flex
{
    display: flex;
}
.d-wrap
{
    flex-wrap: wrap;
}
.d-col
{
    flex-direction: column;
}
.d-just
{
    justify-content: center;
}
.d-just-end
{
    justify-content: flex-end;
}
.d-bte, .d-bet
{
    justify-content: space-between;
}
.d-align
{
    align-items: center;
}
.d-d-rr
{
    flex-direction: row-reverse;
}
.d-center
{
    align-items: center;
    justify-content: center;
}
.w-1350
{
    width: 1350px;
    margin: 0 auto;
}
.w1280
{
    max-width: 1350px;
    min-width: 900px;
    margin: 0 auto;
}