page{ background-color: #F4F4F4; } .wrap{margin-top: 30rpx;} .payeeinfo{ height: 143rpx; background: #FFFFFF; border-radius: 20rpx; padding-left: 30rpx; margin-bottom: 20rpx; .payeeinfo-text{ margin-left: 19rpx; .name{ font-size: 30rpx; font-weight: 500; color: #5B5B5B; line-height: 42rpx; letter-spacing: 1px; } .id{ font-size: 24rpx; font-weight: 400; color: #5B5B5B; line-height: 33rpx; letter-spacing: 1px; } } } .attence-block{ background: #FFFFFF; border-radius: 20rpx; padding: 38rpx 30rpx 69rpx; margin-bottom: 20rpx; } .today-attence{ margin-bottom: 71rpx; .today-attence-item{ flex: 1; height: 105rpx; padding: 20rpx 23rpx 0; background: #F4F4F4; border-radius: 10rpx; font-weight: 400; letter-spacing: 1px; .u-icon{margin-right: 7rpx;} .work-time{ font-size: 28rpx; color: #515151; line-height: 40rpx; } .my-time{ font-size: 24rpx; color: #515151; line-height: 33rpx; } } .today-attence-item + .today-attence-item{ margin-left: 19rpx; } } .attence-button{ width: 249rpx; height: 249rpx; margin: 0 auto 30rpx; border-radius: 50%; border: 20rpx solid #EAF3FE; align-content: center; justify-content: center; background: linear-gradient(180deg, #56ABFF 0%, #0062D5 100%); .attence-button-type{ font-size: 36rpx; font-weight: 400; color: #FFFFFF; line-height: 50rpx; } .attence-button-time{ font-size: 28rpx; font-weight: 400; color: #A7CCF5; line-height: 40rpx; } } .position-tip{ text-align: center; font-size: 24rpx; font-weight: 400; color: #7D7D7D; line-height: 33rpx; padding-bottom: 45rpx; border-bottom: 1px solid #EAEAEA; margin-bottom: 37rpx; .u-icon{ margin-right: 11rpx; } } .statistics{ .statistics-item{ flex: 1; text-align: center; .statistics-item-til{ font-size: 30rpx; font-weight: 400; color: #5C5C5C; line-height: 42rpx; } .statistics-item-con{ font-size: 30rpx; font-weight: 400; color: #0667D8; line-height: 42rpx; .number{ font-size: 50rpx; line-height: 70rpx; letter-spacing: 2px; } } } }