.recruit {
  padding-bottom: 80px; }
  .recruit .title:before {
    content: 'EMPLOYEE RECRUITMENT'; }
  .recruit h1 {
    font-size: 20px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #444444;
    margin: 0 0 59px 0; }
  .recruit .job li:not(:first-child) .requirement {
    display: none; }
  .recruit .job li h2 {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #444444; }
  .recruit .job li .demand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #E5E5E5;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 16px;
    margin-bottom: 16px; }
  .recruit .job li .demand .opearation {
      cursor: pointer;
      margin-right: 54px;
      display: block;
      width: 30px;
      height: 30px;
      background-size: cover; }
  .recruit .job li .demand .left span {
      padding-right: 60px;
      font-size: 14px;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #666666; }
  .recruit .job li .demand .left span:not(:last-child) {
      position: relative; }
  .recruit .job li .demand .left span:not(:last-child)::after {
        position: absolute;
        display: block;
        content: '';
        height: 10px;
        top: 5px;
        right: 30px;
        border-right: 1px solid #A6A6A6; }
  .recruit .job li .requirement {
    background-color: #FAFAFA;
    border-radius: 6px;
    padding: 66px 38px 44px; }
  .recruit .job li .requirement .theme {
      font-size: 16px;
      font-weight: bold;
      color: #333333; }
  .recruit .job li .requirement .hidden {
      display: none; }
  .recruit .job li .requirement .askbtn {
      display: inline-block;
      width: 117px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      color: #ffffff;
      cursor: pointer;
      background-color: #FB8556;
      margin-top: 32px; }
  .phone-modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .1); }
  .phone-modal .phone-Wrapper {
    border-radius: 6px;
    position: relative;
    width: 480px;
    height: 400px;
    margin: 0 auto;
    -webkit-transform: translateY(30%);
                -ms-transform: translateY(30%);
            transform: translateY(30%);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px -10px black;
            box-shadow: 0px 0px 15px -10px black; }
  .phone-modal .phone-Wrapper .banner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -10; }
  .phone-modal .phone-Wrapper .banner img {
        width: 100%;
        height: 178px;
        -o-object-fit: contain;
           object-fit: contain; }
  .phone-modal .phone-Wrapper h1 {
      padding: 200px 50px 40px;
      margin: 0;
      font-size: 36px; }
  .phone-modal .phone-Wrapper .phone {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 50px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .phone-modal .phone-Wrapper .phone .phone-icon {
        width: 47px;
        height: 58px;
        background-image: url(/static/images/phone.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
  .phone-modal .phone-Wrapper .phone .phone-number {
        font-size: 40px;
        color: #8C2148;
        padding-left: 50px;
        font-weight: bold; }
  .phone-modal .phone-Wrapper .close {
      position: absolute;
      width: 90px;
      height: 91px;
      top: -90px;
      right: -91px;
      border-radius: 50%;
      overflow: hidden; }
  .phone-modal .phone-Wrapper .close img {
        width: 100%; }
  .hgrecruit .title:before {
  content: 'CAREGIVER RECRUITMENT'; }
  .hgrecruit .require {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .hgrecruit .require span {
    position: relative;
    font-size: 24px;
    font-weight: bold; }
  .hgrecruit .require span::after {
      display: block;
      content: '';
      position: absolute;
      width: 100px;
      top: 50%;
      height: 1px;
      background-color: #BFBFBF;
      left: -120px; }
  .hgrecruit .require span::before {
      display: block;
      content: '';
      position: absolute;
      width: 100px;
      top: 50%;
      height: 1px;
      background-color: #BFBFBF;
      right: -120px; }
  .hgrecruit .Recruitmentneeds {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .hgrecruit .Recruitmentneeds li {
    position: relative;
    width: 100%; }
  .hgrecruit .Recruitmentneeds li p {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      font-size: 16px;
      font-family: SourceHanSansCN;
      font-weight: 400;
      color: #343434; }
  .hgrecruit .report {
  margin-top: 79px;
  background-color: #FAFAFA;
  padding-top: 50px;
  padding-bottom: 80px; }
  .hgrecruit .report .msg {
    width: 865px;
    margin: 30px auto;
    padding: 44px 70px;
    background-color: #ffffff; }
  .hgrecruit .report .msg .inputItem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 55px;
      background-color: #FAFAFA;
      border-radius: 6px;
      -webkit-box-shadow: 1px 3px 8px 1px rgba(168, 170, 173, .13);
              box-shadow: 1px 3px 8px 1px rgba(168, 170, 173, .13); }
  .hgrecruit .report .msg .inputItem span {
        padding-left: 38px;
        font-size: 16px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #EC6A42; }
  .hgrecruit .report .msg .inputItem input {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        height: 55px;
        border: none;
        outline: none;
        text-align: right;
        padding-right: 78px;
        font-size: 15px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        background: transparent; }
  .hgrecruit .report .msg .skill {
      background-color: #FAFAFA;
      padding: 50px 45px;
      -webkit-box-shadow: 1px 3px 8px 1px rgba(168, 170, 173, .13);
              box-shadow: 1px 3px 8px 1px rgba(168, 170, 173, .13); }
  .hgrecruit .report .msg .skill h1 {
        font-size: 20px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #EC6A42; }
  .hgrecruit .report .msg .skill .skill-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .hgrecruit .report .msg .skill .skill-list li {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 33.333%;
                  flex: 0 0 33.333%;
          margin-top: 40px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-right: 80px;
          cursor: pointer; }
  .hgrecruit .report .msg .skill .skill-list li span {
            font-size: 16px;
            font-family: SourceHanSansCN;
            font-weight: 400;
            color: #666666; }
  .hgrecruit .report .msg .skill .skill-list li span.checkbox {
              width: 20px;
              height: 19px;
              background-color: #E5E5E5;
              border-radius: 3px;
              border: 1px solid #A6A6A6; }
  .hgrecruit .report .msg .skill .skill-list li.active span.checkbox {
            background-color: #EC6941;
            border-color: #EC6941; }
  .hgrecruit .report .handleSubmit {
    width: 865px;
    height: 83px;
    line-height: 83px;
    text-align: center;
    font-size: 19px;
    color: #ffffff;
    border-radius: 6px;
    background-color: #EC6941;
    margin: 60px auto 0; }
  .hgrecruit .report .handleSubmit:active {
      background-color: #dd7656; }