.content .classwrap {

	margin-bottom: 30px;
}
.content .classbox {
	width: 308px;
	float: left;
	display: inline;
	margin-right: 30px;
	position: relative;
}
.content .classbox img {
	width: 308px;
}
.content .classbox .classinfo {
	background: #e6e6e6;
	padding: 15px 15px 20px;
}
.content .classbox .classinfo .title {
	font-size: 16px;
}
.content .classbox .classinfo .classtime {
	color: #838383;
	margin: 5px 0 30px 0;
}
.content .classbox .classinfo .applybtn  {
	border-radius: 50px;
	color: #ffffff;
	padding: 10px 20px;
	width: 40%;
	background: #fe8637;
	text-align: center;
	margin: 0 auto;
	font-size: 18px;
}
.content .classbox .classinfo .applybtn a,.content .classbox .classinfo .applybtn a:hover {
	color: #ffffff;
	display: block;
}
.content .classbox a:hover {
	color:#fe8637;
	cursor: pointer;
}
.content .classdetail {

}
.content .classdetail img {
	width: 458px;
}
.content .classdetail .titleinfo {
	width: 458px;
	margin-right: 50px;
}
.content .classdetail .titleinfo .title {
	font-size: 24px;
	line-height: 32px;
}
.content .classdetail .titleinfo .time {
	color: #838383;
}
.content .classdetail .titleinfo .time em
{
	color: #fe8637;
}
.content .classdetail .titleinfo .group {
	margin: 10px 0;
}
.content .classdetail .titleinfo .group img {
	width: 100px;
}

.content .classdetailinfo {
	width: 70%;
	margin-top: 50px;
}
.content .classdetailinfo .title {
	font-size: 24px;
	border-left: 5px solid #ff8200;
	padding-left: 10px;
}
.content .classdetailinfo .detail {
	margin-top: 30px;
}
.content .classdetailinfo .detail img{
	border-radius: 100px;
	margin-top: 30px;
}
.content .classdetailinfo .detail em {
	color: #fe8637;
}

.content .classdetailinfo2 .detail em, .content .classdetail2 .titleinfo .time em {
	color: #71c18b;
}
.content .classdetailinfo2 .title {
	border-left: 5px solid #71c18b;
}



.articletype_other,.articletype_dft,.articletype_zycdz,.articletype_bmf,.articletype_90c,.articletype_yzzd,.articletype_bbsy,.articletype_zxsbj,.articletype_ggx {
	color: #ffffff;
	padding: 5px 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.articletype_other {
	background: #666666;
}
.articletype_dft {
	background: #fe8637;
}
.articletype_zycdz {
	background: #71c18b;
}
.articletype_bmf {
	background: #00bff0;
}
.articletype_90c {
	background: #ef677d;
}
.articletype_yzzd {
	background: #534741;
}
.articletype_bbsy {
	background: #f4c400;
}
.articletype_zxsbj {
	background: #610060;
}
.articletype_ggx {
	background: #0076a3;
}

.content .classbox .classinfo_other .applybtn  {
	background: #666666;
}

.content .classbox .classinfo_other a:hover {
	color:#666666;
}

.content .classbox .classinfo_zycdz .applybtn  {
	background: #71c18b;
}

.content .classbox .classinfo_zycdz a:hover {
	color:#71c18b;
}

.content .classbox .classinfo_bmf .applybtn  {
	background: #00bff0;
}

.content .classbox .classinfo_bmf a:hover {
	color:#00bff0;
}

.content .classbox .classinfo_90c .applybtn  {
	background: #ef677d;
}

.content .classbox .classinfo_90c a:hover {
	color:#ef677d;
}

.content .classbox .classinfo_yzzd .applybtn  {
	background: #534741;
}

.content .classbox .classinfo_yzzd a:hover {
	color:#534741;
}

.content .classbox .classinfo_bbsy .applybtn  {
	background: #f4c400;
}

.content .classbox .classinfo_bbsy a:hover {
	color:#f4c400;
}

.content .classbox .classinfo_zxsbj .applybtn  {
	background: #610060;
}

.content .classbox .classinfo_zxsbj a:hover {
	color:#610060;
}

.content .classbox .classinfo_ggx .applybtn  {
	background: #0076a3;
}

.content .classbox .classinfo_ggx a:hover {
	color:#0076a3;
}