renshou/match/list/index.css

/* activity.css */
page{background: #fff;}
.act-list{padding: 0 30rpx;}
.act-list .li{margin-bottom: 10rpx;padding: 35rpx 0;border-bottom: 1rpx solid #E5E5E5;}
.act-list .li:last-child{border-bottom: none;}
.imgbox{width: 100%;height: 316rpx;border-radius: 16rpx;overflow: hidden;position: relative;margin-right: 25rpx;}
.imgbox image{width: 100%;height: 100%;border-radius: 16rpx;}
.infos{padding: 20rpx 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: #1A1F30;line-height: 42rpx;margin-bottom: 15rpx;font-weight: bold;}
.area{font-size: 24rpx;color: #999;margin-top: 20rpx;}
.area text{margin-right: 10rpx;}
.money{font-size: 30rpx;color: var(--main);}
.money text{font-size: 18rpx;}
.act-btn{width: 172rpx;height: 64rpx;background: linear-gradient(280deg, #009AFF 0%, #006FFF 100%);border-radius: 32rpx;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;}