@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }

span.wechatpay:before {
    content:"\f1d7";
    font-family: 'Font Awesome 5 Brands';
}

span.wechatpay {
    color: #44b549;
    margin-left: 5px;
}

#code {
	float: left;
	margin-right: 50px;
}

#code .qr-header {
	width: 200px;
	height: 40px;
	display: block;
}

#wechat_qr_code {
	width: 200px;
	height: 200px;
	display: block;
}

#code .qr-placeholder {
	width: 200px;
	height: 200px;
	display: none;
}

#code .qr-footer {
	width: 200px;
	height: 60px;
	display: block;
}

#code .pay-qr-bg {
	width: 330px;
	height: 420px;
	float: left;
	margin-top: -25px;
}

.qr-error {
	display: none;
}

.qr-expired {
	display: none;
}

#wechat_payagain {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    text-align: center;
    transform: translate(-50%, -50%);
}