@font-face {
    font-family: T;
    font-style: normal;
    font-weight: 400;
    /*src: url(https://cdn.teyes.cn/cc4/ys.otf) format("opentype")*/
    src: url(https://cdn1.teyes.cn/font/YS%20Text-Regular.woff2) format("opentype")
    
    
}

@font-face {
    font-family: N;
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.teyes.cn/cc4/no.TTF) format("opentype")
}



* {
    margin: 0;
    padding: 0;
    font-family: N;
}
body,html{
    background-color:#000;
    height:100vh;
    width:100vw;
    overflow:hidden;
}
.ru * {
    margin: 0;
    padding: 0;
    font-family: T;
}

.container{
    width:100vw;
    height:100vh;
    background-position:center;
    background-size:cover;
}
.container .t1{
    position:absolute;
    left:0;
    right:0;
    bottom:10vh;
    text-align:center;
}
.container .t1 .txt{
    display:inline-block;
    color:#fff;
    padding-bottom:5px;
    cursor:pointer;
    border-bottom:1px solid #fff;
}
.container .t1 .txt:hover{
    opacity:.5;
}
.camera-pop,
.openVs-pop,
.video-pop {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.openVs-pop img {
    max-width: 80%;
}

.camera-pop .msk,
.openVs-pop .msk,
.video-pop .msk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-pop video {
    width: 100%;
    /*max-width:1280px;*/
    /*max-width:1280px;*/
    max-height: 90vh;
    max-width: 90vw;
}
.camera-pop .close,
.openVs-pop .close,
.video-pop .close {
    cursor: pointer;
    position: absolute;
    right: 20px;
    height: 60px;
    width: 60px;
    background-size: cover;
    z-index: 11;
    top: 20px;
    background-image: url(img/close.webp);
}
.page .footer{
    /*background-color:transparent;*/
}