/* packageI/newMedia/components/myReleaseItem/myReleaseItem.wxss */

.item {
  display: flex;
  flex-direction: column;
  padding: 18rpx 16rpx;
  background-color: #fff;
  border-radius: 10rpx;
}

.item .time {
  padding-bottom: 18rpx;
  font-size: 20rpx;
  color: #aeaeae;
}

.item .content {
  display: flex;
}

.item .content .face {
  width: 160rpx;
  height: 160rpx;
  border-radius: 10rpx;
}

.item .content .face image {
  width: 160rpx;
  height: 160rpx;
  border-radius: 10rpx;
}

.item .content .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 20rpx;
}

.item .content .left .title {
  font-size: 26rpx;
  color: #1e1e1e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.item .content .left .title .label {
  display: inline-flex;
  align-items: center;
  height: 37rpx;
  padding: 0 15rpx;
  margin-right: 15rpx;
  font-size: 22rpx;
  color: #fff;
  border-radius: 4rpx;
}

.item .content .left .title .label.checkStatus0 {
  background-color: #ff9d57;
}

.item .content .left .title .label.checkStatus1 {
  background-color: #ee2e2b;
}

.item .content .left .title .label.checkStatus2 {
  background-color: #a1a1a1;
}

.item .content .left .title .label.openStatus0 {
  background-color: #a1a1a1;
}

.item .content .left .title .label.openStatus1 {
  background-color: #ff9d57;
}

.item .content .left .tags .tag {
  display: inline;
  height: 34rpx;
  line-height: 34rpx;
  padding: 0 15rpx;
  font-size: 20rpx;
  color: #7c7c7c;
  background-color: #eee;
  border-radius: 6rpx;
}

.item .content .left .desc {
  height: 32rpx;
  font-size: 20rpx;
  color: #ee2e2b;
}

.item .operation {
  display: flex;
  padding-top: 20rpx;
  padding-left: 12rpx;
}

.item .operation .operation-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35rpx;
}

.item .operation .operation-item .iconfont {
  color: #979797;
}

.item .operation .operation-item .num {
  margin-left: 7rpx;
  font-size: 20rpx;
  color: #4f4f4f;
}

.item .operation .operation-item .iconfont.icon-massage_order {
  font-size: 26rpx;
}

.item .operation .operation-item .iconfont.icon-fontclass-pinglun {
  font-size: 38rpx;
}

.item .operation .operation-item .iconfont.icon-share {
  font-size: 26rpx;
}
