body,html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.backimg{
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    background: url(../img/安徽外来人员管理系统_登录页2.png) no-repeat;
    background-size: 100vw 100vh;
    /* 2021-11-22新增 */
    /* display: inline-flex;
    display: -webkit-inline-flex; */
    /* 2021-11-22新增 */
    position: relative;
}
.htitle{
    position: absolute;
    z-index: 2;
    height: 5.99vh;
    margin-left: 17.88vw;
    margin-top: 21.32vh;
    font-family: 'AlimamaShuHeiTi';
	font-size: 6.22vh;
    font-size: 3.5vw;
	font-weight: normal;
	font-stretch: normal;
	line-height: 4.31vh;
	letter-spacing: -0.16vh;
	color: #ffffff;

}
.whitebo{
    margin-top: 14.32vh;
    margin-left: 8.56vw;
    width: 83.46vw;
	height: 71.88vh;
	background-color: #ffffff;
	border-radius: 1vw;
    display: inline-flex;
    display: -webkit-inline-flex;
}
.whitebo::after{
    content: "";
    padding-left: 4.32vw;
    line-height: 17.71vh;
    flex-wrap: nowrap;
    font-size: 6.22vh;
    font-size: 3.5vw;
    height: 5.99vh;
    letter-spacing: -0.16vh;
	color: #ffffff;
    font-family: FZCHSJW--GB1-0;
    margin-top: -1.82vh;
    margin-left:-0.22vw;
    background: url(../img/sy.png) no-repeat;
    background-size: 100% 100%;
    height: 75.91vh;
    width: 46.27vw;
    position: absolute;
    /* 2021-11-22新增 */
    left: 8.56vw;
    /* 2021-11-22新增 */
}
.title{
    margin: 0;
    width: 27.96vw;
	height: 5.99vh;
	font-family: FZCHSJW--GB1-0;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -0.09vw;
	color: #ffffff;
}

.box{
    margin-left: 4.32vw;
    margin-top: 2.99vh;
    width: 73.72vw;
    height: 49.74vh;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    justify-content: center;
}
.logintitle{
    width: 27.96vw;
    height: 4.17vh;
    margin-left: 45.75vw;
    margin-top: 8.46vh;
    height: 4.17vh;
    display: inline-flex;
    display: -webkit-inline-flex;
    color: #2b89f8;
    font-family: MicrosoftYaHei;
	font-size: 2.34vw;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -0.12vw;
    justify-content: space-between;
    align-items: center;
}
.line{
    width: 7.98vw;
	height: 0.07vw;
	background-color: #4799f9;
}
.linetext{
    font-size: 2.34vw;
    letter-spacing: -0.12vw;
}
.inputlo{
    margin-left: 45.75vw ;
    padding-left: 4.61vw;
    width: 23.28vw;
	height: 7.03vh;
	border-radius: 1.04vh;
	border: solid 0.13vh #d2d2d2;
    line-height: 7.03vh;
    outline: none;
    font-size: 2.6vh;
}
.inputlo:hover{
    border-color: #2b89f8;
}
.inputlo:focus{
    border-color: #2b89f8;
}
.inputlo::placeholder{
	font-family: MicrosoftYaHei;
	font-size: 2.6vh;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: -0.13vh;
	color: #999999;
}
#username{
    margin-top: 8.98vh;
    background: url(../img/user1.png) no-repeat;
    background-position: 1.83vw 1.95vh;
    background-size: 1.61vw 3.13vh;
}
#username:hover{
    margin-top: 8.98vh;
    background: url(../img/user2.png) no-repeat;
    background-position: 1.83vw 1.95vh;
    background-size: 1.61vw 3.13vh;
}
#password{
    margin-top: 2.34vh;
    background: url(../img/pass.png) no-repeat;
    background-position: 1.83vw 1.95vh;
    background-size: 1.61vw 3.13vh;
}
#password:hover{
    margin-top: 2.34vh;
    background: url(../img/pass2.png) no-repeat;
    background-position: 1.83vw 1.95vh;
    background-size: 1.61vw 3.13vh;
}
.btn{
    margin-left: 45.75vw ;
    margin-top: 4.56vh;
	height: 7.03vh;
	background-image: linear-gradient(-3deg, 
		#32baf3 0%, 
		#2b89f8 80%), 
	linear-gradient(
		#92a3e1, 
		#92a3e1);
	background-blend-mode: normal, 
		normal;
	border-radius: 1.04vh;
    /* text-align: center; */
}
.lotext{
    justify-content: space-between;
    margin-left: 11.86vw;
    line-height:7.03vh ;
    font-family: MicrosoftYaHei;
	font-size: 1.46vw;
	font-weight: normal;
	font-stretch: normal;
	color: #ffffff;
    letter-spacing: 1vw;
    text-decoration: none;
}