/***
显示效果查看sqm
 */
.form__{padding: 56px 0px;}
.form__ .bg{background: #e4dfc9;}
.form__ .title{font-size: 3.2em;color: #bb9624;text-align: center;margin-bottom: 30px;}
.form__ .small_title{text-align: center;font-size: 1.3em;}
.form_box__{}
.form_box__ ul li{
	float: left;
	width: 47%;
	list-style: none;
	margin-bottom: 12px;
	box-sizing: border-box;
}
.form_box__ ul li:after{content: '';display: block;float: none;clear: both;}
.form_box__ ul li:nth-of-type(even){
	float: right;
	width: 48.4%;
}
.form_box__ .label__{
	display: inline-block;
	width: 85px;
	float: left;
	font-size: 16px;
}
.label__ span{
	display: table-cell;
	vertical-align: middle;
	height: 38px;
}
.ul input.error , .ul select.error , .ul textarea.error{background-color:#ffe2e2;}
.form_field__{position: relative;}
.label__ , .form_field__{height: 38px;}
.form_box__ .form_field__{width: calc( 100% - 85px);float: right;position: relative;}
.form_field__ input , .form_field__ select{height: 38px;text-indent: 20px;width:100% ;border: 0px;font-size: 18px;box-sizing: border-box;}
.form_field__ .required__{
	position: absolute;
	top: 0;
	right: -24px;
	display: inline-block;
	float: right;
	width: 14px;
	margin-top: 9px;
}
.form_field__ input {
	background-color:#f1f1f1;
}
.form_field__ textarea{width: 100%;height: 100px;border: 0px;font-size: 16px;box-sizing: border-box;display: block;padding: 20px;float: left;font-size:18px;background:#f1f1f1;}
.form_field__ select{width: 100%;font-size: 1.2em;background: url('img/arrow-pull-down-333.svg') no-repeat calc( 100% ~'-' 17px) center ;}
.form_field__ .line{height: 20px;width: 1px;background: gray;position: absolute;top: 8px;left: 50%;}
.form_field__ .line_phoe{top: 8px;left: 60%;}
.white_background{background: white;}
.white_background input{background: transparent;}
.form_field__ .given_name{float: left;width: 50%}
.form_field__ .family_name{float: left;width: calc(50% ~'+' 1px);margin-left: -1px}
.form_field__ .phone_prev{float: left;width: 60%}
.form_field__ .phone_number{float: right;width: 40%;}

.error ~ .line
{
	display: none;
}

.error__{
	display:none;
}
.error__show{
	display:block;
}

.radio_box{width: 33.3333333%;float: left;box-sizing: border-box;padding-right: 5px;height: 100%;}
.form_field__ .radio_box:last-child{padding-right: 0px;}
.radio_box__{
	background: #c2b298;
	position: relative;
	height: 100%;
	text-align: center;
	line-height: 38px;
	color: white;
	font-size: 1.2em;
	cursor: pointer;
}
.radio_box__.active{
	background: #744c29;
}
.radio_box input{
	display: block;position: absolute;
	top: 0px;left: 0px;width: 100%;height: 100%;
	opacity: 0;
	cursor: pointer;
}

.discla{margin-top: 30px}
.discla_checkbox{float: left;width: 25px;height: 25px;background: url('img/check-box-1.png') no-repeat center;display: inline-block;position: relative;background-size: contain;margin-top: 5px;}
.discla_checkbox input{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;opacity: 0;cursor: pointer;}

.discla_checkbox_checked{background: url('img/check-box-2.png') no-repeat center;background-size: contain;}
.discla_checkbox_error{background: url('img/check-box-3.png') no-repeat center;background-size: contain;}

.buttons_{margin-top: 8px;text-align: center;}
.buttons_ a{display: inline-block;width: 180px;height: 40px;text-align: center;color: white;line-height: 40px;font-size: 16px;cursor: pointer}
.buttons_ .submit{background: #bb9624;margin-right: 20px;}
.buttons_ .reet{background: #7a7466;}

.submit_slider{
	-o-user-select: none;
	-moz-user-select: none; /*火狐 firefox*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10+*/
	-khtml-user-select :none; /*早期的浏览器*/
	user-select: none;
}


.buttons_left{width: 56%;float: left;}
.buttons_right{width: 44% ; float: left;}
.buttons_right .reet{float: left;margin-left: 30px;}
.submit_reet{width: 30%;float: left;margin-left: 30px;}
.submit_slider{height: 40px;position: relative;background: #e7e7e7;width: 360px;float: right;max-width: 100%;border-radius: 20px;overflow: hidden;}
.submit_button{
	width: calc(100% - 168px);
	background: #598612;
	color: white;text-align: center;
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border-radius: 20px;
}
.submit_slider span{
	display: block;
	width: 168px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: black;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	text-indent: -13px;
	letter-spacing: 0.7px;
}
.form_message_div{
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.discla_content{float: right;width: calc( 100% -  45px);font-size: 16px;line-height: 2;}
.discla_content a{text-decoration-line: underline;margin-left: 10px;}

@media all and (max-width: 1220px) {
	.form_box__{padding: 0px 10%;}
	.form_box__ ul li , .form_box__ ul li:nth-of-type(even){width: 100% !important; margin-right: 0px;float: none;}
	.form_box__ ul li:nth-of-type(even) input ,  .form_field__ textarea{
		width: 100% !important;
	}
	.form_box__ li.required__, .form_box__ li .required__
	{
		right: -24px !important;
	}
	.submit_slider{width: 100% !important}
	.buttons_right .reet{width: 80%;float: right;margin-left: 0px;}
	.submit_button{
		text-indent: 0 !important;
	}
	.submit_button:after{
		right: 10px !important;
	}
}
@media all and (max-width: 768px) {

}

@media all and (max-width: 700px){
	.form_box__{padding: 0px 0%;}
	.form_box__ li.required__, .form_box__ li .required__{
		right:-18px !important;
	}
}

@media all and (max-width: 600px){

}

@media all and (max-width: 600px){
	.form_field__{height: auto !important;}
	.form_field__ select, .form_field__ input{width: 100% !important;margin-right: 0px;margin-bottom: 20px; float: none !important;}
	.form_field__ input , .form_field__ select{margin-bottom: 10px !important;}
	.form_field__ .line{display: none !important;}
	.form_buttons{width: 100% !important;}
	.form_buttons a{float: none;width: 40% !important;}
	.form_box__ ul li{margin-bottom: 0px !important;}
	.buttons_left{width: 100% !important;margin-bottom: 10px !important;}
	.buttons_right{width: 100% !important; }
	.buttons_right .reet{
		width: 100% !important;
		margin-left: 0 !important;
	}
	.submit_button{width: 45% !important;}
	.submit_slider span{width: 55% !important;}
	.radio_box{margin-bottom: 10px !important;}

}


 @media all and (max-width: 430px){
	.form_box__ .form_field__{
		 width: 100%;
	 }
 }