.free_cor{color: #3ab57f;}
.course-pro0{display: none}
/*课程信息*/
.courseView{
    background-color: #fff;
}
.posnav{padding: 0px 0;font-size: 14px;color: #aaa;line-height: 24px;height: 24px;}
.courseCode{position: relative; color:#bcc3cc;vertical-align: middle;}
.courseCode i{ vertical-align:middle; margin-right:5px;}
.er_code{position: absolute;top: 30px;left: -50px;z-index: 9;display: block;border: 1px solid #eee;background: #fff;padding: 10px;display: none;}
.er_code img{display: block; width:120px; height:120px;}
.courseCode:hover .er_code{ display:block;}
.courseView .box{background:#fff;border:0; position: relative;}
#CouponList li a{line-height: 24px;margin-top:9px;display: block;color: #999;}
#CouponList li .more a{display: inline-block;clear: both;color: #888;border-bottom: 1px solid #888;line-height:25px;margin-bottom: 10px;}
.courseInfo{padding:0 0 0 480px; position:relative;min-height:580px;}
.courseInfo::after{content: ''; display: block; clear: both;height: 0px; overflow: hidden;}
.courseInfo .image{
    width:480px;
    position: absolute;
    left:0;
    top:0;
}
.courseInfo-right{padding: 0px 0 0px 30px;}
.courseInfo .image .image-box{height:480px;overflow: hidden;}
.courseInfo .image embed{ z-index:1; position:relative;}
.courseInfo .image #view_flv{width: 580px;height:300px;position:relative;z-index:99;}
.courseInfo .image-box img{width:100%;height: 100%;object-fit: cover;}
.courseInfo-right .course-type,.courseInfo-right .course-promotion{ height: 24px; line-height: 24px; padding: 0 12px;color: #666;border: 1px solid #ccc;display: inline-block; border-radius:24px;}
.courseInfo-right .course-promotion{ margin-left:10px;}
.courseInfo-right .name{
    font-size: 22px;
    color: #333;
    font-weight: bold;
    line-height: 36px;
    padding: 0 0 14px;
    letter-spacing: 1px;
    }
.courseInfo-right .name::before{
    content: '';
    width: 5px;
    height: 24px;
    background-color: #FF5300;
    position: absolute;
    left:0;
    top:0;
}
.courseInfo-right .name span{
    display: inline-block;
    line-height: 20px;
    border:1px solid #FF5300;
    font-weight: normal;
    padding: 0px 8px;
    font-size: 12px;
    color:#FF5300;
    margin-left: 10px;
    position: relative;
    top:-5px;
}
.productIntros .bigImgbox{width:460px;height:460px;}
.productIntros .bigImgbox1{position:relative;}
.productIntros .bigImgbox img{max-width:100%;height:auto;}
.productIntros .small_list li{width:82px;margin-right:10px;border:1px solid #fff;cursor:pointer;box-sizing: border-box;}
.productIntros .small_list{padding:20px 0;}
.productIntros .small_list li.active{border:1px solid #eb1c35;}
.productIntros .pro_intros{width:670px;}
.productIntros .pro_intros h2{font-size:22px;color:#333;font-weight:bold;line-height:36px;padding:0 0 14px;letter-spacing:1px;}
.productIntros .pro_intros .strong{font-size: 14px;position: relative;top: -8px;}
.productIntros .name{font-size:14px;color:#666666;width:110px;text-align:center;line-height:24px;letter-spacing:1px;font-weight: 100;padding: 6px 0 0 4px;}
.productIntros .intros1 .price_1{font-size:18px;color:#333;}
.productIntros .intros1 .price_1 del{font-size:18px;color:#333;}
.productIntros .intros1 .pro_item{padding:8px 0 0 0;}
.productIntros .intros1{background:#f9f9f9;padding-bottom:12px;display: none;}
.productIntros .intros1 .price_2{font-size:16px;color:#ee4407;}
.productIntros .intros1 .price_2 i font{font-size: 16px;font-weight:400;font-style: normal;}
.productIntros .intros1 .price_2 i{font-size: 25px;font-weight:bold;letter-spacing:-1px;margin-left: -4px;}
.productIntros .intros1 .price_2.pl6{padding-left: 9px;}
.productIntros .intros1 .zhe_7{font-weight:normal;font-size:12px;color:#ee4407;width:65px;height:20px;line-height:20px;border:solid 1px #ee4407;border-radius:3px;text-align:right;padding:0 5px;position:relative;top:-3px;left:5px;}
.productIntros .intros1 .dingjia{position:relative;top:-3px;left:10px;color:#999999;font-size:14px;letter-spacing:1px;}
.productIntros .intros1 .dingjia s{letter-spacing:0px;}
.productIntros .intros1 .dingjia s em{font-size: 10px;}
.productIntros .intros1 .zhe_85{font-size:14px;color:#fff;width:80px;height:20px;line-height:20px;background:url(../images/icon0.png) no-repeat;text-align:right;padding-right:5px;padding-left:15px;position:relative;top:-6px;left:0;}
.red{color:#ee4407 !important;}
.productIntros .price_3 p i{border-radius:2px;font-size:14px;color:#f9f9f9;width:18px;height:18px;line-height:18px;text-align:center;display:inline-block;background:#ee4407;}
.productIntros .price_3 p span{font-size:14px;color:#333;letter-spacing:1px;margin-left:5px;line-height:23px;}
.productIntros .price_3 p span b{color:#f1260c;font-weight:normal;}
.productIntros .intros2 .para{font-size:14px;color:#666666;line-height:24px;letter-spacing:1px;width:530px;}
.productIntros .intros2 .para i{margin-left: -6px;}
.productIntros .intros2 .pro_item{padding:15px 0 0 0;}
.productIntros .intros2{border-bottom:1px solid #d8d8d8;padding:0 0 25px 0;}
.productIntros .intros3{padding-top:14px;}
.productIntros .intros3 .name{line-height:30px;}
.productIntros .intros3 .sub_item{border-radius:4px;font-size:14px;color:#333;border:2px solid #eaeaea;width:105px;height:30px;text-align:center;line-height:30px;display:inline-block;margin-right:12px;cursor:pointer;transition:border 0.6s;margin-bottom:8px;}
.productIntros .intros3 .sub_item:hover{border:2px solid #e5393c;}
.productIntros .intros3 .sub_item.active{background:url(../images/icon2.png) no-repeat 88px 10px;border:2px solid #ee4407;}
.productIntros .intros3 .subjects{width:480px;}
.productIntros .intros3 span:first-child{display:block;}
.productIntros .intros4{padding-top:26px;}
.productIntros .intros3 .subjectsd .sub_item{width:170px;}
.productIntros .intros3 .subjectsd .sub_item.active{background:url(../images/icon2.png) no-repeat right bottom;}
.productIntros .intros4 .orderBtn{width:180px;height:52px;background:#f75b30;background:linear-gradient(to right,#fa7e35,#ef480e);font-size:20px;color:#fff;text-align:center;line-height:52px;margin-left:15px;border-radius:6px;}
.productIntros .intros4 .addcart{width:156px;height:48px;border:2px solid #ee4407;font-size:20px;color:#ee4407;text-align:center;line-height:48px;margin:0 0 0 25px;border-radius:6px;text-align:center;}
.productIntros .intros4 .knowBtn{width:150px;height:48px;background:#fff;border:2px solid #cecece;font-size:20px;color:#cecece;text-align:center;line-height:48px;}
.productIntros .intros4 a{transition:all 0.6s;}
.productIntros .intros4 .orderBtn:hover{box-shadow:0 0 7px #fe3f30;}
.productIntros .intros4 .addcart:hover{box-shadow:0 0 7px #fe3f30}
.productIntros .intros4 .knowBtn:hover{box-shadow:0 0 5px #ddd;}

.wWidth1200 .courseInfo .image{
    width: 460px;
}
.wWidth1200 .courseInfo .image .image-box{
    width: 520px;
    height: 470px;
    border-radius: 6px;
}

.wWidth1200 .courseInfo{
    padding-left: 520px;
    min-height: 380px;
}


.name-bdshare{margin-top: 15px;}
.name-bdshare .c_zan,
.name-bdshare .c_collect{float:left;margin-left: 25px; color:#bcc3cc; cursor: pointer;}
.name-bdshare .c_zan i,
.name-bdshare .c_collect i{margin-right:3px;float:left;color:#bcc3cc;}
.name-bdshare .c_zan .zaned{color:#f5c921;}
.name-bdshare .c_collect .collected{color:#f26c60;}
.name-bdshare .learn-count{
    float: right;
    font-size: 14px;
    color:#999;
}
.name-bdshare .learn-count span{
    color:#FF5300;
}
#xiangou img{ display:none;}


.courseInfo-right #CouponList li{float:left;}



.courseInfo-right .coursedesc{font-size:16px;padding:10px 0;color:#999;line-height: 24px;z-index: 999;text-align: left;}
.courseInfo-right .coursedesc span{padding-right:10px;/* margin: 20px; */color:#333;}
.courseInfo-right .stardesc{
    padding: 0px 0;
    position: relative;
}
.courseInfo-right .star-info{
    position: absolute;
    right:0;
    top: 55px;
    text-align: left;
    padding: 15px 0 0 20px;
    line-height: 26px;
    background: #fafafa;
}
.courseInfo-right .star-text b{
    font-weight: normal;
}
.courseInfo-right .star-on{position:absolute;bottom:0;left:0; background:#fff; z-index:9;width:0px; overflow:hidden;height:100%;}
.courseInfo-right .star-img{
    position: relative;
}
.courseInfo-right .star-img img{height:14px; display:block; overflow:hidden;}

.courseInfo-right .status{height:38px; line-height:38px; overflow:hidden;color:#b1b1b1;margin-top:5px;}
.courseInfo-right .status span{padding-right:60px;}
.courseInfo-right .status b{font-size:18px;font-weight:normal;color:#333; padding-right:5px;}
.courseInfo-right .status .ksed{float:right; padding-right:15px;}
.courseInfo-right .price-box{background: #f5f5f5;padding: 25px;}
.courseInfo-right .price{ margin-bottom:15px; }
.courseInfo-right .price .qgbg{display:none;}
.courseInfo-right .price .spanHover{cursor:pointer; position:relative;padding-left:21px;margin-left:30px;}
.courseInfo-right .price .label{
    display: inline-block;
    font-size:16px;
    color:#999;
    padding: 0 10px 10px 0;
}
.courseInfo-right .price .free_cor,
.courseInfo-right .price  span{
    color:#e05050;
    font-size: 36px;
}
.courseInfo-right .price  span font{
    font-size: 16px;
    margin-right: 5px;
}

.courseInfo-right .price .money{
    font-size: 17px;
    color:#999;
    text-decoration: line-through;
    margin-bottom: 5px;
    padding: 0;
    display: block;
}
.courseInfo .price-after{
    /* border: 1px solid #f3f3f3; */
    border-top: 0px;
    margin-bottom: 20px;
}

#vip-money{color:#e24e4e;}
.courseInfo-right .price-box .vip{
    font-size: 14px;
}
.courseInfo-right .price-box .vip a{background: url(vipbtnbg.png) no-repeat; background-size: cover; padding: 0 20px;color: #764622;font-size: 12px;line-height: normal; font-weight: bold; height: 30px; line-height: 30px; font-size: 14px; display: inline-block; margin-left: 20px;}
.coursejg label{
    margin: 0;
    font-weight: 800;
    padding: 0;
    color: #666;
}
.coursejg{border-top: 1px #ebeef5 solid;}
.coursejg .ssbmzx{
    margin: 0;
    padding: 0;
}
.coursejg .custom-select{font-size:13px;}
.teacher-list .imgjg{max-height:113px;}
.courseInfo-right .textbox{padding: 15px 0 0px 00px;font-size: 14px;color:#999;line-height: 40px;min-height: 334px;position: relative;border-top: 1px #ebeef5 solid;}
.courseInfo-right .textbox::after{
    content: '';
    display: block;
    clear: both;
}
.courseInfo-right .textbox .label{
    position: absolute;
    left:0;
    top:15px;
    font-size: 14px;
    color:#999;
    width: 70px;
    text-align: right;
}
.courseInfo-right .textbox + .textbox{
    border-top: 1px dashed #e3e3e3;
}
.courseInfo-right .textbox .icon{
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    top:6px;
    vertical-align: top;
    margin-right: 4px;
    background-image: url(../skin-icons.png);
    background-repeat: no-repeat;
}
.courseInfo-right .textbox .course-icon{
    background-position: -43px -236px;
}
.courseInfo-right .textbox .homework-icon{
    background-position: -137px -236px;
}
.courseInfo-right .textbox .group-icon{
    background-position: -224px -236px;
}
.courseInfo-right .textbox .paper-icon{
    background-position: -90px -236px;
}
.courseInfo-right .textbox .goods-icon{
    background-position: -177px -236px;
}
.courseInfo-right .text{font-size:13px;color:#9b9b9b;display: inline-block;}
.courseInfo-right .teacher-face-name a,
.courseInfo-right .teacher-list li{
    font-size: 14px;
    line-height: 40px;
    float: left;
    margin-right: 20px;
    color:#999;
}
.courseInfo-right .teacher-face-name img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    background-color: #f5f5f5;
    margin-right: 10px;
    object-fit: cover;
}
.courseInfo-right .teacher-list li .lct{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    background-color: #f5f5f5;
    margin-right: 10px;
}
.courseInfo-right .teacher-list li .lct img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.courseInfo-right .teacher-list li .tlever{
    display: none;
}
.courseInfo-right .teacher-list li .tname{
    height: 40px;
    overflow: hidden;
}
.courseInfo-right .teacher-list li a{
    color:#999;
}


.courseView .hb-ui-btn,
.courseView .hb-ui-btn1{
    min-width: 180px;
    height: 52px;
    background: #f75b30;
    background: linear-gradient(to right,#fa7e35,#ef480e);
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    /* margin-left: 15px; */
    border: 1px;
    border-radius: 6px;
    }
.courseView .tryLearn{height: 60px;line-height: 60px;font-size: 16px;background: #fff;width: 160px;text-align: center;color:#FF5300;border: 1px solid #FF5300;-webkit-transition: 0.3s;transition: 0.3s;float: left;margin-left: 15px;cursor: pointer;box-sizing: border-box;}
.courseView .hb-ui-btn:hover,
.courseView .hb-ui-btn1:hover{/* background:#24a9fc; */}
.courseView .button em{margin-left:20px;color:#b1b1b1;}
.courseView .button em img{display:none;}
.courseView .xiangou0{
    display: none;
}
.face-course-text{ margin-left:0; margin-top:15px;}
.face-course-text p{ margin-bottom:15px; font-size:14px; color:#999;}

.newStudent{ margin-right:-20px;}
.newStudent li{ width:33.3%; float:left; margin-top:15px; text-align: center; }
.newStudent li a{ display:block; margin-right:20px; }
.newStudent li img{width: 47px;height: 47px;object-fit: cover;border-radius:30px; display:block; margin:auto;}
.newStudent li span{ display:block; text-align:center; font-size:14px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height: 34px; }

/*学习进度*/
.schedule{height:14px; line-height: 14px; position: relative;margin-right:120px;margin-top: 25px;}
.schedule-line{background:#f5f5f5;height:12px;border-radius: 30px}
.schedule-lined{height:12px;background:#f59121;border-radius: 30px; position: absolute;left:0;top:0px;}
.schedule .ksed{ position: absolute;right: -120px;top: 0px; color:#9b9b9b; font-size: 14px;}

/*选项卡信息 */

.courseTab{height:73px; line-height: 73px;border-bottom: 1px solid #efefef; overflow:hidden;}
.courseTab li{float:left;margin:0px 25px;text-align:center;font-size:18px; cursor:pointer;color:#666;}
.courseTab li.active{color:#FF5300; position: relative;}
.courseTab li.active::after{ position:absolute; width:35px; height:3px; background:#FF5300; left:50%; bottom:0; margin-left:-18px; content:'';}



/*右栏*/
.course_right{width:24%;float:right;margin-top: 30px;}
.linkConsultBox .linkQq{text-align: center;color: white;font-size: 14px;background: url(presale.png) no-repeat center center;height: 57px;line-height: 57px;display: block;position: relative;z-index: 100;}


.detail-Box .detail-title{
    font-size: 16px;
    line-height: 46px;
    font-weight: bold;
    margin-top: 10px;
    position: relative;
    padding-left: 15px;
}
.detail-Box .detail-title::before{
    content: '';
    width: 3px;
    height: 16px;
    background-color: #FF5300;
    position: absolute;
    left:0;
    top:50%;
    margin-top: -9px;
}
.detail-Box,
.courInfoBox{margin-bottom: 20px; background:#fff;}
.content-bottom .detail-title,
.detail-Box .detail-title{
    height: 73px;
    border-bottom: 1px solid #efefef;
    line-height: 73px;
    margin-top:0;font-size: 18px;position: relative;
    font-weight: bold;
    color: #333;
    padding-left: 20px;
}
.content-bottom .detail-Box{
    padding: 0px;
}
.content-bottom .detail-title::before,
.detail-Box .detail-title::before{
    content: '';
    width: 4px;
    height: 20px;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-12px;
    background-color: #FF5300;
}
.detail-Box .detail-content{
    padding: 20px;
}


.linkConsultBox .linkQq span{position: absolute;left: 80px;top: 0;}
.siderbarNav {padding: 10px 0;background: #FAFCF7;}
.siderbarNav a{cursor: pointer;display: block;height: 40px;line-height: 40px;padding: 0 30px;font-size: 14px;color: #494949;}
.siderbarNav a .iconDot {display: inline-block;width: 18px;height: 18px;background: url(radio.png) no-repeat center;vertical-align: middle;margin-right: 14px;}
.siderbarNav .itemActive .iconDot {background: url(radiocurrent.png) no-repeat center;background-size: 100%;}


.rightFixed{position: fixed;top:100px;width: 201px;z-index: 100;}

/*课程详情*/
.content_1 {float:left; width: 76%; box-sizing: border-box;padding:30px 30px 0 0;}
.content-top{background: #fff;box-sizing: border-box;width: 100%; margin-bottom:20px;}
.content-bottom{background: #fff; margin-bottom:20px;}
.content_1 .tab_course{display:none;}

.detail-content{line-height: 34px;font-size: 14px;color:#888;}
.detail-content img{ max-width:100%;}
.detail-content p,
.detail-content span{font-family:Arial,hiragino sans gb,microsoft yahei,simsun,sans-serif !important;}

.content_1 .ziliao li{margin:0px; position: relative; padding:10px 70px 10px 0;border-bottom: 1px solid #eee;}
.content_1 .ziliao li:first-child{border-top:0px;}
.content_1 .ziliao li:last-child{border-bottom: 0;}
.content_1 .ziliao .dataname{height: 28px;line-height: 28px; overflow: hidden;font-size:14px;}
.content_1 .ziliao .datainfo{color:#9b9b9b;line-height: 20px;}
.ziliao ul{ margin: 10px 0;}
.content_1 .ziliao .databtn{width:60px;height:25px;line-height:25px;border:1px solid #ddd;color:#888; text-align: center;border-radius:3px;position: absolute;right:0;top:50%;margin-top:-15px;}
.course_right_teacherli li{ margin-bottom:15px; position: relative;min-height: 54px;}
.course_right_teacherli li .lct {height: 54px;border-radius: 54px;overflow: hidden;width: 54px; position: absolute;left:0;top:0;}
.course_right_teacherli li .rct {padding-left:69px}
.course_right_teacherli li .lct img {width:100%;height: 100%;object-fit: cover;}
.course_right_teacherli li .rct{float: none;}
.course_right_teacherli li .rct .tname {font-size:15px;height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.course_right_teacherli li .rct .tlever {color: #999;font-size: 12px;height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.course_right_studentli li {float: left; width: 50px;text-align: center; margin: 0px 0px 10px 8px;}
.course_right_studentli li img {width: 45px;height: 45px; border-radius:100%;}
.course_right_studentli li span {width: 50px; height: 18px;line-height: 18px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;display: block;font-size: 12px; margin-top: 5px; color:#555;}
.course-nav-con.fixed{position: fixed;top:0;left: 0;z-index: 9999;}
.nav-price-box.curr{ display:block;}
.nav-price-box {font-size: 30px;line-height:48px;color:#eb8500;position: absolute;display: none;right: 0;top:0;font-weight:normal;}
.nav-price-box .class-price-unit {color:#FF9600;font-size: 21px;vertical-align: 1px;margin-right: 3px;}
.nav-price-box .hb-ui-btn { line-height:30px;top: -6px;background:#FFA12D;color: #fff;border: 0;height: 30px;width: 120px;border-radius: 0px;position: relative;font-size: 14px;font-family: HelvLight-Norma1d0d6b0044d01,Hiragino Sans GB, \5fae\8f6f\96c5\9ed1;}
.course-nav-con .hb-ui-container .nav-list ul li a span#commentNum,
.tab_course .detail-title span#askcount{font-size: 14px;}
.detailOpacity{ opacity:0;}
.detail-content .hotCourseBox li{ width:25%;}
.also-like .ihotCourse{ padding-bottom:80px;}
.teacher-big{ overflow:hidden}
.teacher-big .face-img{ float:left; width:60px; height:60px; margin-right:15px; border-radius:50%}
.teacher-big .cl-body{ overflow:hidden;padding:5px 0; font-size:14px; color:#434343}
.teacher-big .cl-body p{ padding-top:10px; color:#919491}

.hotCourseBox{
    margin-left: -15px;
}
.hotCourseBox li{
    float: left;
    width: 25%;
}

.hotCourseBox li{
    width: 25%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
}
.hotCourseBox .type-name{
    display: none;
}
.hotCourseBox .li01 img{
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
}
.hotCourseBox .course-title{
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-top: 10px;
}
.hotCourseBox .course-list-info,
.hotCourseBox .course-list-price{
    display: none;
}
.hotCourseBox .also-like .ihotCourse{
    padding-bottom: 20px;
    position: relative;
}

.wWidth1200 .hotCourseBox .li01 img{
    height: 120px;
}
/*推荐课程*/
.course_tjli{ margin-right:-30px;margin-top: 20px;}
.course_tjli li{width: 25%;float: left;padding-right: 30px;box-sizing: border-box;}
.hb-grade-a {display: block;height: 130px; overflow:hidden;position:relative;}
.hb-grade-word {margin-top: 6px;}
.hb-grade-word .hb-title{font-size:16px;height:36px;line-height:36px; overflow: hidden;}
.hb-grade-a img{ width:100%;min-height: 130px;}
.hb-href {font-size: 16px;height:26px;line-height:26px; overflow: hidden; display: block;}
.hb-price {color:#f72e2e; font-size:14px;line-height:24px;margin-bottom:15px;}

.hb-msg {font-size: 12px;color:#b1b1b1;line-height: 20px;}
.hb-msg em {font-style: normal;display: block;}
.hb-msg em a{color:#b1b1b1;}
.hb-icon-listen {line-height: 20px;margin: 0;}
.hb-icon-listen i {float: left;color:#b1b1b1; margin: 0 5px 0 0; font-size: 15px;}
.hb-msg em.float_r{float:right;}


/*课时清单 (训练营)*/
.chapter-name{font-size: 16px;padding: 0 15px 0 55px; height:44px; line-height:44px;background: #f0f2f5; font-weight: bold; color:#7e838c; position: relative; border: 1px solid #e6e9ed; box-sizing: border-box}
.chapter-box{padding: 15px 0 15px 15px; position: relative;}

.chapter-index{width:22px; height: 22px; border:3px solid #7e838c;border-radius: 50%; text-align: center; line-height: 22px;  position: absolute;left:15px;top:50%;margin-top:-14px;}
.section-name{font-size:14px;line-height:44px;font-weight:bold;height:44px; position: relative;  color:#919491; border:1px solid #e6e9ed; padding:0 15px; z-index: 9; background: #f0f2f5; box-sizing: border-box}

.chapter-box::before,
.keshi::before{ content: '';width: 1px; height: 100%; position: absolute;top:0; background: #e6e9ed; z-index: 1;}
.keshi::after{content: '';clear: both;display: block;}
.chapter-box::before{left:30px;}
.keshi::before{left:85px;}

.keshi{margin-left:15px;position: relative;}
.keshi .keshi-url{ display: block; position: relative; height: 44px; line-height: 44px;font-size: 14px; padding: 0 15px 0 105px; transition: .3s;}
.keshi .keshi-url:hover{color:#333; background: #f5fbfe}
.keshi .type-name{width: 75px; position: absolute;left:0;top:0; text-align: center; color:#919491 }


.keshi .learn-state{width: 16px; height: 16px; position: absolute;left:75px; border:2px solid #bcc3cc;border-radius: 50%;top:50%;margin-top:-10px; background: #fff; z-index: 9;}
.keshi .learn-state span{width:16px;height:16px; display: block; background-image: url(learn-state.png); background-repeat: no-repeat; background-size: 100%;}
.keshi .learn-state .schedule-icon0{ background-image: none}
.keshi .learn-state .schedule-icon10,
.keshi .learn-state .schedule-icon20,
.keshi .learn-state .schedule-icon30{ background-position: 0 -16px;}
.keshi .learn-state .schedule-icon40,
.keshi .learn-state .schedule-icon50,
.keshi .learn-state .schedule-icon60{ background-position: 0 -32px;}
.keshi .learn-state .schedule-icon70,
.keshi .learn-state .schedule-icon90{ background-position: 0 -48px;}
.keshi .learn-state .schedule-icon100{ background-position: 0 0;}
.keshi .learn-btn{ position: absolute;right:0;top:6px; height: 32px; line-height: 32px; width: 64px; text-align: center; background: #52b45d; color:#fff; font-size: 12px; z-index: 9; display: none}
.keshi .learn-btn:hover{ background: #46ab52}
.keshi .unlearn .learn-btn{background: #f59121}
.keshi .unlearn .learn-btn:hover{background:#f28100}
.keshi .keshi-duration{float:right; font-size:12px; color:#a3a7a8; background: url(play.png) no-repeat 0 50%; padding-left: 20px;}
.keshi .zl-link-tips{width:69px;height: 26px; line-height: 22px; background: url(tips.png) no-repeat; color:#fff; position: absolute;left:50%;margin-left:-35px;top:-15px; text-align: center; display: none}
.keshi .zlicon{ float:right;width:44px;height: 44px;position: relative; z-index: 9;background: url(icon-zl.png) no-repeat 50% 50%; position: relative; transition: .3s; right: 0}
.keshi .zlicon:hover .zl-link-tips{ display: block;}
.keshi .zlicon-disabled{background:url(icon-zl-dis.png) no-repeat 50% 50%; }
.keshi .free{color:#3ab57f; margin-left:15px;}
.keshi .purchased{color:#e7352b;}

.keshi:hover .keshi-url{padding-right: 104px;}
.keshi:hover .zlicon{right:64px}
.keshi:hover .learn-btn{ display: block}

.keshi-exam {padding-left: 105px;margin:5px 0;}
.keshi-exam a{color:#5b5b5b;line-height:24px;font-size:14px;}
.keshi-exam a:hover{color: #3c81f9}
.keshi-exam span{background: #fafafa; padding: 3px 6px;border-radius: 3px;margin-right: 10px}

.tab_course{ padding:20px;}

/*优惠券*/
.coupon{ position:relative; padding-left:42px;min-height: 40px;margin-bottom: 10px;}
.coupon-title{ font-size:14px; color:#666; position:absolute; left:0;top:10px; line-height:30px;}
#CouponList li:last-child{ line-height:30px;}
.pro_name {padding:0 10px 0 32px;text-align:center;height:22px;line-height: 22px; position: relative; color:#683c1a;}

.pro_name::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(../skin-icons.png) no-repeat;
    background-position: -67px -143px;
    position: absolute;
    left:0;
    top:0;
}

/*相关试卷*/
.shijuan li{padding: 10px 0 10px 40px;position: relative;margin:0;border-top: none;line-height:27px;min-height:auto;font-size:14px;}
.time2_list{ margin: 20px 0;}
.time2_list li {padding: 10px 0 10px 25px;position: relative;margin:0;border-top: none;line-height:27px;min-height:auto;font-size:14px;}
.time2_list li .time2_xx span.time2_date{font-size: 12px;float: right;min-width: 144px;text-align: right;position:relative;right: 0;top:0px;height:auto; left: 0;}
.time2_xx span.time2_date i.hide{ display:none;}
.time2_xx span.time2_date i{ font-weight:bold; margin-right:20px; font-size:14px;}
.time2_xx.cur span.time2_date i.show{ display:none;}
.time2_xx.cur span.time2_date i.hide{ display:block;}
.dot_big2 {display: block; width:11px;height:11px; overflow: hidden; border-radius: 50%;background: #fff;border: 2px solid #dedede;position:absolute;left: 4px;top: 12px;}
span.time2_btn,a.time2_btn {text-align: center;display: block;float: right;cursor: pointer;border-radius: 3px;border: 1px solid #ddd;color: #888;font-size: 14px;text-decoration: none; width:65px;line-height:25px;text-decoration: none; font-weight: normal;}
.time2_btn：hover{background:#34bd74; color:#fff;}
.time2_list li .dot_big2{top: 16px;}
.shijuan li .dot_big2{top: 16px;}
.score-box .scores li{line-height: 24px;}

/*面授的校区和膨胀金样式*/
.campus,.expand{font-size: 13px;line-height: 33px;color: #9b9b9b; margin-bottom:10px;}
#expandinfo .expandinfo-title{ position:relative;}
#expandinfo .tips-icon{position: absolute;width: 14px;height: 14px;line-height: 14px;text-align: center;border-radius: 14px;border: 1px solid #ddd;right:10px;top: 0px;background: #fff;font-size: 12px; cursor:pointer;}
.expandinfo-title .tips-con{position: absolute;width: 260px;background: #fff;border: 1px solid #eee;text-align: center;border-radius: 5px;right: 50%;bottom: -30px;margin-right: -131px; display:none; line-height:30px;}
.tips-icon:hover .tips-con{ display:block;}
#schoolinfo ul li,#expandinfo ul li{float: left;border: 1px solid #ebebeb;padding: 0 10px;margin-right: 10px;color: #333;line-height: 30px;height: 30px;box-sizing: border-box; cursor:pointer; margin-bottom:10px;}
#schoolinfo ul li.curr,#expandinfo ul li.curr{border:2px solid #3c81f9; line-height:28px;}




.usertrain-detail {
  overflow: hidden;
  padding: 20px 0;
}

.usertrain-detail .ks-image {
  width: 160px;
  height: 90px;
  float: left;
  margin-right: 20px;
}

.usertrain-detaillist{
  padding: 0 20px;
  background-color: #fff;
}
.usertrain-detailitem {
  position: relative;
}
.usertrain-detailitem::before{
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left:20px;
  top:0;
  background-color: #e9e9e9;
}

.usertrain-detailitem__title h4{
  font-size: 16px;font-weight:bold;
}
.usertrain-detailitem__progress .el-progress__text{
  font-size: 13px !important;
  font-weight: bold;
  color:var(--color-primary);
}
.usertrain-detailitem__credit{
  font-size: 14px;
  color:var(--color-primary);
  background: url(@/images/course/credit.png) no-repeat 0 50%;
  /* padding-left: 20px; */
  background-size:14px 14px;
  margin-top: 1px;
  color: #666;
  height: 40px;
  overflow: hidden;
}
.usertrain-detailitem__credit span svg{
  margin-right: 5px;
  margin-left: 10px;
  display: inline-block;
  position: relative;
  top:-1px;

}
.usertrain-detailitem__top {
  height: 44px;
  font-weight: bold;
  line-height: 44px;
  font-size: 16px;
  padding: 0 15px;
  position: relative;
  background-color: #f6f6f6;

}

.usertrain-detailitem__bottom .keshi-duration{font-size:12px}

.usertrain-detailitem__bottom {
  padding:20px 20px 20px 225px;
  position: relative;
  min-height: 90px;
}
.usertrain-detailitem__bottom::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #666;
  position: absolute;
  left:15px;
  top:50%;
  border-radius: 50%;
  background-color: #fff;
  margin-top: -6px;
}
.usertrain-detailitem__bottom--pass{
  padding-right: 90px;
}

.usertrain-detailitem__cover {
  width: 160px;
  position: absolute;
  left:50px;
  top:20px;
  height: 90px;
  background-color: #f9f9f9;
  border-radius:4px;
  overflow: hidden;
}
.usertrain-detailitem__cover .ks-image{
  width: 100%;
  height: 100%;
}
.usertrain-detailitem__type{
  height: 24px;
  line-height: 24px;
  color:#fff;
  position: absolute;
  bottom: 10px;
  left:10px;
  background-color: rgba(0,0,0,0.3);
  padding: 0 8px;
  border-radius: 4px;
  font-size: 13px;
}

.usertrain-detailitem__btns,.usertrain-detailitem__lock{
  text-align: right;
  padding-top: 15px;
}

.usertrain-detailitem__lock .el-icon-lock{
  font-size: 20px;
  border: 1px solid #eee;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  color:#999;
}
.usertrain-detailitem__pass{
  position: absolute;
  right: 0;
  top:50%;
  height: 60px;
  margin-top: -30px;
}

.ks-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}