|  |  |  | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 选择器容器样式 */ | 
|---|
|  |  |  | .picker-container { | 
|---|
|  |  |  | position: fixed; | 
|---|
|  |  |  | top: 0; | 
|---|
|  |  |  | left: 0; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | z-index: 9999; | 
|---|
|  |  |  | pointer-events: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 蒙层样式 */ | 
|---|
|  |  |  | .picker-mask { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | top: 0; | 
|---|
|  |  |  | left: 0; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | background-color: rgba(0, 0, 0, 0.5); | 
|---|
|  |  |  | pointer-events: auto; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .picker-container .t-date-time-picker, | 
|---|
|  |  |  | .picker-container .t-picker { | 
|---|
|  |  |  | pointer-events: auto; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 当选择器显示时 */ | 
|---|
|  |  |  | .t-date-time-picker[visible], | 
|---|
|  |  |  | .t-picker[visible] { | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | bottom: 0; | 
|---|
|  |  |  | left: 0; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | border-radius: 24rpx 24rpx 0 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 表单项样式 */ | 
|---|
|  |  |  | .form-item { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .form-label { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | font-size: 29rpx; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | width: 200rpx; /* 固定标签宽度 */ | 
|---|
|  |  |  | flex-shrink: 0; /* 防止标签宽度被压缩 */ | 
|---|
|  |  |  | margin-bottom: 16rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-icon { | 
|---|
|  |  |  | width: 32rpx; | 
|---|
|  |  |  | height: 32rpx; | 
|---|
|  |  |  | margin-left: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .form-input { | 
|---|
|  |  |  | 
|---|
|  |  |  | flex-wrap: wrap; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-index { | 
|---|
|  |  |  | color: #1890FF; | 
|---|
|  |  |  | margin-right: 8rpx; | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-name { | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | font-size: 29rpx; | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | padding-left: 10rpx; | 
|---|
|  |  |  | background-color: rgba(24, 144, 255, 0.1); | 
|---|
|  |  |  | padding: 4rpx 20rpx; | 
|---|
|  |  |  | background-color: rgba(24, 144, 255, 0.1); | 
|---|
|  |  |  | border-radius: 10rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-name-text { | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | margin-right: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-intake-count { | 
|---|
|  |  |  | color: #999; | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .group-hint { | 
|---|
|  |  |  | 
|---|
|  |  |  | font-size: 32rpx; | 
|---|
|  |  |  | color: #1890FF; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .empty-container { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | flex-direction: column; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | padding: 40rpx 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .empty-image { | 
|---|
|  |  |  | width: 200rpx; | 
|---|
|  |  |  | height: 200rpx; | 
|---|
|  |  |  | margin-bottom: 20rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .empty-text { | 
|---|
|  |  |  | color: #999; | 
|---|
|  |  |  | font-size: 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .empty-tip { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | color: #999; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .dialog-content { | 
|---|
|  |  |  | padding: 20rpx 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .dialog-section { | 
|---|
|  |  |  | margin-bottom: 24rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .dialog-section:last-child { | 
|---|
|  |  |  | margin-bottom: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .dialog-title { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | color: #333; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | margin-bottom: 8rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .dialog-desc { | 
|---|
|  |  |  | font-size: 26rpx; | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | line-height: 1.6; | 
|---|
|  |  |  | padding-left: 20rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | /* 时间提示弹窗样式 */ | 
|---|
|  |  |  | .time-info-content { | 
|---|
|  |  |  | padding: 20rpx 30rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .time-info-item { | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | margin: 20rpx 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-text-container { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-title { | 
|---|
|  |  |  | font-size: 32rpx; | 
|---|
|  |  |  | color: #000; | 
|---|
|  |  |  | font-weight: 500; | 
|---|
|  |  |  | margin-bottom: 12rpx; | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | padding-left: 24rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-title::before { | 
|---|
|  |  |  | content: ''; | 
|---|
|  |  |  | position: absolute; | 
|---|
|  |  |  | left: 0; | 
|---|
|  |  |  | top: 50%; | 
|---|
|  |  |  | transform: translateY(-50%); | 
|---|
|  |  |  | width: 8rpx; | 
|---|
|  |  |  | height: 28rpx; | 
|---|
|  |  |  | background-color: #1890FF; | 
|---|
|  |  |  | border-radius: 4rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .info-desc { | 
|---|
|  |  |  | font-size: 28rpx; | 
|---|
|  |  |  | color: #666; | 
|---|
|  |  |  | line-height: 1.5; | 
|---|
|  |  |  | padding-left: 24rpx; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .divider { | 
|---|
|  |  |  | height: 1rpx; | 
|---|
|  |  |  | background-color: #eee; | 
|---|
|  |  |  | margin: 16rpx 0; | 
|---|
|  |  |  | } | 
|---|