/*产品-招聘通*/
.colored-button {
  border: none;
  outline: none;
  border-radius: 25px;
  background: linear-gradient(0deg, #e96300 0, #f9b000 100%);
  padding-left: 0.54666667rem;
  padding-right: 0.54666667rem;
}
.colored-button a {
  font-size: 0.32rem;
  font-weight: 400;
  color: #ffffff;
}
/*// .tip-change的高度
@tipChangeHeight: 50px;
// .top-wrapper的高度
@topWrapperHeight: 60px;
// 顶部导航栏的高度,由上述变量相加而得
@topHeight: @tipChangeHeight + @topWrapperHeight;

// 配色
@siteColor: #eb651b;

[class$="page"]{
  padding-top: @topHeight;
}

.img-m{
  position: relative;
  img{
    width: 100%;
    display: block;
  }
}

.button{
  color: #fff;
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  outline: none;
  border: none;
  border-radius: 50px;
  background: #3c9dff;
  cursor: pointer;
}*/
.recruit {
  width: 100%;
  margin: 0;
}
.recruit .banner {
  position: relative;
  width: 100%;
  height: 5.73333333rem;
  padding-top: 3.96rem;
  background: url('/static/m/img/product/zhaopintong/banner@2x.png');
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
[data-dpr="3"] .recruit .banner {
  background: url("/static/m/img/product/zhaopintong/banner@2x.png") no-repeat;
  background-size: 100% 100%;
}
.recruit .banner a {
  display: inline-block;
  font-size: 0.32rem;
  padding: 0.08rem 0.4rem;
  border-radius: 0.8rem;
  color: #fff;
  background-color: #fc0102;
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.recruit .face-problem {
  width: 100%;
  padding-top: 0.53333333rem;
  box-sizing: border-box;
}
.recruit .face-problem h4 {
  font-size: 0.45333333rem;
  text-align: center;
  color: #333;
  line-height: 0.45333333rem;
}
.recruit .face-problem .en-title {
  margin-bottom: 0.37333333rem;
  font-size: 0.32rem;
  text-align: center;
  color: #666;
}
.recruit .face-problem .problem-list h5 {
  font-size: 0.45333333rem;
  color: #333;
  text-align: left;
  font-weight: bold;
}
.recruit .face-problem .problem-list h5 em {
  display: inline-block;
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-right: 0.26666667rem;
  background: url('/static/m/img/product/zhaopintong/p1@2x.png') no-repeat center left;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .recruit .face-problem .problem-list h5 em {
  background: url("/static/m/img/product/zhaopintong/p1@3x.png") no-repeat center left;
  background-size: auto 100%;
}
.recruit .face-problem .problem-list h5 .icon-img {
  background: url('/static/m/img/product/zhaopintong/p1@2x.png') no-repeat center right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .recruit .face-problem .problem-list h5 .icon-img {
  background: url("/static/m/img/product/zhaopintong/p1@3x.png") no-repeat center right;
  background-size: auto 100%;
}
.recruit .face-problem .problem-list p {
  font-size: 0.34666667rem;
  text-align: left;
  color: #666;
}
.recruit .face-problem .problem-line {
  width: 100%;
  height: 1px;
  margin-top: 0.56rem;
  margin-bottom: 0.50666667rem;
  background-color: #E9E9E9;
}
.recruit .middle-img {
  position: relative;
  width: 100%;
  height: 4.93333333rem;
  margin-top: 0.53333333rem;
  margin-bottom: 2rem;
  padding-top: 2.8rem;
  background: url('/static/m/img/product/zhaopintong/p12@2x.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .middle-img {
  background: url("/static/m/img/product/zhaopintong/p12@2x.png") no-repeat;
  background-size: 100% auto;
}
.recruit .middle-img .middle-detail {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.recruit .middle-img .middle-detail h3 {
  position: relative;
  color: #fff;
  font-size: 0.45333333rem;
  text-align: center;
}
.recruit .middle-img .middle-detail h3:after {
  content: '';
  position: absolute;
  bottom: -20%;
  left: 50%;
  transform: translateX(-50%);
  width: 0.45333333rem;
  height: 1px;
  background: #fff;
}
.recruit .middle-img .middle-detail p {
  color: #fff;
  font-size: 0.34666667rem;
  margin-top: 0.26666667rem;
  line-height: 0.4rem;
}
.recruit .middle-img a {
  display: inline-block;
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.32rem;
  padding: 0.08rem 0.4rem;
  border-radius: 0.8rem;
  color: #fff;
  background-color: #fc0102;
}
.recruit .middle-img ul {
  position: absolute;
  top: 4.25333333rem;
  left: 0.8rem;
  right: 0.8rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.recruit .middle-img ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2rem;
  background-color: #fff;
  box-shadow: 0px 5px 0.36rem 2px rgba(30, 37, 70, 0.07);
}
.recruit .middle-img ul li em {
  display: inline-block;
  width: 0.62666667rem;
  height: 0.48rem;
  background: url('/static/m/img/product/zhaopintong/p2@2x.png') no-repeat center left;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .recruit .middle-img ul li em {
  background: url("/static/m/img/product/zhaopintong/p2@3x.png") no-repeat center left;
  background-size: auto 100%;
}
.recruit .middle-img ul li .middle-icon1 {
  background: url('/static/m/img/product/zhaopintong/p2@2x.png') no-repeat -25px center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .recruit .middle-img ul li .middle-icon1 {
  background: url("/static/m/img/product/zhaopintong/p2@3x.png") no-repeat -25px center;
  background-size: auto 100%;
}
.recruit .middle-img ul li .middle-icon2 {
  background: url('/static/m/img/product/zhaopintong/p2@2x.png') no-repeat center right;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
[data-dpr="3"] .recruit .middle-img ul li .middle-icon2 {
  background: url("/static/m/img/product/zhaopintong/p2@3x.png") no-repeat center right;
  background-size: auto 100%;
}
.recruit .recruit-flow {
  position: relative;
  margin-bottom: 1.06666667rem;
  height: 10.2rem;
}
.recruit .recruit-flow h5 {
  font-size: 0.45333333rem;
  color: #333;
  text-align: center;
}
.recruit .recruit-flow p {
  font-size: 0.32rem;
  text-align: left;
  color: #666;
  line-height: 0.53333333rem;
}
.recruit .recruit-flow .flow-left {
  float: left;
  width: 5.73333333rem;
  height: 4.12rem;
  margin-top: 0.66666667rem;
  margin-bottom: 1rem;
  background: url('/static/m/img/product/zhaopintong/p10@2x.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-flow .flow-left {
  background: url("/static/m/img/product/zhaopintong/p10@3x.png") no-repeat;
  background-size: 100% auto;
}
.recruit .recruit-flow .bg-title {
  float: left;
  margin-top: 1.37333333rem;
  margin-left: 0.50666667rem;
  font-size: 0.34666667rem;
  font-weight: bold;
  color: #F0F0F0;
}
.recruit .recruit-flow .flow-right {
  position: absolute;
  top: 4.46666667rem;
  right: 0;
  z-index: 2;
  width: 6.65333333rem;
  padding-top: 0.53333333rem;
  padding-bottom: 0.53333333rem;
  padding-left: 0.53333333rem;
  padding-right: 0.93333333rem;
  background: #fff;
  box-shadow: 0px 5px 0.36rem 2px rgba(30, 37, 70, 0.07);
}
.recruit .recruit-flow .flow-right h6 {
  font-size: 0.42666667rem;
  font-weight: normal;
  color: #333;
  line-height: 0.42666667rem;
}
.recruit .recruit-flow .flow-right .flow-right-line {
  width: 100%;
  height: 1px;
  margin-top: 0.26666667rem;
  margin-bottom: 0.30666667rem;
  background-color: #DDD;
}
.recruit .recruit-flow .flow-right ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.32rem;
  line-height: 0.45333333rem;
  color: #666;
  position: relative;
  padding-left: 0.4rem;
  /*em {
            display: inline-block;
            width: 5px;
            height: 5px;
            .px2rem(margin-right,
            25);
            background-color: #ff0000;
          }*/
}
.recruit .recruit-flow .flow-right ul li:before {
  content: '';
  position: absolute;
  left: -2%;
  top: 0.16rem;
  width: 5px;
  height: 5px;
  background-color: #ff0000;
}
.recruit .service {
  width: 100%;
  height: 7.4rem;
  background: url('/static/men/img/product/zhaopintong/p3@2x.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .service {
  background: url("/static/men/img/product/zhaopintong/p3@3x.png") no-repeat;
  background-size: 100% auto;
}
.recruit .service1 {
  height: 6.50666667rem;
  background: url('/static/men/img/product/zhaopintong/p4@2x.png') no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .service1 {
  background: url("/static/men/img/product/zhaopintong/p4@3x.png") no-repeat;
  background-size: 100% auto;
}
.recruit .flex-use {
  width: 100%;
  padding-top: 0.52rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #000;
}
.recruit .flex-use h5 {
  margin-bottom: 0.37333333rem;
  font-size: 0.45333333rem;
  color: #fff;
  text-align: center;
}
.recruit .flex-use p {
  font-size: 0.32rem;
  text-align: justify;
  color: #fff;
  line-height: 0.53333333rem;
}
.recruit .flex-use .flex-provide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.53333333rem;
  padding-bottom: 0.53333333rem;
}
.recruit .flex-use .flex-provide h6 {
  display: inline-block;
  margin-right: 1.96rem;
  font-size: 0.4rem;
  color: #fff;
  text-align: left;
}
.recruit .flex-use .flex-provide p {
  display: inline-block;
  font-size: 0.32rem;
  text-align: left;
  color: #fff;
  line-height: 0.26666667rem;
}
.recruit .flex-use .flex-provide p em {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 0.06666667rem;
  background-color: #ff0000;
}
.recruit .convenient-platform {
  width: 100%;
  margin-top: 0.65333333rem;
}
.recruit .convenient-platform h5 {
  font-size: 0.45333333rem;
  color: #333;
  text-align: center;
}
.recruit .convenient-platform p {
  margin-bottom: 0.66666667rem;
  font-size: 0.32rem;
  text-align: center;
  color: #666;
  line-height: 0.53333333rem;
}
.recruit .convenient-platform ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.recruit .convenient-platform ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.66666667rem;
}
.recruit .convenient-platform ul li .platform-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.28rem;
  border: 2px solid #dbdbdb;
  border-radius: 4px;
}
.recruit .convenient-platform ul li .platform-img em {
  display: block;
  width: 1.06666667rem;
  height: 0.90666667rem;
  background: url('/static/m/img/product/zhaopintong/p5@2x.png') no-repeat 3px top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .convenient-platform ul li .platform-img em {
  background: url("/static/m/img/product/zhaopintong/p5@3x.png") no-repeat 3px top;
  background-size: 100% auto;
}
.recruit .convenient-platform ul li .platform-img .img-icon1 {
  width: 1.06666667rem;
  height: 0.88rem;
  background: url('/static/m/img/product/zhaopintong/p5@2x.png') no-repeat center 50%;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .convenient-platform ul li .platform-img .img-icon1 {
  background: url("/static/m/img/product/zhaopintong/p5@3x.png") no-repeat center 50%;
  background-size: 100% auto;
}
.recruit .convenient-platform ul li .platform-img .img-icon2 {
  width: 1.06666667rem;
  height: 0.77333333rem;
  background: url('/static/m/img/product/zhaopintong/p5@2x.png') no-repeat 2px bottom;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .convenient-platform ul li .platform-img .img-icon2 {
  background: url("/static/m/img/product/zhaopintong/p5@3x.png") no-repeat 2px bottom;
  background-size: 100% auto;
}
.recruit .convenient-platform ul li h6 {
  font-size: 0.4rem;
  color: #333;
  text-align: center;
  line-height: 0.53333333rem;
}
.recruit .convenient-platform ul li h6 em {
  display: block;
  width: 0.53333333rem;
  height: 1px;
  margin: 5px auto;
  background: #FA0104;
}
.recruit .convenient-platform ul li p {
  font-size: 0.32rem;
  text-align: center;
  color: #666;
  line-height: 0.53333333rem;
  margin: 0;
}
.recruit .recruit-people {
  position: relative;
  width: 100%;
  height: 25.5rem;
  padding-top: 0.66666667rem;
  box-sizing: border-box;
  background-color: #EFEFEF;
}
.recruit .recruit-people h5 {
  font-size: 0.45333333rem;
  color: #000;
  text-align: center;
  line-height: 0.8rem;
}
.recruit .recruit-people .cost {
  width: 100%;
  margin-top: 0.57333333rem;
}
.recruit .recruit-people .cost .swiper-container {
  width: 100%;
  height: 6.5rem;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper {
  width: 100%;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
  padding-left: 0.53333333rem;
  padding-right: 0.53333333rem;
  background-color: #fff;
  box-shadow: 4px 4px 0.32rem 0px rgba(0, 0, 0, 0.09);
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .img-content {
  position: relative;
  width: 2.38666667rem;
  margin-bottom: 0.56rem;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .img-content .slide-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-text {
  width: 54%;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img {
  display: inline-block;
  float: left;
  width: 100%;
  height: 100%;
  margin-right: 0.46666667rem;
  background: url('/static/m/img/product/zhaopintong/p6@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img {
  background: url("/static/m/img/product/zhaopintong/p6@3x.png") no-repeat center;
  background-size: 100% auto;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img1 {
  background: url('/static/m/img/product/zhaopintong/p7@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img1 {
  background: url("/static/m/img/product/zhaopintong/p7@3x.png") no-repeat center;
  background-size: 100% auto;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img2 {
  background: url('/static/m/img/product/zhaopintong/p8@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img2 {
  background: url("/static/m/img/product/zhaopintong/p8@3x.png") no-repeat center;
  background-size: 100% auto;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img3 {
  background: url('/static/m/img/product/zhaopintong/p9@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide .slide-img3 {
  background: url("/static/m/img/product/zhaopintong/p9@3x.png") no-repeat center;
  background-size: 100% auto;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide h6 {
  font-size: 0.42666667rem;
  color: #333;
  text-align: left;
}
.recruit .recruit-people .cost .swiper-container .swiper-wrapper .swiper-slide p {
  font-size: 0.32rem;
  text-align: left;
  color: #666;
  line-height: 0.53333333rem;
}
.recruit .recruit-people .cost .swiper-container-horizontal > .swiper-pagination-bullets,
.recruit .recruit-people .cost .swiper-pagination-custom,
.recruit .recruit-people .cost .swiper-pagination-fraction {
  bottom: 0;
}
.recruit .recruit-people .popop-bg {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 9.45333333rem;
  background: url('/static/m/img/product/zhaopintong/p11@2x.png') no-repeat center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
[data-dpr="3"] .recruit .recruit-people .popop-bg {
  background: url("/static/m/img/product/zhaopintong/p11@3x.png") no-repeat center;
  background-size: 100% auto;
}
.recruit .recruit-people .popop-flaot {
  position: absolute;
  bottom: 0.66666667rem;
  z-index: 2;
  text-align: left;
}