@keyframes move-top {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

.banner {
  width: 100%;
  min-height: 381px;
  background-color: #fff;
  position: relative;
  line-height: 0;

  .bannerImg {
    width: 100%;
    min-height: 381px;
    object-fit: cover;
  }

  .bannerCenter {
    position: absolute;
    bottom: 82px;
    left: 50%;
    margin-left: -145px;
    width: 291px;
    height: 312px;
    animation: move-top 1.6s infinite ease-in-out;
  }
}

.title {
  position: relative;
  margin: 0 auto;
  width: 156px;
  height: 47px
}

.content {
  padding: 8px 24px 0;
  font-size: 14px;
  color: #3E635E;
  line-height: 24px;
}

.section1 {
  padding: 31px 24px 60px;
  background: #fff;

  .title1 {
    background: url('./images/title-1.png') no-repeat center;
    background-size: contain;
  }

  .content {
    padding: 18px 0 0;
    font-size: 14px;
    color: #333333;
    line-height: 24px;

    p {
      text-indent: 2em;
    }

    .green {
      color: #00C46F
    }
  }
}

.section2 {
  padding: 40px 0 48px;
  background: url('https://oss.dayaedu.com/klx/1699437293516img1-bg.png') no-repeat top center;
  background-size: cover;

  .title2 {
    background: url('./images/title-2.png') no-repeat center;
    background-size: contain;
  }

  img {
    padding-top: 24px;
  }
}

.section3 {
  padding: 40px 0 47px;
  background-color: #fff;

  .title3 {
    background: url('./images/title-3.png') no-repeat center;
    background-size: contain;
  }

  img {
    padding-top: 15px;
  }
}

.section4 {
  padding: 40px 0 56px;
  background: url('https://oss.dayaedu.com/klx/1699437330549img2-bg.png') no-repeat top center;
  background-size: cover;

  .title4 {
    width: 188px;
    background: url('./images/title-4.png') no-repeat center;
    background-size: contain;
  }

}

.fieldGroup {
  padding: 40px 24px 0;

  .fieldTips {
    text-align: center;
    padding: 4px 0 18px;
    color: rgba(0, 0, 0, .34);
    font-size: 14px;
  }

  :global {
    .van-field {
      margin-bottom: 16px;
      border-radius: 7px;
      padding: 11px 14px;
      font-size: 16px;
    }

    .van-field__control::placeholder {
      color: #AAAAAA;
    }

    .van-cell__right-icon {
      color: #D8D8D8;
    }

  }

  .smsField {
    padding: 4px 4px 4px 14px;

    :global {
      .van-button {
        width: 88px;
        line-height: 36px;
        background: linear-gradient(224deg, #ABF172 0%, #53E6A3 100%);
        font-size: 15px;
        font-weight: 500;
        border: none;
      }

      .van-count-down {
        width: 88px;
        line-height: 36px;
        background: #ECECEC;
        border-radius: 7px;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
      }
    }
  }

  .btnSubmit {
    width: 327px;
    height: 50px;
    background: url('./images/btn-bg.png') no-repeat center;
    background-size: contain;
    font-size: 18px;
    font-weight: 600;
    color: #131415;
    border: none;
    padding: 0;
    margin: 0 auto;
  }
}

:global {
  input {
    caret-color: #00BE84 !important;
  }

  .van-picker .van-picker__confirm {
    color: #00BE84 !important;
  }
}