#login-page{background-color:#0d0e0f;width:100vw;height:100vh}#login-page .page-container{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:center}#login-page .page-left{width:420px}#login-page .page-left .page-left-title{display:flex;align-items:center;flex-wrap:wrap}#login-page .page-left .page-left-title .title-1{color:#fff;font-size:32px;font-weight:500;line-height:45px}#login-page .page-left .page-left-title .title-2{color:#ffe5b3;font-size:32px;font-weight:500;line-height:45px;margin-left:10px}#login-page .page-left .page-left-tips{color:#7d7f81;font-size:16px;font-weight:400;line-height:22px;margin-top:10px;text-align:left}#login-page .page-left .login-bg-img{width:300px;height:300px;text-align:center;margin-top:32px}#login-page .login-box{width:540px;padding:100px 0}#login-page .login-box .logo-box{text-align:center}#login-page .login-box .logo-box .logo-img{width:100px;height:100px}#login-page .login-box .page-title{font-size:22px;color:#fff;font-weight:600;margin-bottom:16px;display:flex;align-items:center;justify-content:center}#login-page .login-box .page-title .avatar-img{width:30px;height:30px;margin-right:10px}#login-page .login-box .page-tips{color:#7d7f81;font-size:14px;margin-bottom:32px;text-align:center}#login-page .login-box .login-card{background:#222;border-radius:6px;padding:32px}#login-page .login-box .login-card .nav{display:flex;align-items:center;margin-bottom:16px}#login-page .login-box .login-card .nav .nav-tab{flex:1;background-color:#f5f5f5;padding:8px 0;cursor:pointer}#login-page .login-box .login-card .nav .nav-tab:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}#login-page .login-box .login-card .nav .nav-tab:nth-child(2){border-top-right-radius:5px;border-bottom-right-radius:5px}#login-page .login-box .login-card .nav .nav-tab.active{background:#007aff;color:#fff}#login-page .login-box .login-card .card-title{font-size:22px;font-weight:500;margin-bottom:32px}#login-page .login-box .login-card .card-title-tips{font-size:14px;color:#8b8b8e;margin-top:8px;margin-bottom:32px}#login-page .login-box .login-card .login-form .phone-box{display:flex;align-items:center}#login-page .login-box .login-card .login-form .phone-box .areaCode{width:80px}#login-page .login-box .login-card .login-form .phone-box .phone-input{flex:1}#login-page .login-box .login-card .login-form .el-form-item{position:relative}#login-page .login-box .login-card .login-form .el-form-item__content{margin-left:0!important;position:relative}#login-page .login-box .login-card .login-form .find-password{position:absolute;bottom:-40px;right:0;cursor:pointer}#login-page .login-box .login-card .login-form .find-password .router-style{color:red!important}#login-page .login-box .login-card .login-form .el-select .el-input__inner,#login-page .login-box .login-card .login-form .input .el-input__inner{height:48px;line-height:48px}#login-page .login-box .login-card .login-form .send-btn{position:absolute;right:0;top:0;height:48px;width:120px}#login-page .login-box .login-card .login-form .send-btn:hover{border:1px solid #dcdfe6}#login-page .login-box .login-card .el-checkbox__label{color:#fff}#login-page .login-box .login-card .login-btn{background:#e7c325;color:#000;width:100%;height:50px;font-size:16px;margin-top:32px;border:none!important;border-radius:32px}#login-page .login-box .login-card .reg{margin-top:16px;text-align:center}#login-page .login-box .login-card .reg .router-style{text-decoration:none;color:#fff;font-size:14px}