Sinopec-Anxin/src/app/pages/criminal-records/criminal-records.component.scss

.recordsbox {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1;
  // background-image: radial-gradient(circle,#004078, #012b57, #00142f);

  .title {
    margin-bottom: 15px;
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    padding: 0 28px;
  }
  .chartsbox{
    width: 100%;
    display: flex;
    justify-content: center;
    .charts{
      width: 98%;
      height: 300px;
      border: 1px solid white;
    }
  }
}

.search {
  box-sizing: border-box;
  padding: 0 36px;
  width: 100%;
  height: 32px;
  margin: 20px 0px;

  form {
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: space-around;

    .searchParams {
      width: 22%;
    }

    .btn {
      width: 5%;
    }

    nz-select {
      color: #fff;
    }

    nz-date-picker {

      background-color: #002552;
      width: 145%;
    }

  }

  .submit {
    background-color: #013064;
    border: 1px solid #4c8ac8;
    color: #86bff3;
  }

  .reset {
    background-color: #010d26;
    border: 1px solid #4c8ac8;
    color: #86bff3;
  }
}