#chargeTop {
  width: 100%;
  height: 747px;
  background-size: cover;
}

#chargeTop {
  padding-top: 200px;
  display: flex;
  justify-content: center;
}

#chargeTop .l img {
  width: 265px;
}

#chargeTop .r {
  margin-left: 200px;
  width: 40%;
}

#chargeTop .r .title {
  font-size: 28px;
  font-weight: 500;
  color: #14ae67;
  line-height: 40px;
  margin-bottom: 16px;
}

#chargeTop .r .info {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 28px;
  margin-bottom: 40px;
}

#chargeBottom {
  width: 80%;
  margin: 0 auto;
  padding-top: 160px;
  padding-bottom: 100px;
}
#chargeBottom .container {
  display: flex;
  justify-content: center;
}

#chargeBottom .title {
  position: relative;
  font-size: 48px;
  font-weight: 500;
  color: #212329;
  line-height: 67px;
  margin-bottom: 40px;
}

#chargeBottom .title:after {
  position: absolute;
  left: 0;
  bottom: -8px;
  content: "";
  width: 80px;
  height: 4px;
  background: #14ae67;
}

#chargeBottom .l p {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  line-height: 28px;
}