.#{$namespace}-rate,
.#{$namespace}-rate * {
  display: inline-block;
  vertical-align: middle;
}
.#{$namespace}-rate {
  padding: 11px 6px 11px 0;
  font-size: 0;
}
.#{$namespace}-rate li {
  margin-top: 0 !important;
}
.#{$namespace}-rate li i.#{$namespace}-icon {
  font-size: 20px;
  color: #ffb800;
}
.#{$namespace}-rate li i.#{$namespace}-icon {
  margin-right: 5px;
  @include transition();
}
.#{$namespace}-rate li i:hover {
  cursor: pointer;
  transform: scale(1.12);
  -webkit-transform: scale(1.12);
}
.#{$namespace}-rate[readonly] li i:hover {
  cursor: default;
  transform: scale(1);
}