.nav-behind{
	height: 52px;
	background: #e7b820;
}
.nav-behind-font{
	line-height: 52px;
	color: white;
	font-size: 16px;
}
.main{
	overflow: hidden;
}
.main-all{
	overflow: hidden;
	margin-top: 56px;
}
.activity{
	overflow: hidden;
	padding: 6px 0; 
	background-color: #fff;
}
.activity-img{
	width: 342px;
	height: 240px;
}
.activity-img img{
	width: 100%;
	height: 100%;
	display:block;
}
.activity-right{
	overflow: hidden;
	padding-left: 36px;
}
.activity-title{
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom:1px solid #eee;
}
.activity-title span{
	width:90%;
	display:inline-block;
}
.activity-title i{
	color: #c1c1c1;
	font-size:20px;
}
.activity-class{
	margin-top: 24px;
	color: #bcbcbc;
	font-size: 16px;
}
.activity-free{
	margin-top: 24px;
	color:#e10003;
	font-size: 20px;
}
.activity-choose{
	margin-top: 62px;
	overflow: hidden;
}
.activity-choose span{
	padding: 14px 58px;
	display: inline-block;
	font-size: 18px;
	background-color: #e7b820;
}
.activity-choose span a{
	color: white;
}
.activity-choose-right{
	margin-left: 22px;
}
.class-info{
	overflow: hidden;
	padding: 6px 0;
	background-color: white;
}
.class-title{
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom: 1px solid #eee;
}
.class-introduce{
	margin: 0 30px 40px 34px;
	line-height: 24px;
	font-size:16px;
	text-align: justify;
}
#content,
#jp_container_1,
.jp-jplayer{
	margin-top: 30px;
}
.class-video video{
	padding-left: 254px;
	padding-bottom: 64px;
}
.class-img ul li{
	position: relative;
	margin-right: 1%;
	margin-bottom:1%;
	width: 32.66%;
	overflow: hidden;
	display: block;
	float: left;
	border:1px solid #eee;
}
.class-img ul li:last-child{
	margin-right: 0;
}
.class-img ul li img{
	margin:0 auto;
	width: 100%;
	height:240px;
}

.nav-behind{
	height: 52px;
	background: #e7b820;
}
.nav-behind-font{
	line-height: 52px;
	color: white;
	font-size: 16px;
}
.nav-behind-font li{
	display: block;
	float: left;
	padding-right: 60px;
}
.nav-text{
	width: 252px;
	height: 34px;
	border: 0;
	border-radius: 8px;
}
.nav-welcome{
	line-height: 88px;
	font-size: 16px;
}
.main{
	overflow: hidden;
	margin-bottom: 54px;
}
.main-body{
	overflow: hidden;
	/* margin-top: 56px;
	margin-bottom: 56px; */
	background-color: white;
	padding: 38px 32px 90px 32px;
}
.main-body li{
	border: 1px solid #eaeaea;
	margin-bottom: 14px;
}
.class-img ul {
	padding-top: 10px;
	overflow: hidden;
}

.class-img ul li{
	position: relative;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 333px;
	overflow: hidden;
	display: block;
	float: left;
}
.class-img ul li:nth-of-type(3n){
	margin-right: 0;
}
.class-img ul li img{
	margin:0 auto;
	width: 100%;
	height: 312px;
}
.course-info{
	position: relative;
	overflow: hidden;
}
.course-info img{

}
.introduce{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
    height: 56px;
	background: rgba(102,98,92,.8);
}
.introduce p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:  translate(-50%,-50%);
	margin: 0;
	padding: 5px 10px;
	width: 100%;
    line-height: 24px;
	overflow:hidden;
	color: #fff;
	font-size: 16px;
}
.main-body p{
	width:100%;
	color: #bcbcbc;
	font-size: 16px;
}
.course-message{
	margin-bottom: 0;
	padding:20px 10px;
	width: 100%;
	line-height: 20px;
	display: inline-block;
	color: #c1c1c1;
}
.course-message i{
	margin-left: 5px;
	color: #333;
	font-size: 24px;
}
.btn{
	margin-right:10px;
	width:100px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.activity-choose .yellow{
	width: 188px;
	color:#fff;
	background:#e8b821;
	border-radius:0
}
.activity-choose .yellow:hover,
.activity-choose .yellow:focus,
.activity-choose .yellow.focus {
  color: #fff;
  text-decoration: none;
}