:root, page {
    --primary-color: #4b88f2;
    --primary-color-dark: #88bffc;
    --primary-color-light: #e2ecf6;
    --page-bg-color: #f7f7f7;
	--light-color: #f6f6f6;
    --price-text-color: #e1251b;
}

.primary-btn-bg {
  background: linear-gradient(94deg, #88bffc 0%, #4b88f2 99%), #4b88f2;
}

.class-select {
	position: relative;
	font-weight: bold;

	&::after {
		content: "";
		position: absolute;
		bottom: 0;
		height: 6rpx;
		background-color: var(--primary-color);
		width: 90%;
		left: 50%;
		transform: translateX(-50%);
	}
}

.tab-bar-placeholder {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 100rpx);
	padding-bottom: calc(env(safe-area-inset-bottom) + 100rpx);
}

.tab-bar {
	padding-bottom: calc(constant(safe-area-inset-bottom) + 9rpx);
	padding-bottom: calc(env(safe-area-inset-bottom) + 9rpx);
}

/* 单行超出隐藏 */
.using-hidden {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: break-spaces;
}

/* 多行超出隐藏 */
.multi-hidden {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}