/* pages/my/comment/comment.wxss */

page {
  background-color: #fafafa;
}

.content_item, .content_item1 {
  padding: 0 29rpx;
  margin-bottom: 20rpx;
  background-color: #fff;
  padding-top: 40rpx;
}

.content_item1 {
  padding: 40rpx 29rpx;
}

.evaluation {
  font-size: 30rpx;
  color: #222;
  text-align: center;
  padding-bottom: 40rpx;
}

.evaluation1 {
  font-size: 30rpx;
  color: #222;
  text-align: center;
  border-top: 1rpx solid #ededed;
  padding: 40rpx 0;
}

.icon_font {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-pingjia {
  font-size: 50rpx;
  color: #ffda44;
  margin-top: 30rpx;
  margin-right: 20rpx;
}

.item_list {
  font-size: 28rpx;
  color: #222;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40rpx;
}

.content_btn {
  display: flex;
}

.praise, .step_on {
  width: 87rpx;
  height: 42rpx;
  border: 1rpx solid #ccc;
  font-size: 24rpx;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9rpx 15rpx;
  margin-left: 28rpx;
}
.praise{
  color:#FF5757;
}
.icon-zan, .icon-cai {
  font-size: 24rpx;
  margin-right: 10rpx;
}

.area_box {
  height: 200rpx;
  position: relative;
  box-sizing: border-box;
}

.text_area {
  border-radius: 16rpx;
  background-color: #fafafa;
  padding: 20rpx;
  box-sizing: border-box;
}

.area {
  font-size: 28rpx;
  color: #888;
}

.font_num {
  font-size: 26rpx;
  color: #888;
  position: absolute;
  bottom: 21rpx;
  right: 21rpx;
}

.img_box {
  display: flex;
  margin-top: 19rpx;
}

.content_img {
  width: 160rpx;
  height: 160rpx;
  border: 2rpx dashed #ededed;
  border-radius: 11rpx;
  text-align: center;
  line-height: 160rpx;
  margin-right: 20rpx;
}

.content_img image {
  width: 100%;
  height: 100%;
}

.icon-jia {
  font-size: 46rpx;
  color: #ededed;
}