*{margin:0;padding:0}body,html{height:100%;background-color:#f6f8fb;font-family:auto;color:#545b66}.hide{display:none}.login{height:100%;display:flex;font-size:14px;overflow:hidden}.login-left{display:flex;flex-direction:column;flex-grow:1;position:relative;align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAwIDE1MDAiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI0IwREJGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzQwOUVGRiIvPjwvcmFkaWFsR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAiIHkxPSI3NTAiIHgyPSIxNTUwIiB5Mj0iNzUwIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3OGJkZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0MDlFRkYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGlkPSJzIiBmaWxsPSJ1cmwoI2IpIiBkPSJNMTU0OS4yIDUxLjZjLTUuNCA5OS4xLTIwLjIgMTk3LjYtNDQuMiAyOTMuNmMtMjQuMSA5Ni01Ny40IDE4OS40LTk5LjMgMjc4LjZjLTQxLjkgODkuMi05Mi40IDE3NC4xLTE1MC4zIDI1My4zYy01OCA3OS4yLTEyMy40IDE1Mi42LTE5NS4xIDIxOWMtNzEuNyA2Ni40LTE0OS42IDEyNS44LTIzMi4yIDE3Ny4yYy04Mi43IDUxLjQtMTcwLjEgOTQuNy0yNjAuNyAxMjkuMWMtOTAuNiAzNC40LTE4NC40IDYwLTI3OS41IDc2LjNDMTkyLjYgMTQ5NSA5Ni4xIDE1MDIgMCAxNTAwYzk2LjEtMi4xIDE5MS44LTEzLjMgMjg1LjQtMzMuNmM5My42LTIwLjIgMTg1LTQ5LjUgMjcyLjUtODcuMmM4Ny42LTM3LjcgMTcxLjMtODMuOCAyNDkuNi0xMzcuM2M3OC40LTUzLjUgMTUxLjUtMTE0LjUgMjE3LjktMTgxLjdjNjYuNS02Ny4yIDEyNi40LTE0MC43IDE3OC42LTIxOC45YzUyLjMtNzguMyA5Ni45LTE2MS40IDEzMy0yNDcuOWMzNi4xLTg2LjUgNjMuOC0xNzYuMiA4Mi42LTI2Ny42YzE4LjgtOTEuNCAyOC42LTE4NC40IDI5LjYtMjc3LjRjMC4zLTI3LjYgMjMuMi00OC43IDUwLjgtNDguNHM0OS41IDIxLjggNDkuMiA0OS41YzAgLjcgMCAxLjMtLjEgMkwxNTQ5LjIgNTEuNnoiLz48ZyBpZD0iZyI+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSguMTIpIHJvdGF0ZSg2MCkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKC4yKSByb3RhdGUoMTApIi8+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSguMjUpIHJvdGF0ZSg0MCkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKC4zKSByb3RhdGUoLTIwKSIvPjx1c2UgaHJlZj0iI3MiIHRyYW5zZm9ybT0ic2NhbGUoLjQpIHJvdGF0ZSgtMzApIi8+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSguNSkgcm90YXRlKDIwKSIvPjx1c2UgaHJlZj0iI3MiIHRyYW5zZm9ybT0ic2NhbGUoLjYpIHJvdGF0ZSg2MCkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKC43KSByb3RhdGUoMTApIi8+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSguODM1KSByb3RhdGUoLTQwKSIvPjx1c2UgaHJlZj0iI3MiIHRyYW5zZm9ybT0ic2NhbGUoLjkpIHJvdGF0ZSg0MCkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKDEuMDUpIHJvdGF0ZSgyNSkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKDEuMikgcm90YXRlKDgpIi8+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSgxLjMzMykgcm90YXRlKC02MCkiLz48dXNlIGhyZWY9IiNzIiB0cmFuc2Zvcm09InNjYWxlKDEuNDUpIHJvdGF0ZSgtMzApIi8+PHVzZSBocmVmPSIjcyIgdHJhbnNmb3JtPSJzY2FsZSgxLjYpIHJvdGF0ZSgxMCkiLz48L2c+PC9kZWZzPjxnID48ZyB0cmFuc2Zvcm09IiI+PGNpcmNsZSBmaWxsPSJ1cmwoI2EpIiByPSIzMDAwIi8+PGcgb3BhY2l0eT0iLjUiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMjAwMCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTgwMCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTcwMCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTY1MSIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTQ1MCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTI1MCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMTE3NSIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iOTAwIi8+PGNpcmNsZSBmaWxsPSJ1cmwoI2EpIiByPSI3NTAiLz48Y2lyY2xlIGZpbGw9InVybCgjYSkiIHI9IjUwMCIvPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgcj0iMzgwIi8+PGNpcmNsZSBmaWxsPSJ1cmwoI2EpIiByPSIyNTAiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoLTI4LjggMCAwKSI+PHVzZSBocmVmPSIjZyIgdHJhbnNmb3JtPSJyb3RhdGUoMTApIi8+PHVzZSBocmVmPSIjZyIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwKSIvPjx1c2UgaHJlZj0iI2ciIHRyYW5zZm9ybT0icm90YXRlKDI0MCkiLz48L2c+PGNpcmNsZSBmaWxsLW9wYWNpdHk9IjAiIGZpbGw9InVybCgjYSkiIHI9IjMwMDAiLz48L2c+PC9nPjwvc3ZnPg==");background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:left top;border-right:1px #e0e0e0 solid}.login-right{position:relative;display:flex;width:600px;height:100%;flex-shrink:0;flex-direction:column;justify-content:center;background:#f6f7fa;background-size:30% 100%}.login-form{margin:0 auto;width:360px}.login-logo{width:100%;margin-bottom:15px}.login-logo img{display:block;margin:0 auto;max-width:100%;height:auto}.login-tab{display:flex;box-sizing:border-box;text-align:center;padding:5px;justify-content:space-between;background-color:#e2e6f0;border-radius:3px}.login-tab a{display:block;width:100%;color:#545b66;text-decoration:none;border-radius:3px;height:35px;line-height:35px}.login-tab a:hover{background-color:rgb(255 255 255 / 60%)}.login-tab a.active{background-color:#fff;color:#409eff}.login-input{position:relative}.login-input input{display:block;box-sizing:border-box;width:100%;height:36px;margin-top:20px;border:1px solid #c5ccdb;border-radius:3px;padding:4px 12px;font-size:14px;outline:0}.login-input input:hover{border-color:#409eff}.login-input img{position:absolute;right:1px;top:1px;height:34px;width:100px;cursor:pointer}.login-input div{position:absolute;right:1px;top:1px;height:34px;line-height:34px;padding:0 10px;color:#fff;background:#f56c6c;cursor:pointer;outline:0;border:none}.login-btn{display:block;margin-top:0;width:100%;line-height:38px;background:#409eff;color:#fff;border:none;box-shadow:none;border-radius:3px;font-size:14px;cursor:pointer;margin-top:20px;outline:0;text-align:center}.login-link{margin-top:20px;text-align:center}.login-link-line{display:inline-block;width:1px;height:10px;margin:0 18px;background:#c5ccdb}.login-link a{color:#545b66;text-decoration:none}.login-link a:hover{color:#409eff}.login-copy{margin-top:30px;color:#848b99;text-align:center}.login-qr-tips{margin-top:20px;text-align:center}.login-qr-tips a,.login-qr-tips span{color:#f56c6c;text-decoration:none}.login-qr{position:relative;box-sizing:border-box;width:200px;height:200px;margin:20px auto 0 auto;padding:5px;border:1px solid #ccc;background:#FFFFFF}.login-qr img{position:relative;display:block;width:100%;height:100%;z-index:1}.login-qr::before{content:"\52a0\8f7d\4e2d\002e\002e\002e";position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;color:#CCCCCC;z-index:0}.login-refresh{position:absolute;width:100%;height:120px;top:0;left:0;background:rgb(0 0 0 / 85%);text-align:center;color:#fff;padding-top:80px;z-index:2}.login-refresh span{display:block;color:#409eff;cursor:pointer}.login-readme{margin-top:20px;line-height:14px}.login-readme input{display:inline-block;vertical-align:bottom}.login-readme label{cursor:pointer}.login-readme a{color:#409eff;cursor:pointer;text-decoration:none}@media screen and (max-width:768px){.login-left{display:none}.login-right{flex-direction:unset;width:100%}.login-form{width:90%;margin-top:20px}}