﻿@charset "utf-8";
html{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	height: 100%;
}
*{  margin:0;padding:0;border:0;list-style:none;-webkit-tap-highlight-color:rgba(255,0,0,0);font-family:"微软雅黑","arial";
    color: #333;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
body{
	background-color: #FFFFFF;
    color:#666666;
    height: 100%;
}
.hide{
	display:none!important;
}
a{
	text-decoration:none;
	list-style: none outside none;
	overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
h2{font-size: 2.4rem;}
h3{font-size: 1.6rem;}

input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

.page{
	height: 100%;
	padding: 0;
	text-align: center;
}

.box{
	padding: 0 1.5rem;
	text-align: center;
}

.title{
	text-align: center;
	width:100%;
	display:block;
    min-height:8rem;
    padding-top:4rem;
}

.title_name{
    color: #44c967;
    padding: 0 0.3rem;
}

.hint{
	text-align: center;
	width:100%;
	display:block;
    min-height:2rem;
    font-size: 1.2rem;
    color: #666666;
}

.main{
	text-align: center;
	width:100%;
	display:block;
    min-height:10rem;
    border-radius:0.5rem;
    border:1px solid #CBCBCB;
	padding: 0 1.5rem;
}

.opreate{
	text-align:center;
	width:100%;
	display:block;
    min-height:8rem;
    padding-top: 2rem;
} 

.tel_agreement{
	text-align: center;
	width:100%;
	display:block;
    min-height:3rem;
    font-size: 1.3rem;
    color: #666666;
}

.input_div{
	padding-left:2.5rem;
	background-position:0 center; 
	background-repeat:no-repeat; 
	background-size:1.6rem;
}

.input_style{
	font-size:1.4rem;
	BORDER:0px;
	LINE-HEIGHT:3rem;
	WIDTH:100%;
	HEIGHT:4.9rem;
}

.box #sub{
	width:100%;
	height:4rem;
	border-radius:0.5rem;
	border-width:0px;
	BACKGROUND: #44c967;
	font-size:1.6rem;
	color:#FFFFFF;
}

.main_wait{
	text-align: center;
	width:100%;
	display:block;
    min-height:16rem;
    font-size:2.4rem;
    font-weight:bold;
    line-height:16rem;
	padding: 0 1.5rem;
	color:#44c967;
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:16rem;
}
.border_div{
	border-bottom:1px solid #e5e5e5;
	width:100%;
	text-align:left;
}
.input_div_new{
	padding-left:2.5rem;
	background-position:0.7rem 2.5rem;
	background-repeat:no-repeat;
	background-size:1.4rem;
}
.input_style_new{
	 height:4.2rem;
	 line-height:4.2rem;
	 font-size:1.4rem;
	 padding-top:2.4rem;
	 padding-left:1.2rem;
	 width:100%;
}


.input_box{
	text-align: center;
	width:100%;
	display:block;
    min-height:4rem;
    border-radius:0.5rem;
    border:1px solid #CBCBCB;
	padding: 0 1.5rem;
	font-size:1.4rem;
	color: #666666;
}

.input_box_style{
	font-size:1.4rem;
	BORDER:0px;
	LINE-HEIGHT:3rem;
	WIDTH:100%;
	HEIGHT:4rem;
}

.second_title{
	text-align: center;
	width:100%;
	display:block;
    min-height:3rem;
    font-size: 1.5rem;
    color: #666666;
}

.input_box_interval{
	text-align: center;
	width:100%;
	display:block;
    min-height:1.5rem;
    font-size: 1rem;
    color: #666666;
}





































@media screen and (min-width: 320px) {html{font-size:62.5%;}}
@media screen and (min-width: 360px) {html{font-size:70.3125%;}}
@media screen and (min-width: 375px) {html{font-size:73.2421875%;}}
@media screen and (min-width: 400px) {html{font-size:78.125%;}}
@media screen and (min-width: 414px) {html{font-size:80.859375%;}}
@media screen and (min-width: 440px) {html{font-size:85.9375%;}}
@media screen and (min-width: 480px) {html{font-size:93.75%;}}
@media screen and (min-width: 520px) {html{font-size:101.5625%;}}
@media screen and (min-width: 560px) {html{font-size:109.375%;}}
@media screen and (min-width: 600px) {html{font-size:117.1875%;}}
@media screen and (min-width: 640px) {html{font-size:125%;}}
@media screen and (min-width: 680px) {html{font-size:132.8125%;}}
@media screen and (min-width: 720px) {html{font-size:140.625%;}}
@media screen and (min-width: 760px) {html{font-size:148.4375%;}}
@media screen and (min-width: 800px) {html{font-size:156.25%;}}
@media screen and (min-width: 960px) {html{font-size:187.5%;}}
