.containerBox {
  min-height: 100vh;
  margin: 20px auto;
  width: 1160px;
  padding-left: 10px;
  padding-right: 10px; }
  .containerBox h1, .containerBox h2, .containerBox h3, .containerBox h4, .containerBox p, .containerBox a, .containerBox li {
    margin: 0; }
  @media screen and (max-device-width: 1200px) {
    .containerBox {
      width: 960px; } }
  @media screen and (max-device-width: 1000px) {
    .containerBox {
      width: 740px;
      margin: 0 auto; } }
  @media screen and (max-device-width: 800px) {
    .containerBox {
      width: auto; } }
  .containerBox .container {
    background-color: #fff;
    margin-top: 20px; }
    .containerBox .container .job-info {
      display: flex;
      justify-content: space-between;
      padding: 20px;
      align-items: center;
      border-bottom: 1px solid #EEEEEE; }
      .containerBox .container .job-info div h3 {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
        font-family: SourceHanSansCN-Bold, sans-serif; }
      .containerBox .container .job-info div p {
        margin-left: 15px;
        font-size: 14px;
        color: #808080; }
      .containerBox .container .job-info div div {
        display: flex;
        margin-top: 12px; }
        .containerBox .container .job-info div div h3 {
          color: #F24946; }
        .containerBox .container .job-info div div p:first-child {
          margin-left: 0; }
      .containerBox .container .job-info div div:last-child p {
        font-size: 12px; }
      .containerBox .container .job-info button {
        width: 240px;
        height: 48px;
        background-color: #3077E2;
        color: #FFF;
        border: none;
        border-radius: 5px; }
    .containerBox .container .job-desc, .containerBox .container .job-claim, .containerBox .container .company-profile {
      padding: 20px;
      border-bottom: 1px solid #EEEEEE; }
      .containerBox .container .job-desc .title, .containerBox .container .job-claim .title, .containerBox .container .company-profile .title {
        font-size: 16px;
        font-weight: bold; }
      .containerBox .container .job-desc .tags, .containerBox .container .job-claim .tags, .containerBox .container .company-profile .tags {
        display: flex;
        margin-top: 15px; }
        .containerBox .container .job-desc .tags .tag, .containerBox .container .job-claim .tags .tag, .containerBox .container .company-profile .tags .tag {
          padding: 2px 6px;
          background-color: #EEEEEE;
          color: #666;
          font-size: 12px;
          border-radius: 5px;
          margin-right: 10px; }
      .containerBox .container .job-desc .content, .containerBox .container .job-claim .content, .containerBox .container .company-profile .content {
        margin-top: 15px; }
        .containerBox .container .job-desc .content p, .containerBox .container .job-claim .content p, .containerBox .container .company-profile .content p {
          border: none;
          background-color: #fff;
          color: #333;
          font-size: 14px;
          font-family: SourceHanSansCN-Regular, sans-serif; }
    .containerBox .container .company-profile .company-info {
      display: flex;
      margin-top: 15px; }
      .containerBox .container .company-profile .company-info img {
        min-height: 43px;
        max-height: 43px;
        min-width: 43px;
        max-width: 43px;
        border-radius: 5px;
        background-color: #EEEEEE; }
      .containerBox .container .company-profile .company-info div {
        margin-left: 10px; }
        .containerBox .container .company-profile .company-info div .name {
          font-size: 14px;
          color: #333333;
          font-family: SourceHanSansCN-Regular, sans-serif; }
        .containerBox .container .company-profile .company-info div p {
          font-size: 12px;
          color: #AAAAAA; }

/*# sourceMappingURL=recruitmentDetail.css.map */