.content p{
  font-size: 30px !important;
  line-height: 1.5 !important;
}
.content p span{
  font-size: 30px !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, .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;
}