.dm-tag {
  display: inline-block;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  max-width: 750rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  opacity: 0.72;
}
.dm-tag-small {
  font-size: 20rpx;
  font-weight: bold;
  line-height: 24rpx;
  padding-right: 12rpx;
  padding-left: 12rpx;
  vertical-align: middle;
  line-height: 1.5;
  border-radius: 16rpx;
}
.dm-tag-large {
  font-size: 28rpx;
  line-height: 38rpx;
  padding-right: 20rpx;
  padding-left: 20rpx;
  vertical-align: middle;
  height: 48rpx;
  line-height: 48rpx;
  border-radius: 24rpx;
}
.dm-tag-close {
  margin-left: 16rpx;
  color: rgba(17, 31, 44, 0.4);
  color: var(--common_level3_base_color, rgba(17, 31, 44, 0.4));
}
.dm-tag-blue-hover,
.dm-tag-red-hover,
.dm-tag-green-hover,
.dm-tag-orange-hover,
.dm-tag-dark-hover,
.dm-tag-blue-checked,
.dm-tag-red-checked,
.dm-tag-green-checked,
.dm-tag-orange-checked,
.dm-tag-dark-checked {
  opacity: 1;
}
.dm-tag-blue-hover .dm-tag-close,
.dm-tag-red-hover .dm-tag-close,
.dm-tag-green-hover .dm-tag-close,
.dm-tag-orange-hover .dm-tag-close,
.dm-tag-dark-hover .dm-tag-close,
.dm-tag-blue-checked .dm-tag-close,
.dm-tag-red-checked .dm-tag-close,
.dm-tag-green-checked .dm-tag-close,
.dm-tag-orange-checked .dm-tag-close,
.dm-tag-dark-checked .dm-tag-close {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
}
.dm-tag-blue {
  color: #0089FF;
  color: var(--common_blue1_color, #0089FF);
  border: 1rpx solid #0089FF;
  border: 1rpx solid var(--common_blue1_color, #0089FF);
}
.dm-tag-blue-hover,
.dm-tag-blue-checked {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  background-color: #0089FF;
  background-color: var(--common_blue1_color, #0089FF);
}
.dm-tag-red {
  color: #FB602D;
  color: var(--common_red1_color, #FB602D);
  border: 1rpx solid #FB602D;
  border: 1rpx solid var(--common_red1_color, #FB602D);
}
.dm-tag-red-hover,
.dm-tag-red-checked {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  background-color: #FB602D;
  background-color: var(--common_red1_color, #FB602D);
}
.dm-tag-green {
  color: #00B853;
  color: var(--common_green1_color, #00B853);
  border: 1rpx solid #00B853;
  border: 1rpx solid var(--common_green1_color, #00B853);
}
.dm-tag-green-hover,
.dm-tag-green-checked {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  background-color: #00B853;
  background-color: var(--common_green1_color, #00B853);
}
.dm-tag-orange {
  color: #FF9F00;
  color: var(--common_orange1_color, #FF9F00);
  border: 1rpx solid #FF9F00;
  border: 1rpx solid var(--common_orange1_color, #FF9F00);
}
.dm-tag-orange-hover,
.dm-tag-orange-checked {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  background-color: #FF9F00;
  background-color: var(--common_orange1_color, #FF9F00);
}
.dm-tag-dark {
  color: #50749a;
  color: var(--common_link_color, #50749a);
  border: 1rpx solid #50749a;
  border: 1rpx solid var(--common_link_color, #50749a);
}
.dm-tag-dark-hover,
.dm-tag-dark-checked {
  color: #ffffff;
  color: var(--common_white1_color, #ffffff);
  background-color: #50749a;
  background-color: var(--common_link_color, #50749a);
}