.JobTop {
      background: var(--color);
      width: 100%;
      padding: 0 30px;
      margin-bottom: 20px;
    }

    .JobTop * {
      color: #fff !important;
    }

    .JobListBox {
      display: flex;
      flex-wrap: wrap;
      grid-gap: 20px;
    }


    .JobList {
      width: 100%;
      border: 2px solid #e6e6e6;
      padding: 0 30px;
      position: relative;
    }

    .JobList.cur {
      border: 2px solid var(--color);
    }

    .JobList_title {
      height: 60px;
      display: flex;
      align-items: center;
    }


    .JobList_title h1 {
      width: 30%;
      font-size: 18px;
      line-height: 1.25;
      color: #000;
    }

    .JobList_title p {
      text-align: center;
      width: 10%;
      font-size: 18px;
      line-height: 1.25;
      color: #000;
    }

    .JobList_content {
      display: none;
      width: 100% !important;
      padding: 30px 0;
      border-top: 2px solid var(--color);
    }



    @media (max-width: 1440px) {}

    @media (max-width: 1200px) {}


    @media (max-width: 720px) {

      .JobList_title h1:nth-child(2),
      .JobList_title h1:nth-child(3) {
        display: none;
      }

      .JobList_title h1 {
        width: 70%;
        font-size: 16px;
      }

      .JobList_title p {
        width: 30%;
        font-size: 14px;
      }
    }