/***
显示效果查看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: 441px;
	list-style: none;
	margin-bottom: 16px;
	box-sizing: border-box;
}
.form_box__ ul li.empty{
	height:34px;
}
.form_box__ ul li:after{content: '';display: block;float: none;clear: both;}
.form_box__ ul li:nth-of-type(even){
	float: right;
	width: 491px;
}
.form_box__ .label__{
	display: inline-block;
	width: 82px;
	float: left;
	font-size: 14px;
}

.form_box__ ul li:nth-of-type(even) .label__{
	width:133px;
}

.form_box__ ul li:nth-of-type(even) .form_field__{
	width:calc(100% - 133px);
}

.label__ span{
	display: table-cell;
	vertical-align: middle;
	height: 34px;
	letter-spacing:0.35px;
}
.ul input.error , .ul select.error , .ul textarea.error{border:2px solid #a2242e;}
.form_field__{position: relative;}
.label__ , .form_field__{height: 34px;}
.form_box__ .form_field__{width: calc( 100% - 82px);float: right;position: relative;box-sizing:border-box;padding-right:19px;}
.form_field__ input , .form_field__ select{height: 34px;text-indent: 15px;width:100% ;border: 0px;font-size: 16px;box-sizing: border-box;}
.required__  , .required__before{
	position:relative;
}
.required__:after{
	    content: '*';
    position: absolute;
    top: 0;
    right: -5px;
    display: inline-block;
    float: right;
    width: 14px;
    margin-top: 3px;
    color: #a2242e;
    font-size: 15px;
}

.required__before:before{
	content:'*';
	display: inline-block;
	position: absolute;
    top: 0;
    left: -12px;
    width: 14px;
    margin-top: -1px;
}
.form_field__ textarea{width: 100%;height: 136px;border: 0px;font-size: 16px;box-sizing: border-box;display: block;padding: 20px;float: left;font-size:18px;}
.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: 34px;
	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: 22px;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: #919191;}

.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: 570px;float: left;}
.buttons_right{width: calc(100% - 570px) ; float: left;}

.submit_slider{
	height: 40px;
	position: relative;
	background: #dcdcdc;
	width: 380px;
	float: right;
	max-width: 100%;
	overflow: hidden;
}
.submit_button{
	width: calc(100% - 180px);
	background: #a2242e;
	color: white;text-align: center;
	line-height: 40px;
	font-size: 13px;
	font-weight:600;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	letter-spacing:0.5px;
}
.submit_button:after{
	content: '';
    display: block;
    width: 16px;
    height: 24px;
    position: absolute;
    right: 9px;
    top: 9px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/11/submit-arrow.svg);
}
.submit_slider span{
	display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: black;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    text-indent: -70px;
    letter-spacing: 0.23px;
}
.buttons_right .reet{float: left;margin-left: 20px;width:200px;font-size:13px;font-weight:600;letter-spacing:0.5px;}
.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;
	}
	.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;
	}
	.form_box__ ul li.empty{
		display:none;
	}
	
	.form_box__ ul li .label__{
		width:133px !important;
	}
	.form_box__ .form_field__{
		width:calc(100% - 133px) !important;
	}
	.buttons_left{
		width:57%;
	}
	.buttons_right{
		width:43%;
	}
}

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

	.form_box__{
		padding:0 8%;
	}
	.form_box__ ul li .label__{
		width:100% !important;
	}
	.form_box__ .form_field__{
		width:100% !important;
	}
	.form_box__ ul li{
		padding-bottom:0;
		margin-bottom:10px;
	}

	.form_field__{height: auto !important;}
	.form_field__ select, .form_field__ input{width: 100% !important;margin-right: 0px;margin-bottom: 0px; float: none !important;}
	.form_field__ input , .form_field__ select{margin-bottom: 0px !important;}
	.form_field__ .line{display: none !important;}
	.form_buttons{width: 100% !important;}
	.form_buttons a{float: none;width: 40% !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;}
}