@charset "utf-8";
/* CSS Document */
.scroll-wrapper {
  margin-top: 650px;    /* ✅ 向下移动 200px */
  margin-left: 100px;   /* ✅ 水平居中 */
}

.scroll-container {
  width: 1500px;
  height: 280px;
  overflow: hidden;
  display: inline-block; /* 配合 text-align */
 /* margin: 50px auto;
  border: 1px solid #ccc;*/
}

.scroll-content {
  display: flex;
  width: max-content;
  animation: scrollLeft 60s linear infinite;
}

/* 去掉 a 标签下划线，让图片更自然 */
.scroll-content a {
  margin: 5px;
  text-decoration: none;
}
/* 下面是画面大小 */
.scroll-content img {		
  width: 300px;
  height: 300px;	/*这个值要小于.scroll-container的height值*/	
  border-radius: 6px;
}

.scroll-container:hover .scroll-content {
  animation-play-state: paused;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.img-hover:hover {
  border: 2px solid #17EF58;
}