.Tab4 {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding: 0 60px;
  position: relative;

  :global {
    .tab4Top {
      display: flex;
      justify-content: center;
      height: 70px;
      align-items: center;

      .tab4Top1 {
        cursor: pointer;
        margin-right: 30px;
        width: 152px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        align-items: center;
        border-radius: 0 10px 0 10px;
        border: 1px solid var(--themeColor);
        color: var(--themeColor);
      }

      .tab4Top1Ac {
        background-color: var(--themeColor);
        color: #47392C;
      }

      .tab4Top2 {
        width: 425px;
        height: 40px;
        display: flex;
        border: 1px solid var(--themeColor);
        border-radius: 0 10px 0 10px;
        color: var(--themeColor);

        .tab4Top2_1 {
          width: 60px;
          height: 100%;
          font-size: 24px;
          text-align: center;
          line-height: 38px;

        }

        .ant-input {
          background-color: transparent;
          border: none;
          color: var(--themeColor);

          &::-webkit-input-placeholder {
            /* WebKit browsers */
            color: var(--themeColor);
            opacity: .6;
          }

          &:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: var(--themeColor);
            opacity: .6;
          }

          &::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: var(--themeColor);
            opacity: .6;
          }

          &:-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: var(--themeColor);
            opacity: .6;
          }
        }

        .tab4Top2_2 {
          cursor: pointer;
          width: 100px;
          height: 100%;
          text-align: center;
          line-height: 38px;
          position: relative;

          &::before {
            content: '';
            width: 1px;
            height: 30px;
            z-index: 10;
            top: 5px;
            left: 0;
            position: absolute;
            background: linear-gradient(rgba(240, 216, 156, 0), rgba(240, 216, 156, 1), rgba(240, 216, 156, 0));
          }

        }
      }
    }

    .tab4Top2 {
      margin: 10px 0 15px;
      width: 100%;
      height: 36px;
      overflow-x: auto;

      .appSw {
        cursor: move;
        height: 100%;

        .swiper-slide {
          width: auto !important;

          .row {
            padding: 0 15px;
            cursor: pointer;
            font-size: 16px;
            color: #fff;
          }

          .active {
            pointer-events: none;
            color: var(--themeColor);
            position: relative;

            &::before {
              content: '';
              position: absolute;
              bottom: -10px;
              left: 0;
              width: 100%;
              height: 2px;
              background-color: var(--themeColor);
            }
          }
        }
      }
    }

    .tav4MainNone {
      width: 100%;
      height: calc(100% - 200px);
      display: flex;
      justify-content: center;
      align-items: center;
      padding-bottom: 100px;
      color: var(--themeColor);
      font-size: 30px;
      letter-spacing: 4px;
    }

    .tab4Main {
      width: 100%;
      height: calc(100% - 200px);
      display: flex;
      flex-wrap: wrap;

      .tab4Mrow {
        cursor: pointer;
        width: 23.5%;
        height: 46%;
        margin-right: 2%;
        margin-bottom: 2%;
        background-color: #fff;
        padding: 10px;
        border-radius: 6px;


        &:nth-of-type(4n) {
          margin-right: 0;
        }

        .tab4MrowImg {
          width: 100%;
          height: calc(100% - 40px);

          .adm-image {
            img {
              object-fit: contain !important;
            }
          }
        }

        &>p {
          text-align: center;
          height: 40px;
          line-height: 45px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          color: #47392C;
          font-size: 16px;
        }
        &:hover{
          box-shadow: 1px 1px 5px 5px;
        }
      }


    }

    // 分页
    .tab4Page {
      display: flex;
      justify-content: center;

      .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);
        }
      }
    }
  }
}