html,
body {
    width: 100vw;
    height: 100vh;
}
body {
	background: url(../images/bg.png) no-repeat top right;
	background-size: cover;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	
	
}
svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
    pointer-events: none;
}
.text{width: 70vw;
    height: 100vh;
    overflow: hidden;
    /* text-align: center; */
    line-height: calc(100vw * 50 / 1920);
    display: flex;
    margin-top: 20px;
    /* align-items: center; */
    flex-direction: column;
    margin-left: 20px;}
.text .ch{font-size: calc(100vw * 29 / 1920);
    font-weight: 600;
    color: #375668;}
.text .sh{font-size: calc(100vw * 50 / 1920); font-weight: 600; opacity: .3; text-transform: uppercase;}
form{width: 100%; background-image: linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 31%, #F8FBFF 50%, #F8FCFF 75%, #FFFFFF 100%);
    box-shadow: 0 12px 20px 0 rgb(0 0 0 / 7%);
    border-radius: 12px;
    padding:calc(100vh * 40 / 1080) calc(100vw * 40 / 1920) calc(100vh * 80 / 1080); }
.login{
    position: absolute;
    z-index: 1;
    width: calc(100vw * 380 / 1920);
    top: 50%;
    transform: translate(0, -50%);
    left: 20%;
}
.login h4{
    font-size: calc(30vw * 24 / 640);
    color: #164a62;
    font-weight: 600;
    text-align: center;
}

.username,.password{background: #ecf0f5; padding: 5px 5px 5px 40px;  border-radius: 4px; width: 100%; margin-top: calc(100vh * 30 / 1080); position: relative;}
.username::after,.password::after{display: block; content: ""; background: url(../images/username.svg) no-repeat; width: 20px; height: 20px; position: absolute; top: 10px;left: 10px}
.password::after{background: url(../images/password.svg) no-repeat}
.username input,.password input{height:30px; background: none; border:none;color: #666;font-size: 14px;}
.login a{
    background: #164a62;
    color: #fff;
    height: 45px;
    line-height: 35px;
    border-radius: 4px;
    width: 100%;
    margin-top: calc(100vh * 30 / 1080);
    padding: 5px 0;
    display: block;
    text-align: center;
    letter-spacing: 10px;
}
#lr_login_btn:hover{cursor: pointer; background: #128e3b}
.error_info{color:red;margin-top: 20px;}
.logo{text-align: center;}
.logo img{height: 100px;margin: 0 auto 10px;}