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:100% 100%;}
.login-bg-default { background-color: #006d71; background-image: linear-gradient(to right, #006d71 0%, #00bcc3 50%, #006d71 100%) ; }
.login-bg-tianyan { background-image: url(../images/tianyan/bg-login.jpg);}

.login-bg:before,.login-bg:after { content: ""; position: fixed; left: 50%; top: 50%; z-index: 1; width:20000px; height:20000px; margin-left:-10000px;  margin-top:-20150px; border-radius: 50%; background-color: #fff;
/* 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: 318px; position: fixed; left: 50%; top:50%; z-index: 10; margin-left: -159px; margin-top:-320px;}
.logo-login, .login .form-group, .login .form-checkbox { margin-bottom: 20px; }
.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 { padding-left: 52px; font-size: 20px; line-height: 38px; }
.login .btn { height: 50px; background-color: #fabe54; font-size: 18px; color: #333; }
.login .btn:hover { background-color: #f0b040;}
.login .form-username,.login .form-password { position:relative;} 
.login .form-username:before,.login .form-password: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.svg);}
.login .form-password:before  {background-image:url(../images/icon-key.svg);}
.login .form-checkbox, .login .form-checkbox a { color: #fff; 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:rgba(0,0,0,.3); }
.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-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC2SURBVDhPY2AYWeDfv3+KQHwBiJ1J9jlQkw4QP/kPBED6FxAHoRgCFGcGCrphMxkobg7Eb0CaYQDI3wZXCxRkAwqsh5peg2wIUNwJiD8jawayV4H0wNUBFexEM70PyGcEigeCnIsmNwvkWhSXAhX5AfE3NIV7gGJ/0cS6QAZjDUCghANQw0c0pyL7uYxgyANVGwMNeY1mK8gVaQQ1wxQAFWugRVcY0ZphCoEGyEITjDvJmoeeBgCmNBfdBpk2sgAAAABJRU5ErkJggg==")\9; }
.login .checkbox span { color: #ddd; }
.form-captcha { display: flex; }


.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;}
}