/**
 * 手太欠
 * 愿这世界都如故事里一样 美好而动人~
 */

// 文字颜色
$text-color: #4d4d4d;
$text-gray: #9d9d9d;

// 主色调
$mian-color: #da2b56;
$yellow-color: #ec7647;

// 辅助色
$assist-color-1: #5dc791;
$assist-color-2: #f2b25b;
$assist-color-3: #ec6555;

// 边框颜色
$border-color: #f2f2f2;
$border-color-light: #f7f8fa;

// 文字尺寸变量
$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;
}