@charset "UTF-8";
html,body{height:100%;font-size:14px;}
*{box-sizing:border-box;}
header{
	height:5.2rem;
	background:#10193E;
	position:fixed;
	width:100%;
}
header .logo{
	width:9.5rem;
	height:3rem;
	background:url('../img/pc/pc-head-logo.png') no-repeat;
	background-size:contain;
	margin: 1rem 0 0 2rem;
}
.reg-container{
	height:100%;
	padding:7rem 0 5rem;
	overflow-y:auto;
}
.reg-box{
	border:1px solid #DCDCDC;
	width:60%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	color:#434343;
	padding-bottom:3rem;
}
.reg-box h1{
	margin:2rem 0;
	font-size:1.8rem;
}
.reg-box .layui-form-item{
	width:35rem;
	margin:2rem 0 0 11rem;
}
.reg-box .layui-form-item input{
	height:3rem;
	line-height:3rem;
	width:25rem;
	padding-left:1rem;
}
.reg-box .layui-form-item input.mobile{
	width:16rem;
	margin-right:1rem;
}
.getVerifyCode{
	width:8rem;
	background:#FFF;
	border:1px solid #F0F0F0;
	color:#434343;
}
.register,.cancel,.retrive{
	width:12rem;
	background:#10193E;
	color:#FFF;
}
.cancel{
	background:#FFF;
	border:1px solid #F0F0F0;
	color:#434343;
}
.cancel:hover,.getVerifyCode:hover{
	color:#434343;
}
.toLogin a{
	color:#434343;
}