@charset "utf-8";
body {background: #fff}

header {
	height: 1.173333rem;
	background: #fff;
	position: relative;
	text-align: center;
}

header h1 {
	font-weight: normal;
	font-size:0.426667rem;
	height: 1.173333rem;
	line-height: 1.173333rem;
}

header .back {
	position: absolute;
	left: 0.266667rem;
	top: 0.266667rem;
}

header .back a{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	border-radius: 50%;
}

.back i {
	font-size:0.666667rem;
}

section {
	height: 100%;
	background: #fff;
}

.content {
	border-top:1px solid #e3e8e2;
	padding: 1.04rem 0.533333rem 3.6rem;
	/*background: #fff;*/
}

.content .phone {
	width:100%;
	height: 1.173333rem;
	margin-bottom:0.533333rem;
	border-radius: 0.133333rem;
	overflow: hidden; 
	background: #f5f7f4;
}

.content .code{
	width:100%;
	height: 1.173333rem;
	border-radius: 0.133333rem;
	overflow: hidden; 
	background: #f5f7f4;
	position: relative;
}

.content .code .gain{
	width: 2.506667rem;
	height: 1.173333rem;
	line-height: 1.173333rem;
	font-size: 0.373333rem;
	text-align: center;
	color:#fff;
	position: absolute;
	right: 0;
}

.content .code .before{
	background: #25bc1c;
}

.content .code .done{
	background: #e3e8e2;
}

.content label{
	width:1.253333rem;
	height: 0.613333rem;
	display: block;
	float: left;
	margin-top:0.186667rem; 
	text-align: center;
	padding-top: 0.186667rem;
	border-right:1px solid #e3e8e2;
}

.phone label i{
	font-size:0.453333rem;
}

.code label i{
	font-size:0.32rem;
}

.content input {
	float: left;
	height: 1.173333rem;
	line-height: 1.173333rem;
	width:50%;
	border:none;
	background: #f5f7f4;
	padding-left: 0.453333rem;
	font-size: 0.373333rem;
	color:#a1b2a2;
}

::-webkit-input-placeholder { /* WebKit browsers */ 
color:#a1b2a2;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color:#a1b2a2;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color:#a1b2a2;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color:#a1b2a2;
}

.confirm {
	color:#fff;
	font-size:0.48rem;
	text-align: center;
	height: 1.066667rem;
	line-height: 1.066667rem;
	width: 89%;
	margin: 0 auto;
	border-radius: 0.533333rem;
	background: #25bc1c;
}

.show{display: block;}
.hide{display: none;}

@media screen and (min-width: 580px) {

}