@import url('../component/head/head.css');
@import url('../component/footer/footer.css');
@media screen and (min-width: 751px) {
  .join-container {
    width: 1200px;
    margin: 0 auto;
  }
  .join-contain {
    position: relative;
    width: 100%;
    background-color: #f4f4f8;
  }
  .join-contain .join-img {
    width: 100%;
  }
  .join-contain .join-img .img {
    display: block;
    min-width: 1200px;
    width: 100%;
  }
  .join-contain .recruit-content {
    padding: 40px 0;
  }
  .join-contain .recruit-content .recruit-item {
    padding: 40px 35px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
  }
  .join-contain .recruit-content .recruit-item .recruit-title {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 20px;
    border-left: 4px solid #007aff;
  }
  .join-contain .recruit-content .recruit-item .recruit-describe {
    margin-top: 40px;
  }
  .join-contain .recruit-content .recruit-item .recruit-describe .label {
    font-size: 16px;
    color: #666;
  }
  .join-contain .recruit-content .recruit-item .recruit-describe .desc {
    margin-top: 20px;
    padding-left: 40px;
    width: 100%;
    font-size: 16px;
    color: #000;
    box-sizing: border-box;
  }
  .join-contain .recruit-content .recruit-item .recruit-describe .desc li {
    list-style: outside;
    line-height: 30px;
  }
}
@media screen and (max-width: 750px) {
  .join-contain {
    width: 100%;
    background-color: #f4f4f8;
  }
  .join-container {
    min-width: 23.4375rem;
    margin: 0 auto;
  }
  .join-img {
    width: 100%;
  }
  .join-img .img {
    width: 100%;
    height: 12.5rem;
    object-fit: cover;
    object-position: 20%;
  }
  .recruit-content {
    padding: 2rem 0;
  }
  .recruit-content .recruit-item {
    padding: 40px 2.1875rem;
    width: 100%;
    margin-bottom: 1.25rem;
    border-radius: 0.3125rem;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    color: #000;
  }
  .recruit-content .recruit-item .recruit-title {
    font-size: 2rem;
    line-height: 2;
    font-weight: bold;
    padding-left: 1.25rem;
    border-left: 0.25rem solid #007aff;
  }
  .recruit-content .recruit-item .recruit-describe {
    margin-top: 2.5rem;
  }
  .recruit-content .recruit-item .recruit-describe .label {
    font-size: 1.75rem;
    color: #666;
  }
  .recruit-content .recruit-item .recruit-describe .desc {
    margin-top: 1.25rem;
    padding-left: 2.5rem;
    width: 100%;
    font-size: 1.5rem;
    color: #000;
    box-sizing: border-box;
  }
  .recruit-content .recruit-item .recruit-describe .desc li {
    list-style: outside;
    line-height: 2rem;
    white-space: normal;
  }
}