.H5_messageCss {
  width: 100%;
  z-index: 2;
  position: absolute;
  top: 0rpx;
  left: 0rpx;
  background-color: rgba(248, 248, 248, 1);
  padding-bottom: 90rpx;
  box-sizing: border-box;
}

.H5_titleBox {
  width: 100%;
  height: 110rpx;
  background-color: rgba(255, 255, 255, 1);
  display: flex;
  padding-top: 20rpx;
}

.H5_titleItem {
  width: 25%;
  height: 90rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.H5_itemName {
  color: rgba(0, 0, 0, 1);
  font-size: 28rpx;
  border-radius: 8rpx;
  background-color: rgba(255, 255, 255, 1);
  width: 140rpx;
  height: 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1rpx solid rgba(220, 220, 220, 1);
}

.H5_itemNameActive {
  color: rgba(255, 255, 255, 1);
  font-size: 28rpx;
  font-weight: bold;
  border-radius: 8rpx;
  background-color: rgba(1, 171, 169, 1);
  width: 140rpx;
  height: 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.H5_itemImg {
  width: 32rpx;
  height: 32rpx;
}

.H5_infoBox {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.05);
  width: calc(100% - 60rpx);
  border-radius: 12rpx;
  margin: 20rpx auto 0;
  padding: 10rpx 20rpx;
}

.H5_infoTitle {
  color: rgb(64, 64, 64);
  font-size: 30rpx;
  font-weight: bold;
}

.H5_infoItem {
  margin: 25rpx 0rpx;
  display: flex;
  justify-content: space-between;
}

.H5_infoItemName {
  color: rgba(104, 117, 139, 1);
  font-size: 30rpx;
  width: 45%;
  text-align: left;
}

.H5_infoItemValue {
  color: rgba(0, 0, 0, 1);
  font-size: 30rpx;
  width: 55%;
  text-align: right;
}

.H5_infoNewBox {
  width: 100%;
  padding: 0 20rpx;
  box-sizing: border-box;
  margin-bottom: 20rpx;
}

.H5_infoItemNew {
  margin: 30rpx 0rpx;
  display: flex;
  justify-content: space-between;
}

.H5_infoItemNameNew {
  color: rgba(104, 117, 139, 1);
  font-size: 28rpx;
  text-align: left;
}

.H5_infoItemValueNew {
  color: rgba(0, 0, 0, 1);
  font-size: 28rpx;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.H5_infoItemValueNew image {
  width: 40rpx;
  height: 40rpx;
  margin-right: 8rpx;
}

.divider {
  height: 1rpx;
  background-color: #ebedf0;
  margin: 0;
}

.H5_infoNewImg {
  width: 32%;
  height: 200rpx;
  margin-right: 2%;
  margin-bottom: 1%;
}

.H5_infoNewImg:nth-child(3n) {
  margin-right: 0rpx;
}

/* 星级评分样式 */
.star-rating {
  display: flex;
  margin-left: 10rpx;
}

.star {
  font-size: 25rpx;
  margin-right: 2rpx;
}

.star-filled {
  color: #13C2C2;
}

.star-empty {
  color: #eee;
}