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

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

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

.linkBtnCommon[data-v-677916cb] {
    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-677916cb]:hover {
    background: #0077e6;
    transition: background .5s
}

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

.linkBtnCommon2[data-v-677916cb] {
    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-677916cb],.linkBtnCommon2[data-v-677916cb]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

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

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

.btnCommon[data-v-677916cb] {
    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-677916cb]:hover {
    background: rgba(33,110,216,.8);
    transition: background .5s
}

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

.btnCommon2[data-v-677916cb] {
    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-677916cb]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

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

.btnCommonTd[data-v-677916cb] {
    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-677916cb]:hover {
    background: rgba(0,112,255,.8);
    transition: background .5s
}

.btnCommonTd2[data-v-677916cb] {
    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-677916cb]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

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

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

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

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

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

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

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

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

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

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

.breads[data-v-677916cb] {
    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-677916cb] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

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

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

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

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

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

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

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

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

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

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

.error .errorBx[data-v-677916cb] {
    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-677916cb] {
    width: 500PX;
    height: auto
}

.error .errorBx .title[data-v-677916cb] {
    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
}

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
}

body,button,input,select,textarea {
    font: 12px/1.5tahoma,arial,\5b8b\4f53
}

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

address,cite,dfn,em,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 10px 30px rgba(0,0,0,.15);
    border-radius: 10px;
    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
}

