.app-login{width:100%;height:100%;min-width:1300px;min-height:600px;position:absolute;background:url(../img/school-bg.11f44d0f.jpg) no-repeat;background-size:100% 100%;-moz-background-size:60% 80%;-webkit-background-size:100% 100%;-o-background-size:60% 80%}.app-login .app-login-top{width:100%;height:20%;background-color:#2b60b2;opacity:.9}.app-login .app-login-middle{width:100%;height:50%}.app-login .app-login-bottom{position:absolute;width:100%;height:30%;background-color:#2b60b2;padding-right:8%;opacity:.9;bottom:0;color:#fff}.app-login .app-login-top .app-header-logo{position:absolute;height:120px;width:500px;padding:5px 15px;top:calc(10% - 70px);left:18%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.app-login .app-login-top .app-header-logo img{height:100%}.app-login .app-login-top .app-header-logo img+img{margin-left:10px}.app-login .app-login-top .app-header-system-name{position:absolute;width:auto;height:60px;padding:10px 15px;left:calc(28% + 150px);top:calc(15% - 72px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:39px;font-weight:900}.app-login .app-login-middle .zhu-tupian{margin-left:20%;width:31%;height:100%;min-width:460px}.app-login .app-login-middle .zhu-tupian img{width:100%;height:100%;min-width:420px}.app-login .app-login-top .app-header-system-name img{width:312px;height:44px}.app-login .app-login-bottom .app-login-bottom-tishi{color:#fff;text-align:center;padding-top:23px;font-size:12px;letter-spacing:1px}.app-login .app-login-bottom .app-login-bottom-dangqian{color:#fff;text-align:center;padding-top:23px;font-size:13px}.app-login .app-login-bottom .app-login-bottom-dangqian .dangqian-num{display:inline-block;width:13px;height:13px;background-color:#fff;margin:0 2px;color:#c33;font-weight:700;border-radius:2px;text-align:center}.app-login .app-login-bottom .version{position:absolute;width:100%;bottom:0;text-align:right;color:#fff;font-size:13px}.app-login .app-login-form{position:absolute;top:calc(23% - 30px);left:58%;width:25%;height:calc(52% + 30px);min-height:360px;min-width:320px}.app-login .login-right{width:390px;height:330px;float:right;top:30px;background:hsla(0,0%,100%,.3);border-radius:20px}.app-login .header{position:relative;height:18%;width:100%;text-align:center;padding-top:7%;border-bottom:2px solid hsla(0,0%,100%,0);margin-bottom:20px}.app-login .header .headeryinying{position:absolute;width:1px;height:1px;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:-30px;border-top:15px solid transparent;border-right:15px solid rgba(0,0,0,.1);border-bottom:15px solid rgba(0,0,0,.1);border-left:15px solid transparent}.app-login .header span{letter-spacing:1px;text-shadow:0 2px 1px rgba(51,51,51,.2);background-image:-webkit-gradient(linear,left bottom,left top,from(#383838),to(#5a5a5a));background-image:linear-gradient(0deg,#383838,#5a5a5a);background-clip:text;-webkit-background-clip:text;font-family:MicrosoftYaHei;font-size:20px;font-stretch:normal;line-height:46px;letter-spacing:2px;margin-top:30%}.app-login .header .loginStr{font-weight:600}.app-login .header .login-switch{position:absolute;right:0;top:1px;cursor:pointer}.app-login .header .login-switch .iconfont{font-size:50px}.app-login .login-input{position:relative}.app-login .el-form-item--mini.el-form-item,.app-login .el-form-item--small.el-form-item{margin:auto;margin-bottom:0;width:70%}.app-login .login-input>.el-input__inner{background-position:0 100%,100% 100%;background-size:0 1px,100% 1px;background-repeat:no-repeat;outline:none}.app-login .login-input>.el-input__inner,.app-login .login-input>.el-input__inner:focus{border:none;-webkit-box-shadow:none;box-shadow:none;padding-left:30px;height:30px;margin-top:20px}.app-login .login-input>.el-input__inner:focus{background-size:100% 1px,100% 1px;-webkit-transition:all .3s linear;transition:all .3s linear}.app-login .el-form-item.is-error .el-input__inner,.app-login .el-form-item.is-error .el-input__inner:focus{-webkit-box-shadow:0 2px 8px rgba(248,93,99,.2);box-shadow:0 2px 8px rgba(248,93,99,.2);border-color:#f56c6c;border-bottom:1px solid #f56c6c;border-radius:0;background-image:none;padding-left:30px;height:30px;margin-top:20px}.app-login .remember-password{overflow:hidden;text-align:left;//margin-top:30px;padding:0 15%;color:#fff}.app-login .remember-password .el-checkbox__label{color:#333;font-size:12px;font-weight:400;padding:7px 0 0 3px}.app-login .remember-password .el-button--text{float:right}.app-login .el-checkbox__label{padding-left:4px}.app-login .rememberPassword .el-checkbox__inner{width:12px;height:12px}.app-login .rememberPassword .el-checkbox__label{font-size:12px}.app-login .app-login-btn{position:relative;width:100%;height:46px;border:0;margin-top:10px;-webkit-box-shadow:2px 3px 3px 0 rgba(0,0,0,.11),inset 1px 1px 0 0 rgba(32,164,230,.29);box-shadow:2px 3px 3px 0 rgba(0,0,0,.11),inset 1px 1px 0 0 rgba(32,164,230,.29);font-size:16px;font-weight:400}.app-login .app-login-btn_custom{border-radius:30px}.app-login .app-login-btn_custom .el-loading-spinner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-login .app-login-btn_custom .el-loading-spinner i,.app-login .app-login-btn_custom .el-loading-spinner p{display:inline-block;vertical-align:middle}.app-login .el-form-item.is-error .el-input__inner,.app-login .el-form-item.is-error .el-input__inner:focus,.app-login .el-form-item.is-error .el-textarea__inner,.app-login .el-form-item.is-error .el-textarea__inner:focus,.app-login .el-form-item.is-success .el-input__inner:focus,.app-login .el-form-item.is-success .el-textarea__inner:focus{-webkit-box-shadow:none;box-shadow:none}.app-login .el-tabs__item{width:150px}.app-login .el-tabs__active-bar{width:150px!important}.app-login .el-tabs--top .el-tabs__item.is-top:last-child,.app-login .el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0;padding-right:0;font-size:16px}.app-login .el-tabs__nav{height:50px}.app-login .onLine{position:absolute;right:30px;top:70px;font-size:12px;color:#999}.app-login .onLine span{font-size:16px;color:#ffa018}.app-login .hiden{display:none}.app-login .qr-code{-webkit-box-sizing:border-box;box-sizing:border-box;margin:30px auto 20px auto;width:250px;height:330px;//border:1px solid #ddd;border-radius:10px;color:#fff;background-color:#e3e3e3}.app-login .qr-code img{margin:30px;width:calc(100% - 60px);height:calc(100% - 60px)}.app-login .qr-code .explain{margin:20px auto;font-size:14px;text-align:center}.app-login .verification-code{position:absolute;right:3px;bottom:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-login .verification-code>span{font-size:14px;font-weight:400;letter-spacing:4px}.app-login .tubiao .icon{position:absolute;top:17px;z-index:9}@media screen and (max-width:1450px){.app-login .app-login-top .app-header-logo{left:14%;height:120px;width:500px;top:calc(23% - 60px)}.app-login .app-login-top .app-header-system-name{left:calc(38% + 250px);width:auto;height:60px;top:calc(23% - 60px)}.app-login .app-login-top .app-header-logo:after{height:30px}.app-login .app-login-middle .zhu-tupian{margin-left:17%}.app-login .app-login-form{left:57%}}@media screen and (min-width:1451px) and (max-width:1750px){.app-login .app-login-top .app-header-logo{left:15%;height:120px;width:500px}.app-login .app-login-top .app-header-system-name{left:calc(38% + 250px);width:auto;height:60px}}@media screen and (max-height:714px){.app-login .app-login-btn,.app-login .remember-password{margin-top:15px}}@media screen and (min-width:1451px) and (max-width:1750px){.app-login .app-login-form{left:55%}}@media screen and (min-width:1600px){.app-login .app-login-form{width:22%}}