@font-face {
    font-family: Comfortaa-Regular;
    src: url('./fonts/Comfortaa-Regular.ttf');
    /* 大标题和人物留言 */
}

@font-face {
    font-family: Roboto-Condensed;
    src: url('./fonts/Roboto-Condensed.ttf');
    /* 人物署名字体 */
}

@font-face {
    font-family: Rubik-Medium;
    src: url('./fonts/Rubik-Medium.ttf');
    /* 标题上粗体及按钮粗体文字 */
}

@font-face {
    font-family: Rubik-Regular;
    src: url('./fonts/Rubik-Regular.ttf');
    /* 描述文字 */
}

body {
    font-size: .28rem;
    line-height: .56rem;
    font-family: 'Rubik-Regular';
    background-color: #fff;
    color: rgb(78, 79, 105);
}

.comfortaa-regular {
    font-family: 'Comfortaa-Regular';
}

.roboto-condensed {
    font-family: 'Roboto-Condensed';
}

.rubik-medium {
    font-family: 'Rubik-Medium';
}

.rubik-regular, .rubik-regular>b {
    font-family: 'Roboto-Condensed';
}

.bold900 {
    font-weight: 900;
}

.letter1 {
    letter-spacing: 1px;
}

.font14 {
    font-size: .32rem;
}

.font12 {
    font-size: 0.21rem;
}

.font28 {
    font-size: .28rem;
}

.font46 {
    font-size: .46rem;
}

.packagesStudent {
    line-height: .56rem;
}

.girlPic {
    display: block;
    width: 60%;
    margin-bottom: 50px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}

.girlPic img {
    width: 100%;
    max-width: 312px;
}

.packagesWrap {
    height: 26rem;
}

.registernow {
    width: 50%;
    box-sizing: border-box;
    border-radius: .1rem;
}

.startTitle span {
    font-family: 'Rubik-Medium';
    font-size: 12px;
    line-height: 40px;
}

.startTitle img {
    width: 15px;
}

.masklogo span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-image: url(/website/assets/image/header/close.png);
}

.elementsList .title {
    line-height: 1rem !important;
    font-size: .56rem !important;
}

.elementsList .writing {
    height: 27%;
}

.gosignpage {
    border-radius: .13333rem;
}

.trustpilot-widget {
    margin: 1rem 0.9rem 1.1rem 0.9rem;
}

.trustpilot-widget iframe {
    height: 7rem !important;
    width: 100% !important;
}