html {
  font-size: 12px;
  box-sizing: border-box;
}

html .row {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  html .jobXqTop {
    font-size: 34px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: CENTER;
    color: #999999;
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  html .jobXqTop .box {
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }

  html .jobXqTop .box .one {
    margin-left: 20px;
    margin-right: 20px;
  }

  html .jobXqTop .box .one:hover {
    color: #111111;
  }

  html .jobXqTop .one_act {
    color: #111111;
  }

  html .jobXq {
    margin-top: 50px !important;
  }

  html .job {
    margin-bottom: 21px !important;
  }

  html .job:last-child {
    margin-right: 0;
  }

  html .job .jone {
    width: 376px;
    height: 134px;
    background: #F8FAFF;
    border-radius: 4px;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    padding-top: 24px;
    padding-left: 24px;
    color: #111111;
    margin-bottom: 21px;
    margin-left: 10px;
  }

  html .job .jone .jbot {
    font-size: 12px;
    margin-top: 34px;
  }

  html .job .jone:hover {
    background: #2020fa;
    color: #fff;
  }

  html .jobPhone {
    display: flex;
  }

  html .fltop {
    background: url("/themes/yuyi_v3/public/assets/img/fltop.png") top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 433px;
    margin-top: -70px;
  }

  html .flBox {
    background: #010455;
    overflow: hidden;
    padding-bottom: 80px;
    margin-top: -120px;
    display: flex;
    flex-wrap: wrap;
  }

  html .flBox .flone {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px !important;
  }

  html .flBox .flone img {
    width: 88px;
    height: 88px;
    margin-bottom: 14px;
  }

  html .flBox .flone .fltit {
    font-size: 16px;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #ffffff;
  }

  html .gsbg1 {
    height: 362px;
    margin: auto !important;
    margin-top: 20px !important;
    margin-bottom: 100px !important;
  }

  html .gsbg1 img {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

  html .gsbg2 {
    height: 390px;
    display: flex;
    margin-top: 20px !important;
  }

  html .gsbg2 .gsbfL {
    padding: 0;
    margin: 0;
    height: 390px;
    padding-right: 10px;
  }

  html .gsbg2 .gsbfR {
    padding: 0;
    margin: 0;
    height: 390px;
    padding-left: 10px;
  }

  html .gsbg3 {
    height: 271px !important;
    display: flex;
    margin-top: 20px !important;
  }

  html .gsbg3 .gsbfL {
    padding: 0;
    margin: 0;
    height: 271px !important;
    padding-right: 10px;
  }

  html .gsbg3 .gsbfR {
    padding: 0;
    margin: 0;
    height: 271px !important;
    padding-left: 10px;
  }

  html .gsbg4 {
    height: 321px !important;
    display: flex;
    margin-top: 20px !important;
  }

  html .gsbg4 .gsbfL {
    padding: 0;
    margin: 0;
    height: 321px !important;
    padding-right: 10px;
  }

  html .gsbg4 .gsbfR {
    padding: 0;
    margin: 0;
    height: 321px !important;
    padding-left: 10px;
  }

  html .gsbg5 {
    height: 380px !important;
    display: flex;
    margin-top: 20px !important;
  }

  html .gsbg5 .gsbfL {
    padding: 0;
    margin: 0;
    height: 380px !important;
    padding-right: 10px;
  }

  html .gsbg5 .gsbfR {
    padding: 0;
    margin: 0;
    height: 380px !important;
    padding-left: 10px;
  }
}

@media screen and (max-width: 750px) {
  html .job {
    margin-bottom: 21px !important;
    margin: auto !important;
    display: flex;
  }

  html .job .jone {
    width: 3.35rem;
    height: 1.36rem;
    background: #F8FAFF;
    border-radius: .08rem;
    font-size: .26rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 500;
    padding-top: .24rem;
    padding-left: .20rem;
    margin-right: .12rem;
    margin-bottom: .2rem;
    color: #111111;
  }

  html .job .jone .jtop {
    height: 0.3rem;
    line-height: .3rem;
    display: flex;
  }

  html .job .jone img {
    width: 0.2rem;
    height: 0.2rem;
    margin-left: auto;
    margin-right: 0;
  }

  html .job .jone .jbot {
    margin-top: .40rem;
    font-size: .22rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    text-align: LEFT;
    color: #bbbbbb;
  }

  html .job .jone:nth-child(2n) {
    margin-right: 0;
  }

  html .fltop {
    background: url("/themes/yuyi_v3/public/assets/img/fltop.png") top center no-repeat;
    background-size: cover;
    width: 100%;
    height: 2rem;
    margin-top: .5rem;
  }

  html .flBox {
    background: #010455;
    background-size: 100% 100%;
    padding-top: 1.24rem;
    margin-top: -.94rem;
    padding-bottom: .2rem;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .37rem !important;
  }

  html .flBox .flone {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .7rem;
  }

  html .flBox .flone img {
    width: .54rem;
    height: .54rem;
    margin-bottom: .07rem;
  }

  html .flBox .flone .fltit {
    font-size: .16rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: 400;
    color: #ffffff;
  }

  html .job_0 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  html .gsbg4 {
    height: 1.98rem;
    display: flex;
    margin-top: .14rem !important;
  }

  html .gsbg4 .gsbfL {
    padding: 0;
    margin: 0;
    height: 1.98rem;
    padding-right: 0.05rem;
  }

  html .gsbg4 .gsbfR {
    padding: 0;
    margin: 0;
    height: 1.98rem;
    padding-left: 0.05rem;
  }

  html .gsbg2 {
    height: 2.22rem;
    display: flex;
    margin-top: .14rem !important;
  }

  html .gsbg2 .gsbfL {
    padding: 0;
    margin: 0;
    height: 2.22rem;
    padding-right: 0.05rem;
  }

  html .gsbg2 .gsbfR {
    padding: 0;
    margin: 0;
    height: 2.22rem;
    padding-left: 0.05rem;
  }

  html .gsbg5 {
    height: 2.22rem;
    display: flex;
    margin-top: .14rem !important;
  }

  html .gsbg5 .gsbfL {
    padding: 0;
    margin: 0;
    height: 2.22rem;
    padding-right: 0.05rem;
  }

  html .gsbg5 .gsbfR {
    padding: 0;
    margin: 0;
    height: 2.22rem;
    padding-left: 0.05rem;
  }

  html .gsbg1 {
    height: 2.58rem;
    display: flex;
    margin-top: .14rem !important;
  }

  html .gsbg1 img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 2.22rem;
    padding-right: 0.05rem;
  }
}<!--ºÄÊ±1759479434.5477Ãë-->