.rateItem {
  padding-top: 17px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;

  &:last-child {
    border-bottom: 0 none;
  }

  .topInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;

    .lPart {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        margin-right: 10px;
      }
    }

    .rPart {
      color: #999;
      font-size: 12px;
    }
  }

  .size {
    font-size: 12px;
    color: #333333;
    margin-bottom: 4px;
  }

  .pj-wrapper {
    display: flex;
    align-items: center;
    .flex-1 {
      width: 0;
      flex: 1;
    }
    .del-txt {
      flex-shrink: 0;
      display: inline-block;
      width: 40px;
      text-align: right;
      color: red;
    }
  }

  .content {
    color: #333333;
    font-size: 12px;
  }

  .merchant-reply {
    background: #f5f5f5;
    padding: 5px 10px;
    .merchant-reply-title {
      font-size: 14px;
      color: #333333;
      font-weight: 600;
      margin-right: 10px;
    }
  }
}