@charset "gb2312";
/* CSS Document */
body{ background:#2ea6d7;font-family: Microsoft YaHei,"ËÎÌå";min-width:1300px; }
.wrap{ width:1190px; margin:0 auto;}
a{ text-decoration:none; outline:none;}
.pure-g [class*="pure-u"],html, button, input, select, textarea {
	font-family: Microsoft YaHei,"ËÎÌå";
}
button, input, select, textarea {
	outline:none;
}
.link{color: #0C73B7;}
.link:hover{color: #F60;}
.orangelink{color: #ff6c00;}
.orangelink:hover{color: #ff1200;}
.yellow{color:#fff600}
a.flink {
	background: #FF8402 ;
	color: #FFF;
	display: inline-block;
	padding: 3px 20px;
	text-decoration: none;
	transition: all 0.5s ease-out 0s;
}
a.flink:hover {
	background: #FF6702;
	text-decoration: underline;
}
.text-center{ text-align:center;}
.red{ color:#ff0000;}
.bold{ font-weight:bold;}
.p_price{color: #F55C00;}
/*width*/
.width80{ width:80px;}
.width150{ width:150px;}
.widthper33{ width: 33.3333%}
.widthper55{ width: 55%}
.widthper45{ width: 45%}
.widthper50{ width: 50%}
/*width end*/


/*banner*/
.banner1{ background:url(../images/banner1.jpg) no-repeat 50% top; margin:0 auto; height: 201px}
.banner2{ background:url(../images/banner2.jpg) no-repeat 50% top; margin:0 auto; height: 238px}
/*banner end*/

/*content*/
.container{
	background:#2ea6d7 url("../images/content_topbg.jpg") no-repeat center 0;
	color: #fff;
}
#content{
	background-color: #fff;
	padding: 40px 0;
}
.yhq,.rules{
	margin: 0 auto;
	min-width: 990px;
	max-width: 1024px;
}
.yhq .list{
	background: url("../images/icon.png") no-repeat;
	display: inline-block;
	width: 320px;
	height: 174px;
	position: relative;
	color: #fff;
	float: left;
	margin-bottom: 30px;
}
.yhq .list .topleft{
	position: absolute;
	top:8px;
	left: 12px;
	font-size: 14px;
}
.yhq .list .number{
	font-size: 22px;
	text-align: center;
	height: 122px;
	vertical-align: middle;
	line-height: 122px;
}
.yhq .list .number strong{
	font-size: 72px;
}
.yhq .list .tiaojian
{
	font-size: 14px;
	height: 51px;
	padding: 0 15px;
}
.yhq .list .type1{
	line-height: 51px;
}
.yhq .list .type2{
	font-size: 12px;
}
a.fuzhi{
	padding: 3px 7px;
	color: #fff;
	display: inline-block;
}
a.abg4{
	 background-color: #da3a3a;
 }
a.abg5{
	 background-color: #2a58be;
 }
a.abg6{
	 background-color: #1b7b9a;
 }
.yhq .listbg1{
	background-position: 0 0;
}
.yhq .listbg2{
	background-position: -354px 0;
	margin: 0 30px;
}
.yhq .listbg3{
	background-position: -708px 0;
}
.yhq .listbg4{
	background-position: 0px -206px;
}
.yhq .listbg5{
	background-position: -354px -206px;
	margin: 0 30px;
}
.yhq .listbg6{
	background-position: -708px -206px;
}
.yhq_btn{
	clear: both;
	text-align: center;
	margin: 0 auto;
}
.yhq_btn .reg_btn,.yhq_btn .yh_btn{
	color: #fff;
	font-size: 22px;
	width: 205px;
	height: 56px;
	text-align: center;
	line-height: 56px;
	display: inline-block;
}
.yhq_btn .reg_btn{
	background-color: #5e40d7;
	margin-right: 15px;
}
.yhq_btn .yh_btn{
	background-color: #00ced5;
}


.rules{color: #666;background-color: #f5fcff;border-top:1px solid #0d93cf; margin-top: 60px;position: relative; }
.rules-title{font-size: 20px;background: url("../images/icon.png") no-repeat 0 -412px; text-align: center; width: 195px; height: 50px; line-height: 50px;vertical-align: middle;margin: 0 auto;color: #fff;position: absolute; top:-25px; left: 50%; margin-left: -97px;}
.rules-con{font-size: 14px;padding: 40px 40px 30px 40px;}
.rules-con p{line-height: 27px;margin-bottom: 8px;}
/*content end*/
@media all and (max-width:1020px) {
	.yhq .listbg2{
		margin: 0 15px;
	}
	.yhq .listbg5{
		margin: 0 15px;
	}
}