front-end/mini-app/components/module/app-tag.wxss

/* color start*/
.tui-primary.data-v-6f3f0a1d {
	background: #5677fc !important;
	color: #fff;
}
.tui-light-primary.data-v-6f3f0a1d {
	background: #5c8dff !important;
	color: #fff;
}
.tui-dark-primary.data-v-6f3f0a1d {
	background: #4a67d6 !important;
	color: #fff;
}
.tui-dLight-primary.data-v-6f3f0a1d {
	background: #4e77d9 !important;
	color: #fff;
}
.tui-danger.data-v-6f3f0a1d {
	background: #ed3f14 !important;
	color: #fff;
}
.tui-red.data-v-6f3f0a1d {
	background: #ff201f !important;
	color: #fff;
}
.tui-warning.data-v-6f3f0a1d {
	background: #ff7900 !important;
	color: #fff;
}
.tui-green.data-v-6f3f0a1d {
	background: #19be6b !important;
	color: #fff;
}
.tui-high-green.data-v-6f3f0a1d {
	background: #52dcae !important;
	color: #52dcae;
}
.tui-black.data-v-6f3f0a1d {
	background: #000 !important;
	color: #fff;
}
.tui-white.data-v-6f3f0a1d {
	background: #fff !important;
	color: #333 !important;
}
.tui-translucent.data-v-6f3f0a1d {
	background: rgba(0, 0, 0, 0.7);
}
.tui-light-black.data-v-6f3f0a1d {
	background: #333 !important;
}
.tui-gray.data-v-6f3f0a1d {
	background: #ededed !important;
}
.tui-phcolor-gray.data-v-6f3f0a1d {
	background: #ccc !important;
}
.tui-divider-gray.data-v-6f3f0a1d {
	background: #eaeef1 !important;
}
.tui-btn-gray.data-v-6f3f0a1d {
	background: #ededed !important;
	color: #999 !important;
}
.tui-hover-gray.data-v-6f3f0a1d {
	background: #f7f7f9 !important;
}
.tui-bg-gray.data-v-6f3f0a1d {
	background: #fafafa !important;
}
.tui-light-blue.data-v-6f3f0a1d {
	background: #ecf6fd;
	color: #4dabeb !important;
}
.tui-light-brownish.data-v-6f3f0a1d {
	background: #fcebef;
	color: #8a5966 !important;
}
.tui-light-orange.data-v-6f3f0a1d {
	background: #fef5eb;
	color: #faa851 !important;
}
.tui-light-green.data-v-6f3f0a1d {
	background: #e8f6e8;
	color: #44cf85 !important;
}
.tui-primary-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #5677fc !important;
}
.tui-primary-outline.data-v-6f3f0a1d {
	color: #5677fc !important;
	background: none;
}
.tui-danger-outline.data-v-6f3f0a1d {
	color: #ed3f14 !important;
	background: none;
}
.tui-danger-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #ed3f14 !important;
}
.tui-red-outline.data-v-6f3f0a1d {
	color: #ff201f !important;
	background: none;
}
.tui-red-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #ff201f !important;
}
.tui-warning-outline.data-v-6f3f0a1d {
	color: #ff7900 !important;
	background: none;
}
.tui-warning-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #ff7900 !important;
}
.tui-green-outline.data-v-6f3f0a1d {
	color: #44cf85 !important;
	background: none;
}
.tui-green-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #44cf85 !important;
}
.tui-high-green-outline.data-v-6f3f0a1d {
	color: #52dcae !important;
	background: none;
}
.tui-high-green-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #52dcae !important;
}
.tui-gray-outline.data-v-6f3f0a1d {
	color: #999 !important;
	background: none;
}
.tui-gray-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #ccc !important;
}
.tui-black-outline.data-v-6f3f0a1d {
	color: #333 !important;
	background: none;
}
.tui-black-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #333 !important;
}
.tui-white-outline.data-v-6f3f0a1d {
	color: #fff !important;
	background: none;
}
.tui-white-outline.data-v-6f3f0a1d::after {
	border: 1rpx solid #fff !important;
}

/* color end*/

/* tag start*/
.tui-tag.data-v-6f3f0a1d {
	padding: 16rpx 26rpx 18rpx;
	font-size: 28rpx;
	border-radius: 6rpx;
	/* display: inline-block;
	  vertical-align: middle; */
	line-height: 28rpx;
}
.tui-tag-small.data-v-6f3f0a1d {
	padding: 8rpx 16rpx 10rpx;
	font-size: 24rpx;
	border-radius: 6rpx;
	/* display: inline-block;
	  vertical-align: middle; */
	line-height: 24rpx;
}
.tui-tag-outline.data-v-6f3f0a1d {
	position: relative;
	background: none;
	color: #5677fc;
}
.tui-tag-outline.data-v-6f3f0a1d::after {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	    transform-origin: 0 0;
	-webkit-transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	    transform: scale(0.5, 0.5);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 0;
	border-radius: 80rpx;
	border: 1rpx solid #5677fc;
}
.tui-tag-fillet.data-v-6f3f0a1d {
	border-radius: 50rpx;
}
.tui-white.tui-tag-fillet.data-v-6f3f0a1d::after {
	border-radius: 80rpx;
}
.tui-tag-outline-fillet.data-v-6f3f0a1d::after {
	border-radius: 80rpx;
}
.tui-tag-fillet-left.data-v-6f3f0a1d {
	border-radius: 50rpx 0 0 50rpx;
}
.tui-tag-fillet-right.data-v-6f3f0a1d {
	border-radius: 0 50rpx 50rpx 0;
}
.tui-tag-fillet-left.tui-tag-outline.data-v-6f3f0a1d::after {
	border-radius: 100rpx 0 0 100rpx;
}
.tui-tag-fillet-right.tui-tag-outline.data-v-6f3f0a1d::after {
	border-radius: 0 100rpx 100rpx 0;
}

/* tag end*/