@alicloud/cloud-charts/lib/Wnumber/index.css


.cloud-wnumber {
  font-family: var(--widgets-font-family-txd-m-number, SFProMedium, TXDDINMediumNumber, Helvetica Neue, Helvetica, PingFang SC, Microsoft YaHei, Arial, sans-serif);
  font-size: var(--widgets-font-size-6, 28px);
  line-height: 1;
  color: var(--widgets-numbercard-color-text, #1a1a1a);
}
.cloud-wnumber .cloud-wnumber-main {
  position: relative;
}
.cloud-wnumber .cloud-wnumber-main.drop {
  color: var(--widgets-color-red, #e84738);
}
.cloud-wnumber .cloud-wnumber-main.raise {
  color: var(--widgets-color-normal, #0064c8);
}
.cloud-wnumber .cloud-wnumber-main.normal {
  color: var(--widgets-color-normal, #0064c8);
}
.cloud-wnumber .cloud-wnumber-main.blue {
  color: var(--widgets-color-primary, #6250F9);
}
.cloud-wnumber .cloud-wnumber-main.green {
  color: var(--widgets-color-green, #23b066);
}
.cloud-wnumber .cloud-wnumber-main.orange {
  color: var(--widgets-color-orange, #f98e1a);
}
.cloud-wnumber .cloud-wnumber-main.red {
  color: var(--widgets-color-red, #e84738);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-leftIcon, .cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatioIcon {
  position: relative;
  margin-right: 2px;
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-leftIcon > .drop, .cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatioIcon > .drop {
  color: var(--widgets-color-red, #e84738);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-leftIcon > .raise, .cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatioIcon > .raise {
  color: var(--widgets-color-normal, #0064c8);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-unit {
  margin-left: var(--s1, 4px);
  font-size: var(--widgets-font-size-1, 12px);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightTitle {
  margin-left: var(--s1, 4px);
  font-size: var(--widgets-font-size-1, 12px);
  color: var(--widgets-color-text-1, #333333);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio {
  position: absolute;
  right: 0;
  top: 12px;
  font-size: var(--widgets-font-size-3, 16px);
  color: var(--widgets-color-text-1, #333333);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.drop {
  color: var(--widgets-color-red, #e84738);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.raise {
  color: var(--widgets-color-normal, #0064c8);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.normal {
  color: var(--widgets-color-normal, #0064c8);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.blue {
  color: var(--widgets-color-primary, #6250F9);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.green {
  color: var(--widgets-color-green, #23b066);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.orange {
  color: var(--widgets-color-orange, #f98e1a);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-rightRatio.red {
  color: var(--widgets-color-red, #e84738);
}
.cloud-wnumber .cloud-wnumber-main .cloud-wnumber-trend {
  margin-left: var(--s2, 8px);
}
.cloud-wnumber .cloud-wnumber-bottomTitle {
  font-size: var(--widgets-font-size-1, 12px);
  margin-top: var(--s1, 4px);
  color: var(--widgets-color-text-1, #333333);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}