html, body {
  position: relative;
  height: 100%;
  background: #002abb;
}
 html{
	color: #333;
	min-width: 320px;
	font-size: 100%;
}
.w-f {
    width: 100%;
}
ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
video{
  max-width: 100%;
}
/*=============
 * 工具样式
 =============*/
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.f-cb {
    zoom: 1;
}
.float_r{
	float: right !important;
}
.float_l{
	float: left !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.clearfix:after,.clearfix:before{
	content: '';
	display: table;
}
.clearfix:after{
	clear: both;
}
*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
	line-height: 1.8;
	font-family: SourceHanSansCN,Microsoft YaHei;

}
a{
	color: #666;
	text-decoration: none;
	transition: all .4s;
}
a:active,a:hover{
	color: #d70c18;
	text-decoration: none;
}
.container{
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
}
.wrap_top {
    max-width: 84.0625rem;
    height: 100%;
    margin: 0 auto;
}
.main img{
  width: 100%;
}
.main .logo{
  width: 10rem;
  margin-left: 5%;
  margin-top: 1.8rem;
}
.pc_img{
  display: block
}
.mobile_img{
  display: none
}
.rent_form{
  width: 90%;
  margin: 0 auto;
}
.rent_form h2{
  font-size: 2.75rem;
  color: #fff;
  line-height: 2;
  text-align: center;
  letter-spacing: 12px;
  margin-bottom: 2rem;
}
.rent_form input{
  font-size: 1.875rem;
  color: #4a4a4a;
  width: 100%;
  line-height: 5rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 1rem;
  border:none;
  margin-bottom: 1rem;
}
.rent_form input::placeholder{
  color: #4a4a4a;
  letter-spacing: 3px;
}
.rent_form input::-moz-placeholder{
  color: #4a4a4a;
  letter-spacing: 3px;
}
.rent_form input:-moz-placeholder{
  color: #4a4a4a;
  letter-spacing: 3px;
}
.rent_form input::-webkit-input-placeholder{
  color: #4a4a4a;
  letter-spacing: 3px;
}
.rent_form input:-ms-input-placeholder{
  color: #4a4a4a;
  letter-spacing: 3px;
}
.rent_form button{
  width: 100%;
  font-size: 2rem;
  color: #fff;
  padding: 0;
  letter-spacing: 12px;
  line-height: 6.25rem;
  background: #001255;
  border: none;
}
.rent_form button:focus{
  outline: 0;
}
#masker{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: fixed;
  top:0;
  left: 0;
	display: none;
}
.success_box{
  position: fixed;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
	display: none;
}
.success_intro{
  background: #fff;
  padding: 3rem 0 2.5rem;
}
.success_intro h2{
  font-size: 2.5rem;
  color: #0066c4;
  text-align: center;
}
.success_intro p{
  font-size: 1.5rem;
  color: #4d4d4d;
  text-align: center;
  letter-spacing: 2px;
}
.success_intro button{
  font-size: 1.8rem;
  color: #ffffff;
  text-align: center;
  line-height: 3rem;
  background-image: linear-gradient(to bottom, #0dccff , #4760ff);
  border:none;
  border-radius: 1.5rem;
  padding: 0 3rem;
  display: block;
  margin: 2.5rem auto 0;
}
.success_intro button:focus{
  outline: 0;
}
.map{
	padding-bottom: 4rem;
}
#map{
	width: 90%;
	margin: 0 auto;
	height: 18rem;
}
.online{
	display: none;
	width: 75px;
	position: fixed;
	/* background: #ffe556; */
	right:0;
	bottom:20%;
	text-align: center;
	z-index: 99999;
	/* padding: .5rem 0; */
}
.online a{
	display: block;
	width: 100%;
	height: 100%;
}
.online img{
	width: 75px;
	margin-bottom: .2rem;
}
.online p{
	font-size: .875rem;
	color: #3481e3;
	display: none;
}
/**--------------------------------------------------------
**  Page---index.html
---------------------------------------------------------**/

@media only screen and (max-width:119rem) {

}
@media only screen and (max-width:100rem) {

}
@media only screen and (max-width:87rem) {

}
@media only screen and (max-width:75rem) {
  .container{ max-width: 100%; }
  .pc_img{display: none}
  .mobile_img{display: block}
}

@media only screen and (min-width:75rem) {

}

/* screen 150% */
@media screen and (max-width:62rem) {

}
@media screen and (min-width:62rem) {

}
/*移动端隐藏*/
@media screen and (max-width: 46.875rem){
  .main .logo{width: 5rem;margin-left: 5%;margin-top: 1.8rem;}
  .rent_form h2{font-size: 1.5rem;letter-spacing: 6px;margin-bottom: 1rem;}
  .rent_form input{font-size: 1.25rem;line-height: 3;}
  .rent_form button{font-size: 1.5rem;line-height: 3.5}
	.online{display: block;}
}
/*PC端隐藏*/
@media (min-width: 46.875rem){

}
@media only screen and (max-width: 37.5rem) {
  .rent_form h2{font-size: 1.5rem;letter-spacing: 6px;margin-bottom: 1rem;}
  .rent_form input{font-size: 1.125rem;line-height: 2.5;}
  .rent_form button{font-size: 1.25rem;line-height: 3}
	.success_intro{padding: 1rem;}
	.success_intro h2{font-size: 1rem;}
	.success_intro p{font-size: .75rem;}
	.success_intro button{font-size: 1rem;padding: 0 2rem;margin-top: 1rem;line-height: 2rem;}
}
/*公用-小屏幕*/
@media only screen and (max-width: 30rem) {

}