@import '../../app.wxss';

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

}
/* page{
  overflow-y: hidden;
} */

.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;
 overflow: hidden;
 


}

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

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

}
.q_code{
  font-size:28rpx;
letter-spacing:6rpx;

}
  

/* 二维码边框*/
.qrcode_rim {
 width: 550rpx;
 height:544rpx;
display:flex;
flex-direction:column;
position: absolute;
left: 75rpx;
top: 5rpx;

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

}
.r-code{
  font-size:28rpx;
  margin-top: -5.5rpx;
  text-align: center;

}

.shut{
    /* display: block;
    width: 54rpx;
    height: 54rpx;
    border: 2rpx solid #fff;
    font-size: 50rpx;
    line-height:54rpx;
    margin-top: 45rpx;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; */
    z-index:55;
    color: #fff;
    text-align: center;
    position: fixed;
    top:940rpx;
    left:50%;
    transform: translateX(-50%);
}
.icon-close:before {
  content: "\e62e";
  font-size: 50rpx;
}

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

.code_show{
	text-align: center;position: relative; left: -20rpx;
}