renshou/match/activityDetail/activityDetail.css

/* activityDetail.css */
page{background: #fff;}
.top{padding: 0rpx 0rpx 40rpx;border-bottom: 15rpx solid #f6f6f6;}
.act-img{width: 100%;height: 461rpx;}
.title{font-size: 40rpx;color: #000;line-height: 50rpx;margin: 45rpx 32rpx 10rpx;font-weight: bold;}
.datas{font-size: 24rpx;color: #999;margin: 0 32rpx;}
.money-box{
	margin: 40rpx 32rpx;
	font-size: 32rpx;
	font-weight: 500;
	color: #666666;
	justify-content: space-between;
	background: linear-gradient(90deg, #fff 0%, #FFE7E7 100%);
	padding: 0 30rpx 0 0;
	border-radius: 10rpx;
}
.money-box image{
	width: 40rpx;
	height: 41rpx;
	margin-right: 22rpx;
}
.money{font-size: 40rpx;color: #DB2A2A;margin: 30rpx 0;}
.money text{font-size: 20rpx;}

.baoming-box{
	margin: 0 32rpx;
	font-size: 24rpx;
	font-weight: 500;
	color: #999999;
}
.baoming-box image{
	width: 40rpx;
	height: 44rpx;
	margin-right: 22rpx;
}
.baoming-time{
	margin-left: 62rpx;
	font-weight: 500;
	color: #333333;
}

.hddz-box{
	margin: 0 32rpx;
	font-size: 26rpx;
	font-weight: 500;
	color: #999999;
}
.hddz-box image{
	width: 40rpx;
	height: 44rpx;
	margin-right: 22rpx;
}
.hddz-area{
	margin-left: 62rpx;
	font-weight: 500;
	color: #333;
}
.hddz-area .rico{
	width: 13rpx;
	height: 24rpx;
	margin-left: 20rpx;
	margin-right: 0;
}

.date{border-bottom: 15rpx solid #f6f6f6;}
.datass{font-size: 26rpx;color: #666;border-bottom: 1rpx solid #E9E9E9;padding: 20rpx 32rpx;}
.date .datass:last-child{border-bottom: none;}
.date .datass .ddflex{margin-bottom: 10rpx;}
.dimg{width: 29rpx;height: 35rpx;margin-right: 15rpx;}
.rico{width: 14rpx;height: 23rpx;margin-left: 20rpx;}
.tit{font-size: 32rpx;color: #333;font-weight: bold;padding: 30rpx;justify-content: space-between;border-bottom: 1rpx solid #DEDEDE;}
.content{font-size: 28rpx;color: #999;line-height: 44rpx;padding: 50rpx 0 120rpx;}

.bot{align-items: center;padding: 10rpx 30rpx 10rpx 0;border-top: 1rpx solid #e5e5e5;justify-content: space-between;}
.btnfot{display: flex;justify-content: space-around;}
.btns{flex: .65;justify-content: flex-end;}
.botbtn{font-size: 22rpx;color: #6A6A6A;width: 95rpx !important;text-align: center;position: relative;margin: 0;background: none;border-radius: 0;padding: 0;line-height: initial;}
.botbtn image{width: 40rpx;height: 34rpx;margin: 10rpx auto 5rpx;}
.btn{width: 370rpx;height: 70rpx;background: var(--btn);border-radius: 35px;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}
.btn.end{background: #999;}

.ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 99;}
.popup{position: fixed;left: 0;right: 0;bottom: 0;border-radius: 15rpx 15rpx 0 0;background: #fff;padding: 65rpx 32rpx 50rpx;z-index: 100;}
.p-title{font-size: 32rpx;color: #333;font-weight: bold;}
.p-bri{font-size: 28rpx;color: #999;margin-top: 15rpx;}
.pop-tit{font-size: 28rpx;color: #000;font-weight: bold;}
.pop-con{height: 320rpx;margin-top: 50rpx;}
.p-list{flex-wrap: wrap;align-items: flex-start;}
.p-list .li{background: #f5f5f5;border: 1rpx solid #e5e5e5;font-size: 28rpx;color: #666;height: 50rpx;line-height: 50rpx;border-radius: 25rpx;margin: 0 20rpx 20rpx 0;padding: 0 30rpx;}
.p-list .li.active{border-color: var(--mina);color: var(--mina);background: #fef4f5;}
.pop-btn{height: 70rpx;background: var(--btn);border-radius: 35px;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}
.close{position: absolute;top: 30rpx;right: 30rpx;width: 34rpx;height: 34rpx;}