html,body{
    width: 100%;
    background: #0CADA8;
}

.img{
    width: 100%;
    /* height: 100%; */
}


/*以上是公共样式*/

.head{
    width: 100%;
}

/*填写手机号/验证码样式*/
.get-box {
    margin: 0.5rem auto;
    width: 6.92rem;
    height: 5.8rem;
    padding: 0 0.28rem 0 0.33rem;
    background: url('https://resource.gximg.cn/10dccf_QQKXGfR4Wx.png') no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

.get_title {
    width: 100%;
    height: 1.4rem;
    font-size: 0.55rem;
    font-weight: bold;
    color: #FFEE53;
    letter-spacing: 1.8px;
    text-align: center;
    line-height: 1.4rem;
}

.get_title i {
    font-style: normal;
    font-size: 0.3rem;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 0.3rem;
    text-decoration: line-through;
}

.input-list {
    width: 100%;
    height: auto;
}

.input-list li {
    width: 100%;
    height: 1.04rem;
    padding-top: 0.4rem;
    border-bottom: 1px solid #E6E4E4;
    box-sizing: border-box;
}

.input-list li.relative {
    font-size: 0;
}

.input-list li.relative .relative_span {
    display: inline-block;
    width: 1.09rem;
    height: 0.5rem;
    font-size: 0.3rem;
    color: #A4A4A4;
    line-height: 0.5rem;
    vertical-align: middle;
}

.input-list li.relative .input {
    display: inline-block;
    width: 2.92rem;
    height: 0.5rem;
    font-size: 0.3rem;
    line-height: 0.5rem;
    border: none;
    vertical-align: middle;
}

.input-list li.relative .input::placeholder {
    font-size: 0.3rem;
    color: #A4A4A4;
}

.input-list li .code-btn {
    position: relative;
    width: 2.07rem;
    padding-left: 0.2rem;
    height: .5rem;
    font-size: 0.3rem;
    color: #A4A4A4;
    line-height: 0.5rem;
    border: none;
    vertical-align: middle;
}

.input-list li .code-btn::before {
    position: absolute;
    top: 0.1rem;
    left: 0;
    content: '';
    width: 1px;
    height: 0.3rem;
    background: #E6E4E4;;
}

.input-list li:nth-of-type(2) .input {
    width: 100%;
    height: 0.5rem;
    font-size: 0.3rem;
    line-height: 0.5rem;
    border: none;
    vertical-align: middle;
}

.input-list li:nth-of-type(2) .input::placeholder {
    font-size: 0.3rem;
    color: #A4A4A4;
}

.agree-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0.32rem 0;
    box-sizing: border-box;
}

.agree-wrap .agree-checkbox {
    float: left;
    width: .25rem;
    height: .26rem;
}

.agree-wrap .consent {
    float: left;
    margin-left: 0.1rem;
    width: 5.4rem;
    height: 0.36rem;
    font-size: 0.25rem;
    color: #A4A4A4;
    line-height: 0.36rem;
}

.agree-wrap .consent .consent_a {
    color: #F6403F;
}

.submit-btn {
    width: 100%;
    height: 0.89rem;
    font-size: 0.35rem;
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 0.35px;
    line-height: 0.89rem;
    border-radius: 0.445rem;
    background: #FE863C;
}

/*领取成功后的样式*/
.set_box {
    margin: 0.5rem auto;
    width: 6.9rem;
    height: auto;
    padding: 0 0.28rem 0.3rem 0.33rem;
    border-radius: 0.2rem;
    border: 1px solid #F34949;
    box-sizing: border-box;
    background: #fff;
}

.set_box p {
    padding-bottom: .3rem;
    font-size: .32rem;
    color: #4A4A4A;
    text-align: center;
    line-height: .59rem;
}

.set-title {
    padding-top: .3rem;
    font-size: .32rem;
    font-weight: bold;
    color: #F34949;
    text-align: center;
    line-height: .59rem;
}

/*课程内容样式*/
.course {
    width: 100%;
    height: auto;
    padding-top: 0.64rem;
    box-sizing: border-box;
}

.course_title {
    margin: 0 auto;
    width: 2.08rem;
    height: 0.8rem;
}

.course_ol {
    width: 100%;
    height: auto;
    padding: 0 0.3rem;
    box-sizing: border-box;
}

.course_ol .course_li {
    margin-top: 0.39rem;
    width: 100%;
    height: auto;
}

