#top {
	position: absolute;
}
body {
	background: #eee;
}
#container {
	width: 1150px;
	margin: 0 auto;
	padding: 40px 0;
}
#container:after {
	content: ".";
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}
.main {
	width: 800px;
	float: left;
	background: #fff;
	padding: 20px;
}
.main h2 {
	font-weight: normal;
	line-height: 60px;
	height: 60px;
	text-align: center;
	margin: 0 auto;
	width: 780px;
	font-size: 30px;
}
.main p.item {
	text-align: center;
	color: #888;
}
.banner {
	width: 800px;
	height: 300px;
	background: #6C9;
}
/* 说明 */

.interview {
	width: 800px;
	margin-top: 15px;
	padding: 10px 0 0;
}
.interview h2 {
	text-align: right;
}
.interview dl {
	height: 430px;
	padding-top: 20px;
}

.interview dl p{ border-top:#999 solid 1px; margin-top:10px; padding:10px 0; color:#999;}

.interview dl dt {
	width: 250px;
	height: 400px;
	float: left;
}
.interview dl dd {
	width: 550px;
	height: 400px;
	float: right;
	background: #F7f7f7;
}
.interview dl dd ul {
	width: 94%;
	margin: 0 auto;
}
.interview dl dd ul li {
	text-align: justify;
	line-height: 28px;
}



.kaoyan {
	width: 800px;
	height: auto;
	background: #F7f7f7;
}
.kaoyan ul {
	padding: 10px 0;
}
.kaoyan li {
	float: left;
	width: 350px;
	margin-left: 10px;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background: url(../images/common/point.png) no-repeat center left;
	text-indent: 12px;
}
.kaoyan ul:after {
	content: ".";
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}
/*  优势  */
.advantage {
	width: 800px;
	margin-top: 15px;
	padding: 10px 0 20px;
}
.advantage h2 {
	text-align: left;
}
.advantagelist {
	width: 800px;
	height: 350px;
	margin: 0 auto;
	padding-top: 20px;
}
.advantagelist dl {
	width: 180px;
	height: 350px;
	float: left;
	margin: 0 0 0 15px;
	border: #ccc solid 1px;
	background: #FFF;
	position: relative;
}
.advantagelist dl dt {
	text-align: center;
	padding-top: 60px;
	font-weight: bold;
	background: url(../images/interview/pp.png) no-repeat center 10px;
	background-size: 50px 50px;
}
.advantagelist dl:nth-child(2) dt {
	background: url(../images/interview/cz.png) no-repeat center 10px;
	background-size: 50px 50px;
}
.advantagelist dl:nth-child(3) dt {
	background: url(../images/interview/ls.png) no-repeat center 10px;
	background-size: 50px 50px;
}
.advantagelist dl:nth-child(4) dt {
	background: url(../images/interview/wl.png) no-repeat center 10px;
	background-size: 50px 50px;
}
.advantagelist dd {
	padding: 10px;
	text-align: justify;
	line-height: 30px;
}
.advantagelist p {
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
}
.advantagelist p span {
	display: block;
	width: 60%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	background: #f50;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
/* class */

.class {
	padding-top: 20px;
}
.class .books {
	width: 800px;
	height: 470px;
	padding-top: 20px;
}
.class .books h3 {
	text-align: center;
	font-weight: normal;
	font-size: 20px;
	padding: 10px 0;
	background: url(../images/kecheng/h3bg.png) no-repeat bottom center #C72776;
	background-size: 100% 100%;
}
.class .books ul {
	padding-top: 20px;
}
.class .books ul li {
	width: 145px;
	height: 200px;
	float: left;
	margin: 10px 0 0 12px;
}
.class p {
	padding: 15px 0;
}
.class dl {
	margin-top:20px;
	border: #ddd solid 1px;
	border-radius: 10px 10px 0 0;
	padding-bottom: 30px;
}
.class dl dt {
	background: #36A2F7;
	color: #fff;
	padding: 10px 20px;
	font-size: 18px;
	border-radius: 10px 10px 0 0;
}
.class dl dd {
	padding: 10px 20px;
	line-height: 30px;
}
.class dl dd.info table {
	font-size: 14px;
	text-align: center;
	background: #85C9FF;
}
.class dl dd.info table th {
	padding: 15px 0;
	background: #E7F4FF;
	font-weight: normal;
	color: #333;
}
.class dl dd.info table td {
	padding: 10px 0;
	color: #000;
	font-size: 12px;
}
.class dl dd.info table tr{ background:#fff;}
.class dl dd.info table tr:nth-child(2n){ background:#F0F7FC;}

.class dl dd.info table td span {
	display: block;
	width: 60%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 auto;
	background: #36A2F7;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.class dl dd.info table b {
	color: #222;
}
.class dl dd.info table u {
	text-decoration: line-through;
}
.class dl.system dt {
	background: #00B9D0;
}


.class dl dd.info table p{ padding:10px;}



/*  上海六个校区辅导点  */
.rooms {
	width: 800px;
	margin-top: 30px;
	border: #eee solid 1px;
	box-shadow: #aaa 1px 1px 2px;
	box-sizing: border-box;
	position: relative;
	padding: 10px 0 20px;
}
/* address */
.address dl {
	width: 750px;
	padding: 15px 0;
	margin: 0 auto;
	border-bottom: #999 dashed 1px;
	line-height: 33px;
	color: #777;
	position: relative;
}
.address dl:last-child {
	border-bottom: none;
}
.address dl dt {
	color: #000;
	padding-left: 35px;
	font-size: 16px;
	background: url(../images/city/address.png) no-repeat left top;
	background-size: 30px 30px;
	padding-bottom: 10px;
}
.address dl dt span {
	font-size: 13px;
	color: #F50;
}
.address dl b {
	font-weight: normal;
	color: #000;
}
.address dl dd span {
	color: #06F;
	cursor: pointer;
}
.address dl dd.area {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 25px;
	color: #ddd;
}
.address dl dd i {
	color: #333;
}
/* rooms */
.rooms ul.environmental {
	width: 800px;
	margin-top: 10px;
}
.rooms ul.environmental:after {
	content: ".";
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}
.rooms ul.environmental li {
	width: 185px;
	height: 145px;
	margin: 10px 0 10px 11px;
	float: left;
	background: #fff;
}
.rooms ul.environmental li:nth-child(4n) {
	margin-right: 0;
}
.rooms ul.environmental li img {
	border: #bbb solid 1px;
	box-sizing: border-box;
	padding: 2px;
}
/*  .sidebar   */ 

/* 右边 */


.campusbar {
	top: 200px;
}
.sidebar h3 a, .sidebar h1 a {
	color: #444;
}
.cityinfo {
	height: auto;
	padding-bottom: 20px;
}
.cityinfo dl dd {
	line-height: 30px;
}
.cityinfo dl dd.web {
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
	line-height: 40px;
}
.cityinfo dl dd span {
	color: #03F;
	cursor: pointer;
}
.cityinfo ul {
	padding: 20px 0 0;
	height: 50px;
}
.cityinfo li {
	float: left;
	width: 125px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border: #f50 solid 1px;
	box-sizing: border-box;
	margin-right: 20px;
	border-radius: 5px;
	color: #f50;
	cursor: pointer;
	font-size: 18px;
}
.cityinfo li:nth-child(2) {
	margin-right: 0;
	background: #f50;
	color: #fff;
}