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

// 文字颜色
$text-color: #333;
$text-gray: #666;
$text-gray-m: #999;
$text-price: #FFAB3F;
$main-color: #446EFE;

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

// 全局窗口色
$window-color: #F3F6FB;

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

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

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

// 0.5像素边线
.border-solid{
	position: relative;
	&::after {
	    content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1rpx;
		background-image: linear-gradient(0deg, $border-color 50%, transparent 50%);
	}
}
.border-solid-empty{
	@extend .border-solid;
	&::after{
		width: calc(100% - #{$margin * 2});
		left: $margin;
	}
}

.border{
	position: relative;
	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 200%;
		height: 200%;
		border: 1rpx solid $border-color;
		transform: scale(0.5);
		transform-origin: 0 0;
		pointer-events: none;
	}
}

// 状态栏高度
.status_bar {
	height: var(--status-bar-height);
}

/* #ifndef APP-PLUS-NVUE */
	// 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;
	}
/* #endif */