
/**
 * Web唐明明
 * 匆匆数载恍如梦，岁月迢迢华发增。
 * 碌碌无为枉半生，一朝惊醒万事空。
 */

// 文字颜色
$text-color: #333;
$text-gray: #555;
$text-gray-m: #999;
$text-price: #8b64fd;
$mian-color: #b11eff;
$mian-color-deep: #824f9a;

// 边框颜色
$border-color: #ddd;
$border-color-lg: #eff4f2;

// 文字尺寸变量
$title-size: 32rpx;
$title-size-lg: 30rpx;
$title-size-m: 28rpx;
$title-size-sm: 26rpx;

// 模块圆角
$radius: 20rpx;
$radius-sm: 10rpx;
$radius-lg: 12rpx;
$radius-m: 10rpx;

// 模块边距
$margin: 30rpx;
$padding: 30rpx;

// ios安全距离
.ios-bottom{
	padding-bottom: env(safe-area-inset-bottom);
	padding-bottom: constant(safe-area-inset-bottom);
}

.ios-left{
	padding-left: env(safe-area-inset-left);
	padding-left: constant(safe-area-inset-left);
}

.ios-right{
	padding-right: env(safe-area-inset-right);
	padding-right: constant(safe-area-inset-right);
}

.ios-top{
	padding-top: var(--status-bar-height);
}

// 公共样式
.vertical {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}

.nowrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis{
	max-width: 100%;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}

// 修改nvtab
$mainColor: white;

