.body-page[data-v-76863d2e] {
  padding: 80px;
  background: #202024;
  width: 100%;
  height: 100%;
}
.login-content[data-v-76863d2e] {
  width: 734px;
  height: 350px;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAt4AAAFCCAYAAADG2Nr6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAGg0lEQVR42u3WsQ0CMQAEQRs9vdF/PUgmgYAG1pJ/Jrn0wp1rrdcY4xoA8O8953zuPgFwil9wz91HAADgZI/dBwAA4A6ENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASENwAABIQ3AAAEhDcAAASu767dRwAA4GQfDgYH1QGCIlcAAAAASUVORK5CYII=) no-repeat center center;
  background-size: 100% 100%;
}
.login-content .logingame-left[data-v-76863d2e] {
  float: left;
  width: 392px;
  height: 350px;
  padding: 20px;
}
.login-content .logingame-left .login-info[data-v-76863d2e] {
  font-size: 12px;
}
.login-content .logingame-left .login-info h3[data-v-76863d2e] {
  margin: 0;
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}
.login-content .logingame-left .login-info p[data-v-76863d2e] {
  color: #fff;
  margin-top: 0.5em;
}
.login-content .logingame-left .login-from[data-v-76863d2e] {
  position: relative;
  padding: 5px 20px;
}
.login-content .logingame-left .login-from .input-div[data-v-76863d2e] {
  position: relative;
}
.login-content .logingame-left .login-from .nc-box[data-v-76863d2e] {
  margin: 10px 0;
}
.login-content .logingame-left .login-from .check-code-wrapper[data-v-76863d2e] {
  margin-right: 100px;
}
.login-content .logingame-left .login-from .check-code-wrapper img[data-v-76863d2e] {
  position: absolute;
  height: 31px;
  top: 1px;
  right: 38px;
}
.login-content .logingame-left .login-from input[data-v-76863d2e] {
  display: block;
  width: 298px;
  height: 35px;
  margin-bottom: 12px;
  padding-left: 50px;
  color: #292929;
  line-height: 35px;
  border: none;
}
.login-content .logingame-left .login-from input.account[data-v-76863d2e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAAAjCAYAAADMgCxtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR42u3dP4saQRyH8a/ZCzbiKzgwWKQIaWxDitgEtNVm8Q+kiL4DS2sLe3GTkEa0CaQwZKsg+DYkYBFSeYXEIodoUiTLiblccrpk8sPnAwc74yEzzYNzrHsJSV8lJQUA/6/Ls58XryRtXK/mD5quFwDAiaSk5R3XqwCAv0GsAJhArACYQKwAmECsAJhArACYQKwAmECsAJhwdvxbXBmNRo39Od/3A9ebBGBfbJ+srgvVTfMAcBuxxKrT6RSja9/3g+gnmmu1Wo9dbxSAbbHEKpPJnEu/HvmicS6Xe+B6owBs4w/sAEyINVb5fP58d1yr1R5K0nq9XrveKADbYolVr9d7J0mNRqO4O18sFh9JUrvdfuN6owBsiyVW0+n08/6c53mJ6Ho+n39xvVEAtsV2DOx2u2+lq1sVBoPBc0lqNpuvXW8SgH1H3xRaKpXul8vlJ9F4sVhcSNJqtVqlUqlUv99/JknD4fDDeDz+6HrDAGxK6Mcz2Ae65WON0+n03ShEke12u61UKi+j8XU3hFar1RebzebbAWvlscbAaUpKWh4cq90QBUHwfjKZfPrd7xYKhXv1ev1pND7wKzjECjhNSUnLo4+BUXg8z0tks9n0/uuz2WwZhuE8DMOAr94AONTRsSJAAP6Fg4+BDnAMBE4T/4oLgB3ECoAJxAqACcQKgAnECoAJxAqACcQKgAnECoAJxAqACdEd7EnXCwGAG1x+BxFEg5tmSwDfAAAAAElFTkSuQmCC) no-repeat center center;
}
.login-content .logingame-left .login-from input.password[data-v-76863d2e] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAAjCAYAAAAjQkdTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAB+ElEQVR42u3dMU9aURjG8Qdrog4MHYohCAwOhKljZ2JYTPgAMHRgwIGRhZGZjdXEpBsknejgF7A7W51JCDoAxjBUEzEdqNHcYKgc63mv/H8TOfdAzrs8uZzzXohIupP0QQBg0+3m3xcnkma+V7PEke8FAHhzW5KuN3yvAgCWIagAmEdQATCPoAJgHkEFwDyCCoB5BBUA8zbdP2Ku3W5XFo0Xi8Vj30UCCLdXuaN6GlKj0Wg8GAwunl7LZrMffRcKILwimj9C800rdqY/hFS32z3rdDrnz11/hTsrOtOB9ePemZ7L5fYkaTgcXi4KKekxoJ77aggAyzgFVaVSOZSkWq32w3chAN4vTv0AmLfyHlWj0TjIZDL7L3lPv98f1Ov10xXXyh4VsH7c9qheGlKSlE6n93xXDSB8nPqoer3er2az+fNf5sZise1Wq/XVd8EAwsdpj2o2m90HxwqFwn65XP7suzAA74dTUEWj0Z3gWKlUOsjn81+C48lkMuq7WADhxKkfAPMIKgDmOQXVdDr9HRybTCZXi+aOx+Mb38UCCCenU79EIvEpOFatVr8vmptKpdijArASp6CKx+O7PMMH4H9z/vWEN0RnOrB++F8/AOFAUAEwj6ACYB5BBcA8ggqAeQQVAPMIKgDmEVQAzItIutG8qQoALLr9A1RhaYB/XiCPAAAAAElFTkSuQmCC) no-repeat center center;
}
.login-content .logingame-left .login-from input.code[data-v-76863d2e] {
  width: 175px;
  height: 33px;
  padding-left: 10px;
  background-color: transparent;
  border: 1px solid #000;
}
.login-content .logingame-left .login-from .login-btn[data-v-76863d2e],
.login-content .logingame-left .login-from .forget[data-v-76863d2e] {
  width: 85px;
  height: 35px;
  margin-right: 20px;
  color: #fff;
  line-height: 31px;
  vertical-align: baseline;
  background: #262626;
  line-height: 35px;
  position: relative;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.login-content .logingame-left .login-from .login-btn:hover .agree[data-v-76863d2e],
.login-content .logingame-left .login-from .forget:hover .agree[data-v-76863d2e] {
  opacity: 1;
}
.login-content .logingame-left .login-from .login-btn .agree[data-v-76863d2e],
.login-content .logingame-left .login-from .forget .agree[data-v-76863d2e] {
  position: absolute;
  top: 102%;
  width: 200px;
  left: 50px;
  z-index: 2;
  padding: 2px 5px;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  opacity: 0;
}
.login-content .logingame-left .login-from .forget[data-v-76863d2e] {
  display: inline-block;
  background-color: transparent;
  color: #a1a1a1;
}
.login-content .logingame-left .login-from .forget[data-v-76863d2e]:hover {
  color: #fff;
}
.login-content .logingame-right[data-v-76863d2e] {
  float: right;
  width: 341px;
  height: 322px;
  padding-top: 80px;
  text-align: center;
}
.login-content .logingame-right .logingame-logo[data-v-76863d2e] {
  width: 341px;
  height: 70px;
}
.login-content .logingame-right .logingame-logo.height-auto a[data-v-76863d2e] {
  width: auto;
  height: 100%;
}
.login-content .logingame-right .logingame-logo a[data-v-76863d2e] {
  display: block;
  position: relative;
  width: 160px;
  height: 78px;
  margin: 0 auto;
}
.login-content .logingame-right .logingame-logo a img[data-v-76863d2e] {
  height: 100%;
  max-width: 100%;
}
.login-content .logingame-right .logingame-logo a .customLogo[data-v-76863d2e] {
  max-width: 100%;
}
.login-content .logingame-right .logingame-logo a .siteUrl[data-v-76863d2e] {
  position: absolute;
  right: 0px;
  bottom: 9px;
  width: 100px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  color: #c4bd8b;
  line-height: 1;
}
.login-content .logingame-right p[data-v-76863d2e] {
  margin: 15px auto 30px;
  color: #fff;
}
.login-content .logingame-right .div-button[data-v-76863d2e] {
  width: 123px;
  height: 34px;
  color: #a1a1a1;
  line-height: 32px;
  background-color: transparent;
  border: 1px solid #a1a1a1;
  cursor: pointer;
  text-align: center;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
}
.login-content .logingame-right .div-button[data-v-76863d2e]:hover {
  color: #fff;
  border: 1px solid #fff;
}