body {
      font-family: Source Han Sans;
      margin: auto;
      padding: 0;
      background-color: #fff;
  }

  .main {
      max-width: 750px;
      margin: auto;
      background: white;
  }
.banner img{
    width: 100%;
    height: auto;
}
  .title h3 {
   font-size: 26px;
  font-weight: bold;
  color: #000;
  margin: 12px;
  text-align: center;
  line-height: 1.2;
  }

  .img img {
      width: 100%;
      height: auto;
  }

  .text {
      margin: 25px 16px;
  }

  .text p {
   font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #333;
  }

  .text p span {
      font-weight: 700;
      color: #FF0000;
  }

  .video {
      position: relative;
      width: 100%;
   height: calc(56.25vw - 30.5px);
  min-height: 210.25px;
  }

  .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
  }
  .subtitle{
    margin: 12px auto;
  }
  .subtitle b {
   font-size: 20px;
    color: #000000;
    line-height: 30px;
    font-weight: 600;
  }

  .end {
      position: relative;
	  height: 400px;
	  overflow: hidden;
  }

  .end img {
      width: 100%;
      height: auto;
  }
  .end b{position: absolute;
  top: 15px;
  color: #000;
  left: 0;
  background: linear-gradient(270deg, rgba(255, 232, 207, 0) 0%, #FFE8CF 6%, #FFE8CF 87%, rgba(255, 232, 207, 0) 100%);
  width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 18px;}

  .end .form {
background-color: #fff;
  position: absolute;
  top: 20%;
  padding: 20px;
  border-radius: 12px;
  width: 90%;
  margin: auto 5%;
  height: 320px;
  }
      .end .form h3{
    text-align: center;color: red;font-size: 26px;margin-bottom: 10px;
  }