html,body{
	background: #F8F8F8;
	font-size: 14px;
}
button{
	border: none;
	outline: none;
	cursor: pointer;
}

.bottom {
	width: 100%;
	padding: 15px 0;
	background-color: #e4e4e4;
	text-align: center;
}

.bottom ul {
	display: inline-block;
	overflow: hidden;
	width: 1180px;
	margin-top: 10px;
	margin-left: -30px;
	vertical-align: top;
}
.bottom ul:first-child{
	margin-top: 0;
}

.bottom ul li {
	float: left;
	width: auto;
	padding: 0 30px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bottom ul li a:hover {
	color: #06ab81;
}

input{
	font-size: 14px;
}

/* 内容 */
.mainBox{width:1180px;margin:0 auto;position:relative;}
.crumbs{height:60px;line-height:60px;font-size:14px;color:#666;}
.crumbs a,.crumbs span{display:inline-block;}
.crumbs a{color:#333;margin-right:5px;}
.crumbs span{color:#999;margin-left:5px;}

/* 学科导航 */
.subjectBox{padding:5px 120px 15px 10px;background:#fff;border-bottom:1px solid #ddd;line-height:28px;position:relative;}
.subjectLable{display:inline-block;font-size:14px;color:#999;margin:10px 20px 0 5px;}
.subjectItem{display:inline-block;position:relative;margin:10px 20px 0 0;}
.subjectName{display:block;padding:0 5px;height:28px;line-height:28px;border-radius:3px 3px 0 0;border:1px solid #fff;border-bottom:0;font-size:14px;color:#333;}
.subjectName.active{border:1px solid #0e9975;border-bottom:0;}
.subjectItem p{display:none;position:absolute;top:28px;left:0;z-index:10;border:1px solid #0e9975;padding:10px 30px;background:#fff;width:400px;}
.subjectItem p a,.subjectItem p a:hover{text-decoration:underline;}
.subjectItem p a{display:inline-block;min-width:100px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;;font-size:14px;color:#333;}

/* 筛选 */
.sortWrap{margin-top:20px;padding:15px;background:#fff;border-bottom:1px solid #ddd;}
.sortBox{margin:-10px 0 0 -20px;}
.sortItem{margin:10px 0 0 20px;width:370px;}
.sortItem label{font-size:14px;color:#999;margin-right:20px;}
.checkBox{overflow:hidden;}
.checkBox span{float:left;margin-right:20px;color:#333;}
.checkBox label{color:#333;}
.checkBox span input{margin-right:5px;vertical-align:top;margin-top: 4px;}

/* tab切换 */
.rankItem{background: #fff;width:270px;margin:20px auto 0;height:38px;border:1px solid #aaa;position:relative;border-radius:5px;}
.rankItem ul{position:absolute;top:-1px;left:-1px;width:270px;height:38px;border-radius:5px;overflow:hidden;}
.rankItem ul li{float:left;width:90px;height:38px;text-align:center;font-size:16px;color:#333;cursor:pointer;}
.rankItem ul li.active{background:#07ab81;color:#fff;}
.rankItem ul li span{display:block;height:20px;line-height:20px;border-left:1px solid #aaa;margin-top:9px;}

/* 列表 */
.subjectList{margin-left:-20px;overflow:hidden;}
.subjectList li{float:left;width:220px;margin:20px 0 0 20px;}
.subjectList li a{display:block;height:288px;background:#fff;}
.subjectList li a>img{background: #F2F2F2;}
.subjectDetailWrap{padding:10px;}
.subjectDetailWrap h5{
	font-size:16px;
	color:#333;
	line-height: 22px;
	height: 44px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.courseName{display: block;color:#999;font-size: 12px;height: 17px;line-height: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.starBoxWrap{margin-top:5px;line-height: 23px;}
.starBox{width:95px;height:14px;position:relative;background:url(../../img/index/star.png) no-repeat;margin-top:4px;}
.starBox span{display:block;height:14px;background:url(../../img/index/star2.png) no-repeat;position:absolute;top:0;left:0;}
.starBoxWrap em{margin-left:10px;color:#999;line-height: 25px;font-size: 12px;}
.rateBox{overflow: hidden;}
.rateBox span{color:#999;}
.rateBox em{font-size:16px;color:#ef9632;font-weight:bold;}

/*课程类型*/
.crcml_span_type{
    float:left;
    display: inline-block;
    width: 68px;
    text-align: center;
    line-height: 23px;
    font-size: 13px;
    border-radius: 4px;
}
.crcml_span_type img{
    display: inline-block;
	vertical-align: top;
	margin-top: 1px;
}
.crcml_span_type1{
    border: 1px solid rgb(255,114,1);
    color: rgb(255,114,1);
}
.crcml_span_type2{
    border: 1px solid rgb(10,171,129);
    color: rgb(10,171,129);
}

/* 分页 */
.pageWrap{margin:40px 0 100px;}
.pageNum{
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 10px 20px;
}
.pageNum ul{
    float: right;
}
.pageNum li{
    float: left;
    width: 36px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgb(223,223,223);
    background: rgb(242,242,242);
    margin-left: 5px;
    color: rgb(102,102,102);
    border-radius: 4px;
    cursor: pointer;
}
.pageNum .perPageNum,
.pageNum .nextPageNum{
    width: 62px;

}
.pageNum li.pageNumActived{
    background: -moz-linear-gradient(right,rgb(11,188,185),rgb(5,167,183));
    background: -webkit-linear-gradient(left,rgb(11,188,185),rgb(5,167,183));
    background: -o-linear-gradient(right,rgb(11,188,185),rgb(5,167,183));
    background: -ms-linear-gradient(right,rgb(11,188,185),rgb(5,167,183));
    background: linear-gradient(right,rgb(11,188,185),rgb(5,167,183));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = "#0bbcb9", endColorstr = '#05a7b7');
	color: #FFFFFF;
	border: none;
}


/*学科分类课程*/
.subjectWrap{height:260px;margin-top:20px;position:relative;}
.maskBox{position:absolute;top:0;left:0;width:100%;height:260px;background:rgba(0,0,0,0.6);}
.subjectInfo{padding:67px 30px 0 15px;height:260px;}
.subjectImg{padding:10px;background:#f8f8f8;}
.subjectImg img{width:290px;height:160px;}
.subjectInfoR{overflow:hidden;padding-left:20px;}
.subjectInfoR h4{margin-top:10px;font-size:24px;color:#fff;line-height: 26px;}
.subjectInfoR h4 span{display:inline-block;margin-left:10px;padding:0 7px;height:26px;line-height:26px;border-radius:3px;background:#ff7200;color:#fff;font-size:14px;vertical-align: top;}
.subjectInfoR p{margin-top:10px;color:#ddd;}
.subjectText{display:block;height:47px;line-height:47px;margin-top:-47px;padding-left:345px;background:#fff;color:#333;}