/*reset*/
body,h2,p{margin:0;padding:0;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background: #F7F7F7;font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
*{box-sizing: border-box}
.banner{  width: 3.2rem;  height: 3.31rem;  background: url("../images/banner01.png?2021-11-18") no-repeat;  background-size: 100%;  margin-bottom: 0.12rem;}
.banner .img{
    position: relative;
    top:1.145rem ;
    width: 0.86rem;
    height: 0.86rem;
    margin: 0 auto 1.145rem;
    background: url("../images/iOS-icon.png") no-repeat ;
    background-size: contain;
}
.banner .img.m107 {
  border-radius: .2rem;
  box-shadow: .02rem .02rem .02rem .02rem rgba(0, 0, 0, .3);
}
.banner .h1 {
  margin-top: .2rem;
  font-weight: 300;
  font-size: .28rem;
  text-align: center;
  color: #361b54;
}
.btn{  height: .77rem;  width: 3.2rem;  }
.down-reminder{ font-size: .12rem; display: none;text-align: center;margin-top: 0.06rem;color:  #c31f25;width: 100% }
.wechat-reminder {
    display: none;
    width: 3.2rem;
    height: 1rem;
    position: absolute;
    top:0;
    background: url("../images/wechat-reminder.png")no-repeat;
    background-size: contain;
}

.wechat {display:none;font-weight: normal;text-align: center;font-size: .12rem;margin-bottom: 0.12rem;color: #ac279a;}
.downTxt{  font-size: .12rem;  color: #361b54;  text-align: center;  margin-bottom: .09rem;  }
.btn-box{  width: 2.1rem;  height: .4rem;  margin: 0 auto .34rem;  }
.btn-box .btn-download{  display: block;  width: 2.1rem;  height: .4rem;  text-align: center;  line-height: .4rem;  background: #9071AC;  font-size: .18rem;  color: #FFF;  border-radius: .2rem;
}
.dir h2{  font-size: .18rem;  text-align: center;  color: #361b54;  margin-bottom: .25rem;  }
.dir p{  font-size: .12rem;  color: #361b54;  margin-left: .22rem;  margin-bottom: .14rem;  }
.dir div{  width: 2.9rem;  margin: 0 auto .13rem;  height: 2rem;  }
.dir .step1{  background: url("../images/step1.png") no-repeat;  background-size: cover;  }
.dir .step2{  background: url("../images/step21.png?20180523") no-repeat;  background-size: cover;  }
.dir .step3{  background: url("../images/step31.png?20180523") no-repeat;  background-size: cover;  }
.dir .step4{  height: 2.53rem;  background: url("../images/step41.png?20180523") no-repeat center;  background-size: cover;  margin-bottom: .45rem;  }