.loginPage{width:100vw;height:100vh;position:fixed;background:rgba(13,12,34,.56);inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.loginPage .loginCard{position:relative;margin:auto;height:550px;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #c2c2c275;display:flex;background:#ffffff;transition:all .3s;transform:translateY(60px);animation:loadingLogin .5s forwards}.loginPage .loginCard .leftLogin{flex:1;height:100%}.loginPage .loginCard .leftLogin>img{border-radius:16px;padding:6px;width:550px;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1 / 1}.loginPage .loginCard .rightLogin{position:relative;background:#ffffff;flex-shrink:0;width:350px;padding:40px 35px}@keyframes loadingLogin{0%{transform:translateY(60px)}to{transform:translateY(0)}}.closeLogin{position:absolute;width:40px;height:40px;right:25px;top:35px;cursor:pointer;z-index:10}.loginFade-enter-active,.loginFade-leave-active{transition:all .5s}.loginFade-enter,.loginFade-leave-to{opacity:0}.loginIco{width:30px;height:30px;border-radius:100%;margin-right:10px}.loginBtn{width:100%;height:38px;color:#fff;border-radius:8px;background:#007AFF;font-size:14px}.hr-login{border-color:#f1f1f1}@media (max-width: 550px){.closeLogin{right:15px;top:45px}.loginCard{box-shadow:none!important;border-radius:0!important;height:100%!important;width:100%!important;transform:translateY(0)!important;animation:none!important}.leftLogin{display:none}.rightLogin{position:relative;padding:50px 15px!important;width:100%!important}}.input_title{font-size:12px;margin-bottom:3px;color:#8c939d}.SmsCodeButton{width:100px;height:45px;background:#F3F3F3;color:#6c6c6c;border-radius:8px;font-size:14px;border:1px solid #f1f1f1;transition:background-color .3s}.SmsCodeButton:active{background-color:#e3e3e3}.inputLogin{border:2px solid transparent;width:100%;height:45px;padding-left:.8em;outline:none;font-size:14px;overflow:hidden;background-color:#f3f3f3;border-radius:8px;transition:all .5s}.inputLogin:hover,.inputLogin:focus{border:2px solid rgba(74,157,236,.76);box-shadow:0 0 0 5px #4a9dec33;background-color:#fff}:root{--framerSvg: #a5a5a5;--frameHeight: 500px}.componentView{position:absolute;width:100%;height:calc(100% - 28px)}.framerAlert{overflow:hidden;min-height:500px;height:var(--frameHeight)}.framerAlert>.el-dialog__header{height:28px;margin-right:0;border-radius:10px 10px 0 0;overflow:hidden;padding:0!important}.framerAlert>.el-dialog__body{padding:0!important}.framerAlert .windowController{padding:5px 10px}.framerAlert .windowController>svg{width:18px;height:18px}.framerAlert .windowfull:hover{--framerSvg: #ffffff;background-color:#2fb8f8}.framerAlert .windowclose:hover{--framerSvg: #ffffff;background-color:#ff000d}.appSide{position:fixed;z-index:999}
