.page-logo-wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: url(../images/logo-bgi.png) no-repeat center center;background-size: cover;}
.page-logo-wrap .logo{position: absolute;top: 70px;left: 70px;width: 320px;}
.page-logo-wrap .logo a{display: block}
.page-logo-wrap .logo img{position: relative;display: inline-block;vertical-align: top; width: auto;max-width: 100%;}
.page-logo-wrap .logo .logo-text{position: relative;width: 100%;font-weight: 600;font-size: 18px;color: #000000;line-height: 30px;margin-top: 14px}
.page-logo-wrap .body-box{position: relative;width: 100%;max-width: 1250px;padding: 0 15px; margin: 135px auto}
.page-logo-wrap .body-box .login-box{position: relative;width: 404px;max-width: 100%;margin-left: auto}
.page-logo-wrap .body-box .login-box .form-box{position: relative;width: 100%;background: rgba(252,254,255,0.3);box-shadow: 0px 0px 35px 0px rgba(62,134,224,0.16);padding: 52px 28px 58px;border-radius: 12px;border: 2px solid #FFFFFF;}
.page-logo-wrap .body-box .login-box .form-box .tit{position: relative;width: 100%;text-align: center;font-weight: 600;font-size: 24px;color: #000000;line-height: 36px;}
.page-logo-wrap .body-box .login-box .form-box .form{position: relative;width: 100%;margin-top: 33px}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item{position: relative;width: 100%;margin-right: 0;margin-bottom: 20px;background: #FFFFFF;border-radius: 6px;border: 0;box-shadow: none !important}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .el-input{position: relative;height: 50px;padding-left: 36px; background: #FFFFFF;border-radius: 6px;font-size: 14px;line-height: 30px;border: 0;box-shadow: none !important}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .el-input .el-input__wrapper{border: 0;box-shadow: none !important;background: transparent !important;}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .el-input .el-input__wrapper input{height: 95%;padding: 0 5px; background-color: transparent !important}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .el-form-item__content{justify-content: space-between;}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .captcha{position: relative;height: 38px;margin: 5px 12px;border-radius: 5px}
.page-logo-wrap .body-box .login-box .form-box .form .el-form-item .icon{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;z-index: 22}
.page-logo-wrap .body-box .login-box .form-box .form .form-btn{position: relative;width: 100%;padding-top: 26px}
.page-logo-wrap .body-box .login-box .form-box .form .form-btn .login-btn{position: relative;width: 100%;height: 50px;font-size: 18px;color: #FFFFFF;line-height: 30px;background: linear-gradient(90deg, #5E58E2 0%, #0EB3FB 100%);border-radius: 6px;}
@media screen and (max-width: 1259px) {
    .page-logo-wrap .logo{top: 60px;left: 60px;}
    .page-logo-wrap .logo .logo-text{font-size: 16px;line-height: 28px;margin-top: 12px}
    .page-logo-wrap .body-box{margin: 128px auto}
}
@media screen and (max-width: 960px) {
    .page-logo-wrap .logo{top: 40px;left: 40px;}
    .page-logo-wrap .logo .logo-text{font-size: 16px;line-height: 28px;margin-top: 12px}
    .page-logo-wrap .body-box{margin: 108px auto}
}
@media screen and (max-width: 600px) {
    .page-logo-wrap{display: block}
    .page-logo-wrap .logo{position: relative;top: 0px;left: 0px;padding: 20px}
    .page-logo-wrap .logo .logo-text{font-size: 16px;line-height: 28px;margin-top: 12px}
    .page-logo-wrap .body-box{margin: 42px auto}
    .page-logo-wrap .body-box .login-box{margin: 0 auto}
    .page-logo-wrap .body-box .login-box .form-box{background: rgba(255,255,255,.6);padding: 46px 20px 52px;}
    .page-logo-wrap .body-box .login-box .form-box .tit{font-size: 22px;line-height: 34px;}
    .page-logo-wrap .body-box .login-box .form-box .form{margin-top: 28px}
    .page-logo-wrap .body-box .login-box .form-box .form .el-form-item{margin-bottom: 16px;}
    .page-logo-wrap .body-box .login-box .form-box .form .el-form-item .el-input{height: 48px;padding-left: 32px;}
    .page-logo-wrap .body-box .login-box .form-box .form .el-form-item .captcha{height: 38px;margin: 5px 0;}
    .page-logo-wrap .body-box .login-box .form-box .form .el-form-item .icon{left: 10px;width: 16px;height: 16px;}
    .page-logo-wrap .body-box .login-box .form-box .form .form-btn{padding-top: 22px}
    .page-logo-wrap .body-box .login-box .form-box .form .form-btn .login-btn{height: 48px;font-size: 16px;line-height: 30px;}


}

