div.main{background-image:url("../../images/login.jpg");height:calc(100vh);width:100%}
div.main.bg1{background-image:url("../../images/login1.jpg");background-size:100% 100%;}
div.main.bg2{background-image:url("../../images/login2.jpg");background-size:100% 100%;}
[class*="fontawesome-"]:before{font-family:'FontAwesome',sans-serif}
*{box-sizing:border-box;margin:0 auto}*:before,*:after{box-sizing:border-box}body{color:#fff;font:87.5%/1.5em 'Open Sans',sans-serif;margin:0}
a{color:#eee;text-decoration:none}a:hover{text-decoration:underline}input{border:0;font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.5em;padding:0;-webkit-appearance:none}
p{line-height:1.5em}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:' ';display:table}
.clearfix:after{clear:both}.container{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}
#login form{width:250px}#login,.logo{display:inline-block;width:100%}#login{border-right:1px solid #fff;margin-top:50px;padding:0 22px;width:100%}
.logo{color:#fff;font-size:50px;line-height:125px;width:100%;margin-top:-30px}#login form span.fa{background-color:#fff;border-radius:3px 0 0 3px;color:#000;display:block;float:left;height:50px;font-size:24px;line-height:50px;text-align:center;width:50px}
#login form input{height:50px}fieldset{padding:0;border:0;margin:0}#login form input[type="text"],input[type="password"]{background-color:#fff;border-radius:0 3px 3px 0;color:#000;margin-bottom:1em;padding:0 16px;width:200px}
#login form input[type="submit"]{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;color:#eee;font-weight:bold;text-transform:uppercase;padding:5px 10px;height:30px}
#login form input[type="submit"]:hover{background-color:#d44179}
#login>p{text-align:center}#login>p span{padding-left:5px}.middle{display:flex;width:700px}
.star{color:red}.input-tips{margin-top:-20px;color:red;height:20px;font-size:smaller}
.tiny-code{margin-top:125px}