.query-form { background: #373333e0; overflow: hidden; color: #fff; border-radius: 4px; width: 120%; position: absolute; top: 0;}
.query-form .head { text-align: center; margin-bottom: 20px;}
.query-form .head h2 { margin: 0 0 6px;}
.query-form .head p { margin: 0; font-size: 14px; padding: 6px 32px 6px 12px;}
.query-form .form-control { border: none; border-radius: 4px !important;}
.query-form .form-group { margin-bottom: 13px;}
.query-form .bottom p { font-size: 10px;}
.query-form .sec { padding: 0 4px;}
.query-form label { display:inline-block; position:relative; padding-left:18px; font-weight: normal; font-size: 12px; margin-bottom: 0; vertical-align: top; font-family: 'arial'; line-height: 22px;}
.query-form input[type=radio] { display:none;}
.query-form label:before { content:""; position:absolute; top: 3px; left:0; background:#fff; height: 15px; width: 15px; 
border-radius: 12px; transition: all 0.3s cubic-bezier(0, 0.82, 0.37, 1.18);}
.query-form input[type=radio]:checked + label:after { content: "\2022"; font-size: 22px; line-height: normal; background: #e67817; text-align: center; left: 3px; position: absolute; top: 6px; content: ''; width: 9px; height: 9px; border-radius: 50%;}
.query-form .sec .icon { position: absolute; right: 14px; top: 10px; color: #333; font-size: 13px; border-left: 1px solid #ccc; padding-left: 6px;}
.query-form .btn-send { background: #e67817; color: #fff; font-weight: 400; font-size: 18px; padding: 9px 33px; margin-top: 11px;}
.query-form .btn-send:hover, .query-form .btn-send:active, .query-form .btn-send:focus { background: #4ab9cf; color: #fff;}
.query-form .radio { line-height: 14px;}
.query-form .radio { display: flex; flex-wrap: wrap; justify-content: center; border: 1px solid #ffffff3b; color: #fff; border-radius: 4px; padding: 0;}
.radio .sec { border-right: 1px solid #ddddddb5; padding: 7px 10px;}
.radio .sec:nth-last-child(1) {border-right: 0;}
.query-form .date .icon { left: 12px; top: 7px; padding: 0; z-index: 999; border: none;}
.query-form .date .form-control { left: 4px; top: 7px; padding: 6px 6px 6px 33px;}
.query-form .moving .form-control { padding: 6px 33px 6px 10px;}
textarea { resize: none;}

.thnk-box { min-height: 400px; margin-top: 200px;}
@media screen and (max-width:320px){
	.img-responsive {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.banner-2 .form-wrap {
		position: absolute;
		right: 2%;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.query-form { background: #373333e0; overflow: hidden; color: #fff; border-radius: 4px; width: 98%; right:0%; position: absolute; top: 0;}
}
@media screen and (max-width:360px){
	.img-responsive {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.banner-2 .form-wrap {
		position: absolute;
		right: 2%;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.query-form { background: #373333e0; overflow: hidden; color: #fff; border-radius: 4px; width: 98%; right:0%; position: absolute; top: 0;}
}
@media screen and (max-width:768px){
	.img-responsive {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.banner-2 .form-wrap {
		position: absolute;
		right: 2%;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	.query-form { background: #373333e0; overflow: hidden; color: #fff; border-radius: 4px; width: 98%; right:0%; position: absolute; top: 0;}
}