.keyboard-modal-wrap {
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    transform: translate3d(0,100%,0);
    &.show{
      transform: translate3d(0,0,0);
      transition: .3s ease-in;
    }
    &.hidden{
      transform: translate3d(0,100%,0);
      transition: .3s ease-in;
    }

  .keyboard-modal-header {
    padding:0 46rpx;
    background: #ffffff;
    box-shadow: inset 0 1px 0 0 #bcbec0;
    height: 84rpx;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    image{
      width:47rpx !important;
      height:30rpx !important;
      margin:0 !important;
    }
  }
  .keyboard-modal-body {
    padding:18rpx 0 13rpx;
    background: #dde0e7;
    box-shadow: inset 0 1px 0 0 #ececec;
    min-height: 466rpx;
  }
}