main{
    width: 3.75rem;
    overflow: hidden;
}
.mainNone{
    position: relative;
    width: 3.75rem;
}


.topic{
    position: relative;
    margin-top: 0.05rem;
    height: 0.44rem;
    font-size: 0.16rem;
    background: #fff;
    text-align: center;
    line-height: 0.44rem;
}

.topic span{
    position: absolute;
    left: 0.08rem;
     top: 0.15rem;
    border-bottom: 0.06rem solid transparent;
    border-top: 0.06rem solid transparent;
    border-left: 0.06rem solid transparent;
    border-right: 0.1rem solid #444;
}
.course_img{
    width: 3.75rem;

    background: #ccc;
}
.course_img img{
    width: 100%;
}






















.courseSwitch{
    margin-bottom: 0.05rem;
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.16rem;
    background: #fff;
}
.courseSwitch>div{
    position: relative;
    float: left;
}
.courseSwitch>div p{
    position: absolute;
    bottom: -0.01rem;
    left: 50%;
    transform: translate(-50%,0);
    width: 0.1rem;
    height: 0.02rem;
    color:#606266 ;
    background: transparent;
}
.courseSwitch>div:nth-child(1){
    margin-left: 0.8rem;
}
.courseSwitch>div:nth-child(2){
    margin-left: 0.64rem;
    margin-right: 0.64rem;
}
.courseSwitch .courseSwitch_in{
    color: #409EFF;
}

.courseSwitch .courseSwitch_in p{
    background: #409EFF;
}
.courseData1{
    padding: 0.1rem;
    margin-bottom: 0.05rem;
    font-size: 0.14rem;
    color: #909399;
    background: #fff;
}
.courseData1>p{
    line-height: 0.2rem;
    text-align: justify;
}
.courseData1>div{
    position: relative;
    margin-top: 0.07rem;
    line-height: 0.2rem;
    height: 0.2rem;
    color: #409EFF;
}

.courseData1>div>div:nth-child(2){
    position: absolute;
    top: 0;
    right: 0;
}

.courseData2{
    padding:0.1rem;
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
    background: #fff;
}
.courseData2 div{
    line-height: 0.2rem;
    color: #909399;
    text-align: justify;
}
.userData1{
    padding:0.1rem;
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
    background: #fff;
}
.userData1>div{
    position: relative;
    margin: 0.1rem 0;
}
.userData1>div>div:nth-child(1){
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #D9DCE6;
    overflow: hidden;
}
.userData1>div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.userData1>div>div:nth-child(2){
    position: absolute;
    margin-left: 0.53rem;
    top: 50%;
    transform: translate(0,-50%);
}
.userData1>p{
    line-height: 0.2rem;
    color: #909399;
}
.software{
    padding:0.1rem;
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
    background: #fff;
}

.software>div>div{
    position: relative;
    margin: 0.1rem 0;
}
.software>div>div>div:nth-child(1){
    width: 0.2rem;
    height: 0.2rem;
    /* background: #D9DCE6; */
}
.software>div>div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.software>div>div>div:nth-child(2){
    position: absolute;
    margin-left: 0.3rem;
    top: 50%;
    transform: translate(0,-50%);
}

.hotCourse{
    padding:0.1rem;
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
    background: #fff;
}
.hotCourse>div{
    margin-top: 0.05rem;
}


.cos_mi_4{
    float: left;
    margin-bottom:0.1rem; 
     margin-right: 0.1rem;
    width:1.72rem;
    height: 1.62rem;
    font-size: 0.14rem;
    border-radius:0.05rem;
}
.cos_mi_4:nth-child(2n){
 margin-right: 0;
}

.cos_mi_4_img{
    width: 1.72rem;
}
.cos_mi_4_img img{
    width: 100%;
}
.cos_mi_4 p{
    margin-top: 0.05rem;
    width: 1.7rem;
    line-height: 0.17rem;
    /* text-align: justify; */
    color: #909399;
}

.cos_mi_4_show{
    position: relative;
    width: 1.72rem;
}
.cos_mi_4_show div:nth-child(1){
    width: 0.5rem;
    line-height: 24px;
    font-size: 0.1rem;
    text-align: center;
    color: #FA5555;
}
.cos_mi_4_show>div:nth-child(2){
    position: absolute;
    right: 0.05rem;
    top: 0;
    font-size: 0.1rem;
    line-height: 0.24rem;
    color: #409EFF;
}

.signUp{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0.5rem;
    font-size: 0.16rem;
}
.signUp>div:nth-child(1){
    position: relative;
    width: 0.9rem;
    height: 0.5rem;
    text-align: center;
    font-size: 0.12rem;
    color: #909399;
    background: #fff;
}
.signUp>div:nth-child(1) p:nth-child(1){
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-70%);
    background: url(../img/h5_2.png);
    background-size: 0.24rem;
    width: 0.24rem;
    height: 0.24rem;
}
.signUp>div:nth-child(1) p:nth-child(2){
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 0.5rem;
    line-height: 0.17rem;
}
.signUp>div:nth-child(2){
    position: absolute;
    right: 0;
    top: 0;
    width: 2.85rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #F2F6FC;
    background: #409EFF;
}


