@charset "utf-8";
/* CSS Document */
body, td, th {
    font-family: "Microsoft YaHei UI";
    font-family:"微软雅黑";
    font-size: 12px;
    color: #666;
}
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
a {
    font-family: "Microsoft YaHei UI";
    font-family:"微软雅黑";
    font-size: 12px;
    color: #333;
}
a:hover {
    text-decoration: none;
}
h3 {
    font-weight:normal;
    font-family:"Microsoft YaHei UI";
    font-family:"微软雅黑";
    margin:0px;
    padding:0px;
}
.login {
    margin:0 auto;
    margin-top:8%;
    width:100%;
}
.login .logo {
    margin-bottom:30px;
    text-align:center;
}
.login .body {
    overflow:hidden;
    background:url(../../images/haid2/himg-bg-2.png) no-repeat center;
}
.login .left {
    float:left;
    margin-top:20px;
}
.login .center {
    width:768px;
    padding:16px 0px;
    border-radius:0px;
    text-align:center;
    margin:0 auto;
    overflow:hidden;
    border:0px solid #B2B2B2;
    background:url(../../images/haid2/hlogin-bg.png) no-repeat;
    /*background:-webkit-linear-gradient(top, #D4D4D4, #F5F5F5);
    background:-moz-linear-gradient(top, #D4D4D4, #F5F5F5);
    background:-o-linear-gradient(top, #D4D4D4, #F5F5F5);
    background:-ms-linear-gradient(top, #D4D4D4, #F5F5F5);
    background:linear-gradient(top, #D4D4D4, #F5F5F5);*/
}
.login .center .systemName {
    position:relative;
    z-index:1;
    padding:15px 15px;
    border-top:1px solid #9D9D9D;
    text-align:center;
    margin:0 auto;
    margin-top:25px;
}
.login .center .systemName-tittle {
    position:absolute;
    top:-20px;
    left:36%;
    height:30px;
    background:#F5F5F5;
    background:-webkit-linear-gradient(top, #D6D6D6, #DADADA);
    background:-moz-linear-gradient(top, #D6D6D6, #DADADA);
    background:-o-linear-gradient(top, #D6D6D6, #DADADA);
    background:-ms-linear-gradient(top, #D6D6D6, #DADADA);
    background:linear-gradient(top, #D6D6D6, #DADADA);
    padding:0px;
    line-height:30px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    border:0px solid #ED92A6;
    color:#333333;
    z-index:92;
    border-radius:5px;
}
.login .center .user-13, .login .center .pas-13 {
    color:#A6A6A6;
    font-size:12px;
    border:1px solid #999;
    border-radius:3px;
    text-align:left;
    padding:3px 10px;
    width:258px;
    margin:0 auto;
    margin-bottom:20px;
}
.login .center .user-13 {
    background:url(../../images/haid2/hicon-4.jpg) no-repeat 1px #FFF;
}
.login .center .user-13 input, .login .center .pas-13 input {
    margin-left:35px;
    height:28px;
    line-height:28px\9;
    _line-height:29px;
    width:20em;
    padding-left:4px;
    border:0px;
    overflow:hidden;
    outline:none;
    width:220px;
}
.login .center .user-13:hover {
    border:1px solid #55BD82;
    border-radius:3px;
}
.login .center .pas-13 {
    background:url(../../images/haid2/hicon-5.jpg) no-repeat 1px #FFF;
}
.login .center .pas-13:hover {
    border:1px solid #55BD82;
    border-radius:3px;
}
.login .center .user-input {
    border:0px;
    color:#999;
    height:25px;
    padding-top:2px;
}
.login .center .password {
    color:#004B97;
    font-weight:600;
    margin-right:20px;
}
.btn {
    position:relative;
    font-size:16px;
    font-weight:bold;
    height:40px;
    border-radius:3px;
    border: 0px solid #004B97;
    margin:20px 0px 15px 0;
    width:280px;
    padding: 0px;
}
.btn {
    background:#004B97;
    color:#fff;
}
.btn:hover {
    background:#55BD82;
    border:0px solid #55BD82;
}
.btn:nth-child(1) {
    color: #ffffff;
    background:#004B97;
}
.btn:nth-child(1):hover {
    background:#55BD82;
}
.btn:nth-child(1):active {
    background:#004B97;
}

.login .footer {
    margin-top:5%;
    line-height:25px;
    text-align:center;
}

#versionBar {
    position: fixed;
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 35px;
}
.copyright {
    text-align: center;
    font-size: 12px;
    color: #CCC;
}

.app-img{
    width: 110px;
    height: 110px;
}