@charset "utf-8";
@import url(../../Common/Css/font.css);

.loginpage{margin:0}
.loginWrap{position:relative;width:100%;min-height:100vh;margin:0;background:#294866 url(../../Common/Image/Login/login-bg.png) no-repeat center;background-size:100%;overflow:hidden}
.loginWrap::before{content:'';position:absolute;width:100%;height:100%;background:url(../../Common/Image/Login/bg-grid.svg) no-repeat center;background-size:100%;opacity:.2}
.loginContainer{position:relative;width:737px;height:685px;margin:6% auto 0;background:url(../Image/Login/login-img.png) no-repeat;animation-name:login-container;animation-duration:1s}
	@keyframes login-container{
    0%   {margin:0 auto;opacity:0}
    100% {margin:6% auto 0;opacity:1}
	}
.loginContainer h1.logo{width:272px;height:32px;background:url(../../Common/Image/Login/login-logo.png) no-repeat 0 0;margin-left:20px;text-indent:-999999px}	
.loginContent{display:block;position:absolute;left:150px;top:80px;width:300px;height:420px;padding:50px;overflow:hidden}
.loginContent h1{text-align:center}
.slogan{width:242px;height:45px;margin:30px auto;background:url(../Image/Login/login-slogan.png)}
.login{position:relative;z-index:5;top:80px}
.login~div{width:260px;margin:0 auto}
.login input, .login .btn-login{display:block;width:240px;padding:5px 10px;margin:0 auto 6px;letter-spacing:.5px;line-height:25px}
.login input[type=text], .login input[type=password]{width:260px;height:37px;border:1px solid #8da1b8;font-size:14px}
.login a.btn-login{height:30px;background-color:#1e4e7a;color:rgba(255,255,255,.7);text-align:center;font-size:15px;font-weight:700}
.login a.btn-login:hover{background-color:#153f66;color:#fff}
.loginContent .remember {margin:90px auto 7px;color:#666;font-size:11px}
.remember input{vertical-align:middle}
.wrong{color:#ff3333;font-size:11px}
.copyright{position:absolute;bottom:40px;margin-left:20px;color:#999;font-size:11px;letter-spacing:.5px;text-align:center}