body,html{height:100vh;margin:0}.login-wrap{align-items:center;animation-duration:2s;animation-name:frame-show-form;background-color:#eff1f4;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw}.login-wrap .form-wrap{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center}.login-wrap .logo{height:auto;max-width:80%;position:relative}.login-wrap .form-wrap .login-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px 0 0 0;padding:0 20px;width:300px}.login-wrap .form-wrap .login-form input{background-color:#fff;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;font-size:14px;height:40px;line-height:40px;margin:2px 0;outline-style:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1) 0s;width:100%}.login-wrap .form-wrap .login-form input:active{border-color:#c0c4cc}.login-wrap .form-wrap .login-form input:focus{border-color:#d8bd81}.login-wrap .form-wrap .login-form button{background-color:#bb840c;border-radius:4px;border:1px solid #bb840c;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;line-height:14px;margin:5px 0;outline-style:none;padding:12px 20px;text-align:center;transition:all .1s ease 0s;user-select:none;width:100%}.login-wrap .form-wrap .login-form button:hover{background-color:#d8bd81;border-color:#d8bd81}.login-wrap .form-wrap .login-form button:active{background-color:#c89c3c;border-color:#c89c3c;color:#1e1e1e}.login-wrap .form-wrap .info{display:flex;flex-direction:column;margin:auto}.login-wrap .form-wrap .info{color:#1e1e1e;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;text-align:center}@keyframes frame-show-form{0%{opacity:0}25%{opacity:0}50%{opacity:.8}100%{opacity:1}}@media only screen and (max-width:600px){.login-wrap .form-wrap{margin:-100px 0 0 0;padding:30px 10px}}@media only screen and (min-width:600px){.login-wrap .form-wrap{margin:-120px 0 0 0;padding:30px 100px}}@media only screen and (min-width:768px){.login-wrap .form-wrap{margin:-150px 0 0 0;padding:30px 150px}}