- page{height:100%}.content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.content .inner{flex:1;padding:20rpx 20rpx 160rpx}.content .inner .item{background:#fff;border-radius:20rpx;margin-bottom:20rpx;padding:40rpx 30rpx}.content .inner .item:last-child{margin-bottom:0}.content .inner .item .user-info{display:flex;align-items:center}.content .inner .item .user-info .name{font-size:36rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:1;margin-right:20rpx}.content .inner .item .user-info .gray-tag{height:46rpx;line-height:46rpx;padding:0 16rpx;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#333;background:#f7f7f7;border-radius:8rpx;margin-right:10rpx}.content .inner .item .user-info .blue-tag{height:46rpx;line-height:46rpx;padding:0 16rpx;font-size:24rpx;font-family:PingFang SC;font-weight:700;color:#4bc9b1;background:#e2f6f2;border-radius:8rpx}.content .inner .item .stage-box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:34rpx}.content .inner .item .stage-box .stage{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:1}.content .inner .item .stage-box .stage-text{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:1}.content .inner .item .progress-box{margin-top:18rpx}.content .inner .item .period{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1;margin-top:40rpx}.content .btn-box{z-index:9999;width:100%;padding:30rpx;position:fixed;bottom:0;left:0;box-sizing:border-box;background:#fff}.content .btn-box .sub-btn{width:100%;height:88rpx;line-height:88rpx;text-align:center;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff;background:#2bc7b9;border-radius:44rpx}
|
