@import "../../../../src/theme.less";
:host {
  width: 100%;
  height: 100%;
}
.w320px {
  width: 250px;
}

.TaskTypeManagement {
  height: calc(100vh - 88px);
  background: #f9fafb;
  overflow: hidden;
  padding: 16px 20px;

  //任务类型管理-主体
  .taskTypeInfo {
    height: 100%;
    border: 1px solid #e5e9ed;
    background: #fff;
    color: #333;
    position: relative;

    .top {
      height: 61px;
      line-height: 60px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #e5e9ed;
      position: relative;
      z-index: 2;

      .items {
        background: #f0f6ed;
      }

      & > div {
        border-right: 1px solid #e5e9ed;
        width: 30%;
        text-align: center; // display: flex;
        // align-items: center;
        cursor: pointer;

        &:hover {
          background: #f0f6ed;
        }
      }

      &:nth-last-child(4) {
        border: none;
      }
    }

    .list {
      width: 100%;
      padding: 16px;
      background: #fff;
      height: 89%;
      overflow: auto;

      nz-form-label {
        margin-left: 0px !important;
      }

      & > div {
        background: #f9fafb;
        border: 1px solid #e5e9ed;
        border-radius: 10px 10px 0px 0px;
        padding: 24px 120px;

        .label {
          margin-left: 16px;
          font-size: 14px;
          color: #333;
        }
      }

      .bottom {
        height: 60px;
        border-radius: 0px 0px 10px 10px;
        padding: 10px 240px 0px 240px;
        border-top: 0px;

        button {
          width: 80px;
          height: 34px;
          display: block;
          margin: 0 auto;
        }
      }
    }
  }
}

