body{
	background: #f2f7f5;
}
.search .el-input-group__append{
	background: #2fa86d;
	border:1px solid #2fa86d;
}
.search .el-button .el-icon-search{
	color: white;
}
/*外边框，导航*/
.lessonList{
	margin-top:-24px;
}
.lessonList>div.lf,.lessonList>div.lf{
	background:#fff;
}
.lessonList>div.lf{
	padding:0 30px 40px 30px;
	margin-bottom: 77px;
	width: 828px;
	border-radius: 4px;
}
.lessonList>div.rt>div{
	padding:0 18px;
	background: #fff;
	border-radius: 4px;
	width: 260px;
	padding-bottom: 12px;
	margin-bottom: 15px;
}
h4.secondList{
	border-bottom:1px solid #e7e7e7;
}
h4.secondList span{
	color:#28b970;
	font-size: 16px;
	line-height: 52px;
	display: inline-block;
	border-bottom: 2px solid #28b970;
	position: relative;
	top:1px;
}
.lessonList>div.lf h4.secondList{
	margin-bottom: 23px;
}
/*分类导航*/
.allClassify{
	border:1px solid #ebebeb;
	margin-bottom: 24px;
}
.allClassify>div:first-child{
	padding:17px 0 9px 0;

}
.allClassify>div:first-child ul{
	margin-left: 15px;
	/*width: 698px;*/
}
.allClassify>div:first-child ul li{
	margin-right:11px;
	margin-bottom: 8px;
}
.allClassify>div:first-child ul li a{
	display: inline-block;
	line-height: 30px;
	padding:0 16px;
}
.allClassify>div:last-child{
	border-top:1px solid #ebebeb;
	background: #f7f7f7;
}
.allClassify>div:last-child ul li a{
	display: inline-block;
	width: 93px;
	height: 42px;
	color: #000;
	text-align: center;
	line-height: 42px;
}
.click1{
	color:#fff;
	background: #2fa86d;
	border-radius: 4px;
}
.click2{
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	background: #fff;
	color:#2fa86d !important;
}
/*筛选出的课程*/
.lessonContentList>div{
	/*width: 800px;*/
	padding:11px 15px 11px 11px;
	border:1px solid #e7e7e7;
	margin-bottom: 17px;
}
.lessonContentList>div:hover{
	border:1px solid #2fa86d;
	box-shadow:0 0 9px #f8f8f8;
	cursor: pointer;
}
.lessonContentList img{
	width: 260px;
	height: 156px;
}
.lessonContentList div.rt{
	/*width: 520px;*/
}
.lessonContentList div.rt h5{
	line-height: 44px;
	font-size: 18px;
	color: #222;
}
.lessonContentList div.rt h6{
	line-height: 22px;
	padding: 0 8px;
	background: #f7f2ea;
	color:#ef9503;
	display: inline-block;
}
/*.lessonContentList div.rt>p{
	line-height: 49px;
	color:#666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}*/
