/* 页面顶部主体容器 */
.head {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.generic{
    position: relative;
    width: 100%;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('../image/1.png');
}

.img1,
.img3,
.img4,
.img6,
.img7,
.img8,
.img9,
.img10 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
}

.img0 { width: 100%;
    height: 100%;z-index: 999; overflow: hidden;}

.img1{
    background-image: url('../image/1.png');
    background-size: cover;
    background-position: center;
}