.page[data-v-323a520c] {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 30px;
  overflow: hidden;
  background: linear-gradient(0deg, #ffffff 27%, #ffffff 100%);
  word-wrap: break-word;
}
.page .hpay-card-tips[data-v-323a520c] {
  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-323a520c] {
  border: 1px solid #3157ce;
  display: flex;
  margin-top: 10px;
  border-radius: 5px;
  align-items: center;
  padding: 10px;
}
.page .hpay-input_title[data-v-323a520c] {
  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-323a520c] {
  width: 100%;
  border: none;
  padding-left: 10px;
  outline: none;
  background: none;
  flex: 1;
  font-size: 16px;
  color: #333;
}
.page .hpay-input[data-v-323a520c]::-moz-placeholder {
  color: #999999;
  text-align: right;
  font-size: 15px;
}
.page .hpay-input[data-v-323a520c]::placeholder {
  color: #999999;
  text-align: right;
  font-size: 15px;
}
.page .hpay-card[data-v-323a520c] {
  border-radius: 15px;
}
.page .hpay-card_upi[data-v-323a520c] {
  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-323a520c] {
  border-radius: 4px;
  font-size: 16px;
  padding: 5px 10px;
  background: #075afd;
  color: #fff;
  font-weight: 500;
}
.page .hpay-card_title[data-v-323a520c] {
  font-size: 15px;
  color: #333333;
  line-height: 19px;
  margin: 12px 0;
}
.page .hpay-card_tips_title[data-v-323a520c] {
  font-size: 19px;
  color: #333333;
  font-weight: 600;
  line-height: 24px;
}
.page .hpay-card_left[data-v-323a520c] {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
}
.page .hpay-card_content[data-v-323a520c] {
  flex: 1;
  font-size: 17px;
  text-align: right;
  padding: 0 5px;
  font-weight: 600;
}
.page .hpay-card_right[data-v-323a520c] {
  color: #3157ce;
  background: #ecf1ff;
  border-radius: 8px;
  font-size: 18px;
  padding: 2px 8px;
  cursor: pointer;
}
.page .hpay-card_detail[data-v-323a520c] {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
  padding: 5px 0;
  line-height: 20px;
}
.page .hpay-card .fr[data-v-323a520c] {
  font-size: 16px;
  font-weight: 550;
  color: #333;
  border: 1px solid #075afd;
  border-radius: 4px;
  padding: 5px 10px;
}
.page .hpay-title[data-v-323a520c] {
  font-size: 16px;
  font-weight: 600;
  color: indianred;
}
.page .hpay-subtitle[data-v-323a520c] {
  margin: 15px 5px;
  font-weight: 600;
  font-style: 14px;
  color: #07448d;
}
.page .triangle[data-v-323a520c] {
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: linear-gradient(32deg, #ccc 50%, rgba(255, 255, 255, 0) 50%), linear-gradient(148deg, #ccc 50%, rgba(255, 255, 255, 0) 50%);
  background-size: 100% 50%;
  background-position: top left, bottom left;
}
.page .upi-qr[data-v-323a520c] {
  margin: 20px;
  text-align: center;
}
.page .upi-title[data-v-323a520c] {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.page .upi-subtitle[data-v-323a520c],
.page .upi-red[data-v-323a520c] {
  color: #999;
  font-size: 12px;
  font-weight: 550;
  line-height: 14px;
  text-align: center;
}
.page .upi-red[data-v-323a520c] {
  font-size: 12px;
  color: #f56c6c;
  margin-bottom: 40px;
}
.page .subtitle[data-v-323a520c] {
  color: #363636;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}
.page .flexCenter[data-v-323a520c] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page .click-border[data-v-323a520c] {
  flex: 1;
  border: 1px solid #79d1f1;
  border-radius: 9px;
}
.page .click-open-right[data-v-323a520c] {
  width: 10px;
  height: 10px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-width: 3px;
  border-radius: 3px;
  transform: rotate(45deg);
  margin: 5px;
}
.page .click-open[data-v-323a520c] {
  margin: 5px;
  flex: 1;
}
.page .click-open .click-open-left[data-v-323a520c] {
  margin: 10px;
  flex: 1;
}
.page .click-open .click-open-left img[data-v-323a520c] {
  height: 20px;
  max-width: 100%;
}
.page .fr[data-v-323a520c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.page .upi[data-v-323a520c] {
  padding: 20px;
  justify-content: space-between;
}
.page .upi img[data-v-323a520c] {
  width: 60px;
}
.page .upi .upi-btn[data-v-323a520c] {
  flex: 1;
  text-align: right;
  border-radius: 4px;
  font-size: 14px;
  color: #363636;
  cursor: pointer;
  line-height: 16px;
  font-weight: bold;
  padding-right: 10px;
}
.page .ctp[data-v-323a520c] {
  padding: 10px 20px;
  justify-content: space-between;
}
.page .ctp img[data-v-323a520c] {
  height: 20px;
}
.page .ctp .ctp-btn[data-v-323a520c] {
  background: #3157ce;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  line-height: 16px;
  padding: 12px 20px;
}
.page .game-border[data-v-323a520c] {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #ebeef5;
  margin: 10px 0;
}
.page .hpay-m[data-v-323a520c] {
  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-323a520c] {
  background: #ecf1ff;
  border-radius: 6px;
  color: #3157ce;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 16px;
}
.page .hpay-m_title[data-v-323a520c] {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.page .hpay-m_money[data-v-323a520c] {
  font-size: 34px;
  font-weight: 400;
  color: #ffffff;
  margin-top: 10px;
}