pika_shangjia/match/activityDetail/activityDetail.css

/* activityDetail.css */
page{background: #fff;}
.top{padding: 60rpx 32rpx 20rpx;border-bottom: 15rpx solid #f6f6f6;}
.act-img{width: 100%;height: 422rpx;border-radius: 15rpx;}
.title{font-size: 40rpx;color: #000;line-height: 50rpx;margin: 45rpx 0 10rpx;}
.datas{font-size: 24rpx;color: #999;}
.money{font-size: 40rpx;color: #F38423;margin: 40rpx 0;}
.money text{font-size: 20rpx;}
.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: 30rpx;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{flex: 0.35;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;}