body,html{
    height:100%;
}
header{
    height:66px;
    padding-left:40px;
    vertical-align:middle;
    line-height:66px;
}
header>img{
    text-align:left;

}
.main {  
    text-align: center;
    height: calc(100% - 66px);
    display: flex;
    align-items: center;
    background: url(../image/login/protal-bg.png) no-repeat;
    background-size: cover;
    background-position: 50% 45%;
}
.loginBox{
    width:316px;
    height:336px;
    border-radius:4px;
    box-shadow:2px 2px 4px #2E8DBF;
    border:1px solid #BAB9C6;
    padding:0px 24px 0px 26px;
    background-color:#F9FCFE;
    margin:0 auto;
}
.loginBox h2{
    font-size:28px;
    color:#354046;
    margin: 40px auto;
}
.main .input-group{
    width:100%;
    height:40px;
    margin-top:25px;
    border-radius:2px;
    border:1px solid #BFBFBF;
    background-color:#fff;
}
.input-group:-moz-placeholder,.input-group::-moz-placeholder,.input-group:-ms-input-placeholder,.input-group::-webkit-input-placeholder {
  color: #BFBFBF;
}
.input-group>img{
    margin:0 10px;
}
.input-group>input{
    display:inline-block;
    outline:none;
    border:none;
    height:34px;
    width:224px;
    /*line-height:34px;*/
    position:relative;
    /*top:-1px;*/
}
.login-btn{
     margin-top:28px;
     height:42px;
     font-size:16px;
     color:#FFFFFF;
     border-radius:2px;
     width:100%;
     background-color:#1A8EE6;
     border:none;
}
#cate_header .login-form {
    top: 42px;
}
.login-form {
    position: absolute;
    width: 251px;
    right: 5px;
    top: 48px;
    padding: 16px;
    border-radius: 2px;
    display:none;
}
.login-form .form-group{
    margin-bottom:10px;
    position:relative;
    height:40px;
}
.login-form .btn-block{
    margin-top:20px;
    background-color:#3eccdd;
    color:#fff;
    font-size:18px;
    height:40px;
    border-color:#3eccdd;
    border-radius:3px;
}
#login-form .login-field{
    border:1px solid #dbdbdb;
    height:40px;
    padding:0px;
    text-align:left;
    text-indent:40px;
    line-height:40px;
    color:#cccccc;
    font-size:14px;
    outline:none;
    box-shadow:none;
}
#login-form .login-field:focus{
    border-color:#dbdbdb;
    box-shadow:none;
}
.login-form .form-group span{
    position:absolute;
    height:40px;
    line-height:40px;
    color:#cccccc;
    width:50px;
    top:0px;
    left:40px;   
}
.login-form .form-group i{
    position:absolute;
    width:20px;
    height:20px;
    vertical-align:middle;
    margin:0px 10px;
    left:0px;
    top:10px;
}
.login-form .form-group:first-of-type i{
    background:url(../image/loginPeople.png) no-repeat center;
}
.login-form .form-group:last-of-type i{
    background:url(../image/loginPassward.png) no-repeat center;
}
.login-form:before{
    content:'';
    position:absolute;
    width:13px;
    height:7px;
    background:url(../image/loginArrows.png) no-repeat center;
    top:-7px;
    right:9px;
}
.index-header-links .navbar-nav{
    position:relative;
}
footer{
    font-size: 14px;
    color: #F5F5F5;
    line-height: 1.8;
    text-align: center;
    height: 124px;
    padding: 38px;
    /*position: fixed;*/
    bottom: 0;
    width: 100%;
}