renshou/match/activity/activity.css

/* activity.css */
.tab{border-bottom: 1rpx solid #dbdbdb;background: #fff;}
.tab .li{font-size: 32rpx;color: #666;padding: 35rpx 0 20rpx;position: relative;width: 50%;text-align: center;}
.tab .li.active{color: var(--mina);}
.tab .li.active::after{content: '';display: block;width: 58rpx;height: 4rpx;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;background: var(--mina);}
.list .li{background: #fff;margin-bottom: 10rpx;padding: 35rpx 30rpx 0;}
.infos{padding-bottom: 22rpx;border-bottom: 1rpx solid #E8E8E8;}
.imgbox{width: 270rpx;height: 174rpx;border-radius: 6rpx;overflow: hidden;position: relative;margin-right: 25rpx;}
.imgbox image{width: 100%;height: 100%;border-radius: 6rpx;}
.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;}
.act-tit{font-size: 28rpx;color: #00;line-height: 38rpx;height: 76rpx;margin-bottom: 65rpx;}
.area{font-size: 24rpx;color: #999;}
.area text{margin-right: 10rpx;}
.libot{padding: 12rpx 0;}
.time{font-size: 24rpx;color: #999;line-height: 56rpx;}
.btn{width: 156rpx;height: 52rpx;background: #FFFFFF;border: 2rpx solid;border-radius: 28rpx;text-align: center;line-height: 52rpx;font-size: 26rpx;}
.btn.end{border-color: #999999;color: #999;}
.btn.ing{border-color: #11BB8B;color: #11BB8B;}
.btn.dai{border-color: #E9001E;color: #E9001E;}