*{ margin: 0; padding: 0;}
html,body{ width: 100%; height: 100%;}
.g-content, .g-pc{
	height: 100%;
}

.g-pc{ display: none; min-height: 611px; background: url(../images/background.jpg) no-repeat; background-size: cover; text-align: center; overflow: hidden;}
.g-pc .u-logo{ margin-top: 70px;}
.g-pc .u-intro{ margin-top: 20px; font-size: 18px; color: #333333; letter-spacing: 0; line-height: 24px;}

.m-login{ 
	position: absolute; width: 384px; height: 400px; top: 205px; left: 50%; margin-left: -192px; text-align: left; background: #fff; -webkit-box-shadow:  0 16px 24px 0 rgba(0,0,0,0.20); box-shadow: 0 16px 24px 0 rgba(0,0,0,0.20); 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 32px;
	font-size: 16px;
	line-height: 24px;
  }

.m-login .u-tit{
	padding-bottom: 16px; border-bottom: solid 1px #e8e8e8;
}

.m-wrap{
	margin-top: 32px;
}
.inp-wrap{
	position: relative; padding-bottom: 24px;
}
.inp-wrap input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 320px;
	height: 48px;
	padding: 12px 16px;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #D9D9D9;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.inp-wrap input:hover,.inp-wrap input:focus{
	border: 1px solid #FF8500;
}
.inp-wrap.err-show input{
	border: 1px solid #FF0000;
}
.inp-wrap.err-show .s-err{
	display: block;
}
.s-err{
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	font-size: 12px;
	color: #FF0000;
	line-height: 18px;
}

.u-btn{
	display: block;
	background: #FF8500;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 320px;
	height: 48px;
	text-align: center;
	color: #FFFFFF;
	line-height: 48px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.u-btn:hover{
	background:  #FF9019;
	color: #FFFFFF;
	text-decoration: none;
}
.u-btn:active{
	background: #E57700;
	color: #FFFFFF;
	text-decoration: none;
}

.m-login .u-foot{
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	margin-top: 32px;
}
.m-login .u-foot .u-link{
	color: #FF8500;
}
.m-login .u-foot .u-link:hover{
	color: #FF8500;
}
.m-login .u-foot .u-link:active{
	color: #FF8500;
}

.g-app{
	display: none; text-align: center;
}
.u-box{
	margin-top: 1.19rem;
	font-size: 0.14rem;
	color: #9B9B9B;
	letter-spacing: 0;
	line-height: 0.2rem;
}
.u-box img{
	width: 1.45rem;
	margin-bottom: 0.24rem;
}