* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

body,
html {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.14rem;
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.video-bg {
    position: fixed;
    min-height: 100%;
    width: 100vw;
    object-fit: fill;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.indexRow {
    margin-top: 10%;
    display: flex;
    justify-content: center;
    gap: 1rem;
    z-index: 2;
}

.indexBut {
    align-items: center;
    width: 1.5rem;
    height: 0.45rem;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #840300;
    font-size: 0.13rem;
    font-family: Source Han Sans CN;
    font-weight: 600;

}

.index {
    width: 70%
}

.indexBut:hover {
    cursor: pointer;
}

/*.video-bg::--webkit-media-controls-play-button{*/
/*    disnone:none !important;*/
/*    --webkit*/
/*}*/
@media screen and (max-width: 1920px) {
    .indexBut {
        font-size: 0.17rem;
    }

    .video-bg {
        width: 100vw;
        height: 100%;
    }

    .index {
        width: 50%;
    }
}

@media screen and (max-width: 1440px) {
    .indexBut {
        font-size: 0.16rem;
    }

    .video-bg {
        width: auto;
    }

    .index {
        width: 70%;
    }
}

@media screen and (max-width: 1000px) {
    .index {
        width: 74%;
    }

    .top10 {
        margin-top: 0.1rem;
    }

    .indexRow {
        margin-top: 2rem;
    }

    .indexBut {
        width: 1.5rem;
        font-size: 0.15rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
    }
}

/* 手机适配 */
@media screen and (orientation:portrait) and (max-device-width: 700px) {
    .index {
        width: 95%;
    }

    .video-bg {
        width: auto;
        height: 100%;
    }

    .indexRow {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 0.2rem;
    }

}

@media screen and (max-width: 700px) {
    .index {
        width: 95%;
    }

    .top10 {
        margin-top: 0.1rem;
    }

    .indexRow {
        margin-top: 2rem;
    }

    .indexBut {
        width: 2.6rem;
        font-size: 0.25rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        margin-top: 0.1rem;
    }
}

@media screen and (orientation:portrait) and (max-device-width: 500px) {
    .index {
        width: 74%;
    }

    .top10 {
        margin-top: 0.1rem;
    }

    .indexRow {
        margin-top: 0.64rem;
    }

    .indexBut {
        width: 2.6rem;
        font-size: 0.25rem;
        height: 0.705rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
    }
}

@media screen and (orientation:portrait) and (max-device-width: 400px) {
    .index {
        width: 74%;
    }

    .top10 {
        margin-top: 0.1rem;
    }

    .indexRow {
        margin-top: 0.88rem;
    }

    .indexBut {
        width: 2.6rem;
        font-size: 0.25rem;
        height: 0.705rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
    }
}

@media screen and (orientation:portrait) and (max-device-width: 300px) {
    .index {
        width: 90%;
    }

    .indexBut {
        width: 2rem;
        height: 1rem;
    }
}

/* 鼠标不能选中其中的文字 */
.noselect {
    -moz-user-select: none;
    /*火狐*/
    -webkit-user-select: none;
    /*webkit浏览器*/
    -ms-user-select: none;
    /*IE10*/
    -khtml-user-select: none;
    /*早期浏览器*/
    user-select: none;
}

/* 上下左右居中 */
.udlrcenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.logoindeximg {
    width: 100vw;
    height: 100vh;
    background-color: #fff0;
    position: absolute;
    z-index: 1;
}