.xc-pop-up{
	width: 100%;
	height: 100%;
  position:fixed;
	z-index:5;
  display:flex;
justify-content:center;
align-items:center;
}

.xc-obscuration{
  position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;



}

.xc-qr-frame{ 
	width:90%;
 min-height: 696rpx;
	background: #fff;
	z-index: 55;
  position: fixed;
  top:180rpx;
  height: auto;
  padding-bottom:20rpx;
  left:35rpx;
 

}

/* 二维码和条形码的边框 */
.barqrcode{
  width: 100%;
  height: auto;
  margin-top:30rpx;
position: relative;
top: 0rpx;
left: 0rpx;

}
/* 点击条形 */
.barcode {
    height:150rpx;
    width: 620rpx;
  
    text-align:center;
    position:absolute;
    left: 30rpx
}
canvas{
  width:100%;
height:55px;
display:block;
position:relative;
}
.q_code{
  font-size:28rpx;
letter-spacing:6rpx;

}
  

/* 二维码边框*/
.qrcode_rim {
 width: 550rpx;
  height:580rpx;
display:flex;
flex-direction:column;

position: absolute;
left: 74rpx;
top: 130rpx;


}
.qrcode{
 width:520rpx;
 height:520rpx;
 margin-top:-20rpx 
 

}
.r-code{
  font-size:28rpx;
  padding-left: 25rpx;

}

.shut{
    display: block;
    width: 54rpx;
    height: 54rpx;
    border: 2rpx solid #fff;
    font-size: 50rpx;
    z-index:55;
    line-height:47rpx;
    margin-top: 45rpx;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    text-align: center;
    position: fixed;
    top:940rpx;
    left:345rpx;


}

.mt{ margin-top: 70rpx}
.flex{
  display: flex;
  justify-content:center;
}