/*****************login******************/
.login-bg { position: fixed; left: 0; top: 0; height: 100%; width: 100%; display: flex; align-items: center;justify-content: center;}
.login-bg .login-box {display:block; margin: 0 auto; height: 311px; width: 494px; background:url(../images/bg.png) no-repeat center;}
.login-bg .login-title { height: 41px; text-align: left; font-weight: bold; font-size: 16px; color: #FFF; line-height: 24px; padding:8px 20px 0 20px;}
.login-bg .login-content {  position: relative; padding:36px 36px 0 190px; }
.login-bg .login-lock { position: absolute; left: 25px; top: 45px;} 
.login-bg .login-lock img { display: block; margin: 0 auto; width: 170px; }
.login-bg .login-row { margin-bottom: 10px; font-size: 0;}
.login-bg .login-name { text-align: right; font-size: 13px; color: #333; display: inline-block; width: 90px; line-height: 24px; vertical-align: middle; margin-right: 5px;} 
.login-bg .form-control { display: inline-block; width: 160px; border: 1px solid #707070; font-size: 13px; color: #333; height: 24px; padding: 0 5px; vertical-align: middle;}
.login-bg .validation-row .form-control { width: 80px; }
.login-bg .login-validation, .login-bg .login-refresh {height: 24px; display: inline-block; cursor: pointer; vertical-align: middle;}
.login-bg .login-validation img, .login-bg .login-refresh img { display: block; margin: 0 auto; height: 100%;}
.login-bg .login-validation { width: 48px; margin: 0 5px;}
.login-bg .login-refresh { width: 24px; } 
.login-bg .login-refresh:hover { opacity: .8;}
.login-bg .login-btn { display: inline-block; height:28px;width:160px;border-width:0px; background: url(../images/login_en.jpg) no-repeat center;}
.login-bg .login-btn:hover { opacity: .9;}