.ai-drawer-container {
  .ant-drawer-header {
    padding: 10px;
  }
  .ant-drawer-body {
    padding: 10px;
  }
  .ai-drawer-content {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    .ai-chat-container {
      flex: 1;
      height: calc(100% - 100px);
      .chat-content {
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        padding-right: 17px;
        border-radius: 5px;
        border: 1px solid #e5e5e5;
        .chat-content-padd {
          padding: 10px;
        }
        .chat-content-item {
          margin-bottom: 10px;
          .time {
            text-align: center;
            padding: 5px;
            color: #999;
          }
          .ai-in-content {
            display: flex;
            width: 75%;
            align-items: first flex-start;
            .img {
              flex: 0 0 32px;
              width: 32px;
              height: 32px;
              img {
                width: 32px;
                height: 32px;
                border-radius: 50%;
              }
              .ask-content {
                transition: 0.4s all linear;
              }
            }
            .ask-content {
              background-color: #ab1941;
              margin-left: 10px;
              padding: 5px 8px;
              color: #fff;
              font-size: 14px;
              line-height: 22px;
              border-radius: 5px;
            }
          }
          
          .inside-user {
            display: flex;
            justify-content: flex-end;
          }
          .user-in-content {
            display: flex;
            width: 75%;
            align-items: first flex-start;
            justify-content: flex-end;
            .img {
              flex: 0 0 32px;
              width: 32px;
              height: 32px;
              img {
                width: 32px;
                height: 32px;
                border-radius: 50%;
              }
            }
            .ask-content {
              background-color: #e5e5e5;
              margin-right: 10px;
              padding: 5px 8px;
              color: #666;
              font-size: 14px;
              line-height: 22px;
              border-radius: 5px;
            }
          }
        }
      }
    }
    .ai-chat-ask {
      padding-top: 10px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
      .text {
        flex: 1;
      }
      .button {
        flex: 0 0 60px;
        padding-left: 10px;
        .ant-btn {
          height: 80px;
        }
      }
    }
  }
}
