/* color start*/

.tui-primary {
  background: #5677fc;
  color: #fff;
}
.tui-danger {
  background: #ed3f14;
  color: #fff;
}
.tui-red {
  background: #ff201f;
  color: #fff;
}

.tui-warning {
  background: #ff7900;
  color: #fff;
}

.tui-green {
  background: #19be6b;
  color: #fff;
}

.tui-white {
  background: #fff;
  color: #333;
}
.tui-black {
  background: #000;
  color: #fff;
}

.tui-gray {
  background: #ededed;
  color: #999;
}

/* color end*/

/* badge start*/

.tui-badge-dot {
  height: 16rpx;
  width: 16rpx;
  border-radius: 8rpx;
  /* display: inline-block;
  vertical-align: middle; */
  line-height: 1;
}

.tui-badge {
  font-size: 12px;
  line-height: 1;
  /* display: inline-block;
  vertical-align: middle; */
  padding: 3px 6px;
  border-radius: 50px;
}

.tui-badge-small {
  transform: scale(0.8);
  transform-origin: center center;
}

/* badge end*/