.header{ position: sticky; top: 0; } .staff-all { background: rgba(245, 247, 250, 1); padding: 0.16rem 0.32rem 0 0; font-size: 0.28rem; color: #909399; } .rule-all-text{ font-size: 28rpx; color: #999; position: relative; right: 10rpx; /* bottom: 5rpx; */ } .titles{ font-size: 24rpx; color: #909399; background:rgba(245,247,250,1); } .titles .flex-2{ padding: 20rpx 0; padding-left: 28rpx; } .main{ background: #fff; } .item{ padding: 16rpx 0; } .item .flex-2{ padding-left: 28rpx; } .users{ margin-left: 20rpx; } .num2{ font-size: 28rpx; color: #909399; } .scroll { height: calc(100vh - 160rpx); } .text2 { border-radius: 50%; border: 1px solid #909399; color: #909399; width: 26rpx; height: 26rpx; font-size: 22rpx; text-align: center; display: inline-block; margin-left: 10rpx; position: relative; line-height: 26rpx; box-sizing: border-box; } .selectItems{ padding-top: 20rpx; background-color: #fff; } .selectItems .selectImg{ border-left: 1px solid #f1f1f1; padding: 0 20rpx; } .selectImg image{ width: 30rpx; height: 30rpx; } .selectItems .flex-1{ padding: 20rpx 0; text-align: center; position: relative; } .headed-box{ padding:28rpx 28rpx; color: #303133; background-color: #fff; } .target_items { text-align: center; padding-top: 0.28rem; } .selectItems .active::before{ position: absolute; content: " "; height: 4rpx; width: 100rpx; background: #26A2FF; bottom: 0rpx; left: 50%; margin-left: -50rpx; } .name{ margin: 0 10rpx; } .index{ border-radius: 6rpx; background: #67C23A; color: #fff; font-size: 28rpx; padding: 0 6rpx; } .num{ color:rgb(38, 162, 255); font-weight:600; margin-bottom:10rpx; font-size:44rpx; } .jiangfen{ color: #303133; position: relative; font-size: 32rpx; } .target{ color: #909399; font-size: 24rpx; }