html{
	height: 100%;
}
body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
	margin: 0;
		
    background: url('../images/signin/signin.jpg') no-repeat center center fixed;
	background-size: cover;
}
.content {
    width: 100%;
    height: 100%;
    flex: 1;
}
.content-top{
	width: 100%;
	position: relative;
}
.content-top>img{
	display: block;
	width: 100%;
}
.logo{
	width: auto !important;
	height: 35%;
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.signin{
	width: 500px;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.signin h1{
	text-align: center;
	color: #FFFFFF;
	margin-top: 1.5rem;
	font-size: 1.6875rem;
}
.signin>form{
	width: 100%;
	height: auto;
	background: url(../images/signin/biankuan.png) no-repeat;
	background-size:100% 100%;
	padding: 1.875rem;
	box-sizing: border-box;
}
.signin form h1{
	font-size: 2.109375rem;
}
.signin-input{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	padding:0 1.875rem;
	box-sizing: border-box;
	margin-bottom: 1.875rem;
}
.signin-input:nth-of-type(1){
	margin-top: 1.875rem;
}
.signin-input>img{
	position: absolute;
	top: 50%;
	left: 2.375rem;
	transform: translate(0,-50%);
}
.signin-input input{
	width: 100%;
	height: 2.25rem;
	outline: none;
	border: none;
	padding-left: 2.5rem;
	background: rgba(6,135,205,.3);
	border: 2px solid rgba(6,135,205,.5);
	color: #FFFFFF;
	box-sizing: border-box;
	font-size: 1.171875rem;
}
.signin-input input::-webkit-input-placeholder{
	color: #FFFFFF;
}
.yzm input{
	width: 50%;
	float: left;
	border-right: none;
}
.yzm{
	margin-bottom: 2.5rem;
}
.both{
	clear: both;
}
.input-yzm{
	width: 40%;
	float: left;
	display: block;
	height: 2.25rem;
	background: #4aabfe;
	/*border: 2px solid rgba(6,135,205,.5);*/
	border-left: none;
	box-sizing: border-box;
	font-size: 1.171875rem;
	text-align: center;
	line-height: 2.25rem;
	color: #FFFFFF;
	cursor: pointer;
}
.input-yzm>img{
	width: 100%;
	height: 100%;
}
.submit{
	width: 100%;
	height: auto;
	margin: auto;
	height: 2.25rem;
	color: #FFFFFF;
	border: none;
	background: #4aabfe !important;
	border: none !important;
	padding-left: 0 !important;
	cursor: pointer;
}

