header{
  width: 100%;
  height: 1.24rem;
  overflow: hidden;
}
header h5{
  margin-top: .26rem;
  width: 100%;
  font-size: .4rem;
  text-align:center;
  background: -webkit-linear-gradient(left, #28ccff , #5e9dff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header p{
  width: 100%;
  font-size: .16rem;
  text-align:center;
  background: -webkit-linear-gradient(left, #28ccff , #5e9dff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.code{
  width: 100%;
  height: 6.1rem;
  color: #fff;
  background: -webkit-linear-gradient(left, #29cbff, #5d9eff, #29cbff);
  overflow: hidden;
}
.code h6{
  margin-top: .44rem;
  font-size: .36rem;
  text-align: center;
}
.code>p{
  margin-top: .16rem;
  line-height: .3rem;
  font-size: .18rem;
  text-align: center;
}
.code ol{
  display: flex;
  margin-top: .32rem;
  margin-left: 1.7rem;
  margin-bottom: .2rem;
  width: 3rem;
  border: 1px solid #fff;
  border-radius: .16rem;
  overflow: hidden;
}
.code ol li{
  display: flex;
  align-items: center;
  width: 50%;
  height: .52rem;
  line-height: .52rem;
}
.code ol li i{
  display: block;
  margin-left: .2rem;
  margin-right: .1rem;
  width: .32rem;
  height: .36rem;
}
.code ol li.and i{
  background: url(/static/images/about/and2.png);
  background-size: 100%;
}
.code ol li.apple i{
  background: url(/static/images/about/apple2.png);
  background-size: 100%;
}
.code ol li p{
  font-size: .24rem;
}
.code ol li.active{
  display: flex;
  align-items: center;
  width: 50%;
  height: .52rem;
  line-height: .52rem;
  background-color: #fff;
}

.code ol li.and.active i{
  background: url(/static/images/about/and1.png);
  background-size: 100%;
}
.code ol li.apple.active i{
  background: url(/static/images/about/apple1.png);
  background-size: 100%;
}
.code ol li.active p{
  color: #5d9eff;
}
.code ul{}
.code ul li{
  width: 100%;
  text-align: center;
  display: none;
}
.code ul li.active{
  display: block;
}
.code ul li img{
  width: 2rem;
  height: 2rem;
  padding: .1rem;
  background-color: #fff;
  border-radius: .04rem;
}
.code ul li p{
  margin-top: .1rem;
  font-size: .2rem;
}
.code ul li a{
  display: inline-block;
  margin-top: .16rem;
  width: 2rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  font-size: .18rem;
  background-color: #47c8ff;
  border-radius: .1rem;
}

.swiper-container{
  margin-top: .2rem !important;
  margin-bottom: .5rem !important;
  padding-top: .2rem !important;
  padding-bottom: .2rem !important;
}
.swiper-slide{
  width: 1.92rem !important;
  height: 4.1rem !important;
  box-shadow: 0 0 .08rem .05rem rgba(64,128,225,.5)
}
.swiper-slide img{
  width: 100%;
}

footer{
  width: 100%;
  height: .88rem;
  background-color: #2cc9ff;
  overflow: hidden;
}
footer p{
  margin-top: .16rem;
  line-height: .24rem;
  font-size: .18rem;
  text-align: center;
  color: #fff;
}