body, html {
    background-color: #eff4f9
}

.head {
    width: 100%;
    height: 900px;
    overflow: hidden;
    background-image: url("/activity/content/trial/images/er_jian/toutu.png");
    background-size: 1920px 900px;
    background-position: center;
    background-repeat: no-repeat
}

.head-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.head-title {
    position: absolute;
    top: 30px;
    width: 1140px;
    height: 310px
}

.head-video {
    position: absolute;
    top: 323px
}

.head-foot {
    position: absolute;
    bottom: 28px;
    width: 1500px;
    height: 163px
}

.plan {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

    .plan > .img {
        width: 1920px
    }

    .plan .btn-group {
        display: flex;
        align-items: center;
        justify-content: space-around;
        position: absolute;
        bottom: 136px;
        height: 40px;
        width: 1320px
    }

        .plan .btn-group .btn {
            cursor: pointer;
            width: 180px;
            height: 40px;
            border-radius: 20px
        }

.advantage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

    .advantage .advantage-bg {
        width: 1920px
    }

    .advantage .advantage-menu {
        display: flex;
        justify-content: space-between;
        width: 1325px;
        position: absolute;
        top: 275px
    }

        .advantage .advantage-menu .menu-item {
            cursor: pointer;
            position: relative;
            margin-left: 5px
        }

            .advantage .advantage-menu .menu-item:nth-child(1), .advantage .advantage-menu .menu-item:nth-child(5) {
                top: 40px
            }

            .advantage .advantage-menu .menu-item:nth-child(2), .advantage .advantage-menu .menu-item:nth-child(4) {
                top: 20px
            }

.teachers {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

    .teachers .teachers-bg {
        width: 1920px
    }

    .teachers .teachers-content {
        position: absolute;
        top: 258px;
        width: 1320px;
        height: 480px
    }

    .teachers .teachers_active {
        position: absolute;
        top: 27px;
        left: 88px
    }

    .teachers .teachers-container {
        position: absolute;
        top: 77px;
        left: 620px;
        width: 600px;
        height: 140px;
        overflow: hidden;
        display: flex;
        align-items: center
    }

        .teachers .teachers-container .teachers-menu {
            position: absolute;
            /*width: 1800px;*/
            display: flex;
            align-items: center
        }

        .teachers .teachers-container .teachers-item {
            cursor: pointer;
            margin: 0 15px;
            overflow: hidden;
            width: 120px;
            height: 120px;
            background: linear-gradient(0deg, #feae83, #fdf1ea);
            border: 4px solid #fff;
            border-radius: 50%;
            box-shadow: 0 0 3px #6a8ecb
        }

            .teachers .teachers-container .teachers-item .item-img {
                margin-top: 10px;
                width: 120px
            }

        .teachers .teachers-container .teachers-item_active {
            box-shadow: 0 0 8px #376dc9
        }

    .teachers .teachers-name {
        width: 300px;
        text-align: center;
        position: absolute;
        top: 367px;
        left: 116px;
        font-size: 30px;
        color: #fff
    }

    .teachers .teachers-brief {
        position: absolute;
        top: 330px;
        left: 650px;
        width: 561px;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #fff;
        line-height: 27px
    }

.questionBank, .profession, .bottom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

    .questionBank .questionBank-bg, .profession .questionBank-bg, .bottom .questionBank-bg, .questionBank .profession-bg, .profession .profession-bg, .bottom .profession-bg, .questionBank .bottom-bg, .profession .bottom-bg, .bottom .bottom-bg {
        width: 1920px
    }

    .profession .btn-1-group {
        z-index: 10;
        width: 1320px;
        position: absolute;
        top: 878px
    }

        .profession .btn-1-group .btn-1 {
            cursor: pointer;
            margin-left: 1045px;
            width: 200px;
            height: 45px
        }

    .profession .btn-2-group {
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 1320px;
        position: absolute;
        top: 1525px
    }

        .profession .btn-2-group .btn-2 {
            cursor: pointer;
            width: 315px;
            height: 45px
        }

.bottom-menu {
    display: flex;
    justify-content: space-between;
    width: 1325px;
    position: absolute
}

    .bottom-menu .menu-item {
        cursor: pointer
    }