body{
    background: url("../img/bg.png") repeat-y;
    background-size: 100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.login-bg{
    width: 100%;
    margin: 120px auto 0;
    position: relative;
    overflow: hidden;
    padding-bottom:  20px;
    z-index: 10;
}
.login-bg-inner{
    width: 1140px;
    margin: 0 auto;
    box-shadow: 0px 2px 8px -2px #ccc;
    border-radius: 25px;
}
.login-left{
    background: url("../img/bg-b.jpg") no-repeat;
    background-size: 100%;
    background-color:transparent;
    width: 580px;
    height:537px;
    float: left;
    border-radius: 25px 0 0 25px;
}
.login-left .logo{
    position: relative;
    top: 30px;
    left: 50px;
}
.login-right{
    width: 560px;
    height:537px;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 0 25px 25px 0;
}
.login-right .line{
    width: 1px;
    border-left: 1px solid #fff;
    height: 417px;
    margin-top: 60px;
    position: absolute;
    left: 0;
}
.login-right-inner{
    margin: 0 70px;
    padding-top: 80px;
}
.login-right-inner p{
    color: #fff;
    margin: 40px 0 20px;
    font-size: 16px;
}
.login-right-inner .btn{
    display: block;
    width: 80%;
    height: 50px;
    font-size: 18px;
    line-height: 38px;
    margin: 60px auto 0;
    background: #004D95;
    color: #fff;
    border-radius: 25px;
    box-shadow: #1B6DFF 0 0 0 1px;
}

.login-right-inner .title{
    margin: 0 auto 60px;
    text-align: center;
    color: #666;
}
.login-main{
    width: 300px;
    height: 160px;
    margin: 50px auto;
    border: 1px solid #080808;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 8px 0px #000;
}
.login-content-forget{
    float: left;
}
.login-right-hide{
    width: 300px;
    height:370px;
    background: #fff;
    position: absolute;
    top: 560px;
    left: 60px;
    text-align: center;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: #999 1px 1px 5px 0px;
    z-index: 99;
}
.login-right-hide .title{
    color: #428bca;
    text-align: center;
    margin: 0px auto 40px;
}
.login-content-form{
    margin: 0 80px;
    padding-top: 50px;
}
.login-right-hide .login-input{
    height: 45px;
    padding-left: 40px;
}
.login-btn{
    height: 40px;
    font-size: 16px;
}
.help-info{
    text-align: center;
    color: #428bca;
}
.hide-logo, .hide-title{ display: none;}
.relative{ position: relative}
#refresh{
    width: 200px;
    height: 80px;
    position: relative;
    top: -25px;
    left: -45px;
}
#refresh-div{
    width: 100px;
    height: 40px;
    position: absolute;
    overflow: hidden;
    top:2px;
    right:2px;
    cursor: pointer;
}
.fist{ position: absolute; bottom:0px; width:  100%;  height: 50%; z-index: 9}
.fist-img{ width: 100%; height: 100%; background: url('../img/fist.png') center bottom no-repeat; background-size: 220px;}

.title-div{ position: relative; width: 300px; margin: 10px auto 0;}
.title-div .title{ width: 180px; position: relative; z-index: 20; margin: 0 auto;color: #0031c9; font-size: 20px; display: block; font-weight: bold; padding: 15px 0; background: #fff}
.title-div .title-line{ width: 100%; border-bottom: 2px solid #0031c9;position: absolute; top: 29px; z-index: 10;}
#follow-help{ display: block; width: 100px; text-align: center; margin: 0 auto; cursor: pointer;}
#follow-help:hover{ text-decoration:underline;}
#back-to-auth{ display: block; font-size: 26px; color:#333; position: absolute; top: 0; right:0; padding: 0 10px; color: #666;text-align: center; margin: 0 auto; cursor: pointer;}
.switch-lang{
    position: absolute; right: 20px; top: 5px;
    background: url(../img/qiehuan.png) no-repeat;
    background-size: 20px;
    background-position-y: 3px;
    padding-left: 23px;
}
@media (max-width: 1145px){
    body{ background: #004D95}
    .login-bg-inner{ width:100%; box-shadow: none;}
    .login-left{ display: none;}
    .login-right{
        float: none;
        clear: both;
        margin: 0 auto;
        border-radius: 5px;
        background: transparent;
    }
    .login-right-hide{
        margin: 0 auto;
        position: absolute;
        box-shadow: #2c55d5 1px 1px 5px 0px;
    }
    .line{
        display: none;
    }
    .hide-logo, .hide-title{
        display: block;
        position: relative;
        text-align: center;
    }
    .title{ display: none;}
    .m-title{
        width: 100%;
        height: 180px;
        background: url('../img/text.png') center center no-repeat; background-size: 100%}
    .login-bg{
        margin-top: 80px;
    }
    .login-right-inner{
        padding-top: 0;
        text-align: center;
    }
    .login-right-inner .btn{
        background: #fff;
        color: #004D95;
        box-shadow: none;
        margin: 50px auto 0;
    }
    .blue-logo{ display: none;}
    .title-div .title-line{ border-bottom: 2px solid #fff}
    .title-div .title{ background: #004D95; color: #fff}
    .switch-lang{
        color:#fff;
        position: relative;
        background: url(../img/qiehuan_white.png) no-repeat;
        background-position-y: -2px;
        background-size: 20px;
    }
}

@media (max-width: 540px){
    .login-right{
        width: 95%;
        background: transparent;
    }
    .login-right-inner, .login-content-form{
        margin: 0 20px;
    }
    .login-right-hide{
        width: 90%;
        left: 5%;
    }
    .m-title{
        height: 140px;
    }
    .title-div{ width: 80%}
    .login-right{ height: 470px;}
}

@media (max-width: 380px){
    .login-right-hide{ height: 300px;}
    .login-right-hide img{ width: 200px;}

}