.ohu-card {
  background: #FFF;
}
.ohu-card.has-padding .ohu-card__content {
  padding: 0.32rem;
}
.ohu-card.has-radius {
  border-radius: 0.10667rem;
}
.ohu-card.has-shadow {
  box-shadow: 0px 0.05333rem 0.26667rem 0px rgba(153, 153, 153, 0.2);
}

.ohu-card-header {
  position: relative;
  padding: 0.29333rem 0.32rem;
  font-size: 0.42667rem;
  line-height: 1.375em;
  color: #333;
  font-weight: 400;
}
.ohu-card-header__extra {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.32rem;
  color: #999;
  font-size: 0.42667rem;
}
.ohu-card-header.is-bold {
  font-size: 0.48rem;
  line-height: 1.38888889em;
  font-weight: bold;
}
.ohu-card-header.is-error .ohu-card-header__extra {
  color: #ff2d31;
}
.ohu-card-header.is-success .ohu-card-header__extra {
  color: #36b365;
}