@import '../../app.wxss';



.s_it {
  width: 100%;
  display: flex;
  background-color: white;
}






swiper {
	height: 450rpx;
}

.nav {
	width: calc(100% / 3);
	box-sizing: border-box;
}

.arrow-r {
	width: 30rpx;
	height: 30rpx;
}

.icon-luck {
	color: #ED6064;
	margin-right: 4rpx;
}




.list-item {
	background-color: white;
	padding: 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;
}



.img-container.row::before {
	content: attr(data-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;
}

.name.clearbadge::before {
	content: none;
}

.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;
}

.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;
}

.img-container.active::after {
	content: '已抢光';
	position: absolute;
	font-size: 24rpx;
	color: white;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,.4);
}