body {
  margin: 0;
  padding: 0;

  font-size: 16px;
  background: linear-gradient(90deg, #e7e7e7, #ededed 100%);
}

.banner {
  width: 120rem; /* 1920px / 16 = 120rem */
  height: 67.5rem; /* 1080px / 16 = 67.5rem */
  background: url(https://lib.site6.jonekung.cn/img/banner.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 13.125rem 14.375rem; /* 210px / 16 = 13.125rem, 230px / 16 = 14.375rem */
  box-sizing: border-box;
}

.logo {
  height: 15.3125rem; /* 245px / 16 = 15.3125rem */
  text-align: left;
}

.logo img {
  height: 100%;
  object-fit: contain;
}

.slogan {
  font-size: 5.5rem; /* 88px / 16 = 5.5rem */
  font-weight: bold;
  position: relative;
  color: #fff;
  margin-top: 6.875rem; /* 110px / 16 = 6.875rem */
}

.slogan::after {
  content: '';
  display: block;
  width: 4.375rem; /* 70px / 16 = 4.375rem */
  height: 0.625rem; /* 10px / 16 = 0.625rem */
  background-color: #C7FF4C;
  position: absolute;
  bottom: -5.3125rem; /* -85px / 16 = -5.3125rem */
}

.form-container {
  padding: 11.5625rem 14.25rem; /* 185px / 16 = 11.5625rem, 228px / 16 = 14.25rem */
}

.bigtitle {
  text-align: center;
  font-size: 5.68rem; /* 92px / 16 = 5.75rem */
  margin-bottom: 10rem;
  font-weight: bold;
  background: linear-gradient(100deg, #4D4DEF, #2D2FA4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.btn-wrap {
  display: flex;
  justify-content: center;
}

.btn-submit {
  width: 44.5rem; /* 712px / 16 = 44.5rem */
  height: 10rem; /* 160px / 16 = 10.0625rem */
  color: #fff;
  text-align: center;
  line-height: 10rem; /* 160px / 16 = 10rem */
  font-size: 5.3125rem; /* 85px / 16 = 5.3125rem */
  border-radius: 5.3125rem;
  background: linear-gradient(100deg, #504FF5, #0D125B 100%);
}
.bottom-pop{
  position: relative;
}
.pop-mask { 
  background-color: rgba(0,0,0,.5);
  width: 100%;height: 100%;
  position: fixed;
  top: 0;left: 0;
}
.pop-content{ 
  position: fixed;box-sizing: border-box;
  bottom: 0;
  left: 0;right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 100%;
  height: 89.625rem;
  background-color: #fff;
  border-radius: 8rem 8rem 0 0;
  padding: 18.125rem 14.375rem 14.125rem 14.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.pop-des{
  font-size: 5.375rem;color:#5a5a5a;text-align: center;
}