/* pages/list/comments/index.wxss */
.comment-title {
  padding: 0 25rpx;
  border-bottom: 1rpx solid #d9d9d9;
  line-height: 96rpx;
  font-weight: 500;
  font-size: 35rpx;
  color: #000;
}
.comment-item {
  margin: 0 25rpx;
  padding: 30rpx 0 40rpx 0;
  margin-top: 10rpx;
  border-bottom: 1rpx solid #d9d9d9;

}
.comment-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.comment-top image{
  width: 72rpx;
  display: block;
  height: 72rpx;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 20rpx;
}
.author-info {
  flex: 1;
  font-size: 27rpx;
  color: #333;

}
.author-time {
  color: #999999;
  font-size: 24rpx;
  margin-top: 4rpx;
}
.comment-detail {
  margin-left: 10rpx;
  font-size: 29rpx;
  color: #000;
  margin-top: 25rpx;
}
.comment-item:last-child {
  border-bottom: none;
}
.imgs{
  width: 200rpx;
  height: 200rpx;
  margin: 10rpx;
  border-radius: 8rpx;
}
.iconfont {
  color: #D62828;
  font-size: 22rpx;
  line-height: 30rpx;
}
.top{
  display: flex;
  justify-content: space-between;
}
.bot{
  margin-top: 10rpx;
  display: flex;
  justify-content: left;
  align-self: center;
}
.sku{
  color: #666;
  margin-left:20rpx ;
  font-size: 24rpx;
}
.iconfont.icon-zan{
  float: right;
  font-size: 46rpx;
  color: #999999;
}
.icon-zan.active {
  color: red;
}
.zan-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999999;
}