html,body{min-height:100%;margin:0;padding: 0;}
a,a:active,a:hover,a:visited{outline:0;text-decoration:none;}
*{box-sizing:content-box;}
.login-page .input-text::-webkit-input-placeholder { color:#828282;}
.login-page .input-text::-moz-placeholder { color:#828282;}
.login-page .input-text:-ms-input-placeholder { color:#828282;}
.oveylayer { position: fixed; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.3); }
.login-page{background: url(../img/login_bg.png) no-repeat center center; background-size:cover; position: relative; height: 100%;}
.login-content {width:1000px; position: fixed; top:50%; left: 50%; z-index: 100; margin-top: -281px; margin-left: -500px;  }
.login-box-body{ float: right; width: 380px; background: rgba(0,0,0,0.4); }
.login-box { margin:0 auto 30px; overflow: hidden;}
.login-logo{ width: 100%; margin-bottom: 40px;}
.login-logo img { width: 42px; height: auto; margin-right: 8px; }
.login-logo span { font-size: 24px; color: #fff; display: inline-block; vertical-align:middle; }
.tab-nav { padding-top: 10px; overflow: hidden; }
.tab-nav a { display: block; width: 50%; float: left; text-align: center; border-bottom: #fff solid 2px; line-height: 34px; color: #fff; }
.tab-nav a.active { border-bottom: #00aaee solid 2px;  color: #00aaee;}
.form-item {  margin-bottom: 16px; padding-left: 40px; position: relative;}

.form-item.code { margin-bottom: 35px; margin-top: 1px; padding-left: 0; }
.tab-form { padding: 34px 40px 40px;  }
.form-item .label-icon { position: absolute; left: 0;top:0; z-index: 101; padding: 0; color: #fff; width: 40px; max-width: 40px; height: 40px; line-height: 40px; text-align: center; background:#cdcdcd; }
.form-item .label-icon .iconfont { font-size: 24px; }
.form-item.name .iconfont { font-size: 26px; }
.form-item.password .iconfont { font-size: 20px; }
.form-item .input-text {width: 100%; line-height: 40px; height: 40px; padding: 4px 10px; display: block; }
.tab-nav { font-size: 17px; color: #fff; }
.btn-primary { background: #00aaee; height: 40px; line-height: 40px; font-size: 18px; color: #fff; width: 100%; display: block; border-radius: 6px; }

.copyright { text-align: center; font-size: 16px; color: #fefefe; }

@media (max-width:1000px){
	.login-logo { text-align: center; }
	.login-content { width: auto; position: relative; top:0;left: 0;margin: 0;  padding: 40px 20px 0;}
	.login-box-body { float: none; margin:0 auto;  }
}
@media (max-width:480px) {
	.login-box-body { width: 100%; }

}