body{
    font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
/*顶部导航*/
.navbar {
    background: #fff;
    border: 0;
    padding: 0;
    margin-bottom: 0;
}
.navbar .container {
    height: 100px;
}
.navbar .navbar-header{
    width: 100%; margin: 0;
}
.navbar .navbar-brand {
    width: 400px; height: 88px; margin-top: 6px;
    background:url(../img/logo.jpg) center center no-repeat;
    -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain;
    font-size: 26px;
    font-weight: bolder;
    line-height: 32px;
}
.login-version {
    height: 100px; line-height: 100px;
    font-size: 30px;
    float: right;
    font-weight: 700;
}
.login-version a{
    color: #444;
}
@media screen and (max-width: 767px){
    .navbar .navbar-brand{
        width: auto; height: auto;
        background: none; margin-top: 0;
    }
    .navbar .container {
        height: auto; 
    }
    .login-version {
        padding: 15px;
        height: auto; 
        line-height: 32px;
        font-size: 22px;
    }
    .login-version a{
        line-height: 32px;
    }
}
/*中部表单*/
.login-page, .register-page{
    background: #fff;
}
.box-wrap{
    width: 100%; height: 600px;
    background:url(../img/loginBg.jpg) center center no-repeat;
}
.login-box{
    float: right;
    margin: 180px 0 0;
}
.login-box-img{
    float: left;
    width: 757px; height: 208px; margin-top: 196px;
    background:url(../img/loginBg2.png) center center no-repeat;
    -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain;
}
@media screen and (max-width: 1199px){
    .login-box-img{
        width: 550px; height: 151px; margin-top: 224px;
    }
}
@media screen and (max-width: 991px){
    .box-wrap{
        height: 400px;
    }
    .login-box-img{
        width: 350px; height: 96px; margin-top: 152px;
    }
    .login-box{
      margin: 80px 0 0;
    }
}
@media screen and (max-width: 768px){
    .login-box, .register-box {
        width: 360px;
    }
}
@media screen and (max-width: 767px){
    .login-box, .register-box {
        float: none;
        margin: 80px auto;
    }
}
.btn-primary{
    background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#E10E23), to(#7E0E0C), color-stop(0.2,#E10E23));
    border-color: #fff;
}
.btn-primary:focus{
    outline: transparent;border-color: #fff;
}
.btn-primary:hover{
    outline: transparent;border-color: #fff;
}
.btn-primary:active{
    background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#7E0E0C), to(#E10E23), color-stop(0.2,#E10E23));
    outline: transparent;border-color: #fff;
}
/*底部链接*/
.login-footer-link{
    margin: 30px 0;
    padding: 0; list-style: none;
    font-size: 22px; 
}
.login-footer-link a{
    display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; display: box;
    -webkit-box-align:center;  -moz-box-align:center; -o-box-align:center; -ms-box-align:center; box-align:center; 
    -webkit-box-pack:center;  -moz-box-pack:center; -o-box-pack:center; -ms-box-pack:center; box-pack:center; 
    line-height: 70px; 
    color: #b4b4b4;
}
.login-footer-link li:first-child a{
    -webkit-box-align:start;  -moz-box-align:start; -o-box-align:start; -ms-box-align:start; box-align:start; 
    -webkit-box-pack:start;  -moz-box-pack:start; -o-box-pack:start; -ms-box-pack:start; box-pack:start; 
}
.login-footer-link li:last-child a{
    -webkit-box-align:end;  -moz-box-align:end; -o-box-align:end; -ms-box-align:end; box-align:end; 
    -webkit-box-pack:end;  -moz-box-pack:end; -o-box-pack:end; -ms-box-pack:end; box-pack:end; 
}
.login-footer-link a span{
    font-size: 30px;  
    width: 70px; height: 70px; line-height: 70px; 
    float: left; margin-right: 15px; text-align: center; 
    -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
    background: #b4b4b4; color: #fff;
}
@media screen and (max-width: 767px){
    .login-footer-link{
        margin:15px 0; font-size: 16px; 
    }
    .login-footer-link a{
        line-height: 40px; 
    }
    .login-footer-link a span{
        font-size: 16px;
        width: 40px; height: 40px; line-height: 40px;
        margin-right: 5px;
    }
}
@media screen and (max-width: 430px){
    .login-footer-link{
        margin:15px 0; font-size: 14px; 
    }
    .login-footer-link a{
        line-height: 30px; 
    }
    .login-footer-link a span{
        font-size: 14px;
        width: 30px; height: 30px; line-height: 30px;
        margin-right: 5px;
    }
}
/*底部版权*/
.login-footer-copy p{
    margin-bottom: 0; text-align:center; color: #ccc;
}