@font-face {
    font-family: T;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.teyes.cn/cc4/ys.otf) format("opentype")
    
    	 
}
 @font-face {
    font-family: N;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.teyes.cn/cc4/no.TTF) format("opentype")
         
}
html,body{
    background-color:#000;  
    overflow-x:hidden;
}
*{
    margin: 0;
    padding: 0;
    font-family: N;
    color:rgba(31, 35, 40, 1);
}
.ru *{
    margin: 0;
    padding: 0;
    font-family: T;
    color:rgba(31, 35, 40, 1);
}
*:hover{
    /*background-color:transparent;*/
}
img{
    max-width:100%;
}
.page{
    background-image:url('https://cdn.teyes.cn/cc4/digcc4lpro/cc4.webp');
    background-repeat:no-repeat;
    background-size:100% auto;
    /*height:100vh;*/
    width:100vw;
    /*overflow:auto;*/
}
.f1{
    flex:1;
}
.f{
    display:flex;
}
.a{
    align-items:center;
}
.b{
    justify-content:space-between;
}
.t1{
    font-size:25px;
}

.title{
    font-weight: 400;
    font-size: 56px;
    line-height:110%;
    color: rgba(233, 246, 255, 1);
    text-align:center;
    padding:20px;
    padding-top:40px;
}
.smtitle{
    padding-top:130px;
}
.pr{
    position:relative;
}
.content{
    margin:0vw auto;
    max-width:1280px;
}
.tabs{
    text-align:center;
    display:flex;
    border-bottom:2px solid rgba(215, 238, 255, .2);
    margin-top:70px;
    margin-bottom:20px;
    align-items:center;
    margin: 20px 0vw 20px 0vw;

}
.tab{
    font-size: 25px;
    flex:1;
    color: rgba(215, 238, 255, .5);
    cursor:pointer;
    padding:20px 0;
}
.tab.active{
    background-position:center bottom;
    background-repeat:no-repeat;
    color:rgba(233, 246, 255, 1);
    background-image:url('https://cdn.teyes.cn/cc4/Dcam/image/active.png');
    background-size:auto 80%;
    position:relative;
}
.tab.active:before{
    content:'';
    position:absolute;
    height:2px;
    left:0;
    right:0;
    bottom:0px;
    background: linear-gradient(to right, #72AFFF, #7FFFE5); /* 从左到右的渐变 */

}
.tabv{
    text-align:center;
    margin-top:20px;
    margin-bottom:100px;
}
.tabv img{
    max-width:100%;

}

@media screen and (max-width: 1920px) {
    .content{
        margin:20px auto;
    }
}
@media screen and (max-width: 750px) {
    .tabv{
        margin-bottom:0;
    }
    .page{
        background-position: 0px -60px;
        background-image:url('https://cdn.teyes.cn/cc4/digcc4lpro/cc4mb.webp');
    }
    .mbhide{
        display:none;

    }
    .tabv{
        margin-top:0;
        margin: 0 0px 20px 0px;

    }
    .t1{
        font-size:14px;
    }
    .tabs{
        margin-top:0;
        margin:0 30px 20px 30px;
    }
    .tab{
        font-size:14px;
    }
    .title{
        font-size:28px;
    }
    .tab.active{
        background-size:auto 48%;
    }
    .video .bt img{
        height:40px;
    }
    .mt.content{
        padding-top:130px;
    }
    .content{
        margin:0;
        padding:0px 0 60px 0;
    }
    .video{
        border-radius:15px;
    }
    
}