.topEvaluation.data-v-4a586dd7 { width: 100%; box-sizing: border-box; display: flex; align-items: center; padding: 16rpx 32rpx; } .topEvaluation .evaluationMark.data-v-4a586dd7 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 72rpx; color: #ba922f; line-height: 84rpx; text-align: justify; font-style: normal; margin-right: 8rpx; } .topEvaluation .evaluationRight .markTitle.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; } .evaluationList.data-v-4a586dd7 { margin-top: 8rpx; width: 100%; box-sizing: border-box; padding: 0 32rpx; } .evaluationList .evaluationTitle.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-bottom: 24rpx; } .evaluationList .evaluationTitle .sumText.data-v-4a586dd7 { margin-left: 8rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .evaluationList .evaluationItem.data-v-4a586dd7 { width: 100%; margin-bottom: 48rpx; } .evaluationList .evaluationItem .itemTop.data-v-4a586dd7 { width: 100%; display: flex; margin-bottom: 16rpx; } .evaluationList .evaluationItem .itemTop .headImgBox.data-v-4a586dd7 { width: 72rpx; height: 72rpx; border-radius: 50%; overflow: hidden; } .evaluationList .evaluationItem .itemTop .headImgBox .headImg.data-v-4a586dd7 { width: 100%; height: 100%; } .evaluationList .evaluationItem .itemTop .userDetailBox.data-v-4a586dd7 { margin-left: 16rpx; } .evaluationList .evaluationItem .itemTop .userDetailBox .userTitle.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; display: flex; align-items: center; } .evaluationList .evaluationItem .itemTop .userDetailBox .userTitle .vip-level.data-v-4a586dd7 { font-size: 20rpx; background: #333; color: #eedcb6; padding: 4rpx 6rpx; margin-left: 16rpx; border-radius: 4rpx; display: flex; align-items: ceneter; position: relative; } .evaluationList .evaluationItem .itemTop .userDetailBox .userTitle .vip-level .vip-level.data-v-4a586dd7:before { content: ''; width: 20rpx; height: 20rpx; background: url("https://eshangtech.com/ShopICO/vip-ico.png") no-repeat center; background-size: contain; position: absolute; left: 4rpx; } .evaluationList .evaluationItem .itemTop .userDetailBox .timeText.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; } .evaluationList .evaluationItem .itemRate.data-v-4a586dd7 { display: flex; align-items: center; } .evaluationList .evaluationItem .itemRate .rateText.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; margin-left: 4rpx; } .evaluationList .evaluationItem .evaluationContent.data-v-4a586dd7 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; width: 100%; display: -webkit-box; -webkit-line-clamp: 5; /* 限制在5行内 */ -webkit-box-orient: vertical; overflow: hidden; } .evaluationList .evaluationItem .evaluationList.data-v-4a586dd7 { margin-top: 24rpx; display: flex; flex-wrap: wrap; } .evaluationList .evaluationItem .evaluationList .evaluationItem.data-v-4a586dd7 { width: 160rpx; height: 160rpx; border-radius: 12rpx; margin-right: 16rpx; overflow: hidden; } .evaluationList .evaluationItem .evaluationList .evaluationItem .evaluationImg.data-v-4a586dd7 { width: 100%; height: 100%; } .rate-top.data-v-4a586dd7 { display: flex; align-items: center; padding: 24rpx 36rpx; } .rate-top .rate-top-left.data-v-4a586dd7, .rate-top .rate-top-right.data-v-4a586dd7 { flex: 1; display: flex; align-items: center; justify-content: center; position: relative; } .rate-top .rate-top-right.data-v-4a586dd7:before { content: ' '; height: 60rpx; width: 1rpx; background: #eee; display: block; position: absolute; left: 1rpx; } .rate-top .rate-code.data-v-4a586dd7 { color: #ed6143; font-size: 60rpx; margin-right: 16rpx; } .rate-top .rate-text.data-v-4a586dd7 { color: #666; font-size: 24rpx; } .rate-top .reate-user-images.data-v-4a586dd7 { display: flex; align-items: center; margin-right: 8rpx; } .rate-top .reate-user-images image.data-v-4a586dd7 { height: 50rpx; width: 50rpx; border-radius: 25rpx; margin-left: -20rpx; } .gray-block.data-v-4a586dd7 { background: #f5f5f5; height: 24rpx; } .rate-body.data-v-4a586dd7 { padding-bottom: 90rpx; } .rate-body .rate-screen.data-v-4a586dd7 { display: flex; padding: 24rpx 24rpx; flex-wrap: wrap; align-items: center; } .rate-body .rate-screen .screen-tag.data-v-4a586dd7 { text-align: center; width: 156rpx; height: 64rpx; line-height: 64rpx; border-radius: 6rpx; margin: 12rpx 9rpx; font-size: 24rpx; color: #ba9b6f; background: #f8e8d8; } .rate-body .rate-screen .screen-tag.gray.data-v-4a586dd7 { background-color: #f5f5f5; color: #a5a5a5; } .rate-body .rate-screen .screen-tag.active.data-v-4a586dd7 { background-color: #ba9b6f; color: #fff; } .rate-body .rate-list.data-v-4a586dd7 { padding-left: 32rpx; padding-bottom: 80rpx; } .rate-body .rate-card.data-v-4a586dd7 { border-top: 1rpx solid #eee; padding: 24rpx 24rpx 24rpx 0; font-size: 28rpx; } .rate-body .rate-card .rate-card-top.data-v-4a586dd7 { display: flex; align-items: top; } .rate-body .rate-card .rate-user-photo.data-v-4a586dd7 { height: 80rpx; width: 80rpx; border-radius: 40rpx; } .rate-body .rate-card .top-card-center.data-v-4a586dd7 { flex: 6; padding-left: 16rpx; } .rate-body .rate-card .rate-text.data-v-4a586dd7 { color: #666; font-size: 26rpx; display: flex; align-items: center; } .rate-body .rate-card .vip-level.data-v-4a586dd7 { font-size: 20rpx; background: #333; color: #eedcb6; padding: 4rpx 6rpx; margin-left: 16rpx; border-radius: 4rpx; display: flex; align-items: ceneter; position: relative; } .rate-body .rate-card .vip-level .vip-level.data-v-4a586dd7:before { content: ''; width: 20rpx; height: 20rpx; background: url("https://eshangtech.com/ShopICO/vip-ico.png") no-repeat center; background-size: contain; position: absolute; left: 4rpx; } .rate-body .rate-card .rate-date.data-v-4a586dd7 { flex: 4; color: #989898; font-size: 22rpx; text-align: right; } .rate-body .rate-card .rate-content.data-v-4a586dd7 { padding-left: 96rpx; font-size: 26rpx; } .rate-body .rate-card .rate-tag.data-v-4a586dd7 { border-radius: 4rpx; border: 1rpx solid #cf855e; color: #cf855e; padding: 4rpx 6rpx; display: inline-block; font-size: 20rpx; margin: 0 16rpx 8rpx 0; } .rate-body .rate-card .rate-photo.data-v-4a586dd7 { display: flex; align-items: center; flex-wrap: wrap; } .rate-body .rate-card .rate-photo image.data-v-4a586dd7 { height: 120rpx; width: 120rpx; border-radius: 4rpx; margin: 24rpx 12rpx; }