@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1.2rem;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    color: #819490;
}
body{
	font-size: 14px;
	background: #f2fff3;
}
img{
	width: 100%;
	height: 100%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.title{
	height: 2.5rem;
	line-height: 2.5rem;
	background: #fff;
}
.title p{
	padding-left: 3%;
}
.title p,.title p a{
	color: #22bd9e;
	font-size: 0.9286rem;
}
.banner{
	width: 100%;
	height: 4.2857rem;
}
.btx{
	width: 100%;
	height: 1.7857rem;
	background: #fff;
	line-height: 1.7857rem;
}
.btx p{
	padding-left: 3%;
	color: #333;
	font-size:0.7143rem; 
}
.xing:before{
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	background: url(../images/xing.png) no-repeat center center;
	float: left;
	margin-top: 0.4rem;
	margin-right: .3rem;
}
form label{
	font-size: 0.8571rem;
}

form label.sameCss{
	display: block;
	height: 2.8571rem;
	line-height: 2.8571rem;
	border-bottom: 1px solid #eee;
	width: 100%;
	background: #fff;
}
form label.shjb,form label.hznl,form label.sjhm{
	margin-top: .4rem;
}

form label .xing:before{
	margin-top: .9rem;
	margin-left: 3%;
}
form label input{
	width: 65%;
}
form label.bqjs{
	display: block;
	line-height: 2.8571rem;
	background: #fff;
	width: 100%;
	height: 8.7857rem;
	overflow: hidden;
}
.demo{
	margin-right: 4%;
	color: #999;
}
.demo:after{
	content: '';
	display: block;
	float: right;
	width: 0.8929rem;
	height: 0.8929rem;
	background: url(../images/demo.png) no-repeat center center;
	background-size:contain; 
	margin-top: 1rem;
	margin-left:.3rem;
}
.bqjs textarea{
	width: 87%;
	border:none;
	background: none;
	resize:none;
	padding:0 5% 0 8%;
	font-size: 0.8571rem;
	color: #999;
	height: 5.5rem;
}
form label.hznl{
	border-bottom: none;
}
.hznl a{
	display: block;
	float: left;
	color: #666;
}
.hznl a:after{
	content: '';
	display: block;
	float: right;
	width: .4286rem;
	height: .5rem;
	background: url(../images/xjt.png) no-repeat center center;
	background-size: contain;
	margin-top: 1.2rem;
	margin-left: .5rem;
}
.sex{
	overflow: hidden;
	float: right;
	margin-top: .8rem;
	margin-right: .5rem;
}
.sex a{
	display: block;
	float: left;
	width: 2.5rem;
	height:1.4286rem;
	background: #f5f5f5;
	color: #819490;
	border-radius: 3px;
	line-height: 1.4286rem;
	text-align: center;
	margin-right: .5rem;
}
.sex a.active{
	background: #22bd9e;
	color: #fff;
}
.sex a.active .iconfont{
	color: #fff;
}
.noMust{
	display:block;
	float:left;
	overflow:hidden;
	margin-left:6%;
	width: 80px;
	text-align: right;
}
.txm img{
	width: 4.2857rem;
	height: 2.1429rem;
	float: left;
	margin-top: .4rem;
}
form label.txm input,form label.yzm input.sryzm{
	width: 40%;
	height: 100%;
	float: left;
}
form label.txm a{
	float: right;
	margin-right: 4%;
	color: #666;
	font-size: .7143rem;
}
.yzm input[type=button]{
	padding:0 4%;
	height: 100%;
	width: auto;
	overflow: hidden; 
	background: none;
	border-left: 1px solid #eee;
	color: #666;
	float: right;
}
.yzm input[type=button].colorGreen{
	color: #22bd9e;
}
.btnBox{
	clear:both;
	display: block;
	text-align: center;
	overflow: hidden;
	background: #fff;
	height: 10rem;
}
.tj{
	width:90%;
	background: url(../images/submitBg.png) no-repeat center center;
	background-size: contain;
	line-height: 2.5rem;
	color: #fff;
	font-size: .9286rem;
	margin-top: 3rem;
}



.bqjsDemo{
	width: 16.9286rem;
	height: 5.1429rem;
	background: #fff9f3;
	border-radius: 3px;
	padding:1rem;
	overflow: hidden;
	position: fixed;
	top: 4.2857rem;
	left: 3.2143rem;
	display: none;
}
.bqjsDemo h4{
	color: #ff8500;
	font-size: .7143rem;
}
.bqjsDemo p{
	font-size: .7143rem;
	color: #333;
}
.bqjsDemo a{
	display: block;
	width: .6429rem;
	height: .6429rem;
	background: url(../images/closeBtn.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 1.5rem;
	top: 1rem;
}
.mfzx{
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	background: #22bd9e; 
}
.mfzx a{
	color: #fff;
	font-size:1.14286rem;
}
@media all and (max-width: 414px){
	form label.txm input, form label.yzm input.sryzm{
		width: 30%;
	}
}