.regularFontCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon[data-v-ca9a76ac]:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon[data-v-ca9a76ac]:active {
    background: #004bcc
}

.linkBtnCommon2[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2[data-v-ca9a76ac], .linkBtnCommon2[data-v-ca9a76ac]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2[data-v-ca9a76ac]:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2[data-v-ca9a76ac]:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon[data-v-ca9a76ac]:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon[data-v-ca9a76ac]:active {
    background: #1d64c0
}

.btnCommon2[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2[data-v-ca9a76ac]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2[data-v-ca9a76ac]:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd[data-v-ca9a76ac]:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2[data-v-ca9a76ac]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2[data-v-ca9a76ac]:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont[data-v-ca9a76ac] {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont[data-v-ca9a76ac] {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon[data-v-ca9a76ac] {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon[data-v-ca9a76ac] {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon[data-v-ca9a76ac] {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon[data-v-ca9a76ac] {
    position: absolute;
    height: 100%;
    width: auto;
    top: 0
}

.boxContent[data-v-ca9a76ac] {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot[data-v-ca9a76ac] {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle[data-v-ca9a76ac] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo[data-v-ca9a76ac] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo[data-v-ca9a76ac] {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime[data-v-ca9a76ac] {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks[data-v-ca9a76ac] {
    display: flex
}

.articleInfo .itemMarks .mark[data-v-ca9a76ac] {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active[data-v-ca9a76ac], .mask-leave-active[data-v-ca9a76ac] {
    transition: opacity .3s
}

.mask-enter[data-v-ca9a76ac], .mask-leave-to[data-v-ca9a76ac] {
    opacity: 0
}

.common-enter-active[data-v-ca9a76ac], .common-leave-active[data-v-ca9a76ac] {
    transition: opacity .5s
}

.common-enter[data-v-ca9a76ac], .common-leave-to[data-v-ca9a76ac] {
    opacity: 0
}

.error[data-v-ca9a76ac] {
    width: 100vw;
    height: 100vh;
    background: #7395ff;
    text-align: center
}

.error .errorBx[data-v-ca9a76ac] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.error .errorBx .errorImg[data-v-ca9a76ac] {
    width: 500PX;
    height: auto
}

.error .errorBx .title[data-v-ca9a76ac] {
    text-align: center;
    line-height: 120PX;
    font-size: 36PX;
    color: #fff;
    letter-spacing: 4PX
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    scroll-behavior: smooth
}

a, blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
    font-family: PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, var {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: couriernew, courier, monospace
}

small {
    font-size: 12px
}

ol, ul {
    list-style: none
}

a {
    text-decoration: none !important;
    color: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    border-bottom: none;
    display: block
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

legend {
    color: #000
}

fieldset, img {
    border: 0
}

img {
    display: block
}

button, input, select, textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body, html {
    max-width: 2560px;
    margin: 0 auto
}

.ieDefault {
    display: block !important;
    min-height: unset !important
}

.ieDefault .wrap {
    flex: none;
    min-height: calc(100vh - 320px)
}

.ieDefault .helpcenter .bnr .bkg_box {
    justify-content: space-between
}

.ieDefault .mcompany .mtitle {
    height: 44px
}

.ieDefault .mcompany .mbold {
    height: auto
}

@font-face {
    font-family: consola;
    src: url(../fonts/consola-1.8480b7e.ttf)
}

@font-face {
    font-family: barlowFont;
    src: url(../fonts/barlow-medium.65affeb.ttf)
}

.hsc {
    position: absolute;
    top: 67px;
    left: 0;
    width: 1160px
}

.hsc.hsch2 {
    padding-top: 3px;
    top: 70px
}

.hsc .hsc_bx {
    background: #fff;
    box-shadow: 0 7px 30px 0 rgba(0, 0, 0, .3);
    border-radius: 10px;
    overflow: hidden;
    height: 400px
}

.hsc .hsc_left {
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 50px;
    display: inline-block;
    width: 225px;
    height: 100%;
    vertical-align: top;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), #e9ebef;
    box-sizing: border-box;
    overflow-y: auto
}

.hsc .hsc_left .hsc_left_item {
    margin-top: 20px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.hsc .hsc_left .hsc_left_item.active, .hsc .hsc_left .hsc_left_item:hover {
    font-weight: 600;
    color: #0070f9
}

.hsc .hsc_right {
    padding-top: 40px;
    box-sizing: border-box;
    display: inline-block;
    padding-left: 60px;
    height: 100%
}

.hsc .hsc_right .hsc_item {
    display: inline-block;
    width: 236px;
    height: 310px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e9ebef
}

.hsc .hsc_right .hsc_item:hover {
    transition: all .3s;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .12)
}

.hsc .hsc_right .hsc_item .hsc_item_pic {
    width: 100%;
    height: 156px
}

.hsc .hsc_right .hsc_item .hsc_item_info {
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_item_title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    -webkit-line-clamp: 2;
    height: 40px
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_item_desc, .hsc .hsc_right .hsc_item .hsc_item_info .hsc_item_title {
    font-family: PingFang SC;
    font-style: normal;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_item_desc {
    margin-top: 9px;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #747576;
    -webkit-line-clamp: 3;
    min-height: 52px
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_tags {
    margin-top: 9px
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_tags p {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    border-radius: 4px;
    color: #747576;
    background-color: rgba(116, 117, 118, .1)
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_tags p.p1 {
    color: #216ed8;
    background-color: rgba(33, 110, 216, .1)
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_tags p.p2 {
    color: #10b563;
    background-color: rgba(16, 181, 99, .1)
}

.hsc .hsc_right .hsc_item .hsc_item_info .hsc_tags p:nth-of-type(2) {
    margin-left: 6px;
    margin-right: 6px
}

.hsc .hsc_right .hsc_item:nth-of-type(2) {
    margin-left: 50px;
    margin-right: 50px
}

.regularFontCommon[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon[data-v-19b43341] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon[data-v-19b43341] {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon[data-v-19b43341]:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon[data-v-19b43341]:active {
    background: #004bcc
}

.linkBtnCommon2[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2[data-v-19b43341], .linkBtnCommon2[data-v-19b43341]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2[data-v-19b43341]:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2[data-v-19b43341]:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon[data-v-19b43341]:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon[data-v-19b43341]:active {
    background: #1d64c0
}

.btnCommon2[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2[data-v-19b43341]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2[data-v-19b43341]:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd[data-v-19b43341]:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2[data-v-19b43341]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2[data-v-19b43341]:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont[data-v-19b43341] {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont[data-v-19b43341] {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon[data-v-19b43341] {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon[data-v-19b43341] {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon[data-v-19b43341] {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon[data-v-19b43341] {
    position: absolute;
    height: 100%;
    width: auto;
    top: 0
}

.boxContent[data-v-19b43341] {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot[data-v-19b43341] {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle[data-v-19b43341] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo[data-v-19b43341] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo[data-v-19b43341] {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime[data-v-19b43341] {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks[data-v-19b43341] {
    display: flex
}

.articleInfo .itemMarks .mark[data-v-19b43341] {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active[data-v-19b43341], .mask-leave-active[data-v-19b43341] {
    transition: opacity .3s
}

.mask-enter[data-v-19b43341], .mask-leave-to[data-v-19b43341] {
    opacity: 0
}

.common-enter-active[data-v-19b43341], .common-leave-active[data-v-19b43341] {
    transition: opacity .5s
}

.common-enter[data-v-19b43341], .common-leave-to[data-v-19b43341] {
    opacity: 0
}

.an_data[data-v-19b43341] {
    position: absolute;
    top: 70px;
    left: -186px;
    width: 468px;
    min-height: 484px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px 0 rgba(0, 0, 0, .16078), 0 .5px 1px 0 rgba(0, 0, 0, .0902)
}

.an_data .an_angle[data-v-19b43341] {
    position: absolute;
    left: 220px;
    top: -12px;
    width: 25px;
    height: auto
}

.an_data .inner .top_back[data-v-19b43341] {
    width: 468px;
    height: 125px;
    background-image: url(../images/688417a.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px 12px 0 0
}

.an_data .inner .top_back .closeAn[data-v-19b43341] {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAApBAMAAAC1jHb7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAASUExURUdwTAAAAAAAAAAAAAAAAAAAAFZgiOcAAAAGdFJOUwBMJhxngkrKB0MAAABrSURBVCjPY2AY6oDZAJPFYCgEYykKIwQFFSAMJkGEIJMgVKkiTBaJA5dEVoqiEMpFVQjloykEC6ArBCvFUAhUKuIohOFVJtcQBeIEsWnHahE2J2F1PDZvYg0QbEGHNZCxRgfWiMMaxUMAAABotwvTnAVQrgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.an_data .inner .top_back .closeAn[data-v-19b43341]:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAA2UExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBHYtUAAAASdFJOUwAUdgE7Mw5eGTwGA44WAhAPFSrLV7cAAADZSURBVDjLndTZEoMgDAXQgCwBtNr//9mKtlWSUDK9j3oGZbIA7MlhwW7MWuDMFHCQMB3O4DCmyoCKBICCqmRYdTCA0cEFUJkLes/f3p59oY8xUZdi9BKkcncCREdldU74Rypbd4etJK6Bd0ldCy/JHIEfyR2FpxQcg1Vayx2H6Ow8W4djmCpMY5jOT6cRPO7heN0pfN9XkIBiH3AJnX5hEnp9RSV0+4pI6Dkqm1FwvO7izDih7v7/cR0ugEXnjG7rIW6QdbDoFyk8tKsZHsplv6dsP059hlzNC8JJL72NKy0FAAAAAElFTkSuQmCC)
}

.an_data .inner .top_back .closeAn[data-v-19b43341]:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAA5UExURQAAAAAAAAAAAAAAAAAAAAAAAAAAAEdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwFgLMAAAATdFJOU2cCfglHPhUAJkYeGB+VIQQWBSIJcJKBAAAAxklEQVQ4y63UyRKDIBAE0AZhGMW45P8/NmAqSw0Y+5C+ia/YGaSSQRY9zZTXapCSE73I5ip0k15mcgWKEtkSdqUyIHNQMHNwgZL5wBjbv19tbxiBYN0IxB60srgOPJqDdaEzRyvNJ866sAPgZLBmItCubJyBL9A6C5+k4xpYpfedzW/PevS3mw/6P8gOzS6G3R52w9kjZC8Fe83Yi0s/Bfpx0c/1sgDcOTdDOJgxcHAlC6nU0jyTpZko9nIU+5I9/+h1kaGaB6LELbnfxhTjAAAAAElFTkSuQmCC)
}

.an_data .inner .mention[data-v-19b43341] {
    width: auto;
    padding: 20px 20px 8px 24px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.an_data .inner .mention .title[data-v-19b43341] {
    color: #131314;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 4px
}

.an_data .inner .mention .content[data-v-19b43341] {
    margin-top: 4px;
    font-family: PingFang SC;
    text-underline-position: from-font;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.an_data .inner .mention .content span[data-v-19b43341] {
    color: #2e3638;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.an_data .inner .mention .content .te1[data-v-19b43341] {
    font-weight: 600
}

.an_data .inner .mention .btn1[data-v-19b43341] {
    color: #00a4dd;
    font-size: 14px;
    line-height: 22px;
    display: inline
}

.an_data .inner .mention .btn1[data-v-19b43341]:hover {
    opacity: .7
}

.an_data .inner .mention .btn1[data-v-19b43341]:active {
    color: .9
}

.an_data .inner .c_list[data-v-19b43341] {
    margin-top: 8px;
    display: flex;
    justify-content: center;
    flex-flow: row wrap
}

.an_data .inner .c_list .item[data-v-19b43341] {
    width: 134px;
    height: 118px;
    text-align: center
}

.an_data .inner .c_list .item img[data-v-19b43341] {
    height: 60px;
    width: 60px;
    margin: 0 auto
}

.an_data .inner .c_list .item .title[data-v-19b43341] {
    margin-top: 2px;
    color: #131314;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700
}

.an_data .inner .c_list .item .desc[data-v-19b43341] {
    margin-top: 4px;
    color: #6e777a;
    font-size: 11px;
    line-height: 16px
}

.an_data .inner .c_list .link[data-v-19b43341] {
    height: 118px;
    width: 1px;
    background: linear-gradient(180deg, rgba(235, 237, 240, .0001) -.47%, hsla(0, 0%, 74.9%, .5) 50.5%, rgba(235, 237, 240, .0001) 103.81%)
}

.an_data .inner .btns[data-v-19b43341] {
    display: flex;
    align-items: center;
    margin: 24px auto 28px
}

.an_data .inner .btns .btn2[data-v-19b43341] {
    margin: 0 auto;
    width: 304px;
    height: 44px;
    line-height: 44px;
    background: linear-gradient(90deg, #ffa837, #ff7902);
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 600
}

.an_data .inner .btns .btn2[data-v-19b43341]:hover {
    background: linear-gradient(90deg, #ffc273, #ff8f2a)
}

.an_data .inner .btns .btn2[data-v-19b43341]:active {
    background: linear-gradient(90deg, #f4a43c, #f07910)
}

.regularFontCommon[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon[data-v-12359509] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon[data-v-12359509] {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon[data-v-12359509]:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon[data-v-12359509]:active {
    background: #004bcc
}

.linkBtnCommon2[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2[data-v-12359509], .linkBtnCommon2[data-v-12359509]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2[data-v-12359509]:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2[data-v-12359509]:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon[data-v-12359509]:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon[data-v-12359509]:active {
    background: #1d64c0
}

.btnCommon2[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2[data-v-12359509]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2[data-v-12359509]:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd[data-v-12359509]:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2[data-v-12359509]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2[data-v-12359509]:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont[data-v-12359509] {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont[data-v-12359509] {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon[data-v-12359509] {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon[data-v-12359509] {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon[data-v-12359509] {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon[data-v-12359509] {
    position: absolute;
    height: 100%;
    width: auto;
    top: 0
}

.boxContent[data-v-12359509] {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot[data-v-12359509] {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle[data-v-12359509] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo[data-v-12359509] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo[data-v-12359509] {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime[data-v-12359509] {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks[data-v-12359509] {
    display: flex
}

.articleInfo .itemMarks .mark[data-v-12359509] {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active[data-v-12359509], .mask-leave-active[data-v-12359509] {
    transition: opacity .3s
}

.mask-enter[data-v-12359509], .mask-leave-to[data-v-12359509] {
    opacity: 0
}

.common-enter-active[data-v-12359509], .common-leave-active[data-v-12359509] {
    transition: opacity .5s
}

.common-enter[data-v-12359509], .common-leave-to[data-v-12359509] {
    opacity: 0
}

.header-v2[data-v-12359509] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .06)
}

.header-v2.game_version[data-v-12359509] {
    background-color: #1d1d1d;
    transition: background-color .3s
}

.header-v2.game_version .hni_text[data-v-12359509], .header-v2.game_version .hnitem.hnitem_link[data-v-12359509], .header-v2.game_version .login_btn[data-v-12359509] {
    color: #fff
}

.header-v2.game_version.game_version_active[data-v-12359509] {
    background-color: #fff
}

.header-v2.game_version.game_version_active .hni_text[data-v-12359509], .header-v2.game_version.game_version_active .hnitem.hnitem_link[data-v-12359509], .header-v2.game_version.game_version_active .login_btn[data-v-12359509] {
    color: #444546
}

.header-v2.game_version.game_version_active .hni_text[data-v-12359509]:hover {
    font-weight: 500;
    color: #0070f9;
    background-color: #f2f3f5
}

.header-v2.perform_version[data-v-12359509] {
    background-color: rgba(1, 13, 14, .3);
    transition: background-color .3s;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.header-v2.perform_version .hni_text[data-v-12359509], .header-v2.perform_version .hnitem.hnitem_link[data-v-12359509], .header-v2.perform_version .login_btn[data-v-12359509] {
    color: #fff
}

.header-v2.perform_version.fix_bg[data-v-12359509] {
    background-color: rgba(1, 13, 14, .5)
}

.header-v2.perform_version.perform_version_active[data-v-12359509] {
    background-color: #fff
}

.header-v2.perform_version.perform_version_active .hni_text[data-v-12359509], .header-v2.perform_version.perform_version_active .hnitem.hnitem_link[data-v-12359509], .header-v2.perform_version.perform_version_active .login_btn[data-v-12359509] {
    color: #444546
}

.header-v2.perform_version.perform_version_active .hni_text[data-v-12359509]:hover {
    font-weight: 500;
    color: #0070f9;
    background-color: #f2f3f5
}

.header-v2 .hcont[data-v-12359509] {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    margin: auto;
    width: 100%;
    position: relative;
    padding: 0 60px;
    box-sizing: border-box
}

.header-v2 .hnavs[data-v-12359509] {
    flex: 1;
    height: 100%;
    position: relative;
    display: flex
}

.header-v2 .hnavs_info[data-v-12359509] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    min-width: 768px
}

.header-v2 .hnitem[data-v-12359509] {
    display: flex;
    align-items: center;
    padding: 0 2px;
    cursor: pointer;
    height: 100%;
    color: #444546;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    transition: color .3s;
    position: relative
}

.header-v2 .hnitem .new-icon[data-v-12359509] {
    width: 34px;
    height: 16px;
    display: block;
    position: absolute;
    right: -10px;
    top: 10px;
    z-index: 1
}

.header-v2 .hnitem .new-icon1[data-v-12359509] {
    position: absolute;
    right: -10px;
    top: 8px;
    z-index: 1;
    padding: 1px 6px;
    background: linear-gradient(270deg, #ff771c, #ff961c 105.88%);
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
    color: #fff;
    border-radius: 10px 10px 10px 0
}

.header-v2 .logo_link[data-v-12359509] {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.header-v2 .logo[data-v-12359509] {
    width: 130px;
    height: auto
}

.header-v2 .hni_text[data-v-12359509] {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444546;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    transition: color .3s;
    padding: 10px 16px;
    border-radius: 6px;
    box-sizing: border-box
}

.header-v2 .hni_text.hover_other[data-v-12359509] {
    background-color: #f2f3f5;
    font-weight: 500;
    color: #0070f9
}

.header-v2 .hni_text .down_arrow_v2[data-v-12359509] {
    margin-left: 3px;
    margin-top: 2px
}

.header-v2 .hni_text .down_arrow_v2.rotate2up[data-v-12359509] {
    transform: rotate(180deg)
}

.header-v2 .hni_text .downicon[data-v-12359509], .header-v2 .hni_text .upicon[data-v-12359509] {
    font-size: 14px;
    margin-left: 3px;
    margin-top: 1px
}

.header-v2 .hni_text[data-v-12359509]:hover {
    font-weight: 500;
    color: #0070f9;
    background-color: #f2f3f5
}

.header-v2 .hnitem.hnitem_link.nuxt-link-exact-active[data-v-12359509], .header-v2 .hnitem.hnitem_link[data-v-12359509]:hover {
    font-weight: 500
}

.header-v2 .hnitem.last[data-v-12359509] {
    width: 95px;
    justify-content: center
}

.header-v2 .hnitem.active[data-v-12359509] {
    font-weight: 500;
    color: #0070f9
}

.header-v2 .hbtns[data-v-12359509] {
    flex-shrink: 0
}

.header-v2 .hbtns[data-v-12359509], .header-v2 .login_box[data-v-12359509] {
    display: flex;
    height: 100%;
    align-items: center
}

.header-v2 .login_box[data-v-12359509] {
    position: relative
}

.header-v2 .login_btn[data-v-12359509] {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #444546;
    position: relative
}

.header-v2 .login_btn .new-icon[data-v-12359509] {
    width: 34px;
    height: 16px;
    display: block;
    position: absolute;
    right: -17px;
    top: -16px;
    z-index: 1
}

.header-v2 .login_box:hover .login_btn[data-v-12359509] {
    font-weight: 500
}

.header-v2 .toenp_box[data-v-12359509] {
    display: flex;
    align-items: center;
    margin-left: 22px
}

.header-v2 .toenp[data-v-12359509] {
    line-height: 34px;
    background: #216ed8;
    border-radius: 4px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    width: 136px;
    text-align: center;
    cursor: pointer
}

.header-v2 .toenp[data-v-12359509]:hover {
    background-color: #0b80fe
}

.header-v2 .fold_icon[data-v-12359509] {
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.header-v2 .solutions[data-v-12359509] {
    position: relative;
    height: 100%
}

.header-v2 .loginbox[data-v-12359509] {
    position: absolute;
    left: -6px;
    top: 69px;
    width: 190px;
    background: #fff;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);
    border-radius: 6px;
    padding: 10px 16px;
    box-sizing: border-box
}

.header-v2 .loginbox .login_pop_item[data-v-12359509] {
    display: flex;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444546;
    margin-bottom: 8px;
    align-items: center;
    height: 40px
}

.header-v2 .loginbox .login_pop_item[data-v-12359509]:last-of-type {
    margin-bottom: 0
}

.header-v2 .loginbox .login_pop_item[data-v-12359509]:hover {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #016efd
}

.header-v2 .loginbox .login_pop_item .lbicon[data-v-12359509] {
    width: 24px;
    height: 24px
}

.header-v2 .loginbox .login_pop_item .lbtext[data-v-12359509] {
    margin-left: 8px
}

.header-v2 .hactive[data-v-12359509], .header-v2 .hnitem.hnitem_link.hactive[data-v-12359509], .header-v2 .login_btn[data-v-12359509]:hover {
    font-weight: 700;
    color: #000
}

.header-v2 .hdr_hide[data-v-12359509] {
    display: none !important
}

.header-v2 .anouc_bx[data-v-12359509] {
    position: relative;
    height: 100%
}

.header-v2 .anouc_bx .notice_bx[data-v-12359509] {
    display: flex;
    align-items: center;
    margin-right: 15px;
    height: 100%
}

.header-v2 .anouc_bx .notice_icon[data-v-12359509] {
    width: 20px;
    margin-right: 4px
}

.header-v2 .anouc_bx .notice_bx .so_text[data-v-12359509] {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444546
}

.header-v2 .anouc_bx .notice_bx .so_text[data-v-12359509]:hover {
    font-weight: 500;
    color: #0070f9
}

@media screen and (max-width: 1646px) {
    .header-v2 .hcont[data-v-12359509] {
        padding: 0 20px
    }

    .header-v2 .hnitem[data-v-12359509] {
        padding: 0
    }

    .header-v2 .hnitem .hni_text[data-v-12359509] {
        padding: 10px .8vw
    }

    .header-v2 .hnavs_info[data-v-12359509] {
        min-width: 860px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1460px) {
    .header-v2 .hcont[data-v-12359509] {
        padding-left: 14px;
        padding-right: 14px
    }

    .header-v2 .hnavs_info[data-v-12359509] {
        min-width: 860px;
        margin: 0 auto
    }
}

@media screen and (max-width: 1440px) {
    .header-v2 .hnitem[data-v-12359509] {
        padding: 0
    }

    .header-v2 .hnitem .hni_text[data-v-12359509] {
        padding: 10px
    }

    .header-v2 .hnavs_info[data-v-12359509] {
        min-width: 930px;
        margin: 0 auto
    }
}

.header-v2 .pro_popopbox[data-v-12359509] {
    position: absolute;
    left: -77px;
    top: 69px;
    background: #fff;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);
    border-radius: 6px;
    display: flex;
    padding: 24px 24px 8px
}

.header-v2 .pro_popopbox .hni_pop_item[data-v-12359509] {
    width: 280px
}

.header-v2 .pro_popopbox .hni_pop_item[data-v-12359509]:first-child {
    margin-right: 40px
}

.header-v2 .pro_popopbox .hni_top[data-v-12359509] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 13px;
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 1px solid #e6e7eb
}

.header-v2 .pro_popopbox .hni_top_left[data-v-12359509] {
    display: flex;
    align-items: center;
    width: 150px
}

.header-v2 .pro_popopbox .hni_top_left:hover .htext[data-v-12359509] {
    color: #016efd
}

.header-v2 .pro_popopbox .hlogo[data-v-12359509] {
    width: 24px;
    height: 24px
}

.header-v2 .pro_popopbox .htext[data-v-12359509] {
    margin-left: 8px;
    color: #90959c
}

.header-v2 .pro_popopbox .hlink[data-v-12359509], .header-v2 .pro_popopbox .htext[data-v-12359509] {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

.header-v2 .pro_popopbox .hlink[data-v-12359509] {
    color: #016efd
}

.header-v2 .pro_popopbox .hni_pop_cont[data-v-12359509] {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px
}

.header-v2 .pro_popopbox .hni_popc_item[data-v-12359509] {
    margin-bottom: 32px;
    display: block
}

.header-v2 .pro_popopbox .hni_popc_ititle[data-v-12359509] {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1f2329
}

.header-v2 .pro_popopbox .hni_popc_idesc[data-v-12359509] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #444546;
    margin-top: 4px
}

.header-v2 .pro_popopbox .hni_popc_item:hover .hni_popc_idesc[data-v-12359509], .header-v2 .pro_popopbox .hni_popc_item:hover .hni_popc_ititle[data-v-12359509] {
    color: #016efd
}

.header-v2 .sol_popbox[data-v-12359509] {
    position: absolute;
    top: 69px;
    left: -20px;
    background: #fff;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);
    border-radius: 6px;
    width: 160px;
    padding: 8px 16px;
    box-sizing: border-box
}

.header-v2 .sol_popbox .spop_item[data-v-12359509] {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #444546;
    margin-bottom: 18px
}

.header-v2 .sol_popbox .spop_item[data-v-12359509]:last-of-type {
    margin-bottom: 0
}

.header-v2 .sol_popbox .spop_item.siactive[data-v-12359509], .header-v2 .sol_popbox .spop_item[data-v-12359509]:hover {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 500;
    color: #016efd
}

.header-v2 .sol_popbox .so_icon[data-v-12359509] {
    width: 24px;
    height: 24px
}

.header-v2 .sol_popbox .so_text[data-v-12359509] {
    margin-left: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC
}

.header-v2 .dnload_popbox[data-v-12359509] {
    width: 175px;
    left: -40px
}

.header-v2 .rcs_popbox[data-v-12359509] {
    width: 175px;
    left: -20px
}

.header-v2 .hpop[data-v-12359509] {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%)
}

.header-v2 .hpop.hni_pop2[data-v-12359509] {
    left: calc(50% + 40px)
}

.header-v2 .hpop .hpop_bx[data-v-12359509] {
    margin-top: 3px;
    background: #fff;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .1), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 3px 14px 2px rgba(0, 0, 0, .05);
    border-radius: 12px;
    padding: 28px 18px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2[data-v-12359509] {
    padding: 0;
    border-radius: 12px;
    overflow: hidden
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 [data-v-12359509] {
    box-sizing: border-box
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2.hpop_bx_home[data-v-12359509] {
    display: flex;
    border-radius: 12px;
    background: #fff;
    background: var(--Backgrounds-Primary, #fff);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 3px 12px 0 rgba(0, 0, 0, .12)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2.hpop_bx_home .wrap_line[data-v-12359509] {
    height: 340px;
    width: 1px;
    background: linear-gradient(180deg, #fff, #e6e8ea 21%, #d6d4d4 50%, #fff)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2.hpop_bx_home .toc_wrap .pop-header[data-v-12359509] {
    border-radius: 12px 0 0 0;
    border-bottom: none;
    padding: 0 20px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2.hpop_bx_home .tob_wrap .pop-header[data-v-12359509] {
    border-radius: 0 12px 0 0;
    border-bottom: none
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-body[data-v-12359509] {
    cursor: default;
    padding: 8px 20px 20px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-body .body-desc[data-v-12359509] {
    margin-top: 12px;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom[data-v-12359509] {
    border-radius: 8px;
    height: 48px;
    background: rgba(229, 241, 254, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    margin: auto
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom[data-v-12359509]:hover {
    background: #2990ff
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom:hover .dl-img[data-v-12359509] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAASUExURUdwTP///////////////////4gZPH8AAAAFdFJOUwBgX9/vqLi+BgAAAIVJREFUKM/l0j0OwjAMhuE0cABLKHuGdkdI2enQA/Tnvf9VKqcMNukGTHzjo0+KbSWEX6Z/nGDZThD+E/VCiu5ShawYsZeaWBQHVoMJMkSYDXawwAASfFUzu+e7A8UPldriqyrvC6W2WKvS7n4bv/iz4oTJmitecHlWvHq8HxMWa5t8PM8OHfYwXDv4GaAAAAAASUVORK5CYII=)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom:hover .dl-text[data-v-12359509] {
    color: #fff
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom[data-v-12359509]:active {
    background: #0070f9
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom .dl-img[data-v-12359509] {
    margin-top: 1px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAeUExURQBw+fH3/pfF/JfE/JbE/B6B+g94+Q94+h6B+Q95+dySukQAAACQSURBVCjP5dKxDcIwEIXhX1GISIlPUMcVrcu03iBiAgoGYIQwAhvDOVF8ltyRjld+epLvTuZUCXvh9VbBqa8g/CfqhRTXSy044RUdvcE7jeLA0WAADw5agwINDBDt69+qpi1GkgVjOWcwxQ3FFPNGIRczSi6a3cfHjh/MPTE5+IRnirwTXkp8JZTZWhd/HukDMbsyX+jyF3YAAAAASUVORK5CYII=);
    margin-right: 6px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .pop-bottom .dl-text[data-v-12359509] {
    color: #0070f9;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .5px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap[data-v-12359509] {
    width: 320px;
    height: auto;
    overflow: hidden
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header[data-v-12359509] {
    width: 100%;
    height: 91px;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf0;
    display: flex;
    align-items: center
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header[data-v-12359509]:hover {
    background-color: #f7f9fc
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header:hover .toc-img[data-v-12359509] {
    background-image: url(../images/90fde7a.png)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header .toc-img[data-v-12359509] {
    flex-shrink: 0;
    width: 53px;
    height: 53px;
    margin-right: 20px;
    background-image: url(../images/a24da35.png);
    background-size: 53px auto;
    background-repeat: no-repeat
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header .toc-text[data-v-12359509] {
    width: 100%
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header .toc-text .header-title[data-v-12359509] {
    color: #444546;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header .toc-text .header-title .el-icon-arrow-right[data-v-12359509] {
    margin-left: 3px;
    font-weight: 700
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-header .toc-text .header-desc[data-v-12359509] {
    color: #9e9e9f;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-top: 3px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .body-desc[data-v-12359509] {
    color: #f60
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item-td[data-v-12359509] {
    display: flex;
    flex-flow: row wrap
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item[data-v-12359509] {
    cursor: pointer;
    padding: 0 8px;
    height: 48px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    width: 134px;
    box-sizing: border-box
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item[data-v-12359509]:last-of-type {
    margin-bottom: 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item[data-v-12359509]:hover {
    background: #f2f3f5
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item .vserion-icon[data-v-12359509] {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item .product-title[data-v-12359509] {
    color: #1f2329;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    line-height: normal
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .toc_wrap .pop-body .toc-product-item .product-desc[data-v-12359509] {
    color: #9e9e9f;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .5px;
    margin-top: 3px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap[data-v-12359509] {
    width: 320px;
    height: auto;
    overflow: hidden
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap.daas_wrap[data-v-12359509] {
    width: 368px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap.daas_wrap .pop-header[data-v-12359509] {
    border-bottom: none
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap.daas_wrap .pop-header[data-v-12359509]:hover {
    border-radius: 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap.daas_wrap .pop-header[data-v-12359509]:first-of-type {
    border-radius: 12px 12px 0 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap.daas_wrap .desktron-header[data-v-12359509]:hover {
    border-radius: 0 0 12px 12px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header[data-v-12359509] {
    width: 100%;
    height: 91px;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf0;
    display: flex;
    align-items: center;
    border-radius: 12px 12px 0 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header[data-v-12359509]:hover {
    background-color: #f7f9fc
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header:hover .tob-img[data-v-12359509] {
    background-image: url(../images/2fc45f7.png)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header:hover .daas-img[data-v-12359509] {
    background-image: url(../images/c588d5d.png)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header:hover .desktron-img[data-v-12359509] {
    background-image: url(../images/a6d8dc9.png)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-img[data-v-12359509] {
    flex-shrink: 0;
    width: 53px;
    height: 53px;
    margin-right: 20px;
    background-image: url(../images/def01e2.png);
    background-size: 53px auto;
    background-repeat: no-repeat
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .daas-img[data-v-12359509] {
    background-image: url(../images/e8ae25a.png);
    background-size: 53px auto;
    position: relative
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .daas-img .daas-mark-web[data-v-12359509] {
    position: absolute;
    width: 27px;
    height: 12px;
    bottom: 0;
    right: 2px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .desktron-img[data-v-12359509] {
    background-image: url(../images/39d2f77.png);
    background-size: 53px auto
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text[data-v-12359509] {
    width: 100%
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text .header-title[data-v-12359509] {
    color: #444546;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600;
    line-height: normal
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text .header-title .el-icon-arrow-right[data-v-12359509] {
    margin-left: 3px;
    font-weight: 700
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text .header-title .corner-mark[data-v-12359509] {
    padding: 2px 6px;
    background: linear-gradient(101.93deg, #f8a923 4.15%, #f17f49 14.84%, #f05836 33.92%, #ef412b 40.75%, #6f0a36 69.19%, #210411 94.1%);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    font-family: PingFang SC;
    color: #fff;
    border-radius: 8px 8px 8px 0;
    position: relative;
    top: -2px;
    display: inline-block;
    margin-left: 5px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text .header-title .corner-mark-web[data-v-12359509] {
    background: linear-gradient(95.6deg, #ff587e -.55%, #ff7b58 114.37%)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-header .tob-text .header-desc[data-v-12359509] {
    color: #9e9e9f;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    margin-top: 3px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .desktron-header[data-v-12359509] {
    border-radius: 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .body-desc[data-v-12359509] {
    color: #747576
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item[data-v-12359509] {
    margin-top: 12px;
    height: 42px;
    justify-content: space-between;
    display: flex;
    align-items: center
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .left[data-v-12359509], .header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .right[data-v-12359509] {
    cursor: pointer;
    box-sizing: content-box;
    padding: 12px 10px 12px 8px;
    border-radius: 8px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .left[data-v-12359509]:hover, .header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .right[data-v-12359509]:hover {
    background: #f2f3f5
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .left[data-v-12359509] {
    display: flex;
    margin-right: auto;
    width: 130px;
    align-items: center
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .right[data-v-12359509] {
    width: 130px;
    display: flex;
    align-items: center
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .product-img[data-v-12359509] {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .product-img.cloud[data-v-12359509] {
    height: 19px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-body .tob-product-item .product-desc[data-v-12359509] {
    color: #1f2329;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    margin-left: 8px
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-bottom:hover .dl-img[data-v-12359509] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAABIUExURUdwTP///////////////////////////////////////////////////////////////////////////////////////////wV68vgAAAAXdFJOUwAQgL9AMJ/v3yBgwODPcKBQf4+QsK/Qu+hBXgAAAPxJREFUOMvVU90agyAIzUSzrNa/7/+mCyunJm7ft5vtXIEcQeRQFH8IkMqYTg5vaDU3J1Sd44nKOFQik8/j7Uw6p8K4BlbAAy1O8QaMloddog0EEdPIy+G+E6HzkwB2ThCxmnNY4N2JLH0tRBuX7jLN8GRn8Zix2njYI9rkwO2gJRQMrKW+H+HHothzqounszJj/XrlWxuaCdwEkGkqm8wNKapwr2s33dILcfar+7NX0W/J3o8f7AKlgkr8pj2b4zJW5op5J6O3BDdmGX1zUiozFn+lbMiFZ/j23rnL7k3pIWDxJZA2IQERyC2zHmGsyog0iDWqaihiLvZreAK5Chwn9jO4NgAAAABJRU5ErkJggg==)
}

.header-v2 .hpop .hpop_bx.hpop_bx_v2 .tob_wrap .pop-bottom .dl-img[data-v-12359509] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAACHUExURQBw+bXV/Q95+eLv/g94+R6B+TyS+vH3/tPm/h6B+lqj+tPm/Uua+rTV/A94+lqj+zyR+pfE/B6A+niz+y2J+sTe/cTd/niz/Gmr+7XV/MTd/Xm0+1qi+1qi+pbE/OLu/oe7/MPd/S2K+rTV/Xm0/C2K+abN/Gqr+4i7/OLv/Ye8/KXM/abM/EcCdDkAAAE0SURBVDjL1ZRbe4IwDIbTtUArMJCBOg9Tt+mO///3jYCtKTRsly4XPMmTF3rI9wHJHwNuCBQzA/BcnH8BdQyXMHoKXNyDi7uGBzXhWlKzoMF+mX8k+Q6zmAO/sbvs8wfMBQNu297MFjEtBmDd9l5s8YgnZ0BczRV7rxqDMvyaD1Z0/7h0zYA7eiXbicPgR+C1zzeYf3EX3g26EIkUXRaxk0kVHaFKeVGsCanWUzJLI8uV6ZTM5HtmpZPNNQuKGLwodBCUbzAKgjpwYWy3qstqbAjwTVAejn19PNS+IYCa4JTT7ecRNQQQE6yGFu1kbiQBN8QEI3J5BbUZSMXFCheXDpyjAtIQuMeZfjowC23wunjmQLy2Jgw21mMQsIc/40uve6iBSGnYXn+YSD1xoO3BP/iH/wAeFClsCRgytAAAAABJRU5ErkJggg==)
}

.header-v2 .hpop .hni_pop_type0[data-v-12359509] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-v2 .hpop .hni_pop_type0 .pop_icon[data-v-12359509] {
    width: 53px;
    height: auto;
    margin-right: 10px
}

.header-v2 .hpop .hni_pop_type1[data-v-12359509] {
    display: flex;
    flex-flow: wrap;
    width: 468px;
    box-sizing: border-box
}

.header-v2 .hpop .hni_pop_type1 .pop_icon[data-v-12359509] {
    width: 33px;
    height: auto;
    margin-right: 10px
}

.header-v2 .hpop .hpop_item[data-v-12359509] {
    background: linear-gradient(0deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .75)), #e9ebef;
    border-radius: 6px;
    padding-left: 25px;
    padding-right: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.header-v2 .hpop .hpop_item .pop_title[data-v-12359509] {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1f2329
}

.header-v2 .hpop .hpop_item .pop_desc[data-v-12359509] {
    font-size: 12px;
    line-height: 17px;
    color: #747576;
    margin-top: 5px
}

.header-v2 .hpop .hpop_item.hactive[data-v-12359509], .header-v2 .hpop .hpop_item[data-v-12359509]:hover {
    background: #0070f9 !important;
    transition: all .3s
}

.header-v2 .hpop .hpop_item.hactive .pop_desc[data-v-12359509], .header-v2 .hpop .hpop_item.hactive .pop_title[data-v-12359509], .header-v2 .hpop .hpop_item:hover .pop_desc[data-v-12359509], .header-v2 .hpop .hpop_item:hover .pop_title[data-v-12359509] {
    color: #fff;
    transition: all .3s
}

.header-v2 .hpop .hpop_item0[data-v-12359509] {
    width: 272px;
    height: 140px;
    margin-bottom: 14px
}

.header-v2 .hpop .hpop_item1[data-v-12359509] {
    width: 272px;
    height: 86px
}

.header-v2 .hpop .hpop_item1.toc[data-v-12359509] {
    width: 568px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-v2 .hpop .hpop_game[data-v-12359509] {
    width: 272px;
    height: 140px;
    position: relative;
    padding: 0;
    margin-left: 25px
}

.header-v2 .hpop .hpop_game[data-v-12359509], .header-v2 .hpop .hpop_game[data-v-12359509]:hover {
    background-color: transparent
}

.header-v2 .hpop .hpop_game .game_bg_wrap[data-v-12359509] {
    width: 100%;
    height: 100%;
    background-size: auto 240px;
    background-repeat: no-repeat;
    background-image: url(../images/202305051606135faedc342a7338.png);
    background-position: bottom;
    box-sizing: border-box;
    padding: 0 20px 0 25px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    position: relative;
    background-color: #f9fafb;
    transition: background-color .3s
}

.header-v2 .hpop .hpop_game .game_bg_wrap[data-v-12359509]:hover {
    background-color: #0070f9
}

.header-v2 .hpop .hpop_game .game_bg_wrap:hover .game_text_wrap .game_desc[data-v-12359509], .header-v2 .hpop .hpop_game .game_bg_wrap:hover .game_text_wrap .game_title[data-v-12359509] {
    color: #fff
}

.header-v2 .hpop .hpop_game .game_bg_wrap .game_text_wrap[data-v-12359509] {
    width: 227px;
    height: 53px;
    margin: auto;
    box-sizing: border-box;
    padding-left: 63px;
    background-size: 53px 53px;
    background-repeat: no-repeat;
    background-image: url(../images/202304271415455fa4b49793aa60.png);
    background-position: 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 2
}

.header-v2 .hpop .hpop_game .game_bg_wrap .game_text_wrap .game_title[data-v-12359509] {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #1f2329;
    transition: color .3s;
    line-height: 22px
}

.header-v2 .hpop .hpop_game .game_bg_wrap .game_text_wrap .game_desc[data-v-12359509] {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #616369;
    transition: color .3s;
    line-height: 17px;
    margin-top: 5px
}

.header-v2 .hpop .hpop_item2[data-v-12359509] {
    width: 206px;
    height: 60px;
    margin-right: 20px;
    margin-top: 14px
}

.header-v2 .hpop .hpop_item2[data-v-12359509]:first-of-type, .header-v2 .hpop .hpop_item2[data-v-12359509]:nth-of-type(2) {
    margin-top: 0
}

.header-v2 .hpop .hpop_item2[data-v-12359509]:nth-child(2n) {
    margin-right: 0
}

.header-v2 .hpop .pop_line[data-v-12359509] {
    margin-right: 23px;
    height: 225px
}

.header-v2 .hpop .pop_line1[data-v-12359509] {
    height: 76px
}

.regularFontCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon[data-v-31d1cc7a]:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon[data-v-31d1cc7a]:active {
    background: #004bcc
}

.linkBtnCommon2[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2[data-v-31d1cc7a], .linkBtnCommon2[data-v-31d1cc7a]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2[data-v-31d1cc7a]:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2[data-v-31d1cc7a]:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon[data-v-31d1cc7a]:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon[data-v-31d1cc7a]:active {
    background: #1d64c0
}

.btnCommon2[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2[data-v-31d1cc7a]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2[data-v-31d1cc7a]:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd[data-v-31d1cc7a]:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2[data-v-31d1cc7a]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2[data-v-31d1cc7a]:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont[data-v-31d1cc7a] {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont[data-v-31d1cc7a] {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon[data-v-31d1cc7a] {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon[data-v-31d1cc7a] {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon[data-v-31d1cc7a] {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon[data-v-31d1cc7a] {
    position: absolute;
    height: 100%;
    width: auto;
    top: 0
}

.boxContent[data-v-31d1cc7a] {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot[data-v-31d1cc7a] {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle[data-v-31d1cc7a] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo[data-v-31d1cc7a] {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo[data-v-31d1cc7a] {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime[data-v-31d1cc7a] {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks[data-v-31d1cc7a] {
    display: flex
}

.articleInfo .itemMarks .mark[data-v-31d1cc7a] {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active[data-v-31d1cc7a], .mask-leave-active[data-v-31d1cc7a] {
    transition: opacity .3s
}

.mask-enter[data-v-31d1cc7a], .mask-leave-to[data-v-31d1cc7a] {
    opacity: 0
}

.common-enter-active[data-v-31d1cc7a], .common-leave-active[data-v-31d1cc7a] {
    transition: opacity .5s
}

.common-enter[data-v-31d1cc7a], .common-leave-to[data-v-31d1cc7a] {
    opacity: 0
}

.v1footer[data-v-31d1cc7a] {
    background-color: #272f3c;
    min-height: 350px;
    padding-top: 57px;
    box-sizing: border-box;
    position: relative
}

.v1footer.game_version[data-v-31d1cc7a] {
    background-color: #212121
}

.v1footer.perform_version[data-v-31d1cc7a] {
    background-color: #242c3b
}

.ft_box[data-v-31d1cc7a] {
    max-width: 1200px;
    position: relative;
    margin: auto
}

.ft_box[data-v-31d1cc7a], .ft_left[data-v-31d1cc7a] {
    display: flex;
    justify-content: space-between
}

.ft_left[data-v-31d1cc7a] {
    width: 100%
}

.ft_logos[data-v-31d1cc7a] {
    width: 160px
}

.ftl_top[data-v-31d1cc7a] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 45px
}

.ftl_icon[data-v-31d1cc7a] {
    width: 52px;
    height: 45px
}

.ftl_tricon[data-v-31d1cc7a] {
    width: 99px;
    height: auto;
    margin-top: 3px
}

.ftl_text[data-v-31d1cc7a] {
    font-size: 12px;
    color: #fff;
    -moz-text-align-last: justify;
    text-align-last: justify;
    margin-top: 4px;
    text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character
}

.ftl_text[data-v-31d1cc7a]:after {
    content: "";
    width: 100%;
    display: inline-block
}

.ftl_boo[data-v-31d1cc7a] {
    margin-top: 8px;
    line-height: 24px;
    background-color: #0175ff;
    text-align: center;
    border-right: 6px solid #00d6e1;
    font-size: 13px;
    color: #fff;
    width: 100%;
    box-sizing: border-box
}

.ftn_title[data-v-31d1cc7a] {
    margin-bottom: 22px;
    color: #fff;
    font-size: 14px;
    opacity: .7
}

.ftn_item[data-v-31d1cc7a] {
    display: block;
    color: hsla(0, 0%, 100%, .4);
    margin-bottom: 8px;
    font-size: 14px
}

.ftn_item[data-v-31d1cc7a]:hover {
    color: #fff
}

.ft_media[data-v-31d1cc7a] {
    display: flex
}

.ftm_items[data-v-31d1cc7a] {
    margin-top: 16px
}

.ftm_title[data-v-31d1cc7a] {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 24px
}

.ftm_title img[data-v-31d1cc7a] {
    width: 25px;
    height: 25px;
    margin-right: 8px
}

.ftm_title.active .ftmt_default[data-v-31d1cc7a], .ftm_title img.ftmt_active[data-v-31d1cc7a] {
    display: none
}

.ftm_title.active .ftmt_active[data-v-31d1cc7a] {
    display: block
}

.ftm_title span[data-v-31d1cc7a] {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: hsla(0, 0%, 100%, .6)
}

.ftm_title.active span[data-v-31d1cc7a] {
    color: #0b80fe
}

.ft_qrcodes[data-v-31d1cc7a], .ftq_default[data-v-31d1cc7a] {
    width: 136px;
    height: 136px
}

.ftq_default[data-v-31d1cc7a] {
    margin-left: 7px
}

.ft_info[data-v-31d1cc7a] {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 20px
}

.fti_line[data-v-31d1cc7a] {
    max-width: 1440px;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .05);
    margin: auto
}

.fti_box[data-v-31d1cc7a] {
    text-align: center;
    margin-top: 17px
}

.fti_box a[data-v-31d1cc7a], .fti_box span[data-v-31d1cc7a] {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    display: inline
}

.regularFontCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon:active {
    background: #004bcc
}

.linkBtnCommon2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2, .linkBtnCommon2:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon:active {
    background: #1d64c0
}

.btnCommon2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon {
    position: absolute;
    height: 100%;
    width: auto;
    top: 0
}

.boxContent {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks {
    display: flex
}

.articleInfo .itemMarks .mark {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active, .mask-leave-active {
    transition: opacity .3s
}

.mask-enter, .mask-leave-to {
    opacity: 0
}

.common-enter-active, .common-leave-active {
    transition: opacity .5s
}

.common-enter, .common-leave-to {
    opacity: 0
}

.default {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    box-sizing: border-box
}

.wrap {
    flex: 1
}

.lowerIeMention {
    text-align: center;
    background-color: #ff0;
    color: red;
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
    z-index: 10
}