.free_cor { color: #3ab57f; } 

.header { border-bottom: 1px solid #E6E9ED; } 


/*课程信息*/

.posnav { padding: 0; 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: #fff; padding-top: 10px; } 

.courseView .box { background: #fff; border: 1px solid #e6e6e6; position: relative; } 

#CouponList li .more a { display: inline-block; clear: both; color: #888; border-bottom: 1px solid #888; line-height: 25px; margin-bottom: 10px; } 

.courseInfo { position: relative; padding-bottom: 30px; } 

.courseInfo .image { width: 450px; float: left; } 

.courseInfo .image embed { z-index: 1; position: relative; } 

.courseInfo .image #view_flv { width: 480px; height: 300px; position: relative; z-index: 99; } 

.courseInfo .image .image-box { height: 280px; overflow: hidden; } 

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

.name-bdshare .c_zan .zaned { color: #f5c921; } 

.name-bdshare .c_collect .collected { color: #f26c60; } 

.courseInfo #courseImage img { width: 100%; height: 100%; object-fit: cover; } 

.courseInfo-right { float: left; margin-left: 20px; width: calc(100% - 470px); } 

.courseInfo-right .name { font-size: 24px; line-height: 34px; color: #222; margin-bottom: 10px; } 

.courseInfo-right .name-right { float: right; } 

.courseInfo-right .name-right span { float: left !important; width: 32px; height: 32px; line-height: 32px !important; 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: #3ab57f; } 

.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: #3eba84; } 

.courseInfo-right .name-right .collected { color: #ea685a !important; } 

.courseInfo-right .star { height: 14px; line-height: 16px; overflow: hidden; margin-top: 26px; color: #999; margin-bottom: 30px; } 

.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: #787C82; margin: 0 15px 0 0px; font-size: 14px; } 

.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 .buy-btn .textbox { display: none; } 

.courseInfo-right .limittime { background-image: linear-gradient(to right, #F76A7B, #FBAA5B); line-height: 36px; padding: 0 21px; border-radius: 6px 6px 0 0; color: #fff; } 

.courseInfo-right .limittime-title { float: left; font-size: 16px; color: #fff; } 

.limittime-countdown { text-align: right; } 

.courseInfo-right .limittime .limittime-text { display: inline-block; } 

.limittime .limittime-text font { font-size: 11px; margin: 0 5px; color: #E91C35; display: inline-block; padding: 0px 5px; background: #fff; height: 20px; line-height: 20px; border-radius: 3px; } 

.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; padding: 0 10px; min-width: 150px; background: #F5891E; 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: url(../common/common_btn_gradual_h.png) no-repeat center; background-size: auto 100%; background: -webkit-linear-gradient(left, #ff3d66, #ff663d); background: -o-linear-gradient(right, #ff3d66, #ff663d); background: -moz-linear-gradient(right, #ff3d66, #ff663d); background: linear-gradient(to right, #ff3d66, #ff663d); } */

.courseInfo-right .button em { margin-left: 20px; color: #b1b1b1; } 

.courseInfo-right .button em img { display: none; } 

.newStudent li { width: 33.33%; float: left; margin-bottom: 15px; } 

.newStudent li img { width: 30px; height: 30px; 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; } 


/*学习进度*/

.schedule { height: 5px; line-height: 5px; position: relative; margin-right: 100px; margin-top: 25px; } 

.schedule-line { background: #f8f8f8; border-radius: 30px; height: 5px; } 

.schedule-lined { height: 5px; background: #f59121; border-radius: 30px; position: absolute; left: 0; top: 0px; } 

.schedule .ksed { position: absolute; right: -100px; top: 0px; color: #9b9b9b; } 


/*选项卡信息 */

.nav_content { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; } 

.courseTab { height: 63px; border-bottom: 1px solid #E6E9ED; box-sizing: border-box; } 

.courseTab li { float: left; width: 25%; text-align: center; height: 63px; line-height: 63px; font-size: 16px; cursor: pointer; color: #555; position: relative; } 
.courseTab li.active { color:#3C81F9; } 
.courseTab li.active::after { content: ''; display: block; width: 60px; height: 2px; background: #3C81F9; position: absolute; bottom: 0; left: 50%; margin-left: -30px; } 

.fixednav { position: fixed; top: 0px; width: 100%; z-index: 100; } 


/*右栏*/

.course_right { width: 330px; } 

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

.linkConsultBox .linkQq { text-align: center; color: white; font-size: 14px; background: url(../images/presale.png) no-repeat center center; height: 57px; line-height: 57px; display: block; position: relative; } 

.detail-title { overflow: hidden; line-height: 26px; height: 26px; font-size: 16px; margin-top: 30px; color: #5b5b5b; font-weight: bold; } 

.content_outer { padding-top: 20px; padding-bottom: 54px; } 

.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(../images/radio.png) no-repeat center; vertical-align: middle; margin-right: 14px; } 

.siderbarNav .itemActive .iconDot { background: url(../images/radiocurrent.png) no-repeat center; background-size: 100%; } 

.courInfoBox { margin: 0px 0px 16px; padding: 0 20px 20px; background: #fff; border-radius: 6px; } 

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


/*课程详情*/

.content_1 { margin: 0px auto; background: #fff; float: left; border-radius: 6px; padding: 0 20px 20px; box-sizing: border-box;; } 

.content_1 .tab_course { display: none; } 

.detail-content { line-height: 34px; font-size: 14px; margin-bottom: 20px; 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: 15px 100px 15px 0; height: 60px; border-bottom: 1px solid #eee; } 

.content_1 .ziliao li:first-child { border-top: 0px; } 

.content_1 .ziliao .dataname { font-weight: bold; height: 34px; line-height: 34px; overflow: hidden; font-size: 14px; } 

.content_1 .ziliao .datainfo { color: #9b9b9b; } 

.content_1 .ziliao .databtn { width: 60px; height: 28px; line-height: 28px; 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 .lct { float: left; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; } 

.course_right_teacherli li .rct { width: calc(100% - 60px); } 

.course_right_teacherli li .lct img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.course_right_teacherli li .rct .tname { font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2F3133; } 

.course_right_teacherli li .rct .tlever { color: #8D9299; font-size: 14px; height: 25px; line-height: 25px; 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%; } 

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


/*推荐课程*/

.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: #f6f6f6; font-weight: bold; color: #7e838c; position: relative; border: 1px solid #e6e6e6; 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 #e6e6e6; padding: 0 15px; z-index: 9; background: #fafafa; box-sizing: border-box } 

.chapter-box::before,
.keshi::before { content: ''; width: 1px; height: 100%; position: absolute; top: 0; background: #e6e6e6; 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: #fafafa; } 

.keshi .type-name { width: 75px; position: absolute; left: 0; top: 0; text-align: center; color: #919491 } 

.keshi .unlearn { cursor: default } 

.keshi .unlearn:hover { color: #333 } 

.keshi .learn-state { width: 16px; height: 16px; position: absolute; left: 75px; border: 2px solid #989aa1; 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: #989aa1 } 

.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: #0288d1 } 

.keshi-exam span { background: #fafafa; padding: 3px 6px; border-radius: 3px; margin-right: 10px } 


/*优惠券*/

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

#CouponList li a { line-height: 24px; margin-top: 10px; display: block; color: #999; } 

.coupon { position: relative; padding-left: 50px; min-height: 40px; margin-bottom: 10px; } 

.coupon-title { font-size: 14px; color: #666; position: absolute; left: 0; top: 6px; line-height: 30px; } 

#CouponList li:last-child { line-height: 30px; } 

.pro_name { padding: 0 10px; text-align: center; height: 24px; line-height: 24px; background: #F5891E; color: #fff; border-radius: 4px; margin-right: 10px; position: relative; } 

.pro_name:hover { background-color: #f59121; color: #fff; border-color: #f59121 #f5f7fa; } 

.pro_name .lingqued { background: #ddd; border-color: #ddd #fff; } 

.pro_name::before,
.pro_name::after { content: ''; display: block; width: 4px; height: 4px; position: absolute; background: #fff; border-radius: 4px; top: 50%; margin-top: -2px; } 

.pro_name::before { left: -2px; } 

.pro_name::after { right: -2px; } 


/*相关试卷*/

.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 li { padding: 10px 0 10px 40px; position: relative; margin: 0; border-top: none; line-height: 27px; min-height: auto; font-size: 14px; font-weight: bold; } 

.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; color: #3eba84; font-size: 14px; text-decoration: none; width: 65px; line-height: 25px; border: 1px solid#3eba84; 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; } 

.courseInfo-right .course-type,
.courseInfo-right .course-promotion { height: 24px; line-height: 24px; font-size: 14px; padding: 0 7px; color: #3C81F9; border: 1px solid #3C81F9; display: inline-block; border-radius: 12px 0 12px 0; padding: 0 7px; } 

.courseInfo-right .price-info { font-size: 14px; color: #666; } 

.courseInfo-right .price-info span { font-size: 20px; color: #E91C35; } 

.courseInfo-right .price-info span font { margin-right: 5px; } 

.courseInfo-right .money { font-size: 14px; margin-left: 10px; color: #888; text-decoration: line-through; } 

.courseInfo-right .price-box { background: #f5f7fa; padding: 15px 20px 1px; margin-bottom: 30px; } 


/*2017年8月8日18:41:52*/

.courseInfo-right .price { margin-bottom: 10px; } 

.courseInfo-right .price span { 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-box .vip { background: linear-gradient(to right, #f6ebec, #f8dad7); padding: 8px 10px; font-size: 14px; border-radius: 34px; color: #e91c35; margin: 0px 35px; display: inline-block; line-height: 18px; padding-right: 150px; position: relative; } 

.courseInfo-right .price-box .vip a { position: absolute; background: linear-gradient(to right, #f47f26, #eb2e36); right: 10px; top: 5px; border-radius: 24px; padding: 4px 10px; color: #fff; font-size: 12px; line-height: normal; } 

.courseInfo-right .price-box .fan { font-size: 14px; color: #666; margin-top: 15px; } 

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

.name-bdshare .c_collect { margin-right: 0; } 

.name-bdshare .c_collect { margin-right: 0; } 

.name-bdshare .c_zan,
.name-bdshare .c_collect { float: left; margin: 0 0 0 30px; color: #bcc3cc; cursor: pointer; } 

.name-bdshare { margin-top: 10px; } 

.face-course-text { margin-left: 0; margin-top: 15px; } 

.face-course-text p { margin-bottom: 15px; font-size: 14px; color: #999; } 


/*面授的校区和膨胀金样式*/

.campus,
.expand { font-size: 13px; line-height: 33px; 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; color: #3c81f9; border-radius: 5px; } 

.price-box .textbox { line-height: 25px; font-size: 14px; color: #666; margin-top: 10px; } 

.price-box .textbox .text { display: inline-block; } 

.price-box .textbox countdown font { font-size: 18px; margin: 0 5px; color: #e91c35; } 

.bshare-custom { margin-right: 20px; display: inline-block; vertical-align: middle; line-height: 14px !important; height: 14px; } 

.bshare-more { line-height: 14px !important; background: none; height: 14px; padding-left: 0 !important; color: #bcc3cc !important; font-size: 12px; } 

.sicon { margin-right: 5px; vertical-align: middle; } 

#commentNum { padding: 0px 8px; border: 1px solid #3c81f9; display: inline-block; height: 18px; line-height: 16px; color: #3c81f9; font-size: 12px; position: absolute; border-radius: 10px 0 10px 0; box-sizing: border-box; top: 9px; margin-left: 5px; } 

.teacher-top { margin-bottom: 20px; border-bottom: 1px solid #E6E9ED; padding-bottom: 20px; } 

.teaacher-bottom { font-size: 14px; color: #8D9299; line-height: 21px; } 

.course_right_teacherli { padding-top: 30px; } 

.recommended-courses-title { line-height: 58px; height: 58px; font-size: 18px; color: #2F3133; border-bottom: 1px solid #E6E9ED; position: relative; padding-left: 12px; } 

.recommended-courses-title::before { display: block; content: ''; position: absolute; left: 0; top: 50%; margin-top: -9px; width: 2px; height: 18px; background: #3C81F9; } 

.recommended-course-list li { margin-top: 20px; background: #F5F7FA; padding: 20px; border-radius: 6px; } 

.recommended-courses { margin-bottom: 0; } 

.recommended-course__title { font-size: 18px; line-height: 32px; } 

.recommended-course__price { height: 34px; padding: 0 10px; color: #3C81F9; border: 1px solid #3C81F9; font-size: 18px; border-radius: 34px; line-height: 32px; box-sizing: border-box; } 

.recommended-course__price .free_cor { color: #3C81F9; } 

.recommended-course__info { margin-top: 20px; } 

.ks-catalog-chapter>.ks-catalog-title { background: none !important; } 

.ks-catalog-section>.ks-catalog-title { background: url(common_icon_circle.png) no-repeat 10px center !important; padding-left: 20px; } 

.ks-catalog-chapter>.ks-catalog-title { padding-left: 0 !important; padding-left: 20px; } 

.ks-catalog-title__th { padding: 0 10px !important; height: 59px !important; line-height: 59px !important; } 

.ks-catalog-section>.ks-catalog-period>.ks-catalog-title { margin-left: 20px; border-bottom: 1px solid #F8F9FB; } 

.ks-button--success:focus,
.ks-button--success:hover,
.ks-button--success { background: #3c81f9 !important; border-color: #3c81f9 !important; } 

.ks-catalog-title .ks-button { top: 12.5px !important; } 

.ks-catalog-title__arrow { background: url(common_icon_pulldown.png) no-repeat 50% 50% !important; } 

.ks-catalog-title__arrow--pullup { background: url(common_icon_pullup.png) no-repeat 50% 50% !important; } 
.ks-evaluation { padding: 20px 0 !important; } 
.ks-evaluation-head { padding-bottom: 20px !important; border-bottom: 1px solid #eee !important; } 
.ks-button--small { border-radius: 16px 0px 16px 0px !important; padding: 6px 15px !important; font-size: 14px !important; } 
.ks-evaluation__name { color: #8D9299; } 
.ks-evaluation__comment { line-height: 21px !important; margin-top: 14px !important; } 
.ks-evaluation__item { position: relative; } 
.ks-evaluation__item::after { content: ''; display: block; width: calc(100% - 50px); height: 1px; background: #E6E9ED; position: absolute; left: 50px; bottom: 0; } 
.ks-evaluation__item { margin-top: 9px !important; } 
.ks-page-box { margin-top: 30px !important; } 
.ks-comment__user-info h3 { color: #8D9299 !important; } 
/* .ks-comment-replies { display: none; }  
.ks-comment-time { position: absolute; right: 0; top: 0; margin-right: 0 !important; font-size: 12px; color: #A4AAB2; }
.ks-comment__content { margin-bottom: 0 !important; }  */
.ks-comment__reply { margin-left: 50px !important; } 
/* .ks-comment-look { position: absolute; right: 0; top: 50%; margin-top: -6px; margin-right: 0 !important; }  */
.ks-comment__box { border-bottom:none !important; } 
.ks-comment__box::after { content: ''; position:absolute; width: calc(100% - 54px); height: 1px; background:#eee; bottom: 0; right: 0; } 
.ks-comment__box:last-child::after { display: none; } 
.ks-comment__first::after { display: none; } 
.bottom-empty .teaacher-bottom { display: none; } 
.bottom-empty .teacher-top { border-bottom:none; margin-bottom: 0; padding-bottom: 0; } 
.face-limit .textbox { margin-bottom:30px; } 
.face-limit .textbox .text { display:inline-block;color: #666; } 
.face-limit .textbox countdown font { font-size: 14px; color: #fff; background:#3C81F9; padding: 2px 5px; border-radius: 3px; margin: 0 5px; } 
.courseInfo-right .price-box .price{max-width:none !important;}