/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: 天吾
 * @Last Modified time: 2019-04-27 19:55:52
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-fade-enter {
  opacity: 0;
}
.gd-fade-enter-active {
  transition: opacity 0.3s ease;
}
.gd-fade-leave-active {
  transition: opacity 0.3s ease;
}
.gd-fade-leave-to {
  opacity: 0;
}
.gd-rate {
  display: flex;
  align-items: center;
}
.gd-rate__star-wrapper {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;
  margin-right: 12px;
}
.gd-rate__star-wrapper:last-child {
  margin-right: 0;
}
.gd-rate__star {
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22%E5%9B%BE%E5%B1%82_1%22 data-name%3D%22%E5%9B%BE%E5%B1%82 1%22 viewBox%3D%220 0 32 32%22%3E    %3Cdefs%3E        %3Cstyle%3E            .cls-1%7Bfill%3A%23f7faff%3B%7D.cls-2%7Bfill%3A%23a2c7ff%3B%7D        %3C%2Fstyle%3E    %3C%2Fdefs%3E    %3Cpath d%3D%22M24%2C29.14a.85.85%2C0%2C0%2C1-.38-.09L15.87%2C25%2C8.1%2C29.05a.84.84%2C0%2C0%2C1-1-.2.79.79%2C0%2C0%2C1-.17-.66L8.4%2C19.54%2C2.12%2C13.41A.81.81%2C0%2C0%2C1%2C2.57%2C12l8.68-1.26%2C3.89-7.87a.81.81%2C0%2C0%2C1%2C1.46%2C0l3.88%2C7.87L29.17%2C12a.81.81%2C0%2C0%2C1%2C.45%2C1.39l-6.28%2C6.13%2C1.48%2C8.65a.8.8%2C0%2C0%2C1-.18.66A.83.83%2C0%2C0%2C1%2C24%2C29.14Z%22 class%3D%22cls-1%22%2F%3E    %3Cpath d%3D%22M15.87%2C2.93a.31.31%2C0%2C0%2C1%2C.28.18l3.77%2C7.63.23.47.52.08%2C8.43%2C1.22a.3.3%2C0%2C0%2C1%2C.25.22.31.31%2C0%2C0%2C1-.08.32L23.17%2C19l-.37.37.09.52%2C1.44%2C8.39a.31.31%2C0%2C0%2C1-.07.25.3.3%2C0%2C0%2C1-.24.12.28.28%2C0%2C0%2C1-.15%2C0l-7.54-4-.46-.24-.47.24-7.53%2C4a.28.28%2C0%2C0%2C1-.15%2C0%2C.33.33%2C0%2C0%2C1-.25-.12.28.28%2C0%2C0%2C1-.06-.25l1.44-8.39.09-.52L8.56%2C19l-6.1-5.94a.31.31%2C0%2C0%2C1-.08-.32.33.33%2C0%2C0%2C1%2C.26-.22l8.42-1.22.52-.08.24-.47%2C3.77-7.63a.3.3%2C0%2C0%2C1%2C.28-.18m0-1a1.3%2C1.3%2C0%2C0%2C0-1.18.74L10.92%2C10.3%2C2.5%2C11.52a1.32%2C1.32%2C0%2C0%2C0-.73%2C2.25l6.09%2C5.94L6.42%2C28.1a1.32%2C1.32%2C0%2C0%2C0%2C1.3%2C1.54%2C1.37%2C1.37%2C0%2C0%2C0%2C.61-.15l7.54-4%2C7.53%2C4a1.41%2C1.41%2C0%2C0%2C0%2C.62.15%2C1.31%2C1.31%2C0%2C0%2C0%2C1.29-1.54l-1.44-8.39L30%2C13.77a1.32%2C1.32%2C0%2C0%2C0-.73-2.25L20.82%2C10.3%2C17.05%2C2.67a1.3%2C1.3%2C0%2C0%2C0-1.18-.74Z%22 class%3D%22cls-2%22%2F%3E%3C%2Fsvg%3E");
}
.gd-rate__star--active {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22%E5%9B%BE%E5%B1%82_1%22 data-name%3D%22%E5%9B%BE%E5%B1%82 1%22 viewBox%3D%220 0 32 32%22%3E    %3Cdefs%3E        %3Cstyle%3E            .cls-1%7Bfill%3A%23106aff%3B%7D        %3C%2Fstyle%3E    %3C%2Fdefs%3E    %3Cpath d%3D%22M17.05%2C2.67l3.77%2C7.63%2C8.42%2C1.22A1.32%2C1.32%2C0%2C0%2C1%2C30%2C13.77l-6.1%2C5.94%2C1.44%2C8.39a1.31%2C1.31%2C0%2C0%2C1-1.91%2C1.39l-7.53-4-7.54%2C4A1.32%2C1.32%2C0%2C0%2C1%2C6.42%2C28.1l1.44-8.39L1.77%2C13.77a1.32%2C1.32%2C0%2C0%2C1%2C.73-2.25l8.42-1.22%2C3.77-7.63A1.31%2C1.31%2C0%2C0%2C1%2C17.05%2C2.67Z%22 class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E");
}
.gd-rate__star--hover {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22%E5%9B%BE%E5%B1%82_1%22 data-name%3D%22%E5%9B%BE%E5%B1%82 1%22 viewBox%3D%220 0 32 32%22%3E    %3Cdefs%3E        %3Cstyle%3E            .cls-1%7Bfill%3A%2395beff%3B%7D        %3C%2Fstyle%3E    %3C%2Fdefs%3E    %3Cpath d%3D%22M17.05%2C2.67l3.77%2C7.63%2C8.42%2C1.22A1.32%2C1.32%2C0%2C0%2C1%2C30%2C13.77l-6.1%2C5.94%2C1.44%2C8.39a1.31%2C1.31%2C0%2C0%2C1-1.91%2C1.39l-7.53-4-7.54%2C4A1.32%2C1.32%2C0%2C0%2C1%2C6.42%2C28.1l1.44-8.39L1.77%2C13.77a1.32%2C1.32%2C0%2C0%2C1%2C.73-2.25l8.42-1.22%2C3.77-7.63A1.31%2C1.31%2C0%2C0%2C1%2C17.05%2C2.67Z%22 class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E");
}
.gd-rate__tip {
  color: #95BEFF;
  font-size: 12px;
}