/*.bgc_img{
     background: url(../img/bg-h5.png) no-repeat center 0;
    background-size: 3.75rem;
}*/

/* .mainNone{
    background: url(../img/bg-h5.png) no-repeat center 7.11rem;
    background-size: 3.75rem;
} */

/* 轮播 */
.banner{
    width:3.75rem;
    height:1.80rem;
    background:rgba(228,231,237,1);
    opacity:1;
}
/* 课程分类 */
main{
    padding-top: 0.14rem;
}
main h4{
    width: 3.75rem;
    font-size: .18rem;
    color: #303133;
    line-height: .25rem;
    margin: 0 auto 0;
    text-align: center;
}

main .course_nav{
    margin-top: 0.15rem;
    margin-left: 0.15rem;
}
main .course_nav div{
    float: left;
    margin-right: .10rem;
    font-size: .14rem;
    line-height: .22rem;
    color: #303133;
    border-bottom:.02rem solid transparent;
    cursor: pointer;
}
main .course_nav .course_nav_in{
    border-bottom:.02rem solid #409EFF;
    color: #409EFF;
}
main .course_nav .course_nav_many{
     float: right ;
     margin-right: 0.15rem;
}

/* 列表 */
.course_main{
    padding-top: .13rem;
}
.course_main>div{
    min-height:7.24rem;
    display:none;
}
.course_main .course_main_in{
    display:block;
}
.cos_mi_4{
    position: relative;
    float: left;
    margin-left: .1rem;
    width:1.72rem;
    margin-bottom:.20rem;
    background: #fff;
}

.cos_mi_4_img{
    position: relative;
    width: 1.72rem;
    height: 0.93rem;
    border-radius:.05rem;
    overflow: hidden;
}
.cos_mi_4_img img{
    position: absolute;
    top: 0em;
    width: 100%;
}
.cos_mi_4 p{
    width: 1.5rem;
    line-height: .17rem;
    height: 0.34rem;
    font-size: .12rem;
    margin-left: .05rem;
    margin-top: .10rem;
    text-align: justify;
    color: #909399;
}
.cos_mi_4_show{
    position: relative;
}
.cos_mi_4_show a>div:nth-child(1){
    width: .70rem;
    line-height: .24rem;
    font-size: .14rem;
    text-align: center;
    color: #FA5555;
}
.cos_mi_4_show>div:nth-child(2){
    position: absolute;
    right: .15rem;
    top: 0;
    font-size: 0.14rem;
    line-height: .24rem;
    color: #409EFF;
}

/* .teacherData{
    background: #fff    ;
} */
.teacherData>p{
    margin: 0.1rem auto 0;
    width:2.54rem;
    height:.20rem;
    font-size:.14rem;
    line-height:.20rem;
    color:rgba(96,98,102,1);
}
.teacherData>div:nth-child(3){
    width: 3.75rem;
   
}
.student>p{
    margin: 0.05rem auto 0.14rem;
    width:2.54rem;
    height:.20rem;
    font-size:.14rem;
    line-height:.20rem;
    text-align: center;
    color:rgba(96,98,102,1);
}
.student-wrap2{
    display: none;
}
.student-span{
    font-size: 0;
    margin-left: 1.67rem;
  
}
.student-span span{
    margin-right: 0.1rem;
    display: inline-block;
    width: 0.12rem;
    height: 0.12rem;
    background: #606266;
    border-radius: 50%;
}
.student-span .student-active{
    background: #409EFF;
}
.student-demo{
    margin: 0 auto 0.15rem;
    padding-top: 0.24rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    width:3.11rem;
    height:1.1rem;
    font-size: 0.12rem;
    background:rgba(255,255,255,1);
    box-shadow:0px 0.06rem 0.24rem rgba(133,138,209,0.3);
    border-radius:0.1rem;
}
.student-demo>p{
    line-height: 0.17rem;
    text-align: justify;
    color: #303133;
}
.student-demo>div>div{
    margin-top: 0.09rem;
    float: left;
}
.student-demo>div>div:nth-child(1){
    width: 0.42rem;
    height: 0.42rem;
}
.student-demo>div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.student-demo>div>div:nth-child(2){
    line-height: 0.2rem;
    margin-left: 0.1rem;
    color: #666;
}



