.rate {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.rate__item {
  height: 60rpx;
  width: 56rpx;
  display: flex;
  align-items: center;
}

.icon-empty {
  background-position: 0 0rpx;
}

.icon-half {
  background-position: -153rpx 0rpx;
}

.icon-full {
  background-position: -203rpx 0rpx;
}

.icon-placeholder-empty {
  background-position: 0 0rpx;
}

.icon-placeholder-half {
  background-position: -51rpx 0rpx;
}

.icon-placeholder-full {
  background-position: -102rpx 0rpx;
}

.rate__item--icon {
  height: 46rpx;
  width: 46rpx;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAuCAYAAAABQwQEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjJDNEE0RkFDQkJEMTFFOThFOUVGNkZEMkQwOTA4N0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjJDNEE0RjlDQkJEMTFFOThFOUVGNkZEMkQwOTA4N0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOTUzMDdGOUNCOEQxMUU5ODIzNUE1MTg4MUYyRDk0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOTUzMDdGQUNCOEQxMUU5ODIzNUE1MTg4MUYyRDk0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt5qDQAAABJ9SURBVHja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');
  background-repeat: no-repeat;
  background-size: 250rpx 46rpx;
}

.rate__item--icon>view {
  height: 100%;
  width: 50%;
}
