@charset "utf-8";
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    background:#fafafa;
}
.error{
    color: #f00;
}
#header{
    width:100%;
    height:10px;
    background:#333;
    position:fixed;
    top:0;
}
.login_content{
    text-align:center;
}
.login_content h2{
    margin-top:150px;
    text-align:center;
}
.login_content .form{
    margin:25px auto;margin-bottom:20px;margin-top:20px;text-align:center;
}
.login_content input{
    width:300px;
    height:40px;
    margin:0 auto;
}

.login_content .fr-code{
    height: 40px;
}

.login_content input#code{
    width: 140px;
    height: 40px;
    margin: 0 auto;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.login_content .code-img{
    height: 35px;
    float: right;
    margin-right: 10px;
}

.login_content .btn{
    color:#fff;
    background:#53a4f4;
    width:300px;
    height:40px;
    font-size:18px;
    letter-spacing:5px;
    padding:0px;
}
.login_content .btn:focus, .login_content .btn:hover{
    color:#fff;
    background:#53a4f4;
}
.login_content .footer{
    margin-top:50px;text-align:center;
}
.login_content .footer a, .login_content .footer span{
    text-decoration:none;color:#A6A6A6;
}
.btn{
    font-size: 16px!important;
    letter-spacing: 1px!important;
}
#wechat_container{
    width: 300px!important;
    margin: auto;
} 
.fr-pass{
    margin: 0px!important;
    line-height: 0.1;
}
#pass{
    margin-left: 200px;
}
#wechat_login{
    margin-top: 10px;
}
.btn-wechat{
    width: 300px;
    height: 40px;
    margin: auto;
    background : #fafafa!important;
    color: black!important;
    border: 1px solid #ccc;
}
.btn-wechat:hover{
    background-color: #32c25a!important;
    color: #fafafa!important;
}
.login_content #passcode{
    width: 210px;
    display: inline-block;
}
#login_content button{
    display: inline-block;
    color: #fff;
    background: #53a4f4;
    padding: 5px;
    border-radius: 5px;
    width: 95px;
    height: 40px;
    border: none;
    margin: 0;
}
button.disable{
    background: #ccc;
}
.login{
    position: relative;
}
.login_content{
    width: 450px;
    background-color: #fff;
    z-index: 1;
    padding: 60px 64px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 140px;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 40px;
}
.login_content h2{
    margin-top: 0px;
}
.container{
    position: relative;
    height: 100vh;
    width: 100%;
}
.container::after {
    content: " ";
    background-color: rgb(247, 249, 252);
    background-image:url(<c:url value="/assets/img/background.png" />);
    opacity: 0.64;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;
    display: block;
}
.container_bj {
    position: relative;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}
svg:not(:root){
    opacity: 0.7;
}
.bXgPqJ {
    padding: 16px;
    box-sizing: border-box;
}

.bXgPqJ {
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
    width: 100%;
}

.dgGbbT {
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 240px;
    transform: translate(-280px);
    width: 90px;
}

.frRovx {
    position: absolute;
    z-index: 0;
    right: 50%;
    top: 526px;
    transform: translate(275px);
    width: 56px;
}

.kraXKl {
    position: absolute;
    z-index: 0;
    right: 50%;
    top: 594px;
    transform: translate(255px);
    width: 128px;
}

.kJCSVl {
    position: absolute;
    z-index: 0;
    right: 50%;
    transform: translate(600px);
    top: 160px;
    width: 136px;
}

.dGrQPu {
    position: absolute;
    z-index: 0;
    right: 50%;
    transform: translate(340px);
    top: 508px;
    width: 20px;
}

.fhXApt {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translate(-327px);
    top: 418px;
    width: 50px;
}

.cfeeEi {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translate(-360px);
    top: 376px;
    width: 20px;
}

.kCoqWk {
    position: absolute;
    z-index: 0;
    left: 50%;
    transform: translate(-758px);
    top: 685px;
    width: 342px;
}

.record_code{
    position: fixed;
    bottom: 0px;
    width: 100%;
    color: #A6A6A6;
    left: 0px;
    height: 40px;
}

.record_code a{
    color: #A6A6A6;
}

 @media only screen and (max-width : 480px) {
    body{
        background: #fff;
    }
    #header{
        background: #fff;
    }
    .login_content #tel,
    .login_content #password,
    .login_content #name,
    .login_content #email,
    .login_content #passcode,
    .login_content #code{
        border: 0;
        background-color:#fff!important;
        border-bottom: 1px #ccc solid;
        border-radius: 0;
        box-shadow: none;
    }
    .login_content input[type=number]{
        width: 210px;
        display: inline-block;
    }
    
    #wechat_login{
        display: none;
    }
    .login_content{
        height: 100Vh;
        top: 0px;
    }
    .login_content h2{
        margin-top: 90px;
    }
    svg{
        display: none;
    }
 }
 @media only screen and (max-height : 480px) {
    .record_code{
        display: none;
    }
 }