body, html { width: 100%; height: 100%; font-family: "Heiti SC", "Microsoft Sans Serif"; }

.m-bg { display: none; }

.m-button { display: none; position: absolute; width: 40%; height: 0.96rem; left: 50%; transform: translateX(-50%); }

.m-button.m-button1 { top: 8%; }

.m-button.m-button2 { bottom: 8%; }

.jumpUrl { display: block; height: 100%; }

.container { position: relative; }

.button-wrapper, .button-wrapper2 { position: absolute; width: 16.2%; }

.button-wrapper a, .button-wrapper2 a { margin-top: 0.4rem; display: block; width: 100%; }

.button-wrapper { left: 23%; top: 15%; }

.button-wrapper2 { bottom: 12%; right: 26.5%; }

.text-wrapper { position: absolute; bottom: 7%; width: 40%; left: 50%; margin-left: -20%; padding-left: 140px; box-sizing: border-box; }

.text-wrapper .qrcode { position: absolute; width: 120px; height: 120px; background: #000; left: 0; top: 0; }

.text-wrapper .text { color: #cfccd1; font-size: 0.32rem; }

.text-wrapper .text .txt1 { line-height: 0.48rem; margin-bottom: 20px; font-size: 0.37333rem; }

.text-wrapper .text .txt2 { margin-left: 0.66667rem; line-height: 0.42667rem; }

.text-wrapper .text .txt2 span { color: #b181ff; }

.footer { position: absolute; bottom: 0; width: 100%; line-height: 1.33333rem; height: 1.33333rem; text-align: center; font-size: 0.37333rem; color: #fff; background: rgba(0, 0, 0, 0.6); }

.footer span { margin: 0 6px; }

.footer a { color: #fff; }

.culture-icon a { width: 100%; height: 100%; }

.culture-icon img { width: 50px; height: 50px; vertical-align: middle; }

@media screen and (max-width: 1300px) { .text-wrapper { bottom: 8%; left: 43%; width: 75%; }
  .footer { bottom: 0; } }

@media screen and (max-width: 375px) { .text-wrapper { left: 50%; bottom: 4%; } }

@media screen and (max-width: 769px) { .pc-bg { display: none; }
  .m-bg { display: block; }
  .button-wrapper { display: none; }
  .button-wrapper2 { display: none; }
  .m-button { display: block; }
  .text-wrapper { padding-left: 0; width: 90%; left: 50%; bottom: 4%; margin-left: -45%; padding-top: 108px; }
  .text-wrapper .qrcode { top: 0; left: 50%; margin-left: -50px; width: 100px; height: 100px; }
  .text-wrapper .qrcode canvas { width: 100%; height: 100%; }
  .text-wrapper .text .txt1 { margin-bottom: 10px; } }

.tips-wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); z-index: 9999999999; }

.tips-wrap .tips { width: 100%; height: 5.78667rem; position: absolute; right: 0.53333rem; top: 0; z-index: 11113; text-align: end; }

.tips-wrap .tips img:first-child { width: 2.56rem; height: 2.77333rem; }

.tips-wrap .tips p { text-align: center; font-size: 0.53333rem; font-weight: bold; color: #fff; line-height: 0.8rem; }
.payBtn{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 130px;
  height: 65px;
  border-radius: 20px;
  text-align: center;
  line-height: 65px;
  color: #FFFFFF;
  font-size: 32px;
  background: linear-gradient(90deg, #8180FF 0%, #5452FF 100%);
}