page {
	background-color: #f2f2f2;
}

.ad-container {
	background-color: #f2f2f2;
	/* height: 400rpx; */
}

.list {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.list-item {
	background-color: white;
	padding: 20rpx;
	border-radius: 12rpx;
	margin-top: 20rpx;
}

.img-container {
	width: 220rpx;
	height: 220rpx;
	border-radius: 14rpx;
	overflow: hidden;
	flex-shrink: 0;
	position: relative;
}

.img-container::before {
	content: '幸运购';
	position: absolute;
	left: 0;
	top: 0;
	padding: 4rpx;
	background-color: rgba(255,103,103,.7);
	color: white;
	font-size: 22rpx;
	border-radius: 0 0 14rpx 0;
}

.name::before {
	content: attr(data-content);
	background-color: #FF6768;
	color: white;
	font-size: 24rpx;
	padding-left: 10rpx;
	padding-right: 10rpx;
	border-radius: 20rpx;
	margin-right: 10rpx;
}

.rmb::before {
	content: '￥';
	font-size: 24rpx;
}

.del {
	text-decoration: line-through;
}

.btn {
	background-color: #FF6768;
	border-radius: 20rpx;
	padding-left:20rpx;
	padding-right: 20rpx;
	color: white;
}

.name {
	height: 88rpx;
	word-break: break-all;
}

.no-more {
	font-size: 24rpx;
	line-height: 2;
	text-align: center;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	color: #ccc;
}

.progress {
	position: relative;
}
.progress::before {
	position: absolute;
	width: 100%;
	content: attr(data-content);
	font-size: 20rpx;
	color: white;
	text-align: center;
}

.btn.gray {
	background-color: #ccc;
}
