body {
    font-family: "微软雅黑";
}

.head {
    width: 100%;
    height: 350px;
    position: relative;
    left: 0;
    top: -10px;
    z-index: 111;
}

.foot {
    width: 100%;
    height: 580px;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin-top: -300px;
}

@media screen and (max-width:1280px) {
    .foot {
        width: 100%;
        height: 380px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: 10px;
    }
}

@media screen and (min-width:1536px) {
    .foot {
        width: 100%;
        height: 460px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: 10px;
    }
}

@media screen and (min-width:1920px) {
    .foot {
        width: 100%;
        height: 580px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: 10px;
    }
}

@media screen and (min-width:1950px) {
    .foot {
        width: 100%;
        height: 750px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: 10px;
    }
}

@media screen and (min-width:2560px) {
    .foot {
        width: 100%;
        height: 1175px;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 100;
        margin-top: -10px;
    }
}

.zhong {
    width: 100%;
    height: 4900px;
    margin-top: -110px;
}

/* 中间的内容 */
.one {
    width: 100%;
    /* min-height: 100vh; */
    position: relative;
    top: -355px;
    z-index: 110;
}

.one img {
    width: 100%;
    margin-top: -10px;
}

.two {
    position: relative;
    width: 100%;
    height: 100px;
    text-align: center;
    margin-top: -240px;
}

.name {
    font-size: 30px;
}

.English {
    color: #a5a5a5;
}

.yes {
    /* background: #F0F5F8; */
    color: #22AFF7;
    border-bottom: solid 1px #22AFF7;
}

.no {
    background: white;
    /* border-bottom: solid 1px white; */
}

.three {
    width: 100%;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -360px;
    border-bottom: solid 1px #a5a5a5;
}

.three div {
    width: 15%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    /* border-bottom: solid 1px white; */
    font-size: 20px;
}

.neirong {
    width: 100%;
    /* margin-top: -113px; */
}

.neirong img {
    width: 100%;
}

.douyin {
    width: 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
}

/* 右方悬浮 */
.right {
    position: fixed;
    bottom: 10%;
    right: 20px;
    width: 450px;
    height: 270px;
    /* background: white; */
    z-index: 111111;
}

@media screen and (max-width:1280px) {
    .right {
        position: fixed;
        bottom: 5%;
        right: 20px;
        width: 300px;
        height: 270px;
        /* background: red; */
        z-index: 111111;
    }
}