.course_ol .course_li .course_li_title {
    width: 4.88rem;
    height: 0.9rem;
    padding-top: 0.28rem;
    padding-left: 0.28rem;
    font-size: 0;
    background: url('https://uimg.gximg.cn/v/res/202011/20-09/img10.png') no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

.course_ol .course_li .course_li_title .title_img {
    display: inline-block;
    width: 0.33rem;
    height: 0.35rem;
    vertical-align: middle;
}

.course_ol .course_li .course_li_title .title_span {
    display: inline-block;
    margin-left: 0.22rem;
    font-size: 0.36rem;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 0.56px;
    line-height: 0.36rem;
    vertical-align: middle;
}

.course_ol .course_li .course_li_cont {
    width: 100%;
    height: auto;
    padding-left: 0.74rem;
    padding-bottom: 0.24rem;
    border: 1px solid #F34949;
    border-radius: 0 0 0.08rem 0.08rem;
    background: #FFFFFF;
    box-sizing: border-box;
}

.course_ol .course_li .course_li_cont .cont_span {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.3rem;
    color: #333333;
    letter-spacing: 0.4px;
    line-height: 0.45rem;
}

/*老师介绍样式*/
.teachs {
    width: 100%;
    height: auto;
    padding-top: 0.7rem;
    padding-bottom: 0.8rem;
    box-sizing: border-box;
}

.teachs .teachs_title {
    margin: 0 auto;
    width: 1.87rem;
    height: 0.8rem;
}

.teachs_ul {
    width: 100%;
    height: auto;
}

.teachs_ul .teachs_li {
    margin: 1.85rem auto 0;
    width: 6.91rem;
    height: auto;
}

.teachs_ul .teachs_li .teachs_name {
    width: 100%;
    height: auto;
    padding-left: 0.43rem;
    padding-bottom: 0.28rem;
    font-size: 0;
    box-sizing: border-box;
}

.teachs_ul .teachs_li .teachs_name .name_span {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.34rem;
    color: #333333;
    line-height: 0.34rem;
}

.teachs_ul .teachs_li .teachs_name .name_span:last-child {
    width: 1.74rem;
    height: 0.43rem;
    font-size: 0.34rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 0.43rem;
    border-radius: 0.215rem;
    background: #F34949;
}

.teachs_ul .teachs_li .teachs_bg {
    position: relative;
    width: 100%;
    height: 2.84rem;
    padding-top: 0.3rem;
    padding-left: 0.28rem;
    background: url('https://uimg.gximg.cn/v/res/202011/20-13/lhb_b.png') no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

.teachs_ul .teachs_li .teachs_bg .teachs_img {
    position: absolute;
    top: -1.1rem;
    right: 0.22rem;
    width: 1.78rem;
    height: 2.2rem;
}

.teachs_ul .teachs_li .teachs_bg2 {
    padding-top: 0.3rem;
    height: 2.51rem;
    background: url('https://uimg.gximg.cn/v/res/202011/20-13/lx_b.png') no-repeat;
    background-size: contain;
}

.teachs_ul .teachs_li .teachs_bg .teachs_cont {
    font-size: 0.25rem;
    color: #FFFFFF;
    line-height: 0.5rem;
}

/*规则样式*/
.guize {
    width: 100%;
    height: auto;
    padding-top: 0.6rem;
    padding-bottom: 0.8rem;
    background: #FFF3F1;
    box-sizing: border-box;
}

.guize_h5 {
    padding-left: 0.6rem;
    font-size: 0.45rem;
    color: #F34949;
    line-height: 0.45rem;
}

.guize_p {
    position: relative;
    padding-left: 0.6rem;
    padding-top: 0.3rem;
    font-size: 0.3rem;
    color: #F34949;
    line-height: 0.4rem;
}

.guize_p::before {
    position: absolute;
    top: 0.42rem;
    left: 0.34rem;
    content: '';
    width: 0.14rem;
    height: 0.17rem;
    background: url('https://uimg.gximg.cn/v/res/202011/20-09/img12.png') no-repeat;
    background-size: contain;
}

.guize_p:nth-of-type(1)::before {
    top: 0.36rem;
}


/*滑动条*/
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.login_cont {
    width: 295px;
    /*margin:0 auto;*/
    padding: 32px 0;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 8px;
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -147.5px;
    background: #ffffff;
    z-index: 9;
}