/* 公共的一些css */
/* 防止字符溢出 */
.truncate-three {
	display: inline-block;
	/* 或 block */
	width: 6ch;
	/* 宽度限制（1em≈1汉字宽度） */
	overflow: hidden;
	/* 隐藏溢出内容 */
	white-space: nowrap;
	/* 禁止换行 */
	text-overflow: ellipsis;
	/* 超出部分显示省略号 */
	word-break: keep-all;
	/* 防止字被截断（针对CJK文本） */
}

.truncate {
	/* 基础截断样式 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	/* 兼容性处理 */
	max-width: 204rpx;
	/* 响应式宽度 */
	display: inline-block;
	/* 适用于行内元素 */
	vertical-align: middle;
	/* 垂直对齐 */
}

/* 多行文本截断 */
.multi-line {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* 显示行数 */
	overflow: hidden;
}
.flex-line{
	display: inline-flex;
	align-items: center;
}
.w-fill{
	width: 100%;
}
.flex-spaceB{
	    justify-content: space-between;
}
.color-3{
	color: #333;
}
.color-6{
	color: #666;
}
.color-9{
	color: #999;
}
.color-f{
	color: #fff;
}
.color-0{
	color: #000;
}
.color-0D{
	color: #0DFFB9;
}
.mt-24{
	margin-top: 24rpx;
}
.ml-6{
	margin-left: 6rpx;
}
.ml-20{
	margin-left: 20rpx;
}
.mt-24{
	margin-top: 24rpx;
}
.font-36{
	font-size: 36rpx;
}
.font-32{
	font-size: 32rpx;
}
.font-24{
	font-size: 24rpx;
}
.font-28 {
	font-size: 28rpx;
}
.font-w400{
	font-weight: 400;
}
.font-w500{
	font-weight: 500;
}