/* comment */
.uni-comment {
  padding: 5rpx 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.uni-comment-list {
  flex-wrap: nowrap;
  padding: 10rpx 0;
  margin: 10rpx 0;
  width: 100%;
  display: flex;
}

.uni-comment-face {
  width: 70upx;
  height: 70upx;
  border-radius: 100%;
  margin-right: 20upx;
  flex-shrink: 0;
  overflow: hidden;
}

.uni-comment-face image {
  width: 100%;
  border-radius: 100%;
}

.uni-comment-body {
  width: 100%;
}

.uni-comment-top {
  line-height: 1.5em;
  justify-content: space-between;
}

.uni-comment-top text {
  color: $blue;
  font-size: 24upx;
}

.uni-comment-date {
  line-height: 38upx;
  flex-direction: row;
  justify-content: space-between;
  display: flex !important;
  flex-grow: 1;
}

.uni-comment-date view {
  color: $darkGray;
  font-size: 24upx;
  line-height: 38upx;
}

.uni-comment-content {
  line-height: 1.6em;
  font-size: 28upx;
  padding: 8rpx 0;
}

.uni-comment-replay-btn {
  background: $white;
  font-size: 24upx;
  line-height: 28upx;
  padding: 5rpx 20upx;
  border-radius: 30upx;
  color: $black !important;
  margin: 0 10upx;
}