/* 学习路径 */
.studyPath{
    padding-top: 1rem;
}
.studyPath>div{
    margin: 0.25rem auto 0;
    padding-left: 0.13rem;
    width: 3.58rem;
}
.studyPath_case{
    float: left;
    margin-right: 0.37rem;
}
.studyPath_case:nth-child(3){
    margin-right: 0;
}

.studyPath_case>div{
    width:0.87rem;
    font-size: 0.09rem;
    color: #188EEE;
    border:0.02rem solid #188EEE;
    text-align: center;
}

.studyPath_case div:nth-child(1){
    height: 0.44rem;
    line-height:0.44rem;
}
.studyPath_case div:nth-child(2){
    position: relative;
    margin-top: 0.08rem;
    background: transparent;
    height: 0.05rem;
    border:none;
}
.studyPath_case div:nth-child(2)::after{
    content: '';
    position: absolute;
    top:-0.07rem;
    left: 0.44rem;
    width: 0;
    height: 0;
    border-top:0.02rem solid transparent;
    border-left:0.02rem solid transparent;
    border-right:0.02rem solid transparent;
    border-bottom:0.05rem solid transparent;
}
.studyPath .studyPath_case_in div:nth-child(1){
    color: #fff;
    background: #188EEE;
}

.studyPath .studyPath_case_in div:nth-child(2){
    background: #188EEE;
}

.studyPath .studyPath_case_in div:nth-child(2)::after{
    border-bottom:0.05rem solid #188EEE;

}
.studyPath>p{
    margin: 0.15rem auto 0;
    margin-left: 0.1rem;
    text-align: center;
    width: 3.55rem;
    height: 4.5rem;
}
.studyPath>p img{
    max-width: 3.55rem;
}



/* 专业学习平台 */

 .skill_show>div{
     margin-top: 0.2rem;
 }
.skill_show_case{
    margin-left: 0.15rem;
    margin-bottom: 0.1rem;
    width:3.45rem;
    height:0.8rem;
    background:rgba(229,239,255,1);
    opacity:1;
    border-radius:0.05rem;
}

.skill_show_case>div{
    float: left;
}
.skill_show_case>div:nth-child(1){
    margin: 0.2rem 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
    font-size: 0 ;
}
.skill_show_case>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.skill_show_case>div:nth-child(2){
    margin: 0.11rem 0 0;
    width: 1.6rem;
    font-size: 0.18rem;
    line-height: 0.18rem;
}

.skill_show_case>div:nth-child(2) p{
    margin-top: 5px;
    width: 174px;
    font-size: 12px;
    color: #666777;
    line-height:18px;
    letter-spacing: 0;
}


/* 立即注册 */
.register{
    margin-top: 0.4rem;
    margin-bottom: 0.8rem;
}
.register>p{
    margin: 0.15rem auto 0;
    width: 2.4rem;    
    text-align: center;
    font-size:0.16rem;
    text-align: center;
    line-height:0.22rem;
    color:rgba(96,98,102,1);
}
.register>input{
    display: block;
    margin-left: 0.3rem;
    margin-top: 0.16rem;
    padding-left: 0.3rem;
    width:2.85rem;
    height:0.4rem;
    font-size: 0.14rem;
    background:rgba(255,255,255,1);
    box-shadow:0px 0.05rem 0.5rem rgba(133,138,209,0.3);
    border-radius:0.29rem;
}
.register>button{
    display: block;
    margin-left: 0.3rem;
    margin-top: 0.16rem;
    line-height:.58rem;
    width:3.15rem;
    line-height:.40rem;
    font-size: 0.14rem;
    color: #fff;
    letter-spacing: 0.02rem;
    background:rgba(64,158,255,1);
    text-align: center;
    opacity:1;
    border-radius:.20rem;
}
.register>div>button:active{
    background:#2977c7 ;
    /* background: transparent; */
}




















.footer{
    padding-top: 0.2rem;
    width: 3.45rem;
    margin-left: 0.15rem;
    height: 0.54rem;
    font-size: 0.12rem;
    border-top: 0.01rem solid #DCDFE6;
}
.footer p{
    line-height: 0.17rem;
    color: #606266;
    text-align: center;
}









