html,
body {
margin: 0;
width: 100%;
height: 100%;
min-width: 1500px;
min-height: 768px;
}

body {
position: absolute;
background-image: url("https://dzgzzl.cn/admin/loadLoginPage?fileId=5NFIrwKFvjl0QfTjYPx91X&pathName=/assets/background.png");
background-size: 100% 100%;
background-repeat: no-repeat;
}

.main {
/* width: 1000px;
height: 500px; */
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
}

.title-card {
position: absolute;
margin-top: 100px;
width: 100%;
letter-spacing: 10px;
text-align: center;
font-size: 48px;
font-weight: bold;
color: #fff;
}

.login-card {
position: absolute;
top: 55%;
left: 70%;
z-index: 999;
transform: translate(-50%, -50%);
max-width: 400px;
background: #c5e4fe;
padding: 20px 48px 30px;
box-shadow: 0 7px 14px #3598f7;
border-radius: 12px;

}

.login-card h4 {
margin: 0;
margin-bottom: 20px;
color: #1482f2;
text-align: center;
letter-spacing: 10px;
font-size: 30px;
}



/*整体form位置*/
.login-form {
position: relative;

}

.login-form>div {}

/*取消输入框边框，调整大小*/
.login-form input {
border: none;
width: 220px;
height: 28px;
margin-left: 10px;

}

.login-form input:focus {
outline: none;
}

.card1,
.crad2 {
padding: 10px 20px;
border-radius: 8px;
background-color: #FFFFFF;
margin-bottom: 30px;
display: flex;
justify-content: left;
align-items: center;
}

.login-form-iocn-user,
.login-form-iocn-password {
width: 16px;
height: 16px;
}

/*单个输入框位置*/
.login-form .errormsg {
color: red;
font-family: cursive;
position: absolute;
top: 225px;
left: 0;
text-align: center;
}

/*登录按钮*/
#submit-btn {
margin-top: 80px;
padding: 12px;
border-radius: 8px;
font-size: 16px;
letter-spacing: 10px;
text-align: center;
color: #fff;
background: linear-gradient(180deg, #4ac4ff, #3478f4);
cursor: pointer;
}

#submit-btn:active {
opacity: 0.8;
}




input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background: none !important;
/*background-image: none !important;*/
color: #FFFFFF !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}

/* 备案 */
.record {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #21324963;
font-size: 14px;
}

.record .warp {
padding: 8px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;

}

.record .warp a {
text-decoration: none;
font-size: 12px;
color: #f1f1f1;
letter-spacing: 1px;
cursor: pointer;
margin-right: 10px;
}

.record-image {
width: 15px;
height: 15px;
margin-right: 5px;
}

.check {
width: 22px;
height: 22px;
cursor: pointer;

}

.check:active {
opacity: 0.8;
}