page { background-color: #f8f8f8; } .header_search_box { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #fff; height: 100rpx; padding: 0 30rpx; display: flex; align-items: center; } .emergency_list_page { padding-bottom: calc(120rpx + constant(safe-area-inset-bottom)); padding-bottom: calc(120rpx + env(safe-area-inset-bottom)); } .emergency_contents { padding-top: 100rpx; } .emergency_contents .emergency_items { margin: 30rpx 30rpx 0 30rpx; padding: 0 30rpx 20rpx 30rpx; background-color: #fff; border-radius: 20rpx; } .emergency_contents .emergency_items_header { display: flex; align-items: center; justify-content: space-between; padding: 30rpx 0 0 0; } .emergency_contents .emergency_items_header .status { background-color: #edf4ff; color: #0082fa; font-size: 24rpx; font-weight: 500; padding: 8rpx 20rpx; border-radius: 100rpx; } .emergency_contents .emergency_items_header .status_Closed { background-color: #f3f3f4; color: #909399; } .emergency_contents .emergency_items_header .status_InProgress { background-color: #fff9e6; color: #ff9900; } .emergency_contents .emergency_items_level { background-color: #ffdcdc; color: #ef4444; font-size: 24rpx; font-weight: 500; padding: 8rpx 20rpx; min-width: 70rpx; text-align: center; border-radius: 100rpx; } .emergency_contents .emergency_items_cell { display: flex; align-items: center; color: #666666; font-size: 28rpx; padding: 0 0 10rpx 0; } .emergency_contents .emergency_items_cell .label { padding-left: 10rpx; } .emergency_contents .emergency_items_cell image { width: 27rpx; height: 27rpx; } .emergency_contents .emergency_items_content { font-size: 28rpx; font-weight: 600; padding: 25rpx 0; }