html,body{
	margin: 0;
	padding: 0;
	width: 100%;
    height: 100%;
}

body {
	min-width: 100%;
	display: flex;
    align-items: center;
}
.login{
	
	
	width: 100%;
	height: 100%;
	margin: auto;
	
	position: relative;
}

.login-logo{
	position: absolute;
	left:230px;
	top:47px;
	width: 48px;
	height: 51px;
}

.login-pic{
	
	position: absolute;
	left:250px;
	top:138px;
	width: 550px;
	height: 100%;
	line-height:35px;
}

.login-title{
	
	position: absolute;
	left:251px;
	top:48px;
	width: 800px;
	height: 46px;
}

.login-title > span:nth-child(1) {
	
	font-family: AliHYAiHei-Beta;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000000;
	
}

.login-title > span:nth-child(2) {
	
	font-family:DINPro-Regular;
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 11px;
	letter-spacing: 0px;
	color: #000000;
}

.login-regist{
	position: absolute;
	top:48px;
	right: 55px;
	width: 119px;
	height: 12px;
	font-family: PingFang-SC-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #ffffff;
	box-shadow: 0px 1px 2px 0px 
		rgba(0, 52, 54, 0.2);
}
.login-from{
	
	width: 318px;
	height: 408px;
	
	background-color: #ffffff;
	position: absolute;
	top:124px;
	left:794px;
}

.from-title{
	
	width: 225px;
	height: 81px;
	margin-left: 45px;
	margin-top: 35px;
}
	
.rectangle{
	
	margin-top: 13px;
	width: 58px;
	border-bottom: solid 3px #4497f2;
	
	}
.from-user{
	width: 225px;
	height: 43px;
	margin-left: 45px;
	margin-bottom: 25px;
	
}

.from-user  input {
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
	width: 225px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-color: #33ccff;
}

.from-user > label{
	width: 47px;
	height: 12px;
	font-family: PingFang-SC-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a8a8a8;
	
}
.from-pwd{
	
	width: 225px;
	height: 43px;
	margin-left: 45px;
	margin-bottom: 25px;
	
}

.from-pwd > label{
	width: 47px;
	height: 12px;
	font-family: PingFang-SC-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: 0px;
	color: #a8a8a8;
}
.from-pwd  input {
	border-top: hidden;
	border-left: hidden;
	border-right: hidden;
	border-bottom-width: 1px;
	width: 225px;
	padding-bottom: 2px;
	border-bottom-color: #33ccff;
}
.from-button {
	
	width: 225px;
	height: 42px;
	margin-left: 45px;
}

.from-button a {
	
	text-decoration: none;
	
	width: 100px;
	height: 35px;
	background-image: linear-gradient(0deg, 
		#009ef5 0%, 
		#0378ed 100%), 
	linear-gradient(
		#d7d7d7, 
		#d7d7d7);
	background-blend-mode: normal, 
		normal;
	border-radius: 5px;
	display: inline-block;
	font-family: PingFang-SC-Bold;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}
.from-title > span{
	font-family: PingFang-SC-Medium;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #0071ed;
}

.login-copyright{
	
	position: absolute;
	left: 870px;
	bottom: 53px;
	width: 215px;
	height: 12px;
	font-family: PingFang-SC-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000000;
	box-shadow: 0px 1px 2px 0px 
		rgba(0, 52, 54, 0.2);
}

.login-icp{
	
	position: absolute;
	left: 300px;
	bottom: 33px;
	width: 500px;
	height: 12px;
	font-family: PingFang-SC-Medium;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 1px;
	color: #000000;
	box-shadow: 0px 1px 2px 0px 
		rgba(0, 52, 54, 0.2);
}

.downapp{
	/*margin-top: 45px;
	margin-left: 45px;*/
	color: #a8a8a8;
	font-size: 12px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	line-height: 12px;
	padding: 4px;
}

.downapp a {
	text-decoration: none;
}
div.app-download{
	position: absolute;
	width: 100px;
	left: 50%;
	transform: translate(-50%, 30%);
	bottom: 20px;
}
div.app-download img{
	width: 100%;
}