.page[data-v-552ccd14] {
  padding: 0 30px;
  overflow: hidden;
  background: linear-gradient(0deg, #ffffff 27%, #ffffff 100%);
  word-wrap: break-word;
}
.page .group-title[data-v-552ccd14] {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #333;
  flex: 1;
  padding: 10px 0;
}
.page header[data-v-552ccd14] {
  padding-top: 10px;
}
.page header .how-it[data-v-552ccd14] {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  letter-spacing: -0.15px;
  color: #79d1f1;
  cursor: pointer;
}
.page .hpay-tips[data-v-552ccd14] {
  font-size: 12px;
  color: #f56c6c;
  margin: 10px 0;
}
.page .fr[data-v-552ccd14] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page .click-border[data-v-552ccd14] {
  flex: 1;
  border: 1px solid #79d1f1;
  border-radius: 9px;
}
.page .click-open[data-v-552ccd14] {
  flex: 1;
}
.page .click-open .click-open-left[data-v-552ccd14] {
  margin: 10px;
  flex: 1;
}
.page .click-open .click-open-left img[data-v-552ccd14] {
  height: 20px;
  max-width: 100%;
}
.page .click-open .click-open-right[data-v-552ccd14] {
  width: 11px;
  height: 11px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-width: 3px;
  border-radius: 3px;
  transform: rotate(45deg);
  margin: 13px;
}
.page .border-bottom[data-v-552ccd14] {
  border-bottom: 1px solid #ecf1ff;
}
.page .hpay-card-tips[data-v-552ccd14] {
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #045afc;
  text-decoration: underline;
  padding: 10px 0;
}
.page .hpay-input[data-v-552ccd14] {
  border: 1px solid #3157ce;
  display: flex;
  margin-top: 10px;
  border-radius: 5px;
  align-items: center;
  padding: 10px;
}
.page .hpay-input_title[data-v-552ccd14] {
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #333;
}
.page .hpay-input input[data-v-552ccd14] {
  width: 100%;
  border: none;
  padding-left: 10px;
  outline: none;
  background: none;
  flex: 1;
  font-size: 16px;
  color: #333;
}
.page .hpay-input[data-v-552ccd14]::-moz-placeholder {
  color: #999999;
  text-align: right;
  font-size: 15px;
}
.page .hpay-input[data-v-552ccd14]::placeholder {
  color: #999999;
  text-align: right;
  font-size: 15px;
}
.page .hpay-btn[data-v-552ccd14] {
  background: #3157ce;
  border-radius: 11px;
  font-size: 21px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  line-height: 16px;
  padding: 12px 0;
  position: fixed;
  bottom: 10px;
  left: 20px;
  right: 20px;
}
.page .hpay-footer_title[data-v-552ccd14] {
  font-size: 12px;
  font-weight: 400;
  color: #999;
  line-height: 19px;
  text-align: center;
}
.page .hpay-footer_links[data-v-552ccd14] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
}
.page .hpay-footer_links img[data-v-552ccd14] {
  height: 31px;
  margin: 0 5px;
}
.page .hpay-help[data-v-552ccd14] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  color: #3157ce;
  line-height: 19px;
}
.page .hpay-help img[data-v-552ccd14] {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.page .hpay-tip[data-v-552ccd14] {
  font-size: 13px;
  color: #999999;
  margin-top: 10px;
}
.page .hpay-card[data-v-552ccd14] {
  border-radius: 15px;
}
.page .hpay-card_upi[data-v-552ccd14] {
  flex: 1;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #333333;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 5px 0;
}
.page .hpay-card_upi_copy[data-v-552ccd14] {
  border-radius: 9px;
  font-size: 19px;
  padding: 5px 10px;
  color: #075afd;
  font-weight: 600;
}
.page .hpay-card_title[data-v-552ccd14] {
  font-size: 15px;
  color: #333333;
  line-height: 19px;
  margin: 12px 0;
}
.page .hpay-card_tips_title[data-v-552ccd14] {
  font-size: 19px;
  color: #333333;
  font-weight: 600;
  line-height: 24px;
}
.page .hpay-card_left[data-v-552ccd14] {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.page .hpay-card_content[data-v-552ccd14] {
  flex: 1;
  font-size: 17px;
  text-align: right;
  padding: 0 5px;
  font-weight: 600;
}
.page .hpay-card_right[data-v-552ccd14] {
  color: #3157ce;
  background: #ecf1ff;
  border-radius: 8px;
  font-size: 18px;
  padding: 2px 8px;
  cursor: pointer;
}
.page .hpay-card_detail[data-v-552ccd14] {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  padding: 5px 0;
  line-height: 20px;
}
.page .hpay-card .fr[data-v-552ccd14] {
  font-size: 16px;
  font-weight: 550;
  color: #333;
  border: 1px solid #075afd;
  border-radius: 4px;
  padding: 5px 10px;
}
.page .hpay-card-dark[data-v-552ccd14] {
  background: #f2f5ff;
  padding-bottom: 0;
  margin: 10px 0;
}
.page .hpay-card-light[data-v-552ccd14] {
  background: #fff;
}
.page .hpay-m[data-v-552ccd14] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACjBAMAAADFml9eAAAAFVBMVEU4ifk4ifkHWv1qwPN0yvJRpvYugvpGJgo9AAAAAnRSTlMImTeZbNAAAAMoSURBVHja7djRbdtAEEXRtSsQXEIM6jvBsoAYYQf0VmBQ/ZcQJgZiy7Ekzl1JhpZ3SjiYt2/IlNLdNyc0m5RUi8/LH7cHHWLT5R8uW3i2OQ+bdC9EbMac83czGn3YZrX8lISIRnSeXrZ4ROeRLR5R2VBEZWMRlS146MpWEVHZSB/IxiIqG+kD2QLzmGWr6gPZUB/IhvpANtQHssFlk23ZZNmq+0A2cnzIRpdNNrRsssWPD9nQ8SEbXTbZ0LLJhpZNtlPzmGU7w2eVbHzZZEPLJhtaNtnQsskW/IaXjd5sssGXTTb0ssnGlk028rLJxpZNNrRssh2cLst25mWTDS2bbOHvKtmOzDbLdvZlky38XSUbO3VlY9eHbOj6kA0um2zg+pANXR+yoetDNnR9yMYKQTZUCLKhQpANFYJsqBBkQ4UgGyoE2VAhyMYyKlv0l5FsPKOygaNNNnS0ycYKQTZytMkGMyobyqhsKKOyoYzKhjIqG8qobCijsqGMyoYyKhvKqGwoo7KhjMr2bzrZyLzIRibLdumMyoYyKhs5P2RD54ds5BNBtoUZ7ef5Nbwb2Y6eH3tWsp0+Pw6ByXbo/Oj74dTItve0LRCTbf/8WEom29vTFiCT7XV20/MwyBaK524qpQyyhczK3xllC5vJFnrPytv0si1atPdmsi1ctPJh4hldHdv2PzTZwul8nWfZ4mjgalsT2yE02RAaedpWwnYEDT1t62DblWPTy/bpqpXjM8j2yUwn1EbZovmUja0abIS22bZlwfSyRQNKG6FltmmR2ijb4gu39mlrlm1bimyXU2ON0CjbcjXWCG2yBdRG2YCabEgNNkKDbCE12AgNshXZLvZtUFmkzbEF1UbZ4g8bboTW2Ipsl48oboS22KIRlQ1FFBdpU2zhiOIibYktHlHZUERxkTbE1sl2nYjyIm2HbSJsw9rZ0LLJhtTGtbNNsl0torxIG2GbZLvesvH7ow22ItuVvg9koxGtONtaYJuo2rhmNr5sNWwPq122CrandL/aZas4236mu5UeH1Vsm3TjKe0q2Cruj3Tj61a+gm1ettt2676CbVb7DX6RtCyA6JoYAAAAAElFTkSuQmCC");
  box-shadow: 0px 4px 7px 0px rgba(49, 87, 206, 0.31);
  background-size: 100% 100%;
  border-radius: 4px;
  overflow: hidden;
  margin: 15px 0;
  padding: 20px;
}
.page .hpay-m_copy[data-v-552ccd14] {
  background: #ecf1ff;
  border-radius: 6px;
  color: #3157ce;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 16px;
}
.page .hpay-m_title[data-v-552ccd14] {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.page .hpay-m_money[data-v-552ccd14] {
  font-size: 34px;
  font-weight: 400;
  color: #ffffff;
  margin-top: 10px;
}
.page .header-title[data-v-552ccd14] {
  font-size: 21px;
  padding: 10px 0;
  margin-top: 10px;
  font-weight: 600;
  color: #333333;
}
.page .header-content[data-v-552ccd14] {
  font-size: 13px;
  color: #333333;
  line-height: 15px;
}
.page .header-content strong[data-v-552ccd14] {
  font-weight: 600;
}
.page .dialog-box[data-v-552ccd14] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  padding: 21px;
  border-radius: 5px;
}
.page .dialog-box .dialog[data-v-552ccd14] {
  background: #fff;
  padding: 20px;
  width: 100%;
  overflow: auto;
  border-radius: 5px;
  max-height: 90vh;
}
.page .dialog-box .dialog .dialog-content[data-v-552ccd14] {
  font-size: 16px;
  color: #333333;
  line-height: 21px;
  border-radius: 5px;
  font-weight: 550;
}
.page .dialog-box .dialog .dialog-content span[data-v-552ccd14] {
  color: #3157ce;
}
.page .dialog-box .dialog .dialog-btn[data-v-552ccd14] {
  text-align: center;
  margin: 20px 30px;
}
.page .dialog-box .dialog .dialog-btn span[data-v-552ccd14] {
  display: block;
  background: linear-gradient(90deg, #075afd, #075afd);
  padding: 10px 36px;
  font-size: 16px;
  border-radius: 4px;
  font-weight: 550;
  color: #ffffff;
  line-height: 19px;
}
.page .dialog-box .dialog .dialog-img[data-v-552ccd14] {
  width: 100%;
  display: block;
  margin: 10px auto;
}
.page .dialog-box .dialog .dialog-title[data-v-552ccd14] {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #4d75ef;
  line-height: 21px;
  margin-top: 31px;
}