.free_cor{color: #3ab57f;}
.course-pro0{display: none}
/*课程信息*/

.posnav{padding: 0 30px;font-size: 12px;color: #999;line-height: 45px;height: 45px;}
.courseCode{position: relative;}
.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{background:url(coursebg.jpg) no-repeat center;padding: 50px 0;background-size: 100% 100%;}
.courseView .box{background:#fff;padding:30px;position: relative; border-radius: 10px;}
#CouponList li .more a{display: inline-block;clear: both;color: #888;border-bottom: 1px solid #888;line-height:25px;    margin-bottom: 10px;}
.courseInfo{padding:0px 30px 30px 530px; position:relative;min-height:300px;}
.courseInfo .image{width:500px;height:300px; position:absolute;left:0;top:0px;overflow: hidden;}
.courseInfo .image embed{ z-index:1; position:relative;}
.courseInfo .image #view_flv{width:480px;height:300px; position:relative; z-index:99;}
.courseInfo .image img{width:100%;min-height:100%;}
.courseInfo-right{padding-top:5px;}
.courseInfo-right .course-type{ height: 24px; line-height: 24px; background: #eee; padding: 0 12px;border-radius: 4px; display: inline-block;margin:5px 0; color:#888; }
.courseInfo-right .name{font-size:24px; line-height:34px; color:#222;}
.courseInfo-right .name-right{float:right;}
.courseInfo-right .name-right span{float:left !important;width:32px;height:32px;line-height: 32px; text-align: center; cursor: pointer; border:1px solid #ebebeb;margin-left:-1px;} 
.courseInfo-right .c_zan,
.courseInfo-right .c_collect{float:right;line-height:44px;margin:0 10px; color:#9b9b9b; cursor: pointer;}
.courseInfo-right .c_zan i,
.courseInfo-right .c_collect i{margin-right:3px;float:left;color:#b2b2b2;}
.courseInfo-right .c_zan .zaned{color:#f5c921;}
.courseInfo-right .c_collect .collected{color:#f26c60;}

.courseInfo-right .name-right em{font-size:12px;}
.courseInfo-right #bdshare{ text-align: center !important; padding-bottom:0px !important;}
#collect_course,
.courseInfo-right .name-right .courseCode{line-height:28px;}

.courseInfo-right .name-right span:hover{color:#0288d1;}
.courseInfo-right .name-right .collected{color:#ea685a !important;}

.courseInfo-right #CouponList li{float:left;}
.courseInfo-right .star{height:14px; line-height:16px; overflow:hidden;margin-top:15px;color:#999; }
.courseInfo-right .star span{position:relative;float:left;height:14px; overflow:hidden;}
.courseInfo-right .star-on{position:absolute;top:0;left:0; background:#fff; z-index:9;width:0px; overflow:hidden;height:100%;}
.courseInfo-right .star img{height:100%; display:block; overflow:hidden;}
.courseInfo-right .star b{font-weight:normal;color:#999; margin:0 5px 0 15px;}
.courseInfo-right .coursedesc{ font-size:14px; padding-top:10px;}
.courseInfo-right .coursedesc span{ padding-right:10px;}
.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{height:44px; line-height:44px;}/*2017年8月8日18:41:52*/
.courseInfo-right .price span{float:left; position:relative;}
.courseInfo-right .price .qgbg{display:none;}
.courseInfo-right .price .spanHover{cursor:pointer; position:relative;padding-left:21px;margin-left:30px;}
.courseInfo-right .price .fan{color:#e91c35; background:url(fan.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.courseInfo-right .price .vip{color:#f59121; background:url(vip.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.courseInfo-right .text{font-size:13px;line-height:33px; color:#9b9b9b;}
.courseInfo-right .price-info{font-size:24px;color:#e91c35;}
.courseInfo-right .money{font-size:14px; margin-left:20px;color:#b1b1b1; text-decoration:line-through;}

.courseInfo-right .button{height:44px; line-height:44px; overflow:hidden;margin-top:10px;}

.courseInfo-right .hb-ui-btn,
.courseInfo-right .hb-ui-btn1{height:44px; line-height:44px;font-size:16px; background:#f59121;width:150px; text-align:center;color:#fff;border:0px; -webkit-transition:0.3s; transition:0.3s;float:left; cursor: pointer;border-radius: 3px;}
.courseInfo-right .tryLearn{height: 44px;line-height: 44px;font-size: 16px;background: #f8f8f8;width: 150px;text-align: center;color: #666;border: 1px solid #eee;-webkit-transition: 0.3s;transition: 0.3s;float: left;margin-left: 15px;cursor: pointer;border-radius: 3px;box-sizing: border-box;}
.courseInfo-right .hb-ui-btn:hover,
.courseInfo-right .hb-ui-btn1:hover{background:#f28100;}
.courseInfo-right .button em{margin-left:20px;color:#b1b1b1;}
.courseInfo-right .button em img{display:none;}

.newStudent{ margin-right:-20px;}
.newStudent li{ width:25%; float:left; margin-bottom:15px;}
.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:12px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height: 34px;}


/*选项卡信息 */
.nav_content{background: #f5f5f5;border-bottom: 1px solid #e5e5e5;}
.courseTab{height:59px; overflow:hidden;}
.courseTab li{float:left;margin:0px 30px;text-align:center;height:50px;line-height:50px;font-size:16px; cursor:pointer;color:#999;position: relative;}
.courseTab li:after{ position:absolute; width:100%; height:2px; background:#f5c921; left:0; bottom:0; display:none; content:'';}
.courseTab li.active{color:#222;}
.courseTab li.active:after{ display:block;}
.fixednav{position: fixed;top:0px;width:100%;z-index: 100;}
.courseTab ul{ border-bottom:1px solid #eee;}

/*右栏*/
.course_right{width:24%;float:right;margin-top: 20px;}
.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-title {overflow: hidden;line-height: 26px;height: 26px;font-size: 16px;margin-bottom: 5px;color:#333;position: relative;margin-top: 15px; padding-left:10px;}
.detail-title:after{ position:absolute; width:2px; height:16px; background:#f5c921; left:0; top:50%;margin-top: -8px; content:'';}
.detail-Box{ margin-bottom:20px;}

.courInfoBox .detail-title{margin-bottom: 20px; margin-top:0;}

.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%;}

.courInfoBox{border-radius:10px;margin-bottom: 20px;padding: 15px; background:#fff;}
.rightFixed{position: fixed;top:100px;width: 201px;z-index: 100;}

/*课程详情*/
.content_1 {float:left; width: 76%; box-sizing: border-box;padding:20px 20px 0 0;}
.content-top{background: #fff;padding: 5px 20px;box-sizing: border-box;width: 100%; margin-bottom:20px; border-radius: 10px;}
.content-bottom{padding: 5px 20px 0;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;}
.detail-content{ margin-top:20px;}
.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;}
.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%;}
.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}


/*课时清单 (训练营)*/
.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;}
.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}


/*推荐课程*/
.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;}



/*面授的校区和膨胀金样式*/
.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;}