.am-keyboard-input-key {
    width: 64rpx;
    height: 82rpx;
    margin-left: 20rpx;
    border: 2rpx solid #C9C9C9;
    text-align: center;
    margin-top: 20rpx;
    line-height: 82rpx;
    border-radius: 4rpx;
}

.am-keyboard-input-add-hide {
    position: absolute;
    width: 64rpx;
    height: 82rpx;
    margin-left: 20rpx;
    top: 20rpx;
    border: 2rpx dotted #C9C9C9;
    font-size: 16rpx;
    color: #929292;
    text-align: end;
    line-height: 0px;
}

.am-keyboard-input-add-hide .am-keyboard-title-signal {
    height: 33rpx;
    padding: 18rpx 12rpx 5rpx;
    margin-top: 10rpx;
    box-sizing: border-box;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,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');
}

.am-keyboard-input-add-hide .am-keyboard-title-text {
    text-align: center;
    height: 0.4rem;
    line-height: 0.4rem;
}

.am-keyboard-input-add-show {
    display: none;
}

.am-keyboard-input-key-show {
    display: inline-block;
}

.am-keyboard-input-key-hide {
    display: none;
}

.am-keyboard-input-key:hover, .am-keyboard-input-key-active{
    border: 2rpx solid #108EE9;
}

.am-keyboard-inputs, .am-keyboard-input-add-hide{
    display: inline-block;
}

.am-keyboard-input-key-0:empty::after {
  content: "省";
  opacity: 0;
}

.am-keyboard-input-key-1:empty::after,
.am-keyboard-input-key-2:empty::after,
.am-keyboard-input-key-3:empty::after,
.am-keyboard-input-key-4:empty::after,
.am-keyboard-input-key-5:empty::after,
.am-keyboard-input-key-6:empty::after,
.am-keyboard-input-key-7:empty::after {
  content: 'A';
  opacity: 0;
}