/* CSS初始化 */
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  legend,
  input,
  textarea,
  button,
  p,
  blockquote,
  th,
  td {
      margin: 0;
      padding: 0;
  }

  body {
      background: #ffffff !important;
      text-align: center;
      font-family: 'HarmonyOS-Regular';
  }

  li {
      list-style: none;
  }

  a {
      text-decoration: none;
  }

  img {
      border: none;
  }

  /* 缝隙遮挡 */
  body {
      max-width: 100vw;
      overflow-x: hidden;
      /* 可选，以防止任何内部元素超出 */
  }

  .middle {
      background-color: rgba(255, 255, 255, 1);
      width: 100vw;
      height: 30vw;
      z-index: 6;
  }

  /* 背景图 */
  .middle img {
      width: 100%;
  }

  /* 优先样式  调试增加透明度*/
  #buttom {
      width: 7vw;
      height: 2.8vw;
      position: absolute;
  }

  #buttom img {
      background-color: rgba(195, 79, 17, 0);
      width: 100%;
      height: 100%;
  }

  /* 按钮簇 */
  .button1 {
      position: absolute;
      top: 68.4vw;
      left: 39.7vw;
  }

  .button2 {
      position: absolute;
      top: 68.4vw;
      left: 50.2vw;
  }

  .button3 {
      position: absolute;
      top: 126vw;
      left: 25.5vw;
  }

  .button4 {
      position: absolute;
      top: 126vw;
      left: 35.9vw;
  }

  .button5 {
      position: absolute;
      top: 173.5vw;
      left: 25.3vw;
  }

  .button6 {
      position: absolute;
      top: 173.5vw;
      left: 35.7vw;
  }

  .button7 {
      position: absolute;
      top: 211.5vw;
      left: 39.65vw;
      z-index: 9999;
  }

  .button8 {
      position: absolute;
      top: 211.5vw;
      left: 51vw;
  }

  .button9 {
      position: absolute;
      top: 253vw;
      left: 47.95vw;
  }

  /* .button10{
  position: absolute;
  top: 471.5vw;
  left: 62vw;
}
.button11{
  position: absolute;
  top: 560.3vw;
  left: 45.8vw;
} */
  #bottom {
      position: relative;
      top: 466vw;
  }


  /* 合作伙伴滚动 */
  /* .scroll-container {
      overflow: hidden;
      position: absolute;
      left: 10%;
      height: auto;
      width: 80vw;
  }

  .scroll-wrapper {
      display: flex;
      white-space: nowrap;
      animation: scroll 1750s linear infinite;
  }

  .scroll-wrapper img {
      width: auto;
      height: 26vw;
      margin-right: 0vw;
  }


  @keyframes scroll {
      0% {
          transform: translateX(0%);
      }

      100% {
          transform: translateX(-3500%);
      }
  }

  @media (max-width: 40vw) {
      .scroll-wrapper img {
          width: 87.5520vw;
          height: 6.6666vw;
          margin-right: 0vw;
      }


      @keyframes scroll {
          0% {
              transform: translateX(0%);
          }

          100% {
              transform: translateX(-15129px);
          }
      }
  } */

  /* 合作伙伴滚动 */
  .scroll-container {
      overflow: hidden;
      position: absolute;
      left: 10%;
      height: auto;
      width: 80vw;
  }

  .scroll-wrapper {
      display: flex;
      white-space: nowrap;
      animation: scroll 600s linear infinite;
      /* 适当调整速度 */
      width: max-content;
  }

  .scroll-wrapper img {
      width: auto;
      height: 26vw;
      margin-right: 0vw;
  }

  /* 关键：无缝滚动动画 */
  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          /* 滚动距离等于wrapper的一半（因为有双份内容） */
          transform: translateX(-50%);
      }
  }

  @media (max-width: 40vw) {
      .scroll-wrapper img {
          width: 87.5520vw;
          height: 6.6666vw;
          margin-right: 0vw;
      }
  }