body{background: url('../images/login-bg.jpg?2') no-repeat left top;background-size: 100% 100%;width: 100%;height: 100%;}
.login-main{width:100%;height:100%;}

.login-header{position:fixed;left:0;top:0;width:100%;line-height: 50px;color:rgba(0,0,0,0.8);background: #3e99cb;opacity: 0.85;}
.login-header .logo{float:left;padding:0;width:200px;height: 50px;background:#3688b4;color:rgba(255,255,255,0.7);border-right: 1px rgba(255,255,255,0.1) solid;text-align: center;font-size: 26px;font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif}
.login-header .home{display:block;float:left;padding:0 20px;color:rgba(255,255,255,0.9);font-size:14px; }
.login-header ul{float: right;}
.login-header ul li{float: left;}
.login-header ul li a{display:block;float:left;padding:0 15px;font-size:14px;color:rgba(255,255,255,0.9);border-right: 1px #3990bf solid;}

.login-form-placeholder{height: 250px;}
.form-content{margin:12px 18px;}
.form-content .login-form{width: 100%;max-width:400px;margin:0 auto;border-radius: 2px;box-shadow:  4px 10px 40px #000;opacity: 0.98;}
.form-content .login-form:hover{opacity: 1;}
.form-content .login-form .title{background:#3e99cb;height: 46px;line-height: 46px;border-radius: 2px 2px 0 0;padding:0 20px;color: rgba(255,255,255,0.8);font-size: 14px;}
.form-content .login-form .content{padding:30px  30px 30px 30px;background: #fefefe;border-radius:0 0 2px 2px;}
.form-content .login-form input{margin-bottom: 20px;}
.form-content  .login-form .login-error{  margin-bottom:20px;  color:#666;  padding-left:10px;  line-height: 20px;  }
.form-content .login-form .login-error > i{  font-size: 12px;  color:#ce605c;  }
.form-content .login-form .login-error > span{  margin-left: 10px;  color:#ce605c;  }

.login-footer{position:fixed;left:50%;bottom:0;width:960px;margin-left:-480px;text-align: center;line-height: 50px;color:rgba(255,255,255,0.9);background: transparent;font-size:12px;}



.login-header {opacity: 1;}
.login-header .logo{width:80px;font-size: 15px;}
.login-header .home span{display: inline-block;}
.login-header ul li a{padding:0 5px;font-size:13px;color:rgba(255,255,255,0.5);border-right: 0;}
.login-form-placeholder{height: 70px;}

@media (min-width: 768px) {
    .login-header {opacity: 1;}
    .login-header .logo{width:150px;font-size: 26px;}
    .login-header .home span{display: none;}
    .login-header ul li a{padding:0 10px;font-size:14px;color:rgba(255,255,255,0.7);border-right: 0;}
    .login-form-placeholder{height: 150px;}
    .login-footer{font-size: 13px;}
}
@media (min-width: 992px) {
    .login-header {opacity: 0.85;}
    .login-header .logo{width:200px;font-size: 26px;}
    .login-header .home span{display: none;}
    .login-header ul li a{padding:0 15px;font-size:14px;color:rgba(255,255,255,0.9);border-right: 1px #3990bf solid;}
    .login-form-placeholder{height: 200px;}
    .login-footer{font-size: 13px;}
}
@media (min-width: 1200px) {
    .login-header {opacity: 0.85;}
    .login-header .logo{width:200px;font-size: 26px;}
    .login-header .home span{display: none;}
    .login-header ul li a{padding:0 15px;font-size:14px;color:rgba(255,255,255,0.9);border-right: 1px #3990bf solid;}
    .login-form-placeholder{height: 200px;}
    .login-footer{font-size: 13px;}
}