H5_module/match/sign/sign.css

/* sign.css */
page{padding-bottom: 110rpx;background-color: #F6F6F6;}
.top{background: #fff;padding: 40rpx 32rpx 35rpx;}
.top > .ddflex{align-items: flex-start;}
.act-img{width: 270rpx;height: 174rpx;border-radius: 6rpx;margin-right: 23rpx;}
.title{font-size: 28rpx;color: #000;line-height: 38rpx;margin-bottom: 15rpx;font-weight: bold;}
.time{font-size: 26rpx;color: #666;}
.time image{width: 22rpx;height: 25rpx;margin-right: 6rpx;}
.sta{margin-top: 25rpx;}
.area{font-size: 22rpx;color: #999;margin-right: 6rpx;}
.area image{width: 23rpx;height: 26rpx;margin-right: 6rpx;}
.money{font-size: 30rpx;color: #F38423;}
.money text{font-size: 18rpx;}
.date{background: #fff;margin-top: 32rpx;}
.date .time{padding: 25rpx 0;border-top: 1rpx solid #e9e9e9;}
.info{background: #fff;border-radius: 16rpx;margin: 22rpx 32rpx 0;}
.tit{font-size: 32rpx;color: #000;font-weight: bold;padding: 20rpx 30rpx;border-bottom: 1rpx solid #E9E9E9;justify-content: space-between;}
.tit text{font-size: 28rpx;font-weight: normal;}
.add{height: 68rpx;background: #FFFFFF;border: 1rpx solid var(--btn);border-radius: 35rpx;font-size: 32rpx;color: var(--btn);text-align: center;line-height: 68rpx;margin: 40rpx 30rpx 16rpx;}
.list{padding: 0 30rpx 40rpx;}
.list .li{padding: 25rpx 0;border-bottom: 1rpx solid #E9E9E9;font-size: 26rpx;color: #333;}
.list .li text{margin-left: 30rpx;}
.list .li:last-child{border-bottom: none;}
.user{width: 51rpx;height: 51rpx;margin-right: 16rpx;}
.jian{width: 27rpx;height: 27rpx;margin-left: 16rpx;}
.btn{position: fixed;left: 32rpx;bottom: 20rpx;right: 32rpx;height: 70rpx;background: var(--btn);border-radius: 35rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}
/* 添加报名信息 */
.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: 16rpx 16rpx 0 0;padding: 25rpx 32rpx 75rpx;background: #fff;z-index: 100;transition: all .3s ease-in;}
.tits{font-size: 32rpx;color: #333;font-weight: bold;margin: 40rpx 0 20rpx;}
.ipt{height: 90rpx;background: #F8F8F8;border-radius: 8rpx;padding: 0 23rpx;font-size: 26rpx;color: #333;}
.placeholder{color: #999;}
.pop-btn{justify-content: center;margin-top: 60rpx;}
.cancel,.save{width: 276rpx;height: 80rpx;border-radius: 40rpx;margin: 0 12rpx;font-size: 32rpx;text-align: center;line-height: 80rpx;}
.cancel{background: #F2F2F2;color: #888;}
.save{background: var(--btn);color: #fff;}



.lists{padding: 0 32rpx;border-top: 20rpx solid #f6f6f6;background-color: #fff;}
.lists .li{border-bottom: 1rpx solid #E9E9E9;padding-bottom: 30rpx;}
.lists .li:last-child{border-bottom: none;}
.li-top{padding: 30rpx 0 0;}
.name{font-size: 30rpx;color: #000;}
.phone{font-size: 30rpx;color: #A1A1A1;margin-top: 5rpx;}
.li-opt{font-size: 24rpx;color: #A1A1A1;}
.lists .li-opt.active .rico{transform:rotate(90deg);}
.rico{width: 12rpx;height: 20rpx;margin-left: 13rpx;}
.li-bot{font-size: 24rpx;color: #333;padding: 20rpx 0 0;}
.li-bot .lis{padding: 10rpx 0;}
.li-bot .fflex{color: #A1A1A1;}
/* .list{padding: 0 32rpx;border-top: 20rpx solid #f6f6f6;}
.list .li{padding: 30rpx 0;border-bottom: 1rpx solid #E9E9E9;font-size: 30rpx;color: #000;}
.list .li:last-child{border-bottom: none;} */
.ming{background: #fff;padding: 40rpx 32rpx;border-top: 20rpx solid #f6f6f6;}
.tits-step2{font-size: 30rpx;color: #000;margin-bottom: 30rpx;}
.tips{font-size: 30rpx;color: #999;line-height: 44rpx;}
.bot{position: fixed;left: 0;bottom: 0;right: 0;background: #fff;box-shadow: 0 -1rpx 0 #E9E9E9;padding: 20rpx 32rpx;z-index: 50;}
.heji{font-size: 30rpx;color: #000;}
.heji text{color: #F38423;font-size: 36rpx;}
.heji text.yuan{font-size: 20rpx;}
.back-step{font-size: 26rpx;color: #666;margin-right: 20rpx;}
.btn-step2{width: 320rpx;height: 70rpx;background: var(--btn);border-radius: 35rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 70rpx;}