.Qrcode-item {
   	height: 200px;
   	width: 160px;
   	float: left;
   	text-align: center;
   	margin: 5px 2px 5px 2px;
   }
.crcb-QRcode {
   	position: fixed;
   	width: 870px;
   	height: 200px;
   	background-color: #FFFFFF;
   	display: none;
   	color: #444444;
   	font-size: 12px;
   	font-weight: bold;
   	border-radius: 5px;
   	left: 0;
   	top: 0;
   	right: 0;
   	bottom: 0;
   	margin: auto;
   	z-index: 10001;
   }
.crcb-dkquestion-close {
   	font-size: 12px;
   	position: absolute;
   	top: 5px;
   	right:5px;
   	width: 32px;
   	height: 32px;
   	background-image: url(closemask.png);
   	cursor: pointer;
   }
.crcb-mask{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background:rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
	z-index: 10000;
	text-align: center;
	display: none;
}

@media screen and (max-width: 768px){
   .crcb-mask{width: 96%;padding: 2%;height: 96%;}
   .crcb-QRcode{width: 90%;height: auto;margin: 0 auto;overflow-y: scroll;}
   .Qrcode-item{float: inherit;margin: 0 auto;margin-top: 10px;}
}