﻿@charset "UTF-8";
/* 快速找课 */
.search-course-hd{
	width: 542px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 auto 40px;
}
.search-course-hd h2{
	text-align: center;
	font: bold 30px/50px "microsoft yahei";
	color: #464646;
}
.search-course-hd span{
	display: block;
	position: relative;
	width: 152px;
	margin: 0 auto;
	top: 14px;
	background-color: #fafafa;
	text-align: center;
	font: 16px/30px "microsoft yahei";
	color: #343434;
}
.searchCourse{
	background-color: #fafafa;
	padding: 35px 0 53px;
	overflow: hidden;
}
.search-course-box{
	width: 1003px;
	height: 55px;
	border: 3px solid #20b4f1;
	margin: 0 auto;
	position: relative;
}
.search-course-box .search-txt{
	width: 927px;
	height: 55px;
	padding-left: 18px;
}
.search-course-box .search-btn{
	width: 39px;
	height: 39px;
	position: absolute;
	right: 18px;
	top: 7px;
	background: url("../images/Magnifier.png") no-repeat;
	cursor: pointer;
}
/* 直播课程安排 */
.liveShow{
	border: 3px solid #f3efef;
	margin: 46px auto 0;
}
.live-calendar{
	width: 777px;
	height: 618px;
	margin-right: 20px;
}
.calendar-hd{
	height: 103px;
	background-color: #4394d3;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.live-icon{
	float: left;
	width: 77px;
	height: 103px;
	background: url(../images/live-icon.png) no-repeat 28px center;
}
.titles{
	height: 103px;
	line-height: 103px;
	font-size: 36px;
	color: #fff;
}
.titles span{font-size: 24px;}
.sel-month{
	height: 103px;
	padding-right: 36px;
	line-height: 103px;
	color: #fff;
}
.sel-month .selBtn{
	width: 10px;
	height: 103px;
	background: no-repeat left center;
}
.sel-month .aleft{background-image: url("../images/caret-left.png");}
.sel-month .aright{background-image: url("../images/caret-right.png");}
.sel-month span{
	padding: 0 33px;
	font-size: 36px;
}
.weekday-box{
	height: 63px;
	background-color: #ebeef0;
}
.weekday-box li{
	float: left;
	height: 63px;
	line-height: 45px;
	padding: 0 22px;
	font-size: 16px;
}
.weekday-box .curday{
	height: 10px;
	background: url("../images/curday.png") no-repeat center center;
}
.daylist{
	height: 426px;
	padding: 36px 0 0;
	border-right: 2px solid #f3efef;
	overflow:hidden;
}
.daylist li{
	float: left;
	width: 46px;
	height: 46px;
	background: url("../images/noCourse-bg.png") no-repeat;
	margin: 0 32px 36px;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
}
.daylist .have{
	background-image: url("../images/haveCourse-bg.png");
}
.daylist .current-day{background-image: url("../images/current-day.png");color: #fff;}
.current-course{width: 370px;margin-top: 17px;}
.cur-cour-hd{
	height: 52px;
	background-color: #4394d3;
	line-height: 52px;
	text-align: center;
	font-size: 24px;
	color: #fff;
}
.cur-cour-list{padding: 20px 0 15px;}
.cur-cour-list li{
	padding: 0 0 15px 23px;
	border-bottom: 1px dotted #bfbfbf;
	margin-bottom: 12px;
}
.cur-cour-list li h5{font: 16px/28px "microsoft yahei";}
.cur-cour-list li .type{color:#4e80b9;}
.cur-cour-list .cour-name:link,.cur-cour-list .cour-name:visited{color: #343434;}
.cur-cour-list li p{font-size: 14px;color: #8c8c8c;}
.cur-cour-list li .signUp-enter:link,.cur-cour-list li .signUp-enter:visited{
	color: #21ba16;
	text-decoration: underline;
}
.cur-cour-list li .end{color: #65c3c9;}
/* 近期课程、讲座 */
.onceLive{
	background-color: #fafafa;
	padding: 43px 0 42px;
	overflow: hidden;
}
.onceLive .onceCourse,.onceLive .onceLecture{width: 572px;}
.oncelive-list{padding: 20px 0 20px;}
.oncelive-list li{
	height: 40px;
	background: url("../images/newlist-bg.png") no-repeat 2px center;
	padding-left: 14px;
	line-height: 40px;
	font-size: 16px;
}
.oncelive-list li .type{color: #4e80b9;}
.oncelive-list li .time{
	float: right;
	font-size: 14px;
	color: #2e7bc2;
}
.oncelecture-list li span{font-size: 14px;}
.oncelecture-list .num{
	color: #484848;
	padding-left: 45px;
}
.oncelecture-list .num em{padding-right: 3px;color: #ff7200;}
.oncelecture-list .date{color: #4554c2;}
/* 在线课程 */
.onlineCourse-banner{
	height: 290px;
	background: url(../images/banner-onlineCourse-bg.png) no-repeat center center;
}
.online-course-hd{
	padding-top: 50px;
	text-align: center;
	color: #fff;
}
.online-course-hd h1{font-size: 36px;margin-bottom: 12px;}
.online-course-hd span{font-size: 30px;font-family: "microsoft yahei Light"}
.online-course-search{
	background-color:#fff;
	opacity: 0.8;
	margin: 30px auto 50px;
}
.online-course-search .search-txt{background: none;}
/* 课程分类 */
.classification{
	background-color: #eeeeee;
	padding-bottom: 54px;
}
.classification .courseTitle{background-color: #eee;}
.classification-list{
	width: 1136px;
	margin: 0 auto;
	overflow: hidden;
}
.classification-list li{
	float: left;
	width: 526px;
	height: 72px;
	background-color: #fff;
	border-radius: 10px;
	padding-left: 31px;
	margin: 0 22px 10px 0;
	font: 18px/72px "microsoft yahei";
}
.classification-list .mr0{margin-right: 0;}
.lesson-icon{
	background: url("../images/Icons.png") no-repeat;
	margin-right: 20px;
}
.classification-list .ty1{
	width: 36px;
	height: 39px;
	background-position: 0 0;
	margin-top: 15px;
}
.classification-list .ty2{
	width: 36px;
	height: 38px;
	background-position: right 0;
	margin-top: 22px;
}
.classification-list .ty3{
	width: 38px;
	height: 31px;
	background-position: 0 -60px;
	margin-top: 18px;
}
.classification-list .ty4{
	width: 38px;
	height: 34px;
	background-position: right -60px;
	margin-top: 20px;
}
.classification-list .ty5{
	width: 36px;
	height: 39px;
	background-position: 0 -110px;
	margin-top: 14px;
}
.classification-list .ty6,.classification-list .ty12{
	width: 38px;
	height: 38px;
	background-position: right -110px;
	margin-top: 22px;
}
.classification-list .ty7{
	width: 38px;
	height: 35px;
	background-position: 0 -170px;
	margin-top: 18px;
}
.classification-list .ty8{
	width: 38px;
	height: 33px;
	background-position: right -170px;
	margin-top: 23px;
}
.classification-list .ty9{
	width: 38px;
	height: 31px;
	background-position: 0 -230px;
	margin-top: 20px;
}
.classification-list .ty10{
	width: 32px;
	height: 38px;
	background-position: right -210px;
	margin-top: 20px;
}
.classification-list .ty11{
	width: 38px;
	height: 39px;
	background-position: 0 -280px;
	margin-top: 15px;
}
.classification-list .ty13{
	width: 38px;
	height: 34px;
	background-position: 0 -340px;
	margin-top: 18px;
}
.classification-list .ty14{
	width: 38px;
	height: 34px;
	background-position: right -270px;
	margin-top: 19px;
}
.classification-list .ty15{
	width: 38px;
	height: 39px;
	background-position: 0 -400px;
	margin-top: 16px;
}
.classification-list .ty16{
	width: 38px;
	height: 38px;
	background-position: right -320px;
	margin-top: 17px;
}
.classification-list .ty17{
	width: 38px;
	height: 34px;
	background-position: 0 -460px;
	margin-top: 18px;
}
.classification-list .ty18{
	width: 36px;
	height: 38px;
	background-position: right -380px;
	margin-top: 16px;
}
.classification-list li .lesson-name{
	float: left;
	max-width: 425px;
	color: #4c4c4c;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.classification-list li .enter-arrow{
	float: right;
	width: 37px;
	height: 72px;
	background: url("../images/arrow-enter.png") no-repeat left center;
}
/* 好课排行 */
.class-Rankings{padding: 45px 0 65px;}
.rank-item{
	width: 358px;
	margin-right: 39px;
}
.rank-list{padding: 15px 0 10px;}
.rank-list li{
	height: 38px;
	font: 16px/38px "microsoft yahei";
	padding: 0 6px;
}
.rank-list li a{
	float: left;
	max-width: 200px;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.rank-list .rank-num{
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background-color: #aaaaaa;
	margin: 9px 7px 0 0;
	line-height: 18px;
	font-size: 13px;
	text-align: center;
	color: #fff;
}
.rank-list .top123{background-color: #4c9ac4}
.rank-list .num{
	font-size: 14px;
	color: #f63954;
}
.rank-item-hd .top10{
	width: 28px;
	height: 29px;
	background-position: 0 -520px;
}
.rank-item-hd .best10{
	width: 27px;
	height: 25px;
	background-position: 0 -570px;
	margin-top: 7px;
}
.rank-item-hd .good-lesson{
	width: 26px;
	height: 26px;
	background-position: right -440px;
	margin-top: 7px;
}
.rank-item-hd .good-comment{
	width: 28px;
	height: 29px;
	background-position: right -490px;
}
.goodlesson-rank-list li{
	background: url("../images/newlist-bg.png") no-repeat 3px center;
	padding-left: 16px;
}
.comment-list{padding-top: 22px;}
.comment-list li{
	border-bottom: 1px dotted #000;
	padding-bottom: 10px;
	margin-bottom: 18px;
	font: 14px/22px "microsoft yahei";
}
.comment-list li a:link,.comment-list li a:visited{color: #343434;}
.comment-list li p{color: #a9a9a9;}
/* 课程列表 */
.courseList-banner{background-image: url("../images/banner-courseList-bg.png");}
.hot-cour{
	font: 14px/40px "microsoft yahei";
	color: #fff;
}
.hot-cour a:link,.hot-cour a:visited{color: #fff;}
.Course{
	background-color: #f7f7f7;
	padding: 40px 0 12px;
	overflow: hidden;
}
.course-conn{
	width: 1200px;
	margin: 0 auto;
}
.left-slide{
	width: 132px;
	left: -160px;
	border: 1px solid #e8e8e8;
	border-radius:10px;
}
.slide-hd{
	height: 45px;
	background-color: #ee2844;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
	color: #fff;
}
.slide-menu{padding: 0 10px 13px 7px;}
.slide-menu li{
	height: 39px;
	border-bottom: 1px solid #e7e7e7;
	font: 16px/40px "microsoft yahei";
}
.slide-menu li.cur a:link,
.slide-menu li.cur a:visited{
	font-weight: bold;
	color: #4bb30b;
}
.slide-menu li a{
	display: block;
	padding-left: 12px;
}
.slide-menu li a:hover{
	font-weight: bold;
	color: #43bbec;
}
.slide-menu .hot{
	font-size: 14px;
	color: #ed2642;
}
.slide-menu li.cur .hot{color: #4bb30b;}
.slide-menu .ico{
	width: 7px;
	height: 39px;
	background: url("../images/menu-arrow.png") no-repeat left center;
	padding-right: 3px;
}
.returnTop{
	height: 65px;
	background-color: #e4e4e4;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.returnTop .return-top-btn{
	display: block;
	background: url("../images/return-top-btn.png") no-repeat center 15px;
	padding-top: 37px;
	text-align: center;
	color: #da2e2e;
}
.courseList ul.curlists{padding-top: 36px;}
.courseList .imglist-item{
	float: left;
    width: 274px;
    margin-right: 26px;
    margin-bottom: 30px;
}
.courseList .mr0{margin-right: 0;}
.aboutCourse{padding: 34px 0 40px;}
.about-item{width: 385px;margin-right: 32px;}
.about-item-icon{margin: 7px 14px 0 0;}
.about-item-hd .hot-zy{
	width: 27px;
	height: 27px;
	background-position: right -530px;
}
.about-item-hd .cours-notice{
	width: 26px;
	height: 24px;
	background-position: right -570px;
	margin-top: 10px;
}
.about-item-hd .active-teach{
	width: 26px;
	height: 26px;
	background-position: -60px -600px;
}
.about-item ul{padding: 28px 0 26px;}
.about-item ul li{
	height: 40px;
	background: url("../images/newlist-bg.png") no-repeat 3px center;
	padding-left: 15px;
	font: 16px/40px "microsoft yahei";
}
.about-item li .types{color: #4e80b9;}
.about-item li a:link,.about-item li a:visited{color: #343434;}
.about-item li .date-time{color: #2e7bc2;}
.teach-list{
	padding: 36px 11px 26px;
	margin-right: -20px;
	overflow: hidden;
}
.teach-list dl{
	float: left;
	width: 96px;
	margin: 0 20px 18px 0;
}
.teach-list .teachIcon{
	width: 96px;
	height: 96px;
	margin-bottom: 3px;
}
.teach-list .teachIcon img{
	width: 100%;
	height: 100%;
}
.teach-list p{
	text-align: center;
	line-height: 20px;
	color: #343434;
}