.evaluateItem {
  color: #333333;
  background-color: #ffffff;
  padding: 15px 13px 20px;
  border-bottom: 1px solid #e2e2e2;

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

  .userInfo {
    display: grid;
    grid-template-columns: 48px auto;
    margin-bottom: 12px;

    .avatar {
      width: 38px;
      height: 38px;
      display: inline-block;
      margin-right: 10px;
      border-radius: 100%;
    }

    .userNameWrap {
      text-align: left;
      display: flex;
      justify-content: center;
      //align-items: center;
      flex-direction: column;

      .userName {
        //line-height: 38px;
      }
    }
  }

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

  .content {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .img-group {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;

    .img {
      display: block;
      border-radius: 4px;
      width: 100%;
    }
  }
}