.header{margin-top:8vh;margin-bottom:5vh;text-align:center}.header .description{font-size:14px;color:rgba(0,0,0,.45);margin-top:1vh}.header .headercot{margin:0 auto}.foot{width:100%;margin-top:10vh;margin-bottom:3vh;color:rgba(0,0,0,.45);font-size:14px}.foot .help{margin:0 auto;margin-bottom:1vh;width:60%}.foot .help .item{color:rgba(0,0,0,.45)}.foot .help :hover{color:rgba(0,0,0,.65)}.lang-icon{position:fixed;top:2vh;right:1.5vw;cursor:pointer;z-index:100000}.spinner{margin-top:20vh;margin-bottom:30vh;height:60px;text-align:center;font-size:10px}.spinner span{display:block;font-size:12px;color:rgba(0,0,0,.45);margin-top:1vh}.spinner div{margin-right:4px;background-color:#4e9ff5;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s ease-in-out infinite;animation:stretchdelay 1.2s ease-in-out infinite}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.login{height:100%;background-color:#f0f2f5}.login .loginbut{font:18px/23px bold}.login *{padding:0;margin:0;box-sizing:border-box}.login body{font-family:Poppins,sans-serif}.login .wave{position:fixed;height:100%;left:0;bottom:0;z-index:0}.login .container{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:70px;padding:0 20px}.login .img{display:flex;justify-content:flex-end;align-items:center;z-index:6}.login .img img{width:500px}.login .login-container{display:flex;align-items:center;text-align:center;margin-left:60px;z-index:1}.login form{width:360px}.login .avatar{width:100px}.login input:-webkit-autofill,.login input:-webkit-autofill:active,.login input:-webkit-autofill:focus,.login input:-webkit-autofill:hover{-webkit-transition:"color 9999s ease-out, background-color 9999s ease-out";-webkit-transition-delay:9999s}.login form h2{font-size:29px;text-transform:uppercase;margin:15px 0;color:#333}.login .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login .input-div:after,.login .input-div:before{content:"";position:absolute;bottom:-2px;width:0;height:2px;background-color:#38d39f;transition:.3s}.login .input-div:after{right:50%}.login .input-div:before{left:50%}.login .input-div.focus .i i{color:#38d39f}.login .input-div.focus div h5{top:-5px;font-size:15px}.login .input-div.focus:after,.login .input-div.focus:before{width:50%}.login .input-div.one{margin-top:0}.login .input-div.two{margin-bottom:4px}.login .i{display:flex;justify-content:center;align-items:center}.login .i i{color:#d9d9d9;transition:.3s}.login .input-div>div{position:relative;height:45px}.login .input-div>div .tip-input1{top:50%;font-size:18px}.login .input-div>div .tip-input1,.login .tip-input{position:absolute;left:10px;transform:translateY(-50%);color:#999;transition:.3s}.login .tip-input{top:0;font-size:14px}.login .input{position:absolute;width:100%;height:100%;top:0;left:0;border:none;outline:none;background:none;padding:5px 20px;font-size:16px;font-family:Poppins,sans-serif;color:#555}.login a{display:block;text-align:right;text-decoration:none;color:#999;font-size:9px;transform:.3s}.login a:hover{color:#38d39f}.login .btn{display:block;width:100%;height:50px;border-radius:25px;margin:10px 0;font-size:12px;outline:none;border:none;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);cursor:pointer;color:#fff;text-transform:uppercase;font-family:Poppins,sans-serif;background-size:200%;transition:.5s}.login .btn:hover{background-position:100%}@media screen and (max-width:1050 px){.login .container{grid-gap:50px}}@media screen and (max-width:1000px){.login form{width:290px}.login form h2{font-size:24px;margin:8px 0}.login .img img{width:400px}}@media screen and (max-width:900px){.login .img{display:none}.login .container{grid-template-columns:1fr}.login .wave{display:none}.login .login-container{justify-content:center}}