HanziLearn_master/pages/main/detail.wxss

.container {
  background-color: #F0F0F0;
  justify-content: flex-start;
  font-weight: 500;
}

.bottom{
  width:100%;
  height:160rpx;
  position: fixed;
  bottom:0;
  background-color: #CDB797;
  justify-content: flex-end;
}
.bottom1{
  width:100%;
  height:140rpx;
  background-color: #1B1B1B;
  text-align: center;
  line-height: 140rpx;
  font-size: 48rpx;
  color: #f0f0f0;
}

.bottom1 .btn{
  width:20%;
  height:120rpx;
}

.bottom1 .btnImage05004{
  width:36rpx;
  height:36rpx;
}

.bottom1 .btnImage05005{
  width:45rpx;
  height:44rpx;
}

.bottom1 .btnImage05002{
  width:32rpx;
  height:34rpx;
}

.bottom1 .btnImage05006{
  width:42rpx;
  height:44rpx;
}

.bottom1 .btnImage022{
  width:40rpx;
  height:40rpx;
}

.bottom1 .btnImage05001{
  width:33rpx;
  height:40rpx;
}

.main{
  width:100%;
  justify-content: flex-start;
  position: fixed;
  top:0;
  left:0;
}

.main .pinyin{
  font-size:88rpx;
  margin-top: 212rpx;
  font-family: 'GB Pinyinok-C';
  font-weight: normal;
  font-style: normal;
}
.main .wordImage{
  margin-top: 40rpx;
  width:366rpx;
  height:370rpx;
}