*{
	margin:0;padding:0;
	box-sizing: border-box
}
body{
	margin:0 !important;padding:0 !important;
}
.denglukuang {
	max-width: 550px;
	max-height: 546px;
	background: rgba(255, 255, 255, 0.2);
	width: 21.7%;
	min-width: 412px;
	padding: 12px 0;
	height: 264px
}
.denglukuang>form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 19.9%;
	min-width: 381px;
	background: #fff;
	border-radius: 5px;
	text-align: left;
	padding: 0 10px;
	height: 240px;
	margin: 0 auto
}
.denglukuang>form>p {
	border-bottom: 1px solid #f3f3f3;
	height: 38px;
	line-height: 38px;
	color: #4196ef
}
.denglukuang>form>p.dengluanniu {
	height: 38px;
	line-height: 38px;
	color: #4196ef;
	border: 0
}
.denglukuang>form>p.error_message {
	height: 30px;
	line-height: 30px;
	border: 0
}
.denglukuang>form>p>span {
	color: #d2d2d2
}
.denglukuang>form>p>input {
	height: 38px;
	padding: 0 10px;
	border: 0;
	width: 100%;
	padding-left: 32px
}
.denglukuang input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}
.denglukuang>form>p>input.ren {
	background: url("../images/ren.png") no-repeat 2% center;
	-webkit-background-size: 18px;
	background-size: 18px
}
.denglukuang>form>p>input.suo {
	background: url("../images/suo.png") no-repeat 2% center;
	-webkit-background-size: 18px;
	background-size: 18px
}
.denglukuang>form>p>input.key {
	margin-left: 3px;
	padding-left: 29px;
	background: url("../images/key.png") no-repeat 2% center;
	-webkit-background-size: 18px;
	background-size: 18px;
	width: 64%
}
.denglukuang>form>p.yanzheng {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.denglukuang>form>p>input.key+span {
	display: inline-block;
	width: 34%;
	color: red;
	height: 38px;
	padding-top: 4px;
	cursor: pointer
}
.denglukuang>form>p.dengluanniu>button {
	background: #3692ee;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
	height: 38px;
	padding: 0 10px;
	border: 0;
	width: 100%
}
.denglukuang .error_message {
	text-align: center
}
.denglukuang .error_message .login_message {
	color: red;
	font-size: 14px
}.denglu {
	margin: 0 auto;
	width: 65%;
	text-align: center;
	max-width: 1497px;
	min-width: 1122px
}
.denglu>#logo {
	margin-top: 8.39%;
	margin-right: auto;
	margin-left: auto;
	min-width: 1066px;
	max-width: 1422px;
	height:90px;
	background-image:url(../images/logo01.png);
	background-size:100%;
	background-position:0 0;
	background-repeat: no-repeat;
}
.dengluwenzi img {
	width: 380px;
	margin-bottom: 20px;
	margin-top: -45px
}
#login {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-height: 100vh;
	position: relative;
	font-family: sans-serif;
	font-size: 16px;
	background: linear-gradient(0deg, #3392ee 0, #84f1ff 22%, #3392ee 100%);
	height: 100vh;
	min-height: 800px;
}
#footer{
	position:absolute;bottom: 10px;z-index:50;text-align:center;right: 0;left: 0;
	z-index:0;
}
@media screen and (min-width:1400px) and (max-width:2560px){
.denglukuang {
		max-width: 550px;
		max-height: 546px;
		background: rgba(255, 255, 255, 0.2);
		width: 21.7%;
		min-width: 412px;
		padding: 12px 0;
		height: 364px;
		border-radius: 5px
	}
	.denglukuang>form {
		height: 340px
	}
	.denglukuang>form>p {
		height: 54px;
		line-height: 54px;
		font-size: 16px
	}
	.denglukuang>form>label#checkbox1 {
		height: 54px;
		display: block;
		line-height: 54px
	}
}
@media screen and (min-width:1201px) and (max-width:1400px){
	#main>.tupian>img {
		width: inherit;
		height: inherit;
		margin-bottom: 100px
	}
	#main>.tupian {
		width: 100%;
		height: 100%;
	}
	.denglukuang {
		margin: 0 auto;
		max-width: 914px;
		max-height: 546px;
		width: 30%;
		height: 364px;
		min-width: 412px
	}
	.denglukuang>form {
		height: 340px
	}
	.denglukuang>form>p {
		height: 54px;
		line-height: 54px;
		font-size: 16px
	}
	.denglukuang>form>label#checkbox1 {
		height: 54px;
		display: block;
		line-height: 54px
	}
}
@media screen and (max-width:1200px){

	#main>.dengluwenzi>img {
		margin-top: 40px\9\0;
		margin-top: 40px\0;
		+margin-top: 40px;
		-margin-top: 40px
	}	
	.denglukuang {
		margin: 0 auto;
		max-width: 914px;
		max-height: 546px;
		width: 30%;
		height: 364px;
		min-width: 412px
	}
	.denglukuang>form {
		height: 340px
	}
	.denglukuang>form>p {
		height: 54px;
		line-height: 54px;
		font-size: 16px
	}
	.denglukuang>form>label#checkbox1 {
		height: 54px;
		display: block;
		line-height: 54px
	}
	#main>.dengluwenzi {
		width: 100%;
	    position: relative;
   		top: 74px;
	}
	#main {
		min-width: 685px;
		display: unset
	}
	.denglu {
		min-width: 685px;
		width: 100%
	}

	#main>.tupian>img {
		width: inherit;
		height: inherit;
		margin-bottom: 100px
	}
	#main>.tupian {
		width: 0;
		min-width: 0
	}
	.denglu>#logo {
		width: 100%;
		min-width: 0;
		height: 90px;
	}
}

@media screen and (min-width:1200px) and (min-height:720px){ 
	#login {
		overflow-y: hidden!important
	}
}