/* 简介 */
/* .introduce{
    display: none;
} */
.catalog{
    display: none;
    padding:0.1rem;
    font-size: 0.14rem;
    margin-bottom: 0.05rem;
    background: #fff;
    padding-bottom:1.5rem;
}
.catalog>div>p{
    position: relative;
    line-height: .4rem;
    font-weight: 700;
    color: #3c3d3e;
}
.catalog>div>p span{
    position: absolute;
    right: 0;
}
.catalog>div>div{
    display: none;
    color: #3c3d3e;
    text-indent: 2em;
    line-height: 0.3rem;
}

.comment{
    display: none;
    padding:0.1rem;
    font-size: 0.16rem;
    margin-bottom: 0.05rem;
    background: #fff;
}
.comment>div{
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.comment>div>div{
    float: left;
}
.comment>div>div:nth-child(1){
    margin-right: 0.1rem;
    width: .40rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #ccc;

}
.comment>div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.commentName{
    display: inline-block;
    vertical-align: middle;
    color: #409EFF;
    line-height: 0.2rem;
}
.commentItme{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.12rem;
    line-height: 0.2rem;
    color: #c1c1c1;
}
.comment>div p{
    margin-top: 0.1rem;
    font-size: 0.14rem;
    width: 3rem;
}

/* 弹窗 */
.popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.popup .cha{
    position: absolute;
    top: 0.07rem;
    right:0.07rem ;
    width: 0.2rem;
    height: 0.2rem;
    line-height: 0.14rem;
    font-size: 0.18rem;
    color: #616161;
    text-align: center;

}
.popup h4{
    padding-top: 0.27rem;
    margin-bottom: 0.16rem;
    font-size: 0.2rem;
    line-height: 0.28rem;
    text-align: center;
    color: #666777;
}
.popup1{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 3.27rem;
    height: 2rem;
    font-size: 0.14rem;
    border-radius: 0.1rem;
    background: #fff;
}
.popup1 p{
    margin-bottom: 0.15rem;
    font-size: 0.14rem;
    color: #666777;
    line-height: 0.24rem;
    text-align: center;

}
.popup1Btn1{
    margin: 0 auto 0.15rem;
    width:2.79rem;
    height:.40rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    background:rgba(64,158,255,1);
    border-radius: 0.04rem;
}
.popup1Btn2{
     margin: 0 auto;
     width:2.79rem;
    color: rgba(64,158,255,1);
    text-align: center;
}
/* 2 */



.popup2{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 3.27rem;
    height: 2.2rem;
    font-size: 0.14rem;
    border-radius: 0.1rem;
    background: #fff;
}
.popup2 p{
    margin-bottom: 0.15rem;
    font-size: 0.14rem;
    color: #666777;
    line-height: 0.24rem;
    text-align: center;

}
.popup2Btn1{
    margin: 0 auto 0.15rem;
    width:2.79rem;
    height:.40rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    background:rgba(64,158,255,1);
    border-radius: 0.04rem;
}
.popup2Btn2{
     margin: 0 auto;
     width:2.79rem;
    color: rgba(64,158,255,1);
    text-align: center;
}

/* 3  */

.popup3{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding-bottom: 0.3rem;
    width: 3.27rem;
    font-size: 0.14rem;
    border-radius: 0.1rem;
    background: #fff;
}

.popup3 input{
    padding-left: 0.4rem;
    width: 2.38rem;
    height: 0.38rem;
    font-size: 0.14rem;
    line-height: 0.38rem;
    border:0.01rem solid #CCCDDD;
}
.popup3Name{
    position: relative;
    width: 2.8rem;
    margin: 0 auto 0.1rem;
    background: url(../img/h5_3.png) no-repeat 0.1rem center;
    background-size: 0.16rem;
}
.popup3Phone{
    position: relative;
    width: 2.8rem;
    margin: 0 auto 0.1rem;
      background: url(../img/h5_4.png) no-repeat 0.1rem center;
    background-size: 0.16rem;
}
.popup3Check{
    position: relative;
    width: 2.8rem;
    margin: 0 auto 0.1rem;
    background: url(../img/h5_5.png) no-repeat 0.1rem center;
    background-size: 0.16rem;
}
.popup3Check input{
    width: 1.33rem;
}
.popup3Check button{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    width:.90rem;
    height:.40rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    background:rgba(64,158,255,1);
}
.popup3Btn1{
    margin: 0 auto 0.15rem;
    width:2.79rem;
    height:.40rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    background:rgba(64,158,255,1);
    border-radius: 0.04rem;
}
.popup3Btn2{
    position: absolute;
    bottom: 15px;
    right: 25px;
    color: #303133c4;
    text-align: center;
}

.xian{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
     white-space:nowrap;
    padding:0.05rem 0.1rem;
    border-radius: 0.03rem;
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.3rem;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    z-index:10;
}