.registerNew .loginblock {
  width: 520px;
  height: 660px;
  background: linear-gradient(179.90971582deg, #ffffff 0%, #eef8f9 100%);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.34901961);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  margin: 0;
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  box-sizing: border-box !important;
}
.registerNew .loginblock.loginguide {
  padding-top: 116px;
}
.registerNew .loginblock.loginguide .login-img {
  width: 180px;
  height: 180px;
  margin-bottom: 75px;
}
.registerNew .loginblock.loginguide .login-title {
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  font-weight: 650;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  margin-bottom: 22px;
  color: #333333;
}
.registerNew .loginblock.loginguide .login-hint {
  font-size: 14px;
  color: #555555;
  text-align: center;
}
.registerNew .loginblock.loginsuccess {
  padding-top: 49px;
}
.registerNew .loginblock.loginsuccess .login-img {
  width: 213px;
  height: 200px;
  margin-left: 44px;
}
.registerNew .loginblock.loginsuccess .login-block {
  width: 400px;
  height: 354px;
  background-color: #ebf9f9;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 82px;
  margin-top: -10px;
}
.registerNew .loginblock.loginsuccess .login-block .login-title {
  font-weight: 650;
  font-style: normal;
  font-size: 20px;
  margin-bottom: 12px;
  color: #333333;
}
.registerNew .loginblock.loginsuccess .login-block .login-hint {
  font-size: 14px;
  color: #555555;
  margin-bottom: 89px;
}
.registerNew .loginblock.loginsuccess .login-block .login-btn {
  width: 320px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: linear-gradient(98.88065915deg, #31b0fc 0%, #62dbd3 100%);
  border-radius: 5px;
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  font-weight: 650;
  font-style: normal;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}
.registerNew .loginblock.loginerror {
  padding-top: 110px;
}
.registerNew .loginblock.loginerror .login-img {
  width: 165px;
  height: 167px;
  margin-bottom: 22px;
}
.registerNew .loginblock.loginerror .login-title {
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  font-weight: 650;
  font-style: normal;
  font-size: 20px;
  text-align: center;
  color: #333333;
  margin-bottom: 120px;
}
.registerNew .loginblock.loginerror .login-btn {
  width: 320px;
  height: 50px;
  text-align: center;
  background: linear-gradient(98.88065915deg, #31b0fc 0%, #62dbd3 100%);
  border-radius: 5px;
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  font-weight: 650;
  font-style: normal;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.registerNew .loginblock.loginerror .login-close {
  font-size: 14px;
  color: #555555;
  cursor: pointer;
}
.edit-users-avatar {
  display: none;
}
.edit-users-avatar .inner {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 600px;
  padding: 20px 20px 40px;
  background: inherit;
  background-color: #ffffff;
  border: none;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34901961);
  text-align: center;
  box-sizing: border-box;
  user-select: none;
  z-index: 1010;
}
.edit-users-avatar .mask {
  z-index: 1009;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
}
.edit-users-avatar .title {
  font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
  font-weight: 650;
  font-style: normal;
  font-size: 24px;
  text-align: center;
}
.edit-users-avatar .tips {
  padding: 14px 0;
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #7f7f7f;
  text-align: center;
  font-size: 12px;
}
.edit-users-avatar .avatar-container {
  width: 260px;
  height: 260px;
  margin: 21px auto 0;
  overflow: hidden;
  position: relative;
}
.edit-users-avatar .avatar-container img {
  display: block;
  width: 100%;
  position: absolute;
}
.edit-users-avatar .avatar-container img.transition {
  transition: all 0.1s;
}
.edit-users-avatar .avatar-container .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  height: 260px;
  border: 43px solid rgba(242, 242, 242, 0.90196078);
  box-sizing: border-box;
}
.edit-users-avatar .icon-img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGgAAAABHF8LUAAACo0lEQVRIDb2XW4hNURjHz7gMZsaI5IFINCQ1ibfzgJDUJCmk0CTxwoNSTCmliJonT+JBTHmR3EtJJg+Ue5F4MKEYl9EwLtG4/n5n1hpnprPNNGcf//rtb+211v7Wt9f61jr7ZDJ/NZviaXgPv0vAD3y2wF4YCTmVBbsMewLKwY4v4BekqSqcjQsOH2LnQrv3Y+EDOOBOqIBSaSqOr4Iz3BQH2dy7IjaUyPrCLnMnVA/iMgPUxS5T8us7RrgJQ6HGAFx39bHLdF+HU9oHb8G8uA3zIQ11BCfDDKCQTM6z0ABj4BPMgSuwFFJTUgArGWExPIBJMBrWgjoIg3OlFC5JAcwLvvdjW0P5OPYGTICaUFe0SQrgW/Dsm0e5LKPCTWyPbQO2SQGcwqN7dRd4SE2DA+COuQPPIBUNSfByjfpG2A5n8vp4cq3Puy+6mBSAjnfAddgAHh73YA+8gt7Sj4m7AmaCSdoGj6EZPGPc/wV1mFqnu65ga9+VPvcE9JGEOdMEtaD83bFvNikH7NSXRtDB4C+AZ7ynm/lSDZXgTlkFR+ErrIO74DbOT+6cE6OxcSL0RybjffC5N7Aa3CVJMqgGcBnyZynrA3EJbLgF5Vb+Q/W0fQb7N8N46K/8OY7T7/M9AuigwspGKKQqKo+BfX7CbhjoiXg++OkRwBYq43fBJsr5msXNI3Bwp3EJFKM4C9n8bfgUj66l0R0Cf3RcklpYDias58MaeA6pKeZAXfC4CPsSfNtIO+VtUMyu4fFu9ZiB76G6ItjL2CmwACbDa7gEXyAtVQZHndqt4Ju6P/+H/CJuAz9y/NbIbSPfzszeCGVQKjngOfCFTzpIHKye8hFwjd0JLZC2/MSbDia+SewWbIVuLaRkljsTMfnStp41Jn38f5D5A1ECxWaAWx8oAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.edit-users-avatar .slider-container {
  display: flex;
  width: 298px;
  margin: 20px auto 0;
  justify-content: space-between;
  align-items: center;
}
.edit-users-avatar .slider-container .icon {
  display: inline-flex;
  background-size: 100% 100%;
}
.edit-users-avatar .slider-container .min {
  width: 15px;
  height: 12px;
}
.edit-users-avatar .slider-container .max {
  width: 23px;
  height: 18px;
}
.edit-users-avatar .slider-container .slider {
  display: inline-flex;
  width: 220px;
}
.edit-users-avatar .slider-container .el-slider {
  width: 100%;
}
.edit-users-avatar .slider-container .el-slider__button {
  width: 12px;
  height: 12px;
  border: none;
  background: #26d79f;
}
.edit-users-avatar .slider-container .el-slider__runway {
  background: #f2f2f2;
}
.edit-users-avatar .slider-container .el-slider__bar {
  background: #26d79f;
}
.edit-users-avatar .save {
  margin: 25px auto 0;
  width: 260px;
  height: 50px;
  line-height: 50px;
  background: inherit;
  background-color: #26d79f;
  border: none;
  border-radius: 5px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
}
.edit-users-avatar .cropper-modal {
  background: #666;
}
.edit-users-avatar .cropper-point.point-se:before,
.edit-users-avatar .cropper-point,
.edit-users-avatar .cropper-line {
  background-color: #26d79f;
}
.edit-users-avatar .cropper-view-box {
  outline: 1px solid #26d79f;
  outline-color: rgba(38, 215, 159, 0.75);
}
.edit-users-avatar .btn-container {
  padding-top: 25px;
  user-select: none;
}
.edit-users-avatar .btn-container .jingxiang {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAANhQTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAV/C6WgAAAEd0Uk5TAHE1NkWLBtfaB3f++hzzoOeh9R+q8RkX76lDbW5I1tMEA894Pztv0HasEemFimVmYxUWBaJoX54Bnf1OS2vhmVPdeWBeODF5kmauAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAAPJJREFUOMvNkVlXwjAYRAekgA2b4MJSZRMUQURBWQtl/f7/P6IlNl2SvjNPmc49yT2nwLUlFgduYtF7gjRAo0TUnkxxIH0bAegs4wAZpqv3bC5fcIDCXbGkBO4fHjnwVK6o9irVwAEY9KwwfKk3XKDZUni22StcAB3Z0zaEB0D2tA39gORZJQN+AN2g58UwADTfAp66YxgAbM93v2Hv45K+A/T5uZfLCkAjNwNgIMqnAErDL57RN/Az+i9D9R9RZzz5DX/6mza8MpsvlmFgtZjPRDFpvZGyJlMAFmNbKYxZ3n072oefONDOX41jGDiZuJqcAch+JpFyKV8/AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTAyLTI0VDExOjQ3OjM0KzA4OjAw+50u1AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0wMi0yNFQxMTo0NzozNCswODowMIrAlmgAAABLdEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL2hvbWUvYWRtaW4vaWNvbi1mb250L3RtcC9pY29uX3RndXp4ZXNjd3FsL2ZhbnpodWFuLnN2Z3M2FyoAAAAASUVORK5CYII=);
}
.edit-users-avatar .btn-container .xuanzhuan {
  margin-right: 60px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAM9QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAmWOmBAAAAER0Uk5TABAJiJ052a8aBX38yYEWLc6/X365+vZqgvufHqw1cQGY/TsH4rd7DkUmUlUEGYP+DWyyR0R4ej8PRvGn7qqzecgMJTrMcnStAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAASAAAAEgARslrPgAAALVJREFUOMtjYKAJYMQvzcTMgleelc2FnYMTtzwXtwsQcPPw8uFQwC/g4iIoJCwiKiaOQwWnhKQUkJKWceHCZYusHIiUV1BUwu8bZRVVAsGhxq2OX4GSiwaUpamljQKUdMDCui5CEHk9fRc0wGMAdoSiIUS/vpGxCQowdTEDy5hbgCktF0t0262skXnaLiboCmxsRxWQoYBgUGvq26FFlpmLPYp6CYzodnBENdEJLcE46zBQEQAAtaQtSqc+4jIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMDItMjRUMTE6NDQ6MzgrMDg6MDDXCv+jAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTAyLTI0VDExOjQ0OjM4KzA4OjAwpldHHwAAAEx0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fbHQ1enByeHB4NGEveHVhbnpodWFuLnN2Z2c9aJ0AAAAASUVORK5CYII=);
}
.edit-users-avatar .btn-container .btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background-size: 22px 22px;
  background-repeat: no-repeat;
}
.edit-users-avatar .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #000;
}
.edit-users-avatar .header .re-select {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.edit-users-avatar .header .re-select input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.edit-users-avatar .header .re-select .icon {
  margin-right: 6px;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-size: 100%;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAYAAADWm14/AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAGgAAAABHF8LUAAACo0lEQVRIDb2XW4hNURjHz7gMZsaI5IFINCQ1ibfzgJDUJCmk0CTxwoNSTCmliJonT+JBTHmR3EtJJg+Ue5F4MKEYl9EwLtG4/n5n1hpnprPNNGcf//rtb+211v7Wt9f61jr7ZDJ/NZviaXgPv0vAD3y2wF4YCTmVBbsMewLKwY4v4BekqSqcjQsOH2LnQrv3Y+EDOOBOqIBSaSqOr4Iz3BQH2dy7IjaUyPrCLnMnVA/iMgPUxS5T8us7RrgJQ6HGAFx39bHLdF+HU9oHb8G8uA3zIQ11BCfDDKCQTM6z0ABj4BPMgSuwFFJTUgArGWExPIBJMBrWgjoIg3OlFC5JAcwLvvdjW0P5OPYGTICaUFe0SQrgW/Dsm0e5LKPCTWyPbQO2SQGcwqN7dRd4SE2DA+COuQPPIBUNSfByjfpG2A5n8vp4cq3Puy+6mBSAjnfAddgAHh73YA+8gt7Sj4m7AmaCSdoGj6EZPGPc/wV1mFqnu65ga9+VPvcE9JGEOdMEtaD83bFvNikH7NSXRtDB4C+AZ7ynm/lSDZXgTlkFR+ErrIO74DbOT+6cE6OxcSL0RybjffC5N7Aa3CVJMqgGcBnyZynrA3EJbLgF5Vb+Q/W0fQb7N8N46K/8OY7T7/M9AuigwspGKKQqKo+BfX7CbhjoiXg++OkRwBYq43fBJsr5msXNI3Bwp3EJFKM4C9n8bfgUj66l0R0Cf3RcklpYDias58MaeA6pKeZAXfC4CPsSfNtIO+VtUMyu4fFu9ZiB76G6ItjL2CmwACbDa7gEXyAtVQZHndqt4Ju6P/+H/CJuAz9y/NbIbSPfzszeCGVQKjngOfCFTzpIHKye8hFwjd0JLZC2/MSbDia+SewWbIVuLaRkljsTMfnStp41Jn38f5D5A1ECxWaAWx8oAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center;
}
.edit-users-avatar .header .close {
  width: 16px;
  height: 16px;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA3lJREFUWEfdV81rE0EUf2+bpCjVQwU99NAePPQibbIzSxpBQUUFP5OaHPSoVwX/EsFe9aiHttZvUFFBwW3Y2WlavPTgQQ89KOhBi9Ik3ScPtyXZTrNJqhScS9iZ9/F7v5n5zQvCNg/c5vzQBEBrXSCiqwDwAgC0EIJ/tzx83z8OADYAHEfECdu2Z9aCrgPwfZ8T32zIRog4btv2/a0g0FrniegeQFOx14QQExy3EQAnOh9JVguCYNxxnMfdgPA874xlWZw8GfF/IITIRwFcBIA7hkQ/QyaedQJCa30yrHynwe+SEOJuEwD+8H1/CgAuGBy+E9G4lPJlOyCUUscQkSvfbbCfFkIUN5wBniCihNZ6GgDORR2J6BsRFRzHedMKhOd5hxFxBhH7DXYPbdu+gIh1IwCedF13RyqVYiZOGQJ8Dpl4ZwKhlDoYVr7PsP60Wq0Wc7ncr8Y1ow4sLi7uWl5eZhAnDIGWmAkppde4ppRyuHIAGDD4PO/r6ysODw//iK5tKkSu6/aHTBwxBPxERHkpZYXXlFJpRORbNGiwfR1W/s3EWkslXFhY2FutVqcQ8ZDB+QMAFMJ5rny/4dy8TaVSxZGRkS+bnZtYKXZdd6C3t3eSiHKGIIvh3PAGahHdlZWVUi6XW2p1aGMBsPPc3NxgEASTAOC0cw0BwLMsq5TJZD7F2bcFgINorfcTEYNIxwStIGLJtm3eotjRNgCO5Ps+U80gDmwS+T0AlIQQa1vzHwHY1i2YnZ0dSiQSk4goYzn9I+mqXq+XxsbGPsbZx56B+fn5gVqtxlow1sk1JKLZZDJZHB0d7f4alsvlfclkkjWgKyFCxLe1Wq2UzWY/dyxEraQYET8GQcDvwboUW5Y1Q0RDf0WKy+Xy7kQiwY8R93LRsdTT05NPp9OqcaFSqcjV1VV+D0yP0Yt6vV7MZrPfNyhmdCLuOebKHcdxTZR6npdjJgCgu+e4VUMCAF/D/jC2IQn7wD0GkK0bklYtmWVZhUwm8yruWoVvx9EgCJiJ9lsyQ1u+lutnWHlHTanneSdDJkxNqbEtZ41fbxbD7DVELNi2/aSdyqM2WuvTRMRMRNvyKSFEie3XhUgpdRkRbzUE+Wd/TIjoipTydhMA/lBKnUXE6wBQDoLgjeM4HdG+GUvhdhwGgCwR3ZBSPlqzjZXibqjvxGfbAfwG42ORMP37s2EAAAAASUVORK5CYII=) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.edit-users-avatar .header .el-upload {
  color: #000000;
}
.cropper-hidden {
  display: none !important;
}