.jasoncarousel{position:relative;width:3.75rem;height:1.8rem;margin:0 auto ;overflow: hidden;}
.jasoncarousel ul{list-style:none;padding:0;margin:0;position:absolute;top:0;left:0;cursor: pointer;}
.jasoncarousel img{display: block;width: 3.75rem;height: 1.8rem;}
/*.jasoncarousel .next,.jasoncarousel .prev{position:absolute;left:0;top:50%;transform: translate(0,-50%);padding:10px 5px;width:30px;height:50px;line-height:50px;background-color: rgba(0,0,0,.3);text-align:center;color:#fff;}*/
.jasoncarousel .next{left:auto;right:0;}
.jasoncarousel .page{position: absolute;left:50%;bottom:0.1rem;font-size: 0;transform: translate(-50%,0);
z-index: 2;}
.jasoncarousel .page span{display:inline-block;margin:0 .05rem;width: .15rem;height: .15rem;line-height: .30rem;text-align:center;background-color:rgba(255, 255, 255, 0.5);border-radius:50%;z-index: 3;cursor: pointer;}
.jasoncarousel .page span.active{background-color:#fff;}
.jasoncarousel .prev{width:  0.5rem;height:  0.5rem;position:absolute;left:0;top:50%;transform: translate(0,-50%);opacity:0.6;cursor: pointer;z-index: 10;display: none;}
.jasoncarousel .next{width:  0.5rem;height:  0.5rem;position:absolute;right:0;top:50%;transform: translate(0,-50%);opacity:0.5;cursor: pointer;z-index: 10;display: none;}








/*发展历程 */
.history{
    width: 3.75rem;
    
}
.history-img{
    width: 100%;
    height: 2.3rem;
    background-image: url(../h5img/蒙版组\ 2@2x.jpg);
    background-size: 3.75rem;
    margin: 0 auto;
}
.history-img>p{
    padding-top: .5rem;
    font-size: 0.24rem;
    width: 3.75rem;
    margin:0 auto;
    text-align: center;
    font-weight: 800;
    color:#fff;
    letter-spacing:0.03rem;
    margin-bottom: 0.68rem;
}

.line {
    width: 3.3rem;
    height: .5rem;
    margin: 0 auto;
}

.line1 {
    width: 0.24rem;
    height: 0.24rem;
    float: left;
    position: relative;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.line1_1 {
    position: absolute;
    font-size: 0.16rem;
    top: -0.3rem;
    text-align: center;
    left:0.05rem;
    color: #fff;
    margin-left: -0.1rem;
}

.line1_2 {
    width: .18rem;
    height: .18rem;
    position: absolute;
    top: .03rem;
    left: .03rem;
    border-radius: 50%;
}
#line1_2 {
background: #fff;;
}
.line2 {
    float: left;
    height: .02rem;
    background: rgba(255, 255, 255, 0.5);
    width: .52rem;
    margin-top: .11rem;
}
.history-event{
    width: 3.60rem;
    margin: 0 auto;
    margin-left: 0.15rem;
    margin-top: 0.3rem;
    overflow: hidden;
}
.history-even-box{
    width: 2200px;
    height: 2.2rem;
    position: relative;
}
.history-event-new{
    width: 190px;
    margin-right: 30px;
    float: left;
}
.history-event-new p{
    font-style: italic;
    font-size: 0.24rem;
    height: 0.29rem;
    line-height: 0.29rem;
    margin-bottom: 0.16rem;
    color: #303133;
    font-weight: 800;
}
.history-event-new hr{
    color:#DCDFE6;
    border-top:none;
    margin-bottom: 0.08rem;
}
.history-event-new div{
    float: left;
    font-size: 0.14rem;
    line-height: 0.320rem;
    color:rgba(96,98,102,1);
}
.history-event-new-shuo{
    width:190px;
    text-align: justify;
}
/* h5 */
.mod-con{
    width: 3.75rem;
    height: 0.5rem;
}
.line-wrap{
    width: 3rem;
    height: 0.24rem;
    padding-top: 0.24rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
.mod-con-line{
    width: 100%;
    height: 0.02rem;
    background: #E9ECF0;
}
.focus{
    height: 0.02rem;
    width: 5%;
    background: #0052D9;
}
.mod-con div{
    float: left;
}
.mod-con .img{
    float: right;
    font-size: 0.24rem;
    width: 0.45rem;
    height: .5rem;
    line-height: .5rem;
    margin-right: 0.1rem;
}


/* 教师资料 */
.myData1{
    margin-top: 40px;
}
.myData1 .myShow{
    background: #F8FAFC;
    width: 1.65rem;
    height: 1.3rem;
    margin-left: 0.15rem;
    float: left;
    margin-bottom: 0.27rem;
}
.myData1 .myShow-1{
    position: relative;
}
.myData1 .myShow-1-img{
    width: 0.71rem;
    height: .71rem;
    background: #ccc;
    position: absolute;
    top:-0.12rem;
    left:0.2rem;
}
.myData1 .myShow-1-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.myData1 .myShow-1-name{
    /* height: 1rem; */
    /* padding-left: .72rem; */
}
.myData1 .myShow-1-name-p1{
    color:#409EFF;
    font-size: 0.2rem;
    font-weight: 400;
    padding-top: 0.74rem;
    line-height: 0.2rem;
    margin-bottom: 0.12rem;
    text-align: right;
    margin-right: 0.15rem;
}
.myData1 .myShow-1-name-p2{
    font-size: 0.12rem;
    color:#606266;
    font-weight: 400;
    line-height: 0.17rem;
    text-align: right;
    margin-right: 0.2rem;
}







.myData{
    width: 100%;
    height: 100%;
    background: rgba(000, 000, 000, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    opacity:0;
    display: none;

}

.myData .myShow{
    background: #F8FAFC;
    width: 3.45rem;
    height: 2.35rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
}
.myData #myShow{
    display: block;
}
.myData .myShow-1{
    position: relative;
}
.myData .myShow-1-img{
    width: 1.2rem;
    height: 1.2rem;
    background: #ccc;
    position: absolute;
    top:-0.2rem;
    left:0.2rem;
}
.myData .myShow-1-img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.myData .myShow-1-name{
    height: 1rem;
    padding-left: 1.72rem;
}
.myData .myShow-1-name-p1{
    color:#409EFF;
    font-size: 0.2rem;
    font-weight: 400;
    padding-top: 0.33rem;
    line-height: 0.2rem;
    margin-bottom: 0.12rem;
    text-align: right;
    margin-right: 0.2rem;
}
.myData .myShow-1-name-p2{
    font-size: 0.12rem;
    color:#606266;
    font-weight: 400;
    line-height: 0.17rem;
    text-align: right;
    margin-right: 0.2rem;
}
.myData .myShow-2{
    width: 3.1rem;
    line-height: 0.23rem;
    font-size: 0.12rem;
    color:#606266;
    padding-left: 0.2rem;
    padding-right: 0.21rem;
    height: 0.89rem;
    overflow: hidden;
    padding-top: 0.1rem;

}
.myData .myShow-3{
    position: absolute;
    top: -.40rem;
    right:0;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.16rem;
    color: #fff;
    border:0.01rem solid #fff;
    border-radius: 50%;
}

/* 直播 */

.sowing {
    margin-bottom: .2rem;
}
.sowing-p{
    margin-bottom: .2rem;
    width: 100%;
    text-align: center;
    font-weight: 800;
    font-size: .18rem;
}
.sowingDemo {
    position: relative;
    margin-bottom: .2rem;
    margin-left: 0.15rem;
    width: 3.45rem;
    height: .88rem;
    font-size: 0;
}

.sowingDemo>img {
    margin-right: .1rem;
    vertical-align: middle;
    width: 1.625rem;
    height: 0.88rem;
}

.sowingDemo-div {
    display: inline-block;
    vertical-align: middle;
    width: 1.725rem;
    height: .88rem;
    font-size: .14rem;
}
.sowingDemo-div p {
    padding-top: .01rem;
    font-size: .14rem;
    color: #333;
}
.sowingDemo-div div:nth-child(2) {
    position: absolute;
    bottom: .23rem;
    font-size: .12rem;
    color: #777;
}

.sowingDemo-div div:nth-child(3) {
    position: absolute;
    bottom: 0.03rem;
    font-size: .12rem;
    color: #777;
}
.sowingDemo-div div:nth-child(3) span{
    margin-left: .02rem ;
    font-size: .12rem;
    color: #378bc4;
}