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

.posnav a,.posnav{ color:#fff;}
.inner-livecourse{ position:relative;overflow: hidden;padding: 0 0 50px;background: #e1e1e1;}
.i-mainBox{ position:relative;}
.liveTopBox{ background:#fff; padding:25px;box-shadow: 1px 0 20px rgba(0,0,0,0.15);}
.innerbg{position: absolute;width: 110%;left: -5%;top: -5%;}
.innerbg img{ width:100%; min-height:100%;}
.blur img{filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */-webkit-filter: blur(30px); /* Chrome, Opera */-moz-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=30, MakeShadow=false); /* IE6~IE9 */}

.liveTb .liveImg{/*width: 506px;height: 292px;*/ overflow:hidden;}
.liveTb .liveImg img{ width:100%; min-height:100%; display:block;}
/*.liveInfo{padding-left: 534px;}*/
.liveTb .liveInfo{ padding-left:30px; box-sizing:border-box;}

.mainTab {/*margin-top:45px;*/background:#fff;border: 1px solid #eee;margin-bottom: 28px;}
.mainTab li{ float:left; line-height:55px; margin:0 20px; padding:0 10px; font-size:18px;border-bottom: 2px solid #fff;color: #777; cursor:pointer;}
.mainTab li.active{border-bottom: 2px solid #fbbe03;color: #fbbe03;}
.mainTabBox .live-courseB{ display:none;}

.liveInfo h3{font-size: 26px;padding-top: 5px;line-height: 34px;color: #222;font-weight:normal;}
.liveInfo .star{height:14px; line-height:16px; overflow:hidden;margin-top:26px;color:#999; }
.liveInfo .star span{position:relative;float:left;height:14px; overflow:hidden;font-size: 13px;}
.liveInfo .star-on{position:absolute;top:0;left:0; background:#fff; z-index:9;width:0px; overflow:hidden;height:100%;}
.liveInfo .star img{height:100%; display:block; overflow:hidden;}
.liveInfo .star b{font-weight:normal;color:#999; margin:0 5px 0 0px;}
.liveInfo .star .l-sinfo{ margin-left:20px;}

/*学习进度*/
.schedule{height:30px; margin-top:15px;line-height:30px; position: relative;margin-right:154px;padding-top:10px;}
.schedule-line{background:#ebebeb;border-radius:30px;height:10px;}
.schedule-lined{height:10px;border-radius: 30px; position: absolute;left:0;top:10px;}
.schedule .ksed{ position: absolute;right: -100px;top: 0px; color:#9b9b9b;}

.gradient{
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=180,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fbbe03,endcolorstr=#aaf1d2,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=180,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fbbe03,endcolorstr=#aaf1d2,gradientType=0);/*IE8*/	
    background:#fbbe03; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #fbbe03, rgba(0, 0, 255, 0.5));  
    background:-webkit-gradient(linear, 0 0, right 0, from(#fbbe03), to(#aaf1d2));  
    background:-o-linear-gradient(left, #fbbe03, #aaf1d2); 
}

/*优惠券*/
.mt7{margin-top: 7px;}
.yhq-list{height: 30px;overflow: hidden; margin-bottom:20px; display:none;}
#CouponList li a{ color:#999;line-height:30px; font-size:13px;}
.pro_name {float: left;color:#fda156;padding: 0 10px;text-align: center;height:28px;line-height: 28px;background: #fff;border: 1px solid #fda156;border-radius: 3px;margin-right: 10px;margin-bottom:10px;}
.liveInfo .price{height: 44px;line-height: 44px;}
.liveInfo .price span{float:left; position:relative;}
.liveInfo .price span {float: left;position: relative;}
.liveInfo .price .qgbg{display:none;}
.liveInfo .price .spanHover{cursor:pointer; position:relative;padding-left:21px;margin-left:30px;}
.liveInfo .price .fan{color:#ff8b8b; background:url(fan.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.liveInfo .price .vip{color:#ffa11a; background:url(vip.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.liveInfo .text{font-size:13px;line-height:33px; color:#9b9b9b;}
.liveInfo .price-info{font-size:24px;color:#ff4000;}
.liveInfo .money{font-size:14px; margin-left:20px;color:#b1b1b1; text-decoration:line-through;}
.liveInfo .price-info {font-size: 24px;color: #ff4000;}

/*购买按钮*/
.liveInfo .button {height: 47px;line-height: 47px;overflow: hidden;margin-top: 10px;}
.liveInfo .hb-ui-btn{height:47px;line-height: 47px;background:#fbbe03;width: 182px;text-align: center;color: #fff;border: 0px;-webkit-transition: 0.3s;transition: 0.3s;float: left;cursor: pointer; border-radius:3px; font-size:18px;}
.liveInfo .c_zan,.liveInfo .c_collect {float:left;height: 44px;line-height: 44px;margin: 0 10px;color: #9b9b9b;cursor: pointer;}
.liveInfo .c_zan i, .liveInfo .c_collect i {margin-right: 3px;float: left;color: #b2b2b2;}
.liveInfo .c_collect{ margin-left:20px;}
.liveInfo .c_collect .collected {color: #f26c60;}
.liveInfo .c_zan .zaned {color:#fea847;}
.free_cor{ color:#48be8b;}

/*下面的主页面*/
.liveLeft{ padding-right:20px; box-sizing:border-box;}
.mainTabBox{ background:#fff; border:1px solid #eee; padding:30px 20px 40px;}

/*左侧下面那块*/
.main-BoxTit{font-size: 18px;margin-bottom: 15px;}
.maxin-BoxIntro{line-height: 26px;font-size: 14px;color: #777;}

.liveRight,.liveLeft{ padding-top:45px;}
.teacherTop{background: #fff;padding: 25px;border: 1px solid #eee;margin-bottom:28px;}
.t-imgBox{ width:80px; height:80px; border-radius:100%; overflow:hidden;}
.t-imgBox img{ width:100%; height:100%; display:block;}
.t-infoBox{ padding-left:100px;}
.t-infoBox p{line-height:25px; color:#999;font-size: 13px;}
.t-infoBox .name{font-size: 18px; color:#333; line-height:30px;}
.t-sstar .star{height:14px; line-height:16px; overflow:hidden;margin-top:26px;color:#999; }
.t-sstar .star span{position:relative;float:left;height:14px; overflow:hidden;font-size: 13px;}
.t-sstar .star-on{position:absolute;top:0;left:0; background:#fff; z-index:9;width:0px; overflow:hidden;height:100%;}
.t-sstar .star img{height:100%; display:block; overflow:hidden;}
.t-sstar .star b{font-weight:normal;color:#999; margin:0 5px 0 15px;}
.t-sstar .star .l-sinfo{ margin-left:20px;}

/*推荐课程*/
.newcourseTop{background: #fff;padding: 25px;border: 1px solid #eee;}
.hb-grade-a {display: block;height: 145px;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:30px;line-height:30px; overflow: hidden; display: block;}
.hb-price {color: #fb6368;font-size: 16px;line-height:24px;margin-bottom:15px;}

/*课时清单*/
.chapter-name{font-size:16px;line-height:28px;margin-top:20px;font-weight:bold;}
.section-name{font-size:16px;line-height:44px;margin-top:20px;background:#f4f4f4;padding:0px 15px;height:44px; overflow: hidden;}
.keshi{ position: relative;}
.keshi .keshi-url{ display: block; height:44px;line-height:44px;padding:0 120px 0 45px;font-size:14px;color:#5b5b5b; overflow: hidden; position: relative;background:url(play.png) no-repeat 15px 50%; }
.keshi-disabled .keshi-url{background:url(play-dis.png) no-repeat 15px 50%; }
.keshi span{margin-left:15px;color:#9b9b9b;}
.keshi .btn{ position: absolute;right: 15px;top: 50%;margin-top: -15px; width:80px;height:30px;line-height:30px; background:#03a9f5;color:#fff; text-align: center; z-index: 9;border-radius:3px;font-size:14px; display: none;}
.keshi .btn:hover{background:#2fad76;}
.keshi-hover{background:#fff9e6;}
.keshi-hover .keshi-url{color:#333;}
/*.keshi-hover .btn{ display: block; }*/
.keshi .zlicon{ position: absolute;right: 30px;top: 50%;margin-top:-8px;width:16px;height: 16px;background:url(zl.png) no-repeat 50% 50%; }
.keshi .zlicon-disabled{background:url(zl-dis.png) no-repeat 50% 50%; }
.keshi .free{color:#4CAF50;}
.keshi .purchased{color:#e7352b;}
.keshi-exam a{color:#5b5b5b; display: block;padding:0 15px 0 43px;line-height:44px;font-size:14px;height:44px; overflow: hidden;}
.keshi-exam a:hover{background:#e6f5ee;color:#333;}
.keshi-empty{ text-align: center;line-height: 88px;color: #9b9b9b;font-size: 14px; }

/*资料列表*/
.ziliao li{margin:0px; position: relative; padding:15px 100px 15px 0;border-bottom: 1px solid #eee;}
.ziliao li:first-child{border-top:0px;}
.ziliao .dataname{font-weight: bold;height:34px;line-height: 34px; overflow: hidden;font-size:16px;}
.ziliao .datainfo{color:#9b9b9b;}
.ziliao .databtn{width:60px;height:28px;line-height:28px;border: 1px solid #fbbe03;color: #fbbe03;text-align: center;border-radius:3px;position: absolute;right:0;top:50%;margin-top:-15px;}
.ziliao li:last-child{ border-bottom:0;}

/*右侧教师样式*/
.t-mt28{ margin-top:28px;}
.t-scoreBox{ margin-top:20px;}
.t-sstar{position: relative;float: left;height: 14px;overflow: hidden;margin-top: 10px;}
.t-score{width: 80px;margin-right: 20px;text-align:center;}
.t-score p{font-size: 14px;color: #999;}
.t-score .t-snum{font-size: 30px;color: #ccc;}

/*课程内页*/
#xiangou img{ display:inline; margin-right:5px;}
#shixian{ float:none;}

.course_right_teacherli li{ margin:15px 10px;}
.course_right_teacherli li .lct {width: 50px;float: left;}
.course_right_teacherli li .rct {width: 135px;float: right;}
.course_right_teacherli li .lct img {width: 50px;height: 50px;border-radius: 5px;}
.course_right_teacherli li .rct .tname {font-size:14px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.course_right_teacherli li .rct .tlever {color: #999;font-size: 12px;}

.course_right_top .jg_img{margin: 0 15px 0px 0; width: 60px; height: 60px;display: block;overflow: hidden;border: 1px solid #eee;line-height: 60px; position: absolute;left:0;top:0;}
.course_right_top .jg_img img{width: 100%;min-height: 100%;}
.course_right_top .jg_name{min-height:60px;padding-left:70px;}
.course_right_top .jg_name .icon_scoreimg{display:block;margin-top:5px;}

.course_right_top .jg{ position:relative;}
.m-widget-shopinfo{font-size:14px;line-height:24px;margin-top:15px;color:#5b5b5b;}
.course_right_top .jg_nameinfo{font-size:14px;font-weight: bold; line-height:20px;overflow: hidden;}
.course_right_top .jg_nameinfo img{display: none;}
.course_right_top .enter a{width: 95px;height: 30px; border-radius:3px;line-height: 30px;cursor: pointer;text-align: center;display: inline-block;margin-top: 10px;font-size: 14px;}
.course_right_top .enter iframe {float: left;}
.course_right_top .intoschool{color: #03a9f5;border: 1px solid #03a9f5;}
.course_right_top .intoschool:hover{background:#03a9f5; color:#fff;}
.course_right_top .collect{border: 1px solid #e6e6e6;width: 96px;height: 38px;line-height: 38px;color: #666;display: inline-block;text-align: center;vertical-align: middle;background-color: #F7F7F7;}
.course_right .tj_course{margin-top:10px;}

.hb-price .qgbg{background:#fda156;padding: 3px 5px;color: #fff;border-radius: 3px;font-size: 12px;margin-right:10px;vertical-align: top;}

/* pc屏幕 */
@media all and (min-width: 1180px) and (max-width: 1920px) {}

/* pc1180屏幕 */
@media all and (min-width: 992px) and (max-width: 1180px) {
	.schedule{margin-top: 10px;height: 10px;}
	.liveInfo .star{margin-top: 10px;}
}

/* 中等屏幕（平板，小于等于 992px） */
@media all and (max-width: 992px) {
	.schedule{margin-top: 10px;height: 10px;}
	.liveInfo .star{margin-top: 10px;}
	
}

/* 小屏幕（手机，小于等于 786px） */
@media screen and (max-width:768px){
    .liveTb .liveInfo{ padding-left:0;}
	.liveLeft{ padding-top:0;}
	.liveRight{ padding-top:20px;}
	.mainTab{ margin-bottom:20px;}
	.liveLeft{ padding-right:0}
	.teacherTop{margin-bottom:20px;}
	.t-mt28{ margin-top:20px;}
	.newcourseTop{ margin-top:20px; margin-bottom:20px;}
	
}

/* 超小屏幕（手机，小于等于 480px） */
@media (max-width: 480px){
	.liveTopBox,.mainTabBox,.teacherTop{ padding:15px;}
	.newcourseTop{ display:none;}
	.mainTab{margin-left: -15px;margin-right: -15px; margin-top:0;}
	.mainTab li{ width:25%; margin:0; padding:0; text-align:center; box-sizing:border-box;font-size: 15px;}
	.liveInfo h3{font-size: 18px;}
	.liveInfo .star{margin-top: 10px;}
	.liveInfo .price-info{font-size: 18px;}
	.yhq-list{margin-bottom: 10px;}
	.liveInfo .hb-ui-btn{ font-size:16px;height: 37px;line-height: 37px;width: 50%;}
	#CouponList li a{font-size:12px;}
	.inner-livecourse{padding: 0 0 20px;}
	.liveInfo .price{ height:auto; line-height:303px;}
	.liveInfo .c_zan, .liveInfo .c_collect{ height:30px; line-height:30px;}
	
	.main-BoxTit{ font-size:16px;}
	.keshi .keshi-url{line-height:30px; height:30px;}
	.ziliao .dataname{height: 24px;line-height: 24px; font-size:14px;}
	
	.schedule{height: 25px;margin-top: 10px;}
	.liveInfo .price span{ line-height:30px;}
	
	
}