jzmall_wx/pages/ucenter/wx/join.wxss

page{
  height: 100vh;
  background-color: #00B9FF;
}


.myqr{   
  top: 20%;
  position: absolute;
  z-index: 999;
  width: 100%;
  text-align: center;
  height: auto;
}
.myqr .qrbk{
  /* background: url(https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/wx/qw/sq.png) no-repeat; */
  background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/auth_bg.png') no-repeat center;
  background-size: 100% 100%; 
  height: 760rpx; 
  margin: 0 50rpx;
  padding:440rpx 18rpx 18rpx;
}

.myqr .cancel{
  width: 60rpx;
  height: 60rpx;
  margin-top: 30rpx;
  margin-left: 480rpx;
}
.myqr .img{  
  width: 620rpx; 
}
.myqr .btn{  
  height: 128rpx;
  top: 180px;
  background-image: url(https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/wx/qw/sq-btn.png);    
  background-size: 100% 100%;
  padding:0 50rpx
}
button::after{
  border: none;
}


.title {
  padding: 40rpx 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url(https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/wx/img/bk.png);    
  background-size: 100% 100%;
  width: 575rpx;
  margin-top: -50px;
} 
.title .qrcode {
  width: 393rpx;
  height: 393rpx;
}

.title .sub-title1 {
  height: 44px;
  font-size: 28px;
  font-weight: bold;
  color: #040404;
  line-height: 44px;
  margin-top: 10rpx;
}

.title .sub-title2 {   
  height: 34px;
  line-height: 34px;
  font-size: 20px;
  color: #000000;
  margin: 25rpx 0;
  font-weight: 600; 
  margin-top:60px;
}

.qr {
  height: 100vh;
  background: #eff3ed;
  border-radius: 10rpx;
  padding: 60rpx 0;
  display: flex;
  flex-direction: column; 
  align-items: center;
}

.title1 {
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: 400;
  /* color: #8E9499; */
  margin: 10rpx 0;
  letter-spacing: 8rpx;
}

.title2 { 
height: 24px;
font-size: 15px; 
line-height: 25px;
font-weight: 400;
/* color: #8E9499; */
}

.qr image {
  width: 450rpx;
  height: 450rpx;
  margin-top: 40rpx;

}
.qrbk .auth-title{
  font-size: 44rpx;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom:12rpx;
}
.qrbk .tips{
  font-size: 26rpx;
  line-height: 44rpx;
  color:#777;
}
.myqr .text-wrapper{
  height: 200rpx;
}
.auth-bottom{
  height: 102rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top:2rpx solid #dfdfdf;
  font-size: 28rpx;
}
.myqr .auth-skip{  
   flex:1;
   border-right:2rpx solid #dfdfdf;
   font-size: 30rpx;
   line-height: 102rpx;
}
.myqr .auth-confirm{  
  flex:1;
  height: 102rpx;
}
.auth-bottom .auth-btn{
  background: none;
  color: #09afff;
  font-size: 30rpx;
  line-height: 100rpx;
}