page { background-color: #f8f8f8; } .header { background-color: #fff; position: fixed; left: 0; top: 0; right: 0; height: 280rpx; z-index: 100; box-shadow: 0px 3px 7px rgba(206, 206, 206, 0.25); } .header .header_tabs { display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; } .header .header_tabs .meter_reading_record { color: #333333; font-size: 28rpx; display: flex; align-items: center; } .header .search { padding: 20rpx 30rpx 0 30rpx; } .header .filter { display: flex; align-items: center; justify-content: space-between; padding: 16rpx 30rpx 0 30rpx; } .work_contents { padding: 280rpx 0 30rpx 0; } .work_contents .work_item { background-color: #fff; border-radius: 10rpx; margin: 30rpx 30rpx 0 30rpx; border-radius: 15rpx; padding: 0 30rpx 10rpx 30rpx; } .work_contents .work_item .work_item_header { display: flex; align-items: self-start; padding: 25rpx 0; } .work_contents .work_item .work_item_header .name { color: #333333; font-size: 28rpx; font-weight: 500; padding: 0 30rpx 0 20rpx; flex: 1; } .work_contents .work_item .work_item_header .name text { padding-right: 20rpx; } .work_contents .work_item .work_item_header .table_tab { display: flex; align-items: center; padding: 6rpx 16rpx; border-radius: 8rpx; font-size: 24rpx; } .work_contents .work_item .work_item_header .table_tab image { width: 18rpx; height: 24rpx; margin-right: 5rpx; } .work_contents .work_item .work_item_header .water { background-color: #F0F8FF; color: #0082FA; } .work_contents .work_item .work_item_header .electricity { background-color: #FFF8F0; color: #FFB30F; } .work_contents .work_item .work_item_cell { display: flex; align-items: center; justify-content: space-between; font-size: 30rpx; color: #666; padding-bottom: 20rpx; } .work_contents .work_item .work_item_cell text { color: #333; } .work_contents .work_item .footer_item { padding: 0 0 20rpx 0; } .card_status_4 { border-top: 6px solid #ef4444; }