.login{width:100%;height:100%;background:url(../img/bg.29bf403e.jpg);background-size:cover;background-position:50%;position:relative;overflow:hidden}.login:before{right:0;bottom:0;background-image:url(data:image/png;base64,Cg==);background-size:cover;opacity:.15;z-index:0}.login:after,.login:before{content:"";position:absolute;top:0;left:0}.login:after{width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,120,255,.5) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(30,144,255,.4) 0,transparent 35%),radial-gradient(circle at 40% 80%,rgba(0,200,255,.35) 0,transparent 45%);z-index:1}.login .platform-logo{position:fixed;top:30px;left:40px;z-index:10}.login .platform-logo img{height:50px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.login-con{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:380px;z-index:10;background:hsla(0,0%,100%,.95);border-radius:10px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15);backdrop-filter:blur(10px);padding:30px;border:1px solid hsla(0,0%,100%,.2);overflow:hidden;-webkit-animation:fadeInUp .7s ease-out forwards;animation:fadeInUp .7s ease-out forwards}.login-con:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#1e88e5),color-stop(#42a5f5),to(#29b6f6));background:linear-gradient(90deg,#1e88e5,#42a5f5,#29b6f6)}.login-con-header{font-size:20px;font-weight:500;text-align:center;padding:15px 0 25px;color:#2d8cf0}.login-con .form-con{padding:10px 0 0}.login-con .form-con /deep/ .ivu-input{height:42px;padding:0 15px;font-size:14px;background:#f7f9fc;border:1px solid #e8eef4;border-radius:6px;-webkit-transition:all .3s;transition:all .3s}.login-con .form-con /deep/ .ivu-input:focus,.login-con .form-con /deep/ .ivu-input:hover{background:#fff;border-color:#42a5f5;-webkit-box-shadow:0 0 0 2px rgba(66,165,245,.1);box-shadow:0 0 0 2px rgba(66,165,245,.1)}.login-con .form-con /deep/ .ivu-btn-primary{height:42px;font-size:15px;font-weight:500;letter-spacing:1px;background:-webkit-gradient(linear,left top,right top,from(#1e88e5),to(#42a5f5));background:linear-gradient(90deg,#1e88e5,#42a5f5);border:none;-webkit-transition:all .3s;transition:all .3s}.login-con .form-con /deep/ .ivu-btn-primary:hover{background:-webkit-gradient(linear,left top,right top,from(#1976d2),to(#1e88e5));background:linear-gradient(90deg,#1976d2,#1e88e5);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 5px 15px rgba(33,150,243,.3);box-shadow:0 5px 15px rgba(33,150,243,.3)}.login-con .login-tip{font-size:12px;text-align:center;color:#888;margin-top:15px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}to{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@-webkit-keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.data-grid{background-size:40px 40px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.03) 1px,transparent 0);z-index:2}.data-grid,.data-particles{position:absolute;top:0;left:0;width:100%;height:100%}.data-particles{z-index:3}.data-particles .particle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.4);-webkit-box-shadow:0 0 10px rgba(100,200,255,.6);box-shadow:0 0 10px rgba(100,200,255,.6);-webkit-animation:float 30s ease-in-out infinite;animation:float 30s ease-in-out infinite}.data-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.data-lines .line{position:absolute;width:1px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(15%,rgba(100,200,255,.2)),color-stop(50%,rgba(100,200,255,.3)),color-stop(85%,rgba(100,200,255,.2)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,rgba(100,200,255,.2) 15%,rgba(100,200,255,.3) 50%,rgba(100,200,255,.2) 85%,hsla(0,0%,100%,0));-webkit-animation:dataFlow 8s linear infinite;animation:dataFlow 8s linear infinite}.data-circles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.data-circles .circle{position:absolute;border-radius:50%;border:1px solid rgba(100,200,255,.15);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:rotate 60s linear infinite;animation:rotate 60s linear infinite}@-webkit-keyframes dataFlow{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes dataFlow{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}25%{-webkit-transform:translateY(-30px) translateX(10px);transform:translateY(-30px) translateX(10px)}50%{-webkit-transform:translateY(-15px) translateX(25px);transform:translateY(-15px) translateX(25px)}75%{-webkit-transform:translateY(-40px) translateX(5px);transform:translateY(-40px) translateX(5px)}}@keyframes float{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}25%{-webkit-transform:translateY(-30px) translateX(10px);transform:translateY(-30px) translateX(10px)}50%{-webkit-transform:translateY(-15px) translateX(25px);transform:translateY(-15px) translateX(25px)}75%{-webkit-transform:translateY(-40px) translateX(5px);transform:translateY(-40px) translateX(5px)}}.platform-title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,60%);transform:translate(-50%,60%);width:100%;text-align:center;z-index:5;color:#fff;-webkit-animation:fadeIn 1s ease-out forwards;animation:fadeIn 1s ease-out forwards;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-330px}.platform-title .main-title{font-size:48px;font-weight:600;margin-bottom:16px;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.3);background:linear-gradient(100deg,#fff,#fff,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:#fff;-webkit-animation:shimmer 3s linear infinite;animation:shimmer 3s linear infinite}.platform-title .sub-title{font-size:22px;font-weight:300;opacity:.9;margin-bottom:20px;letter-spacing:1px}.platform-title .title-decoration{width:80px;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#fff),to(transparent));background:linear-gradient(90deg,transparent,#fff,transparent)}.login-con-footer{position:absolute;bottom:20px;left:0;width:100%;height:42px;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px;color:#fff}.login-con-footer a{color:#fff;margin-top:5px}