.mobile .content p {
  line-height: 1.5 !important;
}

.pc .content p {
  font-size: 18px !important;
  line-height: 1.5 !important;
}
.pc .content p span {
  font-size: 18px !important;
}
.popover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.qrcode .box {
  position: relative;
  width: 550px;
  border-radius: 12px;
  background: linear-gradient(0deg, #1762bf, #6bbaf2);
}
.qrcode .in-box {
  margin: 10px;
  border-radius: 10px;
  width: 530px;
  background: #fff;
  text-align: center;
}
.qrcode .close {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 38px;
  height: 38px;
  background: linear-gradient(0deg, #1762bf, #6bbaf2);
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.qrcode .close svg {
  width: 20px;
  height: 20px;
  margin: 9px;
}
.qrcode .close path {
  fill: #fff;
}
.qrcode .name {
  font-size: 40px;
  font-weight: bold;
  color: #de0304;
  padding-top: 40px;
}
.qrcode .title {
  font-size: 30px;
  color: #2c2c2c;
  padding-top: 16px;
}
.qrcode .tip {
  font-size: 20px;
  color: #5f5f5f;
  padding-top: 20px;
}
.qrcode .img {
  width: 240px;
  height: 240px;
  border: 1px solid #bbb;
  border-radius: 4px;
  margin: 10px auto;
  overflow: hidden;
}
.qrcode .img img {
  width: 100%;
  height: 100%;
  display: block;
}
.qrcode .tip2 {
  font-size: 20px;
  color: #8f8f8f;
  padding-bottom: 36px;
}
.red-title {
  color: #fd2e31;
  font-weight: bolder;
}
.qrcode-box {
  display: none;
  text-align: center;
}
.qrcode-box .img img {
  width: 300px;
}