@charset "utf-8";
/* CSS Document */

/*--------标题--------*/
.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;}

/*点播课程列表*/
.hotCourseBox{ margin-right:-30px;}
.hotCourseBox li{float:left;width: 25%;}
.wWidth1200 .hotCourseBox li{width: 33.33%;}
.wWidth1200 .detail-content .hotCourseBox li{ width:33.33%;}
.hotCourseBox .ihotCourse{background:#fff;margin:30px 30px 0px 0;text-align: center;position:relative;z-index:50;-webkit-box-shadow:4px 4px 6px 0px rgba(186,186,186,0.2);-moz-box-shadow:4px 4px 6px 0px rgba(186,186,186,0.2);box-shadow:4px 4px 6px 0px rgba(186,186,186,0.2);border: 1px solid #eee;}
.hotCourseBox .ihotCourse > .li01 >a img{width:100%;display:block;height: 100%;object-fit: cover;}
.hotCourseBox .ihotCourse .li01{position: relative;overflow: hidden;height: 260px;}
.in01 {background: rgba(0,0,0,0.6);width: 100%;line-height:30px; height:30px; padding:0px 10px;bottom: 0;left: 0;box-sizing: border-box; position:absolute;}
.in01 span {display: block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap; font-size:18px; color:#fff;}
.in02 {width: 80%;margin:5% 10%;line-height:25px;font-size: 14px;color: #777;text-align: left;}
.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:#3eba84;}
.hotCourseBox li .boxbtn01 a.btn02 {float: right;color: #fff;width:46%;background: url(../common/common_btn_gradual_n.png) no-repeat center;background-size: auto 100%;background: -webkit-linear-gradient(left,#ff663d,#ff3d66);background: -o-linear-gradient(right,#ff663d,#ff3d66);background: -moz-linear-gradient(right,#ff663d,#ff3d66);background: linear-gradient(to right,#ff663d,#ff3d66);}

.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{font-size:18px;line-height: 30px;color:#e91c35;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.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{ height:50px; line-height:25px; overflow:hidden; margin:10px 0;}

.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: #3eba84;*/color: #fff;max-width: 120px;text-align: center;border-radius:2px;margin: 0px 0 12px 30px;position: relative;line-height:35px; display:block;background: -webkit-linear-gradient(left,#ff663d,#ff3d66);background: -o-linear-gradient(right,#ff663d,#ff3d66);background: -moz-linear-gradient(right,#ff663d,#ff3d66);background: linear-gradient(to right,#ff663d,#ff3d66);}
.lcourse-list .liveState span:before {content: "";width: 0;height: 0;border-top:5px solid transparent;border-right:5px solid #ff663d;border-bottom:5px solid transparent;position: absolute;left: -5px;top:12px;}
.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:36px; text-align: center;border-radius:3px;background: url(../common/common_btn_gradual_n.png) no-repeat center;background-size: auto 100%;background: -webkit-linear-gradient(left,#ff663d,#ff3d66);background: -o-linear-gradient(right,#ff663d,#ff3d66);background: -moz-linear-gradient(right,#ff663d,#ff3d66);background: linear-gradient(to right,#ff663d,#ff3d66);font-size:16px; display: block;}
.lcourse-list .course-list-button a: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);}

.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:20%;float:right; background: #fff;border:1px solid #ebebeb;margin-top: 30px; margin-bottom:30px;}
.school-list-right .title{height:40px;line-height:40px; overflow: hidden; padding:0 10px;border-bottom:1px solid #ebebeb; font-size:16px;}
.school-list-right li{padding:15px 0;margin:0 15px;border-top:1px solid #ebebeb;}
.school-list-right li:first-child{border-top:0px;}
.school-list-right .img{height:120px; overflow:hidden;}
.school-list-right img{width:100%;min-height:100%;}
.school-list-right .name{font-size:16px;height:34px;line-height:34px; overflow: hidden;}


/*面授课程列表*/
.special{ margin-right:-30px;}
.specialBox:hover{border-bottom: 5px #3eba84 solid;}
.special dl {float: left;width:25%; margin-top:30px;}
.wWidth1200 .special dl { width:33.33%;}
.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: 202px;overflow:hidden;}
.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;}
.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%;}

/*抢购课程列表*/
/*.yxcourse-list{background: #fff;margin-top:30px;}
.yxcourse-list li{ position: relative; padding:20px 200px 20px 310px;height:175px;border-top:1px solid #ebebeb; position: relative; transition: .3s;}
.yxcourse-list li:first-child{border-top:0px;}
.yxcourse-list .course-list-img{width:270px;height:175px; overflow:hidden;position: absolute;left:20px;top:20px;}
.yxcourse-list .course-list-img img{width:100%; min-height:100%;}
.yxcourse-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);}
.yxcourse-list .course-list-img .live-state span{background:url(live.gif) no-repeat 0 50%;padding-left:35px;}
.yxcourse-list .course-list-title{font-size:20px;height:40px;line-height:40px; overflow: hidden;}
.yxcourse-list .course-list-info{color:#9b9b9b;line-height:24px; font-size:14px;margin-top:5px;height:24px; overflow: hidden;}
.yxcourse-list .course-list-info a{color:#9b9b9b;}
.yxcourse-list .course-list-star{height:32px;line-height:32px;margin-top:10px; position: relative;}
.yxcourse-list .course-list-star .text{color:#6b6b6b; padding-left:5px;float:left;}
.yxcourse-list .course-list-star .text span{padding:0 5px;}
.yxcourse-list .course-list-star .star,
.yxcourse-list .course-list-star .star-on{height:14px;float:left;margin-top:9px;}
.yxcourse-list .course-list-star .star{width:70px;background: url(star.png) repeat-x;}
.yxcourse-list .course-list-star .star-on{position: absolute;left:0;top:0;background: url(star-ed.png) repeat-x;}
.yxcourse-list .course-list-price{font-size:22px;line-height:38px;color:#ff4000;margin-top:10px;}
.yxcourse-list .course-list-price .free_cor{color:#3ab57f;}
.yxcourse-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;}
.yxcourse-list .course-list-price em{font-size:14px;color:#ababab;margin-left:20px; text-decoration: line-through;}
.yxcourse-list .course-list-price .qg-text{font-size:12px;}
.yxcourse-list .course-list-btn{ position: absolute;right:40px;top:50%;height:36px;line-height: 36px;margin-top:-25px; }
.yxcourse-list .course-list-btn a{ display: block;background:#3eba84;color:#fff;border-radius:3px; font-size:16px; padding:0 40px; transition: .3s;}
.yxcourse-list .course-list-btn a:hover{background:#ff9f37;}
.yxcourse-list .course-list-time{ position: absolute;right:40px;bottom:40px;line-height:24px; color:#9b9b9b;}
.yxcourse-list .course-list-time font{font-size:24px;color:#f54444;margin:0 3px;font-weight:bold;}
.yxcourse-list .course-list .course-col-ep{font-size:14px;}
.yxcourse-list .course-list-button{position: absolute;right:40px;top:50%;margin-top:-18px;}
.yxcourse-list .course-list-button a{width:120px;height:36px; color:#fff; line-height:40px; text-align: center;border-radius:3px;background:#3ab57f;font-size:16px; display: block;}
.yxcourse-list .course-list-button a:hover{background:#25aa6f;}

.yxcourse-list .course-list-state{ position: absolute;right: 30px;bottom: 30px;font-size:13px;}
.yxcourse-list .course-list-state span{float:left;padding:0 10px;color:#b2b2b2; cursor: pointer;}
.yxcourse-list .course-list-state i{font-size:15px;float:left;}
.yxcourse-list .course-list-state b{font-weight: normal;margin-left:3px;}

.yxcourse-list .course-list-state .zan-hover{color:#37ba82;}
.yxcourse-list .course-list-state .collect-hover{color:#f26c60;}*/

/*团购课程列表*/
/*.course-col ul{ margin-right:-30px;}
.course-col li{width:25%;float:left;}
.course-col-box{margin:30px 30px 0 0; padding:10px;border:1px solid #eee;border-radius:3px;position: relative;background:#fff; transition: .3s;}
.course-col-box:hover{border: 1px solid #e6e6e6;border-bottom: 1px solid #d2d2d2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.course-col-img{overflow: hidden; position: relative;}
.course-col-img img{width:100%;min-height:100%;}
.course-col-title{font-size: 15px;height:35px; line-height:35px;margin-top:5px; overflow: hidden;}
.course-col-star{float:right; position: relative;margin-left:10px;}
.course-col-star .star,
.course-col-star .star-on{height:14px;float:left;margin-top:11px;}
.course-col-star .star{width:70px;background: url(star.png) repeat-x;}
.course-col-star .star-on{position: absolute;left:0;top:0;background: url(star-ed.png) repeat-x;}
.course-col-price{font-size:14px;color:#4d4d4d;font-weight:bold;line-height:28px; }
.course-col-price .free_cor{font-weight: normal;}
.course-col-price .icon{float:right;color:#9b9b9b;font-weight: normal; font-size:13px;color:#b2b2b2; margin-left:15px;}
.course-col-price .icon i{float:left;font-size:15px;margin-right:3px; }
.course-col-price .qgbg{display: none;}

.course-col-button{margin-top:15px;}
.course-col-button .button{width:110px;height:34px;line-height:34px;background:#3ab57f;color:#fff;float:left;font-size:14px;border-radius:3px; text-align: center;}
.course-col-target{font-size:13px;line-height:23px;height:46px;color:#9b9b9b;border-bottom:1px solid #ebebeb;padding-bottom:10px;overflow: hidden;}
.course-col-ep{height:22px;line-height:22px;overflow: hidden;color:#9b9b9b;}
.course-col-ep a{color:#9b9b9b;}
.course-col-bg{width:100%;height:100%; position: absolute;left:0;top:0; text-align: center;background:url(../common/rgba0-40.png); display: none;}
.course-col-bg p{line-height:28px;padding-top:120px;font-size:16px;color:#fff; transition.3s;}
.course-col .carousel-dots i{background:#9b9b9b;width:8px;height:8px;}
.course-col .carousel-dots .on{background:#3ab57f;}*/