@charset "utf-8";
/* CSS Document */
body,div,p,span,ul,li,dl,dt,dd,a,ol,input,button,img,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; list-style:none; border:0;}
body{ font-family:'Microsoft Yahei','Simsun'; color:#1E202C; font-size:14px; line-height:24px; background:#f6f6f6;}
a{ color:#fff; text-decoration:none;}
img{display: block;}
/*a:hover{color:#8DC9FF; text-decoration:none;}*/
body,input,button,img{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style:normal;}
.hhh{font-weight:normal;}
.dr_center{margin:0 auto;}
.dr_Pcenter{text-align:center;}
.no_padding{padding-left:0!important}
.no_bg{background:none!important}
.green{color:#3575CA;}
.no_margin{margin:0;}
.dr_con_a:hover{color:#333333; text-decoration:underline;}
.dr_cursor{cursor:pointer;}
input,button{font-family:"微软雅黑";}
.red1{color:#FE4C4C;}
.red2{color: #ED167D;}
.clearfix{clear: both;}


.content-box{
	width: 100%;
	height: auto;
}
/*logo&search*/
.log_search_box{
	width: 100%;
	height: 135px;
	background: #fff;
}
.log_search{
	width: 1200px;
	margin: 0 auto;
	height: 135px;
	/*background: #f66;*/
}
.logo{
	float: left;
	padding: 33px 125px 0 0;
}
.search_box{
	float: left;
	padding-top: 42px;
}
.search_box form:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.search_box .search_txt{
	width: 458px;
	height: 40px;
	line-height: 40px;
	border: none;
	outline: none;
	color: #bbb;
	font-size: 14px;
	border: 1px solid #5e9dfa;
	padding-left: 64px;
	background: url(/data/static/images/index/search_icon.png) no-repeat 20px center;
	float: left;
}
input::input-placeholder{color:  #bbb ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */::-webkit-input-placeholder { /* WebKit browsers */ color: #bbb; 
} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bbb; 
} ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bbb; 
} :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bbb; 
}
.search_box .search_btn{
	width: 73px;
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border: none;
	outline: none;
	/*border: 1px solid #5e9dfa;*/
	background: #5e9dfa;
	float: left;
	cursor: pointer;
}
.search_box ul{
	margin-top: 13px;
	height: 15px;
}
.search_box ul li{
	float: left;
	font-size: 14px;
	line-height: 15px;
	border-right: 1px solid #bbbbbb;
	padding: 0 12px;
}
.search_box ul li a{
	color: #999;
}
.search_box ul li a:hover{
	color: #5e9dfa;
}
.search_box ul li.search_first{
	padding: 0 12px 0 0;
}
.search_box ul li.search_last{
	border: none;
}

/*面包屑*/
.crumbs{
	width: 1200px;
	margin: 0 auto;
	padding-top: 22px;
	font-size: 14px;
	color: #999;
}
.crumbs a{
	color: #999;
}
.crumbs a:hover{
	color: #666;
}

/*课程列表*/
.live_list{
	width: 1200px;
	margin: 0 auto;
	padding: 43px 0 43px 0;
}
.live_list:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.live_list li{
	width: 87px;
	height: 56px;
	font-size: 18px;
	color: #fff;
	float: left;
	line-height: 56px;
	padding-left:25px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-right: 6px;
	cursor: pointer;
	border: 1px solid #fff;
	text-align: center;
}
.live_list li.live_list01{
	background: url(/data/static/images/live/livelist1_h.png) no-repeat 20px center;
	border-color: #5e9dfa;
	color: #5e9dfa;
}
.live_list li.live_list02{
	background: url(/data/static/images/live/livelist2_h.png) no-repeat 20px center;
	border-color: #fe7575;
	color: #fe7575;
}
.live_list li.live_list03{
	background: url(/data/static/images/live/livelist3_h.png) no-repeat 20px center;
	border-color: #58dd8d;
	color: #58dd8d;
}
.live_list li.live_list04{
	background: url(/data/static/images/live/livelist4_h.png) no-repeat 20px center;
	border-color: #4db6ac;
	color: #4db6ac;
	text-align: right;
    padding-right: 15px;
    width: 72px;
}
.live_list li.live_list05{
	background: url(/data/static/images/live/livelist5_h.png) no-repeat 20px center;
	border-color: #ff7ab2;
	color: #ff7ab2;
}
.live_list li.live_list06{
	background: url(/data/static/images/live/livelist6_h.png) no-repeat 20px center;
	border-color: #68c04a;
	color: #68c04a;
	text-align: right;
    padding-right: 15px;
    width: 72px;
}
.live_list li.live_list07{
	background: url(/data/static/images/live/livelist7_h.png) no-repeat 20px center;
	border-color: #ff8a00;
	color: #ff8a00;
}
.live_list li.live_list08{
	background: url(/data/static/images/live/live_icon.png) no-repeat 10px 15px;
	border-color: #ae0b0b;
	color: #ae0b0b;
}

.live_list li.live_list08:hover,.live_list li.live_list08.current{
	background: url(/data/static/images/live/live_icon.png) no-repeat 10px -228px #ae0b0b;;
/*	border-color: #ae0b0b;
*/	color: #fff;
}

.live_list li.live_list09{
	background: url(/data/static/images/live/live_icon.png) no-repeat 8px -66px;
	border-color: #8c5a19;
	color: #8c5a19;
}

.live_list li.live_list09:hover,.live_list li.live_list09.current{
	background: url(/data/static/images/live/live_icon.png) no-repeat 8px -334px #8c5a19;
	
	color: #fff;
}

.live_list li.live_list10{
	background: url(/data/static/images/live/live_icon.png) no-repeat 10px -150px;
	border-color: #482166;
	color: #482166;
}

.live_list li.live_list10:hover,.live_list li.live_list10.current{
	background: url(/data/static/images/live/live_icon.png) no-repeat 10px -416px #482166;
	
	color: #fff;
}


.live_list li.live_list01:hover,.live_list li.live_list01.current{
	background: url(/data/static/images/live/livelist1.png) no-repeat 20px center;
	background-color: #5e9dfa;
	color: #fff;
}
.live_list li.live_list02:hover,.live_list li.live_list02.current{
	background: url(/data/static/images/live/livelist2.png) no-repeat 20px center;
	background-color: #fe7575;
	color: #fff;
}
.live_list li.live_list03:hover,.live_list li.live_list03.current{
	background: url(/data/static/images/live/livelist3.png) no-repeat 20px center;
	background-color: #58dd8d;
	color: #fff;
}
.live_list li.live_list04:hover,.live_list li.live_list04.current{
	background: url(/data/static/images/live/livelist4.png) no-repeat 20px center;
	background-color: #4db6ac;
	color: #fff;
}
.live_list li.live_list05:hover,.live_list li.live_list05.current{
	background: url(/data/static/images/live/livelist5.png) no-repeat 20px center;
	background-color: #ff7ab2;
	color: #fff;
}
.live_list li.live_list06:hover,.live_list li.live_list06.current{
	background: url(/data/static/images/live/livelist6.png) no-repeat 20px center;
	background-color: #68c04a;
	color: #fff;
}
.live_list li.live_list07:hover,.live_list li.live_list07.current{
	background: url(/data/static/images/live/livelist7.png) no-repeat 20px center;
	background-color: #ff8a00;
	color: #fff;
}


/*精品直播 课程推荐*/
.gift_recomd{
	width: 1200px;
	margin: 0 auto 80px;
}
.gift_recomd:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.gift_box{
	width: 894px;
	margin-right: 16px;
	background: #fff;
	float: left;
}
.gift_box h3{
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #efefef;
	color: #666666;
	font-size: 16px;
	padding-left: 6px;
}
.gift_box h3 span{
	display: block;
	height: 62px;
	padding: 0 10px;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
.gift_box h3 span a{
	color: #5E9DFA;
}
.gift_box h3 .px.px_cur{
	color: #5e9dfa;
	border-bottom: 1px solid #5e9dfa;
}
.gift_box h3 .sort{
	padding: 0 20px 0 10px;
	background: url(/data/static/images/live/sort.png) no-repeat 48px center;
}
.gift_box h3 .sort.sort_cur{
	background: url(/data/static/images/live/sort_h.png) no-repeat 48px center;
}
.gift_box h3 .select{
	padding-left: 48px;
	background: url(/data/static/images/live/select.png) no-repeat 22px center;
}
.gift_box h3 .select.select_cur{
	background: url(/data/static/images/live/selected.png) no-repeat 22px center;
}

.gift{
	padding: 16px 0 0 30px;
}
.gift_list{
	
}
.gift_list li{
	height: 130px;
	position: relative;
	padding: 25px 0 30px 0;
	border-bottom: 1px solid #efefef;
}
.gift_list li:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.gift_list li img{
	width: 194px;
	height: 130px;
	float: left;
	margin-right: 16px;
}
.gift_list li .gift_ctn{
	float: left;
	width: 652px;
}
.gift_ctn h4{
	font-size: 18px;
	color: #454545;
	line-height: 32px;
	padding: 0 26px 4px 0;
	font-weight: 600;
}
.gift_ctn h4 span{
	float: right;
	font-size: 12px;
	color: #999;
	font-weight: 100;
	padding-left: 23px;
	background: url(/data/static/images/live/gift_clock.png) no-repeat left center;
	background-size: 14px 14px;
}
.gift_ctn p{
	font-size: 14px;
	color: #999;
	line-height: 24px;
	padding-bottom: 18px;
	width: 466px;
}
.gift_ctn h5{
	font-size: 16px;
	color: #999;
}
.gift_ctn h5 span{
	padding-right: 62px;
}
.gift_ctn .gift_detail{
	position: absolute;
	right: 26px;
	bottom: 30px;
	display: block;
	width: 98px;
	height: 30px;
	color: #5e9dfa;
	border: 1px solid #5e9dfa;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.gift_ctn .gift_detail:hover{
	background: #5e9dfa;
	color: #fff;
}

.recomd_box{
	width: 290px;
	background: #fff;
	float: left;
}
.recomd_box h3{
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #efefef;
	color: #666;
	font-size: 20px;
	padding-left: 20px;
}
.recomd_box ul li{
	padding: 20px 0 20px 20px;
}
.recomd_box ul li:after{
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.recomd_box img{
	width: 101px;
	height: 68px;
	float: left;
	margin-right: 14px;
}
.recomd_box .recomd_ctn{
	float: left;
}
.recomd_ctn h4{
	font-size: 17px;
	color: #666;
	width: 140px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.recomd_ctn p{
	font-size: 14px;
	color: #fe7575;
	padding-top: 6px;
}
.recomd_ctn p span{
	font-size: 17px;
}

/*登录提示框*/
#sho5{display: none;position: fixed;left:50%;top:20%; z-index:1002;width:710px;padding:10px 20px;background:#fff;margin-left:-355px;}
#sho5{padding:0;width:400px;height:200px;margin-left:-225px;overflow:hidden;}
#sho5 .con{padding:0;}
#sho5 .con .p_a{text-align: center;}
#sho5 .con .p_a a{display:inline-block;width:85px;height:25px;border:1px #4275cd solid;color:#4275cd;font-size:12px;font-weight: bold;text-align: center;line-height: 25px;border-radius: 20px;margin-top: 20px; }
#sho5 .con .p_a a:hover{color:#FFFFFF;background: #3575CA;}
#sho5 .p_11{background:#3575c8;color:#fff;font-size:14px;padding:8px 25px;}
#sho5 .p_11 span{float:right;color:#fff;cursor:pointer;}
#sho5 .pp_1{color:#595959;font-size:16px;font-weight: bold;margin:30px 50px 0 50px;line-height: 41px;text-align: center;}
#sho5 .pp_1 span{display: inline-block;margin-left: 10px; -webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);}
#alertbg5{display:none;position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.7;  opacity:.70;  filter: alpha(opacity=70);width:100%;}


/*翻页*/
.tcdPageCode{padding: 60px 20px;text-align: left;color: #bbbbbb;text-align:center; display: none;}
.tcdPageCode a{display: inline-block;color: #bbbbbb;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 8px;border-radius: 4px;vertical-align: middle;}
.tcdPageCode a:hover{text-decoration: none;color: #fff;background-color: #4a9eff;	border: 1px solid #4a9eff;}
.tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 8px;color: #fff;background-color: #4a9eff;	border: 1px solid #4a9eff;border-radius: 4px;vertical-align: middle;}
.tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 8px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}