.cardContainer {
  * {
    font-family: Source Han Sans, Source Han Sans;
  }
  margin-top: 0.15rem;
  padding: 0.2rem 0.2rem;
  background-color: white;

  .normalInfo {
    padding: 0.25rem 0.15rem;
    background-color: #fdefd9;
  }

  .infoRow {
    margin-bottom: 0.25rem;
  }

  .detailInfo {
    padding: 0.25rem 0.15rem;
  }

  .relatedOrder {
    padding: 0 0.15rem;
    margin-top: 0.15rem;

    .collapseLabel {
      width: 100%;

      :global {
        .ant-collapse-arrow {
          font-size: 0.3rem;
        }

        .ant-collapse-item {
          margin-bottom: 0;
        }

        .ant-collapse-item:last-child > .ant-collapse-header {
          border-radius: 0;
        }

        .ant-collapse-header .ant-collapse-expand-icon {
          padding-inline-end: 0;
        }

        .ant-collapse-header {
          height: 0.5rem;
          background: url('@/assets/TaskManage/viewOrder@2x.png') no-repeat
            center;
          background-size: 30% 100%;
          justify-content: center;
          flex-direction: row-reverse;
          align-items: center;
          margin-top: 0.1rem;
          border-bottom: 0.02rem solid #1755ff;

          .ant-collapse-header-text {
            font-size: 0.3rem;
            flex: unset;
            margin-inline-end: unset;
          }

          .ant-collapse-arrow {
            font-size: 0.3rem;
          }
        }

        .ant-collapse-content-box {
          padding: 0;
        }

        .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
          padding-block: 0;
        }
      }

      .workOrderCard {
        margin-bottom: 0.1rem;
        padding: 0.2rem;
        border-radius: 0;
        background-color: rgba(23, 85, 255, 0.06);
        display: flex;
        align-items: center;

        .leftInfo {
          width: 80%;
        }

        .rightButtonContainer {
          width: 20%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
        }

        .rightButton {
          background-color: #fff;
          border-radius: 0.5rem;
          width: 1.5rem;
          height: 0.5rem;
          letter-spacing: 0.05rem;
          color: rgba(23, 85, 255, 1);
          font-size: 0.3rem;
          text-align: center;
        }
      }

      .workOrderCard:last-child {
        margin-bottom: 0;
      }
    }
  }

  // .workOrderCard {
  //   margin-bottom: 0.25rem;
  //   padding: 0.2rem 0.1rem;
  //   background-color: #e5effa;
  //   display: flex;
  //   align-items: center;

  //   .leftInfo {
  //     width: 80%;
  //   }

  //   .rightButtonContainer {
  //     width: 20%;
  //     display: flex;
  //     flex-direction: column;
  //     justify-content: space-between;
  //     align-items: center;
  //   }

  //   .rightButton {
  //     flex: auto;
  //     color: #5697e4;
  //     font-size: 0.24rem;
  //     text-align: center;
  //     display: flex;
  //     justify-content: center;
  //     align-items: center;
  //   }
  // }
}

.handleModal {
  :global {
    .ant-modal-close {
      width: 0.36rem;
      height: 0.36rem;
    }
    .ant-modal-close-x {
      font-size: 0.36rem;
      line-height: 0.36rem;
    }
    .ant-modal-title {
      font-size: 0.28rem;
    }
    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      height: 0.6rem;
      padding-top: 0.15rem;
    }
    .ant-form-item .ant-form-item-label > label {
      font-size: 0.28rem;
      height: 0.6rem;
    }
    .ant-input {
      font-size: 0.28rem;
      height: 0.6rem;
    }
    .ant-btn {
      font-size: 0.28rem;
      height: 0.6rem;
      width: 1.2rem;
    }
    .ant-checkbox {
      .ant-checkbox-inner {
        width: 0.28rem;
        height: 0.28rem;
      }
      .ant-checkbox-inner:after {
        height: 0.16rem;
        width: 0.09rem;
      }
    }
    .ant-picker {
      height: 0.6rem;
    }
  }
}

.taskTable {
  :global {
    .ant-table-thead {
      background: rgba(155, 151, 151, 0.2);
    }
    .ant-table-thead > tr > th {
      color: rgba(59, 59, 59, 1);
      font-weight: 600;
    }
  }
}

.fontS32 {
  font-size: 0.32rem;
}

.fontS30 {
  font-size: 0.3rem;
}

.fontS28 {
  font-size: 0.28rem;
}

.fontS24 {
  font-size: 0.24rem;
}

.fontS22 {
  font-size: 0.22rem;
}

.fontS20 {
  font-size: 0.2rem;
}

.fontS18 {
  font-size: 0.18rem;
}

.fontS16 {
  font-size: 0.16rem;
}
