.warp {
  width: 100%;
}
.warp .warp-centent {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee;
}
.warp .warp-centent .warp-left {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.warp .warp-centent .warp-left .ima-a {
  width: 100%;
  height: 9rem;
}
.warp .warp-centent .warp-left .ima-b {
  width: 100%;
  height: 13rem;
}
.warp .warp-centent .warp-left .ima-1 {
  background: url('../images/join/jion_pd.png') no-repeat center center;
  background-size: auto;
  background-position: -2.4rem -1.2rem;
}
.warp .warp-centent .warp-left .ima-2 {
  background: url('../images/join/jion_fb.png') no-repeat center center;
  background-size: auto;
  background-position: -4.4rem -1.44rem;
}
.warp .warp-centent .warp-left .ima-3 {
  background: url('../images/join/jion_sy.png') no-repeat center center;
  background-size: auto;
  background-position: -4.4rem -1.44rem;
}
.warp .warp-centent .warp-left .ima-4 {
  background: url('../images/join/jion_wx.png') no-repeat center center;
  background-size: auto;
  background-position: -2.4rem -1rem;
}
.warp .warp-centent .warp-left .ima-5 {
  background: url('../images/join/jion_rz.png') no-repeat center center;
  background-size: auto;
  background-position: -2.4rem -0.6rem;
}
.warp .warp-centent .warp-left .ima-6 {
  background: url('../images/join/jion_zf.png') no-repeat center center;
  background-size: auto;
  background-position: -4.2rem -1.44rem;
}
.warp .warp-centent .warp-left .ima-7 {
  background: url('../images/join/jion_sh.png') no-repeat center center;
  background-size: auto;
  background-position: -4.2rem -1.44rem;
  height: 12.4rem;
}
.warp .warp-centent .warp-left .ima-8 {
  background: url('../images/join/jion_ye.png') no-repeat center center;
  background-size: auto;
  background-position: -2.4rem -1.2rem;
  height: 9.6rem;
}
.warp .warp-centent .warp-right {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.warp .warp-centent .warp-right > h1 {
  font-size: 0.44rem;
}
.warp .warp-centent .warp-right > span {
  display: block;
  width: 3.8rem;
  height: 0.12rem;
  background: #22509d;
  border-radius: 3px;
  margin-bottom: 0.2rem;
}
.warp .warp-centent .warp-right > h3 {
  font-size: 0.36rem;
  line-height: 0.6rem;
  color: #22509D;
  margin-bottom: 0.2rem;
}
.warp .warp-centent .warp-right > p {
  width: 100%;
  font-size: 0.28rem;
  font-weight: 400;
  color: #666;
  line-height: 0.4rem;
}
.warp .warp-centent .star {
  justify-content: flex-start;
}
.warp .warp-centent .pl {
  padding-left: 0.4rem;
}