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_items {
    margin: 30rpx 30rpx 0 30rpx;
    padding: 0 30rpx 20rpx 30rpx;
    background-color: #fff;
    border-radius: 20rpx;
    &_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 30rpx 0 0 0;
      .status {
        background-color: #edf4ff;
        color: #0082fa;
        font-size: 24rpx;
        font-weight: 500;
        padding: 8rpx 20rpx;
        border-radius: 100rpx;
      }
      .status_Closed {
        background-color: #f3f3f4;
        color: #909399;
      }
      .status_InProgress {
        background-color: #fff9e6;
        color: #ff9900;
      }
    }
    &_level {
      background-color: #ffdcdc;
      color: #ef4444;
      font-size: 24rpx;
      font-weight: 500;
      padding: 8rpx 20rpx;
      min-width: 70rpx;
      text-align: center;
      border-radius: 100rpx;
    }
    &_cell {
      display: flex;
      align-items: center;
      color: #666666;
      font-size: 28rpx;
      padding: 0 0 10rpx 0;
      .label {
        padding-left: 10rpx;
      }
      image {
        width: 27rpx;
        height: 27rpx;
      }
    }
  }

  .emergency_items_content {
    font-size: 28rpx;
    font-weight: 600;
    padding: 25rpx 0;
  }
}
