/* 轮播容器 - 保持间隔属性 */
.t-cowbox {
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 300px;
  gap: 20px;
}

/* 轮播项 - 调整宽度计算 */
.t-row {
  flex: 0 0 280px;
  height: 280px;
  animation: slide 12s infinite; /* 延长总时长 */
}

/* 图片样式 */
.t-img {
  width: 100%;
  height: 100%;
}

.t-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

/* 修正后的轮播动画 */
@keyframes slide {
  0%, 12.5% { transform: translateX(0); }       /* 显示第1项 */
  15%, 20% { transform: translateX(-300px); } /* 显示第2项 */
  25%,30% { transform: translateX(-600px); } /* 显示第3项 */
  35%, 40% { transform: translateX(-900px); } /* 显示第2项 */
  45%, 50% { transform: translateX(-1200px); } /* 显示第3项 */
  55%, 60% { transform: translateX(-1500px); } /* 显示第3项 */
  65%, 70% { transform: translateX(-1800px); } /* 显示第3项 */
  75%, 80% { transform: translateX(-2100px); } /* 显示第3项 */
  85%, 90% { transform: translateX(-2400px); } /* 显示第3项 */
  95%, 99% { transform: translateX(-2700px); } /* 显示第3项 */
  100% { transform: translateX(0); }             /* 循环回起点 */
}

/* 隐藏滚动条 */
.t-cowbox::-webkit-scrollbar {
  display: none;
}