html,body { height: 100%;}
body,input,button{font-family: arial, microsoft yahei,"\5B8B\4F53"; }
.login-bg { background-repeat:no-repeat; background-position:center top; background-size: cover; background-image: url(../images/new_system_bg.png)}
.login-bg-default { background-image: url(../images/new_system_bg.png); width: 100%; height: 100%; background-size: cover;}
.login-bg-tianyan { background-image: url(../images/tianyan/bg-login.jpg);}

.login-logo {
    display: flex;
    justify-content: center;
    /* img {
        width: 23px;
        height: 28px;
    } */
    span {
        margin-left: 4px;
        color: #161E28;
        font-weight: 500;
        font-size: 28px;
        line-height: 28px;
    }
}
.login-bg:before,.login-bg:after {
/* background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent), linear-gradient(-45deg, #eee 25%, transparent 25%, transparent), linear-gradient(45deg, transparent 75%, #eee 75%), linear-gradient(-45deg, transparent 75%, #eee 75%);
background-size: 50px 50px; */

/* background-image: url("data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCABkAGQDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD3sjuKAaWkI7igBaKQGloAKKKKACiiigAoooJoACab14FHXgU4DFACBR6ZopaKACiiigBCO4oBpaQjuKAFopAaWgAoooJoACab14FHXgU4DFAABiiiigAooooAKKKKACiiigBCO4oBpaaR3HWgB2ab14FIDngU8AAUAAGKKKKACiiigAooooAKKKKACiigmgAJpvXgUdeBTgMUANIxyOvelBpaQjuKAFopAaWgAooooAKKKKACiigmgAJpvXgUdeBTgMUAAGKKKKACiiigBCO4oBpaQjuKAFopAaWgAooooACab14FHXgU4DFAABiiiigAooooAKKKKACiiigBCO4oBpaQjuKAFopAaKABRwPeloooAKKKKACiiigAooooAKKKKACiiigBCoJooooA/9k=") */
}
/* .login-bg:after {margin-top:150px;} */

.login { width: 416px; height: 492px; position: fixed; padding: 48px 48px 80px 48px; border-radius: 16px; left: 50%; top:55%; z-index: 10; margin-left: -208px; margin-top:-320px; background: #FFFFFF;}
.logo-login, .login .form-group, .login .form-checkbox { margin-bottom: 24px; }
.login .login-form { margin-top: 55px;}
.login .form-tip {top:180px; color:#fabe54;}
.login .form-control, .login .btn { height: 50px; border: 0; border-radius: 0; }
.login .form-control { height: 42px; padding-left: 37px; font-size: 14px; line-height: 20px; background: #F6F8FC; border: 1px solid #BCC4D4; border-radius: 6px;}
.login .btn { height: 42px; background-color: #00C0BB; font-size: 14px; color: #FFFFFF; border-radius: 6px; }
.login .form-username,.login .form-password,.login .form-captcha { position:relative;} 
.login .form-username:before,.login .form-password:before,.login .form-captcha:before { content:""; position:absolute; left:0; top:0;  width:52px; height:100%; background-repeat: no-repeat; background-position: 10px center;}
.login .form-username:before {background-image:url(../images/icon_user_new.svg);}
.login .form-password:before  {background-image:url(../images/icon_password_new.svg);}
.login .form-captcha:before  {background-image:url(../images/icon_captcha_new.svg);}
.login .form-checkbox { margin-bottom: 8px;}
.login .form-checkbox, .login .form-checkbox a { color: #8690AA; text-decoration: none; }
.login .form-checkbox a:hover { color: #4d94dd; }
.form-checkbox .checkbox {display: inline-block; height: 18px; width: 18px; margin-top: 0; margin-bottom: 0; vertical-align: bottom; background-color:#0c4464\0; background-color:#FFFFFF; border: 1px solid #BCC4D4; border-radius: 5px;}
.form-checkbox .checkbox input { cursor: pointer; height: 18px; opacity: 0; filter:alpha(opacity=0)\9; vertical-align: middle; width: 18px; margin:0; position:static; }
.form-checkbox .checked {background-repeat:no-repeat; background-position:center center;   background-image:url(../images/icon-hook.svg); background-color: #00C0BB; }
.login .checkbox span { color: #ddd; }
.form-captcha { 
    display: flex;
    justify-content: space-between;
}

.form-captcha .form-control {
    width: 220px;
}

.form-captcha img {
    width: 88px;
}


.copyright { position: fixed; bottom:0; left: 0; z-index: 2; width: 100%; color: #666; font-size: 12px; line-height: 40px;}
.copyright a { color: #65b8ff;}

@keyframes scale-zoom {
form {
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
transform:scale(1, 1);
opacity:1;
}
to {
-moz-transform:scale(5, 5);
-ms-transform:scale(5, 5);	
transform:scale(5, 5);
opacity:0;
}
}

@-webkit-keyframes scale-zoom {
form {
-webkit-transform:scale(1, 1);
opacity:1;
}
to {
-webkit-transform:scale(5, 5);
opacity:0;
}
}

/* ie6~8 */
/* @media \0screen\,screen\9  {
.login-bg:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAWSURBVChTY2BgYNhMJB5ViDcEqBw8AJntRe1kR/KkAAAAAElFTkSuQmCC");}
.mappin { display:none;}
.login .form-username .username {background:url(../images/icon-user.png) no-repeat 10px center #fff;}
.login .form-password .password {background:url(../images/icon-key.png) no-repeat 10px center #fff;}
} */