body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

li {
  list-style: none; }

input {
  border: none;
  outline: none; }

input::-webkit-input-placeholder {
  color: #bdbdbd; }

input:-moz-placeholder {
  color: #bdbdbd; }

input::-moz-placeholder {
  color: #bdbdbd; }

input:-ms-input-placeholder {
  color: #bdbdbd; }

img {
  display: block;
  width: 100%;
  height: auto; }

img {
  display: block;
  width: 100%;
  height: auto; }

section {
  min-width: 1180px;
  position: relative;
  text-align: center; }
  section .btn1 {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 20.681%;
    left: 29.583%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 11.1458333333%;
    height: 3.1630170316%;
    background: -webkit-gradient(linear, left top, right top, from(#ff6614), to(#f53244));
    background: linear-gradient(90deg, #ff6614 0%, #f53244 100%);
    border-radius: 26px;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fbf1da; }
  section .btn2 {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 20.681%;
    left: 44.167%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 11.1458333333%;
    height: 3.1630170316%;
    background: -webkit-gradient(linear, left top, right top, from(#f4dcc6), color-stop(#fe6416), color-stop(#f28943), to(#f2b06b));
    background: linear-gradient(90deg, #f4dcc6, #fe6416, #f28943, #f2b06b);
    border-radius: 26px;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fbf1da; }
  section .btn3 {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    bottom: 19.8905109489%;
    left: 68.2291666667%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    width: 8.125%;
    height: 9.4890510949%;
    background: linear-gradient(-45deg, #fec768, #ff7612);
    -webkit-box-shadow: 5px 9px 16px 0px rgba(253, 94, 28, 0.3);
            box-shadow: 5px 9px 16px 0px rgba(253, 94, 28, 0.3);
    border-radius: 50%;
    font-size: 30px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: white; }

.dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 9;
  display: none; }
  .dialog #qrcode {
    width: 320px;
    height: 320px; }
  .dialog > p {
    text-align: center;
    width: 219px;
    font-size: 18px;
    font-family: PingFangSC-Regular;
    font-weight: bold;
    color: white;
    line-height: 28px;
    margin: 24px auto 30px; }
  .dialog > .iconfont {
    font-size: 30px;
    color: white; }

.cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.6; }

/*# sourceMappingURL=css.css.map */