@charset "utf-8";
html,body{
	background: #f6f6f6;
}
.formCont{
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #ededed;
	padding: 50px 100px 40px 120px;
	overflow: hidden;
}
.dashedLine{
	border-top: 1px dashed #ddd;
	margin-bottom: 20px;
}
.formCont .formProcessStep{
	float: left;
	width: 50%;
}
.formCont .formProcessStep li{
	overflow: hidden;
	color: #999;
}
.formCont .formProcessStep li.completedStep{
	color: #66c978;
}
.formCont .formProcessStep li.completedStep span{
	border-left: 3px solid #66c978;
}
.formCont .formProcessStep li.completedStep span i{
	background:#66c978;
}
.formCont .formProcessStep li h4{
	font: 16px/128px "微软雅黑";
	margin-right: 40px;
	float: left;
}
.formCont .formProcessStep li span{
	display: block;
	float: left;
	height: 128px;
	border-left: 3px solid #dedede;
	position: relative;
	margin-right: 40px;
}
.formCont .formProcessStep li span i{
	position: absolute;
	display: block;
	width: 21px;
	height:21px;
	border-radius: 50%;
	background: #dedede;
	font: 15px/21px "微软雅黑";
	color: #fff;
	text-align: center;
	top: 54px;
	left: 50%;
	margin:0 0 0 -12px;
}
.formCont .formProcessStep li em{
	display: block;
	float: left;
	font: 16px/128px "微软雅黑";
}
.formInputCont{
	float: left;
	font: 12px/34px "微软雅黑";
	width: 50%;
}
.formInputCont h3{
	font: 20px/40px "微软雅黑";
	color: #333;
	margin-bottom: 30px;
	padding-left: 132px;
	text-align: center;
	width: 230px;
}
.formInputCont .overflowCont{
	margin-bottom: 10px;
}
.formInputCont .formLabel{
	display: block;
	width: 132px;
	float: left;
	font: 12px/34px "微软雅黑";
	color: #666;
	text-align: right;
	letter-spacing:0.5em;
}
.formInputCont .formPhone{
	display: block;
	height: 36px;
	width: 240px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	float: left;
	box-sizing: border-box;
	padding: 0 17px;
	background-size: 15px 34px;
}
.inputbgColor{
    background:#f5f5f5;
}
.formInputCont select{
	display: block;
	width: 240px;
	height: 34px;
	border-radius: 3px;
	border: 1px solid #dbdbdb;
	float: left;
	box-sizing: border-box;
	padding: 0 17px;
	color: #666;
}
.formInputCont .formInput{
	display: block;
	width: 240px;
	height: 34px;
	border-radius: 3px;
	border: 1px solid #dbdbdb;
	float: left;
}
.formInputCont .formInput input{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	background: transparent;
	padding: 0 17px;
	box-sizing: border-box;
}
.formInputCont .formArea{
	display: block;
	width: 240px;
	border-radius: 3px;
	border: 1px solid #dbdbdb;
	float: left;
}
.formInputCont .formArea textarea{
	display: block;
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 5px 17px;
	font: 12px/22px "微软雅黑";
	border-radius: 3px;
}
.formInputCont .selectServices{
	overflow: hidden;
	width: 100%;
	margin-top: 13px;
}
.formInputCont .selectServices span{
	display: block;
	height: 32px;
	border-radius: 2px;
	border: 1px solid #dbdbdb;
	margin: 0 15px 17px 0;
	font: 12px/33px "微软雅黑";
	color: #666;
	float: left;
	box-sizing: border-box;
	padding:0 10px ;
	cursor: pointer;
}
.formInputCont .selectServices span i{
	margin-right: 5px;
}
.formInputCont .selectServices span.selectedService{
	color: #fd5f11;
	border: 1px solid #fd5f11;
	background: #ffdfcf;
}
.formInputCont a{
	display: block;
	width: 244px;
	height: 42px;
	text-align: center;
	font: 16px/42px "微软雅黑";
	background: #fd5f11;
	color: #fff;
	border-radius: 2px;
	margin-top: 22px;
	margin-left: 132px;
}
.selectStyle{
	background: url(../img/selectIcon.png) no-repeat 215px center;
	background-size: 15px 34px;
	color: #666;
}
::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #666; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: #666; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: #666; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: #666; 
}