/* 所有 recruit页公共样式 */
.top {
  width: 100vw;
  height: calc(184 / 414 * 100vw);
  background: url(../images/recruit-top.png) no-repeat;
  background-size: 100%;
}

.top .tit {
  width: 100%;
  text-align: center;
  padding: calc(95 / 414 * 100vw) 0 calc(5 / 414 * 100vw);
  font-size: calc(17 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
}

.top .con {
  width: 100%;
  text-align: center;
  font-size: calc(14 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.30);
  text-transform: uppercase
}

.bigtitle {
  display: flex;
  align-items: center;
  margin: calc(5 / 414 * 100vw) calc(15 / 414 * 100vw) calc(5 / 414 * 100vw);
}

.bigtitle .l {
  width: calc(34 / 414 * 100vw);
  height: calc(36 / 414 * 100vw);
  background: url(../images/recruit-titleicon.png) no-repeat;
  background-size: 100%;
}

.bigtitle .r {
  margin-left: calc(-20 / 414 * 100vw);
  height: calc(27/ 414 * 100vw);
  font-size: calc(17 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #DF5147;
}

/* 滑动提示公共样式 */
.slide {
  display: flex;
  align-items: center;
  width: calc(134 / 414 * 100vw);
  margin: calc(25 / 414 * 100vw) auto 0;
}

.slide .r {
  display: flex;
  align-items: center;
  width: calc(17 / 414 * 100vw);
  height: calc(13 / 414 * 100vw);
  margin-left: calc(5 / 414 * 100vw);
}

.slide .l {
  width: calc(112 / 414 * 100vw);
  height: calc(20 / 414 * 100vw);
  line-height: calc(20 / 414 * 100vw);
  font-size: calc(14 / 414 * 100vw);
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #DF5147;
}

/* 温馨提示样式 */
.wxts {
  margin: 0 calc(15 / 414 * 100vw) calc(35 / 414 * 100vw);
  text-align: center;
  font-size: calc(13 / 414 * 100vw);
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #DF5147;
}

/* 公共样式结束 */

/* recruit1.html样式 */
.top-bg {
  margin: calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);
  height: calc(179 / 414 * 100vw);
  background: url(../images/recruit-topbg.png) no-repeat;
  background-size: 100%;
}

.card {
  margin: 0 calc(15 / 414 * 100vw);
}

.card .item {
  margin-bottom: calc(20 / 414 * 100vw);
  background: #FFFFFF;
  box-shadow: 5px 5px 15px 1px #E3E5F3;
  border-radius: 10px;
  opacity: 1;
}

.card .item .t-tit {
  padding: calc(15 / 414 * 100vw);
  font-size: calc(15 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #DF5147;
  border-bottom: 1px solid #EBF1F6;
}

.card .item .b-con {
  padding: 0 calc(15 / 414 * 100vw) calc(15 / 414 * 100vw);
}

.card .item .hw {
  padding: calc(15 / 414 * 100vw) 0 calc(10 / 414 * 100vw);
  font-size: calc(14 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #3D434D;
}

.card .item .huiword {
  font-size: calc(13 / 414 * 100vw);
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: 400;
  color: #656F80;
}

.card .item .huiword p {
  padding-bottom: calc(5 / 414 * 100vw);
}

.bottom-bgimg {
  margin: 0 calc(15 / 414 * 100vw);
  /* width: calc(763 / 414 * 100vw);
   height: calc(469 / 414 * 100vw);  */
  overflow-x: scroll;
  white-space: nowrap;
}

.bottom-bgimg .img {
  width: calc(763 / 414 * 100vw);
  height: calc(469 / 414 * 100vw);
  background: url(../images/recruit-bottom1.png) no-repeat;
  background-size: 100%;
}

.slide .r img {
  display: inline-block;
  width: calc(17 / 414 * 100vw);
  height: calc(13 / 414 * 100vw);
}

/* recruit2.html样式 */
.top-bg2 {
  margin: calc(20 / 414 * 100vw) calc(15 / 414 * 100vw);
  height: calc(186 / 414 * 100vw);
  background: url(../images/recruit-topbg2.png) no-repeat;
  background-size: 100%;
}

.xc-slide {
  padding-top: calc(30 / 414 * 100vw);
  margin: 0 calc(15 / 414 * 100vw) calc(20 / 414 * 100vw);
  height: calc(351 / 414 * 100vw);
  background: #FFFFFF;
  box-shadow: 5px 5px 15px 1px #E3E5F3;
  border-radius: 10px;
}

.xc-slide .container {
  width: 100%;
  height: calc(305 / 414 * 100vw);
  background: url("../images/recruit-xc-slide.png") no-repeat;
  background-position: left bottom;
  background-size: calc(165 / 414 * 100vw) calc(305 / 414 * 100vw);
  overflow-x: scroll;
  white-space: nowrap;
}

.xc-slide .container .slide-bg {
  margin: 0 calc(15 / 414 * 100vw);
  width: calc(755 / 414 * 100vw);
  height: calc(295 / 414 * 100vw);
  background: url(../images/recruit-bottom3.png) no-repeat;
  background-size: 100%;
}

.xc-slide .slide {
  margin-top: calc(5 / 414 * 100vw);
}

.peiy-bg {
  margin: 0 calc(15 / 414 * 100vw) calc(20 / 414 * 100vw);
  height: calc(381 / 414 * 100vw);
  background: url(../images/recruit-pybg.png) #fff no-repeat;
  background-size: 100%;
  box-shadow: 5px 5px 15px 1px #E3E5F3;
  border-radius: 10px;
}

.fz-slide {
  padding-top: calc(25 / 414 * 100vw);
  margin: 0 calc(15 / 414 * 100vw) calc(25 / 414 * 100vw);
  height: calc(477 / 414 * 100vw);
  background: #FFFFFF;
  box-shadow: 5px 5px 15px 1px #E3E5F3;
  border-radius: 10px;
}

.fz-slide .fz-container {
  margin: 0 calc(15 / 414 * 100vw);
  overflow-x: scroll;
  white-space: nowrap;
}

.fz-slide .fz-container .fz-bg {
  width: calc(590 / 414 * 100vw);
  height: calc(410 / 414 * 100vw);
  background: url(../images/recruit-bottom2.png) no-repeat;
  background-size: 100%;
}