@charset "UTF-8";
/* 选课中心  */
.selcourseCenter{
	background-color: #fff;
	padding-top: 35px;
}
.sel-course-box{
	padding: 65px 0 58px;
	overflow: hidden;
}
.sel-cour-hd{
	width: 542px;
	border-bottom: 1px solid #dcdcdc;
	margin: 0 auto 30px;
}
.courseTitle{
	width: 152px;
	background-color: #fff;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 15px;
}
.courseTitle h2{
	font: bold 30px/30px "microsoft yahei";
	color: #383838;
	margin-bottom: 10px;
}
.courseTitle span{
	font: 16px/30px "microsoft yahei";
	color: #1d1d1d;
}
.sel-course-item{
	width: 362px;
	height: 403px;
	border: 2px solid;
	margin-right: 49px;
	padding-top: 118px;
	position: relative;
}
.showIcon{
	position: absolute;
	width: 150px;
	height: 150px;
	left: 50%;
	top: -60px;
	margin-left: -75px;
	background: no-repeat;
}
.sel-course-item h3{
	text-align: center;
	font-size: 30px;
}
.sel-course-item ul{padding: 28px 36px 38px 45px;}
.sel-course-item ul li{
	font-size: 14px;
	line-height: 30px;
	color: #515151;
}
.sel-course-item li span{color: #379def;padding-right: 5px}
.sel-course-item .view-btn{
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 151px;
	height: 43px;
	border-radius: 4px;
	margin: 0 0 32px -76px;
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	color: #fff;
}
.focus-cour{border-color: #75ae23;}
.focus-cour .showIcon{background-image: url("../images/focus-cour-icon.png");}
.focus-cour h3{color: #75ae23;}
.focus-cour .view-btn{background-color: #75ae23;}
.live-cour{border-color: #4ca7a8;}
.live-cour .showIcon{background-image: url("../images/live-cour-icon.png");}
.live-cour h3{color: #4ca7a8;}
.live-cour .view-btn{background-color: #4ca7a8;}
.online-cour{border-color: #5581c8;}
.online-cour .showIcon{background-image: url("../images/online-cour-icon.png");}
.online-cour h3{color: #5581c8;}
.online-cour .view-btn{background-color: #5581c8;}

.new-item-hd{
	height: 42px;
	border-bottom: 1px solid #bfbfbf;
	background: url("../images/news-item-hd-bg.png") no-repeat 4px 7px;
	padding-left: 25px;
}
.new-item-hd h4{
	float: left;
	height: 42px;
	border-bottom: 1px solid #379def;
	padding: 0 3px;
	font-size: 26px;
	color: #343434;
}
.new-item-hd .view-more{
	float: right;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
	color: #a9a9a9;
}
/* 课程列表  */
.courseSlide{
	height: 328px;
	background: url("../images/courseSlide-bg.png") no-repeat center top;
	overflow: hidden;
}
.courSlide-imgbox{
	width: 1200px;
	height: 292px;
	margin: 67px auto 45px;
	position: relative;
}
.imgBox{
	width: 1196px;
	height: 292px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.slide-btn .btn{
	position: absolute;
	width: 28px;
	height: 49px;
	top: 50%;
	margin-top: -65px;
	cursor: pointer;
	z-index: 2;
}
.slide-btn .prev{
	background: url("../images/arrow-left.png") no-repeat;
	left: -72px;
}
.slide-btn .next{
	background: url("../images/arrow-right.png") no-repeat;
	right: -72px;
}
.courseSlide .imgbox-list{
	position: absolute;
	width: 8000px;
	left: 0;
	top: 0;
}
.courseSlide ul li{
	float: left;
	width: 279px;
	margin-right: 26px;
}
.imgbox{
	width: 279px;
	height: 200px;
	max-height: 200px;
}
.imgbox img{
	width: 100%;
	height: 100%;
}
.imgbox .cover-bg{
	width: 279px;
	height: 200px;
	left: 0;
	top: 0;
	background-color: #263949;
	opacity: 0.7;
}
.imgbox .imgcover{
	width: 279px;
	height: 200px;
	left: 0;
	top: 0;
}
.detail-inner{
	padding: 25px 19px 32px 21px;
	color: #fff;
	overflow: hidden;
}
.detail-inner .title{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 10px;
}
.detail-inner .intro{
	font: 14px/24px "microsoft yahei";
}
.cour-info{padding-top: 15px;}
.cour-info h4{font: 16px/30px "microsoft yahei";}
.cour-info li{
	font: 14px/24px "microsoft yahei";
	color: #282828;
}
.cour-info em{color: #2254bb;}
/* 列表标题头 */
.rank-item-hd,.about-item-hd{
	height: 42px;
	border-bottom: 1px solid #bfbfbf;
}
.rank-item-tit,.about-item-title{
	height: 42px;
	border-bottom: 1px solid #379def;
	padding: 0 7px;
	line-height: 42px;
	font-size: 24px;
	color: #343434;
}
.rank-item-icon,.about-item-icon{
	background: url(../images/Icons.png) no-repeat;
	margin-right: 6px;
	margin-top: 3px;
}
.rank-item-hd .more,.about-item-hd .more{
	line-height: 42px;
	font-size: 14px;
	color: #a9a9a9;
}
/* 课程购物车 */
.course-shoppingCart{
	position: fixed;
	right: 10px;
	top: 520px;
}
.course-shopping-bar{
	width: 42px;
	height: 222px;
	background-color: #373737;
	overflow: hidden;
}
.shopping-car-icon{
	display: block;
	width: 42px;
	height: 25px;
	background: url("../images/shopping-car.png") no-repeat 7px top;
	margin: 35px 0 15px;
}
.course-shopping-bar span{
	display: block;
	text-align: center;
	color: #fff;
}
.course-shopping-bar a{
	display: block;
	padding: 25px 0;
}
.course-shopping-bar .none{display: none;}
.course-shopping-bar .open{background: url("../images/open-icon.png") no-repeat 12px center;}
.course-shopping-bar .close{background: url("../images/close-icon.png") no-repeat 12px center;}
.course-shopping-list{
	position: absolute;
	right: 42px;
	top: 0;
	width: 290px;
	background-color: #e5e5e5;
	padding-bottom: 25px;
}
.cour-shopping-hd{
	height: 36px;
	padding-left: 10px;
}
.cour-shopping-hd .sel-all{
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}
.course-shopping-list li{
	background-color: #fff;
	padding: 14px 12px 14px 10px;
	margin-bottom: 7px;
	overflow: hidden;
}
.sel-box{width: 24px;}
.sel-lesson-name{width: 200px;font-size:14px;}
.cour-length{color: #f03939;}
.total{
	padding: 7px 15px 0;
	font-size: 16px;
	overflow: hidden;
}
.course-shopping-list p em{color: #da2e2e;}
.course-shopping-list li input{vertical-align: middle;margin-top: 5px;}
.course-shopping-list .tijiao-sel{
	display: block;
	width: 268px;
	height: 38px;
	background-color: #ea2323;
	margin: 15px auto;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
}
.tip{font-size: 14px;text-align: center;}
/* 选择课程类型 */
.selCourse{
	background-color: #fafafa;
	padding: 15px 0 45px;
}
.sel-course-type{
	width: 1126px;
	height: 71px;
	margin: 0 auto;
}
.curtype-btn{
	float: left;
	width: 365px;
	height: 71px;
	border-radius: 8px;
	padding-left: 186px;
	font-size: 30px;
	line-height: 71px;
	color: #fff;
}
.microClass{background-color: #3fb6e7;}
.tryListen{background-color: #75ae23;}
.sel-course-type span{
	float: left;
	width: 41px;
	background: no-repeat left center;
	margin-right: 20px;
}
.sel-course-type .micro-typeIcon{
	height: 71px;
	background-image: url("../images/microClss-icon.png");
}
.sel-course-type .try-typeIcon{
	height: 71px;
	background-image: url("../images/tryListen-icon.png");
}