.chat-input-bar-container {
  .chat-input-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: solid 1px #f5f5f5;
    background-color: #fff;
    padding: 10rpx 20rpx;
    .chat-input-container {
      flex: 1;
      /* #ifndef APP-NVUE */
      display: flex;
      /* #endif */
      padding: 15rpx;
      border: 1px solid #DDDDDD;
      border-radius: 10rpx;
      .chat-input {
        flex: 1;
        font-size: 28rpx;
      }
    }
  }

  .container {
    width: 54rpx;
    height: 54rpx;
    margin: 10rpx 0rpx 10rpx 20rpx;
    .add-img {
      width: 54rpx;
      height: 54rpx;
    }
  }
  .chat-input-send {
    background-color: #e43130;
    margin: 10rpx 10rpx 10rpx 20rpx;
    border-radius: 10rpx;
    width: 110rpx;
    height: 60rpx;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    justify-content: center;
    align-items: center;
    .chat-input-send-text {
      color: white;
      font-size: 26rpx;
    }
  }

  .image-panel-container {
    background-color: #f8f8f8;
    overflow: hidden;
    transition-property: height;
    transition-duration: 0.15s;
    /* #ifndef APP-NVUE */
    will-change: height;
    /* #endif */
    .more-layer {
      width: 100%;
      height: 180rpx;
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: var(safe-area-inset-bottom);
      .list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        .box {
          width: 18vw;
          height: 18vw;
          border-radius: 20upx;
          background-color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 2vw 3vw 2vw 3vw;
          .icon {
            width: 64rpx;
            height: 64rpx;
          }
        }
      }
    }
  }
}