.team-wrap {
  padding: .36rem .28rem 1.6rem .28rem;
}

.team-wrap img {
  display: block;
}

.team-wrap > h1 {
  font-size: .48rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .26rem;
}

.team-wrap .top-wrap {
  margin-bottom: .48rem;
}

.team-wrap .top-wrap > h2 {
  font-size: .28rem;
  color: #FFFFFF;
}

.team-wrap .top-wrap .wrap {
  height: 3.40rem;
  margin: .24rem 0 0 0;
  position: relative;
}

.team-wrap .top-wrap .tms {
  background: url(../img/ic-card.jpg) no-repeat;
  background-size: 100% 100%;
}

.team-wrap .top-wrap .order {
	background: url(../img/ic_card.jpg) no-repeat;
	background-size: 100% 100%;
}	
.team-wrap .top-wrap .wrap::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(169deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.34;
  border-radius: .2rem;
}

.team-wrap .top-wrap .wrap .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.team-wrap .top-wrap .wrap .box > div {
  width: 50%;
  text-align: center;
  height: 2.6rem;
  padding-top: .60rem;
}

.team-wrap .top-wrap .wrap .box > div h2 {
  font-size: .64rem;
  font-weight: bold;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.team-wrap .top-wrap .wrap .box > div h2 span {
  min-width: .80rem;
  height: .48rem;
  background: rgba(0, 120, 232, 0.1);
  border-radius: .08rem;
  font-size: .28rem;
  font-weight: bold;
  color: #0078E8;
  line-height: .48rem;
  margin-left: .20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.team-wrap .top-wrap .wrap .box > div h2 span img {
  width: .2rem;
  margin-right: .06rem;
}

.team-wrap .top-wrap .wrap .box > div h2 span.blue {
  background: rgba(37, 174, 91, 0.1);
  color: #25AE5B;
}

.team-wrap .top-wrap .wrap .box > div p {
  font-size: .28rem;
  font-weight: 600;
  color: #fff;
  margin-top: .30rem;
}

.team-wrap .top-wrap .wrap .box > div:nth-child(2) {
  position: relative;
}

.team-wrap .top-wrap .wrap .box > div:nth-child(2)::after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -.73rem;
  content: '';
  height: 1.46rem;
  -webkit-box-shadow: 0.04rem 0px 0px 0.02rem white;
          box-shadow: 0.04rem 0px 0px 0.02rem white;
  opacity: 0.5;
  border-left: .02rem solid #CCCED0;
}

.team-wrap .top-wrap .wrap h5 {
  font-size: .28rem;
  padding-left: .34rem;
  font-weight: 400;
  color: #FFFFFF;
  padding-top: .2rem;
}

.team-wrap > ul li {
  height: 2.6rem;
  background: #2E333E;
  -webkit-box-shadow: 0px 0.08rem 0.32rem 0px rgba(31, 31, 33, 0.08);
          box-shadow: 0px 0.08rem 0.32rem 0px rgba(31, 31, 33, 0.08);
  border-radius: .16rem;
  margin-bottom: .40rem;
  padding: .36rem .32rem .36rem .32rem;
  color: #fff;
  position: relative;
}

.team-wrap > ul li > img {
  position: absolute;
  right: .30rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: .20rem;
  height: .35rem;
}

.team-wrap > ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .46rem;
}

.team-wrap > ul li > div span {
  border-radius: .16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: .36rem;
  font-weight: normal;
  font-weight: bold;
  color: #FFFFFF;
}

.team-wrap > ul li > div span img {
  width: .40rem;
  height: .40rem;
  margin-right: .02rem;
}

.team-wrap > ul li > div span b {
  width: 2.1rem;
  height: .56rem;
  -webkit-transform: skew(-5deg);
          transform: skew(-5deg);
  font-size: .32rem;
  margin-left: .16rem;
  text-align: center;
  line-height: .56rem;
  background: #383C52;
  color: #9BA2FF;
  border-radius: .20rem .20rem .20rem 0;
}

.team-wrap > ul li > div span.lv2 b {
  background: #333F4B;
  color: #48BFE5;
}

.team-wrap > ul li > div span.lv3 b {
  background: #424045;
  color: #FF9100;
}

.team-wrap > ul li > div > img {
  width: .40rem;
  height: .40rem;
}

.team-wrap > ul li > p,
.team-wrap > ul li > h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.team-wrap > ul li > p span,
.team-wrap > ul li > h3 span {
  width: 33.3%;
  font-size: .40rem;
  font-weight: 500;
  font-weight: bold;
  color: #FFFFFF;
}

.team-wrap > ul li > p span b,
.team-wrap > ul li > h3 span b {
  font-size: .28rem;
  font-weight: 400;
  color: #FFFFFF;
  margin-right: .08rem;
}

.team-wrap > ul li h3 {
  margin-top: .08rem;
}

.team-wrap > ul li h3 span {
  font-size: .28rem;
  color: #7B848F;
  white-space: nowrap;
  font-weight: 400;
}

.team-wrap > h4 {
  font-size: .32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: .18rem;
}

.team-wrap > h4 img {
  width: .40rem;
  height: .40rem;
  margin-right: .18rem;
}

.team-wrap .tips {
  font-size: .28rem;
  line-height: .42rem;
  font-weight: 400;
  color: #7B848F;
}



.centnen .wrap .lists {
  margin-top: .16rem;
  background: #2E333E;
  border-radius: .16rem;
  padding: 0 .28rem;
}

.centnen .wrap .lists li {
  min-height: auto;
  border-bottom: .01rem solid #626161;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
  padding: 7px 0;
}

.centnen .wrap .lists li:last-child {
  border: none;
}

.centnen .wrap .lists li h2 {
  width: 100%;
  font-size: .40rem;
  font-weight: bold;
  color: #FFFFFF;
}

.centnen .wrap .lists li h2 span {
  font-size: .28rem;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0 .08rem;
}

.centnen .wrap .lists li p {
  width: 100%;
  font-size: .28rem;
  font-weight: 400;
  color: #7B848F;
  margin-top: .13rem;
}

.recharge-wrap .centnen .wrap .lists li p {
  width: 100%;
  font-size: .28rem;
  font-weight: 400;
  color: #7B848F;
  margin-top: .13rem;
}

.centnen .wrap .lists li b.falid {
  width: .40rem;
  height: .40rem;
  position: absolute;
  right: 1.26rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/ic_faild@2x.png) no-repeat;
  background-size: .40rem .40rem;
  background-position: center center;
}

.centnen .wrap .lists li b.uncon {
  width: .40rem;
  height: .40rem;
  position: absolute;
  right: 1.26rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/ic_uncon.png) no-repeat;
  background-size: .40rem .40rem;
  background-position: center center;
}

.centnen .wrap .lists li i {
  width: .80rem;
  height: .80rem;
  position: absolute;
  right: 0rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/ic_success.png) no-repeat;
  background-size: .40rem .40rem;
  background-position: center center;
  pointer-events: none;
}

.centnen .wrap .lists li i.uplaod {
  pointer-events: auto;
  background: url(../img/ic_upload@2x.png) no-repeat;
  background-size: .80rem .80rem;
  background-position: center center;
}
