.dm-badge {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.dm-badge-dot {
  display: inline-block;
  width: 32rpx;
  height: 32rpx;
  background-color: #FB602D;
  background-color: var(--common_red1_color, #FB602D);
  background-clip: padding-box;
  border-color: rgba(17, 31, 44, 0.08);
  border-color: var(--common_line_light_color, rgba(17, 31, 44, 0.08));
  border-style: solid;
  border-width: 2rpx;
  border-radius: 100%;
  transform: scale(0.5);
  transform-origin: center bottom 0;
  margin-left: -8rpx;
  margin-top: -10rpx;
}
.dm-badge-dot-corner-small,
.dm-badge-dot-corner-big {
  position: absolute;
  top: -12rpx;
  right: -14rpx;
}
.dm-badge-text {
  display: inline-block;
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  text-align: center;
  background-color: #FB602D;
  background-color: var(--common_red1_color, #FB602D);
  background-clip: padding-box;
  border-color: rgba(17, 31, 44, 0.08);
  border-color: var(--common_line_light_color, rgba(17, 31, 44, 0.08));
  border-style: solid;
  border-width: 2rpx;
}
.dm-badge-text .dm-badge-add-mark {
  position: relative;
  top: -2rpx;
}
.dm-badge-text-char {
  position: relative;
  top: -2rpx;
  box-sizing: border-box;
  height: 40rpx;
  font-size: 24rpx;
}
.dm-badge-text-char .dm-badge-text-box {
  position: relative;
  top: 6rpx;
}
.dm-badge-text-number {
  position: relative;
  top: -3rpx;
  box-sizing: border-box;
  height: 38rpx;
  font-size: 26rpx;
}
.dm-badge-text-number .dm-badge-text-box {
  position: relative;
  top: 4rpx;
}
.dm-badge-text-corner-small {
  position: absolute;
  top: 0;
  left: -22rpx;
  margin-top: -14rpx;
  margin-left: 100%;
}
.dm-badge-text-corner-big {
  position: absolute;
  top: -14rpx;
  right: -14rpx;
}
.dm-badge-s {
  width: 38rpx;
  border-radius: 100%;
}
.dm-badge-m {
  padding: 0 12rpx;
  border-radius: 200rpx;
}