.qr-code-area {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
}
.qr-code-area .qrcode-content-area {
  transform: scale(0.8);
  padding: 0.645833rem /* 93/144 */ 0.645833rem /* 93/144 */ 0.645833rem /* 93/144 */ 0.645833rem /* 93/144 */;
  border-radius: 0.069444rem /* 10/144 */;
  box-shadow: 0rem /* 0/144 */ 0.027778rem /* 4/144 */ 0.027778rem /* 4/144 */ 0rem /* 0/144 */ #00000040;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.qr-code-area .qrcode-content-area .top-control-area {
  position: absolute;
  right: 0.208333rem /* 30/144 */;
  top: 0.194444rem /* 28/144 */;
}
.qr-code-area .qrcode-content-area .top-control-area .close-icon-btn {
  outline: none;
  background: transparent;
  border: none;
}
.qr-code-area .qrcode-content-area .top-control-area .close-icon-btn .close-icon {
  width: 0.347222rem /* 50/144 */;
  cursor: pointer;
}
.qr-code-area .qrcode-content-area .qrcode-content {
  border-radius: 0.138889rem /* 20/144 */;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.qr-code-area .qrcode-content-area .qrcode-content .vx-logo {
  width: 0.694444rem /* 100/144 */;
  height: 0.694444rem /* 100/144 */;
  position: absolute;
  top: 0;
  right: 0;
}
.qr-code-area .qrcode-content-area .qrcode-content .qc-code-area {
  padding: 0.347222rem /* 50/144 */ 0.236111rem /* 34/144 */ 0.25rem /* 36/144 */ 0.236111rem /* 34/144 */;
  text-align: center;
  box-shadow: 0rem /* 0/144 */ 0.027778rem /* 4/144 */ 0.027778rem /* 4/144 */ 0rem /* 0/144 */ #00000040;
  background: #fff;
  border-radius: 0.138889rem /* 20/144 */;
}
.qr-code-area .qrcode-content-area .qrcode-content .qc-code-area .qr-code {
  width: 1.041667rem /* 150/144 */ /* 300/144 */;
}
.qr-code-area .qrcode-content-area .qrcode-content .qc-code-area p {
  font-family: PingFang SC;
  font-size: 0.138889rem /* 20/144 */;
  font-weight: 400;
  line-height: 0.194444rem /* 28/144 */;
  letter-spacing: 0em;
  text-align: center;
  color: #727272;
}
.qr-code-area.show {
  display: flex;
  align-items: center;
  justify-content: center;
}