.letter-keyboard {
  // position: relative;
  .tapping-letter-wrap{
    transform: scale(0);
    position: fixed;
    left:0;
    top:0;
    z-index: 999;
    width: 100rpx;
    height: 100rpx;
    padding: 0;
    line-height: 100rpx;
    background: #ffffff;
    box-shadow: 0 1rpx 1rpx 0 rgba(0, 0, 0, 0.5);
    border-radius: 8rpx;
    font-family: PingFangSC-Regular;
    font-size: 36rpx;
    color: #000000;
    text-align: center;
    &.show{
      transform: scale(1);
      // transition: transform .3s ease-in-out;
    }
    &.hidden{
      transform: scale(0);
      // transition: transform .2s ease-in;
    }
  }
  .letter-keyboard-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24rpx;
    &:last-child {
      margin-bottom: 0;
    }
    .letter-keyboard-list-item {
      width: 62rpx;
      height: 94rpx;
      padding: 0;
      line-height: 94rpx;
      background: #ffffff;
      box-shadow: 0 1rpx 1rpx 0 rgba(0, 0, 0, 0.5);
      border-radius: 8rpx;
      font-family: PingFangSC-Regular;
      font-size: 34rpx;
      color: #000000;
      text-align: center;
      margin-left:0;
      margin-right: 12rpx;
      &::after {
        border: none
      }
      >image{
        width:44.5rpx !important;
        height:27rpx  !important;
        margin:0  !important;
      }
      &:last-child {
        margin-right: 0;
      }
      &:not([disabled]):active{
        background: #ccc;
        color:#000;
      }
      &[disabled] {
        color: #cccccc !important;
      }
    }
  }
}