.vui-dialog-backdrop { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.65);
}
.vui-dialog-wrapper { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2001; width:100%; height:100%; text-align:center;
}
.vui-dialog-wrapper::before,
.vui-dialog-wrapper::after { content:""; display:inline-block; width:0; height:100%; overflow:hidden; vertical-align:middle;
}
.vui-dialog { display:inline-block; border-radius:4px; background-color:#fff; width:280px; vertical-align:middle;
}
.vui-dialog .vui-dialog-body { padding:24px; color:#595959; font-size:16px; line-height:20px;
}
.vui-dialog .vui-dialog-footer { display:flex; justify-content:center; align-items:flex-start; border-top:0.5px solid #e0e0e0;
}
.vui-dialog .vui-dialog-footer .btn { flex:1; display:block; padding:20px; color:#595959; font-size:16px; font-weight:600; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
}
.vui-dialog .vui-dialog-footer .btn + .btn { border-left:0.5px solid #e0e0e0;
}
.vui-dialog .vui-dialog-footer .btn:hover { background-color:#f6f6f6;
}
.vui-dialog .vui-dialog-footer .btn:active { background-color:#f6f6f6;
}
.vui-dialog .vui-dialog-footer .btn-cancel { color:#f4533f;
}
.vui-dialog .vui-dialog-footer .btn-cancel:hover {
}
.vui-dialog .vui-dialog-footer .btn-cancel:active {
}
.vui-dialog .vui-dialog-footer .btn-ok { color:#595959;
}
.vui-dialog .vui-dialog-footer .btn-ok:hover {
}
.vui-dialog .vui-dialog-footer .btn-ok:active {
}
.vui-dialog-backdrop-fade-enter-active { -webkit-animation:vuiBindingRuleBackdropFadeIn 0.2s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleBackdropFadeIn 0.2s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-backdrop-fade-leave-active { -webkit-animation:vuiBindingRuleBackdropFadeOut 0.4s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleBackdropFadeOut 0.4s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-zoom-enter-active { -webkit-animation:vuiBindingRuleZoomIn 0.2s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleZoomIn 0.2s cubic-bezier(0.23,1,0.32,1) both;
}
.vui-dialog-zoom-leave-active { -webkit-animation:vuiBindingRuleZoomOut 0.4s cubic-bezier(0.23,1,0.32,1) both; animation:vuiBindingRuleZoomOut 0.4s cubic-bezier(0.23,1,0.32,1) both;
}
@-webkit-keyframes vuiBindingRuleBackdropFadeIn {
0% { opacity:0;
}
100% { opacity:1;
}
}
@keyframes vuiBindingRuleBackdropFadeIn {
0% { opacity:0;
}
100% { opacity:1;
}
}
@-webkit-keyframes vuiBindingRuleBackdropFadeOut {
0% { opacity:1;
}
100% { opacity:0;
}
}
@keyframes vuiBindingRuleBackdropFadeOut {
0% { opacity:1;
}
100% { opacity:0;
}
}
@-webkit-keyframes vuiBindingRuleZoomIn {
0% { transform:scale(0.6);
}
100% { transform:scale(1);
}
}
@keyframes vuiBindingRuleZoomIn {
0% { transform:scale(0.6);
}
100% { transform:scale(1);
}
}
@-webkit-keyframes vuiBindingRuleZoomOut {
0% { transform:scale(1);
}
100% { transform:scale(0.6);
}
}
@keyframes vuiBindingRuleZoomOut {
0% { transform:scale(1);
}
100% { transform:scale(0.6);
}
}


.vui-layout-login-mobile { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; width:100%; height:100%;
}
.vui-layout-login-mobile-header { display:flex; flex-direction:column; justify-content:center; align-items:center; background:url("/images/static/mobile/bg.png") no-repeat 50% -80px / cover; padding:48px 0;
}
.vui-layout-login-mobile-header .logo {
}
.vui-layout-login-mobile-header .logo img { display:block; width:160px;
}
.vui-layout-login-mobile-body { flex:1; padding:0 32px;
}
.vui-layout-login-mobile-body .input { position:relative; width:100%; margin-bottom:24px;
}
.vui-layout-login-mobile-body .input .input-text { display:block; width:100%; height:48px; outline:none; border:2px solid #f4f4f4; border-radius:48px; background-color:#f4f4f4; margin:0; padding:0 16px; letter-spacing:1px; color:#606266; font-size:16px; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-mobile-body .input .input-text::-webkit-input-placeholder { position:relative; top:0; color:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-text::-moz-placeholder { position:relative; top:0; color:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-text:-moz-placeholder { position:relative; top:0; color:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-text:-ms-input-placeholder { position:relative; top:0; color:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-text:hover {
}
.vui-layout-login-mobile-body .input .input-text:focus { border-color:#f4533f; background-color:#fff;
}
.vui-layout-login-mobile-body .input .input-append { position:absolute; top:0; bottom:0; right:0; display:flex; justify-content:center; align-items:center; padding:0 18px; color:#f4533f; font-size:14px; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-mobile-body .input .input-append svg { width:20px; height:20px; fill:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-append.disabled { pointer-events:none; cursor:not-allowed; color:#bfbfbf;
}
.vui-layout-login-mobile-body .input .input-append.disabled svg { color:#999;
}
.vui-layout-login-mobile-body .links { display:flex; justify-content:flex-end; align-items:center; margin-bottom:20px; line-height:20px;
}
.vui-layout-login-mobile-body .links a { display:block; color:#999;
}
.vui-layout-login-mobile-body .links a + a { margin-left:16px;
}
.vui-layout-login-mobile-body .links a:hover { color:#f56553;
}
.vui-layout-login-mobile-body .links a:focus { color:#f56553;
}
.vui-layout-login-mobile-body .links a:active { color:#db4b39;
}
.vui-layout-login-mobile-body .submit { display:block; width:100%; height:48px; outline:none; border:none; border-radius:48px; background-color:#f4533f; margin:0; padding:0 16px; letter-spacing:1px; color:#fff; font-size:18px; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-mobile-body .submit:hover { background-color:#f56553;
}
.vui-layout-login-mobile-body .submit:focus { background-color:#f56553;
}
.vui-layout-login-mobile-body .submit:active { background-color:#db4b39;
}
.vui-layout-login-mobile-body .submit.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-layout-login-mobile-body .submit.disabled:hover { background-color:#f78779;
}
.vui-layout-login-mobile-body .submit.disabled:focus { background-color:#f78779;
}
.vui-layout-login-mobile-body .submit.disabled:active { background-color:#f78779;
}
.vui-layout-login-mobile-body .quick-login { margin-top:24px;
}
.vui-layout-login-mobile-body .quick-login .quick-login-header { display:flex; justify-content:center; align-items:center; color:rgba(0,0,0,0.2); font-size:14px;
}
.vui-layout-login-mobile-body .quick-login .quick-login-header::before { flex:1; content:""; display:block; margin-right:24px; border-bottom:1px solid rgba(0,0,0,0.05);
}
.vui-layout-login-mobile-body .quick-login .quick-login-header::after { flex:1; content:""; display:block; margin-left:24px; border-bottom:1px solid rgba(0,0,0,0.05);
}
.vui-layout-login-mobile-body .quick-login .quick-login-body { display:flex; justify-content:center; align-items:center; margin-top:24px;
}
.vui-layout-login-mobile-body .quick-login .quick-login-body a { cursor:pointer; display:flex; justify-content:center; align-items:center; border-radius:50px; background-color:#f4f4f4; margin:0 8px; padding:10px;
}
.vui-layout-login-mobile-body .quick-login .quick-login-body img { display:block; width:16px; height:16px; margin-right:8px;
}
.vui-layout-login-mobile-body .quick-login .quick-login-body span { display:block; color:#8c8c8c; font-size:12px;
}
.vui-layout-login-mobile-footer { padding:24px 0;
}
.vui-layout-login-mobile-footer p { color:#bfbfbf; font-size:12px; text-align:center; line-height:20px;
}
.vui-layout-login-mobile-footer p + p { margin-top:4px;
}


.vui-layout-login-iframe-form-sso { position:absolute; top:0; bottom:0; left:0; right:0; z-index:100; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:rgba(255,255,255,0.88);
}
.vui-layout-login-iframe-form-sso .vui-icon { font-size:36px;
}
.vui-layout-login-iframe-form-sso .vui-icon.vui-icon-loading-filled { color:#f4533f;
}
.vui-layout-login-iframe-form-sso .vui-icon.vui-icon-checkmark-circle-filled { color:#52c41a;
}
.vui-layout-login-iframe-form-sso .vui-icon.vui-icon-crossmark-circle-filled { color:#ff4d4f;
}
.vui-layout-login-iframe-form-sso label { display:block; margin-top:16px; overflow:hidden; color:#595959; font-size:14px; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:22px;
}


.vui-layout-login-iframe { display:flex; flex-direction:column; width:400px; height:484px; border-radius:2px; background-color:#fff; margin:0 auto;
}
.vui-layout-login-iframe-toggler { position:absolute; top:8px; right:8px; z-index:10; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:block; width:52px; height:52px; background-image:url("/images/static/login/bg-toggler.png"); background-repeat:no-repeat;
}
.vui-layout-login-iframe-toggler label { position:absolute; top:0; right:60px; cursor:inherit; display:block; border:1px solid #ffe5a1; border-radius:2px; background-color:#fff; padding:4px; white-space:nowrap; line-height:1; color:#f0b751; font-size:12px;
}
.vui-layout-login-iframe-toggler label:before { content:""; position:absolute; top:50%; right:0; width:6px; height:6px; border-width:1px; border-style:solid; border-color:#ffe5a1 #ffe5a1 #fff #fff; background-color:#fff; margin-top:-3px; margin-right:-4px; transform:rotate(45deg);
}
.vui-layout-login-iframe-toggler.account { background-position:0 0;
}
.vui-layout-login-iframe-toggler.account:hover {
}
.vui-layout-login-iframe-toggler.qrcode { background-position:0 -52px;
}
.vui-layout-login-iframe-toggler.qrcode:hover {
}
.vui-layout-login-iframe-body { flex:1; display:block; padding:40px 32px 0 32px;
}
.vui-layout-login-iframe-body .title { position:relative; display:block; margin-bottom:24px; text-align:center; line-height:1; color:#333; font-size:20px; font-weight:700;
}
.vui-layout-login-iframe-body .title:after { content:""; display:block; width:40px; height:4px; border-radius:2px; background-color:#f4533f; margin:12px auto 0;
}
.vui-layout-login-iframe-body .alert { margin-bottom:20px;
}
.vui-layout-login-iframe-body .alert .vui-alert { padding:6px 6px 6px 30px;
}
.vui-layout-login-iframe-body .alert .vui-alert .vui-alert-icon { top:8px; left:8px; font-size:14px;
}
.vui-layout-login-iframe-body .alert .vui-alert .vui-alert-message { font-size:12px; line-height:18px;
}
.vui-layout-login-iframe-body .alert .vui-alert-warning {
}
.vui-layout-login-iframe-body .alert .vui-alert-warning .vui-alert-icon {
}
.vui-layout-login-iframe-body .alert .vui-alert-warning .vui-alert-message { color:#faad14;
}
.vui-layout-login-iframe-body .alert .vui-alert-success {
}
.vui-layout-login-iframe-body .alert .vui-alert-success .vui-alert-icon {
}
.vui-layout-login-iframe-body .alert .vui-alert-success .vui-alert-message { color:#52c41a;
}
.vui-layout-login-iframe-body .alert .vui-alert-error {
}
.vui-layout-login-iframe-body .alert .vui-alert-error .vui-alert-icon {
}
.vui-layout-login-iframe-body .alert .vui-alert-error .vui-alert-message { color:#ff4d4f;
}
.vui-layout-login-iframe-body .input { position:relative; display:block; width:100%; margin-bottom:20px;
}
.vui-layout-login-iframe-body .input .input-text { display:block; width:100%; height:48px; border:1px solid #f4f4f4; background-color:#f4f4f4; border-radius:2px; margin:0; padding:0 16px; outline:none; color:#606266; font-size:14px; font-family:"Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-iframe-body .input .input-text::-webkit-input-placeholder { color:#bfbfbf;
}
.vui-layout-login-iframe-body .input .input-text::-moz-placeholder { color:#bfbfbf;
}
.vui-layout-login-iframe-body .input .input-text:-moz-placeholder { color:#bfbfbf;
}
.vui-layout-login-iframe-body .input .input-text:-ms-input-placeholder { color:#bfbfbf;
}
.vui-layout-login-iframe-body .input .input-text:hover {
}
.vui-layout-login-iframe-body .input .input-text:focus { border-color:#f4533f; background-color:#fff;
}
.vui-layout-login-iframe-body .input .input-link { position:absolute; top:0; bottom:0; right:0; padding:0 16px; cursor:pointer; display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:50px; color:#f4533f; font-size:14px; font-weight:400; transition:color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-iframe-body .input .input-link:hover { color:#f56553;
}
.vui-layout-login-iframe-body .input .input-link:active { color:#db4b39;
}
.vui-layout-login-iframe-body .input .input-link.disabled { pointer-events:none; cursor:not-allowed; color:#999;
}
.vui-layout-login-iframe-body .input .input-link.disabled:hover { color:#999;
}
.vui-layout-login-iframe-body .input .input-link.disabled:active { color:#999;
}
.vui-layout-login-iframe-body .links { display:flex; justify-content:flex-end; align-items:center; margin-bottom:20px; line-height:20px;
}
.vui-layout-login-iframe-body .links a { display:block; color:#999;
}
.vui-layout-login-iframe-body .links a:hover { color:#f56553;
}
.vui-layout-login-iframe-body .links a:focus { color:#f56553;
}
.vui-layout-login-iframe-body .links a:active { color:#db4b39;
}
.vui-layout-login-iframe-body .submit { cursor:pointer; display:block; width:100%; height:48px; border:none; border-radius:2px; background-color:#f4533f; margin:0; padding:0; outline:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-align:center; color:#fff; font-size:20px; font-style:normal; font-weight:400; text-align:center; line-height:1; transition:background-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-iframe-body .submit:hover { background-color:#f56553;
}
.vui-layout-login-iframe-body .submit:focus { background-color:#f56553;
}
.vui-layout-login-iframe-body .submit:active { background-color:#db4b39;
}
.vui-layout-login-iframe-body .submit.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-layout-login-iframe-body .submit.disabled:hover { background-color:#f78779;
}
.vui-layout-login-iframe-body .submit.disabled:active { background-color:#f78779;
}
.vui-layout-login-iframe-body .qrcode { position:relative; display:block; width:200px; height:200px; border:1px solid #f0f0f0; background-color:#fff; padding:10px; margin:48px auto 0;
}
.vui-layout-login-iframe-body .qrcode .qrcode-image { display:block; width:100%; height:100%; opacity:1;
}
.vui-layout-login-iframe-body .qrcode .qrcode-image.disabled { opacity:0.08;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback { position:absolute; top:50%; left:50%; width:128px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transform:translate(-50%,-50%);
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback .vui-icon { display:block; width:36px; height:36px; margin:0 auto 16px; font-size:36px;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback .vui-icon.vui-icon-checkmark-circle-filled { color:#52c41a;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback .vui-icon.vui-icon-crossmark-circle-filled { color:#ff4d4f;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback h4 { color:#595959; font-size:14px; text-align:center; line-height:22px;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a { cursor:pointer; display:block; width:100px; height:36px; border:none; border-radius:2px; background-color:#f4533f; margin:16px auto 0; padding:0; outline:none; color:#fff; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-align:center; line-height:36px; transition:background-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a:hover { background-color:#f56553;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a:active { background-color:#db4b39;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a.disabled:hover { background-color:#f78779;
}
.vui-layout-login-iframe-body .qrcode .qrcode-feedback a.disabled:active { background-color:#f78779;
}
.vui-layout-login-iframe-body .description { display:flex; justify-content:center; align-items:center; margin-top:30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; line-height:20px; color:#333; font-size:14px;
}
.vui-layout-login-iframe-body .description p { margin:0 8px;
}
.vui-layout-login-iframe-body .description em { color:#f4533f; font-style:normal; font-weight:400;
}
.vui-layout-login-iframe-body .tags { display:block; margin-top:20px; white-space:nowrap; text-align:center; font-size:0;
}
.vui-layout-login-iframe-body .tags .tag { display:inline-block; height:24px; background-image:url("/images/static/login/bg-tags.png"); background-repeat:no-repeat; margin:0 8px; padding-left:30px; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:24px; color:#bfbfbf; font-size:12px;
}
.vui-layout-login-iframe-body .tags .tag.tag-convenient { background-position:0 0;
}
.vui-layout-login-iframe-body .tags .tag.tag-efficient { background-position:0 -24px;
}
.vui-layout-login-iframe-body .tags .tag.tag-secure { background-position:0 -48px;
}


.vui-layout-login-form-sso { position:absolute; top:0; bottom:0; left:0; right:0; z-index:100; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:rgba(255,255,255,0.88);
}
.vui-layout-login-form-sso .vui-icon { font-size:36px;
}
.vui-layout-login-form-sso .vui-icon.vui-icon-loading-filled { color:#f4533f;
}
.vui-layout-login-form-sso .vui-icon.vui-icon-checkmark-circle-filled { color:#52c41a;
}
.vui-layout-login-form-sso .vui-icon.vui-icon-crossmark-circle-filled { color:#ff4d4f;
}
.vui-layout-login-form-sso label { display:block; margin-top:16px; overflow:hidden; color:#595959; font-size:14px; white-space:nowrap; text-overflow:ellipsis; text-align:center; line-height:22px;
}














































































































































































































































































































































































/* vui-layout-login */
.vui-layout-login { background-color:transparent;
}

/* vui-layout-login-header */
.vui-layout-login-header { height:auto; padding:0;
}
.vui-layout-login-header-content { display:flex; justify-content:flex-start; align-items:center; width:1200px; height:72px; margin:0 auto;
}
.vui-layout-login-header-content .logo { float:left; display:flex; margin:16px 0;
}
.vui-layout-login-header-content .logo a { display:block;
}
.vui-layout-login-header-content .logo a img { display:block; width:152px; height:40px;
}
.vui-layout-login-header-content .logo h1 { color:#262626; font-size:20px; font-weight:400; line-height:1;
}

/* vui-layout-login-body */
.vui-layout-login-body { background:#4682da url("/images/static/login/bg.png") no-repeat 50% 100%;
}
.vui-layout-login-body-content { position:relative; display:block; width:1200px; height:640px; margin:0 auto;
}

/* vui-layout-login-footer */
.vui-layout-login-footer { padding:32px 0;
}
.vui-layout-login-footer .links { text-align:center; line-height:2;
}
.vui-layout-login-footer .links a { display:block; color:#595959;
}
.vui-layout-login-footer .links a:hover { color:#f56553;
}
.vui-layout-login-footer .links a:focus { color:#f56553;
}
.vui-layout-login-footer .links a:active { color:#db4b39;
}
.vui-layout-login-footer .copyright { color:#8c8c8c; text-align:center; line-height:2;
}

/* vui-login-modal */
.vui-login-modal { position:absolute; top:50%; right:50px; display:flex; flex-direction:column; width:400px; height:540px; border-radius:2px; background-color:#fff; box-shadow:0 2px 6px 0 rgba(0,0,0,0.1); transform:translate(0,-50%);
}
.vui-login-modal-toggler { position:absolute; top:8px; right:8px; z-index:10; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; display:block; width:52px; height:52px; background-image:url("/images/static/login/bg-toggler.png"); background-repeat:no-repeat;
}
.vui-login-modal-toggler label { position:absolute; top:0; right:60px; cursor:inherit; display:block; border:1px solid #ffe5a1; border-radius:2px; background-color:#fff; padding:4px; white-space:nowrap; line-height:1; color:#f0b751; font-size:12px;
}
.vui-login-modal-toggler label:before { content:""; position:absolute; top:50%; right:0; width:6px; height:6px; border-width:1px; border-style:solid; border-color:#ffe5a1 #ffe5a1 #fff #fff; background-color:#fff; margin-top:-3px; margin-right:-4px; transform:rotate(45deg);
}
.vui-login-modal-toggler.account { background-position:0 0;
}
.vui-login-modal-toggler.account:hover {
}
.vui-login-modal-toggler.qrcode { background-position:0 -52px;
}
.vui-login-modal-toggler.qrcode:hover {
}
.vui-login-modal-body { flex:1; display:block; padding:40px 32px 0 32px;
}
.vui-login-modal-body .title { position:relative; display:block; margin-bottom:24px; text-align:center; line-height:1; color:#333; font-size:20px; font-weight:700;
}
.vui-login-modal-body .title:after { content:""; display:block; width:40px; height:4px; border-radius:2px; background-color:#f4533f; margin:12px auto 0;
}
.vui-login-modal-body .alert { margin-bottom:20px;
}
.vui-login-modal-body .alert .vui-alert { padding:6px 6px 6px 30px;
}
.vui-login-modal-body .alert .vui-alert .vui-alert-icon { top:8px; left:8px; font-size:14px;
}
.vui-login-modal-body .alert .vui-alert .vui-alert-message { font-size:13px; line-height:18px;
}
.vui-login-modal-body .alert .vui-alert-warning {
}
.vui-login-modal-body .alert .vui-alert-warning .vui-alert-icon {
}
.vui-login-modal-body .alert .vui-alert-warning .vui-alert-message { color:#faad14;
}
.vui-login-modal-body .alert .vui-alert-success {
}
.vui-login-modal-body .alert .vui-alert-success .vui-alert-icon {
}
.vui-login-modal-body .alert .vui-alert-success .vui-alert-message { color:#52c41a;
}
.vui-login-modal-body .alert .vui-alert-error {
}
.vui-login-modal-body .alert .vui-alert-error .vui-alert-icon {
}
.vui-login-modal-body .alert .vui-alert-error .vui-alert-message { color:#ff4d4f;
}
.vui-login-modal-body .input { position:relative; display:block; width:100%; margin-bottom:20px;
}
.vui-login-modal-body .input .input-text { display:block; width:100%; height:48px; border:1px solid #f4f4f4; background-color:#f4f4f4; border-radius:2px; margin:0; padding:0 16px; outline:none; color:#606266; font-size:14px; font-family:"Microsoft Yahei",SimSun,Arial,"Helvetica Neue",Helvetica; transition:border-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-login-modal-body .input .input-text::-webkit-input-placeholder { color:#bfbfbf;
}
.vui-login-modal-body .input .input-text::-moz-placeholder { color:#bfbfbf;
}
.vui-login-modal-body .input .input-text:-moz-placeholder { color:#bfbfbf;
}
.vui-login-modal-body .input .input-text:-ms-input-placeholder { color:#bfbfbf;
}
.vui-login-modal-body .input .input-text:hover {
}
.vui-login-modal-body .input .input-text:focus { border-color:#f4533f; background-color:#fff;
}
.vui-login-modal-body .input .input-link { position:absolute; top:0; bottom:0; right:0; padding:0 16px; cursor:pointer; display:block; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:50px; color:#f4533f; font-size:14px; font-weight:400; transition:color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-login-modal-body .input .input-link:hover { color:#f56553;
}
.vui-login-modal-body .input .input-link:active { color:#db4b39;
}
.vui-login-modal-body .input .input-link.disabled { pointer-events:none; cursor:not-allowed; color:#999;
}
.vui-login-modal-body .input .input-link.disabled:hover { color:#999;
}
.vui-login-modal-body .input .input-link.disabled:active { color:#999;
}
.vui-login-modal-body .links { display:flex; justify-content:flex-end; align-items:center; margin-bottom:20px; line-height:20px;
}
.vui-login-modal-body .links a { display:block; color:#999;
}
.vui-login-modal-body .links a:hover { color:#f56553;
}
.vui-login-modal-body .links a:focus { color:#f56553;
}
.vui-login-modal-body .links a:active { color:#db4b39;
}
.vui-login-modal-body .submit { cursor:pointer; display:block; width:100%; height:48px; border:none; border-radius:2px; background-color:#f4533f; margin:0; padding:0; outline:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-align:center; color:#fff; font-size:20px; font-style:normal; font-weight:400; text-align:center; line-height:1; transition:background-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-login-modal-body .submit:hover { background-color:#f56553;
}
.vui-login-modal-body .submit:focus { background-color:#f56553;
}
.vui-login-modal-body .submit:active { background-color:#db4b39;
}
.vui-login-modal-body .submit.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-login-modal-body .submit.disabled:hover { background-color:#f78779;
}
.vui-login-modal-body .submit.disabled:active { background-color:#f78779;
}
.vui-login-modal-body .qrcode { position:relative; display:block; width:200px; height:200px; border:1px solid #f0f0f0; background-color:#fff; padding:10px; margin:48px auto 0;
}
.vui-login-modal-body .qrcode .qrcode-image { display:block; width:100%; height:100%; opacity:1;
}
.vui-login-modal-body .qrcode .qrcode-image.disabled { opacity:0.08;
}
.vui-login-modal-body .qrcode .qrcode-feedback { position:absolute; top:50%; left:50%; width:128px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transform:translate(-50%,-50%);
}
.vui-login-modal-body .qrcode .qrcode-feedback .vui-icon { display:block; width:36px; height:36px; margin:0 auto 16px; font-size:36px;
}
.vui-login-modal-body .qrcode .qrcode-feedback .vui-icon.vui-icon-checkmark-circle-filled { color:#52c41a;
}
.vui-login-modal-body .qrcode .qrcode-feedback .vui-icon.vui-icon-crossmark-circle-filled { color:#ff4d4f;
}
.vui-login-modal-body .qrcode .qrcode-feedback h4 { color:#595959; font-size:14px; text-align:center; line-height:22px;
}
.vui-login-modal-body .qrcode .qrcode-feedback a { cursor:pointer; display:block; width:100px; height:36px; border:none; border-radius:2px; background-color:#f4533f; margin:16px auto 0; padding:0; outline:none; color:#fff; font-size:14px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; white-space:nowrap; text-align:center; line-height:36px; transition:background-color 0.2s cubic-bezier(0.23,1,0.32,1);
}
.vui-login-modal-body .qrcode .qrcode-feedback a:hover { background-color:#f56553;
}
.vui-login-modal-body .qrcode .qrcode-feedback a:active { background-color:#db4b39;
}
.vui-login-modal-body .qrcode .qrcode-feedback a.disabled { pointer-events:none; cursor:not-allowed; background-color:#f78779;
}
.vui-login-modal-body .qrcode .qrcode-feedback a.disabled:hover { background-color:#f78779;
}
.vui-login-modal-body .qrcode .qrcode-feedback a.disabled:active { background-color:#f78779;
}
.vui-login-modal-body .description { display:flex; justify-content:center; align-items:center; margin-top:30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; line-height:20px; color:#333; font-size:14px;
}
.vui-login-modal-body .description p { margin:0 8px;
}
.vui-login-modal-body .description em { color:#f4533f; font-style:normal; font-weight:400;
}
.vui-login-modal-body .tags { display:block; margin-top:20px; white-space:nowrap; text-align:center; font-size:0;
}
.vui-login-modal-body .tags .tag { display:inline-block; height:24px; background-image:url("/images/static/login/bg-tags.png"); background-repeat:no-repeat; margin:0 8px; padding-left:30px; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:24px; color:#bfbfbf; font-size:12px;
}
.vui-login-modal-body .tags .tag.tag-convenient { background-position:0 0;
}
.vui-login-modal-body .tags .tag.tag-efficient { background-position:0 -24px;
}
.vui-login-modal-body .tags .tag.tag-secure { background-position:0 -48px;
}
.vui-login-modal-footer { display:block; box-shadow:0 -1px 0 #f0f0f0; padding:24px 32px;
}
.vui-login-modal-footer h4 { height:20px; line-height:20px; color:#999;
}
.vui-login-modal-footer hr { flex:1; border-bottom:1px dashed #f3f3f3; margin:0 8px;
}
.vui-login-modal-footer ul { display:flex; justify-content:flex-start; align-items:center; height:20px;
}
.vui-login-modal-footer ul li { display:block; height:20px; line-height:20px; color:#999;
}
.vui-login-modal-footer ul li a { display:block; height:20px; line-height:20px; color:#999;
}
.vui-login-modal-footer ul li a:hover { color:#f56553;
}
.vui-login-modal-footer ul li a:focus { color:#f56553;
}
.vui-login-modal-footer ul li a:active { color:#db4b39;
}
.vui-login-modal-footer ul li a img { float:left; display:block; width:20px; height:20px; margin-right:8px;
}
.vui-login-modal-tooltip { position:absolute; top:0; right:416px; width:300px; border-radius:4px; background-color:#fff; padding:12px;
}
.vui-login-modal-tooltip:before { content:""; position:absolute; top:16px; right:-16px; display:block; width:0; height:0; border-width:8px; border-style:solid; border-color:transparent transparent transparent #fff;
}
.vui-login-modal-tooltip-body { color:#666; font-size:13px; line-height:22px; white-space:pre-wrap; word-break:break-all; word-wrap:break-word; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;
}
.vui-login-modal-tooltip-body p + p { margin-top:4px;
}
.vui-login-modal-tooltip-footer { display:flex; justify-content:flex-end; align-items:center; margin-top:8px;
}
.vui-login-modal-tooltip-footer a { display:block; font-size:13px; line-height:22px;
}