.mobileContent {
  min-height: 100vh;
  background: #f7f7f7;
}
.mobileContent .headerContent .header {
  height: 66rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16rem;
  box-sizing: border-box;
}
.mobileContent .headerContent .header .logo {
  width: 121rem;
  height: 75rem;
  display: flex;
}
.mobileContent .headerContent .header .logo img {
  width: 100%;
  height: 100%;
}
.mobileContent .headerContent .header .btn {
  width: 102rem;
  height: 32rem;
  background: #ec6941;
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
}
.mobileContent .headerContent .tabs {
  height: 58rem;
  background: #fff;
  padding: 0 16rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.mobileContent .headerContent .tabs .item {
  font-size: 15rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: left;
  color: #111a34;
  line-height: 21rem;
}
.mobileContent .headerContent .tabs .item.active {
  color: #ff8862;
  position: relative;
}
.mobileContent .headerContent .tabs .item.active:before {
  content: "";
  width: 100%;
  height: 2rem;
  background: #ff8862;
  border-radius: 1rem;
  position: absolute;
  bottom: -10rem;
  left: 0;
}
.mobileContent .headerContent .tabs .item + .item {
  margin-left: 34rem;
}
.mobileContent .banner {
  display: flex;
}
.mobileContent .banner img {
  width: 100%;
}
.mobileContent .codeContent {
  width: 40rem;
  height: 113rem;
  background: rgba(255, 136, 98, 0.1);
  border-radius: 10rem 0rem 0rem 10rem;
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 2;
  font-size: 15rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: right;
  color: #ff8862;
  line-height: 19rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10rem;
  box-sizing: border-box;
}
.mobileContent .codeContent .arrow {
  margin-top: 4rem;
  margin-right: 6rem;
  display: flex;
}
.mobileContent .codeContent .arrow:before {
  content: "";
  width: 0rem;
  height: 0rem;
  border: 6rem solid transparent;
  border-right: 6rem solid #ff8862;
}
.mobileContent .codeContent .codeForm {
  display: none;
  position: absolute;
  left: -145rem;
  top: 0;
  width: 145rem;
  background: rgba(255, 136, 98, 0.1);
  border-radius: 16rem 0rem 0rem 16rem;
  padding: 24rem;
  box-sizing: border-box;
}
.mobileContent .codeContent .codeForm .item .code {
  display: flex;
  width: 96rem;
  height: 96rem;
  background-color: #fff;
  margin-bottom: 2rem;
}
.mobileContent .codeContent .codeForm .item .code img {
  width: 100%;
  height: 100%;
}
.mobileContent .codeContent .codeForm .item .label {
  font-size: 12rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #000000;
  line-height: 20rem;
}
.mobileContent .codeContent .codeForm .item + .item {
  margin-top: 14rem;
}
.mobileContent .codeContent.show .codeForm {
  display: block;
}
.mobileContent .codeContent.show .arrow {
  transform: rotate(180deg);
  margin-right: -12rem;
}
.mobileContent .content-form {
  margin-top: 30rem;
  padding: 0 16rem;
}
.mobileContent .content-form .form-title {
  width: 100%;
  font-size: 20rem;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #111a34;
  line-height: 22rem;
  margin-bottom: 12rem;
  display: flex;
  align-items: center;
}
.mobileContent .content-form .form-title:before {
  content: "";
  display: inline-block;
  width: 8rem;
  height: 8rem;
  background: #ff8862;
  border-radius: 50%;
  margin-right: 5rem;
}
.mobileContent .content-form .form-tag {
  font-size: 13rem;
  font-family: MicrosoftYaHei;
  color: #636676;
  line-height: 13rem;
  letter-spacing: 1rem;
  margin-bottom: 12rem;
}
.mobileContent .content-form .form-desc {
  background: #ffffff;
  border-radius: 8rem;
  box-shadow: 0rem 4rem 14rem 0rem rgba(0, 0, 0, 0.08);
  padding: 24rem 12rem;
  margin-bottom: 16rem;
}
.mobileContent .content-form .form-desc .item {
  display: flex;
  font-size: 14rem;
  font-family: MicrosoftYaHei;
  text-align: left;
  line-height: 20rem;
  letter-spacing: 1rem;
}
.mobileContent .content-form .form-desc .item .label {
  width: 60rem;
  color: #ff8862;
}
.mobileContent .content-form .form-desc .item .value {
  flex: 1;
  color: #4b505f;
}
.mobileContent .content-form .form-desc .item + .item {
  margin-top: 18rem;
}
.mobileContent .content-form .form-introduce {
  background: #ffffff;
  border-radius: 8rem;
  box-shadow: 0rem 4rem 14rem 0rem rgba(0, 0, 0, 0.08);
  margin-bottom: 40rem;
  display: flex;
  flex-wrap: wrap;
}
.mobileContent .content-form .form-introduce .item {
  width: 50%;
  padding: 24rem 0;
  text-align: center;
}
.mobileContent .content-form .form-introduce .item .item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12rem;
}
.mobileContent .content-form .form-introduce .item .item-icon img {
  height: 35rem;
}
.mobileContent .content-form .form-introduce .item .item-title {
  font-size: 16rem;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  color: #3c4043;
  line-height: 22rem;
  margin-bottom: 4rem;
}
.mobileContent .content-form .form-introduce .item .item-desc {
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  line-height: 20rem;
}
.mobileContent .content-form .form-introduce .br {
  position: relative;
}
.mobileContent .content-form .form-introduce .br:before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 120rem;
  background: #eaeaea;
  position: absolute;
  right: 0;
  top: 30rem;
}
.mobileContent .content-form .form-introduce .bm {
  position: relative;
}
.mobileContent .content-form .form-introduce .bm:after {
  content: "";
  display: inline-block;
  width: 120rem;
  height: 1rem;
  background: #eaeaea;
  position: absolute;
  left: 30rem;
  bottom: 0;
}
.mobileContent .content-form .form-scene {
  margin-bottom: 30rem;
}
.mobileContent .content-form .form-scene .item {
  display: none;
  padding: 24rem;
  background-color: #fff;
  margin-bottom: 16rem;
  border-bottom: 2rem solid #ff8862;
}
.mobileContent .content-form .form-scene .item .item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15rem;
}
.mobileContent .content-form .form-scene .item .item-top .item-title {
  display: flex;
  align-items: center;
  font-size: 16rem;
  font-family: PingFangSC, PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  color: #3c4043;
  line-height: 22rem;
}
.mobileContent .content-form .form-scene .item .item-top .item-title img {
  width: 33rem;
  height: 33rem;
  margin-right: 13rem;
}
.mobileContent .content-form .form-scene .item .item-top .more {
  display: flex;
  align-items: center;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  color: #ff8862;
  line-height: 16rem;
}
.mobileContent .content-form .form-scene .item .item-top .more img {
  margin-left: 6rem;
  width: 12rem;
}
.mobileContent .content-form .form-scene .item .item-desc {
  display: flex;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 20rem;
}
.mobileContent .content-form .form-scene .item + .item {
  margin-top: 15rem;
}
.mobileContent .content-form .form-scene .item:nth-of-type(1),
.mobileContent .content-form .form-scene .item:nth-of-type(2),
.mobileContent .content-form .form-scene .item:nth-of-type(3),
.mobileContent .content-form .form-scene .item:nth-of-type(4) {
  display: block;
}
.mobileContent .content-form .form-scene .getMore {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: center;
  color: #3c4043;
  line-height: 18rem;
}
.mobileContent .content-form .form-scene .getMore span {
  display: flex;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border: 6rem solid transparent;
  border-top: 6rem solid #666;
  margin-top: 10rem;
  margin-left: 6rem;
}
.mobileContent .content-form .form-scene.show .item {
  display: block;
}
.mobileContent .content-form .form-scene.show .getMore {
  display: none;
}
.mobileContent .content-form .form-sign .img,
.mobileContent .content-form .form-appointment .img {
  width: 100%;
}
.mobileContent .content-form .form-sign .form,
.mobileContent .content-form .form-appointment .form {
  padding: 24rem 30rem;
  background: #fff;
  border-radius: 8rem;
  box-shadow: 0rem 4rem 14rem 0rem rgba(0, 0, 0, 0.08);
  margin-top: -100rem;
  position: relative;
  z-index: 1;
}
.mobileContent .content-form .form-sign .form .title,
.mobileContent .content-form .form-appointment .form .title {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 18rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: bold;
  text-align: left;
  color: #4b505f;
  line-height: 20rem;
  border-bottom: 1rem solid #4b505f;
  padding-bottom: 10rem;
}
.mobileContent .content-form .form-sign .form .title img,
.mobileContent .content-form .form-appointment .form .title img {
  height: 5rem;
  margin-left: 7rem;
}
.mobileContent .content-form .form-sign .form .process-list .item,
.mobileContent .content-form .form-appointment .form .process-list .item {
  margin-top: 22rem;
}
.mobileContent .content-form .form-sign .form .process-list .item .item-label,
.mobileContent .content-form .form-appointment .form .process-list .item .item-label {
  display: flex;
  align-items: center;
  font-size: 15rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  color: #4b505f;
  line-height: 20rem;
  margin-bottom: 5rem;
}
.mobileContent .content-form .form-sign .form .process-list .item .item-label .num,
.mobileContent .content-form .form-appointment .form .process-list .item .item-label .num {
  width: 13rem;
  height: 21rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10rem;
}
.mobileContent .content-form .form-sign .form .process-list .item .item-label .num img,
.mobileContent .content-form .form-appointment .form .process-list .item .item-label .num img {
  height: 100%;
}
.mobileContent .content-form .form-sign .form .process-list .item .item-desc,
.mobileContent .content-form .form-appointment .form .process-list .item .item-desc {
  display: flex;
  padding-left: 23rem;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #4f555e;
  line-height: 16rem;
}
.mobileContent .content-form .form-appointment {
  margin-bottom: 30rem;
}
.mobileContent .content-form .form-example {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 27rem;
  margin-bottom: 82rem;
}
.mobileContent .content-form .form-example img {
  width: 284rem;
}
.mobileContent .footerContent .footer {
  width: 414rem;
  background: #292b31;
  padding: 20rem;
}
.mobileContent .footerContent .footer .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18rem;
}
.mobileContent .footerContent .footer .logo img {
  height: 43rem;
}
.mobileContent .footerContent .footer .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 14rem;
  margin-bottom: 6rem;
}
.mobileContent .footerContent .footer .tag span {
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  color: #ffffff;
}
.mobileContent .footerContent .footer .desc {
  font-size: 11rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #adadad;
  line-height: 21rem;
}
.mobileContent .footerContent .fot-bot {
  width: 414rem;
  height: 39rem;
  background: #3e4046;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #adadad;
  line-height: 21rem;
}
#popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  display: none;
}
#popup img {
  width: 70%;
  max-width: 100vw;
  max-height: 100vh;
}
#popup.show {
  display: flex;
  align-items: center;
  justify-content: center;
}
.timeline {
  width: 100%;
  height: 100%;
  padding: 34rem 16rem;
  background-color: #fff;
}
.timeline .time_div {
  width: 100%;
  position: relative;
}
.timeline .time_div:after {
  content: "";
  width: 1rem;
  position: absolute;
  top: 0;
  bottom: 0rem;
  left: 69.5rem;
  z-index: 1;
  background: #ffd6b8;
}
.timeline .time_div .year {
  display: flex;
  position: relative;
}
.timeline .year .year_img {
  width: 51.2rem;
  height: 28.8rem;
  margin-right: 48rem;
  margin-top: 0rem;
}
.timeline .year .time_com {
  width: 630rem;
  height: 100%;
}
.timeline .year .time_com ul {
  position: relative;
  padding-bottom: 36rem;
}
.timeline .year .time_com ul::before {
  content: "";
  position: absolute;
  left: -34rem;
  top: 8rem;
  width: 10rem;
  height: 10rem;
  border-radius: 5rem;
  border: 2.5rem solid #ffd6b8;
  background: #ffffff;
  z-index: 2;
}
.timeline .year .time_com ul li {
  font-size: 15rem;
  color: #4d5261;
  line-height: 27rem;
  margin-bottom: 11rem;
  margin-top: 0;
  display: flex;
}
.timeline .year .time_com ul li i {
  font-size: 15rem;
  color: #ff7f1f;
  padding-right: 18rem;
  font-style: normal;
  flex-shrink: 0;
}
.newsContent {
  width: 100%;
  padding: 16rem;
  box-sizing: border-box;
}
.newsContent .form {
  background: #ffffff;
  border-radius: 8rem;
  padding: 0 16rem;
}
.newsContent .form .item {
  display: flex;
  flex-wrap: wrap;
  padding: 24rem 0;
  border-bottom: 1rem solid #eeeeee;
}
.newsContent .form .item .title {
  display: flex;
  font-size: 16rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  color: #3c4043;
  line-height: 24rem;
}
.newsContent .form .item .time {
  display: flex;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: right;
  color: #999999;
  line-height: 16rem;
}
.newsContent .form .first .title {
  display: flex;
  margin-bottom: 8rem;
}
.newsContent .form .first .img {
  display: flex;
  margin-bottom: 16rem;
}
.newsContent .form .first .img img {
  width: 100%;
}
.newsContent .form .first .desc {
  display: flex;
  font-size: 14rem;
  font-family: PingFangSC, PingFangSC-Light;
  font-weight: 300;
  text-align: left;
  color: #4d5261;
  line-height: 24rem;
  margin-bottom: 16rem;
}
.newsContent .form .other {
  display: flex;
}
.newsContent .form .other .left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newsContent .form .other .left .title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 2;
  /* 控制最多显示几行 */
  -webkit-box-orient: vertical;
  /* 设置或检索伸缩盒对象的子元素的排列方式 */
}
.newsContent .form .other .right {
  width: 132rem;
  display: flex;
  flex-shrink: 0;
  margin-left: 14rem;
}
.newsContent .form .other .right img {
  width: 100%;
}
.jobsContent {
  background: #f7f7f7;
}
.jobsContent .form {
  background: #fff;
  margin-bottom: 16rem;
  padding: 20rem;
  box-sizing: border-box;
}
.jobsContent .form .info .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9rem;
}
.jobsContent .form .info .head .position {
  font-size: 19rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #333333;
  line-height: 26rem;
}
.jobsContent .form .info .head .salary {
  font-size: 16rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  color: #ff8862;
  line-height: 22rem;
}
.jobsContent .form .info .tag {
  display: flex;
  margin-bottom: 28rem;
}
.jobsContent .form .info .tag .item {
  height: 24rem;
  background: #f5f5f5;
  border-radius: 3rem;
  padding: 0 11rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12rem;
  font-family: PingFang, PingFang-SC;
  font-weight: SC;
  text-align: center;
  color: #333333;
}
.jobsContent .form .info .tag .item + .item {
  margin-left: 6rem;
}
.jobsContent .form .describe .title,
.jobsContent .form .requirement .title {
  font-size: 13rem;
  font-family: MicrosoftYaHei;
  color: #333333;
  line-height: 17rem;
  margin-bottom: 10rem;
}
.jobsContent .form .describe .item,
.jobsContent .form .requirement .item {
  display: flex;
  font-size: 13rem;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 26rem;
  padding-left: 10rem;
  box-sizing: border-box;
  border-left: 1rem solid #f88f5b;
}
.jobsContent .form .describe {
  margin-bottom: 20rem;
}