/* pc min：1100 */
    
    .none {
        display: none;
    }
    
    @font-face {
        font-family: 'iconfont';
        src: url('../font/iconfont.woff2?t=1622643903284') format('woff2'),
                url('../font/iconfont.woff?t=1622643903284') format('woff'),
                url('../font/iconfont.ttf?t=1622643903284') format('truetype');
    }
    
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 20px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    html,
    body {
        width: 100%;
        height: 100%;
        background-color: black;
    }
    /* nav */
    
    #nav {
        width: 100%;
        height: 80px;
        position: fixed;
        z-index: 100;
    }
    
    .nav {
        box-sizing: border-box;
        font-size: 14px;
        width: 1250px;
        /* min-width: 1024px; */
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 100;
        color: white;
        padding-left: 16px;
    }
    
    .nav>.logo-container {
        display: flex;
        height: 100%;
        line-height: 80px;
        align-items: center;
    }
    
    .nav>.logo-container>img {
        width: 40px;
        height: 40px;
        margin-right: 16px;
        border-radius: 10px;
    }
    
    .nav>.logo-container>span {
        font-size: 28px;
        font-family: "Yuanti SC";
    }
    
    .nav>.li {
        display: none;
    }
    
    .item-container {
        width: 315px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-size: 16px;
        font-weight: 300;
        margin-top: 0px;
    }
    
    .item-container>li:hover {
        border-bottom: 1px solid white;
    }
    
    .icon {
        font-size: 18px!important;
    }
    /* banner */
    
    @media screen and (min-width:1024px) {
        .banner {
            width: 100%;
            position: relative;
            height: 100vh;
            min-width: 1250px;
            min-height: 1080px;
            color: white;
        }
        .banner_bg {
            /* height: 100vh; */
            min-width: 1250px;
            height: 100%;
        }
    }
    
    .banner_bg>img {
        width: 100%;
        height: 100%;
        /* width: 100vw;
        height: 100vh; */
        object-fit: cover;
    }
    
    .banner>.center {
        overflow: hidden;
        box-sizing: border-box;
        width: 1250px;
        height: 100%;
        margin: 0 auto;
        transform: translateY(-100vh);
    }
    
    @media (max-height:1080px) {
        .banner>.center {
            transform: translateY(-1080px);
        }
    }
    
    .title_text {
        font-family: "PingFang SC";
        text-align: left;
        font-weight: 300;
        font-size: 28px;
        margin-top: 280px;
    }

    .title_text>img {
        margin-left: 14px;
        margin-bottom: 40px;
        width: 116px;
        height: 116px;
    }

    .subtitle_text {
        margin-left: 14px;
    }
    
    .title_text>.big_title {
        font-size: 72px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-left: 14px;
    }
    
    .button_container {
        display: flex;
        width: 635px;
        justify-content: space-between;
        margin: 80px auto 100px 14px;
        margin-bottom: 0;
        /* align-items: center; */
    }
    
    .button_before {
        width: 295px;
        height: 60px;
        border-radius: 51px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        color: white;
        box-sizing: border-box;
        border: 1px solid white;
    }
    
    .button {
        box-sizing: border-box;
        width: 296px;
        height: 60px;
        border-radius: 51px;
        text-align: center;
        line-height: 60px;
        font-size: 18px;
        color: #FFFFFF;
        background-color: #FF4E0F;
    }
    
    .iosimg,
    .androidimg {
        /* display: inline-block; */
        display: none;
        width: 200px;
        height: 210px;
        /* margin-left: 350px; */
    }

    .iosimg {
        margin-left: 60px;
    }
    
    .androidimg {
        margin-left: 396px;
    }
    
    /* content1 */
    
    .content1 {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background-color: #171717;
        height: 1080px;
    }
    
    .content1-imgContainer {
        margin: 0 auto;
        width: 1250px;
        height: 100%;
    }
    
    .content1-caption {
        position: absolute;
        top: 120px;
        color: #B0B0B0;
        font-size: 24px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    
    .content1-caption>header {
        font-size: 58px;
        font-weight: 400;
        color: #E7E7E7;
        margin-bottom: 24px;
    }
    /* content2 */
    
    .content2 {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background-color: #000;
        height: 1080px;
    }
    
    .content2-imgContainer {
        margin: 0 auto;
        width: 1250px;
        height: 100%;
    }
    
    .content2-caption {
        position: absolute;
        top: 120px;
        color: #B0B0B0;
        font-size: 24px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    
    .content2-caption>header {
        font-size: 58px;
        font-weight: 400;
        color: #E7E7E7;
        margin-bottom: 24px;
    }
    /* content3 */
    
    .content3 {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background-color: #171717;
        height: 1412px;
    }
    
    .content3-imgContainer {
        margin: 0 auto;
        width: 1250px;
        height: 100%;
    }
    
    .content3-caption {
        position: absolute;
        top: 120px;
        color: #B0B0B0;
        font-size: 24px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }
    
    .content3-caption>header {
        font-size: 58px;
        font-weight: 400;
        color: #E7E7E7;
        margin-bottom: 24px;
    }
    /* content4 */
    
    .content4 {
        width: 100%;
        height: 541px;
        background-color: #171717;
        color: white;
    }
    
    .content4>div {
        width: 1250px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        margin: 0 auto;
    }
    
    .content4>div>.content4-tip {
        color: white;
        font-size: 58px;
    }
    
    .content4-tip>.second {
        font-size: 24px;
        color: white;
        margin-top: 24px;
    }
    
    .content4-code .container {
        width: 188px;
        height: 188px;
        padding: 10px;
        /* border: .3vw solid #FF738D; */
        border-radius: 10px;
        background-color: white;
        margin-bottom: 10px;
    }
    
    .content4-code>div>.container>img {
        width: 100%;
        height: 100%;
    }
    
    .content4-code>div:first-child {
        margin-right: 3.3vw;
    }
    
    .content4-code>div {
        display: inline-block;
        text-align: center;
        font-size: .8vw;
        color: white;
    }
    
    .content4-button {
        display: none;
    }
    
    .codeContainer {
        background-color: white;
    }
    /* footer */
    
    footer {
        width: 100%;
        height: 54px;
        background-color: #171717;
    }
    
    footer>div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1250px;
        box-sizing: border-box;
        margin: 0 auto;
        font-size: 12px;
        color: #666;
        line-height: 54px;
    }
    
    footer a:first-child,
    a:nth-child(2) {
        margin-right: 20px;
    }
    
    footer a {
        color: #666;
    }
    /* 友情链接 */
    
    .linkfriend {
        width: 100%;
        height: 60px;
        background-color: #171717;
    }
    
    .linkfriend>div {
        width: 1250px;
        height: 100%;
        margin: 0 auto;
    }
    
    .linkfriend>div>.link_friend_title {
        color: white;
        font-size: 16px;
        line-height: 20px;
    }
    
    .linkfriend>div>.link {
        width: 100%;
        line-height: 40px;
    }
    
    .linkfriend>div>.link>a {
        color: #666;
        font-size: 14px;
        line-height: 40px;
        margin-right: 10px;
    }
    
    .linkfriend>div>.link>a:hover {
        color: white;
    }
    /* 悬浮 */
    
    .sus-button {
        position: fixed;
        top: 40%;
        right: 10.6vw;
        left: 14px;
        z-index: 100;
    }
    
    .sus-button>.sus-button-one,
    .sus-button-two {
        line-height: 58px;
        text-align: left;
        font-size: 35px;
        width: 58px;
        height: 58px;
        background-color: #262626;
        color: white;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        border-radius: 8px;
        /* color: #666666; */
    }
    
    .sus-button-two {
        margin-top: 16px;
    }
    
    .code-box {
        font-size: 14px;
        position: absolute;
        bottom: 0;
        right: 100px;
        width: 230px;
        height: 233px;
        background-color: #262626;
        border-radius: 8px;
        color: white;
        box-sizing: border-box;
        padding: 15px 18px 0px 17px;
    }
    
    .code-box img {
        display: block;
        position: absolute;
        width: 84px;
        height: 84px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .code-box li {
        display: flex;
        align-items: center;
    }
    
    .code-box li>div {
        position: relative;
        box-sizing: border-box;
        width: 90px;
        height: 90px;
        background-color: white;
        border-radius: 5px;
        margin-right: 10px;
    }
    
    .code-box li:first-child {
        padding-bottom: 12px;
        border-bottom: 1px dashed white;
    }
    
    .code-box li:last-child {
        padding-top: 12px;
    }
    
    .sus-button-one:hover+.code-box {
        display: block!important;
    }
    
    .topButton {
        font-size: 35px!important;
    }
    /* 公告部分 */
    
    .article {
        width: 100%;
        height: 1283px;
        /* margin: 0 auto; */
        background-color: black;
    }
    
    .article>div {
        width: 1250px;
        padding-top: 120px;
        height: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }
    
    .article>div>h1 {
        font-size: 58px;
        color: #E7E7E7;
        margin-bottom: 100px;
        text-align: center;
        font-weight: 500;
    }
    
    .article>div>ul>li {
        width: 100%;
        height: 235px;
        /* background-color: white; */
        border-radius: 14px;
        cursor: pointer;
    }
    
    .article>div>ul>li:hover {
        /* background-color: #F7F7F7; */
    }
    
    .article>div>ul>li:hover .artcle-header {
        /* color: #FF738D; */
    }
    
    .article>div>ul>li>a {
        display: flex;
        box-sizing: border-box;
        align-items: center;
        padding: 20px;
        height: 100%;
    }
    
    .article-img {
        width: 260px;
        height: 195px;
        margin-right: 30px;
        border-radius: 14px;
    }
    
    .article-content {
        color: #B0B0B0;
        font-size: 16px;
    }
    
    .article-title {
        font-size: 18px;
        margin-bottom: 20px;
        transform: translateY(-20px);
    }
    
    .article-tag {
        color: #FF0071;
        border: 1px solid #FF0071;
        padding: 2px;
        font-size: 15px;
    }
    
    .artcle-header {
        color: #E7E7E7;
        font-size: 24px;
    }
    
    .more {
        display: block;
        width: 295px;
        height: 60px;
        border-radius: 30px;
        /* background-color: #FF738D; */
        border: 1px solid white;
        color: #E7E7E7;
        text-align: center;
        line-height: 60px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 45px;
        font-size: 18px;
    }
    
    .moretwo {
        display: none;
    }
    
    .moreone {
        display: block;
    }
    /* 提示 */
    
    .tip {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 9;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    .tip>img {
        z-index: 300;
        width: 100vw;
        height: 100vh;
    }