.ggcon_box img {height: 82px!important;width: 212px!important;}
#tabAll{padding:0 calc(16 * var(--ui));}
a {
        text-decoration: none;
        color: inherit;
        outline: none;
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        list-style: none;
        font-family: Roboto;
      }
      .layout_container {
        width: 1140px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        height: 100%;

        > * {
          width: 100%;
        }
      }
      .render_body {
        display: flex;
        flex-direction: column;
        width: 100%;
      }

      .result-title {
        font-size: calc(18 * var(--ui));
        font-weight: 500;
      }

      .company-list {
        display: flex;
        flex-wrap: wrap;
      }

      .company-list .company-item {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: calc(14 * var(--ui));
        line-height: 1.3;
        width: calc(364 * var(--ui));
        padding: calc(16 * var(--ui)) 0;
        color: rgba(0, 0, 0, 0.6);
        margin-bottom: calc(20 * var(--ui));
        margin-right: calc(24 * var(--ui));
      }

      .company-list .company-item:nth-of-type(3n) {
        margin-right: 0;
      }

      .company-list .company-item img {
        width: calc(90 * var(--ui));
        height: calc(22 * var(--ui));
        margin: 0 calc(24 * var(--ui));
      }

      .hide {
        display: none;
      }

      .show {
        display: block;
      }

      .more-btn {
        padding: calc(20 * var(--ui)) 0 calc(80 * var(--ui));
        cursor: pointer;
      }
      .more-btn span {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        font-size: calc(14 * var(--ui));
        color: #fff;
        width: calc(170 * var(--ui));
        height: calc(40 * var(--ui));
        border-radius: calc(100 * var(--ui));
        background: linear-gradient(0deg, #0c4c87 0%, #2b7ac3 100%);
      }

      /* intro_item 样式 */
      .intro_box {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          flex-direction: row;
      }
      .intro_box .render-container {
          display: flex;
          width: 100%;
          flex-direction: inherit;
      }
      .intro_box.left_right .left_intro, .intro_box.left_right .right_intro {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
      }
      .intro_box .intro_item {
          display: flex;
          box-shadow: 0 calc(3* var(--ui)) calc(10* var(--ui)) 0 rgba(0, 0, 0, 0.05) !important;
          margin-top: 0px !important;
          flex-direction: column !important;
          width: 267px !important;
          margin-bottom: calc(24* var(--ui));
      }
      .intro_box .intro_item .intro_img {
          position: relative;
          overflow: hidden;
          height: 150px !important;
          width: 267px !important;
      }
      .intro_box .intro_item .intro_content {
          position: relative;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          flex: 1;
          overflow: hidden;
          padding: 20px !important;
      }
      .intro_box .intro_item._col .intro_content {
          padding-top: calc(20* var(--ui));
      }
      .intro_box .intro_item .intro_content .title {
          display: -webkit-box;
          overflow: hidden;
          font-weight: 600 !important;
          line-height: 1.3;
          height: max-content;
          max-width: 100%;
          color: #000;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          word-break: keep-all;
          white-space: normal;          
          font-size: 18px !important;
      }
      .intro_box .intro_item._col{
        display: flex;
        margin-top: 0px !important;
        flex-direction: column !important;
        width: 364px !important;
      }
      .intro_box .intro_item._border{
        padding-bottom: 0 !important;
      }
      @media screen and (max-width: 1200px) {
        .layout_container {
          width: 100%;
          padding: 0 calc(16 * var(--ui));
        }
        .company-list .company-item {
          width: calc(358 * var(--ui));
          margin-right: 0;
          border-bottom: 1px solid #e5e5e5;
        }
        .company-list .company-item:last-child {
          border-bottom: unset;
        }
        /* subject 列表移动端适配 */
        .intro_box .intro_item .item_container {
          max-width: 100%;
          border-radius: 0;
          flex-direction: column !important;
        }
       .intro_container  .intro_box .intro_item .intro_img {
          width: 100% !important;
          height: calc(200*var(--ui)) !important;
        }
        .intro_box .intro_item._col {
          width: 100% !important;
          flex-direction: column !important;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          padding-bottom: 0 !important;
          margin-bottom: calc(20*var(--ui)) !important;
        }
        .intro_box .intro_item._col .intro_content {
          padding-top: 0;
          padding-left: 0;
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
        }
        .intro_box .intro_item .intro_content .title {
          font-size: calc(16*var(--ui)) !important;
          height: max-content !important;
          margin-bottom: calc(10*var(--ui)) !important;
          -webkit-line-clamp: 2;
          line-height: 1.4;
        }
        .intro_box.left_right .right_intro {
          flex-direction: column;
        }
      }

      /* 加载动画样式 */
      .loading-spinner2 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: calc(20 * var(--ui));
      }
      .loading-spinner2 .spinner {
        width: calc(32 * var(--ui));
        height: calc(32 * var(--ui));
        border: calc(3 * var(--ui)) solid #f3f3f3;
        border-top: calc(3 * var(--ui)) solid #2b7ac3;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
      .loading-spinner2 .loading-text {
        margin-left: calc(12 * var(--ui));
        font-size: calc(14 * var(--ui));
        color: #999;
      }