@import "../../style/common";
/*  */
.layout-comment-container{
  padding: 30upx 0 25rpx;
}
/* 容器 */

/* 头像 */
.comment-avatar{
  width: 40upx;
  height: 40upx;
  border-radius: 50%;
  background-color: #EEEEEE;
  margin-right: 10upx;
}
/* 头像 */

/* 内容 */
.layout-comment-content{
  font-size: 24upx;
  line-height: 30upx;
  color: #333;
  padding-top: 6upx;
}
.comment-time{
  font-size: 22upx;
  color: #999999;
  margin-top: 10upx;
}
.layout-comment-context{
  margin-top: 20upx;
}
$comment-image-size:192upx;
.layout-comment-image{
  width: $comment-image-size;
  height: $comment-image-size;
  margin-right: 10upx;
  border-radius: 10upx;
  background-color: #EEEEEE;
  margin-top: 16upx;
}
.layout-comment-image:nth-of-type(3n){
  margin-right: 0;
}
/* 内容 */

/* 骨架 */
.layout-comment-skeleton{
  background-color: #f2f2f2;
}
.layout-comment-skeleton-title,.layout-comment-skeleton-time,.layout-comment-skeleton-context{
  height: 30upx;
  width: 100upx;
}
.layout-comment-skeleton-time{
  height: 30upx;
  width: 150upx;
}
.layout-comment-skeleton-context{
  width: 50%;
}
/* 骨架 */

/* 图片 */
.layout-comment-big .layout-comment-image{
  width: 204upx;
  height: 204upx;
}
/* 图片 */

/* 控件 */
.layout-comment-control-footer{
  padding: 15upx 0;
}
.layout-comment-control-item{
  font-size: 28upx;
  line-height: 30upx;
  color: #999;
  margin-left: 40upx;
}
.layout-control-icon{
  width: 22upx;
  height: 22upx;
  margin-left: 8upx;
}
/* 控件 */