.header {
    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.game_version {
    background-color: #1d1d1d;
    transition: background-color .3s
}

.header.game_version .hni_text,.header.game_version .hnitem.hnitem_link,.header.game_version .login_btn {
    color: #fff
}

.header.game_version:hover {
    background-color: #fff
}

.header.game_version:hover .hni_text,.header.game_version:hover .hnitem.hnitem_link,.header.game_version:hover .login_btn {
    color: #585f69
}

.header .hcont {
    display: flex;
    justify-content: space-between;
    height: 70px;
    align-items: center;
    margin: auto;
    width: calc(100% - 96px);
    position: relative;
    max-width: 1200px;
    min-width: 1040px;
    padding-left: 48px;
    padding-right: 48px
}

.header .hnavs {
    flex: 1;
    height: 100%;
    position: relative
}

.header .hnavs_info {
    height: 100%;
    display: flex
}

.header .hnitem {
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.header .logo_link {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 10px
}

.header .logo {
    width: 130px;
    height: auto
}

.header .hni_text {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #585f69;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    transition: color .3s
}

.header .hni_text .downicon,.header .hni_text .upicon {
    margin-left: 6px;
    width: 12px;
    height: auto
}

.header .hnitem.item_hover .hni_text,.header .hnitem:hover .hni_text {
    font-weight: 700;
    color: #272727
}

.header .hnitem {
    height: 100%
}

.header .hnitem.hnitem_link {
    color: #585f69;
    transition: color .3s
}

.header .hnitem.hnitem_link.nuxt-link-exact-active,.header .hnitem.hnitem_link:hover {
    font-weight: 700;
    color: #272727
}

.header .hnitem.last {
    width: 95px;
    justify-content: center
}

.header .hnitem.active {
    font-weight: 700;
    color: #272727
}

.header .hbtns,.header .login_box {
    display: flex;
    height: 100%;
    align-items: center
}

.header .login_box {
    position: relative
}

.header .login_btn {
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
    color: #585f69
}

.header .login_box:hover .login_btn {
    font-weight: 700
}

.header .toenp_box {
    display: flex;
    align-items: center;
    margin-left: 10px
}

.header .toenp {
    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 .toenp:hover {
    background-color: #0b80fe
}

.header .fold_icon {
    display: none;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.header .solutions {
    position: relative;
    height: 100%
}

.header .loginbox {
    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 .loginbox .login_pop_item {
    display: flex;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #585f69;
    margin-bottom: 8px;
    align-items: center;
    height: 40px
}

.header .loginbox .login_pop_item:last-of-type {
    margin-bottom: 0
}

.header .loginbox .login_pop_item:hover {
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #016efd
}

.header .loginbox .login_pop_item .lbicon {
    width: 24px;
    height: 24px
}

.header .loginbox .login_pop_item .lbtext {
    margin-left: 8px
}

.header .hactive,.header .hnitem.hnitem_link.hactive,.header .login_btn:hover {
    font-weight: 700;
    color: #272727
}

.header .hdr_hide {
    display: none!important
}

.header .anouc_bx {
    position: relative;
    height: 100%
}

.header .anouc_bx .notice_bx {
    display: flex;
    align-items: center;
    margin-right: 15px;
    height: 100%
}

.header .anouc_bx .notice_icon {
    width: 20px;
    margin-right: 4px
}

.header .anouc_bx .notice_bx .so_text {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #585f69
}

.header .anouc_bx .notice_bx .so_text:hover {
    font-weight: 700;
    color: #272727
}

.header .anouc_bx .an_data {
    position: absolute;
    top: 73px;
    left: -186px;
    width: 488px;
    height: 258px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f3f9ff;
    border: 1px solid #dfecfa;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    padding: 6px;
    background-image: url(../fonts/aa62f96e9be9452483a57351d33c89bf.woff)
}

.header .anouc_bx .an_data .inner .mention .closeAn:active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAtUExURUdwTOvu8e/v7+vu8ufv7+vu8uzu8enu8evu8aampsDBwsjKzL/Bw8nKy9HT1SJe1o8AAAAIdFJOUwDvIL8gr++wt6X3YAAAAMlJREFUKM+tk80JAjEQRgexAvXg0ZMliEftwnZExLAE78Pi3tOBLaSDlKBdGJLMDzuLp81p83gwM99sYHFwo3Pfwd6Zs4KLhTewzF2noJsDPj90rV8FfnuCcRCI78o8CuywqRGTFApV9fhS1ZvaRGqpqCQSLCqJ3HxWWWSYVRZlzIAsCuyQRYEeaSwFI2I/hrl0YBVYTJwAwdIjq6DiYRWciodU0DmSCjpHUts6Eo2ldsRTh+H/iuf+l7ZT8GjZA84WbmBpXsL69ANqLbN4q6R8lAAAAABJRU5ErkJggg==)
}

.header .anouc_bx .an_data .inner .mention .title {
    font-size: 14px;
    color: #131314
}

.header .anouc_bx .an_data .inner .mention .content {
    margin-top: 17px;
    font-size: 14px;
    color: #131314;
    line-height: 20px;
    text-indent: 2em
}

.header .anouc_bx .an_data .inner .mention .content .te {
    color: #f84646
}

.header .anouc_bx .an_data .inner .mention .btns {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .anouc_bx .an_data .inner .mention .btns .btn1 {
    color: #1369cc;
    font-size: 14px;
    margin-right: 16px
}

.header .anouc_bx .an_data .inner .mention .btns .btn1:hover {
    color: #107bf5
}

.header .anouc_bx .an_data .inner .mention .btns .btn1:active {
    color: #00709f
}

.header .anouc_bx .an_data .inner .mention .btns .btn2 {
    width: 76px;
    height: 28px;
    background: #006ef0;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff
}

.header .anouc_bx .an_data .inner .mention .btns .btn2:active,.header .anouc_bx .an_data .inner .mention .btns .btn2:hover {
    background: #1c87fd
}

.header .public_bx {
    position: relative;
    height: 100%
}

.header .public_bx .pb_btn {
    display: flex;
    align-items: center;
    margin-right: 15px;
    height: 100%
}

.header .public_bx .pb_btn .pb_btn_bx {
    width: 36px;
    height: 36px;
    background: #fff2e0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@-webkit-keyframes pbbtnicon {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(-15deg)
    }

    20% {
        transform: rotate(15deg)
    }

    30% {
        transform: rotate(-15deg)
    }

    40% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes pbbtnicon {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(-15deg)
    }

    20% {
        transform: rotate(15deg)
    }

    30% {
        transform: rotate(-15deg)
    }

    40% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

.header .public_bx .pb_btn .pb_btn_bx img {
    width: 23px;
    height: auto;
    transform-origin: center;
    transform: rotate(0);
    animation: pbbtnicon 2s;
    -webkit-animation: pbbtnicon 2s infinite
}

.header .public_bx .pb_btn .pb_btn_text {
    margin-left: 10px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #585f69
}

.header .public_bx:hover .pb_btn_text {
    font-weight: 700;
    color: #272727
}

.header .public_bx .pb_btn_data {
    position: absolute;
    top: 65px;
    left: -130px;
    width: 368px;
    height: 242px;
    background: #fff;
    box-shadow: 0 12px 20px 0 rgba(0,0,0,.18);
    border: 1px solid #f2f3f5;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 8px
}

.header .public_bx .pb_btn_data .pb_btn_ngl {
    position: absolute;
    top: -12px;
    left: 177px;
    width: 29px;
    height: auto
}

.header .public_bx .pb_btn_data .inner {
    width: 100%;
    height: 100%;
    background-image: url(../images/202303161421235f6fe78452be68.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 18px;
    padding-top: 24px;
    box-sizing: border-box;
    border-radius: 8px
}

.header .public_bx .pb_btn_data .inner .t1 {
    font-size: 26px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #fff;
    line-height: 37px
}

.header .public_bx .pb_btn_data .inner .t2 {
    font-size: 20px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 28px
}

.header .public_bx .pb_btn_data .inner .t3 {
    margin-top: 22px;
    width: 129px;
    height: 40px;
    background: linear-gradient(270deg,#fd984d,#f44949);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    border-radius: 24px;
    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 38px
}

@media screen and (max-width: 1282px) {
    .header .hcont {
        padding-left:20px;
        padding-right: 20px;
        width: calc(100% - 40px)
    }

    .header .hnitem {
        padding-left: .6vw;
        padding-right: .6vw
    }
}

@media screen and (max-width: 1000px) {
    .header .hnitem {
        padding-left:5px;
        padding-right: 5px
    }
}

.header .pro_popopbox {
    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 .pro_popopbox .hni_pop_item {
    width: 280px
}

.header .pro_popopbox .hni_pop_item:first-child {
    margin-right: 40px
}

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

.header .pro_popopbox .hni_top_left {
    display: flex;
    align-items: center;
    width: 150px
}

.header .pro_popopbox .hni_top_left:hover .htext {
    color: #016efd
}

.header .pro_popopbox .hlogo {
    width: 24px;
    height: 24px
}

.header .pro_popopbox .htext {
    margin-left: 8px;
    color: #90959c
}

.header .pro_popopbox .hlink,.header .pro_popopbox .htext {
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400
}

.header .pro_popopbox .hlink {
    color: #016efd
}

.header .pro_popopbox .hni_pop_cont {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px
}

.header .pro_popopbox .hni_popc_item {
    margin-bottom: 32px;
    display: block
}

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

.header .pro_popopbox .hni_popc_idesc {
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #585f69;
    margin-top: 4px
}

.header .pro_popopbox .hni_popc_item:hover .hni_popc_idesc,.header .pro_popopbox .hni_popc_item:hover .hni_popc_ititle {
    color: #016efd
}

.header .sol_popbox {
    position: absolute;
    top: 69px;
    left: -20px;
    width: 100%;
    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: 10px 16px;
    box-sizing: border-box
}

.header .sol_popbox .spop_item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #585f69;
    margin-bottom: 18px
}

.header .sol_popbox .spop_item:last-of-type {
    margin-bottom: 0
}

.header .sol_popbox .spop_item.siactive,.header .sol_popbox .spop_item:hover {
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 700;
    color: #016efd
}

.header .sol_popbox .so_icon {
    width: 24px;
    height: 24px
}

.header .sol_popbox .so_text {
    margin-left: 8px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC
}

.header .dnload_popbox {
    width: 175px;
    left: -40px
}

.header .rcs_popbox {
    width: 175px;
    left: -20px
}

.header .hpop {
    position: absolute;
    top: 70px;
    left: 0
}

.header .hpop.hni_pop1,.header .hpop.hni_pop2 {
    left: -187px
}

.header .hpop.hni_pop3 {
    left: -282px
}

.header .hpop .hpop_bx {
    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: 6px;
    padding: 28px 18px
}

.header .hpop .hni_pop_type0 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .hpop .hni_pop_type0 .pop_icon {
    width: 53px;
    height: auto;
    margin-right: 10px
}

.header .hpop .hni_pop_type1 {
    display: flex;
    flex-flow: wrap;
    width: 468px;
    box-sizing: border-box
}

.header .hpop .hni_pop_type1 .pop_icon {
    width: 33px;
    height: auto;
    margin-right: 10px
}

.header .hpop .hpop_item {
    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 .hpop .hpop_item .pop_title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #1f2329
}

.header .hpop .hpop_item .pop_desc {
    font-size: 12px;
    line-height: 17px;
    color: #747576;
    margin-top: 5px
}

.header .hpop .hpop_item.hactive,.header .hpop .hpop_item:hover {
    background: #0070f9;
    transition: all .3s
}

.header .hpop .hpop_item.hactive .pop_desc,.header .hpop .hpop_item.hactive .pop_title,.header .hpop .hpop_item:hover .pop_desc,.header .hpop .hpop_item:hover .pop_title {
    color: #fff;
    transition: all .3s
}

.header .hpop .toc_wrap {
    width: 569px;
    display: flex;
    flex-wrap: wrap
}

.header .hpop .hpop_item0 {
    width: 272px;
    height: 140px;
    margin-bottom: 14px
}

.header .hpop .hpop_item1 {
    width: 272px;
    height: 86px
}

.header .hpop .hpop_item1.toc {
    width: 568px;
    display: flex;
    align-items: center;
    justify-content: center
}

.header .hpop .hpop_game {
    width: 272px;
    height: 140px;
    position: relative;
    padding: 0;
    margin-left: 25px
}

.header .hpop .hpop_game,.header .hpop .hpop_game:hover {
    background-color: transparent
}

.header .hpop .hpop_game .game_bg_wrap {
    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 .hpop .hpop_game .game_bg_wrap:hover {
    background-color: #0070f9
}

.header .hpop .hpop_game .game_bg_wrap:hover .game_text_wrap .game_desc,.header .hpop .hpop_game .game_bg_wrap:hover .game_text_wrap .game_title {
    color: #fff
}

.header .hpop .hpop_game .game_bg_wrap .game_text_wrap {
    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 .hpop .hpop_game .game_bg_wrap .game_text_wrap .game_title {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #1f2329;
    transition: color .3s;
    line-height: 22px
}

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

.header .hpop .hpop_item2 {
    width: 206px;
    height: 60px;
    margin-right: 20px;
    margin-top: 14px
}

.header .hpop .hpop_item2:first-of-type,.header .hpop .hpop_item2:nth-of-type(2) {
    margin-top: 0
}

.header .hpop .hpop_item2:nth-child(2n) {
    margin-right: 0
}

.header .hpop .pop_line {
    width: 1px;
    background: #e9ebef;
    margin-left: 23px;
    margin-right: 23px;
    height: 225px
}

.header .hpop .pop_line1 {
    height: 76px
}

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

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

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

.linkBtnCommon[data-v-698d0c54] {
    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-698d0c54]:hover {
    background: #0077e6;
    transition: background .5s
}

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

.linkBtnCommon2[data-v-698d0c54] {
    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-698d0c54],.linkBtnCommon2[data-v-698d0c54]:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

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

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

.btnCommon[data-v-698d0c54] {
    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-698d0c54]:hover {
    background: rgba(33,110,216,.8);
    transition: background .5s
}

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

.btnCommon2[data-v-698d0c54] {
    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-698d0c54]:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

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

.btnCommonTd[data-v-698d0c54] {
    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-698d0c54]:hover {
    background: rgba(0,112,255,.8);
    transition: background .5s
}

.btnCommonTd2[data-v-698d0c54] {
    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-698d0c54]:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

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

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

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

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

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

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

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

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

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

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

.breads[data-v-698d0c54] {
    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-698d0c54] {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

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

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

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

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

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

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

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

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

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

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

.v1footer.game_version[data-v-698d0c54] {
    background-color: #212121
}

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

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

.ft_left[data-v-698d0c54] {
    width: 100%
}

.ft_logos[data-v-698d0c54] {
    width: 160px
}

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

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

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

.ftl_text[data-v-698d0c54] {
    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-698d0c54]:after {
    content: "";
    width: 100%;
    display: inline-block
}

.ftl_boo[data-v-698d0c54] {
    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-698d0c54] {
    margin-bottom: 22px;
    color: #fff;
    font-size: 14px;
    opacity: .7
}

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

.ftn_item[data-v-698d0c54]:hover {
    color: #fff
}

.ft_media[data-v-698d0c54] {
    display: flex
}

.ftm_items[data-v-698d0c54] {
    margin-top: 16px
}

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

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

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

.ftm_title.active .ftmt_active[data-v-698d0c54] {
    display: block
}

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

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

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

.ftq_default[data-v-698d0c54] {
    margin-left: 7px
}

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

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

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

.fti_box a[data-v-698d0c54],.fti_box span[data-v-698d0c54] {
    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%;
    top: 0;
    width: auto
}

.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 {
    margin-top: 70PX;
    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
}