@charset "utf-8";


/* 限定作用域：仅 id=yyfz 的 .mBd 容器内生效 */
#yyfz .pageTPList {
  position: relative;

}
#yyfz .pageTPList  .intro {
  color: #666;
}
/* 绘制垂直青色连线（贯穿所有年份） */
#yyfz .pageTPList::before {
  content: '';
  position: absolute;
  left: 11rem; /* 连线水平位置，可根据视觉微调 */
  top: 1.5rem;
  bottom: 0;
  width: 1px;
  background-color: #e3e3e3; /* 青色（可替换为设计指定色值） */
}
#yyfz .pageTPList li {gap:2rem;}
    
/* 为每个年份标题添加左侧青色圆点 */
#yyfz .pageTPList li .title {
  position: relative; /* 为圆点伪元素提供定位基准 */
  overflow:visible;
    margin: 0 2rem;
}

#yyfz .pageTPList li .title::before {
  content: '';
  position: absolute;
  right: -3.2rem; /* 圆点中心对齐竖线（计算：18px - 40px = -22px） */
  top: 50%;
  transform: translate(-50%, -50%); /* 垂直+水平居中 */
  width: 12px;
  height: 12px;
  border-radius: 50%; /* 圆形 */
  background-color: #00b398; /* 与竖线同色的青色 */
  z-index: 1; /* 确保圆点覆盖在竖线上方 */
}

/* 微调年份项间距，保持原有视觉一致性 */
#yyfz .pageTPList li {
   border-bottom: 1px solid #fff;
   padding-top: 30px;;
   padding-bottom: 1rem;
}
#yyfz .pageTPList li.last {
  margin-bottom: 0; /* 最后一项移除底部间距 */
}
    

    /* 取消 li hover 时的 translateX 位移，保留文字样式 */
#yyfz .pageTPList li:hover {
  transform: none !important; /* 强制取消 translateX 位移 */
  background: rgb(168, 224, 216, 0.2); /* 可选：添加轻微背景色变化以增强 hover 效果 */
}
#yyfz .pageTPList li:hover .intro{
  color: #00b398;
}

/* 保留 hover/on 状态下文字的样式（加粗+主题色） */
#yyfz .pageTPList li:hover .tit,
#yyfz .pageTPList li.on .tit {
  font-weight: bold;
  color: var(--pe-theme-color);
}
    
#yyfz .pageTPList li:hover .title::before {  background-color:#D7005B;}
   
@media (min-width: 992px) {
#yyfz .pageTPList::before {
    left: 8.5rem;
}
#yyfz .pageTPList li .title::before {
  right: -2.6rem; 

}

}
@media (min-width: 1300px) {
#yyfz .pageTPList::before {
    left: 8.8rem;
}
}
    
    
    
}


 @media (max-width: 768px) {
#yyfz .pageTPList::before {
    left: 10rem;
}}