.ragima-wecom-card {
	position: relative;
	width: 188px;
	height: 194px;
	border-radius: 9px;
	background: linear-gradient(180deg, #0878eb 0%, #0794dc 100%);
	box-shadow: 0 8px 20px rgba(24, 63, 108, .3);
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}

.ragima-wecom-card-body {
	padding: 12px 12px 0;
}

.ragima-wecom-heading {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

.ragima-wecom-qrcode-stage {
	position: relative;
	width: 160px;
	height: 140px;
	margin: 7px auto 0;
}

.ragima-wecom-qrcode-stage:before {
	position: absolute;
	left: 0;
	top: 20px;
	width: 154px;
	height: 104px;
	border: 3px solid rgba(82, 225, 255, .58);
	border-radius: 50%;
	content: '';
}

.ragima-wecom-qrcode-box {
	position: absolute;
	left: 12px;
	top: 0;
	z-index: 1;
	width: 136px;
	height: 136px;
	padding: 4px;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}

.ragima-wecom-card .ragima-wecom-qrcode {
	display: block !important;
	width: 128px !important;
	height: 128px !important;
	max-width: 128px !important;
	max-height: 128px !important;
	margin: 0 !important;
	object-fit: contain !important;
}

.ragima-wecom-avatar {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border: 3px solid #fff;
	border-radius: 5px;
	background: #e8f3ff;
	box-shadow: 0 2px 7px rgba(30, 65, 103, .28);
	overflow: hidden;
	box-sizing: border-box;
}

.wechatcs-message-inner .ragima-wecom-avatar img {
	display: block !important;
	width: 30px !important;
	height: 30px !important;
	max-width: 30px !important;
	max-height: 30px !important;
	margin: 0 !important;
	border-radius: 2px !important;
	object-fit: cover !important;
}