@charset "utf-8";
li{list-style:none}
.toLogin{display:none;}
/**
 * PC端
 */
@media screen and (min-width:768px){
    body{width: 100%;height: 100%;background-color: #ffffff;background: url("/img/document/document_bg.jpg")no-repeat;background-size: cover;}
    .header{width: 100%;height: 80px;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 18px 0;}
    .wrap{width: 1200px;height: 100%;line-height: 44px;font-size: 20px;color: #ffffff;}
    .wrap .logo{width: 52px;height: 44px;margin-right: 10px;}
    .login-contailer{width: 100%;min-height: 1000px;box-sizing: border-box;padding-top: 200px;position: relative;}
    .loginWrap{width:1100px;height:560px;overflow:hidden;background-color: #ffffff;margin:0 auto;box-sizing:border-box;box-shadow: 0px 0px 20px 0px rgba(227, 88, 24, 0.1);border-radius: 10px;}
    .login-image{width: 490px;height: 560px;float: left;}
    .loginForm{float:right;width:610px;height:560px;padding:90px 123px;font-size:14px;position:relative;box-sizing: border-box;}
    .loginForm h1{color:#E15616;font-size:24px;font-weight:bold;line-height:30px;text-align: center;}
    .loginForm form{margin-top:40px}
    .loginForm .formLine{height:70px;padding:0;}
    .loginForm input{height:48px;line-height:48px;}
    .loginForm .checked{top:14px;}
    .loginForm .submit{height:44px;line-height:0;font-size:0;text-align:justify;margin-top:20px}
    .loginForm .submit:after{content:'';display:inline-block;width:100%}
    .loginForm .submit .btn{display:inline-block;box-sizing:border-box;width: 360px;height: 48px;background: linear-gradient(90deg, #FF8B45, #E15616);border-radius: 4px;cursor: pointer;font-size: 18px;color: #ffffff;}
    .loginForm .submit button.btn{background-color:#e15616;color:#FFF}
    .loginForm .submit .btn:hover{opacity:.8}
    .formLine.code input{width: 230px;float: left;}
    .formLine.code .code-btn{width: 120px;height: 48px;background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);border-radius: 4px;float: right;display: block;line-height: 48px;text-align: center;color: #FFFFFF;}
    .formLine.code .code-btn.disabled{background: #EBEBEB;color: #999999;}
    .formLine.code .checked{left:200px;}
    #codeMsg{display: inline-block;float: left;}
    .loginForm .codeBtn{position:absolute;right:0;top:0;width:100px;height:100px;}
    .loginForm .codeBtn:before{width:100px;height:100px;background-position:-138px -146px}
    .baseHeadCenter.account .accountLogin{display:none}
    .login-success{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #FFFFFF;z-index: 9999;opacity: 0;}
    .login-success.active{opacity: 1;}
    .login-success .inner{width: 500px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;padding-top: 130px;}
    .login-success .pc-icon{width: 300px;height:228px;display: block;}
    .login-success h1{width: 300px;height: 60px;font-size: 30px;line-height: 60px;text-align: center;margin-top: 20px;}
    .login-success h1.text-success{color: #25C474;}
    .login-success h1.text-error{color: #F94B4B;}
    .login-success p{width: 300px;height: 24px;font-size: 18px;color: #666666;line-height: 24px;text-align: center;}
    .login-success p span{color: #E15616;}
    .login-success .btn{display: block;width: 120px;height: 40px;background: linear-gradient(90deg, #FF8B45, #E15616);border-radius: 20px;font-size: 18px;color: #FFFFFF;line-height: 40px;text-align: center;margin:20px auto;}


}

/**
* 移动端
*/
@media screen and (max-width:768px){
    body{background-color: #ffffff;background: url("/img/document/document-h5.png")no-repeat center;background-size:cover;}
    #loginPage{width: 100%;height: 100%;}
    .header{width: 100%;height: 17.8vw;background: linear-gradient(90deg, #FF8B45, #E15616);box-sizing: border-box;padding: 3.4vw 6vw;}
    .wrap{width: 100%;height: 100%;line-height: 10vw;font-size: 2vw;color: #ffffff;}
    .wrap .logo{width: 10vw;height: 8.8vw;margin-right: 10px;}
    .loginForm .showPwd{display:none;}
    .login-contailer{width: 100%;min-height:100%;box-sizing: border-box;padding: 0 10vw;position: relative;}
    .login-image{width: 56.1vw;height: 50.1vw;margin: 0 auto;margin-top: 15vw;margin-bottom: 10vw;}
    .loginForm .title{display: none;}
    .loginForm h1{color:#22272e;font-size:6.4vw;font-weight:bold;line-height:10vw}
    .loginForm h2{font-size:3.1vw;font-weight:normal;line-height:5.4vw;color:#627386}
    .loginForm form{width:100%;margin:0 auto 0}
    .loginForm .formLine{height:16.4vw;padding:0;}
    .loginForm input{height:11.2vw;line-height:6vw;padding: 2.6vw 0;box-sizing: border-box;border-radius:1vw; }
    .loginForm .checked{top:3.6vw;right:3.6vw;}
    .formLine.code .code-btn{width: 21vw;height: 11vw;display: block;float: right;text-align: center;line-height: 11vw;border-radius: 1vw;box-sizing: border-box;background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);color: #FFFFFF;font-size: 3vw;}
    .formLine.code .code-btn.disabled{background: #EBEBEB;color: #999999;}
    .loginForm .forget{text-align:right;color:#4a4f58;font-size:3.4vw;line-height:3.4vw;margin-bottom:4.8vw}
    .loginForm .submit{line-height:11.2vw;font-size:3.4vw;text-align:center;color:#22272e;}
    .loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:11.2vw;border:solid 1px #b8bfca;border-radius:2px;margin-bottom:4.8vw}
    .loginForm .submit button.btn{background: linear-gradient(135deg, #F28F31 0%, #E15616 100%);color: #FFFFFF;}
    .loginForm .submit .weChat{display:block;margin:6vw auto;width:50vw;color:#627386;line-height:8vw}
    .loginForm .submit .weChat span{display:inline-block;width:100%}
    .loginForm .submit .weChat .mIcon:before{width:12vw;height:12vw;background-position:0 -77.8vw}
    .login-success{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #FFFFFF;z-index: 9999;opacity: 0;}
    .login-success.active{opacity: 1;}
    .login-success .inner{width: 100%;display: flex;flex-direction: column;align-items: center;padding-top: 4vw;}
    .login-success .success-main{display: flex;flex-direction: column;align-items: center;}
    .login-success .h5-icon{width: 47vw;height:35vw;display: block;}
    .login-success h1{width:  47vw;height: 10vw;font-size: 5vw;line-height: 10vw;text-align: center;margin-top: 4vw;}
    .login-success h1.text-success{color: #25C474;}
    .login-success h1.text-error{color: #F94B4B;}
    .login-success p{width: 47vw;height: 4vw;font-size: 3vw;color: #666666;line-height:  4vw;text-align: center;}
    .login-success p span{color: #E15616;}
    .login-success .btn{display: block;width: 30vw;height: 9vw;background: linear-gradient(90deg, #FF8B45, #E15616);border-radius: 4.5vw;font-size:3vw;color: #FFFFFF;line-height: 9vw;text-align: center;margin:4vw auto;}



}
