@charset "UTF-8";
.svg-icon[data-v-798affd4]{
    width:10em;
    height:10em;
    vertical-align:-.15em;
    fill:currentColor;
    overflow:hidden
}
.container[data-v-798affd4]{
    margin:0 auto;
    display:flex;
    height:calc(76% - .4375rem)
}
.container .leftnav[data-v-798affd4]{
    width:18rem;
    height:25.3125rem;
    background:#ffffff;
    margin-right:1rem;
    border-radius:.5rem;
    box-shadow:0 2px .375rem rgba(0,0,0,.3)
}
.container .leftnav .lefthead[data-v-798affd4]{
    border-bottom:solid 1px #eeeeee
}
.container .leftnav .letf_help[data-v-798affd4]{
    display:flex;
    align-items:center;
    text-align:center;
    margin-left:1rem;
    margin-top:1rem;
    margin-bottom:1rem
}
.container .leftnav .letf_help>div[data-v-798affd4]{
    font-family:Microsoft YaHei;
    font-weight:700;
    color:#162960;
    font-size:1rem
}
.container .leftnav .leftnav_list .scrollbar[data-v-798affd4]{
    height:18.75rem
}
.container .leftnav .leftnav_list .list_item[data-v-798affd4]{
    height:3.125rem;
    font-family:Microsoft YaHei;
    color:#162960;
    font-size:.875rem;
    padding-left:1rem;
    line-height:3.125rem;
    border-bottom:solid 1px #eeeeee;
    cursor:pointer
}
.container .leftnav .leftnav_list .list_item[data-v-798affd4]:hover,.container .leftnav .leftnav_list .list_item.leftnav_list_active[data-v-798affd4]{
    background:#ebf0fe;
    color:#3867f1
}
.container .righttext[data-v-798affd4]{
    width:56rem;
    height:23.3125rem;
    background:#ffffff;
    border-radius:.5rem;
    box-shadow:0 2px .375rem rgba(0,0,0,.3);
    padding:1rem;
    overflow:auto;
    margin-bottom:1.25rem
}
.container .righttext>div[data-v-798affd4]{
    width:100%
}
.main[data-v-a1ad537f]{
    width:100%;
    position:absolute;
    z-index:100000;
    box-shadow:0 .25rem 1rem rgba(51,51,51,.05)
}
.title[data-v-a1ad537f]{
    font-weight:600;
    line-height:4.125rem;
    color:#fff;
    font-size:1.25rem;
    letter-spacing:6%;
    margin-right:1rem;
    position:absolute;
    display:flex;
    align-items:center;
    left:0;
    top:0
}
.title>img[data-v-a1ad537f]{
    margin-right:.5rem;
    height:2.25rem
}
.content[data-v-a1ad537f]{
    width:75rem;
    height:4.125rem;
    display:flex;
    position:relative;
    margin:auto;
    justify-content:center
}
.menu-item[data-v-a1ad537f]{
    width:6rem;
    font-family:Microsoft YaHei;
    font-size:.875rem;
    text-align:center;
    line-height:4.125rem;
    color:#fff;
    position:relative;
    cursor:pointer
}
.action-class[data-v-a1ad537f]:after{
    content:"";
    width:3.5rem;
    height:.1875rem;
    position:absolute;
    bottom:2px;
    background-color:#fff;
    left:50%;
    transform:translate(-50%)
}
.notice-time[data-v-6508e1e3]{
    padding:0 2rem;
    position:absolute;
    bottom:-.625rem;
    line-height:2rem;
    left:0
}
[data-v-6508e1e3] .el-carousel__arrow--left{
    background:transparent;
    left:0
}
[data-v-6508e1e3] .el-carousel__arrow--left .el-icon{
    color:#999;
    font-size:1.75rem
}
[data-v-6508e1e3] .el-carousel__arrow--right{
    background:transparent;
    right:0
}
[data-v-6508e1e3] .el-carousel__arrow--right .el-icon{
    color:#999;
    font-size:1.75rem
}
.notice-content[data-v-6508e1e3]{
    padding:0 2rem;
    margin:0;
    white-space:pre-line;
    height:calc(100% - 2rem);
    overflow:auto
}
.notice-content[data-v-6508e1e3]::-webkit-scrollbar{
    width:2px
}
.notice-content[data-v-6508e1e3]::-webkit-scrollbar-thumb{
    background:#4673e9
}
.my-read-btn-box[data-v-6508e1e3]{
    padding:0 1.5rem;
    display:flex;
    justify-content:end
}
.my-read-btn[data-v-6508e1e3]{
    cursor:pointer;
    background:#4673e9;
    width:5rem;
    height:2rem;
    color:#fff;
    border-radius:1.25rem;
    display:flex;
    align-items:center;
    justify-content:center
}
.box[data-v-bd7e4613]{
    display:flex
}
.box .item[data-v-bd7e4613]{
    width:18.5rem;
    height:15rem;
    background:#ffffff;
    border-radius:.5rem;
    display:flex;
    flex-direction:column;
    align-items:center
}
.box .item[data-v-bd7e4613]:not(:last-child){
    margin-right:1rem
}
.box .item>img[data-v-bd7e4613]{
    margin:2.8125rem 0 1rem;
    width:2.5rem;
    height:2.5rem
}
.box .item .title[data-v-bd7e4613]{
    color:#162960;
    font-size:.875rem;
    line-height:1.875rem
}
.box .item .url[data-v-bd7e4613]{
    text-align:center;
    margin-top:.75rem;
    height:2rem;
    line-height:1rem;
    color:#3867f1;
    font-size:.875rem
}
.box .item[data-v-bd7e4613] .el-button{
    margin-top:1rem;
    color:#3867f1;
    border:#3867f1 1px solid
}
.back-box[data-v-ab18548a]{
    flex:0;
    display:flex;
    align-items:center;
    white-space:nowrap;
    position:absolute;
    color:#001b62;
    font-size:.875rem;
    height:1.5rem
}
.back-title[data-v-ab18548a]{
    font-weight:600;
    color:#001b62;
    font-size:1rem;
    text-align:center
}
.text-box[data-v-ab18548a]{
    padding:.75rem 0;
    color:#001b62;
    font-size:.875rem;
    letter-spacing:1px
}
.item-box[data-v-ab18548a]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #f1f3f8
}
.title[data-v-ab18548a]{
    color:#001b62;
    font-size:.875rem;
    line-height:1.25rem;
    padding:.75rem 0
}
.item[data-v-95fac366]{
    background:#fafbfc;
    border-radius:16px;
    justify-content:space-between;
    display:flex;
    margin-top:12px
}
.item>img[data-v-95fac366]{
    margin:12px;
    padding:22px;
    border-radius:8px;
    background-color:#fff;
    width:40px;
    height:40px
}
.item>.text-box[data-v-95fac366]{
    display:flex;
    flex:1;
    flex-direction:column;
    justify-content:space-between;
    padding:30px 0 20px
}
.item .button-box[data-v-95fac366]{
    width:64px;
    line-height:108px;
    background:#ecf1fd;
    border-radius:0 16px 16px 0;
    text-align:center;
    color:#4673e9;
    font-size:14px
}
.container-wrapper[data-v-a5a67b2b]{
    overflow:auto;
    scroll-behavior:smooth
}
.root[data-v-a5a67b2b]{
    width:100vw;
    min-height:100vh;
    scroll-behavior:smooth
}
.header[data-v-a5a67b2b]{
    position:relative;
    height:50rem;
    margin:auto;
    width:120rem;
    background:url(../images/headerBg-59381400.webp) no-repeat;
    background-size:100% 100%
}
.header .content[data-v-a5a67b2b]{
    width:75rem;
    margin:auto;
    height:100%;
    position:relative
}
.header .content .title[data-v-a5a67b2b]{
    padding:1.625rem 0;
    font-weight:600;
    color:#fff;
    font-size:1.25rem;
    letter-spacing:6%
}
.header .content .down[data-v-a5a67b2b]{
    position:absolute;
    top:32rem;
    left:0;
    display:flex
}
.header .content .down .img[data-v-a5a67b2b]{
    width:1.5rem;
    height:1.5rem;
    margin-right:.5rem;
    background-size:contain!important
}
.header .content .down>div[data-v-a5a67b2b]{
    display:flex;
    padding:1rem 1.5rem;
    border-radius:1.875rem;
    cursor:pointer;
    margin-right:.5rem;
    align-items:center;
    background:#ffffff
}
.header .content .down>div div[data-v-a5a67b2b]{
    color:#001b62;
    font-weight:600;
    font-size:1.25rem;
    letter-spacing:1px
}
.header .content .down>div[data-v-a5a67b2b]:hover{
    background:#4673e9;
}
.header .content .down>div:hover a[data-v-a5a67b2b]{
    color:#fff
}
.header .content .down .Windown[data-v-a5a67b2b]{
    margin-right:2.5rem
}
.header .content .down .Windown>.img[data-v-a5a67b2b]{
    width:1.5rem;
    height:1.5rem;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAESSURBVHgB7Za9jcJAEIXfzjk46S5wyE/AUgGmE0owdEBDaDugBUqgA0gsEZIggSw8zP4YkEDCYDnCX7TBzLy3lsfPQMMoNEGcxviDxgHbzwV0qpEjllMCRRqMAcCJeNZWwtWci2H0cshJBpA0ZMagN1tCsXZD8jDEwuXh0a8X6KYTEPlGZu9EuSGQ4SVG+ifvPtUIHXFJtLxaUc+dfAqhYVqBLxCI8Is98mJarbxqXeCIvV80u+pVqFp3MyQbZRfthzYva7OFQn/GeAf5FrVvUStQnwg7s4UNgH4qISMpxShjbwQXfSpBDW6RmZl1OK0eqmx0Ooq5LFvsxDlEJ+6i8wn1o8v+Qfwj3J6SIO5vfi7GFwlTPCZDq2UWAAAAAElFTkSuQmCC) no-repeat 100% 100%;
    margin-right:.5rem
}
.header .content .down .Windown:hover>.img[data-v-a5a67b2b]{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7VbBDcIwDLRRB8gGJBMUNmEFNmAkNmAkOkI3CGdwqV/gpsqjak6KnEjnO0eK5RBVBlMF5JwDQsQaig0gEhFE6KRiR7MPSkudQ0SSAjPfcX6ogBX5CVahi0m0lcxEALxMy5BYq3z+Y5YaHKgymsEODKTRRqyrk+/lTRinTo7OBC/vi9ZozWADBh1e30Cf5/qeXDQPm96ci+GaydIrUgjiTU178o3OtPpXoT8Ie3t78/MLd1k8qZ/ZfzsAAAAASUVORK5CYII=) no-repeat 100% 100%
}
.header .content .down .andown>.img[data-v-a5a67b2b]{
    width:1.5rem;
    height:1.5rem;
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGtSURBVHgB7VVNTsJAFP6muKuLujPCojcQvQBwEgsXUE8A3sCdOxxvwA2UE1B2LpuYRhMX1gQTDTDjmxkrVNpCmxBd+DXTtPPefN+8n06BLaOSa3U9B/bxFezDMSZ+tGKvdbpk38NkdJ9FsYM8vMOhLXjkdUNiSVtEl5RNsjN6G5QTiCErXUyJbBk28wGxdqmVa61Yp8R+R6OeomrmJGtg33OLCxxQfoEzhNctYvFTfZg8pzGkjdzCoXqluWQKVDsvdHcozwEYc/RzPtoI+/znZHoNql79m5AxFxshLY15EbjZeU2F6qqIr7TyIoI4h8pJRTBVBS4AG0OS4AkexBGoLlCF0mkRLZql3Ov3IuCYiwviGel43sSRErG+4nDp7hoBq46yqFhNw0Fcu9A8FraMf4ENBSQW/StEhBkClIElFjwfhtMIhFydjG09HvkATzygDvaLsctXPNDamOeZ6/XZX7L+NliPXBowLQx9LulVy2eTOm0xxlxemo0lkS0Qo9rm5Hain8O+8a91epTWbmIuA3+qiyKUwPpf5lz26L8bQehcG8wEp/pQDViA38YnZ5CJwEGOyloAAAAASUVORK5CYII=) no-repeat 100% 100%;
    margin-right:.5rem
}
.header .content .down .andown:hover>.img[data-v-a5a67b2b]{
    background:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEjSURBVHgB7ZXhDYIwEIUPwwCO0BHYQEZwBJ3AEWQENxA3cAN1AzaADcAJ6itckwuhhdYf+MMveUm9yjvaXg+iNdFab6ErpBzzZ2jv80jJzxY6QDcYjec6KIcS6B6bwHJmM0lFC9jMzJ+gJ5RNzNnYzrWFXnh/NY8fepocKqDanFdogpZNajH2cZjySR3mZvn2jRQtY2ob+wpwrUBRGF2SJN04mArD/o3Nn3gFJwrjBZXSh4S5Enud8eGFcmWfVh66LVPFMsGM4snZQ1mfuXvwNf8EixPI+jXjhuIY+wz3ADVboayOPO5bL36bbhlSUW/zrPDxd1uu6ZJrWou+ZO+L5QFddExH5USldRKxYhxz8VNV1FEESz6ZBZs/RaykoSU0tDYfRZlF2t0QqFoAAAAASUVORK5CYII=) no-repeat 100% 100%
}
.activity[data-v-a5a67b2b]{
    margin:auto;
    width:120rem
}
.activity .content[data-v-a5a67b2b]{
    padding:5rem 0;
    width:75rem;
    margin:auto
}
.activity .content .title[data-v-a5a67b2b]{
    display:flex;
    justify-content:center;
    font-weight:600;
    color:#001b62;
    font-size:2rem;
    letter-spacing:.25rem;
    margin-bottom:5rem
}
.activity .content>div[data-v-a5a67b2b]{
    display:grid;
    grid-template-columns:24% 24% 24%;
    grid-gap:5rem 14%
}
.activity .content>div>.item[data-v-a5a67b2b]{
    width:100%
}
.activity .content>div>.item .item-title[data-v-a5a67b2b]{
    margin:1.5rem 0 1rem;
    text-align:center;
    font-weight:600;
    color:#001b62;
    font-size:1.25rem;
    letter-spacing:1px
}
.activity .content>div>.item p[data-v-a5a67b2b]{
    color:#556693;
    font-size:1rem;
    text-align:center
}
.activity .content>div>.item img[data-v-a5a67b2b]{
    width:100%
}
.node[data-v-a5a67b2b]{
    margin:auto;
    width:120rem;
    background:#fafbfc
}
.node .content[data-v-a5a67b2b]{
    padding:7.5rem 0;
    width:75rem;
    margin:auto
}
.node .content .title[data-v-a5a67b2b]{
    display:flex;
    justify-content:center;
    font-weight:600;
    color:#001b62;
    font-size:2rem;
    letter-spacing:.25rem;
    margin-bottom:5rem
}
.node .content .img-box[data-v-a5a67b2b]{
    width:100%;
    display:flex;
    justify-content:center
}
.node .content .img-box>.imgBox[data-v-a5a67b2b]{
    width:100%;
    height:29.3vw;
    background:url(../images/nodeBg.webp) no-repeat 100% 100%;
    background-size:contain
}
.problem[data-v-a5a67b2b]{
    margin:auto;
    width:120rem
}
.problem .content[data-v-a5a67b2b]{
    padding:7.5rem 0;
    width:75rem;
    margin:auto
}
.problem .content .title[data-v-a5a67b2b]{
    display:flex;
    justify-content:center;
    font-weight:600;
    color:#001b62;
    font-size:2rem;
    letter-spacing:.25rem;
    margin-bottom:2.5rem
}
.problem .content .box-card[data-v-a5a67b2b]{
    width:70rem;
    height:20rem;
    padding:2.5rem;
    position:relative;
    margin-top:2.5rem;
    background:#fafbfc;
    border-radius:2rem;
    margin-bottom:1.125rem
}
.problem .content .box-card>img[data-v-a5a67b2b]{
    width:25rem;
    height:25.125rem;
    position:absolute;
    bottom:2.5rem;
    left:2.5rem
}
.problem .content .box-card .fuhao[data-v-a5a67b2b]{
    width:2.3125rem;
    height:2rem;
    position:absolute;
    left:26.25rem;
    bottom:13.625rem
}
.problem .content .box-card .text[data-v-a5a67b2b]{
    margin-left:30.875rem;
    padding:1.5rem 2.25rem
}
.problem .content .box-card .text .title[data-v-a5a67b2b]{
    font-weight:600;
    color:#001b62;
    justify-content:left;
    font-size:2rem;
    line-height:2.8125rem;
    letter-spacing:.1875rem
}
.problem .content .box-card .text>p[data-v-a5a67b2b]{
    color:#556693;
    font-size:1rem;
    height:8rem;
    letter-spacing:1px;
    margin:1rem 0 2.5rem 0px
}
.problem .content .box-card .text .botton[data-v-a5a67b2b]{
    width:9.5rem;
    cursor:pointer;
    height:3.25rem;
    background:#4673e9;
    border-radius:.5rem;
    display:flex;
    align-items:center;
    justify-content:center
}
.problem .content .box-card .text .botton img[data-v-a5a67b2b]{
    width:1.5rem;
    height:1.5rem
}
.problem .content .box-card .text .botton div[data-v-a5a67b2b]{
    font-weight:600;
    color:#fff;
    font-size:1.25rem;
    letter-spacing:1px
}
.problem[data-v-a5a67b2b] .swiper-button-prev{
    opacity:40%;
    width:2.5rem;
    height:2.5rem;
    background:#000000;
    border-radius:50%
}
.problem[data-v-a5a67b2b] .swiper-button-prev:after{
    font-size:1.25rem;
    color:#f5f5f5
}
.problem[data-v-a5a67b2b] .swiper-button-next{
    opacity:40%;
    width:2.5rem;
    height:2.5rem;
    background:#000000;
    border-radius:50%
}
.problem[data-v-a5a67b2b] .swiper-button-next:after{
    font-size:1.25rem;
    color:#f5f5f5
}
.problem[data-v-a5a67b2b] .swiper-button-disabled{
    opacity:20%
}
.xuanxiang[data-v-a5a67b2b]{
    margin:auto;
    width:120rem
}
.xuanxiang .content[data-v-a5a67b2b]{
    padding-bottom:7.5rem;
    width:75rem;
    margin:auto;
    display:flex;
    justify-content:space-between
}
.xuanxiang .content .item[data-v-a5a67b2b]{
    width:24rem;
    border-radius:0px 0px 2rem 2rem
}
.xuanxiang .content .item>img[data-v-a5a67b2b]{
    width:24rem;
    height:24rem
}
.xuanxiang .content .item .title[data-v-a5a67b2b]{
    font-weight:600;
    color:#001b62;
    text-align:center;
    font-size:1.25rem;
    letter-spacing:.1875rem;
    padding:1.5rem 0 0 1rem
}
.xuanxiang .content .item p[data-v-a5a67b2b]{
    color:#556693;
    font-size:1rem;
    padding:0 1.5rem 1.5rem;
    letter-spacing:1px;
    text-align:center
}
.xuanxiang .content .item:hover>div[data-v-a5a67b2b]{
    background:#4673e9;
    border-radius:0px 0px 2rem 2rem
}
.xuanxiang .content .item:hover .title[data-v-a5a67b2b],.xuanxiang .content .item:hover p[data-v-a5a67b2b]{
    color:#fff
}
.footer[data-v-a5a67b2b]{
    margin:auto;
    width:120rem;
    background:#2a2a2a
}
.footer .footer-title[data-v-a5a67b2b]{
    width:75rem;
    text-align:center;
    color:#fff;
    border-top:rgba(226,230,240,.6) solid 1px;
    font-size:.875rem;
    margin:auto;
    padding:1.5rem 0 2rem;
    opacity:.8
}
.footer .content[data-v-a5a67b2b]{
    width:75rem;
    margin:auto;
    display:flex;
    justify-content:space-between;
    padding:1.25rem 0
}
.footer .content .item[data-v-a5a67b2b]{
    width:13.25rem;
    height:11.25rem
}
.footer .content .item>div>div[data-v-a5a67b2b]{
    opacity:.8;
    color:#fff;
    white-space:nowrap;
    font-size:.875rem;
    padding:1rem 0 0
}
.footer .content .item .title[data-v-a5a67b2b]{
    opacity:1;
    font-weight:600;
    color:#fff;
    font-size:1rem;
    letter-spacing:1px;
    padding:1.125rem 0;
    border-bottom:1px solid #ffffff
}
.andown[data-v-a5a67b2b]{
    position:relative
}
.andown .qrc[data-v-a5a67b2b]{
    display:none;
    padding:.375rem;
    background:#ffffff;
    border-radius:.5rem;
    box-shadow:0 .25rem 1rem rgba(0,0,0,.25);
    position:absolute;
    left:0;
    top:120%;
    z-index:20
}
.andown .qrc[data-v-a5a67b2b]:after{
    position:absolute;
    width:1.125rem;
    height:1.125rem;
    top:-.5rem;
    left:calc(50% - .5625rem);
    z-index:10;
    content:" ";
    transform:rotate(45deg);
    background:#fff;
    box-sizing:border-box
}
.andown:hover .qrc[data-v-a5a67b2b]{
    display:block
}
.main-h5{
    display:none
}
@media (max-width: 800px){
    .header{
        width:100%!important;
        height:64vw!important;
        background:url(../images/h5HeaderBg-2a27c3f9.png)!important;
        background-size:cover!important;
        background-repeat:no-repeat!important;
        background-position:center!important
    }
    .header>.main{
        display:none
    }
    .header>.content{
        width:100%!important
    }
    .header>.content .textBox{
        padding:0 12px!important;
        width:calc(100% - 24px)!important;
        height:32px!important;
        top:40px!important
    }
    .header>.content .textBox .main-textBox{
        border-radius:25px!important
    }
    .header>.content .textBox .main-textBox>img{
        width:18px!important;
        height:18px!important
    }
    .header>.content .textBox .marquee{
        height:21px!important
    }
    .header>.content .textBox .marquee .marquee__title{
        font-size:14px!important
    }
    .header>.content>.down{
        top:auto!important;
        bottom:16px!important;
        left:50%!important;
        transform:translate(-50%);
        padding:10px 5px!important;
        background:#ffffff;
        border-radius:20px!important;
        box-shadow:0 4px 16px rgba(70,115,233,.1)
    }
    .header>.content>.down .qrc{
        display:none!important
    }
    .header>.content>.down .img{
        width:16px!important;
        height:16px!important;
        margin-right:8px
    }
    .header>.content>.down>div{
        display:flex;
        padding:0 20px!important;
        border-radius:0!important;
        cursor:pointer;
        align-items:center;
        background:#ffffff!important
    }
    .header>.content>.down>div a{
        white-space:nowrap;
        color:#001b62!important;
        font-weight:600;
        font-size:14px!important;
        letter-spacing:1px
    }
    .header>.content>.down>.Windown{
        margin-right:0!important;
        border-right:1px solid
    }
    .header>.content>.down>.Windown:hover>.img{
        background:url(data:image/png;
        base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAESSURBVHgB7Za9jcJAEIXfzjk46S5wyE/AUgGmE0owdEBDaDugBUqgA0gsEZIggSw8zP4YkEDCYDnCX7TBzLy3lsfPQMMoNEGcxviDxgHbzwV0qpEjllMCRRqMAcCJeNZWwtWci2H0cshJBpA0ZMagN1tCsXZD8jDEwuXh0a8X6KYTEPlGZu9EuSGQ4SVG+ifvPtUIHXFJtLxaUc+dfAqhYVqBLxCI8Is98mJarbxqXeCIvV80u+pVqFp3MyQbZRfthzYva7OFQn/GeAf5FrVvUStQnwg7s4UNgH4qISMpxShjbwQXfSpBDW6RmZl1OK0eqmx0Ooq5LFvsxDlEJ+6i8wn1o8v+Qfwj3J6SIO5vfi7GFwlTPCZDq2UWAAAAAElFTkSuQmCC) no-repeat 100% 100%!important;
        background-size:contain!important
    }
    .header>.content>.down>.andown:hover>.img{
        background:url(data:image/png;
        base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGtSURBVHgB7VVNTsJAFP6muKuLujPCojcQvQBwEgsXUE8A3sCdOxxvwA2UE1B2LpuYRhMX1gQTDTDjmxkrVNpCmxBd+DXTtPPefN+8n06BLaOSa3U9B/bxFezDMSZ+tGKvdbpk38NkdJ9FsYM8vMOhLXjkdUNiSVtEl5RNsjN6G5QTiCErXUyJbBk28wGxdqmVa61Yp8R+R6OeomrmJGtg33OLCxxQfoEzhNctYvFTfZg8pzGkjdzCoXqluWQKVDsvdHcozwEYc/RzPtoI+/znZHoNql79m5AxFxshLY15EbjZeU2F6qqIr7TyIoI4h8pJRTBVBS4AG0OS4AkexBGoLlCF0mkRLZql3Ov3IuCYiwviGel43sSRErG+4nDp7hoBq46yqFhNw0Fcu9A8FraMf4ENBSQW/StEhBkClIElFjwfhtMIhFydjG09HvkATzygDvaLsctXPNDamOeZ6/XZX7L+NliPXBowLQx9LulVy2eTOm0xxlxemo0lkS0Qo9rm5Hain8O+8a91epTWbmIuA3+qiyKUwPpf5lz26L8bQehcG8wEp/pQDViA38YnZ5CJwEGOyloAAAAASUVORK5CYII=) no-repeat 100% 100%!important;
        background-size:contain!important
    }
    .header>.main-h5{
        width:calc(100% - 24px)!important;
        display:flex!important;
        justify-content:space-between;
        align-items:center;
        position:relative;
        padding:0 12px;
        height:40px
    }
    .header>.main-h5>div{
        white-space:nowrap;
        position:absolute;
        left:50%;
        transform:translate(-50%);
        top:0;
        width:85px;
        line-height:40px;
        display:flex;
        justify-content:center;
        align-items:center;
        font-weight:600;
        color:#fff;
        font-size:20px
    }
    .header>.main-h5>div img{
        position:absolute;
        left:0;
        transform:translate(calc(-100% - 28px))
    }
    .activity{
        width:auto!important;
        margin:0!important
    }
    .activity .content{
        padding:0!important;
        width:100%!important
    }
    .activity .title{
        padding:60px 0 0!important;
        font-size:16px!important;
        letter-spacing:4px;
        margin-bottom:24px!important
    }
    .activity .content .box-card .text{
        font-size:14px!important
    }
    .activity .content>div{
        display:grid;
        grid-template-columns:100%!important;
        grid-gap:12px!important
    }
    .activity .content>div>.item{
        background:#fafbfc;
        border-radius:16px;
        margin:0 14px;
        display:flex;
        width:auto!important
    }
    .activity .content>div>.item img{
        width:28.8vw!important;
        height:28.8vw!important;
        object-fit:contain
    }
    .activity .content>div>.item .item-title{
        margin:14px 0 8px!important;
        padding:0 12px;
        font-size:14px!important;
        text-align:left!important
    }
    .activity .content>div>.item p{
        padding:0 12px;
        font-size:12px!important;
        text-align:left!important
    }
    .node{
        width:auto!important;
        margin:0!important;
        background:#ffffff!important
    }
    .node .img-box{
        width:auto!important;
        padding:40px 22px!important;
        display:flex;
        justify-content:center;
        background:#fafbfc
    }
    .node .img-box>.imgBox{
        width:100%!important;
        height:49.8vw!important;
        background:url(../images/nodeBgH5.png) no-repeat 100% 100%!important;
        background-position:center!important
    }
    .node .content{
        padding:40px 0!important;
        width:100vw!important
    }
    .node .content>.title{
        margin-bottom:24px!important;
        font-size:16px!important
    }
    .problem{
        width:auto!important;
        margin:0!important
    }
    .problem .content{
        padding:0 12px!important;
        width:calc(100% - 24px)!important
    }
    .problem .content>.title{
        font-size:16px!important;
        margin-bottom:24px!important
    }
    .problem .content .box-card{
        border-radius:16px!important;
        width:auto!important;
        height:40.8vw!important;
        padding:0 0 12px!important;
        margin-top:0!important
    }
    .problem .content .box-card>img{
        width:22.2vw!important;
        height:36.5vw!important;
        bottom:auto!important;
        left:12px!important;
        top:4px
    }
    .problem .content .box-card .text{
        padding:12px 12px 0!important;
        margin-left:calc(22.2vw + 12px)!important
    }
    .problem .content .box-card .text .title{
        font-size:14px!important;
        margin:0 0 6px!important;
        line-height:normal!important
    }
    .problem .content .box-card .text>p{
        margin:0!important;
        height:auto!important;
        font-size:12px!important;
        letter-spacing:normal!important;
        line-height:normal!important;
        text-align:justify
    }
    .problem .content .box-card .botton{
        display:none!important
    }
    .problem .content .box-card .fuhao,.swiper-button-prev,.swiper-button-next{
        display:none
    }
    .swiper-backface-hidden .swiper-slide{
        width:100%!important;
        height:auto!important
    }
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom:12px
    }
    .swiper{
        height:54vw!important
    }
    .xuanxiang{
        width:auto!important;
        margin:0!important;
        padding:0 12px!important
    }
    .xuanxiang .content{
        width:100%!important;
        display:block!important;
        padding-bottom:40px!important
    }
    .xuanxiang .content .item{
        width:100%!important;
        background:#fafbfc!important;
        border-radius:16px!important;
        display:flex;
        flex-direction:column;
        align-items:center;
        margin:12px 0
    }
    .xuanxiang .content .item>img{
        width:28.8vw!important;
        height:28.8vw!important
    }
    .xuanxiang .content .item .title{
        font-size:14px!important;
        line-height:20px;
        padding:0!important
    }
    .xuanxiang .content .item p{
        font-size:12px!important;
        padding:0!important;
        margin:8px 0 12px!important;
        letter-spacing:normal!important
    }
    .xuanxiang .content .item:hover>div{
        background:transparent!important;
        border-radius:0!important
    }
    .xuanxiang .content .item:hover .title{
        color:#001b62!important
    }
    .xuanxiang .content .item:hover p{
        color:#556693!important
    }
    .footer{
        width:auto!important;
        margin:0!important;
        background:#2a2a2a
    }
    .footer .footer-title{
        width:auto!important;
        text-align:center;
        color:#fff;
        font-size:12px!important;
        padding-bottom:12px;
        border:none!important;
        transform:scale(.9)
    }
    .footer .content{
        display:block!important;
        width:100%!important;
        padding:0 0 24px!important
    }
    .footer .content .item{
        width:auto!important;
        padding:12px!important;
        height:auto!important;
        border-bottom:1px solid rgba(255,255,255,.1);
        display:flex;
        justify-content:space-between
    }
    .footer .content .item>div>div{
        padding:0!important;
        border:none!important;
        font-size:12px!important;
        height:24px!important;
        vertical-align:bottom;
        display:flex;
        align-items:flex-end
    }
    .footer .content .item .title{
        height:24px;
        display:flex;
        align-items:flex-end;
        padding:0!important;
        border:none!important;
        font-size:14px!important
    }
    .notice-modal{
        --el-dialog-width:68% !important;
        background:#fff!important
    }
    .notice-modal .el-dialog__header{
        padding:16px 24px!important;
        padding:12px
    }
    .notice-modal .el-dialog__body{
        padding:0 28px;
        padding-bottom:12px!important
    }
    .notice-modal .el-carousel .el-icon{
        font-size:20px;
        color:#999
    }
    .notice-modal .el-carousel .el-carousel__arrow--left{
        left:-4px
    }
    .notice-modal .el-carousel .el-carousel__arrow--right{
        right:-4px
    }
    .notice-modal .notice-content,.notice-modal .notice-time{
        padding:0 24px
    }
    .notice-modal .my-read-btn-box{
        padding:0 16px;
        margin-top:8px
    }
    .notice-modal .my-read-btn-box .my-read-btn{
        font-size:12px;
        width:60px;
        height:28px
    }
}
.clickMenu{
    display:flex;
    flex-direction:column
}
.clickMenu>div{
    display:inline-block;
    padding:8px 12px;
    font-weight:600;
    color:#001b62;
    font-size:14px
}
.el-drawer{
    border-radius:16px 16px 0 0;
    overflow:hidden
}
.el-drawer .el-drawer__body{
    padding:0 12px
}
.el-drawer__header{
    margin-bottom:0;
    padding:12px;
    background:#fafbfc;
    text-align:center
}
.el-drawer__title{
    text-align:center;
    font-weight:600;
    color:#001b62;
    font-size:16px
}
.notice-modal .el-dialog__header{
    padding:16px 32px
}
.notice-modal .el-dialog__header span{
    font-size:16px
}
.notice-modal .el-dialog__body{
    padding:0 0 16px
}
.notice-modal .el-dialog__body .el-carousel__arrow{
    outline:none!important
}
a{
    font-weight:500;
    color:#646cff;
    text-decoration:inherit
}
a:hover{
    color:#535bf2
}
body{
    margin:0;
    padding:0
}
h1{
    font-size:3.2em;
    line-height:1.1
}
button{
    border-radius:.5rem;
    border:1px solid transparent;
    padding:.6em 1.2em;
    font-size:1em;
    font-weight:500;
    font-family:inherit;
    background-color:#1a1a1a;
    cursor:pointer;
    transition:border-color .25s
}
button:hover{
    border-color:#646cff
}
button:focus,button:focus-visible{
    outline:.25rem auto -webkit-focus-ring-color
}
.card{
    padding:2em
}
@media (prefers-color-scheme: light){
    :root{
        color:#213547;
        background-color:#fff
    }
    a:hover{
        color:#747bff
    }
    button{
        background-color:#f9f9f9
    }
}
::-webkit-scrollbar{
    width:0px;
    background:#fafafa;
    border-radius:2px;
    height:2px
}
.swiper-backface-hidden .swiper-slide{
    width:75rem;
    height:29.75rem
}
.el-dialog{
    border:none!important;
    background:rgba(255,255,255,.8);
    border:1px solid;
    border-radius:1rem;
    backdrop-filter:blur(.25rem);
    box-shadow:0 .25rem 1rem rgba(51,51,51,.1)
}
.el-dialog__header span{
    font-weight:700;
    color:#162960;
    font-size:.875rem;
    letter-spacing:6%
}
.el-dialog__body{
    padding:.75rem 1rem
}
.el-popover.el-popper{
    padding:0!important;
    background:#ffffff;
    border-radius:.5rem;
    width:auto!important;
    min-width:auto!important
}