@charset "UTF-8";
/*移动端适配计算 start*/
body {
  height: auto; }

.swiper-container {
  width: 100%;
  height: 17.7866666667rem; }
  .swiper-container .swiper-slide {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto; }
    .swiper-container .swiper-slide:nth-child(1) {
      background-image: url(../img/1bg.png);
      padding-top: 3.0533333333rem; }
      .swiper-container .swiper-slide:nth-child(1) .title {
        width: 9.8266666667rem;
        margin-left: 0.1733333333rem; }
      .swiper-container .swiper-slide:nth-child(1) .title-two {
        display: block;
        text-align: center;
        line-height: 0.6666666667rem;
        font-weight: bold;
        font-size: 0.32rem;
        color: #990005;
        width: 5.36rem;
        height: 0.7066666667rem;
        background: url(../img/1title2.png) center top/100% auto no-repeat;
        position: absolute;
        left: 2.9333333333rem;
        top: 6.8266666667rem; }
      .swiper-container .swiper-slide:nth-child(1) a.next {
        display: block;
        width: 4.4133333333rem;
        height: 1.7066666667rem;
        margin-left: auto;
        margin-right: 0;
        margin-top: 1.84rem;
        background: url(../img/1button.png) center top/100% auto no-repeat;
        line-height: 1.7066666667rem;
        font-size: 0; }
        .swiper-container .swiper-slide:nth-child(1) a.next span {
          display: inline-block;
          vertical-align: middle;
          color: #f3ef83;
          font-size: 0.3333333333rem;
          line-height: 0.4rem;
          padding-left: 1.4133333333rem; }
      .swiper-container .swiper-slide:nth-child(1) .content {
        width: 4.1466666667rem;
        display: block;
        margin-left: 0.8rem;
        margin-top: 0.4rem; }
    .swiper-container .swiper-slide:nth-child(2) {
      background-image: url(../img/2bg.png);
      padding-top: 3.1733333333rem; }
      .swiper-container .swiper-slide:nth-child(2) .bird {
        position: absolute;
        width: 1.84rem;
        left: 7.0133333333rem;
        top: 2.0533333333rem; }
      .swiper-container .swiper-slide:nth-child(2) .name {
        width: 5.24rem;
        height: 0.88rem;
        position: relative;
        border: 0.0666666667rem solid #f5e085;
        margin-left: 0.92rem;
        margin-bottom: 0.4rem; }
        .swiper-container .swiper-slide:nth-child(2) .name span {
          position: absolute;
          top: -0.0666666667rem;
          bottom: -0.0666666667rem;
          left: -0.0666666667rem;
          width: 1.7333333333rem;
          background-color: #f5e085;
          line-height: 0.88rem;
          text-align: center;
          color: #e60012;
          font-size: 0.5333333333rem;
          font-weight: bold; }
        .swiper-container .swiper-slide:nth-child(2) .name input {
          -webkit-appearance: none;
          background-color: transparent;
          display: block;
          position: absolute;
          right: 0;
          top: 0.0533333333rem;
          bottom: 0.0533333333rem;
          outline: none;
          font-size: 0.5333333333rem;
          border-top: none;
          border-bottom: none;
          border-right: none;
          color: #f5e085;
          border-left: 2px solid rgba(255, 255, 255, 0.3);
          width: 3.28rem;
          padding-left: 0.1333333333rem;
          border-radius: 0; }
      .swiper-container .swiper-slide:nth-child(2) .join-time {
        color: #f5e085;
        font-size: 0.4666666667rem;
        margin-left: 0.92rem; }
        .swiper-container .swiper-slide:nth-child(2) .join-time select {
          outline: none;
          color: #2f2725;
          font-size: 0.4rem;
          width: 2.04rem;
          height: 0.5333333333rem;
          border: 2px solid #f5e085;
          background-color: #ffc5c5; }
        .swiper-container .swiper-slide:nth-child(2) .join-time select#month {
          width: 1.4666666667rem; }
      .swiper-container .swiper-slide:nth-child(2) span.join-area {
        position: absolute;
        display: block;
        width: 4.92rem;
        height: 1.04rem;
        background: url(../img/joinarea.png) center top/100% auto no-repeat;
        line-height: 0.9333333333rem;
        font-size: 0.3333333333rem;
        color: #FFF;
        left: 3.8133333333rem;
        top: 6.44rem;
        text-align: center;
        font-weight: bold;
        padding-right: 0.2666666667rem; }
      .swiper-container .swiper-slide:nth-child(2) a.a-click {
        display: block;
        width: 2.9466666667rem;
        height: 1.12rem;
        background-position: center top;
        background-repeat: no-repeat;
        background-size: 100% auto;
        position: absolute;
        top: 16.0533333333rem;
        color: #f3ef83;
        font-size: 0.36rem;
        line-height: 1.12rem; }
      .swiper-container .swiper-slide:nth-child(2) a.previous-content {
        left: 3.4933333333rem;
        background-image: url(../img/previous2.png);
        padding-left: 0.8rem; }
      .swiper-container .swiper-slide:nth-child(2) a.sure {
        left: 6.68rem;
        background-image: url(../img/sure.png);
        padding-left: 0.88rem; }
      .swiper-container .swiper-slide:nth-child(2) .area {
        width: 0.5866666667rem;
        height: 0.9333333333rem;
        background: url(../img/area.png) center top/100% auto no-repeat;
        position: absolute; }
        .swiper-container .swiper-slide:nth-child(2) .area h1 {
          white-space: nowrap;
          font-size: 0.32rem;
          line-height: 0.32rem;
          position: absolute;
          left: 50%;
          top: 1.0666666667rem;
          color: #d71719;
          transform: translateX(-50%); }
        .swiper-container .swiper-slide:nth-child(2) .area i {
          display: none;
          position: absolute;
          width: 1.1066666667rem;
          height: 1.7466666667rem;
          bottom: 0;
          background: url(../img/areaclick.png) center top/100% auto no-repeat;
          left: 50%;
          transform: translateX(-50%);
          text-align: center;
          padding-top: 0.0933333333rem; }
          .swiper-container .swiper-slide:nth-child(2) .area i img {
            width: 0.88rem; }
      .swiper-container .swiper-slide:nth-child(2) .area1 {
        left: 1.7733333333rem;
        top: 6.9066666667rem; }
      .swiper-container .swiper-slide:nth-child(2) .area2 {
        left: 3.72rem;
        top: 8.4rem; }
      .swiper-container .swiper-slide:nth-child(2) .area3 {
        left: 5.7733333333rem;
        top: 9.36rem; }
      .swiper-container .swiper-slide:nth-child(2) .area4 {
        left: 7.9066666667rem;
        top: 10.1333333333rem; }
      .swiper-container .swiper-slide:nth-child(2) .area5 {
        left: 7.5866666667rem;
        top: 12.5866666667rem; }
      .swiper-container .swiper-slide:nth-child(2) .area6 {
        left: 5.96rem;
        top: 13.96rem; }
      .swiper-container .swiper-slide:nth-child(2) .area-click i {
        display: block; }
    .swiper-container .swiper-slide:nth-child(3) {
      background-image: url(../img/3bg.png);
      padding-top: 2.8rem; }
      .swiper-container .swiper-slide:nth-child(3) .swiper4-title {
        font-size: 0.8rem;
        color: #c7000c;
        padding-left: 2.8266666667rem;
        text-align: center;
        margin-bottom: 0.6666666667rem; }
        .swiper-container .swiper-slide:nth-child(3) .swiper4-title span {
          display: inline-block;
          border-bottom: 2px solid;
          padding: 0 0.1333333333rem;
          line-height: 0.9066666667rem; }
      .swiper-container .swiper-slide:nth-child(3) .swiper4-content {
        display: block;
        font-size: 0.4266666667rem;
        color: #c7000c;
        padding-left: 2.8266666667rem;
        margin-bottom: 3.8133333333rem; }
        .swiper-container .swiper-slide:nth-child(3) .swiper4-content span {
          display: inline-block;
          border-bottom: 2px solid;
          padding: 0 0.1333333333rem;
          line-height: 0.5333333333rem; }
      .swiper-container .swiper-slide:nth-child(3) .a-content {
        width: 5.72rem;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        margin: 0 auto 1rem;
        z-index: 1;
        position: relative; }
        .swiper-container .swiper-slide:nth-child(3) .a-content a {
          display: block;
          width: 2.56rem;
          height: 1.04rem;
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 100% auto;
          padding-top: 0.0266666667rem;
          line-height: 0.8666666667rem;
          font-size: 0.2933333333rem;
          color: #f3ef83;
          opacity: 0; }
          .swiper-container .swiper-slide:nth-child(3) .a-content a:nth-child(1) {
            background-image: url(../img/previous3.png);
            padding-left: 0.7466666667rem; }
          .swiper-container .swiper-slide:nth-child(3) .a-content a:nth-child(2) {
            background-image: url(../img/sure3.png);
            padding-left: 0.5333333333rem; }
      .swiper-container .swiper-slide:nth-child(3) h1.qr {
        color: #fff;
        font-size: 0.2933333333rem;
        line-height: 0.4rem;
        position: absolute;
        text-align: center;
        left: 1.12rem;
        top: 13.9066666667rem; }
        .swiper-container .swiper-slide:nth-child(3) h1.qr .qr-content {
          width: 2.0266666667rem;
          height: 2.04rem;
          border: 2px solid #080404;
          margin: 0 auto 0;
          position: absolute;
          left: 0;
          right: 0;
          top: -2.1733333333rem; }
          .swiper-container .swiper-slide:nth-child(3) h1.qr .qr-content img {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 148px; }
      .swiper-container .swiper-slide:nth-child(3) .content {
        display: block;
        width: 4.9333333333rem;
        margin-left: 3.9733333333rem;
        margin-bottom: 0.5333333333rem; }
      .swiper-container .swiper-slide:nth-child(3) a.get {
        display: none;
        width: 5.16rem;
        height: 1.8533333333rem;
        margin-left: 3.8533333333rem;
        text-align: center;
        background: url(../img/aget.png) center top/100% auto no-repeat;
        padding-top: 0.1333333333rem;
        line-height: 1.0266666667rem;
        font-size: 0.3466666667rem;
        color: #c10008;
        font-weight: bold;
        text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; }
      .swiper-container .swiper-slide:nth-child(3) .bird {
        position: absolute;
        width: 2.6933333333rem;
        left: 6.5866666667rem;
        top: 0.6533333333rem; }
    .swiper-container .swiper-slide:nth-child(4) {
      background-image: url(../img/4bg.png);
      padding: 2.12rem 0 0 0.2rem; }
      .swiper-container .swiper-slide:nth-child(4) .title {
        position: absolute;
        width: 3.64rem;
        left: 5.8rem;
        top: 0.4266666667rem; }
      .swiper-container .swiper-slide:nth-child(4) .swiper4-content {
        width: 9.4133333333rem;
        height: 14.1866666667rem;
        background: url(../img/swiper4content.png) center top/100% auto no-repeat;
        padding-left: 0.3733333333rem;
        padding-top: 1.0666666667rem;
        padding-right: 0.1866666667rem; }
        .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-content-title {
          width: 5.32rem;
          height: 0.8rem;
          position: relative;
          line-height: 0.8rem;
          font-size: 0.56rem;
          color: #2a2a2a;
          padding-left: 0.9333333333rem;
          text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0; }
          .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-content-title img {
            width: 0.2133333333rem;
            top: 0.8rem;
            position: absolute; }
        .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-title1 {
          background-color: #e13f2b;
          border-radius: 0 0.32rem 0.32rem 0;
          right: 0.2133333333rem;
          box-shadow: 0px 8px 11.96px 1.04px rgba(104, 79, 44, 0.4); }
          .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-title1 img {
            left: 0; }
        .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-title2 {
          background-color: #fd7f3c;
          border-radius: 0.32rem 0 0 0.32rem;
          margin-left: auto;
          margin-right: 0;
          left: 0.2133333333rem;
          box-shadow: 0px 8px 11.96px 1.04px rgba(104, 79, 44, 0.4); }
          .swiper-container .swiper-slide:nth-child(4) .swiper4-content .swiper4-title2 img {
            right: 0; }
      .swiper-container .swiper-slide:nth-child(4) .bird {
        position: absolute;
        left: 6.9066666667rem;
        top: 2.6533333333rem;
        width: 1.8133333333rem; }
      .swiper-container .swiper-slide:nth-child(4) .gift-conent {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        align-content: space-between;
        flex-wrap: wrap;
        width: 3.5733333333rem;
        height: 3.1466666667rem;
        margin-top: 0.48rem; }
        .swiper-container .swiper-slide:nth-child(4) .gift-conent div {
          width: 1.2666666667rem;
          height: 1.1333333333rem;
          position: relative;
          background-position: center top;
          background-repeat: no-repeat;
          background-size: 1.2666666667rem auto; }
          .swiper-container .swiper-slide:nth-child(4) .gift-conent div h1 {
            white-space: nowrap;
            font-size: 0.32rem;
            line-height: 0.32rem;
            color: #333;
            position: absolute;
            top: 1.28rem;
            left: 50%;
            transform: translateX(-50%); }
      .swiper-container .swiper-slide:nth-child(4) .gift-conent-one {
        margin-left: 0.8533333333rem;
        margin-bottom: 1.2266666667rem; }
        .swiper-container .swiper-slide:nth-child(4) .gift-conent-one div {
          background-image: url(../img/gift1.png); }
      .swiper-container .swiper-slide:nth-child(4) .gift-conent-two {
        margin-left: 4.44rem; }
        .swiper-container .swiper-slide:nth-child(4) .gift-conent-two div {
          background-image: url(../img/gift2.png); }
      .swiper-container .swiper-slide:nth-child(4) .right {
        display: block;
        width: 8.5333333333rem;
        margin-bottom: 0.52rem; }
      .swiper-container .swiper-slide:nth-child(4) .book {
        position: absolute; }
      .swiper-container .swiper-slide:nth-child(4) .book1 {
        width: 2.7733333333rem;
        left: 6.08rem;
        top: 4.64rem; }
      .swiper-container .swiper-slide:nth-child(4) .book2 {
        width: 2.76rem;
        left: 1.1866666667rem;
        top: 10.7466666667rem; }
      .swiper-container .swiper-slide:nth-child(4) a.get-info {
        width: 3.0533333333rem;
        height: 1.1466666667rem;
        line-height: 1.1466666667rem;
        text-align: center;
        position: absolute;
        display: block;
        font-size: 0.32rem;
        color: #f3ef83;
        background: url(../img/getinfo.png) center top/100% auto no-repeat; }
      .swiper-container .swiper-slide:nth-child(4) a.get-info-one {
        left: 5.8133333333rem;
        top: 6.92rem; }
      .swiper-container .swiper-slide:nth-child(4) a.get-info-two {
        left: 1.0533333333rem;
        top: 13.3733333333rem; }
      .swiper-container .swiper-slide:nth-child(4) .window-alert {
        width: 6.3866666667rem;
        height: 5.5333333333rem;
        background-color: #FFF;
        border-radius: 0.4266666667rem;
        position: absolute;
        display: none;
        z-index: 2;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        padding-top: 0.5333333333rem; }
        .swiper-container .swiper-slide:nth-child(4) .window-alert .window-title {
          font-size: 0.32rem;
          line-height: 0.32rem;
          color: #ff8890;
          text-align: center; }
        .swiper-container .swiper-slide:nth-child(4) .window-alert a.get-button {
          display: block;
          width: 5.4933333333rem;
          height: 0.8266666667rem;
          line-height: 0.8266666667rem;
          font-size: 0;
          background: url(../img/getbutton.png) center top/100% auto no-repeat;
          margin: 0 auto;
          text-align: center;
          color: #FFF; }
          .swiper-container .swiper-slide:nth-child(4) .window-alert a.get-button i {
            display: inline-block;
            vertical-align: middle;
            font-size: 0.32rem;
            line-height: 0.4rem; }
        .swiper-container .swiper-slide:nth-child(4) .window-alert .close {
          position: absolute;
          right: 0.1333333333rem;
          top: 0.1333333333rem;
          width: 0.8rem; }
      .swiper-container .swiper-slide:nth-child(4) .window-one .window-title {
        margin-bottom: 0.2666666667rem; }
      .swiper-container .swiper-slide:nth-child(4) .window-one .qq-number {
        font-size: 0.16rem;
        color: #ff8890;
        line-height: 12px;
        text-align: center;
        margin: 0.1333333333rem auto; }
      .swiper-container .swiper-slide:nth-child(4) .window-one .window-qr {
        width: 5.3066666667rem;
        height: 2.7466666667rem;
        border-radius: 0.3466666667rem;
        margin: 0 auto;
        background-color: #f8f8f8;
        padding-left: 1.5866666667rem;
        padding-top: 0.3866666667rem; }
        .swiper-container .swiper-slide:nth-child(4) .window-one .window-qr .qr-border {
          width: 2.1866666667rem;
          height: 2.1866666667rem;
          background-color: #f78a62;
          border: 1px solid #080404;
          position: relative; }
          .swiper-container .swiper-slide:nth-child(4) .window-one .window-qr .qr-border i {
            width: 2.1866666667rem;
            height: 2.1866666667rem;
            display: block;
            position: absolute;
            bottom: 0.0666666667rem;
            right: 0.0666666667rem;
            background-color: #FFF;
            border: 1px solid #080404;
            line-height: 2.16rem;
            font-size: 0;
            text-align: center; }
            .swiper-container .swiper-slide:nth-child(4) .window-one .window-qr .qr-border i img {
              width: 2.1333333333rem;
              vertical-align: middle; }
      .swiper-container .swiper-slide:nth-child(4) .window-two .window-title {
        margin-bottom: 0.7333333333rem; }
      .swiper-container .swiper-slide:nth-child(4) .window-two a.get-button {
        font-size: 0.32rem;
        letter-spacing: 4px; }
      .swiper-container .swiper-slide:nth-child(4) .window-two .info {
        width: 5.32rem;
        height: 0.9466666667rem;
        background-repeat: no-repeat;
        background-position: 0.3733333333rem center;
        background-size: 0.32rem auto;
        position: relative;
        margin: 0.3733333333rem auto 0;
        padding-left: 1.0666666667rem;
        background-color: #f8f8f8;
        border-radius: 0.48rem; }
        .swiper-container .swiper-slide:nth-child(4) .window-two .info input {
          display: block;
          -webkit-appearance: none;
          background-color: transparent;
          height: 100%;
          width: 100%;
          outline: none;
          font-size: 0.32rem;
          border: none;
          border-radius: 0; }
        .swiper-container .swiper-slide:nth-child(4) .window-two .info:nth-child(2) {
          background-image: url(../img/b1.png); }
        .swiper-container .swiper-slide:nth-child(4) .window-two .info:nth-child(3) {
          background-image: url(../img/b2.png);
          margin-bottom: 0.4533333333rem; }
          .swiper-container .swiper-slide:nth-child(4) .window-two .info:nth-child(3) span {
            position: absolute;
            right: 0.08rem;
            top: 0;
            bottom: 0;
            margin: auto 0;
            width: 2.2666666667rem;
            height: 0.6666666667rem;
            line-height: 0.6666666667rem;
            font-size: 0.32rem;
            color: #2a2a2a;
            background-color: #ffcb6b;
            border-radius: 0.3466666667rem;
            text-align: center; }
      .swiper-container .swiper-slide:nth-child(4) .window-three {
        line-height: 5.5333333333rem;
        font-size: 0;
        padding: 0;
        text-align: center; }
        .swiper-container .swiper-slide:nth-child(4) .window-three a {
          display: inline-block;
          vertical-align: middle;
          font-size: 0.48rem;
          line-height: 0.5333333333rem;
          color: #ff8890;
          text-align: left; }
      .swiper-container .swiper-slide:nth-child(4) a.a-click {
        background: url(../img/previous2.png) center top/100% auto no-repeat;
        display: block;
        width: 2.56rem;
        height: 1.04rem;
        position: absolute;
        bottom: 1.7333333333rem;
        left: 0;
        right: 0;
        margin: 0 auto;
        color: #f3ef83;
        padding-top: 0.0266666667rem;
        line-height: 0.8666666667rem;
        font-size: 0.2933333333rem;
        padding-left: 0.7466666667rem; }

.logo {
  width: 2.96rem;
  position: absolute;
  left: 0.8933333333rem;
  top: 0.8933333333rem; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  display: none; }

.shadow {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2; }
  .shadow .smallpic1 {
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 5%; }
  .shadow .pic1 {
    display: none; }
  .shadow .close-last {
    position: absolute;
    right: 10%;
    top: 5%;
    width: 0.8rem; }
  .shadow h1 {
    position: absolute;
    left: 10%;
    right: 10%;
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.48rem;
    color: #FFF;
    top: 86%; }

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