.login{width:100%;height:100%;background-image:url(../img/login-bg1.e7f09949.png);background-size:cover;background-position:50%;position:relative}.login-logo{top:-100px;width:11%;height:19%;background-image:url(../img/login-logo.9ac28f50.png);-webkit-transform:translate(-400%,-50%);transform:translate(-400%,-50%);-webkit-animation:slide-in 2s ease-in-out forwards;animation:slide-in 2s ease-in-out forwards}.login-img,.login-logo{position:absolute;left:50%;background-size:contain;background-position:50%;background-repeat:no-repeat}.login-img{width:50%;height:37.5%;background-image:url(../img/login-bg-life.01fab048.png);-webkit-animation:fadeOut 8s ease-in forwards;animation:fadeOut 8s ease-in forwards}.login-con,.login-img{top:50%;-webkit-transform:translate(-48%,-50%);transform:translate(-48%,-50%)}.login-con{position:absolute;left:50%;width:360px;height:360px;background-image:url(../img/login-form.1c6468ec.png);-webkit-animation:fadeIn 3s ease-out forwards;animation:fadeIn 3s ease-out forwards}.login-con-header{font-size:16px;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:100px 40px;color:#0874da}.login-con .login-tip{padding:6px 0 0 0;font-size:14px;text-align:center;color:#e70404}.login-foot{position:absolute;bottom:50px;width:100%}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in{to{top:18%}}@keyframes slide-in{to{top:18%}}