﻿.cen_box_yy{background: url("/style/bg_yy.jpg") center no-repeat; width: 100%; height: 1400px; display:block; overflow: hidden;}

.my-popup {
	position: absolute;
	top: 300px;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	min-height: 100%;
	font-size: 0;
	text-align: center;
	transition: all 200ms
}
.my-popup.nofixed {
	position: absolute
}
.my-popup.show-opacity {
	opacity: 1
}
.my-popup.close-opacity {
	opacity: 0
}
.my-popup.show-top {
	transform: translateY(0);
	opacity: 1
}
.my-popup.close-top {
	transform: translateY(-100%);
	opacity: 0
}
.my-popup.show-right {
	transform: translateX(0);
	opacity: 1
}
.my-popup.close-right {
	transform: translateX(100%);
	opacity: 0
}
.my-popup.show-bottom {
	transform: translateY(0);
	opacity: 1
}
.my-popup.close-bottom {
	transform: translateY(100%);
	opacity: 0
}
.my-popup.show-left {
	transform: translateX(0);
	opacity: 1
}
.my-popup.close-left {
	transform: translateX(-100%);
	opacity: 0
}
.my-popup::after {
	content: '';
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}
.my-popup .my-popup-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100%;
	background: #191919;
	filter: alpha(opacity=00);
	opacity: .2
}
.my-popup .popup-content {
	position: relative;
	z-index: 100;
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	background: #fff;
	background: rgba(255, 255, 255, 0.97);
	font-size: 14px;
	width: 900px;
    height: 80vh;
	box-shadow: 0px 0px 20px #aaa;
	border-radius: 10px;
}

.popup-close:before{
	background: #777777;
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    margin-left: 0px;
	content: '';
	display: block;
    height: 4px;
    position: absolute;
}
.popup-close:after{
	background: #777777;
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	content: '';
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
}
.popup-close {
    display: inline-block;
    cursor: pointer;
    z-index: 201;
    position: relative;
    width: 30px;
    height: 4px;
	background: none;
}
.btn-box{position: absolute;top:50px; right: 50px;}
.btn-box button:focus{outline: none;}
.formBox {
	float: left;
    width: 100%;
    padding: 70px 1% 1vh 1%;
    display: block;
	text-align: center;
	transition: all 200ms
}
.formBox .btn_more{margin-top:2vh;float: left;width: 100%;}
.btn_more .order_input_lx{
    border: 1px solid #cecece;
    background: none;
    border-radius: 5px;
    width: 25%;
    float: left;
    padding: 6px 10px;
	margin-top: 4px;
    color: #aaa;
}
.btn_more .form_item_img{
    float: left;
	margin:5px 10px;
}
.btn_more .search_btn{
	color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    padding: 10px 40px;
    background: #4cd2b8;
    display: inline-block;
    cursor: pointer;
    float: left;
    margin: 4px 20px auto 20px;
    border-radius: 5px;
	border: 0px;
	width: auto;
	height: auto;
}

.formBox{float:left; width: 100%;padding: 1vh 1% 1vh 1%;display: block;}
.formBox h3{font-size:22px; font-weight: 300; color:#333333;display: block;text-align: left;font-weight: bold;margin:1vh 5% 1vh auto;}
.formBox .form_item{width: 100%;
    float: left;
    margin: 1vh 2% 1vh auto;
    position: relative;}
.formBox .form_item input[type="text"]{border: 1px solid #cecece;
    background: none;
    border-radius: 5px;
    width: 60%;
    float: none;
    padding: 10px 10px;color: #cecece;}
.formBox .form_item input[type="text"]::-webkit-input-placeholder{ color:#cecece; font-size: 14px;}    /* 使用webkit内核的浏览器 */
.formBox .form_item input[type="text"]:-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本4-18 */
.formBox .form_item input[type="text"]::-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本19+ */
.formBox .form_item input[type="text"]:-ms-input-placeholder{color:#cecece; font-size: 14px;}   
.InputErr{position: absolute; top:10px; right: 5px; color:#ffa53a; font-size: 20px;}
.formBox .form_item input.yydate{background: url("icon_date.png") no-repeat 97% center transparent;}
#Calendar{width:80%;}
#Calendar table{width:100%;}


.formBox .form_item select.yySel{border: 1px solid #cecece;
    background: none;
    border-radius: 5px;
    width: 96%;
    float: left;
    padding: 15px 15px 15px 10px;
	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
	background: url("icon_sel.png") no-repeat scroll 96% center transparent;
	color:#cecece;
}
/*.formBox .form_item select.yySel:focus{border:0px;}*/
.formBox .form_item select.yySel::-ms-expand {display: none;}

.formBox .form_item select.yySel::-webkit-input-placeholder{ color:#cecece; font-size: 14px;}    /* 使用webkit内核的浏览器 */
.formBox .form_item select.yySel:-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本4-18 */
.formBox .form_item select.yySel::-moz-placeholder{color:#cecece; font-size: 14px;}                  /* Firefox版本19+ */
.formBox .form_item select.yySel:-ms-input-placeholder{color:#cecece; font-size: 14px;} 
.formBox .form_item select.yySel option::-ms-expand{ display: none; }
.formBox .form_item select.yySel option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
}
.formBox .form_item select.yySel option{margin:10px auto;background: #f5f5f5; font-size:14px; line-height: 2em;
    color: #4cd2b8;}
.formBox .form_item select.yySel option.default{color:#cecece;}

.formBox h5{font-size:14px; font-weight: 300; color:#333333;display: block;text-align: left;margin:2vh auto 1vh auto;float: left;width: 99%;font-weight: bold;}
.formBox .form_text{width:93%; float: left;display: block;}
.formBox .form_text textarea{    width: 100%;
    height: 16vh;
    color: #cecece;
    border: 1px solid #cecece;
    border-radius: 5px;
    background: none;
    padding: 10px;
	box-sizing: border-box;
}


@media only screen and (min-width: 1024px) {
	
}

@media screen and (max-width: 1023px)
{
	.my-popup .popup-content{width: 90%;}
	.popup-close{border: none;}
	.btn-box {
		position: absolute;
		top: 50px;
		right: 10%;
	}
	.formBox {
		float: left;
		width: 90%;
		padding: 10vh 5% 1vh 5%;
		display: block;
		border: none;
	}
	.formBox h3 {
		font-size: 22px;
		font-weight: 300;
		color: #333333;
		display: block;
		text-align: left;
		margin: 0vh 5% 1vh auto;
	}
	.formBox .form_item:nth-of-type(3),.formBox .form_item:nth-of-type(4){width:100%;margin: 2vh auto;}
	.formBox .form_item:nth-of-type(2) input[type="text"]{width:85%;}
	.formBox .form_item:nth-of-type(4) input[type="text"]{width:89%;}
	.formBox .form_text textarea{height: 10vh;}
	.formBox .btn_more{margin-top: 2vh;}
	
	.cen_box_yy {
		background: url(/style/bg_yy.jpg) 55% 10% no-repeat;
		width: 100%;
		height: auto;
		min-height: 1000px;
		/* display: -webkit-box; */
		overflow: hidden;
	}
}
@media (min-width: 375px) and (max-width: 767px)
{
	
}
@media (min-width: 321px) and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}