.scroll-gallery-wrapper {
      position: relative;
      width: 1000px;
      margin: 0 auto;
      overflow: hidden;
    }

    .scroll-viewport {
      width: 1000px;
      overflow: hidden;
    }

    .scroll-gallery {
      display: flex;
      gap: 15px; /* 图之间间距 */
      transition: transform 0.5s ease;
    }

    .scroll-item {
      flex: 0 0 240px;
    }

    .scroll-item img {
      width: 240px;
      height: 100px;
      display: block;
    }

    .arrow {
      position: absolute;
      top: 35%;
      width: 30px;
      height: 30px;
      background-color: rgba(0,0,0,0.3);
      color: white;
      font-size: 24px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      z-index: 10;
    }

    .left-arrow {
      left: -40px;
    }

    .right-arrow {
      right: -40px;
    }