@media only screen and (max-width:768px){
    .navBox[data-v-d88e194f]{
        display:none
    }
}

.navBox[data-v-d88e194f]{
    /* background-image:linear-gradient(90deg,hsla(0,0%,100%,.95) 30%,hsla(0,0%,100%,.3)); */
    /* border-bottom:1px solid hsla(0,0%,100%,.5); */
    left:0;
    position:relative;
    top:0;
    transition:all 1s;
    width:100%;
    z-index:999;
   
}
.navBox>div[data-v-d88e194f]{
    display:flex;
    justify-content:flex-start;
    margin:0 auto;
    /* max-width:1240px; */
    padding:0 2%;
    position:relative;
    width:100%
}
.navBox img[data-v-d88e194f]{
    margin:5px;
    max-width:143px
}
.navBox .navUl[data-v-d88e194f]{
    height:85.47px;
    width:auto
}
.navBox .navUl .navLi[data-v-d88e194f]{
    display:inline-block;
    font-size:14px;
    line-height:1;
    margin:0 16px;
    position:relative;
    z-index:1
}
.navBox .navUl .navLi>a[data-v-d88e194f]{
    display:block;
    line-height:85.47px;
    font-size: 18px;
}
.navBox .navUl .navLi .ul[data-v-d88e194f]{
    display:none;
    left:50%;
    overflow:hidden;
    position:absolute;
    top:calc(100% + 1px);
    transform:translate(-50%);
    width:calc(100% + 64px);
    /* background-color: #726666; */
    /* margin-top: 8px; */
}
.navBox .navUl .navLi .ul .li[data-v-d88e194f]{
    background:hsla(0,0%,100%,.5);
    display:block;
    margin-top:-1px;
    padding:10px 0;
    text-align:center;
    transition:all .76s;
    width:100%
}
.navBox .navUl .navLi .ul .li[data-v-d88e194f]:hover{
    background:hsla(0,0%,100%,.7)
}
.navBox .navUl .navLi:hover .ul[data-v-d88e194f]{
    display:block
}
.navSelect[data-v-d88e194f]{
    background:#282828;
    height:2px;
    left:0;
    position:absolute;
    top:calc(50% + 16px)
}
a[data-v-d88e194f]{
    color:#282828
}
.navMoBox[data-v-ec7303af]{
    background:hsla(0,0%,100%,.7);
    border-bottom:1px solid hsla(0,0%,100%,.5);
    left:0;
    padding:3%;
    position:fixed;
    top:0;
    transition:.76s;
    width:100%;
    z-index:999
}
.navMoBox>div[data-v-ec7303af]{
    height:100%;
    position:relative;
    text-align:center;
    width:100%
}
.navMoBox .logo[data-v-ec7303af]{
    max-width:70px;
    transition:all .56s ease;
    width:50%
}
.navMoBox .navUl[data-v-ec7303af]{
    background:rgba(0,0,0,.22);
    height:0;
    left:0;
    overflow:hidden;
    padding:0 6%;
    position:absolute;
    top:calc(100% + 1px);
    transition:all .76s;
    width:100%
}
.navMoBox .navUl a[data-v-ec7303af]{
    color:#282828;
    display:block;
    font-size:24px;
    line-height:1.7;
    text-align:left
}
.navMoBox .navUl hr[data-v-ec7303af]{
    border-color:#ffffff80;
    margin:4% 0
}
.navMoBox .navUl .font a[data-v-ec7303af],.navMoBox .navUl .font h1[data-v-ec7303af],.navMoBox .navUl .font p[data-v-ec7303af]{
    color:#282828;
    font-size:16px;
    text-align:left
}
.navMoBox .navUl .QR[data-v-ec7303af]{
    display:flex;
    display:-webkit-flex;
    flex-direction:inherit;
    justify-content:space-between;
    position:relative;
    width:100%
}
.navMoBox .navUl .QR div[data-v-ec7303af]{
    color:#282828;
    display:flex;
    display:-webkit-flex;
    flex-direction:column;
    padding:4% 2%;
    text-align:center
}
.navMoBox .navUl .QR div img[data-v-ec7303af]{
    width:100%
}
.navMoBox .button[data-v-ec7303af]{
    padding:10px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:999
}
.navMoBox .button div[data-v-ec7303af]{
    background:#3d76f4;
    height:2px;
    margin:4px;
    position:relative;
    top:0;
    transition:all .76s;
    width:30px
}
@media only screen and (min-width:769px){
    .navMoBox[data-v-ec7303af]{
        display:none
    }
}
.friendBox[data-v-c467a0d3]{
    background:#efefef;
    padding:1% 0;
    width:100%
}
.friendBox>div[data-v-c467a0d3]{
    color:gray;
    font-size:16px;
    line-height:1.5;
    margin:0 auto;
    max-width:1180px;
    text-align:center;
    width:95%
}
.friendBox>div span[data-v-c467a0d3]{
    font-size:16px;
    font-weight:900;
    white-space:nowrap
}
.friendBox>div>div[data-v-c467a0d3]{
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
    width:100%
}
.friendBox>div a[data-v-c467a0d3]{
    color:gray;
    font-size:16px;
    margin-right:1%;
    transition:all .76s
}
.friendBox>div a[data-v-c467a0d3]:hover{
    color:#3d76f4
}
@media only screen and (max-width:768px){
    .friendBox>div a[data-v-c467a0d3],.friendBox>div span[data-v-c467a0d3]{
        font-size:14px
    }
}
.icp[data-v-7bd5b0a7],.icp a[data-v-7bd5b0a7]{
    background:#272727;
    color:#999;
    font-size:14px;
    padding:.5%;
    text-align:center
}
@media only screen and (max-width:768px){
    .bottomBox>div>div[data-v-7bd5b0a7]{
        flex-wrap:wrap
    }
    .bottomBox>div .QR[data-v-7bd5b0a7],.bottomBox>div .font[data-v-7bd5b0a7]{
        display:none
    }
    .bottomBox>div .nav[data-v-7bd5b0a7]{
        width:100%
    }
}
.sidebar[data-v-31a5837a]{
    position:fixed;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:998
}
.sidebar .li[data-v-31a5837a]{
    position:relative
}
.sidebar .li .main[data-v-31a5837a]{
    background:#3d76f4;
    border-radius:10px 0 0 10px;
    box-shadow:0 0 6px #3d76e009;
    cursor:pointer;
    height:62px;
    margin:12px 0;
    position:relative;
    width:62px;
    z-index:1
}
.sidebar .li .main img[data-v-31a5837a]{
    height:30px;
    margin:16px;
    width:30px
}
.sidebar .li .alter[data-v-31a5837a]{
    background:#fff;
    border-radius:10px 0 0 10px;
    box-shadow:0 0 6px #3d76e026;
    color:#3d76f4;
    display:inline-block;
    font-size:14px;
    padding:5px 15px;
    position:absolute;
    right:-500px;
    top:50%;
    transform:translateY(-50%);
    transition:all .76s;
    white-space:nowrap;
    width:auto
}
.sidebar .li .alter p[data-v-31a5837a]{
    cursor:pointer
}
.sidebar .li:hover .alter[data-v-31a5837a]{
    right:62px
}
.alterBox[data-v-31a5837a]{
    background:rgba(0,0,0,.5);
    display:none;
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:1000
}
.alterBox .box[data-v-31a5837a]{
    display:none;
    left:50%;
    max-width:80%;
    min-width:525px;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%)
}
.alterBox .title[data-v-31a5837a]{
    background:#fff;
    display:flex;
    justify-content:space-between;
    padding:18px;
    position:relative;
    width:100%
}
.alterBox .title div[data-v-31a5837a]{
    color:#535353;
    white-space:nowrap;
    width:calc(100% - 20px)
}
.alterBox .title .off[data-v-31a5837a]{
    cursor:pointer;
    text-align:right;
    width:20px
}
.alterBox .main[data-v-31a5837a]{
    background:#fff;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.alterBox .main .li[data-v-31a5837a]{
    color:#fff;
    margin:8% 0;
    text-align:center;
    width:30%
}
.alterBox .main p[data-v-31a5837a]{
    /*color:#fff;*/
    cursor:pointer;
    padding-bottom:4%;
    text-align:center;
    width:100%
}
.alterBox .box0[data-v-31a5837a]{
    height:100%;
    width:100%
}
@media only screen and (max-width:768px){
    .sidebar[data-v-31a5837a]{
        display:none
    }
}
*{
    box-sizing:border-box;
    /*color:#282828;*/
    font-family:auto!important;
    line-height:1.5;
    margin:0;
    padding:0
}
.onNone{
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
body{
    background:#fafafa;
    overflow-x:hidden
}
body::-webkit-scrollbar{
    height:4px;
    width:6px
}
body::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.2);
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)
}
body::-webkit-scrollbar-track{
    background:rgba(0,0,0,.1);
    border-radius:0;
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)
}
a,p{
    /*color:gray;*/
    font-size:18px
}
a{
    border:none;
    text-decoration:none
}
h2{
    font-size:36px
}
@media only screen and (max-width:1199px){
    h2{
        font-size:28px
    }
}
h3{
    font-size:24px
}
@media only screen and (max-width:1199px){
    h3{
        font-size:20px
    }
}
h4{
    font-size:20px
}
@media only screen and (max-width:1199px){
    h4{
        font-size:16px
    }
}
.blockTitle{
    margin:5% 0;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.blockTitle h2{
    font-weight:900;
    line-height:1;
    margin-bottom:1.5%;
    text-align:center
}
.blockTitle div{
    background-image:linear-gradient(90deg,#3d76f4,#2798ff);
    border-radius:4px;
    height:8px;
    margin:0 auto;
    width:63px
}
.blockTitle p{
    margin-top:1.5%;
    text-align:center
}
@media only screen and (max-width:1199px){
    .blockTitle div{
        margin:3.5% auto
    }
}
.mainBox{
    margin:0 auto;
    max-width:1200px;
    padding-bottom:5%;
    width:90%
}
.bannerFont h1{
    font-size:36px;
    font-weight:500;
    margin-bottom:10px
}
.bannerFont h2{
    font-size:28px;
    font-weight:500;
    margin-bottom:20px
}
.bannerFont p{
    font-size:24px;
    font-weight:500;
    margin-bottom:10px
}
@media only screen and (max-width:1199px){
    .bannerFont h1{
        font-size:24px
    }
    .bannerFont h2{
        font-size:20px
    }
    .bannerFont P{
        font-size:16px
    }
}
.newsInfoBox div{
    max-width:100%
}
.newsInfoBox img{
    height:auto!important;
    max-width:100%
}