/*覆盖通用课程详情组件样式*/
body .ks-course-view-info .hb-ui-btn{
    background-color: #ff9f37;
    color:#fff;
}
body .ks-course-view-info .btn-disabled{
    background-color: #c0c0c0;
}

.bg { background: #f8f9ff; } 
.none { display: none; } 
.swiper-pagination-bullet-active { background: #fff; } 
.teacher-bg { height: 216px; } 


.content_outer { padding: 15px 0 30px 0; background: #f8f8f8; } 
.content_outer .content-left { float: left; width:calc(100% - 310px); min-height: 300px; margin-top: 15PX; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 36px; border-radius: 10px; } 
.content_outer .content-right { float: right; margin-top: 15PX; width: 290px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; min-height: 350px; background: #ffffff; border-radius: 10px; } 
.content_outer .content-right .instructor { border-bottom: 1px solid #eceef0; padding-bottom: 30px; } 
.content_outer .content-right .instructor h2 { font-weight: normal; color: #464646; font-size: 16px; line-height: 24px; } 
.content_outer .content-right .instructor .text li { margin-top: 25px; } 

.content_outer .content-right .instructor .text .images { float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 100%; overflow: hidden; } 
.content_outer .content-right .instructor .text .lct { float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 100%; overflow: hidden; } 
.content_outer .content-right .instructor .text .lct img { width: 100%; height: 100%; } 
.content_outer .content-right .instructor .text .rct { width: 160px; margin-top: 4px; } 
.content_outer .content-right .instructor .text .rct .tname { margin-top: 6px; font-size: 15px; font-weight: bold; line-height: 24px; } 
.content_outer .content-right .instructor .text .rct .tlever { font-size: 12px; line-height: 24px; } 
.content_outer .content-right .instructor .text a .images img { display: block; max-height: 100%; } 
.content_outer .content-right .instructor .text a .matter { width: 150px; float: right; margin-top: 4px; } 
.content_outer .content-right .instructor .text a .matter .name { color: #464646; line-height: 24px; } 
.content_outer .content-right .instructor .text a .matter .education { font-size: 12px; line-height: 16px; color: #919191; } 
.content_outer .content-right .learner h2 { margin-top: 20px; font-size: 16px; line-height: 24px; font-weight: normal; color: #464646; } 
.content_outer .content-right .learner .inner { margin-top: 28px; } 
.content_outer .content-right .learner .inner ul { margin: 0 -15px; } 
.content_outer .content-right .learner .inner ul li { width: 33.33333333%; float: left; margin-bottom: 30px; } 
.content_outer .content-right .learner .inner ul li a { text-align: center; display: block; } 
.content_outer .content-right .learner .inner ul li a .images { margin: 0 auto; height: 52px; width: 52px; text-align: center; line-height: 52px; overflow: hidden; border-radius: 100%; } 
.content_outer .content-right .learner .inner ul li a .images img { max-height: 100%; height: 100%; display: block; } 
.content_outer .content-right .learner .inner ul li a .monicker { color: #464646; font-size: 12px; line-height: 24px; text-align: center; } 
.courseTab { padding-right: 30px; border-bottom: 1px solid #e9eef4; } 
.courseTab ul { padding-left: 15px; } 
.courseTab ul li { float: left; line-height: 36px; position: relative; margin-right: 50px; padding: 3px 0 10px; } 
.courseTab ul li.active { color: #127DFD; } 
.courseTab ul li.active:after { content: ""; display: block; width: 18px; height: 1px; background: #127DFD; position: absolute; left: 50%; margin-left: -9px; bottom: -1px; z-index: 20; } 
.tab-text .tab_course { display: none; padding-top: 36px; } 
.tab-text .survey { color: #686e73; line-height: 36px; font-size: 14px; } 
.tab-text .Categories ul .sub1_a { display: block; line-height: 36px; background: #f6f7f7; color: #404040; font-size: 16px; } 
.tab-text .Categories ul .sub1_a span { margin-right: 30px; } 
.tab-text .Categories ul .sub2_a { display: block; line-height: 36px; background: #fff; color: #404040; font-size: 16px; } 
.tab-text .Categories ul .sub2_a span { margin-right: 30px; } 
.tab-text .Categories ul .sub3_a { display: block; color: #6d6d6d; font-size: 14px; line-height: 36px; } 
.tab-text .Categories ul .sub3_a span { margin: 0 30px 0 20px; } 
.tab-text .Categories ul .sub3_a .time { float: right; line-height: 36px; color: #b8b8b8; } 
.tab-text .Categories ul .sub3_a .icon { display: none; float: right; width: 36px; height: 36px; line-height: 36px; text-align: center; transition: width 2s; -moz-transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s; } 
.tab-text .Categories ul .sub3_a .icon img { max-height: 100%; vertical-align: middle; } 
.tab-text .Categories ul .sub3_a:hover { background: #f6f7f7; } 
.tab-text .Categories ul .sub3_a:hover .icon { display: block; } 
.tab-text .Categories ul .sub2 ul { padding-bottom: 6px; border-bottom: 1px solid #f0f0f0; } 
.tab-text .Categories ul .sub1 ul { display: none; } 
.tab-text .mui-switch { width: 50px; height: 24px; position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; -webkit-box-shadow: #dfdfdf 0 0 0 0 inset; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; display: inline-block; -webkit-appearance: none; outline: none; } 
.tab-text .mui-switch:before { content: ''; width: 20px; height: 20px; position: absolute; top: 0px; left: 0; border-radius: 20px; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } 
.tab-text .mui-switch:checked { background-color: #3eba84; } 
.tab-text .mui-switch:checked:before { left: 30px; } 
.tab-text .Class_data ul li { background: #eeeeee; position: relative; display: block; margin-bottom: 15px; padding: 5px 80px 5px 15px; } 
.tab-text .Class_data ul li .dataname { line-height: 24px; font-size: 14px; color: #6b6b6b; } 
.tab-text .Class_data ul li .datainfo { line-height: 24px; font-size: 12px; color: #cacaca; } 
.tab-text .Class_data ul li .databtn { position: absolute; right: 20px; top: 50%; margin-top: -13px; text-align: center; width: 57px; height: 26px; line-height: 26px; background: #127DFD; border: 1px solid #127DFD; border-radius: 2px; color: #ffffff; font-size: 12px; } 
.tab-text .Class_data ul li:hover { background: #eeeeee; } 
.tab-text .report-list ul li { display: block; position: relative; padding: 0 80px 0 40px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } 
.tab-text .report-list ul li .dot_big2 { width: 10px; height: 10px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #efefef; border-radius: 100%; position: absolute; left: 18px; top: 50%; margin-top: -5px; } 
.tab-text .report-list ul li .my_appointment { display: none; width: 57px; height: 26px; background: #127DFD; border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 26px; text-align: center; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; right: 20px; top: 50%; margin-top: -13px; } 
.tab-text .report-list ul li .time2_xx { font-size: 16px; line-height: 50px; } 
.tab-text .report-list ul li:hover { background: #eeeeee; } 
.tab-text .report-list ul li:hover .dot_big2 { border: 1px solid #127DFD; } 
.tab-text .report-list ul li:hover .my_appointment { display: block; } 

.post-file { margin: 0 6px; } 

/* 打折 */
.discount { margin-bottom: 15px; } 
.discount li { display: inline-block; color: #127DFD; margin-right: 15px; } 
/*问答输入回复*/
.wd-tabcont { width:100%; height:32px; line-height:32px; font-size:14px; } 
.wd-tab1 { float:right; margin:0px; display:block; height:30px; line-height:30px; text-align:center; cursor:pointer; padding:0px 15px; border-bottom:none; border:1px solid #fff; color: #999; } 
.wd-tab2 { float:right; display:block; height:31px; cursor:pointer; line-height:30px; text-align:center; border:1px #ddd solid; padding:0px 15px; color:#888; border-bottom:1px solid #fff; border-radius:4px 4px 0 0; } 
.wd-cont { border:1px #ddd solid; border-radius:4px; width:100%; height:140px; } 
.wd-chat { resize:none; outline:none; border:none; margin-left:15px; height:110px; overflow:auto; margin-top:15px; width:88%; font-size:15px; } 
.wd-icon { float:right; width:60px; height:60px; margin-top:70px; margin-right:15px; } 
/*开关特效*/
.mp_20 { margin-top:20px; height:20px; } 
#div1 { width:42px; height:24px; border-radius:20px; position:relative; cursor:pointer; float:left; } 
#div2 { width:22px; height:22px; border-radius:20px; position:absolute; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.4) } 
.open1 { background:#127DFD; border:1px solid #127DFD; } 
.open2 { top:0px; right:0px; } 
.close1 { background:#f5f5f5; border:1px solid #d3d3d3; } 
.close2 { left:0; top:0; } 
.ml_10 { margin-left: 5px; } 
.sends { border:none; line-height: 32px; width:100px; background-color:#127DFD; color:#fff; border: 1px solid #eee; float:right; border-radius:3px;; font-size:14px; transition: .3s; cursor: pointer; } 
.sends:hover { background-color: #1e96d7; color: #fff; border: 1px solid #1e96d7; } 
/*图片上传特效*/
.post-img { float:left; margin-top:-22px; position:relative; z-index:100; opacity:0; } 
.post-file { display:inline-block; width:25px; height:25px; overflow:hidden; cursor:pointer; } 
.upshow li { width:50px; float:left; height:50px; overflow: hidden; margin-right:10px; margin-top:10px; } 
.upshow li img { min-width:100%; height:100%; } 

/*论坛回复词条*/
.lunt-com { width:820px; min-height:180px; margin:0px auto; } 
.lunt-main { padding:20px 0px 0px 70px; position:relative; border-bottom: 1px solid #ebebeb; } 
.lunt-head { width:50px; height:50px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.lunt-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.lunt-name { font-size:12px; line-height:35px; } 
.lunt-cents { font-size:14px; line-height:24px; min-height:24px; } 
.lunt-cents img { max-width: 200px; } 
.lunt-cents .gifetips img { height:24px; } 
.lunt-cents .emotico { width: 15px; height: 15px; margin: 0 2px; } 
.lunt-cents .gifetips font { color:#ff4000; } 
.lunt-time { font-size:12px; color:#999; float:left; line-height:30px; } 
.lunt-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.lunt-mark { height:30px; margin:5px 0 10px 0px; clear:both; } 
.im { cursor:pointer; } 
.lunt-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.lunt-text { width:100%; padding:10px; outline:none; border: 1px solid #ddd; } 
.lunt-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#127DFD; border-radius:30px; } 
.lunt-mark .info { background-position:0px; display: inline-block; background-image:url(info.png); background-repeat:no-repeat; background-size: 16px 16px; width: 16px; height: 16px; cursor:pointer; margin-bottom: -3px; margin-left:5px; margin-right:5px; } 
.ani { display: inline-block; background-image:url(steps_praised.png); background-repeat:no-repeat; background-size: 483px 28px; width: 24px; height: 28px; cursor:pointer; margin-bottom: -4px; } 
.ani_1 { background-position:0px; } .ani_2 { background-position:-20px } .ani_3 { background-position:-43px } 
.ani_4 { background-position:-65px } .ani_5 { background-position:-89px } .ani_6 { background-position:-112px } 
.ani_7 { background-position:-135px } .ani_8 { background-position:-158px } .ani_9 { background-position:-182px; width: 26px; } 
.ani_10 { background-position:-206px; width: 24px; } .ani_11 { background-position:-229px; width: 24px; } .ani_12 { background-position:-253px; width: 24px; } 
.ani_13 { background-position:-276px; width: 24px; } .ani_14 { background-position:-299px; width: 24px; } .ani_15 { background-position:-321px; } 
.ani_16 { background-position:-344px; } .ani_17 { background-position:-368px; } .ani_18 { background-position:-389px; } .ani_19 { background-position:-412px; } 
.ani_20 { background-position:-435px; } .ani_21 { background-position:-460px; } 
.zan-hover.ani_1 { background-position:-460px; } 
.message_textarea_wrap { padding-right:22px; } 
.message_textarea { height:120px; padding:10px; border:1px solid #e3e3e3; width:100%; border-radius:4px; transition: .3s; } 
.message_textarea:focus { border:1px solid #127DFD; } 
.message_operate { margin-top:10px; } 
.pj_box { padding:15px; border:1px solid #eee; background:#fff; margin-bottom:20px; position: relative; } 

/*课程信息*/

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


.ask_lis { padding-bottom:20px; } 
.liuy-com { width: 705px; min-height:180px; margin:0px auto; } 
.liuy-main { padding:20px 0px 0px 80px; position:relative; } 
.liuy-cont { background: #f8f8f8; border-radius: 5px; padding:10px 20px; } 
.liuy-line { border-top:1px solid #eee6c2; } 
.liuy-stu { position:relative; padding-right:80px; margin-bottom:10px; } 
.liuy-smit { height:35px; width:100px; background-color:#127DFD; border-radius: 3px; border:none; color:white; font-size:14px; float:right } 
.liuy-head { width:60px; height:60px; border-radius:50%; overflow:hidden; position: absolute; left:0px; top:20px; } 
.liuy-head img { min-height:100%; min-width:100%; max-height:100%; max-width:100%; } 
.liuy-name { font-size:12px; line-height:35px; color:#999 } 
.liuy-cents { font-size:14px; line-height:22px; min-height:22px; } 
.liuy-time { font-size:14px; color:#999; float:left; line-height:30px; } 
.liuy-timer { font-size:14px; color:#999; line-height:30px; position: absolute; bottom:0px; right:0px; } 
.liuy-opinion { font-size:14px; color:#999; float:right; line-height:30px; } 
.liuy-mark { height:30px; } 
.im { cursor:pointer; } 
.liuy-bt { display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px; } 
.liuy-text { width:100%; padding:10px; outline:none } 
.liuy-pos { color:white; float:right; border:none; height:30px; width:80px; background-color:#34bd74; border-radius:30px; } 
.liuy-cents .imgbox { float:left; margin-bottom:10px; overflow:hidden; } 
.liuy-cents .imgAuto img { height:100%; } 
.liuy-cents .imgAuto { margin-right:10px; display:block; height:130px; position:relative; overflow:hidden; cursor: pointer; } 

#SubmitComment { margin-top: 10px; line-height: 34px; width: 98px; height: 34px; font-size: 14px; color: #fff; cursor: pointer; float: right; background: #127DFD; border: 0; border-radius: 3px; transition: .3s; } 
#SubmitComment:hover { background: #f59121; } 


.comment_list { color: #555; } 
.news_item { font-size: 14px; } 
.news_item,
.news_item a { color:#555; } 
.news_item a:hover { color:#127DFD; } 
.shopping_cont { background: #f8f9ff; padding-bottom: 100px; } 
.cos-learn-date { display: none; } 
.userInfo-left .info .type { color: #fff; } 



.schoolmain01 { background: #fff; padding-bottom: 100px; padding-top: 60px; position: relative; } 
.schoolmain01 .right span { font-weight: bold; } 
.about .title { font-size: 22px; color: #444; padding-bottom: 40px; } 
.subtitle { color: #c1c1c1; font-size: 16px; padding-top:25px } 
.schoolmain01 .left { width:200px; height:200px; float:left; position:relative; margin-right: 30px; } 
.schoolmain01 .left .schoolbg { width:200px; height:200px; border:1px solid #ddd; position:absolute; left:-1px; top:-1px; } 
.schoolmain01 .left .schoollogo { width:200px; height:200px; overflow:hidden; text-align:center; background:#fff; } 
.schoolmain01 .left .schoollogo img { height:200px; width: 100%; object-fit: cover; } 
.schoolmain01 .right { width:550px; float:left; color:#666; font-size:13px; line-height:23px; padding-top:15px } 
.schoolmain01 .right h3 { font-weight:normal; font-size: 18px; text-align: left; padding-left: 0px; margin-top: 0; } 
.schoolmain01 .right .intro { color: #848484; font-size: 13px; height:78px; overflow: hidden; margin-top: 15px; line-height: 26px; } 
.characteristic { color: #848484; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20px 0 10px; } 
.module { background-color: #127DFD; border-top: 1px solid rgba(0, 0, 0, .0); width: 360px; position: absolute; right:0; margin-top: -170px; z-index: 3; height: 489px; overflow: hidden; float: right; } 
.module .header { display: block; padding: 30px 0 30px; width: 360px; border-bottom: 1px solid rgba(255, 255, 255, .1); height: 49px !important; } 
.module .header p.title { text-align: left; margin-left: 40px; color: #fff; font-size: 22px; } 
.module .header p.subtitle { font-size: 14px; color: #8ac8f7; margin-left: 40px; } 
.module .content_list { width:360px; } 
.module .content_list li:first-child { padding-top: 8px; } 
.module .content_list li { margin: 0; transition: all 0.3s ease-out 0s; height: 90px; padding-right:20px; } 
.module .content_list .newstitem:hover { background: #147ac1; } 
.newsbody { width: 100%; position: relative; max-width: 100%; height: 100%; overflow:hidden; } 
.newsbody .date { width: auto; text-align: left; top: 13px; height: 55px; padding: 0px 12px 0px 10px; background: #147ac1; width: 48px; margin-bottom: 0; margin-left: 15px; position: relative; } 
.newsbody .title { top:32px; padding-left: 100px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 120px); color: #fff; height: 40px; position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
.newsbody .date .md { color: #adadad; position: relative; top: 27px; transition: all 0.3s ease-out 0s; display: block; line-height: 20px; width: 100%; color: #8ac8f7; text-align:center; } 
.newsbody .date .year { font-size: 16px; float: left; color: #fff; display: block; line-height: 46px; position: relative; top: -25px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } 
.newsbody .description { opacity: 0; top: 68px; padding-left: 35px; width: calc(100% - 120px); color: rgba(255, 255, 255, .5); font-size: 12px; height: 20px; padding-left: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease-out 0s; position: absolute; color:#fff; } 
.module .content_list li.newstitem:hover .newsbody .title { text-indent: 0; top:20px; } 
.module .content_list li.newstitem:hover .newsbody .description { top: 46px; opacity: 1; } 
.schoolmain02 .title { font-size:22px; color:#444; padding-top: 80px; padding-bottom: 40px; } 
.schoolmain02 .title span { float:right; font-size:14px; line-height:16px; margin-top:12px; } 
.schoolmain02 .title span a { color:#616161 } 
.mt_20 { margin-top:20px; } 
.ks-button--primary { background-color: #127DFD !important; border-color: #127DFD !important; } 
.ks-button--primary { background-color: #127DFD !important; border-color: #127DFD !important; } 
.ks-page-number span.active { background: #fff !important; color: #127DFD !important; border: 1px solid #127DFD !important; } 
.ks-page-number span.active:hover { background: #fff !important; color: #127DFD !important; border: 1px solid #127DFD !important; } 

/* 新加的 */
.curriculum .expand { margin-bottom: 15px; } 
#expandinfo .expandinfo-title { font-size: 14px; color: #666; } 
#expandinfo .expandinfo-title .tips-icon { width: 16px; height: 16px; display: inline-block; position: relative; text-align: center; line-height: 16px; border-radius: 16px; background: #FF9800; color: #fff; cursor: pointer; } 
#expandinfo .expandinfo-title .tips-con { position: absolute; color: #FF9800; font-size: 12px; width: 220px; background: rgb(255, 250, 242); border: 1px solid #ffe6c2; padding: 5px 0; border-radius: 5px; bottom: 20px; left: 50%; margin-left: -10px; display: none; } 
#expandinfo .expandinfo-title .tips-icon:hover .tips-con { display: block; } 
#expandinfo ul { clear: both; } 
#expandinfo ul li { font-size: 12px; padding: 5px 10px; border: 1px solid #ddd; float: left; border-radius: 3px; margin-top: 10px; color: #666; } 
#expandinfo ul li span { color: #4CAF50; margin-left: 5px; } 
#expandinfo ul li.curr { border-color: #127DFD; color: #127DFD; } 
/* 新加的 */


#issuecertificate{display: none;margin-bottom: 20px;padding-bottom: 0;}
.course-assessment{position: relative;padding: 25px 20px 25px 90px;}
.icon-assessment{position: absolute;width: 50px;height: 50px;left:25px;top: 50%;margin-top: -25px;background: url(assessment.png) no-repeat center;background-size: 100% 100%;}
.assessment-item{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #e6e6e6;}
.assessment-item:last-child{border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.assessment-item h4{font-weight: normal;font-size: 16px;}
.assessment-item p{color: #999;font-size: 12px;margin-top: 3px;}