/* BEM support Func
 -------------------------- */
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.my-number {
  display: inline-block;
}
.my-number > span {
  vertical-align: baseline;
}
.my-number__trend {
  position: relative;
  top: 1px;
}
.my-number__trend.is-up {
  color: #f5222d;
}

.my-number__trend.is-down {
  color: #52c41a;
}

.my-number__trend.is-default {
  color: #1890ff;
}

.my-number__sup {
  font-weight: normal;
  font-size: 0.6em;
  padding: 0 3px;
}

.my-number.is-pointer {
  cursor: pointer;
}
.my-number.is-pointer:hover {
  opacity: 0.7;
}

.my-number.is-primary {
  color: #1890ff;
}

.my-number.is-warning {
  color: #faad14;
}

.my-number.is-success {
  color: #52c41a;
}

.my-number.is-danger {
  color: #f5222d;
}

.my-number.is-info {
  color: rgba(0, 0, 0, 0.25);
}