.zige {
  display: inline-block;
  position: relative;
  border: 2px solid #d58811; 
  padding: 5px; 
  margin: 5px; 
  border-radius: 15px;
  width: 20%; 
  height:150px;
  cursor: pointer; 

}

.pinyin {
  position: absolute;
  top: 0.1em; 
  left: 50%;
  transform: translateX(-50%);
  font-size: 2em;
  white-space: nowrap;
}

.hanzi { 
transform: translateY(28px);
  display: block;
  font-size: 4.2rem; 
  text-align: center;

}

.audio-container {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    text-align: center;
  }


  .btnye {
  padding: 30px 125px;/* 上一页 下一页 */
  margin: 2px;
  border: none;
  color: #fff;
  background-color: #757475;
  border-radius: 5px;
  font-size: 3em;
  cursor: pointer;
        }
  .btnye:hover {
    background-color: #888; /* 鼠标悬浮颜色 */
    color: #2C2E31;
  }