.banner {
  width: 100%;
  height: 589px;
  background: url("../assets/images/common/form-bg.png") no-repeat;
  background-size: 100% 100%;
}

footer {
  margin-top: 0;
}
.form-w {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.form {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 495px;
  height: 500px;
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(60, 112, 181, 0.35);
  border-radius: 8px 8px 8px 8px;
}

.form-title {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  color: #0e1421;
}
.form-subtitle {
  margin-top: 10px;
  font-size: 14px;
  color: #979797;
}

.ruleForm {
  margin-top: 20px;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.submitBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 420px;
  height: 44px;
  font-size: 18px;
  color: #ffffff;
  background: radial-gradient(0% 0% at 0% 0%, #589ffe 0%, #4088f9 100%);
  border-radius: 22px 22px 22px 22px;
  cursor: pointer;
}
.submit-item {
  display: flex;
  justify-content: center;
}
.checked-item {
  font-size: 14px;
  color: #808080;
}
.checked-jump {
  cursor: pointer;
  color: #4080ff;
}
.checked-jump a{
  cursor: pointer;
  color: #4080ff;
}
.codeBtn {
  background: #c0dafd !important;
  font-size: 14px;
  color: #4080ff !important;
}
.el-button {
  border-radius: 0 !important;
}