* {
    box-sizing: border-box;
}

*:before, *:after {
    box-sizing: border-box;
}
html,body{font-family:"PingFang Medium", font-size:100%; text-align: left;}
*, *:before, *:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, 

del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, 

label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-size: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

em, strong {
    font-style: normal;
}

ul, ol, li {
    list-style: none;
}
a {
    text-decoration: none;
}

@media screen and (min-width: 320px) and (max-width: 960px){
html,body{
  margin:0;
    padding:0;
	box-sizing:border-box;
	font-family:'微软雅黑';
	width:100%;
	height:100%;
}
.wrap{
	width:100%;
	height:20rem;
	background:url(../image/index-wxbj-bg.jpg)  center  no-repeat;
background-size:cover;

	}
	.cssa29572b3a18ce0{
		font-family:'PingFangSCa2975d67c18ce0';
	}
.fh{
	width:100%;
/*padding-top:0.37rem;*/
padding-top:0.2rem;}
.fha img{
	margin-left:0.2rem;
	width:0.21rem;
	height:0.37rem;
	display:block;
	float:left;
	
}
.fha .fhs{
	font-size:0.32rem;
	font-family:"";
	font-weight:bold;
	color:#fff;
	margin-left:0.23rem;
}
.chia{
	/*padding-top:0.36rem;*/
	padding-top:0.2rem;
	}
.chia .xt{
	display:block;
	margin:0 auto;
	font-size:0.44rem;
	font-family:"";
	font-weight:bold;
	color:#fff;
	text-align:center;
}
/*<!--省份-->*/
.gt{
	margin:0 auto;
	width:7.16rem;
}
.jt_f{
	/*margin-top:0.25rem;*/
	margin-top:0.05rem;
	width:7.16rem;
	
	margin:0 auto;
}

.sf{
	/*width:5.97rem;*/
	width:6.1rem;
	height:0.7rem;
	margin:0 auto;
	/*margin-bottom:0.38rem;*/
	margin-bottom:0.28rem;

	}
	
.form{
	/*<!--padding-top:0.74rem;-->*/

		width:7.16rem;
	margin:0 auto;
	height:16.1rem;
	
	background:rgba(255,255,255,0.2);
	border-radius:0.1rem;
	margin-top:0.26rem;
	/*padding-top:0.74rem;*/
	padding-top:0.54rem;
	border-radius:0.2rem;
	}
	
.sfs{
	font-size:0.38rem;
	font-family:"";
	font-weight:bold;
	color:#fff;
	float:left;
	text-align:right;
	width:1.68rem;
	line-height:0.7rem;
	}
	.select{
	float:left;
	width:4.03rem;
	height:0.7rem;
	background:rgba(255,255,255,0.1);
	border-radius:0.05rem;
	border:0;
	}
select{
		width:4.04rem;
	height:0.7rem;
	border:0;
	appearance:none;  
   -moz-appearance:none;  
  -webkit-appearance:none;
   background:url(../image/index-wxbj-jt.png) no-repeat  scroll 96% center rgba(255,255,255,0.3);
	background-size:0.34rem 0.24rem;
	border-radius:0.05rem;
   color:#fff;
}
select option:selected{
	color:#fff;
}
select  option{
	color:#999;
	font-size:0.2rem;
	}
.txt{
	float:left;
		
	height:0.7rem;
	background:transparent;
	 width: 3.8rem;
	border-radius:0.05rem;
	border:0;
	padding-left:0.2rem;
	}
.kg{
	font-size:0.36rem;
	font-family:"";
	font-weight:bold;
	color:#fff;
	float:right;
	margin-top:-0.6rem;
}
.tj{
	width:7.16rem;
	height:0.88rem;
	background:rgba(255,255,255,0.4);
	text-align:center;
	font-size:0.52rem;
	font-family:"";
	color:#fff;
	border:0;
	border-radius:0.1rem;
}

	.mar{
		/*margin-left:0.75rem;*/
		width:1.68rem;
		text-align:right;}
.mar1{
	/*margin-left:0.39rem;*/
	width:1.68rem;
	text-align:right;}
	
		.sf1 .input{
	
	margin-top:0.39rem;
	width:7.16rem;
	height:0.88rem;
	background-color:transparent;
	background-image:url(../image/index-wxbj-tj.png);
	color:#fff;
	font-size:0.44rem;
	border:0;
	border-radius:0.2rem;
	
	cursor:hand;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center;
	background-size:100%;
	
	text-align: center;
	padding-top:   3px;}
	
	
	/*
  Simple Grid
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - http://dallasbass.com
*/


[class*='grid'],
[class*='col-'],
[class*='mobile-'],
.grid:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

[class*='col-'] {
	float: left;
  	min-height: 1px;
	 /* column-space */
}

[class*='col-'] [class*='col-']:last-child {
	padding-right: 0;
}

.grid {
	width: 100%;
	/*<!--<!--max-width: 1140px;-->-->*/
	min-width: 748px; /* when using padded grid on ipad in portrait mode, width should be viewport-width - padding = (768 - 20) = 748. actually, it should be even smaller to allow for padding of grid containing element */
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	/*<!--padding-top: 20px;
	padding-left: 20px; -->*//* grid-space to left */
	padding-right: 0; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}

/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}

