.comment-container {
  min-height: 500px;
  background: url("../image/comment-page.png") no-repeat;
  background-size: cover;
  font-family: 'PingFangSC';
}

.comment-container .item-box:nth-child(2n) {
  background: rgba(255, 255, 255, 0.6);
}

.comment-container .item {
  height: 210px;
  display: block;
  padding: 40px 10px 40px 60px;
}

.comment-container .item .title-box {
  position: relative;
  margin-bottom: 20px;
}

.comment-container .item .title-box .time {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 45px;
  color: #666666;
  font-size: 16px;
}

.comment-container .item .title-box::before {
  position: absolute;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 28px;
  height: 12px;
  background: url(../image/arrow-red.svg) no-repeat;
}

.comment-container .item .comment-title {
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 30px;
  font-family: Source Han Sans CN-Heavy, Source Han Sans CN;
  font-weight: 800;
  color: #F25A30;
  line-height: 45px;
}

.comment-container .item .profile {
  height: 60px;
  font-size: 20px;
  color: #333;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}