html, body {
    width: 100%;
    height: 100%;
    /* overflow-x: hidden; */
    -webkit-overflow-scrolling: touch;
} 
.login_bg{background-color: #f6f7f9;}
*{	margin: 0;
	padding: 0;}
a {
	color: inherit;
	text-decoration: none;
} 
/*公共头部*/
.public_header {
	position: relative;
	height: 1.08rem;
	line-height: 1.08rem;
	display: block;
	text-align: center;
	color: #000;
	font-size: .38rem;
	background-color: #fff;
	border-bottom: 1px solid #b7b7b7;
}
.public_header #public_header_back {
	position: absolute;
	left: 0;
	top: .35rem;
	padding: 0 .3rem ;
	width: 0.22rem;
	height: 0.37rem;
	background: url(../img/public_header_i.png) center center no-repeat;
	background-size: .22rem .37rem;
	cursor: pointer;
}
.public_header a {
	position: absolute;
	right: 0;
	font-size: .26rem;
	padding: 0 2.25%;
}
/*5.24*/
.public_header .house{display: inline-block; position: absolute;width: .8rem; height: 1.08rem;background: url(../img/house.png) no-repeat center;bottom: 0; right: 0;background-size: .46rem .43rem;padding: 0;}
.line {
     clear: both;
     position:relative;
     font-size: 0.12rem;
}
 .logo {
     padding: 0.6rem 0 0.8rem;
     text-align: center;
}
 .logo>.logo-img{
     display: inline-block;
     height: 1.2rem;
}
 .logo>p{
     font-size: 0.4rem;
     padding-top: 0.2rem;
}
 .loginBord {
     width: calc(100% - 0.4rem);
     margin:1rem auto;
     color: #333333;
     box-sizing:border-box;
}
 .first{
     position: absolute;
     opacity:1;
}
 .second{
     opacity:0;
}
 .line>span{
     font-size: 0.18rem;
     line-height: 0.38rem;
     float:left;
}
 .nav_sign{
     width: 100%;
     overflow:hidden;
}
 .nav_sign .sign {
     position: relative;
     display: block;
     padding: 0.2rem 0 0.2rem;
     text-align: center;
     font-size: 0.32rem;
     width: 50%;
     float: left;
     color:#999999;
}
 .nav_sign .sign:last-child:after{
     content:'|';
     float: left;
     width: 0.01rem;
     display: inline-block;
     height: 0.32rem;
     color: #999;
}
 .nav_sign .sign>img{
     width:0.12rem;
     padding-right:0.04rem;
     vertical-align:text-top;
}
 .nav_sign .sign_on{
     color:#333;
}
 .nav_sign .sign_on em:after{
     content: "";
     position: absolute;
     bottom: -0.01rem;
     left: calc(50% - 0.3rem);
     width: 0.6rem;
     height: 100%;
     border-radius:0.02rem;
     border-bottom: 0.04rem solid #FF5C4D;
}
 .nav_sign .sign em{
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border-bottom: 0.04rem solid #f6f7f9;
}
 .sign_bd{
     position: absolute;
     width: 100%;
     left: 0;
     margin-top: 0.6rem;
}
 .line {
     clear: both;
     position:relative;
     font-size: 0.32rem;
     background: #fff;
     display: block;
     height: 1.3rem;
}
 .line input,.line .input{
     vertical-align: middle;
/*     line-height: 1.3rem;*/
     font-size: 0.32rem;
     border: none;
     border-bottom: 0.01rem solid rgba(204, 204, 204, 1);
     float: right;
     box-sizing: border-box;
     position:relative;
     height: 1.3rem;
     width: 80%;
	 border-radius: 0;
}
 .line.borderno input:nth-of-type(1){
     border:none;
}
 .line .input{
     width: 72%;
}
 .line .input input{
     display:none;
}
 .line>span{
     line-height: 1.4rem;
     height: 1.3rem;
     float: left;
     padding-left: 0.4rem;
     width: 20%;
     box-sizing: border-box;
}
 .line .Phoneimghui{
     height: 1.3rem;
     width: 20%;
     background: url(./../img/phonehui.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line .Phoneimg{
     background: url(./../img/phonered.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line .yzmimghui{
     height: 1.3rem;
     width: 20%;
     background: url(./../img/yzhui.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line .yzmimg{
     background: url(./../img/yzred.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line .passwordhui{
     height: 1.3rem;
     width: 20%;
     background: url(./../img/passwordhui.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line .password{
     background: url(./../img/passwordred.png) no-repeat center;
     background-size: 0.4rem 0.4rem;
}
 .line>span:after{
     content:'.';
     width: 100%;
     display: inline-block;
     overflow: hidden;
     height: 0;
}
 .line em{
     position: absolute;
     right: 0.4rem;
     width: 0.45rem;
     top:0.45rem 
}
 .invisible {
     background-image: url(./../img/see.png);
     background-size: 100% 100%;
     height: 0.4rem;
}
 .visible {
     background-image: url(./../img/seeno.png);
     background-size: 100% 100%;
     height: 0.4rem;
}
 input[type=submit]{
     border:0;
}
 .verify,.seccode{
     width:100%;
     height:1.3rem;
     border:none;
     border-bottom:0.01rem solid #D5D5D5;
     background: #fff;
     box-sizing: border-box;
     font-size: 0.3rem;
}
 .loginOut {
     display: inline-block;
     width:calc(100% - 0.8rem);
     height: 0.96rem ;
     line-height: 0.96rem ;
     text-align: center;
     border-radius: 0.12rem;
     font-size: 0.3rem ;
     color: #fff;
     background: #FF5C4D;
	 background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(rgb(255, 92, 77)), to(rgb(255, 92, 77)));
     margin: 0.6rem 0.4rem;
}
 .loginhui {
     background: #ccc;
	 background-image: -webkit-gradient(linear, 0 top, 0 bottom, from(rgb(204, 204, 204)), to(rgb(204, 204, 204)));
}
 .line .border_box{
     color: #FF5C4D;
     border: 1px solid #FF5C4D;
     text-indent: 0;
}
 .line .border_box_hui{
    color: #999;
    border: 1px solid #ccc;
    text-indent: 0;
}
 .line .seccode {
     width: 80%;
}
 .line .btn2 {
     width: 36%;
     position: absolute;
     right: 0;
     top: 0.3rem;
     padding: 0;
     text-align: center;
     margin: 0 0.4rem 0 4%;
     border-radius: 0.12rem;
     background: #fff;
     height: 0.7rem;
     line-height: 0.7rem;
}
 .heat,.hint{
     font-size: 0.28rem;
     color: #999999;
     margin-top: 0.2rem;
     line-height: 1.5;
     text-align: center;
}
 .hint{
     float: right;
     margin-right: 0.4rem;
}
 input{
     background:none;
     outline:none;
     border:0px;
}
 input:-moz-placeholder,textarea:-moz-placeholder{
     color: #CCCCCC;
}
 input:-ms-input-placeholder,textarea:-ms-input-placeholder{
     color: #CCCCCC;
}
 input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
     color: #CCCCCC;
}
 .importance{
     width:100%;
     height:0.3rem;
     font-size:0.28rem;
     color:#999;
     line-height:0.3rem;
     text-align: center;
     margin: 0.6rem auto;
     position: relative 
}
 .importance i{
     width: 0.3rem;
     height: 0.3rem;
     background: url(../img/order.png) no-repeat 0rem 0;
     background-size: 0.3rem;
     position: absolute;
     left: calc(100% - 50% - 2.6rem);
}
.getCode {
    display: inline-block;
    width: 90px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #FF5C4D;
    float: right;
    height: 35px;
    padding: 0;
    bottom: 8px;
	overflow: hidden;
    position: relative;
} 