@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		/*<!--padding-left: 20px; /* grid-space to left */
		 /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		
		padding-left: 0;
		 /* column-space */
	}

	[class*='col-'] [class*='col-'] {
		padding-right: 0;
	}

	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin: 0 0 10px;
		padding-left: 0;
		padding-right: 10px; /* column-space */
		padding-bottom: 0;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
	}
	}


/*pc端	*/
@media screen and (min-width:1024px){
*{
padding:0;
margin:0;}
	.wrap{
    width:750px;
   height:1720px;
   margin:0 auto;
	background:url(../image/index-wxbj-bg.jpg)  center  no-repeat;
	background-size:cover;
	}
	
.fh{
	width:100%;
/*padding-top:0.37rem;*/
padding-top:20px;
margin:0 auto;}
.fha img{
	margin-left:20px;
	width:21px;
	height:37px;
	display:block;
	float:left;
	
}
.fha .fhs{
	font-size:32px;
	font-family:"";
	font-weight:bold;
	color:#fff;
	margin-left:23px;
}
.chia{
	/*padding-top:0.36rem;*/
	/*padding-top:20px;*/
	}
.chia .xt{
	display:block;
	margin:0 auto;
	font-size:44px;
	font-family:"";
	font-weight:bold;
	color:#fff;
	text-align:center;
}
/*<!--省份-->*/
.gt{
	margin:0 auto;
	width:716px;
}
.jt_f{
	/*margin-top:0.25rem;*/
	margin-top:5px;
	width:716px;
	margin:0 auto;
}

.sf{
	/*width:5.97rem;*/
	width:610px;
	/*height:70px;*/
	height:62px;
	margin:0 auto;
	/*margin-bottom:0.38rem;*/
	margin-bottom:28px;

	}
	
.form{
	/*<!--padding-top:0.74rem;-->*/

		width:716px;
	margin:0 auto;
	height:1430px;
	background:rgba(255,255,255,0.2);
	border-radius:10px;
	margin-top:16px;
	/*padding-top:0.74rem;*/
	/*padding-top:54px;*/
	padding-top:30px;
	border-radius:20px;
	}
	
.sfs{
	font-size:38px;
	font-family:"";
	font-weight:bold;
	color:#fff;
	float:left;
	line-height:70px;
	width:168px;
	text-align:right;
	}
	.select{
	float:left;
	width:403px;
	height:60px;
	background:rgba(255,255,255,0.1);
	border-radius:5px;
	border:0;
	}
select{
		width:404px;
	height:60px;
	border:0;
	appearance:none;  
   -moz-appearance:none;  
  -webkit-appearance:none;
   background:url(../image/index-wxbj-jt.png) no-repeat  scroll 96% center rgba(255,255,255,0.3);
	background-size:34px 24px;
	border-radius:5px;
   color:#fff;
   font-size:26px;
}
select option:selected{
	color:#fff;
}
select  option{
	color:#999;
	font-size:20px;
	}
.txt{
	float:left;
		width:403px;
	height:60px;
	background:rgba(255,255,255,0.3);
	border-radius:5px;
	border:0;
	padding-left:20px;
	}
.kg{
	font-size:36px;
	font-family:"";
	font-weight:bold;
	color:#fff;
	float:right;
	margin-top:-50px;
}
.tj{
	width:716px;
	height:88px;
	background:rgba(255,255,255,0.4);
	text-align:center;
	font-size:52px;
	font-family:"";
	color:#fff;
	border:0;
	border-radius:10px;
}

	.mar{
		/*margin-left:0.75rem;*/
		width:168px;
		text-align:right;}
.mar1{
	/*margin-left:0.39rem;*/
	width:168px;
	text-align:right;}
		
	.sf1 .input{
	
	margin-top:39px;
	width:716px;
	height:88px;
	background-color:transparent;
	background-image:url(../image/index-wxbj-tj.png);
	color:#fff;
	
	border:0;
	border-radius:20px;
	
	cursor:hand;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center;
	background-size:100%;
	
	text-align: center;
	padding-top:   3px;}




}