lingji-work-fe/src/views/property-marketing/put-account/investment-guidelines/style.scss

.part-div {
  width: 100%;
  background: var(--BG-white, white);
  overflow: hidden;
  border-radius: 8px;
  outline: 1px var(--BG-300, #E6E6E8) solid;
  outline-offset: -1px;
  flex-direction: column;
  justify-content: flex-start;
  display: inline-flex;
  margin-top: 15px;
  // margin: 10px;

  .arco-tabs {
    margin-bottom: 10px;
    height: 76px;

    .arco-tabs-tab {
      height: 56px;
      padding: 0 8px;
    }
  }

}

.part-div-header {
  align-self: stretch;
  height: 64px;
  padding: 10px 24px 10px 24px;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex
}

.a-tab-class {
  color: var(--Brand-6, #6D4CFE);
  font-size: 66px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 30px;
  word-wrap: break-word;
  height: 56px;
  padding: 0 8px;
}

.part-div-header-title {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-1, #211F24);
  font-size: 18px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word;
}


.search-form {
  padding: 10px 24px 20px 24px;

}

.account-table {
  padding: 1px 24px 20px 24px;
  width: 100%;
}


.month-data-body {
  width: 100%;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 24px;
  background: var(--BG-white, white);
  overflow: hidden;
  border-radius: 8px;
  outline: 1px var(--BG-300, #E6E6E8) solid;
  outline-offset: -1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  margin: 10px;
}

.month-body-div {
  align-self: stretch;
  height: 64px;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-between;
  align-items: center;
  display: inline-flex
}


.month-data-title {
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: var(--Text-1, #211F24);
  font-size: 18px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 26px;
  word-wrap: break-word
}


.overall-strategy {
  width: 98%;
  padding: 20px 10px 20px 16px;
  background: var(--BG-100, #F7F8FA);
  overflow: hidden;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
  margin: 20px;

}

.placement-optimization-title {
  color: var(--Text-1, #211F24);
  font-size: 16px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word
}

.placement-optimization-str {
  align-self: stretch;
  color: var(--Text-2, #3C4043);
  font-size: 14px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word
}

.player-title {
  margin: 10px 0px 15px 20px;
  color: var(--Text-1, #211F24);
  font-size: 16px;
  font-family: PuHuiTi-Medium;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word
}


:deep(.arco-tabs) {
  .arco-tabs-tab {
    height: 56px;
    padding: 0 8px;
  }
}


.down-btn {
  float: right;
  margin-top: 10px;
  margin-bottom: 20px
}


.guidelines-data-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;

  .filter-wrap {
    border-radius: 8px;
    border: 1px solid #e6e6e8;

    :deep(.arco-tabs) {
      .arco-tabs-tab {
        height: 56px;
        padding: 0 8px;
      }
    }

    :deep(.arco-btn) {
      .arco-btn-icon {
        line-height: 14px;
      }
    }

    .top {
      .title {
        font-family: 'PuHuiTi-Medium';
        font-style: normal;
      }

    }

    .overview-row {
      .overview-item {
        height: 88px;
        border-radius: 8px;
        background: var(--BG-100, #f7f8fa);
        padding: 16px;

        &:not(:last-child) {
          margin-right: 12px;
        }
      }
    }
  }

  .table-wrap {
    width: 100%;

    .pagination-box {
      display: flex;
      width: 100%;
      padding: 16px 24px;
      justify-content: flex-end;
      align-items: center;
    }
  }

  .pagination-box {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    justify-content: flex-end;
    align-items: center;

    .arco-pagination {
      .arco-pagination-list {
        .arco-pagination-item {
          border-radius: 4px;
          border: 1px solid var(--BG-300, #e6e6e8);

          &.arco-pagination-item-ellipsis {
            border: none;
          }

          &.arco-pagination-item-active {
            background-color: transparent;
            border: 1px solid var(--Brand-Brand-6, #6d4cfe);
          }
        }
      }

      .arco-pagination-jumper-prepend {
        color: var(--Text-2, #3c4043);
        text-align: right;
        font-family: 'PuHuiTi-Medium';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
      }

      .arco-select-view-single,
      .arco-pagination-jumper-input {
        border-radius: 4px;
        border: 1px solid var(--BG-300, #e6e6e8);
        background-color: #fff;
      }
    }
  }
}