body {
			background-color: #F8F8F8;
		}
		.studyCommune_course{
			margin-top: 20px;
		}
		.article_main {
			background: #fff;
			padding: 30px 18px;
			margin-bottom: 50px;
		}
		
		.layout_head {
			width: 100%;
			height: 30px;
			margin-bottom: 25px;
		}
		
		.layout_head .head_title {
			position: relative;
			float: left;
			font-size: 24px;
			font-weight: 600;
			color: #333;
			line-height: 30px;
			padding-left: 12px;
		}
		
		.layout_head .head_title:before {
			content: "";
			position: absolute;
			left: 0;
			top: 3px;
			width: 5px;
			height: 24px;
			background: #00ab98;
			border-radius: 2px;
		}
		
		.layout_head .head_a {
			display: block;
			float: right;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			font-weight: 400;
			color: #333;
		}
		
		.layout_head .head_navSub {
			float: right;
		}
		
		.layout_head .head_navSub .head_navSub_item {
			float: left;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			font-weight: 400;
			color: #333;
			margin-right: 28px;
		}
		
		.layout_head .head_navSub .head_navSub_item a {
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			font-weight: 400;
			color: #333;
			display: block;
		}
	
		
		.studyCommune_course {
			padding-bottom: 12px;
		}
		
		.studyCommune_course .article_img {
			position: relative;
			float: left;
			width: 265px;
			height: 521px;
		}
		
		.studyCommune_course .article_img img {
			width: 100%;
			height: 100%;
		}
		
		.studyCommune_course .article_img .article_path {
			position: absolute;
			bottom: 33px;
			left: 50%;
			margin-left: -75px;
			box-sizing: border-box;
			width: 150px;
			height: 34px;
			line-height: 32px;
			text-align: center;
			border: 1px solid #fff;
			border-radius: 17px;
			font-size: 13px;
			color: #fff;
			background: transparent;
		}
		
		.studyCommune_course .article_list {
			float: left;
			width: 879px;
		}
		
		.course_moduler {
			padding-left: 15px;
			box-sizing: border-box;
		}
		
		.course_moduler .item {
			width: 274px;
			box-sizing: border-box;
			border: 1px solid #F4F4F4;
			float: left;
			margin-left: 14px;
			margin-bottom: 18px;
		}
		
		.course_moduler .item a {
			display: block;
		}
		
		.course_moduler .item .img {
			width: 100%;
			height: 155px;
		}
		
		.course_moduler .item .img img {
			width: 100%;
			height: 100%;
		}
		
		.course_moduler .item .item_dl {
			padding: 10px 10px 13px 18px;
			width: 100%;
		}
		
		.course_moduler .item .item_dl .item_dt {
			height: 40px;
			font-size: 16px;
			font-weight: 400;
			color: #333;
			line-height: 20px;
			margin-bottom: 14px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			word-break: break-all;
		}
		
		.course_moduler .item .item_dl .item_dd {
			height: 21px;
		}
		
		.course_moduler .item .item_dl .item_dd .dd_left {
			float: left;
			height: 21px;
			line-height: 21px;
			font-size: 14px;
			font-weight: 400;
			color: #333;
		}
		
		.course_moduler .item .item_dl .item_dd .dd_detalis {
			float: right;
			width: 79px;
			height: 21px;
			background: #fff;
			border: 1px solid #ddd;
			border-radius: 11px;
			text-align: center;
		}
		
		.course_moduler .item .item_dl .item_dd .dd_detalis:hover {
			background-color: #00ab98;
			color: #fff !important;
		}