@charset "utf-8";
/* CSS Document */
.course-sub{height: auto;line-height: normal;margin-bottom: 10px;overflow: initial;margin-top: 20px;}
.course-sort{box-shadow: 0px 2px 8px 1px rgba(199,219,249,0.25);border-radius: 12px;display: block;height: 40px;line-height: 40px;margin-top: 0;}
.course-sort i{margin-top: 14px;}
/*--------标题--------*/
.content-tit em {display: block;width: 70px;height: 24px;border-bottom: 2px #666 solid;float: left;}
.content-tit h2{font-size:28px;font-weight: normal;float:left;margin-left:10px;line-height: 50px;}
.content-tit i{float: left;font-size:20px;color: #999;margin-left:10px;line-height: 50px;}


.like-course{width: 315px;margin-bottom: 20px;}
.like-course-con{ margin-left:20px; margin-top:10px; background:#fff; padding:20px;}
.like-course-con h3{font-weight:normal; font-size:16px;margin-bottom: 15px; color:#666;}
.like-course-con h3 span{color: #666;display: inline-block;width: 2px;height: 18px;background: #1472FF;vertical-align: middle;margin-right: 10px;}
.like-course-con li{ margin-bottom:20px;}
.like-course-con li:last-child{ margin-bottom:0;}
.like-course-con li .course-top-box{ height:136px; overflow:hidden; position:relative;}
.like-course-con .course-top-box .m-img{ width:100%;height: 100%;object-fit: cover;}
.like-course-con .course-top-box .type-name{position: absolute;padding: 3px 12px;line-height: 18px;bottom: 8px;left: 8px;background: rgba(0, 0, 0, 0.5);color: #fff;border-radius: 20px;display:none;}
.like-course-con .course-bottom-box h3{margin-top: 15px;overflow: hidden; max-height:42px; line-height:21px;font-size: 16px;color: #333;}
.like-course-con .course-bottom-box .study-num{line-height: 25px;font-size: 14px;color: #777;}
.like-course-con .course-bottom-box .course-price {font-size: 16px;color: #f5891e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*点播课程列表*/
.hotCourseBox { margin-right:-20px; } 
.hotCourseBox li { float:left; width: 25%; } 
.wWidth1200 .detail-content .hotCourseBox li { width:20%; } 
.hotCourseBox .ihotCourse { background:#fff; margin:10px 20px 10px 0; position:relative;border-radius: 8px; transition: all .2s;overflow: hidden;box-shadow: 0px 2px 8px 1px rgba(187,212,249,0.32);} 
.hotCourseBox .ihotCourse:hover {box-shadow: 0 6px 15px rgba(0,0,0,.1)!important;-webkit-transform: translateY(-5px);transform: translateY(-5px); } 
.hotCourseBox .ihotCourse > .li01 >a img { width:100%; display:block; height: 100%; object-fit: cover; } 
.hotCourseBox .ihotCourse .li01 { position: relative; overflow: hidden;} 
.hotCourseBox .ihotCourse .li01 { height:180px; } 
.li01 .type-name { position: absolute; padding: 3px 12px; line-height: 18px; bottom: 8px; left: 8px; background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 20px; } 
.in01 {padding: 0 16px;margin-top: 16px;}
.in01 .course-title {font-size: 16px;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;height: 24px;line-height: 24px;font-weight: 600;color: #333;transition: color .2s;} 
.in01 .deposit-name { display: inline-block; width: 18px; height: 18px; overflow: hidden; line-height: 18px; text-align: center; font-size: 14px; border: 1px solid #e91c35; color: #e91c35; vertical-align: middle; margin-left: 3px; border-radius: 2px; margin-top: 3px; } 
.in02 .course-list-price{padding: 13px 15px 15px;font-size: 14px;color: #999;line-height: 14px;} 
.in02 .course-list-price{padding-top: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.in02 .course-list-price>span{margin-left: 10px;}
.in02 .course-list-price>span:first-child{margin-left: 0;}
.in02 .course-list-price .course-price{margin-left: 0;}
.in02 .coursetips{color: #54575C;line-height: 20px;padding: 8px 16px 0;margin-bottom: 24px;font-size: 14px;}
.course-pro-btn{width: 88px;text-align: center;font-size: 14px;color: #3385FF;
line-height: 30px;border-radius: 16px;border: 1px solid #3385FF;}
.in03{padding: 12px 16px;border-top: 1px solid #eee;height: 20px;}
.in03 .teacherface{width: 20px;height: 20px;border-radius: 50%;vertical-align: middle;margin-right: 5px;}
.in03-teacher span{font-size: 14px;line-height: 20px;vertical-align: middle;}
.in03-class{font-size: 14px;line-height: 20px;color: #999;}
.in03-teacher{
    max-width: 70%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.in03-teacher a{color:#666;}
.boxbtn01 a { height:35px; line-height:35px; text-align: center; color: #666; font-size: 14px; box-sizing:border-box; border-radius: 30px; overflow: hidden; } 
.hotCourseBox li .boxbtn01 { margin:0px 20px 20px; } 
.course-list-t { line-height:30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.hotCourseBox li .boxbtn01 a.btn01 { float: left; color: #999; width:46%; border: 1px solid #ddd; } 
.hotCourseBox li .boxbtn01 a.btn01:hover { color:#ffd500; } 
.hotCourseBox li .boxbtn01 a.btn02 { float: right; background:#ffd500; color: #fff; width:46%; border: 1px solid #ffd500; } 

.course-list-star { height:30px; line-height:30px; position: relative; } 
.course-list-star .text { color:#6b6b6b; padding-left:5px; float:left; } 
.course-list-star .text span { padding:0 5px; } 
.course-list-star .star,
.course-list-star .star-on { height:14px; float:left; margin-top:9px; } 
.course-list-star .star { width:70px; background: url(star.png) repeat-x; } 
.course-list-star .star-on { position: absolute; left:0; top:0; background: url(star-ed.png) repeat-x; } 

.course-list-price .course-price { font-size:20px; color:#FA6432; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100px; } 
.course-list-price .free_cor { color:#3ab57f; } 
.course-list-price .qgbg { width:40px; height:50px; position: absolute; left:20px; top:0px; text-indent: -999em; overflow:hidden; background:url(sign.png) no-repeat; } 
.course-list-price em { font-size:14px; color:#ababab; margin-left:20px; text-decoration: line-through; } 
.course-list-price .qg-text { font-size:12px; } 

.course-list-info { line-height:20px; overflow:hidden; height:0; -webkit-transition: .3s; transition: .3s; } 

.course-list-time { line-height:30px; color:#9b9b9b; } 
.course-list-time font { color:#ff4000; margin:0 3px; font-weight:bold; } 

/*直播课程列表*/
.lcourse-list{margin-top:30px; float:left; width:78%;}
.lcourse-list li{ background: url(../index/icon-03.png) repeat-y 4px center;padding-bottom: 30px;}
.lcourse-list .liveState{background: url(../index/icon-02.png) no-repeat left center;}
.lcourse-list .liveState span{font-size: 14px;background-color: #1472FF;color: #fff;max-width: 150px;text-align: center;border-radius: 2px;margin: 0px 0 12px 30px;position: relative;line-height:35px; display:block;}
.lcourse-list .liveState span:before {content: "";width: 0;height: 0;border-top: 8px solid transparent;border-right: 10px solid #1472FF;border-bottom: 8px solid transparent;position: absolute;left: -8px;top:7px;}
.lcourse-list li .lcourse-Box{position: relative; padding:20px 200px 20px 310px;height:175px;border-top:1px solid #ebebeb; position: relative; transition: .3s;background: #fff; margin-left:30px;}
.lcourse-list li:first-child{border-top:0px;}
.lcourse-list .course-list-img{width:270px;height:175px; overflow:hidden;position: absolute;left:20px;top:20px;}
.lcourse-list .course-list-img img{width:100%; min-height:100%;}
.lcourse-list .course-list-img .live-state{width:100%;height:34px;font-size:14px;line-height:34px; position: absolute;bottom:0;left:0;text-align: center;color:#fff;background:url(../common/rgba0_60.png);}
.lcourse-list .course-list-img .live-state span{background:url(live.gif) no-repeat 0 50%;padding-left:35px;}
.lcourse-list .course-list-title{font-size:20px;height:40px;line-height:40px; overflow: hidden;}
.lcourse-list .course-list-info{color:#9b9b9b;line-height:24px; font-size:14px;margin-top:5px;height:24px; overflow: hidden;}
.lcourse-list .course-list-info a{color:#9b9b9b;}
.lcourse-list .course-list-star{height:32px;line-height:32px;margin-top:10px; position: relative;}
.lcourse-list .course-list-star .text{color:#6b6b6b; padding-left:5px;float:left;}
.lcourse-list .course-list-star .text span{padding:0 5px;}
.lcourse-list .course-list-star .star,
.lcourse-list .course-list-star .star-on{height:14px;float:left;margin-top:9px;}
.lcourse-list .course-list-star .star{width:70px;background: url(star.png) repeat-x;}
.lcourse-list .course-list-star .star-on{position: absolute;left:0;top:0;background: url(star-ed.png) repeat-x;}
.lcourse-list .course-list-price{font-size:22px;line-height:38px;color:#e91c35;margin-top:10px;}
.lcourse-list .course-list-price .free_cor{color:#3ab57f;}
.lcourse-list .course-list-price .qgbg{width:40px;height:50px; position: absolute;left:20px;top:0px; text-indent: -999em; overflow:hidden;background:url(sign.png) no-repeat;}
.lcourse-list .course-list-price em{font-size:14px;color:#ababab;margin-left:20px; text-decoration: line-through;}
.lcourse-list .course-list-price .qg-text{font-size:12px;}
.lcourse-list .course-list-btn{ position: absolute;right:40px;top:50%;height:36px;line-height: 36px;margin-top:-25px; }
.lcourse-list .course-list-btn a{ display: block;background:#3ab57f;color:#fff;border-radius:3px; font-size:16px; padding:0 40px; transition: .3s;}
.lcourse-list .course-list-btn a:hover{background:#2ea872;}
.lcourse-list .course-list-time{ position: absolute;right:40px;bottom:40px;line-height:24px; color:#9b9b9b;}
.lcourse-list .course-list-time font{font-size:24px;color:#f54444;margin:0 3px;font-weight:bold;}
.lcourse-list .course-list .course-col-ep{font-size:14px;}
.lcourse-list .course-list-button{position: absolute;right:40px;top:50%;margin-top:-18px;}
.lcourse-list .course-list-button a{width:120px;height:36px; color:#fff; line-height:40px; text-align: center;border-radius:3px;background:#1472FF;font-size:16px; display: block;}
.lcourse-list .course-list-button a:hover{background:#ff9f37;}

.lcourse-list .course-list-state{ position: absolute;right: 30px;bottom: 30px;font-size:13px;}
.lcourse-list .course-list-state span{float:left;padding:0 10px;color:#b2b2b2; cursor: pointer;}
.lcourse-list .course-list-state i{font-size:15px;float:left;}
.lcourse-list .course-list-state b{font-weight: normal;margin-left:3px;}

.lcourse-list .course-list-state .zan-hover{color:#37ba82;}
.lcourse-list .course-list-state .collect-hover{color:#f26c60;}

/*热门课程*/
.school-list-right{width:280px;float:right; background: #fff;margin-top: 10px; margin-bottom:30px;border-radius: 12px;}
.school-list-right .title{overflow: hidden;font-size: 22px;color: #252A31;line-height: 33px;padding: 20px 16px 16px;border-bottom: 1px solid #F5F5F5;    margin-bottom: 20px;}
.school-list-right li{padding:0 0 20px;margin:0 16px;}
.school-list-right li:first-child{border-top:0px;}
.school-list-right .img{height:120px; overflow:hidden;border-radius: 12px;}
.school-list-right img{width:100%;height:100%;object-fit: cover;}
.school-list-right .name{font-size: 16px;color: #252A31;padding: 12px 12px 0;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


/*面授课程列表*/
.special{ margin-right:-30px;}
.specialBox:hover{border-bottom: 5px #1472FF solid;}
.special dl {float: left;width:25%; margin-top:30px;}
.specialBox{ margin-right:30px;background-color: #fff;-webkit-box-shadow: 0 0 6px rgba(153,153, 153, .5);-moz-box-shadow: 0 0 6px rgba(153, 153, 153, .5);box-shadow: 0 0 6px rgba(153, 153, 153, .5);border-bottom: 5px #ccc solid;}
.special dl dt {text-align: center;padding: 5% 5% 2%;width: 90%; height:165px;overflow:hidden; position: relative;}
.special dl dt img{ width:100%; min-height:100%;}
.special dl dd {padding: 2% 7% 7%;}
.special dl dd a.left-tit {font-size: 16px;line-height: 40px;color: #000; height:40px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.special dl dd p {font-size: 14px;height: 48px; line-height:24px;color: #666;margin-bottom:10px;overflow: hidden;display: none;}
.special dl dd .courseRead {display: block;width:100%;border: 1px #dedede solid;border-radius: 30px;line-height: 32px;}
.special dl dd span a {display: block;text-align: center;font-size: 14px;color: #666;}
.special .course-list-price{margin: 10px 0;}

.w78{ width:78%;}
.labelIcon{ position:absolute; width:32px; height:40px; background:url(common_icon_mark.png) no-repeat center; left:0; top:0; line-height:30px; font-size:14px;color:#fff; text-align:center;}

