/* activity.css */
page{background: #f5f5f5;}
.top-fixed{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background-color: #fff;
	z-index: 101;
}
.search-box{
	padding: 30rpx;
	background-color: #fff;
}

.search-text{
	color: #999999;
}


.search-input{
	height: 76rpx;
	line-height: 76rpx;;
	background: #F5F5F5;
	border-radius: 38rpx;
	padding: 0 26rpx;
	font-size: 24rpx;
}
.search-input input{
	font-size: 24rpx;
}
.search-input image{
	width: 34rpx;
	height: 34rpx;
	margin-right: 26rpx;
}
.search-all{
	color: #2a82fd;
	font-size: 30rpx;
	margin-left: 46rpx;
}
.act-list{padding: 0 30rpx;}
.act-list .li{padding: 0rpx 0 35rpx;background-color: #fff;margin: 30rpx 0;border-radius: 10rpx;}
.act-list .li:last-child{border-bottom: none;}
.imgbox{height: 394rpx;border-radius: 10rpx;overflow: hidden;position: relative;}
.imgbox image{width: 100%;height: 100%;border-radius: 10rpx 10rpx 0 0;}
.infos{padding: 30rpx 22rpx 0;}
.tag{display: block;height: 30rpx;border-radius: 6rpx 15rpx 15rpx 0;font-size: 20rpx;color: #fff;padding: 0 15rpx;position: absolute;top: 0;left: 0;background: #31a8fa;line-height: 30rpx;}
.stas{align-items: flex-end;}
.tag-box{font-size: 24rpx;color: #717580;line-height: 33rpx;}
.tag-box text{margin-right: 15rpx;}
.act-tit{font-size: 30rpx;color: #333333;line-height: 42rpx;font-weight: bold;}
.area{font-size: 24rpx;color: #999;margin-top: 20rpx;line-height: 33rpx;}
.area text{margin-right: 10rpx;}
.money{font-size: 30rpx;color: var(--main);}
.money text{font-size: 18rpx;}
.act-btn{padding:0 20rpx !important; height: 64rpx !important;background: #27D699;border-radius: 32rpx !important;font-size: 28rpx;color: #fff;text-align: center;line-height: 64rpx;margin-bottom: 15rpx;margin-left: 30rpx;}
.act-btn.end{background: #e3e3e3;color: #999;}
.mede{position: fixed;left: 50%;transform: translateX(-50%);bottom: 30rpx;width: 328rpx;height: 80rpx;background: var(--btn);border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;line-height: 80rpx;}