.login-loading{ position: fixed; top: 0px; left: 0px; background-color: #eb6100; width: 100%; height:3px;animation: loading .6s ease both;-webkit-animation: loading .6s ease both; }
@keyframes loading {
	from {left: 0px; width: 1px;}
	to {left: 0px; width: 100%;}
}
@-webkit-keyframes loading {
	from {left: 0px; width: 1px;}
	to {left: 0px; width: 100%; }
}
.login-nr{ position: fixed; width: 100%; height: 100%;top: 0px; left: 0px;
	background-image: linear-gradient(180deg, rgba(255,255,255, 0.01), rgba(255,255,255, 0.2) 85%),radial-gradient(ellipse at top left, rgba(13,110,253, 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(255,228,132, 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(112.520718,44.062154,249.437846, 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(214,51,132, 0.5), transparent 50%);
}
.login-from-nr{position: absolute; width:31%; min-width:400px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.login-fmlist{ background-color: #ffffff; border-radius: 2px; padding:10%; border-radius: 10px; }
.login-logo{ width: 100%; }
.login-logo img{ width:140px; height: auto; }
.login-wlcome{ padding: 25px 0px; }
.bi-one{ position: absolute; top: 16px; font-size: 16px; left:10px; }
.login-wlcome dt{ font-size: 18px; font-weight: bold;}
.login-wlcome dd{ font-size: 15px; color: #999999; padding: 8px 0px;}
.login-wlcome p{ font-size: 15px; color: #ff0000; padding: 8px 0px; }
.login-input dd{ width: 100%; margin-bottom:25px; position: relative;}
.form-control{ padding:0px 25px 0px 40px; color: #000000; height: 50px; line-height: 50px; border:solid 1px #f3f3f3; display: block; font-size: 12px; outline: none;background: transparent;box-sizing: border-box; width: 100%;}
.form-control:focus{ border-color:#80bdff; }
.form-button{ outline: none; border:none; background-color: #4d83ff; border-radius: 2px; width: 100%; color: #ffffff; font-size: 14px; height: 50px; line-height: 50px; cursor: pointer; }
.form-button:hover{ background-color: #2768ff; }
.form-yzm{ cursor: pointer; outline: none; background-color:#80bdff; height: 50px; width: 30%; border:none; color: #ffffff; font-size: 12px;display: inline-block; }
.form-yzm:hover{ background-color: #4ca2ff; }
.input-yzm{ float: left;width: 70%; position: relative; }
.inpu-cuo input,.inpu-cuo input:focus{ border-color: #ff0000;}
.login-night{ font-size:24px; position: fixed; top:20px; right: 20px; color: #eb6100; cursor: pointer; z-index: 3;}
.toggle i.bi-moon-stars-fill,.active i.bi-sun-fill{ display: none; }
.active i.bi-moon-stars-fill{ display: inline-block; color: #2768ff; }
input.form-control::-webkit-input-placeholder{ color: #666666; }
.bi-cuo{ display: none; position: absolute; font-size: 12px; color: #ff0000; right: 0px;top: 0px; line-height: 50px;width: 50px; text-align: center; }
.inpu-cuo .bi-cuo{ display: block; }
#cancel,#submit{ display: none; }