@font-face {
  font-family: "Helvetica Neue";
  src: url(/css/el.woff);
  font-weight: normal;
  font-style: normal;
}
.QRfillUp {
  visibility: hidden;
  opacity: 0;
  color: #fff;
}
#createQRcode {
  position: fixed;
  z-index: -99999999;
  opacity: 0;
  top: 0;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
#createQRcode #createQRcodeBox {
  width: 100%;
  box-sizing: border-box;
  padding: 1.125rem;
  background-color: #c82126;
}
#createQRcode #createQRcodeBox .QRcodeContent {
  position: relative;
  background-color: #fff;
  border-radius: 0.625rem;
  padding: 0 1.313rem;
  box-sizing: border-box;
}
#createQRcode #createQRcodeBox .QRcodeContent .qrLogo img {
  width: 7.063rem;
  height: auto;
  line-height: 0;
  padding-top: 1rem;
  padding-bottom: 1.125rem;
  image-rendering: -webkit-optimize-contrast;
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_line {
  width: 100%;
  height: 0.063rem;
  background-color: #c82126;
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_time {
  width: 100%;
  text-align: right;
  color: #252526;
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding-top: 1.063rem;
  font-weight: 500;
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_shape img {
  line-height: 0;
  width: 1rem;
  height: auto;
  padding-bottom: 0.938rem;
  image-rendering: -webkit-optimize-contrast;
}
#createQRcode #createQRcodeBox .QRcodeContent .QrCodeTitle {
  font-size: 1.125rem;
  line-height: 1.688rem;
  font-weight: 600;
  color: #c82126;
  font-family: "Helvetica Neue";
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeAbstract {
  color: #252626;
  font-size: 1rem;
  padding-top: 0.875rem;
  box-sizing: border-box;
  font-family: "Helvetica Neue";
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_label {
  display: flex;
  justify-content: space-between;
  padding-top: 0.813rem;
  padding-bottom: 2.313rem;
  box-sizing: border-box;
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_label ul {
  display: flex;
  justify-content: flex-start;
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_label ul li {
  background-color: #f3f3f3;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #919191;
  margin-right: 0.438rem;
  padding: 0.313rem 0.375rem;
  border-radius: 0.125rem;
  font-weight: 400;
  font-family: "Helvetica Neue";
}
#createQRcode #createQRcodeBox .QRcodeContent .qr_label img {
  line-height: 0;
  width: 1rem;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 2.125rem;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox ul {
  padding-right: 1.125rem;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox ul li {
  text-align: right;
  font-size: 0.75rem;
  color: #252626;
  font-weight: 500;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox ul li:last-child {
  color: #979799;
  font-weight: 500;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox .QRcodeImg {
  width: 5.5rem;
  height: 5.5rem;
  box-sizing: border-box;
}
#createQRcode #createQRcodeBox .QRcodeContent .QRcodeImgBox .QRcodeImg img {
  width: 100%;
  height: 100%;
}
.createQRcodeResult {
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  top: 0%;
  padding: 0 1rem;
  padding-top: 2rem;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999999;
}
.createQRcodeResult > div {
  display: flex;
  flex-direction: column;
}
.createQRcodeResult > div .longPressSaveQRImageTXT {
  font-size: 1.25rem;
  line-height: 3.6rem;
  color: #fff;
  font-weight: 600;
  width: 100%;
  text-align: center;
  background-color: #c82126;
  user-select: none;
  border-top: 0.05rem dashed #fff;
  box-sizing: border-box;
}
.createQRcodeResult > div #createQRcodeResult {
  width: 100%;
  image-rendering: -webkit-optimize-contrast;
}
.QR_btn {
  cursor: pointer;
  position: fixed;
  right: 0.8rem;
  bottom: 11rem;
  z-index: 500;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  box-shadow: 0 0.2rem 0.5rem 0.2rem rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.createQR_Button {
  background: #fff url('/img/qr/image/QR_Share_icon.png') no-repeat center center;
  background-size: 60%;
  z-index: 999999999;
}
.QR_CloseBtn {
  background: #fff url('/img/qr/image/QR_closeBtn.png') no-repeat center center;
  background-size: 80%;
  z-index: 999999999;
  display: none;
}