.comment-input-editor-container {
  padding: 10px 20px;
  background-color: #FFF;
  width: 100%;
  box-shadow: 0px -3px 5px 0px rgba(76, 172, 255, 0.2);

  .text-area {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;

    input {
      border-radius: 15px;
      border: 1px solid #eaeaea;
      background-color: #fff;
      overflow: hidden;
      height: 32px;
      padding: 0 16px;
      line-height: 32px;
      outline: none;
      flex: 1 0 0;
      margin-right: 10px;
    }

    a {
      color: #888;
      display: block;
      height: 32px;
      line-height: 32px;
      margin-right: 20px;
      display: flex;
      flex-flow: row nowrap;

      span {
        line-height: 32px;
        font-size: 16px;
      }
    }
  }

  .tip-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    p {
      font-size: 12px;
      color: rgb(255, 104, 0);
    }
  }

  .hide {
    display: none;
  }


}

.btn-send {
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0 12px;
  color: #fff;
  background: #4CACFF;
  letter-spacing: 1px;
  text-align: center;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  border-radius: 2px;
  font-weight: 400;
}