.zige {
  display: flex;
  flex-direction: column; /* 让内容垂直排列 */
  width: 100%; /* 调整宽度为 48%，以便一行显示两个 */
  height: 215px;
  align-items: center; /* 水平居中 */
  justify-content: center; /* 垂直居中 */
  position: relative; /* 用于定位图片 */
  background-color: transparent; /* 背景透明 */
  border: 1px solid #000; /* 1px 边框 */
  border-radius: 8px; /* 圆角边框 */
  cursor: pointer; /* 鼠标悬停时显示手型 */
  text-align: center; /* 文本居中 */
  margin-bottom: 12px; /* 按钮之间的垂直间距 */
  font-weight: bold; /* 设置文字加粗 */
}

/* 图片样式 */
.play-audio-image {
  position: absolute; /* 绝对定位 */
  right: 10px; /* 距离右边 10px */
  top: 40%; /* 垂直居中 */
  transform: translateY(-50%); /* 精确垂直居中 */
  width: 50px; /* 图片宽度 */
  height: 50px; /* 图片高度 */
    cursor: pointer;
}

.play-cioge {
  position: absolute; /* 绝对定位 */
  right: 10px; /* 距离右边 10px */
  top: 80%; /* 垂直居中 */
  transform: translateY(-50%); /* 精确垂直居中 */
  width: 50px; /* 图片宽度 */
  height: 50px; /* 图片高度 */
    cursor: pointer;
}


/* 按钮内文本样式 */
.zige span {
  margin: 2px 0; /* 每行文本之间的间距 */
  font-size: 2.3em; /* 字体大小 */
}