.login{background:linear-gradient(#fff,transparent);display:flex;justify-content:center;position:relative}.login,.login .bgimg{width:100%;height:100%}.login .bgimg{position:absolute;left:0;top:0;z-index:-1}.login .login-content{width:50%;height:100%;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.login .login-content .login-title{font-weight:700;font-size:36px;margin-top:150px}.login .login-content .login-input{width:75%;height:300px;background:#fff;border-radius:10px;margin-top:50px;display:flex;flex-direction:column;align-items:center;padding-top:70px;box-sizing:border-box;position:relative;box-shadow:0 0 10px 0 #eee}.login .login-content .login-input .QRCode{height:122px}.login .login-content .login-input .QRCode .qrCodeImg{width:100%}.login .login-content .login-input .QRCode .QRother .qrError{display:flex;justify-content:center;align-items:center;background-image:url(https://gecacademy.oss-cn-beijing.aliyuncs.com/crm/assets/qrBg.png);width:122px;height:122px}.login .login-content .login-input .QRCode .QRother .qrError .errorWapper{background:rgba(55,44,44,.7);width:122px;height:122px}.login .login-content .login-input .QRCode .QRother .qrError .errorText{line-height:3;position:absolute;z-index:20}.login .login-content .login-input .QRCode .QRother .qrError .errorText .expire{font-size:12px;font-weight:700;color:#fff}.login .login-content .login-input .QRCode .QRother .qrError .errorText .refreshBtn .el-button{width:100%}.login .login-content .login-input .QRCode .QRother .qrSuccess{line-height:2}.login .login-content .login-input .QRCode .QRother .qrSuccess img{width:60px}.login .login-content .login-input .QRCode .QRother .qrWait{line-height:2}.login .login-content .login-input .QRCode .QRother .qrWait img{width:60px}.login .login-content .login-input .QRCode .QRother .qrWait .clue{font-size:14px;color:#666}.login .login-content .login-input .user{display:flex;align-items:center;border-bottom:1px solid #8b8fa1;width:80%;height:60px;position:relative;text-align:left}.login .login-content .login-input .user p{min-width:50px;font-size:14px;color:#666}.login .login-content .login-input .user span{color:#1778ff;font-size:13px;display:inline-block;min-width:70px;cursor:pointer}.login .login-content .login-input .user .el-input__inner{border:none}.login .login-content .login-input .user .el-input{width:auto;flex:1}.login .login-content .login-input .scanCodeLogin{color:#0b7ec4;font-size:14px;height:83px;line-height:83px}.login .login-content .login-input .login-btn{width:250px;height:50px;border-radius:25px;background:#5680fa;color:#fff;text-align:center;line-height:50px;position:absolute;left:50%;bottom:-25px;margin-left:-125px;cursor:pointer}.login .apply{position:absolute;top:5%;right:5%}.login .apply p{cursor:pointer}@media screen and (max-width:750px){.login .login-content .login-title{font-size:18px}.login .login-content,.login .login-content .login-input{width:auto}}