/* mycomponent/yz_comment_popup/commentGroup/commentGroup.wxss */
.components-comment .components-comment-main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.components-comment .components-comment-main .components-comment-title {
  height: 96rpx;
  line-height: 96rpx;
  font-size: 14px;
  text-align: center;
}

.components-comment .components-comment-main .components-comment-list-main {
  /* flex: 1;
  overflow: scroll; */
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list-main-warn {
  padding: 32rpx 0;
  text-align: center;
  color: #999;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list {
  display: flex;
  padding: 12rpx 28rpx;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-left {
  width: 64rpx;
  height: 64rpx;
  margin-right: 23rpx;
  overflow: hidden;
  border-radius: 50%;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right {
  flex: 1;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main {
  width: 100%;
  display: flex;
  height: 64rpx;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main .master-main-left {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main .master-main-left .master-name {
  font-size: 12px;
  color: #1c96fe;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main .master-main-left .master-time {
  width: 100%;
  font-size: 10px;
  color: #999;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main .master-main-right {
  min-width: 32rpx;
}

.components-comment .components-comment-main .components-comment-list-main .components-comment-list .components-comment-main-right .master-main-content {
  padding: 4rpx 32rpx 0 0;
}

.components-comment .components-comment-main .components-comment-list-main .child-list {
  padding: 12rpx 0;
}

.components-comment .components-comment-main .components-comment-list-main .child-list .components-comment-main-left {
  width: 44rpx;
  height: 44rpx;
  margin-top: 10rpx;
}

.components-comment .components-comment-main .components-comment-input {
  border: none;
  margin: 20rpx auto;
  padding: 16rpx;
  background: #eaeaea;
  border-radius: 64rpx;
  display: block;
  width: 90%;
}

.components-comment .components-comment-main .components-comment-input-box {
  position: relative;
  width: 100%;
  border-top: 1rpx solid #eaeaea;
}

.components-comment .components-comment-main .selecolor {
  color: #1c96fe;
}