.relative {
	position: relative;
}

.filter {
	filter: grayscale(100%);
}

.flex {
	display: flex;
}

.flex-1 {
	flex: 1 !important;
}

.flex-2 {
	flex: 2 !important;
}

.align-center {
	display: flex;
	align-items: center !important;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.align-baseline {
	display: flex;
	align-items: baseline;
}

.row {
	flex-direction: row !important;
}

.column {
	display: flex;
	flex-direction: column !important;
}

.center {
	display: flex;
	align-items: center !important;
	justify-content: center !important;
}

.justify-center {
	display: flex;
	justify-content: center !important;
}

.justify-between {
	display: flex;
	justify-content: space-between !important;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly !important;
}

.justify-around {
	display: flex;
	justify-content: space-around !important;
}

.justify-end {
	display: flex;
	justify-content: flex-end !important;
}

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

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

.ml10 {
	margin-left: 10rpx;
}

.mb42 {
	margin-bottom: 42rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.ml40 {
	margin-left: 40rpx;
}

.ml50 {
	margin-right: 100rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.pl20 {
	padding-left: 20rpx;
}

.pd30 {
	padding: 30rpx;
}

.pd20 {
	padding: 20rpx;
}

.pd24 {
	padding: 24rpx;
}

.pt24 {
	padding-top: 24rpx;
}

.pt20 {
	padding-top: 20rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt22 {
	margin-top: 22rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.img100 {
	width: 100%;
	height: 100%;
}

.bgfff {
	background-color: #FFFFFF;
}

.bgf5 {
	background-color: #F5F5F5;
}

.brt20 {
	border-top: 20rpx solid #F5F5F5;
}

.br10 {
	border-radius: 10rpx;
}

.br20 {
	border-radius: 20rpx !important;
}


.minHeight100 {
	min-height: 100vh;
}

.shopMask {
	padding: 10rpx;
	background: rgba(0, 0, 0, 0.3);
}

.riziBgImg {
	background: linear-gradient(to bottom, #f2f6f5, #107097)
}