#qrcode {
	display: flex;
	flex-wrap: wrap;
	width: 360px;
	height: 396px;
	border: 1px solid #efefef;
	border-radius: 4px;
	/*box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);*/
	background: #ffffff !important;
}
#qrcode>div {
	width: 100%;
	text-align:center;
}
#qrcode .title {
	width: 360px;
	height: 56px;
	margin-bottom: 25px;
	font-size: 24px;
    line-height: 56px;
	color: #ffffff;
	background: #267DEE;
	background-image: url('./title-bg@2x.png') ;
	background-size: 360px 56px;
}
#qrcode .qr-img {
	width: 194px;
	height: 194px;
}
#qrcode .text {
	margin-top: 10px;
	margin-bottom: 40px;
}
#qrcode .bottom {
	display: flex;
	justify-items: stretch;
	height: 50px;
	color: #ffffff;
}
#qrcode .bottom-l {
	box-sizing: border-box;
	width: 180px;
	height: 100%;
	padding-left: 11px;
    padding-top: 14px;
	background: #2b61c1;
}
#qrcode .logo-bg {
	width: 120px;
	height: 22px;
	background-size: 120px 22px;
	background: url('./logo@2x.png');
}
#qrcode .bottom-r {
	box-sizing: border-box;
	width: 180px;
	height: 50px;
	padding-left: 7px;
	padding-top: 11px;
	font-size: 13px;
	background: #267DEE;
}

#qrcode .bottom-r .r1 {
	float: left;
	margin-top: 4px;
    margin-left: 12px;
	font-size: 13px;
}
#qrcode .bottom-r .r2 {
	display: inline-block;
	font-size: 20px;
}
#qrcode .tel-bg {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	background: url('./tel@2x.png');
	background-size: 18px 18px;
}