body{background-color: #fafafa;}
.course_head{ overflow: hidden; background: url(../images/course_bg.png) center no-repeat; width: 100%; height: 381px;}
.course_topcenter{width: 1176px; padding: 12px; background-color: #fff; margin: 20px auto; position: relative;}
.course_address{ color: #8c8c8c; font-size: 13px; margin-bottom: 12px;}
.course_pic{ float: left;width: 480px; height:288px ;}
.course_topright{ float: right; width: 680px;}
.course_name{ color: #333; font-size: 20px;}
.course_topinfor{ color: #8c8c8c; font-size: 13px; margin-top: 12px; letter-spacing: 1px;}
.course_bq span{ padding: 3px 8px; color: #fff; font-size: 12px; letter-spacing: 1px; display: inline-block; background-color: #ff9e48; border-radius:12px ; margin-right: 6px; margin-bottom: 4px;}
.course_bq{margin-top: 12px; margin-bottom: 6px; height: 58px;}
.course_btn{ position: absolute; bottom: 12px; left: 496px;}
.course_btn a{ float: right; padding: 6px 20px; font-size: 18px; letter-spacing: 1px; margin-left: 12px;}
.course_btn a:hover{opacity: 0.9; transition: all 0.2s;}
.course_bottominfor{padding: 12px; background-color: #fafafa;}
.course_bottominfor{color: #333; letter-spacing: 1px; font-size: 15px;}
.course_bottominfor div{line-height: 28px;}
.course_bottoms{color: #8c8c8c; font-size: 14px;}
.course_bottominfor .course_bottoms span{ width: 18px; height: 18px; display: inline-block; color: #fff; font-size: 13px; line-height: 18px;text-align: center; font-weight: bold; background-color: #d02e34; margin-right: 6px;}
.course_time{ font-size: 15px;}
.course_time span{ color: #d02e34; font-weight: bold;}
.course_footer{ width: 1200px; margin: 12px auto;}
.course_footerleft{ float: left; width: 862px;}
.course_footertit{border-bottom: 1px solid #e5e5e5; overflow: hidden; width: 100%;}
.course_footertit div{cursor: pointer; float: left; width: 96px;height: 40px; line-height: 40px; text-align: center; color: #333;}
.course_titchoose{background-color: #00c6f9; color: #fff !important;}
.course_footertit div:hover{ color: #00c6f9;}
.course_footerinfor div{line-height: 22px; color: #333; font-size: 15px; padding: 12px;}
.coursetext2{ font-size: 16px; color: #595959; font-weight:bold; letter-spacing: 1px;}
.coursetext2 p{ color: #8c8c8c; font-size: 14px; padding: 10px;line-height: 24px; height: 24px;  font-weight: normal; background: url(../images/before.png) no-repeat 5px 12px; border-radius:8px ; padding-left: 30px; cursor: pointer;}
.coursetext2 p a{ display: none; float: right; background-color: #00a0db; color: #fff; margin-left: 10px; text-align: center; font-size: 12px; width: 50px; height: 24px; border-radius:12px ; line-height: 24px;}
.chakan{ position: relative;top: 60px; left: 80px; color: #44bbfd; font-size: 14px;}
.coursestudent2{ margin-top: 20px;}
.coursestudent2 li{height:50px;position:relative;cursor: pointer; margin-bottom: 10px; padding-bottom: 10px;}
.coursestudent2 img{width: 64px; float: left;}
.coursestudent2 li div{ float: left; margin-left: 20px; color: #595959; font-weight:bold ; font-size:14px ;}
.coursestudent2 li div p{ color: #8c8c8c; font-weight:normal ; margin-top: 10px; width:200px;font-size:12px ;}
.courseinleftkuai{ margin-top: 12px; background-color: #fff; border-radius:10px ; width: 836px; box-shadow: 2px 2px 2px #c7e8f1; padding:20px; overflow: hidden;}
.coursename{overflow: hidden; font-size: 20px; color: #595959; font-weight:600;}

table{ border-collapse:collapse ; background-color: #fff;}
.zytitle1{ color: #595959; font-size: 14px; text-align: center; line-height: 48px; margin-top: 20px;}
.zytitle{ color: #8c8c8c; font-size: 14px; text-align: center; line-height: 32px;}
.mc{ width: 400px;}
.lx{ width: 80px;}
.dx{width: 100px;}
.sj{ width: 100px;}
.cz{width: 200px;}
.mc1{ width: 360px; font-size: 12px;}
.lx1{ width: 80px; font-size: 12px;}
.dx1{width: 100px; font-size: 12px;}
.sj1{ width: 100px; font-size: 12px;}
.cz1{width: 200px; font-size: 12px;}
.cz1 a{ color: #00a0db; }
.cz1 span{ width: 20px; height: 1px; display: inline-block;}
.cz1 a img{ width: 20px;margin-right: 5px; position: relative; top: 5px;}
.table{ background-color: #fff; padding:12px 0 !important; width: 860px; margin-bottom:20px; margin-top: 12px; border-radius:8px ; box-shadow: 2px 2px 8px 2px #e5e5e5;}
.courseinright{ width: 314px; float: right;}
.courseinrightkuai{background-color: #fff; margin-bottom: 20px; padding:20px 10px; box-shadow:2px 2px 2px #c7e8f1; border-radius:8px ; margin-right: 2px;}
.courserighttext{font-size: 16px;  color: #595959; font-weight:600;}
.courseother{ margin-top: 20px;}
.courseother li{ position: relative; border-bottom: 1px dashed #c7e8f1; overflow: hidden; cursor: pointer; margin-bottom: 10px; padding-bottom: 10px;}
.courseother li:hover div{color:#00a0db ; transition: all 0.2s;}
.courseother img{ border-radius:5px ; width: 120px; float: left;height:68px;}
.courseother li div{width: 161px; float: left; margin-left: 10px; color: #595959; font-weight:bold ; font-size:14px ; margin-top: 5px;}
.courseother li div p{ color: #8c8c8c; font-weight:normal ; bottom: 10px; position: absolute;}
.time{ position: absolute; font-weight: normal !important; font-size: 12px !important; color: #bfbfbf !important;top: -40px; left: 170px;}
.bxx {
	height: 22px;
	line-height: 22px;
	background-color: #029cca;
	z-index: 2;
	color: #fff;
	font-size: 12px;
	position: absolute;
	border-radius: 4px;
	top: 6px;
	right: 6px;
	padding: 0 6px;
}

.xbx {
	height: 22px;
	line-height: 22px;
	background-color: #0c900f;
	z-index: 2;
	color: #fff;
	font-size: 12px;
	position: absolute;
	border-radius: 4px;
	top: 6px;
	right: 6px;
	padding: 0 6px;
}