.wrap{margin-top: 30rpx;} .road-select-cell{ background-color: #fff; border-radius: 20rpx; margin-bottom: 24rpx; } .payeeinfo{ height: 143rpx; background: #FFFFFF; border-radius: 20rpx; padding-left: 30rpx; margin-bottom: 20rpx; .payeeinfo-text{ margin-left: 19rpx; .name{ font-size: 36rpx; font-weight: 500; color: #5B5B5B; line-height: 50rpx; letter-spacing: 1px; } .id{ font-size: 30rpx; font-weight: 400; color: #5B5B5B; line-height: 42rpx; letter-spacing: 1px; } } } .attence-block{ background: #FFFFFF; border-radius: 20rpx; padding: 38rpx 30rpx 69rpx; margin-bottom: 20rpx; #navmap{ width: 100%; height: 25vh; margin-top: 80rpx; z-index: 1; } } .today-attence{ margin-bottom: 71rpx; .today-attence-item{ flex: 1; height: 105rpx; padding: 20rpx 23rpx 0; background: #E2F2FF; 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; margin-bottom: 37rpx; .u-icon{ margin-right: 11rpx; } } .statistics{ padding-top: 45rpx; border-top: 1px solid #EAEAEA; .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; } } } } .bottom{ position: fixed; left: 0; right: 0; bottom: 76rpx; } .remark{ z-index:200; & /deep/ .u-drawer-top{ top: 44px; } .submit-btn{ position: absolute; right: 40rpx; top:40rpx; } .content{ padding: 40rpx; } .remark-tip{ margin-top: 24rpx; font-size: 26rpx; color: #333; } }