YPZZBWG/pc/src/pages/A2Main/Tab5/index.module.scss

.Tab5 {
  width: 100%;
  height: 100%;
  padding: 68px 40px;
  background-size: 100% 100%;
  position: relative;

  :global {
    .tab5Top {
      display: flex;
      justify-content: center;

      .tab5TopRow {
        cursor: pointer;
        height: 40px;
        border: 1px solid var(--themeColor);
        padding: 0 26px;
        border-radius: 0 10px 0 10px;
        margin-right: 20px;
        color: var(--themeColor);
        font-size: 18px;
        line-height: 38px;

        &:last-child {
          margin-right: 0;
        }
      }

      .tab5TopRowAc {
        background-color: var(--themeColor);
        color: #4A403D;
      }
    }

    .tab5Main {
      margin: 47px -15px 0;
      display: flex;
      flex-wrap: wrap;
      align-items: center;

      .tab5Row {
        flex-shrink: 0;
        width: calc(20% - 30px);
        margin: 20px 15px;
        height: auto;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 10px;
        border-radius: 6px;


        &>div {
          width: 100%;
          height: calc(100% - 40px);
          // background-color: #fff;
        }

        p {
          flex: 1;
          display: inline-block;
          font-size: 16px;
          text-align: center;
          padding: 0 5px;
          margin-top: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #47392C;
          // color: #fff;
        }

        &:hover {
          box-shadow: 1px 1px 5px 5px rgba(74, 64, 61, .8);
        }
      }
    }

    // 分页
    .tab5Page {
      display: flex;
      justify-content: center;
      margin-top: 53px;

      .ant-pagination-prev button,
      .ant-pagination-next button {
        color: var(--themeColor);
      }

      .ant-pagination-item-ellipsis {
        color: var(--themeColor) !important;
      }

      .ant-pagination-item-active {
        background-color: var(--themeColor);

        a {
          color: #47392C !important;
        }
      }

      .ant-pagination-options {
        color: var(--themeColor);

        input {
          background-color: transparent;
          border: 1px solid var(--themeColor);
          color: var(--themeColor);
        }
      }
    }
  }
}