.lessonContentList div.rt>div.desc{
	height:49px;
	line-height: 49px;
	color:#666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.lessonContentList div.rt div p{
	line-height: 38px;
	padding-left: 23px;
}
.lessonContentList div.rt div p.num{
	color:#848484;
	background: url(../../images/auth/people.png) no-repeat 0 center;
}
.lessonContentList div.rt div p.now{
	color:#2fa86d;
	background: url(../../images/auth/clock.png) no-repeat 0 center;
}
/*热门学校*/
.hotSchool img{
	width:260px;
	height: 156px;
	margin-bottom: 14px;
}
.hotSchool .secondList{
	margin-bottom: 15px;
}
.hotSchool ul li{
	line-height: 30px;
	margin-bottom: 5px;
	padding-left:34px;
}
.hotSchool>div ul li:first-child{
	background: url(../../images/auth/gold.png) no-repeat 0 center;
	background-size: auto 100%;
}
.hotSchool>div ul li:nth-child(2){
	background: url(../../images/auth/silver.png) no-repeat 0 center;
	background-size: auto 100%;
}
.hotSchool>div ul li:nth-child(3){
	background: url(../../images/auth/copper.png) no-repeat 0 center;
	background-size: auto 100%;
}
.hotSchool div>span{
	position: absolute;
	left: -4px;
	top: -4px;
	display: block;
	line-height: 18px;
	color: #fff;
	border-radius: 8px;
	padding:0 8px;
	border:2px solid #fff;
}
.hotSchool div>span.hot{
	background: #ef0101;
	border: 2px solid white;
	margin: 2px 2px;
}
.hotSchool div>span.high{
	padding-left: 26px;
	background:#ef9503 url(../../images/auth/fire.png) no-repeat 8px center;
	border: 2px solid white;
	margin: 2px 2px;
}
/* 分页插件样式 */
.tcdPageCodes{
	text-align: left;
	color: #ccc;
	text-align:center;
	width:624px !important;
	margin:auto;
}
.tcdPageCodes a{
	display: inline-block;
	color: #626262;
	display: inline-block;
	height: 30px;
	padding:0 10px;
	line-height: 30px;
	border:1px solid #e7e7e7;
	background:#fff;
	margin: 0 7px;
	border-radius: 4px;
	vertical-align: middle;
	font-size:14px;
}
.tcdPageCodes a:hover{
	text-decoration: none;
	background:#28b970;
	color:#fff;
}
.tcdPageCodes span.current{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0 7px;
	color:white;
	background-color: #28b970;
	border: none;
	width:32px;
	border-radius: 4px;
	vertical-align: middle;
	font-size:14px;
	border:1px solid #28b970;
}
.tcdPageCodes span.disabled{
	display: inline-block;
	height: 30px;
	width:71px;
	text-align:center;
	line-height: 30px;
	margin:0 7px;
	color: #626262;
	background: #fff;
	border: 1px solid #e7e7e7;
	vertical-align: middle;
	font-size:14px;
}

/*头部及框架*/
.content-box{background: none;display: flex;margin-top: -25px;}
/*.top-bg{background-image: url("/static/ysy/bg4.png");}*/
.content-card{padding:10px 28px 28px;position: relative;background: white;border-radius: 8px;}
.content-left{flex: 1;margin-right: 20px;}
.content-right{width: 260px;}
.tab-content a:hover{cursor: pointer;}

.search-box{display: flex;flex-direction: row;justify-content: space-between;justify-items: center;height:35px;line-height: 35px; }
.search-box .total{font-size: 14px;color: #7B7B7B;line-height: 35px;}
.search-box .num{font-size: 14px;color: #4CA66B;line-height: 35px;}
.search-box input {padding: 0 10px;border: 1px solid #D2D2D2;color: #999;display: inline-block;width: 169px;outline: none;}
.search-box .search{display: flex;align-items: center;height: 35px;line-height: 35px;}
.search-box input {border: 1px solid #D2D2D2;color: #999;display: inline-block;width: 169px;outline: none;height: 33px;padding-left: 8px;}
.search-box input:focus{ border: 1px solid #0a9300;}

.page-row{text-align: center;width: 100%;margin-top: 20px;}
.hotSchool ul li {line-height: 20px;margin-bottom: 10px;}
.lessonContentList >div{display: flex;}
.lessonContentList div.rt{flex: 1;padding-left: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.lessonContentList div.rt h5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.lessonContentList div.rt h6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-inline-box;}

.content-card h4.secondList span{ color:#094;font-size: 14px;line-height: 40px;border-bottom: 2px solid #094;}
.wrap-list{display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.wrap-list-item{padding-right: 16px;line-height: 26px;}

@media screen and (max-width: 1200px) {
	.content-right{width: 290px;}
	.page-row{transform: scale(0.9);}
	.lessonContentList img {
		width: 200px;
		height: 156px;
	}
}
/* 当屏幕宽度小于768像素时应用的样式 */
@media screen and (max-width: 768px) {
	.lessonContentList img {
		width: 200px;
		height: 156px;
	}
}