* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  body {
      font-family: Arial, sans-serif;
      overflow-x: hidden;
  }

  .container {
      max-width: 1440px;
      margin: 0 auto;
      width: 100%;
      display: flex;
  }

  .navbar-content {
      justify-content: space-between;
      align-items: center;
  }

  /* 导航栏 */
  .navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100px;
      background: transparent;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
  }

  .navbar .logos {
      display: flex;
      align-items: center;
      width: 50%;
  }

  .navbar .logos img {
      height: 38px;
      margin-right: 20px;
  }

  .navbar .menu {
      display: flex;
      list-style: none;
  }

  .navbar .menu li {
      margin-left: 40px;
      position: relative;
      text-align: center;
  }

  .navbar .menu a {
      color: #fff;
      font-size: 18px;
      line-height: 24px;
      text-decoration: none;
      width: 120px;
      display: inline-block;
  }

  .navbar .menu li.active::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      width: 24px;
      height: 2px;
      background: #fff;
  }

  /* Swiper */
  .swiper-container {
      height: 100vh;
  }

  .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      padding: 20px;
  }

  .swiper-slide h2 {
      font-size: 35px;
      /* margin-bottom: 20px; */
  }

  .slide-content p {
      font-family: "Microsoft YaHei";
      color: #4C4C4C;
      font-weight: 400;
      font-size: 36px;
      line-height: 72px;
      letter-spacing: 1px;
      margin-top: 50px;
      text-align: left;
  }

  .slide-content {
      display: flex;
      width: 100%;
      align-items: center;
  }

  .slide-left,
  .slide-right {
      flex: 1;
      padding: 20px;
  }

  .slide-left img,
  .slide-right img {
      width: auto;
      margin-top: 15%;
  }

  .slide-content.block-1 .slide-right {
      color: #fff;
      text-align: center;
      margin-right: 200px;
  }

  .slide1 .slide-right h2 {
      letter-spacing: 32px;
  }



  .title-logo img {
      width: auto;
  }

  .slide-text {
      flex: 1;
      padding: 20px;
      text-align: center;
  }

  .slide1 {
      background: url('../img/bg.png') left top no-repeat;
  }

  .download-block {
      text-align: center;
      margin-top: 60px;
      display: flex;
      justify-content: center;
  }

  .download-qrcode {
      /* background: #fff; */
      border-radius: 10px;
      padding: 3px;
  }

  .download-btns {
      margin-left: 50px;
      display: flex;
      flex-direction: column;
  }

  .download-qrcode img {
      background: #fff;
      border-radius: 15px;
  }

  .download-btns .btn {
      background: black;
      color: #fff;
      border-radius: 40px;
      line-height: 45px;
      font-size: 20px;
      width: 200px;
      margin: 15px auto;
      border: 1px solid #000;
  }

  .download-btns .btn:hover {
      cursor: pointer;
  }

  .download-btns .ios-btn {
      background-color: #BB0814;
      border: 1px solid #BB0814;
  }

  .download-btns .btn img {
      width: 15px;
      height: 15px;
      margin-top: 0;
  }

  .swiper-slide.slide6 .container {
      display: block;
      color: #fff;
      margin: 10% auto;
  }

  .swiper-slide.slide2 .slide-right,
  .swiper-slide.slide4 .slide-right {
      text-align: right;
  }

  .swiper-slide.slide3 .slide-left,
  .swiper-slide.slide5 .slide-left {
      text-align: left;
  }

  .slide6 {
      padding: 0;
      flex-direction: column;
      text-align: center;
      background: linear-gradient(to right, #F65150FF, #BB0814FF);
  }

  .slide-left.img-block {
      background: url(../img/shadow.png) no-repeat bottom;
      background-size: 65%;
      background-position-x: right;
  }

  .slide-right.img-block {
      background: url(../img/shadow-l.png) no-repeat bottom;
      background-size: 65%;
      background-position-x: left;
  }


  .slide6 h2 {
      font-size: 68px;
  }

  .slide6 .container p {
      font-size: 36px;
  }

  /* 页尾 */
  footer {
      width: 100%;
      height: 80px;
      background: #333;
      color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  footer p {
      font-size: 12px !important;
      margin: 5px 0;
  }

  .container.footer-content {
      justify-content: center;
  }

  .container.footer-content a {
      color: #F65150FF;
      text-decoration: none;
  }

  /* 移动端样式 */
  @media (max-width: 768px) {
      .container {
          width: 100%;
          max-width: 100%;
      }

      .navbar {
          height: 60px;
      }

      .navbar .menu {
          display: none;
          position: absolute;
          top: 60px;
          left: 0;
          width: 100%;
          background: rgba(0, 0, 0, 0.8);
          flex-direction: column;
          padding: 0;
          margin: 0;
      }

      .navbar .menu.open {
          display: flex;
      }

      .navbar .menu li {
          margin: 0;
          text-align: center;
      }

      .navbar .menu a {
          display: block;
          padding: 10px 0;
          width: 100%;
      }

      .hamburger {
          display: block;
          background: none;
          border: none;
          color: #fff;
          font-size: 24px;
          cursor: pointer;
          margin-right: 20px;
      }

      .slide-content {
          flex-direction: column;
          text-align: center;
      }

      .slide-left,
      .slide-right {
          flex: none;
          width: 100%;
          order: 1;
      }


      .slide-left {
          order: 0;
      }

      .swiper-slide.slide2 .slide-right,
      .swiper-slide.slide4 .slide-right,
      .swiper-slide.slide3 .slide-left,
      .swiper-slide.slide5 .slide-left {
          text-align: center;
      }

      .slide-content.block-1 .slide-right {
          margin-right: 0;
      }

      .swiper-slide h2 {
          font-size: 22px;
      }

      .slide1 .slide-left {
          margin-top: 30%;
      }

      .slide1 .slide-right h2 {
          letter-spacing: 6px;
          font-size: 20px;
      }

      .title-logo img {
          width: 60%;
      }

      .slide-content p {
          font-family: "Microsoft YaHei";
          color: #4C4C4C;
          font-weight: 400;
          font-size: 14px;
          line-height: 30px;
          letter-spacing: 1px;
          margin-top: 35px;
          text-align: justify;
          text-transform: uppercase;
      }

      .download-block {
          flex-direction: column;
          align-items: center;
          margin-top: 5px;
      }

      .download-btns {
          margin-left: 0;
          margin-top: 0px;
      }

      .slide6 p {
          font-size: 20px;
      }

      footer {
          height: 150px;
          display: block;
      }

      footer .container {
          height: 150px;
          display: block;
          flex-direction: column;
          justify-content: center;
          align-items: center;
      }

      .container.footer-content p {
          font-size: 14px;
          margin-top: 15px;
      }
  }

  @media (min-width: 769px) {
      .hamburger {
          display: none;
      }
  }