.login{position:relative;display:flex;justify-content:center;align-items:center;height:100%;background-image:url(../img/login-background.1be97102.jpg);background-size:cover}.login .logo-img{position:absolute;left:30px;top:20px;height:60px}.login .logo-img img{width:40px;height:auto;display:inline-block;vertical-align:top;margin-top:8px}.login .logo-img .vertical-line{display:inline-block;border-left:1px solid #fff;height:100%;margin-left:15px}.login .logo-img .logo-title{font:14px/18px Trebuchet MS,Arial,Helvetica,sans-serif;margin-left:15px;margin-top:10px;display:inline-block;font-size:14px;color:#fff;height:100%;vertical-align:top;letter-spacing:2px}.login .login-subimg{position:absolute;left:50%;top:50%;width:730px;height:400px;margin-top:-220px;margin-left:-640px}.login .login-subimg .login-subimg-0{position:absolute;left:50%;top:50%;width:930px;height:440px;margin-top:-220px;margin-left:-465px}.login .login-subimg .login-subimg-1{position:absolute;left:50%;top:50%;margin-left:-252px;margin-top:-138px;-webkit-animation:imgTransform1 5s infinite;animation:imgTransform1 5s infinite}.login .login-subimg .login-subimg-2{position:absolute;left:50%;top:50%;margin-left:0;margin-top:-180px;-webkit-animation:imgTransform2 5s infinite;animation:imgTransform2 5s infinite}.login .login-subimg .login-subimg-3{position:absolute;left:50%;top:50%;margin-left:228px;margin-top:-90px;-webkit-animation:imgTransform1 5s infinite;animation:imgTransform1 5s infinite}.login .login-subimg .login-subimg-4{position:absolute;left:50%;top:50%;margin-left:-142px;margin-top:-72px;-webkit-animation:imgTransformIcon1 3s infinite;animation:imgTransformIcon1 3s infinite}.login .login-subimg .login-subimg-5{position:absolute;left:50%;top:50%;margin-left:112px;margin-top:-128px;-webkit-animation:imgTransformIcon2 3s infinite;animation:imgTransformIcon2 3s infinite}.login .login-subimg .login-subimg-6{position:absolute;left:50%;top:50%;margin-left:328px;margin-top:-136px;-webkit-animation:imgTransformIcon3 3s infinite;animation:imgTransformIcon3 3s infinite}.login .login-main{position:absolute;top:50%;left:50%;width:410px;height:400px;margin-left:160px;margin-top:-260px;border-radius:5px;padding:16px}.login .login-main .title{margin:0 auto 30px auto;text-align:center;color:#707070}.login .login-main .login-form{border-radius:6px;background:#fff;width:400px;padding:25px 25px 5px 25px}.login .login-main .login-form .el-input,.login .login-main .login-form .el-input input{height:38px}.login .login-main .login-form .input-icon{height:39px;width:14px;margin-left:2px}.login .login-main .login-tip{font-size:13px;text-align:center;color:#bfbfbf}.login .login-main .login-code{width:33%;height:38px;float:right}.login .login-main .login-code img{cursor:pointer;vertical-align:middle}.login .login-main .login-code-img{height:38px}.login .login-wave{position:absolute;left:0;right:0;bottom:0}@-webkit-keyframes imgTransform1{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes imgTransform1{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@-webkit-keyframes imgTransform2{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes imgTransform2{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@-webkit-keyframes imgTransformIcon1{0%{margin-top:-72px}25%{margin-top:-67px}50%{margin-top:-60px}75%{margin-top:-67px}to{margin-top:-72px}}@keyframes imgTransformIcon1{0%{margin-top:-72px}25%{margin-top:-67px}50%{margin-top:-60px}75%{margin-top:-67px}to{margin-top:-72px}}@-webkit-keyframes imgTransformIcon2{0%{margin-top:-128px}25%{margin-top:-123px}50%{margin-top:-120px}75%{margin-top:-123px}to{margin-top:-128px}}@keyframes imgTransformIcon2{0%{margin-top:-128px}25%{margin-top:-123px}50%{margin-top:-120px}75%{margin-top:-123px}to{margin-top:-128px}}@-webkit-keyframes imgTransformIcon3{0%{margin-top:-136px}25%{margin-top:-130px}50%{margin-top:-125px}75%{margin-top:-130px}to{margin-top:-136px}}@keyframes imgTransformIcon3{0%{margin-top:-136px}25%{margin-top:-130px}50%{margin-top:-125px}75%{margin-top:-130px}to{margin-top:-136px}}.el-login-footer{font-family:Arial;font-size:12px;letter-spacing:1px;position:fixed;width:100%;bottom:0;left:0;line-height:38px;background:#3258c5;color:#3fc3e4;text-align:center}