@charset "utf-8";
/* CSS Document */
body{max-width: 100%; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;}
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td{margin: 0; padding: 0;}
img{border: none; max-width: 100%;}
a{color: #2b2a3c; text-decoration: none;cursor: pointer;}
a:hover{text-decoration: none;}
a , area{blr: this.onFocus=this.blur());}
ul , ol , li{list-style: none;}
table{border-collapse: collapse; border-spacing: 0; max-width: 100%;}
input , :focus{outline: 0;}
input[type="button"] , input[type="submit"] , input[type="reset"] , select{-webkit-appearance: none; appearance:none; -moz-appearance:none; -ms-appearance:none;}
input::focus-inner{padding: 0; border: 0;}
input::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #999;}
input:-moz-placeholder{color: #999;}
input:-ms-input-placeholder{color: #999;}
.nc-container #nc_1_wrapper, .nc-container.tb-login #nc_1_wrapper{width: 100%!important;}

/* 预约弹窗 */
.xfShadow {
	position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
	background: rgba(0,0,0,.55);
	transform: scale(1);
	transition: all .5s;
	display: none;
}
.xfOrder {
	position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
	width:14rem; height:12.6rem; padding:.8rem 1rem 0; margin-left: -7rem; margin-top:-6.5rem;
	background: #fff; border-radius:.5rem;
	display: none;
}

.xfOrder .yybox{background: none;max-width:100%;display: block;}
.yybox select#city{
	float: none!important;
    width: 100%!important;
    margin-right: 0%!important;
    display: block;
}
.yybox input.username{margin-right: 0!important;}

.yybox input.username {
    float: none;
    width: 100%!important;
    margin-right: 0%;
	display: flex;
	 height: 1.2rem;
    line-height: 1.2rem;
    border-radius: 1.8rem;
    border: .05rem solid #a1a1a1;
    box-sizing: border-box;
    background: #fff;
    color: #444;
    font-size: .7rem;
}
.closeMe {
    position: absolute;
    right: .15rem;
    top: .15rem;
    cursor: pointer;
    display: block;
    width: 1rem;
    height: 1rem;
    border: .05rem solid #555;
    border-radius: 100%;
    transition: all .3s;
}
.closeMe:before, .closeMe:after {
    content: " ";
    display: block;
    width: .9rem;
    height: .1rem;
    position: absolute;
    left: .05rem;
    top: .45rem;
    background: #555;
    transform: rotate(45deg);
}
.closeMe:after {
	transform: rotate(-45deg);
}
.closeMe:hover { 
	transform: rotate(180deg);
}
.xfOrder h3 { 
	margin-bottom:.5rem; font-size:.8rem; font-weight: 400; line-height:1.4rem; text-align: center;color:#333;
}
.xfOrder .yybox .list-div { 
	position: relative;width:auto;margin:0 auto .7rem;
}
.xfOrder .yybox .list-div input,
.xfOrder .yybox .list-div select {
	display: block; width:100%; height:1.2rem; box-sizing: border-box;
	background: #fff; border:.05rem solid #a1a1a1; border-radius:1.8rem; 
	outline: none;
	font-size:.7rem; text-indent: .75em; vertical-align: middle;
	transition: all .2s;
	color:#444;font-size: 16px;
}
.xfOrder .yybox .list-div input { font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
.xfOrder .yybox .list-div input[type="text"] { box-shadow: 0 0 0 500px #fff inset;}
/* .xfOrder .list-div select { float:left; width:8.5rem; line-height: 1.8rem; padding-left:0; } */
.xfOrder .yybox .list-div input:hover,
.xfOrder .yybox .list-div select:hover { border-color:#777; }
.xfOrder .yybox .list-div input:focus,
.xfOrder .yybox .list-div select:focus { border-color:rgba(254, 90, 61, .85) ; }
.xfOrder .yybox .list-div input.error,
.xfOrder .yybox .list-div select.error { border-color:#f11d36; color:#f11d36; transition: all .2s; }
.xfOrder .yybox .list-div #PhoneCode { width:100%!important; }
.xfOrder .yybox .list-div #fs {
	position:absolute; right:0; top:0; cursor: pointer;
	width:5rem;height: 1.18rem;
	background:rgba(254, 90, 61, .85); border: none; border-radius: 2.25rem;
	background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85), rgba(236, 56, 57, 1), rgba(254, 90, 61, 1) ) no-repeat left;
	background-size: 300%;
	color: #fff; text-indent: 0;
	transition: all .3s;
	text-align: center;
}
.xfOrder .yybox .list-div #fs:hover {
	background-position: 100% center;
	color: #fff;
}
.xfOrder .yybox .list-div .tip { clear:both; height:1.2rem; color: #f11d36; font-size:.6rem; line-height:1.2rem; text-indent:.525rem; }
.xfOrder .yybox .yuyueBtn {
	width:70%; margin:.8rem auto 0;height: 1.2rem;display: block;
	background:rgba(254, 90, 61, .85); border: none; border-radius: 2.25rem;
	background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85), rgba(236, 56, 57, 1), rgba(254, 90, 61, 1) ) no-repeat left;
	background-size: 300%;
	color: #fff; text-indent: 0;
	transition: all .3s;font-size:.5rem;
	cursor: pointer;
	
}

.btn02 {
	display: block; width:16.25rem; height:2.25rem; margin:0 auto; cursor: pointer;
	background:rgba(254, 90, 61, .85); border: none; border-radius: 2.25rem;
	background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85), rgba(236, 56, 57, 1), rgba(254, 90, 61, 1) ) no-repeat left;
	background-size: 300%;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2);
	color: #fff; font-size:.75rem; line-height: 2.25rem; text-align: center;
	transition: all .3s;
}
.btn02:hover {
	background-position: 100% center;
	color: #fff;
}

/* 预约弹窗 end */



@media only all and (max-width:1200px){.onlymob{display: block;}

	/* 预约弹窗 */
	.xfOrder {height: 18.5rem;margin-top:-9.5rem;}
	.xfOrder h3{font-size:.85rem;margin:.6rem auto .9rem;}
	.xfOrder .yybox .list-div input, .xfOrder .list-div select{
		height: 2rem!important;font-size:.8rem;
	}
	.xfOrder .yybox .list-div #fs{height: 1.98rem;}
	.xfOrder .yybox .yuyueBtn{width:100%;height: 2rem;font-size: 1rem;margin-top:1.2rem;}
	/* 预约弹窗 end */

}