body{
  font-size: 0;
}
.header{
  margin: 0 auto;
  position: relative;
  margin-top: .42rem;
  margin-bottom: .36rem;
  text-align: center;
}
.header img{
  width: 2.2rem;
  height: 1.04rem;
  margin-bottom: .18rem;
  text-align: center;
 
  border-radius: 8px;
}
.brand{
  margin-bottom: .08rem;
}
.company-name{  
 
  height:.4rem; 
  font-size:.28rem;
  font-family:PingFangSC-Regular;
  color:rgba(29,29,29,1);
  line-height:.40rem;
}

.title{  
  height:.40rem; 
  font-size:.28rem;
  font-family:PingFangSC-Regular;
  color:rgba(118,136,147,1);
  line-height:.40rem;
}
.sketch{
  width: 6.54rem;
  margin:0 auto;
  margin-bottom: .24rem;
  font-size:.40rem;
  font-family:PingFangSC-Regular;
  color:rgba(29,29,29,1);
  line-height:.66rem;

}
.line{
  position: relative;
  width:6.54rem;
  height:.02rem; 
  margin: 0 auto;
  margin-bottom: .24rem;
  background-color: #E6E8EE;
}
.line::after{
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   transform: scaleY(.5);
   background-color: #E6E8EE;
}
.step-content{
  width:6.54rem;
  margin: 0 auto;
  margin-bottom: .58rem;
  font-size:.28rem;
  font-family:PingFangSC-Regular;
  color:rgba(29,29,29,1);
  line-height:.40rem;
}
.step-img{
  text-align: center;

}
.steps img{
  width: 3.76rem;
  height: 6.68rem;
  margin-bottom: .56rem;

  background: #F8F9FB;
}
.logo{
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;

}
.logo p{
  margin: 0 auto;
  margin-bottom: .36rem;
  font-size:.28rem;
  text-align: center;
  font-family:PingFangSC-Regular;
  color:rgba(118,136,147,1);
  line-height:.4rem;
}
.logo img{
  width: 6.54rem;
  height: 3.84rem;
  

}
.logo .special-logoimg {
  margin-right: 0;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-top: 1px solid #E1EAF1;
}
.footer ul {
  background-color: #fff;
  display: table;
  width: 100%;
}
.footer ul li {
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  padding: 15px;
  display: table-cell;
  width: 150px;
}
.footer ul li .footer-icon {
  display: inline-block;
  padding-left: 24px;
  line-height: 20px;
}
.footer ul li.call {
  display: none;
}
.footer ul li.call .footer-icon {
  background: url("../img/call.svg") no-repeat left center / 18px auto;
}
.footer ul li.group .footer-icon {
  background: url("../img/icon-group.svg") no-repeat left center / 18px auto;
}
.guidance-page .qr-content-wrap-mobile .qr-content-itme .size-wrap .text {
  margin-bottom: 5px;
}
.guidance-page .qr-content-wrap-mobile .qr-content-itme .size-wrap .color-1d {
  color: #1D1D1D;
}
.qr-code-content{
   display: none;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(4, 20, 42, 0.3);
  z-index: 10;
}
.qr-code {
  color: #1d1d1d;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -3.9rem 0 0 -2.6rem;
  width: 5.2rem;
  height: 7.8rem;
  background: #FFFFFF;
  border-radius: 4px;
  text-align: center;
  z-index: 10;
}
.qr-code .qr-header {
  height: .40rem;
  line-height: .40rem;
}
.qr-code .qr-header .com-close {
  right: .12rem;
}
.qr-code .qr-content{
  padding: .5rem;
  vertical-align: middle;
  font-size: .32rem;
  font-weight: normal;
}
.qr-code .qr-content .title-text {
  vertical-align: middle;
  font-size: .32rem;
  font-weight: normal;
}
.qr-code .qr-content .group-avatar {
  margin-right: .14rem;
  vertical-align: middle;
  display: inline-block;
  width: .92rem;
  height: .92rem;
  border-radius: 100%;
  background: url("../img/pendant-group-avatar.jpg") no-repeat center center / contain;
}
.qr-code .qr-content .qr-code-cont {
  margin: .44rem 0 .44rem 0;
}
.qr-code .qr-content .qr-code-img {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
}
.qr-code .com-close {
  cursor: pointer;
  position: absolute;
  right: .08rem;
  width: .46rem;
  height: .46rem;
  background: url("../img/close.svg") no-repeat center right / .16rem auto;
}
.qr-code .qr-code-mobile {
  display: none;
  font-size: .28rem;
}
.qr-code .qr-code-web {
  font-size: .28rem;
  line-height: .93rem;
}
.margin{
  height: 1rem;
}