.wux-tag {
  color: rgba(0,0,0,.65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-flex;
  align-items: center;
  line-height: 40rpx;
  height: 44rpx;
  padding: 0 14rpx;
  border-radius: 8rpx;
  border: 1PX solid #e8e8e8;
  background: #fafafa;
  font-size: 24rpx;
  transition: all .3s cubic-bezier(.215,.61,.355,1);
  opacity: 1;
  margin-right: 16rpx;
  cursor: pointer;
  white-space: nowrap
}
.wux-tag--hover {
  opacity: .85
}
.wux-tag__icon {
  display: inline-block;
  width: 20rpx;
  height: 20rpx;
  margin-left: 10rpx;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23888%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.414%200l28.284%2028.284-1.414%201.414L0%201.414z%22%2F%3E%3Cpath%20d%3D%22M28.284%200L0%2028.284l1.414%201.414L29.698%201.414z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.wux-tag--pink {
  color: #eb2f96;
  background: rgba(235,47,150,.06);
  border-color: rgba(235,47,150,.3)
}
.wux-tag--pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96
}
.wux-tag--magenta {
  color: #eb2f96;
  background: rgba(235,47,150,.06);
  border-color: rgba(235,47,150,.3)
}
.wux-tag--magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96
}
.wux-tag--red {
  color: #f5222d;
  background: rgba(245,34,45,.06);
  border-color: rgba(245,34,45,.3)
}
.wux-tag--red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d
}
.wux-tag--volcano {
  color: #fa541c;
  background: rgba(250,84,28,.06);
  border-color: rgba(250,84,28,.3)
}
.wux-tag--volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c
}
.wux-tag--orange {
  color: #fa8c16;
  background: rgba(250,140,22,.06);
  border-color: rgba(250,140,22,.3)
}
.wux-tag--orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16
}
.wux-tag--yellow {
  color: #fadb14;
  background: rgba(250,219,20,.06);
  border-color: rgba(250,219,20,.3)
}
.wux-tag--yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14
}
.wux-tag--gold {
  color: #faad14;
  background: rgba(250,173,20,.06);
  border-color: rgba(250,173,20,.3)
}
.wux-tag--gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14
}
.wux-tag--cyan {
  color: #13c2c2;
  background: rgba(19,194,194,.06);
  border-color: rgba(19,194,194,.3)
}
.wux-tag--cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2
}
.wux-tag--lime {
  color: #a0d911;
  background: rgba(160,217,17,.06);
  border-color: rgba(160,217,17,.3)
}
.wux-tag--lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911
}
.wux-tag--green {
  color: #52c41a;
  background: rgba(82,196,26,.06);
  border-color: rgba(82,196,26,.3)
}
.wux-tag--green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a
}
.wux-tag--blue {
  color: #1890ff;
  background: rgba(24,144,255,.06);
  border-color: rgba(24,144,255,.3)
}
.wux-tag--blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff
}
.wux-tag--geekblue {
  color: #2f54eb;
  background: rgba(47,84,235,.06);
  border-color: rgba(47,84,235,.3)
}
.wux-tag--geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb
}
.wux-tag--purple {
  color: #722ed1;
  background: rgba(114,46,209,.06);
  border-color: rgba(114,46,209,.3)
}
.wux-tag--purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1
}