/* 全局重置 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 整个滑动区域 */
.slider {
  width: 100%;
  max-width: 480px;          
  height: 450px;             
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 750px;  /* ✅ 让它与 machine-bottom2 对齐 */
  background: url("../logo/ejbj.png") no-repeat center center, #ff4d4d;
  background-size: cover;
  border: 2px solid #e60000;  
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 5; /* ✅ 确保在底部但不会被覆盖 */
}


/* 头部标题区域 */
.slider-head {
  background-color: #fff;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #e60000;  /* 底部使用红色分隔线 */
}

/* 头部每一项 */
.slider-head div {
  flex: 1;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  line-height: 1.4;
}

/* 消息列表区域 */
.slider-list {
  list-style: none;
  flex: 1;
  overflow-y: auto;
  background-color: rgba(255, 255, 255, 0.8);  /* 半透明白色背景 */
}

/* 每个消息项 */
.slide-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 12px;
  border-bottom: 1px solid #e60000;  /* 使用红色分隔线 */
  font-size: 12px;
  font-weight: bold;
  color: #444;
  transition: background-color 0.3s ease;
}

.slide-item:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

/* 每个消息项内的各列 */
.slide-item span {
  flex: 1;
  text-align: center;
}

/* 平台名称添加交互效果（第三个元素） */
.slide-item span:nth-child(3) {
  color: #0066cc;
  cursor: pointer;
  text-decoration: underline;
}