#main[data-v-476a6192] {
  position: relative;
  padding-bottom: 1.7rem;
  min-height: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #FF876D 0%, #FA6554 100%);
}
#main > #banner[data-v-476a6192] {
    width: 100%;
    height: 32.4rem;
}
#main > #back[data-v-476a6192] {
    position: fixed;
    top: 3.4rem;
    left: 1.2rem;
    width: 0.9rem;
    height: 1.5rem;
}
#main > #rule[data-v-476a6192] {
    position: fixed;
    top: 2.9rem;
    right: 0;
    width: 6.2rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    border-radius: 1.3rem 0 0 1.3rem;
    background: rgba(255, 255, 255, 0.29);
    color: #fff;
    font-size: 1.2rem;
}
#main > #cardArea[data-v-476a6192] {
    position: relative;
    margin-bottom: 3rem;
    height: 9.3rem;
}
#main > #cardArea > .card[data-v-476a6192] {
      position: absolute;
      top: 0;
      width: 14rem;
      height: 9.3rem;
      background: url(data:image/png;base64,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) no-repeat center center;
      background-size: 100% 100%;
}
#main > #cardArea > .card > .mark[data-v-476a6192] {
        position: absolute;
        top: 0.8rem;
        right: 1.2rem;
        width: 2.8rem;
        height: 1.4rem;
        text-align: center;
        line-height: 1.4rem;
        border-radius: 0.7rem 0.7rem 0.7rem 0;
        font-size: 0.9rem;
        background: linear-gradient(90deg, #FF8E50 0%, #FF544F 100%);
        color: #fff;
}
#main > #cardArea > .card > .money[data-v-476a6192] {
        position: absolute;
        top: 1.5rem;
        left: 0;
        right: 0.8rem;
        height: 4rem;
        text-align: center;
        font-size: 2.8rem;
        color: #774C00;
}
#main > #cardArea > .card > .money > span[data-v-476a6192] {
          font-size: 1.6rem;
          font-weight: bold;
          color: #774C00;
}
#main > #cardArea > .card > .desc[data-v-476a6192] {
        position: absolute;
        bottom: 1.1rem;
        left: 0;
        right: 0;
        height: 1.8rem;
        text-align: center;
        line-height: 1.8rem;
        font-size: 1.3rem;
        color: #774C00;
}
#main > #cardArea > .card.left[data-v-476a6192] {
      left: 3.4rem;
}
#main > #cardArea > .card.right[data-v-476a6192] {
      right: 3.4rem;
}
#main #step[data-v-476a6192] {
    position: relative;
    margin: 1.7rem 1.2rem 0 1.2rem;
    padding: 2rem 1.8rem 2.8rem 1.8rem;
    border-radius: 1rem;
    background-color: #fff;
}
#main #step > .step-mark[data-v-476a6192] {
      position: absolute;
      z-index: 0;
      top: 3.6rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 8rem;
      height: 0.6rem;
      border-radius: 0.3rem;
      background-color: rgba(252, 136, 106, 0.39);
}
#main #step > .step-title[data-v-476a6192] {
      position: relative;
      z-index: 1;
      height: 2.2rem;
      text-align: center;
      line-height: 2.2rem;
      font-size: 1.6rem;
      font-weight: bold;
      letter-spacing: 0.2rem;
}
#main #step > .step-item[data-v-476a6192] {
      position: relative;
      margin-top: 1.2rem;
}
#main #step > .step-item > .no[data-v-476a6192] {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.2rem;
        height: 2.2rem;
        text-align: center;
        line-height: 2.2rem;
        border-radius: 2.2rem;
        font-size: 1.6rem;
        background-color: rgba(253, 221, 218, 0.58);
        color: #F2AC9A;
}
#main #step > .step-item > .content[data-v-476a6192] {
        display: block;
        height: 2.2rem;
        line-height: 2.2rem;
        text-indent: 3.2rem;
        font-size: 1.4rem;
        color: #666;
}
#main #step > .step-phone[data-v-476a6192] {
      display: block;
      margin: 3rem auto 0 auto;
      width: 27.1rem;
      height: 3.6rem;
      text-align: center;
      line-height: 3.6rem;
      border: 0.1rem solid #ccc;
      border-radius: 2.2rem;
      font-size: 1.3rem;
}
#main #step > .step-phone[data-v-476a6192]::-moz-placeholder {
      color: #999;
      font-size: 1.3rem;
}
#main #step > .step-phone[data-v-476a6192]:-ms-input-placeholder {
      color: #999;
      font-size: 1.3rem;
}
#main #step > .step-phone[data-v-476a6192]::placeholder {
      color: #999;
      font-size: 1.3rem;
}
#main #step > .step-join[data-v-476a6192] {
      display: block;
      margin: 2rem auto 0 auto;
      width: 27.1rem;
      height: 3.6rem;
      text-align: center;
      line-height: 3.6rem;
      border-radius: 2.2rem;
      color: #fff;
      background: linear-gradient(90deg, #FF9A7C 0%, #FF564C 100%);
      opacity: 0.3;
}
#main #step > .step-join.active[data-v-476a6192] {
      opacity: 1;
}
.open_dom[data-v-476a6192] {
  position: fixed;
  z-index: 100;
}

