/* 背景音乐 */

  button {
      margin: 0;
      padding: 0;
      border: 1px solid transparent;
      outline: none;
  }

  .btn_icon {
      width: 79px;
      cursor: pointer;
      display: inline-block;
  }

  /* .btn_icon.btn_audio::before {
      content: '';
      width: 41px;
      height: 50px;
      background: url(../images/audio_cir_on_b2b00e3.png) no-repeat;
      position: absolute;
      top: 9px;
      right: 20px;
      -webkit-transition: all .4s ease-in-out;
      -moz-transition: all .4s ease-in-out;
      -ms-transition: all .4s ease-in-out;
      -o-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
      -webkit-transform-origin: center top;
      -moz-transform-origin: center top;
      -ms-transform-origin: center top;
      -o-transform-origin: center top;
      transform-origin: center top;
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      transform: rotate(-30deg)
  } */

  /* .btn_icon.btn_audio::after {
      width: 77px;
      height: 77px;
      top: 8px;
      right: 19px;
      background-image: url(../images/audio_cir_1920dc8.png);
      content: '';
      position: absolute;
      background-repeat: no-repeat;
  } */

  /* .btn_icon.btn_audio:hover::before {
      -webkit-animation: none 300ms 0 ease;
      -moz-animation: none 300ms 0 ease;
      -ms-animation: none 300ms 0 ease;
      animation: none 300ms 0 ease;
      -moz-animation: none;
      -webkit-animation: none;
      -o-animation: none;
      -ms-animation: none;
      animation: none
  } */

  /* .btn_icon.btn_audio.playing::before {
      -webkit-transform: rotate(0);
      -moz-transform: rotate(0);
      -ms-transform: rotate(0);
      -o-transform: rotate(0);
      transform: rotate(0)
  } */

  .btn_icon img {
      width: 150px;
      height: 150px;
      display: none;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      top: 50%;
      left: -160px;
      margin-top: -75px
  }

  .btn_icon:hover img {
      display: block;
      -webkit-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -ms-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards;
      -webkit-animation: fadeIn .4s ease-in-out forwards;
      -o-animation: fadeIn .4s ease-in-out forwards;
      -ms-animation: fadeIn .4s ease-in-out forwards;
      animation: fadeIn .4s ease-in-out forwards
  }

  /* ban 和中间的链接 */

  .Container__back--38A-r {
      position: relative;
      top: -21px;
      width: 100%;
      /* height: 52.5rem; */
      position: absolute;
      top: 10.46rem;
      left: 0;
      z-index: -1;
  }

  html {
      line-height: 1.15;
      -webkit-text-size-adjust: 100%
  }

  body, p {
      margin: 0
  }

  main {
      display: block
  }

  .Container__container--1PtDI {
      width: 19.2rem;
      position: relative;
  }

  .index__home--1227S {
      width: 100%;
      position: relative;
      height: 10.76rem;
      top: -0.19rem;
  }

  .bottom_pic {
      position: absolute;
      bottom: 3px;
      background: url(../images/55.png)no-repeat;
      background-size: 100% auto;
      width: 20px;
      height: 20px;
      left: 50%;
      top: 96%;
      margin-left: -10px;
      margin-top: -10px;
  }

  .bottom_pic1 {
      position: absolute;
      bottom: 3px;
      background: url(../images/55.png)no-repeat;
      background-size: 100% auto;
      width: 20px;
      height: 20px;
      left: 50%;
      top: 96%;
      margin-left: -10px;
      margin-top: -10px;
  }

  .bottom_pic_04 {
      position: absolute;
      bottom: 3px;
      background: url(../images/55.png)no-repeat;
      background-size: 100% auto;
      width: 20px;
      height: 20px;
      left: 50%;
      top: 96%;
      margin-left: -10px;
      margin-top: -10px;
      z-index: 999;
  }

  .bottom_pic3 {
      position: absolute;
      bottom: 3px;
      background: url(../images/55.png)no-repeat;
      background-size: 100% auto;
      width: 20px;
      height: 20px;
      left: 50%;
      top: 108%;
      margin-left: -10px;
      margin-top: -10px;
  }

  .index__header--1vAQv {
      width: 100%;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }

  .index__head_back--3VDVF {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -3;
      width: 100%;
      background-image: url(./images/banner.c019408f.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: 50%;
  }

  body {
      font-size: 16px
  }

  @font-face {
      font-family: hanTI;
      src: url(../assets/hanTI.TTF)
  }

  @font-face {
      font-family: hanTI;
      src: url(../assets/hanTI.TTF)
  }

  @keyframes rotate {
      0%, 30% {
          transform: rotate(0);
          -webkit-transform: rotate(0)
      }
      100%, 70% {
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg)
      }
  }

  @-webkit-keyframes rotate {
      0%, 30% {
          transform: rotate(0);
          -webkit-transform: rotate(0)
      }
      100%, 70% {
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg)
      }
  }

  @media all and (orientation:portrait) {
      body, html {
          position: relative;
          overflow-x: hidden;
          overflow-y: hidden;
          width: 100%;
          height: 100%;
          padding: 0;
          margin: 0
      }
  }

  /* 第一屏 */

  .mDian {
      width: 3rem;
      height: 7.1rem;
      right: 0;
      /* top: 2rem; */
      position: fixed;
      z-index: 999999;
      top: .79rem;
  }

  .mDian_pic {
      /* background: url(../images/flover.png) no-repeat; */
      width: 3rem;
      height: 8rem;
      background-size: contain;
  }

  .wb_pic {
      position: absolute;
      top: 2.1rem;
      width: .9rem;
      height: 1.1rem;
      left: 1.23rem;
  }

  .addpic_bg {
      width: .8rem;
      height: .8rem;
      background: #fff;
      position: absolute;
      left: 50%;
      margin-left: -.4rem;
      top: .1rem;
  }

  .weiboFont {
      position: absolute;
      width: .8rem;
      color: #fff;
      font-size: .1rem;
      text-align: center;
      top: .9rem;
      /* border: 1px solid red; */
      left: 50%;
      margin-left: -.4rem;
  }

  .taptap_pic {
      position: absolute;
      top: 3.39rem;
      width: .9rem;
      height: 1.1rem;
      left: 1.23rem;
  }

  .tapFont {
      position: absolute;
      width: .8rem;
      color: #fff;
      font-size: .1rem;
      text-align: center;
      top: .89rem;
      /* border: 1px solid red; */
      left: 50%;
      margin-left: -.4rem;
  }

  .wxPic {
      position: absolute;
      top: 4.66rem;
      width: .9rem;
      height: 1.1rem;
      left: 1.23rem;
  }

  .qq_pic {
      width: .8rem;
      height: .8rem;
      background: #fff;
      position: absolute;
      left: 50%;
      margin-left: -.4rem;
      top: .1rem;
  }

  .qqAll {
      position: absolute;
      top: 6.01rem;
      width: .9rem;
      height: .76rem;
      left: 1.2rem;
  }

  .qq1 {
      color: #fff;
      position: absolute;
      top: 0.26rem;
      /* left: 50%; */
      font-size: .1rem;
      /* line-height: 18px; */
      background-color: none;
      width: .95rem;
      text-align: center;
      border-radius: 7px;
      transform: scale(0.9);
      padding: 1px 1px;
      box-sizing: border-box;
  }

  .qq2 {
      color: #fff;
      position: absolute;
      top: .47rem;
      /* left: 50%; */
      font-size: .1rem;
      /* line-height: 18px; */
      background-color: #72674e;
      width: .95rem;
      text-align: center;
      border-radius: 7px;
      transform: scale(0.9);
      padding: 1px 1px;
      box-sizing: border-box;
  }

  .goto_yuyue {
      position: absolute;
      /* right: 50%; */
      /* top: 29px; */
      height: 71px;
      width: 157px;
      z-index: 9999;
      /* margin-right: -652px; */
      right: 2.6rem;
      top: .3rem;
      display: block;
  }

  .yuyue_pic {
      width: 100%;
      height: 100%;
      background: url(../images/nav_btn.png) no-repeat;
      /* background-size: 100% auto; */
      z-index: 9999;
      cursor: pointer;
  }

  .yuyue_pic a {
      display: block;
      width: 100%;
      height: 100%;
  }

  /* 立刻预约按钮 */

  .logo {
      width: 8.3rem;
      height: 10rem;
      position: absolute;
      top: 0;
      display: inline-block;
      top: 10px;
      left: 42%;
      margin-left: -3.9rem;
      /* margin-top: -5.2rem; */
  }

  /* xiao logo */

  .small_logo {
      position: absolute;
      left: 2.5rem;
      top: .3rem;
      width: 1.5rem;
      height: 3rem;
  }

  .musicPlay {
      position: absolute;
      right: 1.5rem;
      top: .3rem;
      width: 1rem;
      height: 1rem;
	  z-index:999
  }

  .music {
      width: 79px;
      height: 79px;
      background: url(../images/music.png) no-repeat;
      background-size: 100% auto;
  }

  .play {
      background: url(../images/music.png) no-repeat !important;
      background-size: 100% auto;
  }

  .closePlay {
      background: url(../images/music_close.png) no-repeat!important;
      background-size: 100% auto;
  }

  .play_music {
      background: url(../images/music.png) no-repeat;
      background-size: 100% auto;
      width: 100%;
      height: 100%;
  }

  .logo_pic {
      background: url(../images/logo.png) no-repeat;
      background-size: contain;
      /* width: 100%; */
      /* height: 100%; */
      width: 150px;
      height: 150px;
      margin-top: 14px;
      background-size: 190px;
  }

  .logoDiv {
      background: url(../images/title.png) no-repeat;
      background-size: contain;
      width: 100%;
      height: 100%;
  }

  /* 新增查询 */

  .addCha {
      width: 100%;
      height: .5rem;
      position: absolute;
      top: 6.3rem;
  }

  /* .chaBtn {
      height: .5rem;
      width: 2rem;
      background: url(../images/cha.png)no-repeat;
      background-size: contain;
      margin-left: 8.2rem;
      cursor: pointer;
  } */

  .about_order_main {
      width: 100%;
      position: absolute;
      bottom: 54px;
      height: 2.29rem;
      left: -.06rem;
  }

  .order_main_con {
      margin-left: 0.1rem;
      /* width: 80%; */
      height: 2rem;
  }

  .order_main_con .main_con_div {
      height: 100%;
      margin: 0 auto;
  }

  .order_main_con .main_con_div .main_con_divCon {
      width: 52%;
      height: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap
  }

  .div01 {
      flex: 1;
      display: flex;
      flex-flow: column;
      justify-content: left;
  }

  .div05 {
      width: 28%;
      display: flex;
      flex-direction: column;
  }

  .y5 {
      position: relative;
      top: 0.23rem;
      left: 69px;
      color: #875343;
      letter-spacing: 1.2px;
  }

  .imgSize {
      display: inline-block;
      position: relative;
      top: 0.5rem;
      left: .5rem;
      width: 1rem;
  }

  .imgSize02 {
      display: inline-block;
      position: relative;
      top: 0.5rem;
      left: .65rem;
      width: 1rem;
  }

  .imgSize03 {
      display: inline-block;
      position: relative;
      top: 0.5rem;
      left: .65rem;
      width: 1rem;
  }

  .imgSize04 {
      width: 1rem;
      position: relative;
      top: .5rem;
      left: .65rem;
  }

  .wenan02 {
      position: relative;
      top: 0.32rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      left: 0.15rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan03 {
      position: relative;
      top: 0.54rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      width: 100%;
      left: .2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan04 {
      position: relative;
      top: 0.45rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      width: 100%;
      left: .3rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan {
      position: relative;
      top: 0.4rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      /* height: 3.5rem; */
      left: .2rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .div05 .div05_font {
      flex: 1;
      /* position: relative;
      top: 0.5rem;
      left: 0.9rem; */
  }

  .div05 .btn {
      width: 2rem;
  }

  .div05 .btn {
      width: 3.1rem;
      height: 2rem;
  }

  .tit {
      color: #5d4e47;
      font-size: 0.23rem;
      margin-bottom: 0.05rem;
      margin-left: .56rem;
      margin-top: .5rem;
  }

  .tit2 {
      color: #978370;
      font-size: 0.2rem;
      margin-left: 0.78rem;
  }

  /* 立即预约按钮 */

  .btn .nowBtn {
      margin-top: .8rem;
      width: 2rem;
      height: .54rem;
      margin-left: 0.5rem;
      cursor: pointer;
  }

  .chaBtn {
      width: 2rem;
      /* margin-top: 10rem; */
      height: .45rem;
      margin-left: .5rem;
      cursor: pointer;
  }

  /* 第二屏 */

  .main_div02 {
      width: 100%;
      position: relative;
      height: 10rem;
  }

  .d-02 {
      width: 9rem;
      height: 10rem;
      margin-left: 6rem;
  }

  .d-02-c {
      width: 9rem;
      height: 5.5rem;
      padding-top: 2.3rem;
      position: relative;
  }

  .d-02-pic {
      width: 6.66rem;
      height: 2.84rem;
      position: absolute;
      top: 2.62rem;
      left: .92rem;
  }

  .d-02-pic img {
      width: 100%;
      height: 100%;
      padding: 5px;
      box-sizing: border-box;
      border-radius: 12px;
  }

  .d-02-list {
      width: 6.66rem;
      height: 2.3rem;
      position: absolute;
      top: 5.45rem;
      margin-left: 0.88rem;
  }

  .nav_con {
      width: 100%;
      height: .52rem;
      line-height: .52rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin: 0 auto;
      text-align: center;
      position: relative;
      font-size: .2rem;
  }

  .nav_con:before {
      content: "";
      position: absolute;
      height: 1px;
      width: 100%;
      background: url(../images/nav_line.png)no-repeat;
      background-size: 100% auto;
      left: 1px;
      bottom: 0px;
  }

  .nav_con a {
      color: #5c2313!important;
  }

  .nav_con div {
      flex: 1;
      color: #5c2313;
      cursor: pointer;
      font-weight: bold;
  }

  .d-02-div {
      width: 100%;
      height: 1.78rem;
      position: absolute;
  }

  .d-02-ul {
      width: 100%;
      height: 100%;
      position: absolute;
      margin: 0 !important;
      padding: 0 !important;
  }

  .d-02-ul li {
      width: 100%;
      height: .52rem;
      line-height: .52rem;
      position: relative;
  }

  .list1 {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      color: #5c2313;
      width: 100%;
      height: 100%;
      position: absolute;
  }

  .d-02-ul li:before {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0;
      background: url(../images/nav_line.png)no-repeat;
      background-size: 100% auto;
  }

  .times {
      width: 1rem;
      height: 100%;
      display: inline-block;
      color: #a89284;
      transform: scale(.9);
      text-align: center;
      font-size: .2rem;
  }

  .wb_font {
      display: inline-block;
      height: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      /* width: 420px; */
      flex:1;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      /* margin-left: 35px; */
      margin-left: .4rem;
      box-sizing: border-box;
      text-align: left;
      /* font-size: .2rem; */
      font-size: .18rem;
  }

  .yuan {
      border: 1px solid #5c2313;
      border-radius: 50%;
      display: inline-block;
      /* line-height: 9.1rem; */
      vertical-align: text-top;
      position: absolute;
      top: 0.21rem;
      left: .22rem;
      width: 5px;
      height: 5px;
  }

  .doble {
      width: .1rem;
      height: .1rem;
      background: #5c2313;
      border-radius: 50%;
      display: inline-block;
      /* line-height: 9.1rem; */
      vertical-align: text-top;
      position: absolute;
      top: .4rem;
  }

  .main_div02 .curNum {
      width: 3.8rem;
      height: 1rem;
      position: relative;
      left: 7.7rem;
  }

  .number {
      position: absolute;
      bottom: -6px;
      font-size: 0.42rem;
      /* line-height: 2px; */
      letter-spacing: 6px;
      /* left: 0.22rem; */
      color: #5f2d17;
      text-align: center;
      margin: 0 auto;
      display: inline-block;
      width: 3.8rem;
  }

  .main_div02 .giftDiv {
      position: relative;
      width: 100%;
      height: 5.6rem;
      top: 1.2rem;
  }

  .main_div02 .giftDiv .giftDiv_con {
      width: 9.5rem;
      position: absolute;
      left: 5.5rem;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
  }

  .giftDiv_con .gift_top {
      height: 4.0rem;
      display: flex;
      flex-direction: row;
  }

  .gift_bot {
      width: 88%;
      height: 1.5rem;
      margin-top: -28px;
      margin-left: 0.88rem;
      position: relative;
  }

  .curGifts {
      position: relative;
      width: 100%;
      height: 1.5rem;
  }

  .gift_pic {
      width: 100%;
      height: .35rem;
      /* margin-top: 41px; */
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -50%;
      margin-top: -.17rem;
  }

  .gift_bot_pic01 {
      background: url(../images/btn_arrive01.png)no-repeat;
      background-size: 100% auto;
  }

  .gift_bot_pic02 {
      background: url(../images/btn_arrive02.png)no-repeat;
      background-size: 100% auto;
  }

  .gift_bot_pic03 {
      background: url(../images/btn_arrive03.png)no-repeat;
      background-size: 100% auto;
  }

  .gift_bot_pic04 {
      background: url(../images/btn_arrive04.png)no-repeat;
      background-size: 100% auto;
  }

  .zj_02 {
      top: 0.42rem !important;
      left: 2.85rem !important;
  }

  .zj_01 {
      top: .42rem !important;
      left: 0.83rem !important;
  }

  .zj_03 {
      top: .42rem !important;
      left: 4.97rem !important;
  }

  .zj_04 {
      top: .42rem !important;
      left: 7.05rem !important;
  }

  .curColor {
      color: #e27b1f !important;
  }

  .curColor_hui {
      color: #8a7b59 !important;
  }

  .btn_arrive01 {
      position: absolute;
      width: .35rem;
      height: .35rem;
      top: 50%;
      left: 0.74rem;
      cursor: pointer;
      border-radius: 50%;
      /* margin-left: -.16rem; */
      margin-top: -.175rem;
  }

  .btn_arrive02 {
      position: absolute;
      width: .35rem;
      height: .35rem;
      top: 50%;
      left: 2.799rem;
      cursor: pointer;
      /* background: #e27b1f; */
      border-radius: 50%;
      margin-top: -.175rem;
  }

  .btn_arrive03 {
      position: absolute;
      width: .35rem;
      height: .35rem;
      top: 50%;
      left: 60%;
      cursor: pointer;
      /* background: #e27b1f; */
      border-radius: 50%;
      margin-left: -.16rem;
      margin-top: -.175rem;
  }

  .btn_arrive04 {
      position: absolute;
      width: .35rem;
      height: .35rem;
      top: 50%;
      left: 7.2rem;
      cursor: pointer;
      /* background: #e27b1f; */
      border-radius: 50%;
      margin-left: -.16rem;
      margin-top: -.175rem;
  }

  .font_hui {
      position: absolute;
      top: -.29rem;
      width: 2.5rem;
      left: -1.07rem;
      font-weight: 200;
      font-size: 17px;
      text-align: center;
  }

  .font_hui_03 {
      position: absolute;
      top: -.29rem;
      width: 2.5rem;
      left: -1rem;
      font-weight: 200;
      font-size: 17px;
      text-align: center;
  }

  .font_hui_03 {}

  .font_hui_2 {
      position: absolute;
      bottom: -.29rem;
      width: 2.5rem;
      /* height: .22rem; */
      left: -1.07rem;
      font-weight: 200;
      font-size: 17px;
      text-align: center;
  }

  /* .addStyle {
      bottom: -.35rem!important;
  } */

  .addStyle {
      bottom: -.49rem!important;
  }

  .addStyle2 {
      top: -.49rem!important;
  }

  .addStyle3 {
      bottom: -.35rem!important;
  }

  /* .addSan {
      bottom: -0.16rem!important;
  } */

  .addSan {
      bottom: -0.25rem!important;
  }

  /* .addSan2 {
      left: .1rem !important;
      top: -0.16rem !important;
  } */

  .addSan4 {
      left: .09rem !important;
      top: -0.25rem !important;
  }

  .addSan2 {
      left: .14rem !important;
      top: -0.25rem !important;
  }

  .addSan3 {
      bottom: -0.15rem!important;
  }

  .cur_font_hui_2 {
      font-weight: 200;
      font-size: 17px;
      position: absolute;
      bottom: -.29rem;
      width: 2.5rem;
      /* height: .22rem; */
      left: -1.07rem;
      text-align: center;
  }

  .cruSan_01 {
      position: absolute;
      /* bottom: -.2rem; */
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .1rem;
      bottom: -.03rem;
  }

  .cruSan_02 {
      position: absolute;
      /* bottom: -.2rem; */
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .1rem;
      bottom: -.03rem;
  }

  .cruSan01 {
      position: absolute;
      /* bottom: -.2rem; */
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .09rem;
      top: -0.2rem;
  }

  .cruSan02 {
      position: absolute;
      bottom: -0.13rem;
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .08rem;
      transform: rotate(180deg)
  }

  .cruSan_04 {
      position: absolute;
      /* bottom: -.2rem; */
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .061rem;
      /* bottom: -0.25rem; */
      bottom: -0.13rem;
      transform: rotate(180deg);
  }

  .cruSan03 {
      position: absolute;
      /* bottom: -.2rem; */
      width: .11rem;
      height: .12rem;
      /* border: 1px solid red; */
      left: .09rem;
      top: -0.2rem;
  }

  .crusan_pic {
      /* background: url("../images/small_jt.png") no-repeat;
      background-size: 100% atuo; */
      width: 100%;
      height: 100%;
  }

  .curStatus {
      position: absolute;
      width: .16rem;
      height: .16rem;
      top: .58rem;
      left: 6.95rem;
      cursor: pointer;
      border-radius: 50%;
      border: 1px solid #e27b1f;
  }

  .jdShow {
      width: 8.2rem;
      height: 1.5rem;
      margin-left: 1rem;
  }

  .jdNumber_01 .Top01 {
      height: .5rem;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }

  .ren5 {
      flex: 1;
      color: #e27b1f;
      /* margin-left: 34px; */
      /* margin-top: 12px; */
      position: relative;
      top: 0.1rem;
      left: .3rem;
  }

  .ren20 {
      flex: 1;
      color: #8a7b59;
      position: relative;
      top: 0.35rem;
      left: -0.3rem;
  }

  .Top03 {
      width: 4.3rem;
      height: .5rem;
      position: relative;
      /* right: -34px; */
      left: 2.1rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      top: -0.22rem;
      color: #8a7b59;
  }

  .ren10 {
      flex: 1;
      width: 2.1rem;
  }

  .ren30 {
      flex: 1;
      position: absolute;
      right: 0;
  }

  .jdNumber_02 {
      width: 100%;
      height: .5rem;
      letter-spacing: 2px;
      display: flex;
      flex-direction: row;
  }

  .showDian {
      display: inline-block;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .moreD {
      flex: 1;
  }

  .dian_h {
      color: #8a7b59;
  }

  .moreImg {
      width: .2rem;
      height: .2rem;
      display: inline-block;
      /* margin-top: 3px; */
      padding-top: -5px;
      position: relative;
      top: .08rem;
  }

  .liang {
      background: url(../images/more.png) no-repeat;
      background-size: contain;
      position: relative;
      width: .2rem;
      height: .2rem;
  }

  .sanjiao {
      width: 0.11rem;
      height: 0.1rem;
      position: absolute;
      top: -11px;
      background: url(../images/jiantou.png) no-repeat;
      background-size: contain;
      left: 3px;
      display: inline-block;
  }

  .sanjiao3 {
      width: 0.11rem;
      height: 0.1rem;
      position: absolute;
      top: -10px;
      background: url(../images/jiantou.png) no-repeat;
      background-size: contain;
      left: 3px;
      display: inline-block;
  }

  .hui {
      background: url(../images/more_h.png) no-repeat;
      background-size: contain;
      width: .1rem;
      height: .1rem;
      position: relative;
      top: .03rem;
  }

  .moreImg_h {
      width: .1rem;
      height: .1rem;
      background: #8a7b59;
      border-radius: 50%;
      display: inline-block;
      position: relative;
      top: .08rem;
  }

  .sanjiao2 {
      width: 0.12rem;
      height: 0.11rem;
      position: absolute;
      top: 13px;
      background: url(../images/jiantou.png) no-repeat;
      background-size: contain;
      left: 1px;
      display: inline-block;
      transform: rotate(180deg);
  }

  .sanjiao4 {
      width: 0.1rem;
      height: 0.12rem;
      position: absolute;
      top: 18px;
      background: url(../images/jiantou.png) no-repeat;
      background-size: 100% auto;
      left: 4px;
      display: inline-block;
      transform: rotate(180deg);
  }

  .num_a_ling {
      position: absolute;
      top: 20px;
      left: -38px;
      width: 2.2rem;
      /* height: .2rem; */
      color: #8a7b59;
  }

  .num_a {
      position: absolute;
      top: 32px;
      left: -65px;
      width: 2.7rem;
      /* height: .2rem; */
      color: #8a7b59;
      font-size: 0.18rem;
  }

  .num_a3 {
      position: absolute;
      top: -30px;
      left: -65px;
      width: 2.55rem;
      /* height: .2rem; */
      color: #8a7b59;
  }

  .num_a301 {
      position: absolute;
      top: -30px;
      left: -58px;
      width: 2.7rem;
      /* height: .2rem; */
      color: #8a7b59;
  }

  .font_liang {
      color: #e27b1f!important;
  }

  .dian {
      color: #e27b1f !important;
      display: inline-block;
  }

  .dian_h {
      color: #8a7b59;
      display: inline-block;
  }

  .dian_pic {
      width: 1rem;
      height: .05rem;
      /* border: 1px solid red; */
      background: url(../images/one.png)no-repeat;
      background-size: 100% auto;
  }

  .dian_h04 {
      color: #8a7b59;
      display: inline-block;
  }

  .gift_top .gift_top_left {
      display: flex;
      height: 100%;
      width: 4.4rem;
      position: relative;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
  }

  .gift_top .gift_top_left .gift_top_left01-- {
      display: none;
  }

  .gift_top_left01 {
      position: absolute;
      width: 2.67rem;
      top: .6rem;
      left: 1.3rem;
      height: 2.9rem;
  }

  .left01_pic {
      background: url(../images/11.png) no-repeat 100%;
      background-size: contain;
      width: 100%;
      height: 100%;
      display: none;
  }

  .left01_pic2 {
      background: url(../images/22.png) no-repeat 100%;
      background-size: contain;
      width: 100%;
      height: 100%;
      display: none;
  }

  .left01_pic3 {
      background: url(../images/33.png) no-repeat 100%;
      background-size: contain;
      width: 100%;
      height: 100%;
      display: none;
  }

  .left01_pic4 {
      background: url(../images/44.png) no-repeat 100%;
      background-size: contain;
      /* width: 2.2rem;
      height: 2.25rem; */
      width: 100%;
      height: 100%;
      display: none;
  }

  #pic01 {
      cursor: pointer;
  }

  #pic02 {
      cursor: pointer;
  }

  #pic03 {
      cursor: pointer;
  }

  #pic04 {
      cursor: pointer;
  }

  /* 档位礼品展示 */

  .gift_top_left02 {
      display: none;
  }

  .gift_top_left03 {
      display: none;
  }

  .gift_top_left04 {
      display: none;
  }

  .divList {
      width: 2.13rem;
      height: 1.22rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .divList2 {
      height: 1.3rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .ab3 {
      width: 1.1rem;
      position: relative;
      left: .25rem;
      top: .2rem;
  }

  .divList2 .divList2_one {
      flex: 1;
  }

  .divList2_tow {
      flex: 1;
  }

  .ab4 {
      width: .6rem;
      position: relative;
      left: .4rem;
      top: .2rem;
  }

  .divList2_tow p {
      font-size: .17rem;
      color: #a5806f;
      padding-left: .39rem;
      box-sizing: border-box;
      padding-top: .25rem;
  }

  .divList2_one p {
      font-size: .17rem;
      color: #a5806f;
      padding-left: 0.63rem;
      box-sizing: border-box;
      padding-top: .19rem;
  }

  .aa {
      display: inline-block;
      /* margin-top: 0.29rem; */
      margin-left: .1rem;
      position: relative;
      top: .3rem;
  }

  .ab {
      display: inline-block;
      /* margin-top: 0.29rem; */
      margin-left: .1rem;
      position: relative;
      top: .25rem;
  }

  .aa_two {
      display: inline-block;
      /* margin-top: 0.29rem; */
      /* margin-left: .1rem; */
      position: relative;
      top: .35rem;
      /* left: .2rem; */
      font-size: .17rem;
      color: #a5806f;
  }

  .aa_two p {
      font-size: .17rem;
      margin-top: .08rem;
      color: #a5806f;
      margin-left: .11rem;
  }

  .ab_three {
      display: inline-block;
      /* margin-top: 0.29rem; */
      /* margin-left: .1rem; */
      position: relative;
      top: .35rem;
      /* left: .2rem; */
      font-size: .2rem;
      color: #a5806f;
  }

  .aa .ab1 {
      width: 0.8rem;
      display: inline-block;
  }

  .ab2 {
      width: 0.66rem;
      display: inline-block;
      /* padding-left: .1rem; */
      box-sizing: border-box;
  }

  .aa p {
      font-size: .17rem;
      margin-top: .18rem;
      color: #a5806f;
      margin-left: .11rem;
  }

  .gift_top_right {
      height: 100%;
      width: 4.8rem;
      display: none;
  }

  .gift_top_right .top_right_con {
      position: relative;
      width: 3.9rem;
      height: 1.8rem;
      left: .3rem;
      top: 1.69rem;
      display: flex;
      justify-content: space-around;
      flex-direction: column;
  }

  .top_right_con .right_con_num {
      text-align: center;
      color: #70442f;
      letter-spacing: 1px;
      line-height: .5rem;
  }

  .overOk {
      margin: 0 auto;
      height: 41px;
      background: url(../images/ok.png) no-repeat;
      background-size: contain;
      width: 203px;
      position: relative;
  }

  .okFont {
      position: absolute;
      text-align: center;
      color: #fff;
      width: 48px;
      height: 20px;
      top: 50%;
      left: 50%;
      margin-left: -24px;
      margin-top: -10px;
      cursor: pointer;
  }

  /* 03 */

  .main_div03 {
      width: 100%;
      position: relative;
      height: 10.5rem;
  }

  .getGif {
      width: 11rem;
      height: 7.2rem;
      position: relative;
      left: 4rem;
      top: 2.2rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
  }

  .getGif_a {
      flex: 1;
      width: 100%;
      position: relative;
  }

  .btn01 {
      width: 100%;
      height: .5rem;
      position: absolute;
      bottom: .5rem;
  }

  .btn01_left {
      position: absolute;
      left: 30px;
      height: 100%;
      width: 1.9rem;
      cursor: pointer;
  }

  .btn01_right {
      position: absolute;
      border-bottom-left-radius: 6px;
      height: 100%;
      width: 1.9rem;
      cursor: pointer;
      left: 3.1rem;
  }

  .getGif_b {
      flex: 1;
      width: 100%;
      position: relative;
  }

  .btn02 {
      width: 100%;
      height: .5rem;
      position: absolute;
      bottom: .3rem;
  }

  .btn02_left {
      position: absolute;
      left: 6rem;
      height: 100%;
      width: 1.9rem;
      cursor: pointer;
  }

  .btn02_right {
      position: absolute;
      right: 28px;
      height: 100%;
      width: 1.9rem;
      cursor: pointer;
  }

  /* 04 */

  .section4 {
      width: 100%;
      position: relative;
      height: 10.5rem;
  }

  .section {
      text-align: center;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      overflow: hidden;
      position: relative;
      /* min-width: 1920px; */
  }

  #section8 {
      background-image: url(../images/list.png);
      width: 100%;
      height: 1057px;
      background-position: center top;
  }

  #section0 {
      background-image: url(../images/1bg22.jpg);
      width: 100%;
      /* height: 1043px !important; */
      /* background-size: cover; */
  }

  #section1 {
      background-image: url(../images/2bg.jpg);
      width: 100%;
      /* height: 1043px !important; */
  }

  #section2 {
      background-image: url(../images/3bg.jpg);
      width: 100%;
      /* height: 1043px !important; */
      overflow: hidden;
  }

  #section3 {
      background-image: url(../images/4bg.jpg);
      width: 100%;
      /* height: 1043px !important; */
  }

  .s4-tit {
      position: absolute;
      top: 80px;
      left: 50%;
      margin-left: -98px;
      width: 196px;
      height: 87px;
      background: url(../images/f-4-tit.png) no-repeat left top
  }

  .s4-con {
      width: 17rem;
      height: 10.2rem;
      position: relative;
  }

  .paginDiv {
      width: 100%;
      height: .3rem;
      text-align: center;
      margin-top: .5rem;
      position: relative;
  }

  .paginDiv_con {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 3rem;
      height: .3rem;
      margin-top: -1.5rem;
      margin-left: -8%;
  }

  .swiper-pagination {
      position: absolute;
      top: 1.5rem;
  }

  .swiper-pagination-bullet {
      text-align: center;
  }

  .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      display: inline-block;
      border-radius: 50%;
      background: #000;
      opacity: .2;
      margin-right: .1rem;
  }

  .swiper-div {
      position: absolute;
      width: 13rem;
      height: 7rem;
      left: 3rem;
      top: 2rem;
  }

  .swiper-main {
      position: absolute;
      width: 10.6rem;
      height: 5.99rem;
      left: 1.3rem;
      top: .38rem;
  }

  #fp-nav ul, .fp-slidesNav ul {
      margin: 0;
      padding: 0;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 14px;
      height: 28px;
      box-shadow: 0 0 1px #999;
  }

  /* 任务介绍 */

  .cur {
      display: block;
      -webkit-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -ms-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards;
      -webkit-animation: fadeIn .4s ease-in-out forwards;
      -o-animation: fadeIn .4s ease-in-out forwards;
      -ms-animation: fadeIn .4s ease-in-out forwards;
      animation: fadeIn .4s ease-in-out forwards
  }

  .showBody1 {
      background: url(../images/cur_pic1.png) no-repeat center bottom;
      background-size: 100% auto;
  }

  .noneBody1 {
      background: url(../images/a1.png) no-repeat center bottom;
      background-size: 100% auto;
  }

  .btnInValid {
      display: none;
  }

  .leftCon01 {
      position: absolute;
      left: 3.66rem;
      top: 0.47rem;
      width: 13.2rem;
  }

  .leftCon02 {
      position: absolute;
      left: 3.66rem;
      top: 0.12rem;
      width: 15.3rem;
      height: 10.45rem;
  }

  .leftCon03 {
      position: absolute;
      left: 3.66rem;
      top: 0.53rem;
      width: 15rem;
      height: 10.02rem;
  }

  .leftCon04 {
      position: absolute;
      left: 3.66rem;
      top: .12rem;
      width: 11rem;
      height: 90%;
  }

  .img4 {
      width: 14.7rem;
      height: 10.44rem;
  }

  .img4 img {
      width: 100%;
      height: 100%;
  }

  .img3 {
      width: 15rem;
      height: 10.052rem;
  }

  .img3 img {
      width: 100%;
      height: 100%;
  }

  /* .img2 {
      width: 15.3rem;
      height: 10.38rem;
  } */

  .img2 {
      width: 15.6rem;
      height: 10.45rem;
  }

  .img2 img {
      width: 100%;
      height: 100%;
  }

  .img1 {
      width: 13.2rem;
      height: 10.055rem;
      margin-top: .03rem;
  }

  .img1 img {
      width: 100%;
      height: 100%;
  }

  .btn_cv {
      width: 0.35rem;
      height: 0.35rem;
      position: absolute;
      left: 3.85rem;
      top: 2.38rem;
      cursor: pointer;
  }

  .btn_cv2 {
      width: 0.35rem;
      height: 0.35rem;
      position: absolute;
      left: 4.7rem;
      top: 2.38rem;
      cursor: pointer;
  }

  .btn_cv3 {
      width: 0.35rem;
      height: 0.35rem;
      position: absolute;
      left: 4.22rem;
      top: 2.38rem;
      cursor: pointer;
  }

  .btn_cv4 {
      width: 0.35rem;
      height: 0.35rem;
      position: absolute;
      left: 4.2rem;
      top: 2.79rem;
      cursor: pointer;
  }

  .role_nav {
      position: relative;
      left: 7.9rem;
      height: 2.2rem;
      width: 7.66rem;
      top: 8rem;
      justify-content: space-around;
      display: flex;
  }

  .role_navDiv {
      position: absolute;
      /* background: url(../images/tx.png) no-repeat; */
      background-size: 100% auto;
      width: 100%;
      height: 100%;
      justify-content: space-around;
      display: flex;
  }

  .role_navDiv .rn1 {
      /* left: 0.29rem; */
      position: relative;
      width: 1.8rem;
      height: 2.5rem;
      display: inline-block;
      /* transform: rotate( 45deg); */
      /* top: 0.26rem; */
      /* left: 0.3rem;
      position: relative;
      width: 1.2rem;
      height: 1.2rem;
      display: inline-block;
      transform: rotate(45deg);
      top: 0.3rem; */
  }

  .showBody1 {
      background: url(../images/cur_pic1.png) no-repeat;
      background-size: 100% auto;
  }

  .noneBody1 {
      background: url(../images/a1.png) no-repeat;
      background-size: 100% auto;
  }

  .role_navDiv .rn2 {
      /* position: relative;
      width: 1.32rem;
      height: 1.32rem;
      display: inline-block;
      top: 0.26rem; */
      /* left: 0.88rem; */
      position: relative;
      width: 1.8rem;
      height: 2.5rem;
      display: inline-block;
  }

  .showBody2 {
      background: url(../images/cur_pic2.png) no-repeat;
      background-size: 100% auto;
  }

  .noneBody2 {
      background: url(../images/a2.png) no-repeat;
      background-size: 100% auto;
  }

  .role_navDiv .rn3 {
      /* position: relative;
      width: 1.32rem;
      height: 1.32rem;
      display: inline-block;
      transform: rotate( 45deg);
      top: .26rem;
      left: 1.48rem; */
      /* left: 1.48rem; */
      position: relative;
      width: 1.8rem;
      height: 2.5rem;
      display: inline-block;
  }

  .showBody3 {
      background: url(../images/cur_pic3.png) no-repeat;
      background-size: 100% auto;
  }

  .noneBody3 {
      background: url(../images/a3.png) no-repeat;
      background-size: 100% auto;
  }

  .role_navDiv .rn4 {
      /* position: relative;
      width: 1.32rem;
      height: 1.32rem;
      display: inline-block;
      transform: rotate( 45deg);
      top: .26rem; */
      /* margin-left: -1px; */
      /* left: 2.089rem; */
      position: relative;
      width: 1.8rem;
      height: 2.5rem;
      /* bottom: -.7rem; */
      display: inline-block;
  }

  .showBody4 {
      background: url(../images/cur_pic4.png) no-repeat;
      background-size: 100% auto;
      bottom: 0 !important;
  }

  .noneBody4 {
      background: url(../images/a4.png) no-repeat;
      background-size: 100% auto;
  }

  /* 05 */

  .section5 {
      width: 100%;
      position: relative;
  }

  .divBot {
      width: 9.8rem;
      height: 5rem;
      position: absolute;
      left: 4.7rem;
      top: .2rem;
  }

  .code01 {
      width: 2.2rem;
      height: 2.6rem;
      position: absolute;
      top: 1rem;
  }

  .codepic_a {
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      top: 35%;
      left: 50%;
      margin-left: -0.7rem;
      margin-top: -0.5rem;
  }

  .codepic {
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      top: 35%;
      left: 50%;
      margin-left: -0.7rem;
      margin-top: -0.5rem;
  }

  .codepic_b {
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      top: 35%;
      left: 50%;
      margin-left: -0.7rem;
      margin-top: -0.5rem;
  }

  .codepic_c {
      width: 1.4rem;
      height: 1.4rem;
      position: absolute;
      top: 35%;
      left: 50%;
      margin-left: -0.7rem;
      margin-top: -0.5rem;
  }

  .addBg {
      width: 1.4rem;
      height: 1.4rem;
      background: #fff;
      position: absolute;
  }

  .addBg2 {
      width: 1.4rem;
      height: 1.4rem;
      background: #fff;
      position: absolute;
  }

  .addBg2 img {
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -0.6rem;
      margin-top: -0.6rem;
  }

  .addBg img {
      width: 1.2rem;
      height: 1.2rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -0.6rem;
      margin-top: -0.6rem;
  }

  .codepic img {
      width: 100%;
      height: 100%;
  }

  .wbFont {
      width: 100%;
      position: absolute;
      bottom: 12px;
      height: .6rem;
  }

  .gf {
      text-align: center;
      color: #634e25;
      position: relative;
      top: .15rem;
  }

  .yw {
      color: #9d8671;
      position: relative;
      top: .2rem;
      text-align: center;
      font-size: .1rem;
  }

  .code02 {
      width: 2.2rem;
      height: 2.6rem;
      position: absolute;
      top: 1rem;
      left: 3.8rem;
  }

  .code03 {
      width: 2.2rem;
      height: 2.6rem;
      position: absolute;
      top: 1rem;
      left: 7.6rem;
  }

  .Call {
      width: 100%;
      height: .5rem;
      position: absolute;
      bottom: .43rem;
  }

  .call_left {
      width: 3.5rem;
      height: 100%;
      position: absolute;
      left: 1rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }

  .qfont {
      flex: 1;
  }

  .qbtn {
      height: .3rem;
      position: relative;
      top: 0.05rem;
      width: 1.2rem;
      right: .1rem;
  }

  .call_left p {
      font-size: .2rem;
      color: #584216;
      line-height: .4rem;
      box-sizing: content-box;
      text-align: center;
  }

  .call_right {
      width: 3.5rem;
      height: 100%;
      position: absolute;
      left: 5.25rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
  }

  .call_right p {
      font-size: .2rem;
      color: #584216;
      line-height: .4rem;
      box-sizing: content-box;
      text-align: center;
  }

  @-webkit-keyframes fadeIn {
      0% {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          opacity: 0;
          filter: alpha(opacity=0)
      }
      100% {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100)
      }
  }

  @-moz-keyframes fadeIn {
      0% {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          opacity: 0;
          filter: alpha(opacity=0)
      }
      100% {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100)
      }
  }

  @-ms-keyframes fadeIn {
      0% {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          opacity: 0;
          filter: alpha(opacity=0)
      }
      100% {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100)
      }
  }

  @-o-keyframes fadeIn {
      0% {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          opacity: 0;
          filter: alpha(opacity=0)
      }
      100% {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100)
      }
  }

  @keyframes fadeIn {
      0% {
          -webkit-opacity: 0;
          -moz-opacity: 0;
          opacity: 0;
          filter: alpha(opacity=0)
      }
      100% {
          -webkit-opacity: 1;
          -moz-opacity: 1;
          opacity: 1;
          filter: alpha(opacity=100)
      }
  }

  /* 立即预约界面 */

  .showPage {
      display: block!important;
      -webkit-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -ms-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards;
      -webkit-animation: fadeIn .4s ease-in-out forwards;
      -o-animation: fadeIn .4s ease-in-out forwards;
      -ms-animation: fadeIn .4s ease-in-out forwards;
      animation: fadeIn .4s ease-in-out forwards
  }

  .nonePage {
      display: none!important;
      -webkit-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -ms-animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      animation: fadeIn .4s ease-in-out forwards 300ms 0 ease;
      -moz-animation: fadeIn .4s ease-in-out forwards;
      -webkit-animation: fadeIn .4s ease-in-out forwards;
      -o-animation: fadeIn .4s ease-in-out forwards;
      -ms-animation: fadeIn .4s ease-in-out forwards;
      animation: fadeIn .4s ease-in-out forwards
  }

  /* 邀请好友错误提示 */

  .friend_tips {
      width: 5.5rem;
      height: 5.5rem;
      position: absolute;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
  }

  .chaPic_tips {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/no_zc.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .friend_cha_page_con {
      width: 4.8rem;
      height: 2.8rem;
      position: relative;
      display: flex;
      flex-direction: column;
      top: 22%;
      left: 53%;
      margin-left: -2.4rem;
  }

  .friend_cha_page_top {
      height: 2.2rem;
  }

  .friend_cha_pageList {
      position: relative;
      left: .4rem;
      width: 4.4rem;
      height: 1.4rem;
      display: flex;
      justify-content: space-between;
      top: 0.29rem;
  }

  .friend_cha_input {
      position: absolute;
      bottom: 13px;
      width: 3.8rem;
      height: .4rem;
      border-radius: 5px;
      color: #9e8c68;
      line-height: .4rem;
      text-align: center;
      font-size: 12px;
  }

  .chaPage {
      width: 5.5rem;
      height: 5.5rem;
      position: relative;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
  }

  .chaPic {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/call_page.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .cha_page_con {
      width: 4.8rem;
      height: 2.8rem;
      position: relative;
      display: flex;
      flex-direction: column;
      top: 22%;
      left: 53%;
      margin-left: -2.4rem;
  }

  .cha_page_top {
      height: 2.2rem;
  }

  .cha_isclose {
      position: absolute;
      right: 5px;
      width: .25rem;
      height: .25rem;
      top: .6rem;
      cursor: pointer;
      z-index: 999;
  }

  .chaxunBtn {
      position: relative;
      width: 1.7rem;
      height: .4rem;
      top: 0.3rem;
      left: 1.4rem;
      cursor: pointer;
  }

  .cha_pageList {
      position: relative;
      left: .4rem;
      width: 4.4rem;
      height: 1.4rem;
      display: flex;
      justify-content: space-between;
      top: 0.29rem;
  }

  .cha_input {
      position: absolute;
      bottom: 13px;
      width: 3.8rem;
      height: .33rem;
      background: #fff;
      border-radius: 2px;
  }

  .phone_tips {
      position: absolute;
      bottom: -.14rem;
      width: 3.8rem;
      height: .25rem;
      color: red;
      font-size: .1rem;
      text-align: center;
  }

  #cha_phone {
      vertical-align: sub;
  }

  /* 查询结果 */

  .chaGiftPage {
      width: 5.5rem;
      height: 5.5rem;
      position: absolute;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
  }

  .chaGiftPic {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/cha_bg.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .chaGift_con {
      width: 4.8rem;
      height: 2.9rem;
      position: relative;
      display: flex;
      flex-direction: column;
      top: 22%;
      left: 53%;
      margin-left: -2.4rem;
  }

  .chaGift_top {
      height: 2.2rem;
  }

  .chaGift_isclose {
      position: absolute;
      right: 5px;
      width: .25rem;
      height: .25rem;
      top: .55rem;
      cursor: pointer;
      z-index: 999;
  }

  .cha_gift_ok {
      width: 3.8rem;
      height: .7rem;
      position: absolute;
      top: .98rem;
      left: .37rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      line-height: .7rem;
  }

  .gift_f_input {
      width: 3.7rem;
      height: .22rem;
      position: absolute;
      top: 0rem;
      left: 0;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      line-height: .4rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
  }

  .writea_input {
      position: absolute;
      top: 0;
  }

  .cha_num {
      width: 3.2rem;
      height: .8rem;
      position: absolute;
      top: 2.1rem;
      left: .8rem;
      color: #d22c2c;
  }

  .friendNum {
      position: absolute;
      top: .1rem;
      left: 1.62rem;
      width: .45rem;
      height: .3rem;
      text-align: center;
  }

  .nums_Gift {
      position: absolute;
      top: .45rem;
      left: 0.88rem;
      width: .45rem;
      height: .3rem;
      text-align: center;
  }

  .yuyuePage {
      width: 5.5rem;
      height: 5.5rem;
      position: absolute;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
      display: none;
  }

  .pagePic {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/yuyue_bg.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .page_con {
      width: 4.8rem;
      height: 2.8rem;
      position: relative;
      display: flex;
      flex-direction: column;
      top: 22%;
      left: 53%;
      margin-left: -2.4rem;
  }

  .page_top {
      height: 2.2rem;
  }

  .isclose {
      position: absolute;
      right: 7px;
      width: .25rem;
      height: .25rem;
      top: .58rem;
      cursor: pointer;
      z-index: 999;
  }

  .page_bot {
      flex: 1;
      width: 100%;
      height: .6rem;
  }

  .queding {
      width: 2.2rem;
      height: .4rem;
      margin-top: .15rem;
      margin-left: 1.2rem;
      cursor: pointer;
  }

  .pageList {
      position: relative;
      left: .6rem;
      width: 4.4rem;
      height: 1.4rem;
      display: flex;
      justify-content: space-between;
      top: 0.59rem;
      font-size: 16px!important;
  }

  .pageLeft {
      width: 1.2rem;
      height: 1.3rem;
      line-height: .3rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      color: #988869;
      text-align: right;
      margin-top: .12rem;
      margin-right: 5px;
  }

  .pageRight {
      width: 4.4rem;
      height: 1.4rem;
      font-size: 10px;
      margin-top: .1rem;
  }

  .isIOS {
      /* flex: 1; */
      line-height: .5rem;
      color: #9e8c68;
      font-size: 14px;
      margin-top: -1px;
  }

  .addColor {
      background: #9e8c68;
      color: #fff;
  }

  .ab {
      display: inline-block;
      width: 1rem;
      /* vertical-align: revert; */
      position: relative;
      top: 2px;
      line-height: .25rem;
      text-align: center;
      border-radius: 2px;
      left: -7px;
      cursor: pointer;
      height: .25rem;
      font-size: 14px;
  }

  .abc {
      display: inline-block;
      width: 1rem;
      /* vertical-align: revert; */
      position: relative;
      top: 2px;
      line-height: .25rem;
      text-align: center;
      left: 0.4rem;
      border-radius: 2px;
      cursor: pointer;
      height: .25rem;
      font-size: 14px;
  }

  .input01 {
      background-color: #d8cfc8;
      border-radius: 3px;
      margin-bottom: 14px;
      width: 2.8rem;
      margin-top: 7px;
      color: #9e8c68;
      height: .25rem;
      line-height: .25rem;
  }

  .input02 {
      /* flex: 1; */
      background-color: #d8cfc8;
      border-radius: 3px;
      margin-bottom: 8px;
      width: 1.55rem;
      margin-top: 0px;
      display: inline-block;
  }

  .input03 {
      /* flex: 1; */
      background-color: #d8cfc8;
      border-radius: 3px;
      margin-bottom: 14px;
      width: 2.8rem;
      margin-top: 7px;
      display: none;
  }

  #input02 {
      background: none;
      outline: none;
      border: none;
      width: 1.8rem;
      height: .22rem;
      color: #9e8c68;
  }

  input {
      background: none;
      outline: none;
      border: none;
      width: 2.8rem;
      height: .22rem;
      color: #9e8c68;
      font-size: 12px;
      /* line-height: .3rem; */
      /* vertical-align: super; */
  }

  .getCode {
      height: .25rem;
      width: 1.18rem;
      display: inline-block;
      background: #9e8c68;
      /* padding: 2px; */
      text-align: center;
      color: #fff;
      border-radius: 2px;
      cursor: pointer;
      vertical-align: top;
      font-size: 10px!important;
  }

  .timeTip {
      display: block;
      color: #9e8c68;
      font-size: 10px;
      margin-top: 0px;
  }

  /* 错误提示 */

  .errtip {
      color: red;
      position: absolute;
      top: 1.66rem;
      font-size: .1rem;
  }

  /* 邀请好友 */

  .goodfriend {
      width: 5.5rem;
      height: 5.5rem;
      position: relative;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
      display: none;
  }

  .pagePic_friend {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/yaoqing.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .f_bg {
      width: 1rem;
      height: 1rem;
      background: #fff;
      position: absolute;
      top: 1.487rem;
      left: 1.76rem;
  }

  #qrcode {
      width: 0.85rem;
      height: 0.85rem;
      position: absolute;
      top: 67%;
      left: 48.2%;
      margin-left: -0.425rem;
      margin-top: -0.425rem;
  }

  #qrcode img {
      width: 100%;
      height: 100%;
  }

  /* .codeImg_f {
      height: 100%;
      background: url(../images/code.png) no-repeat;
      background-size: contain;
  } */

  .gift_f {
      width: 3.7rem;
      height: .3rem;
      position: absolute;
      top: .12rem;
      left: .37rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      line-height: .7rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
  }

  .f_btn {
      margin-top: 3px;
      height: .21rem;
      width: 1.2rem;
      border-radius: 2px;
      color: #fff;
      text-align: center;
      position: relative;
  }

  .f_btn2 {
      margin-top: -2px;
      margin-right: -6px;
      height: .22rem;
      width: 1rem;
      border-radius: 2px;
      color: #fff;
      text-align: center;
      position: relative;
  }

  .f_btn2 p {
      position: absolute;
      left: .01rem;
      font-size: .1rem;
      display: inline-block;
      width: 100%;
      height: 100%;
      cursor: pointer;
  }

  .f_btn p {
      position: absolute;
      left: 0.3rem;
      font-size: .1rem;
      top: 0rem;
      display: inline-block;
      width: 88%;
      height: 100%;
      cursor: pointer;
  }

  .writea {
      height: .19rem;
      background: #d8cfc8;
      margin-right: -25px;
      width: 2.3rem;
      /* margin-top: .07rem; */
  }

  .writea_a {
      height: .19rem;
      background: #d8cfc8;
      margin-right: -25px;
      width: 2.3rem;
      margin-top: .07rem;
  }

  /* 预约成功 */

  .yuyuePage_ok {
      width: 5.5rem;
      height: 5.5rem;
      position: absolute;
      top: 17%;
      left: 50%;
      margin-left: -2.7rem;
      display: inline-block;
      z-index: 99999;
      display: none;
  }

  .pagePic_ok {
      width: 5.5rem;
      height: 5.5rem;
      background: url(../images/yuyue_ok.png) no-repeat 100% 100%;
      background-size: contain;
  }

  .page_con_ok {
      width: 4.8rem;
      height: 3.2rem;
      position: relative;
      display: flex;
      flex-direction: column;
      top: 32%;
      left: 53%;
      margin-left: -2.4rem;
  }

  .okBtn {
      position: absolute;
      right: 2px;
      width: .3rem;
      height: .3rem;
      cursor: pointer;
  }

  .okCode {
      width: .9rem;
      height: .9rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -0.45rem;
      margin-top: -0.45rem;
  }

  .codeImg {
      height: 100%;
      background: url(../images/code.png) no-repeat;
      background-size: contain;
  }

  .gift_ok {
      width: 3.8rem;
      height: .7rem;
      position: absolute;
      top: .55rem;
      top: 0rem;
      left: .37rem;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      line-height: .7rem;
  }

  .goTo {
      text-align: center;
      position: absolute;
      bottom: 6px;
      height: .3rem;
      line-height: .27rem;
      padding: 2px 30px;
      box-sizing: border-box;
      color: #fff;
      border-radius: 2px;
      cursor: pointer;
      font-size: 12px;
  }

  .ok01 {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
  }

  .ok01bg {
      background: url(../images/ok1.png) no-repeat;
      background-size: contain;
      width: .5rem;
      height: .7rem;
      margin: 0 auto;
  }

  .ok02bg_img_h {
      background: url(../images/ok2.png) no-repeat;
  }

  .ok02bg_img_l {
      background: url(../images/gift2_l.png) no-repeat;
  }

  .gray {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray;
  }

  .ok02bg {
      background: url(../images/gift2_l.png) no-repeat;
      background-size: contain;
      width: .5rem;
      height: .7rem;
      margin: 0 auto;
  }

  .ok03bg_img_h {
      background: url(../images/ok3.png) no-repeat;
  }

  .ok03bg_img_l {
      background: url(../images/gift3_l.png) no-repeat;
  }

  .ok03bg {
      background: url(../images/gift3_l.png) no-repeat;
      background-size: contain;
      width: .5rem;
      height: .7rem;
      margin: 0 auto;
  }

  .ok04bg_img_h {
      background: url(../images/ok4.png) no-repeat;
  }

  .ok04bg_img_l {
      background: url(../images/gift4_l.png) no-repeat;
  }

  .ok04bg {
      background: url(../images/gift4_l.png) no-repeat;
      background-size: contain;
      width: .5rem;
      height: .7rem;
      margin: 0 auto;
  }

  .okn {
      height: .2rem;
      line-height: .2rem;
      color: #8b594a;
      font-size: .1rem;
  }

  .ok02 {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-top: 2px;
  }

  .ok03 {
      flex: 1;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-top: 2px;
  }

  .ok04 {
      flex: 1;
      text-align: center;
      font-size: .1rem;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      padding-top: 2px;
  }

  .jdNumber_01 {
      margin-left: 50px;
  }

  .wenan02 {
      position: relative;
      top: 0.32rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      left: 0.4rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan03 {
      position: relative;
      top: 0.54rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      width: 100%;
      left: .4rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan04 {
      position: relative;
      top: 0.45rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      width: 100%;
      left: .4rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  .wenan {
      position: relative;
      top: 0.4rem;
      font-size: 0.1rem;
      color: #957c74;
      line-height: 0.24rem;
      /* height: 3.5rem; */
      left: .4rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }

  ::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #9e8c68;
  }

  ::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #9e8c68;
  }

  :-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #9e8c68;
  }

  @media screen and (max-width: 1132px) {}

  @media screen and (max-width: 1060px) {}

  @media screen and (max-width: 1060px) {}

  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      color: #9e8c68;
      font-size: 14px;
  }

  input:-moz-placeholder, textarea:-moz-placeholder {
      color: #9e8c68;
      font-size: 14px;
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
      color: #9e8c68;
      font-size: 14px;
  }

  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
      color: #9e8c68;
      font-size: 14px;
  }

  #root {
      height: 41.45rem;
      width: 19.2rem;
  }

  .footer {
      width: 19.2rem;
      height: 200px;
      background: #304853;
      position: relative;
  }

  .font_wa {
      margin: 0 auto;
      width: 70%;
      height: 100%;
  }

  .wenzi {
      position: absolute;
      width: 928px;
      height: 98px;
      color: #95aeba;
      margin: 0 auto;
      text-align: center;
      /* line-height: 200px; */
      top: 50%;
      margin-top: -49px;
      left: 50%;
      margin-left: -464px;
      font-size: 14px;
  }

  .wen {
      display: inline-block;
      /* height: 24px; */
      padding-left: 25px !important;
      /* background: url(https://i.7k7kimg.cn/themes/www/wen.png) 0 center no-repeat; */
      /* margin-left: 5px; */
  }

  a {
      text-decoration: none;
  }

  .f-1 {
      position: absolute;
      left: 50%;
      top: 7px;
      width: 769px;
      height: 357px;
      margin-left: -430px;
      background-image: url(../images/f-1.png);
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
  }

  .f-1-start {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 149px;
      height: 149px;
      margin-left: -78px;
      margin-top: -30px;
      background-image: url(../images/f-1-start.png);
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer;
      z-index: 9999;
  }

  /* ---------------预约结束后要换掉---------------- */

  .f-1-yuyue {
      position: absolute;
      left: 50%;
      bottom: 80px;
      width: 505px;
      height: 160px;
      margin-left: -252px;
      background-image: url(../images/f-1-yuyue.png);
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
      display: none;
  }
  .f-1-yuyue-dl {
      display: block;
      position: absolute;
      left: 50%;
      bottom: 80px;
      width: 416px;
      height: 160px;
      margin-left: -208px;
      background-image: url(../images/tapwb.png);
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
  }

  /* ---------------预约结束后要换掉  f-1-xiazai 显示---------------- */

  /* 预约接收后显示 */

  .f-1-xiazai {
      position: absolute;
      left: 50%;
      bottom: 1rem;
      width: 556px;
      height: 160px;
      margin-left: -278px;
      background-image: url(../images/f-1-xiazai.png);
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
      font-size: 0;
      display: none;
  }
  .f-1-yuyue-dl.stop {
    display: none;
  }
.f-1-xiazai.stop {
  background-image: url(../images/f-1-xiazai123.png);
  display: block;
}
.stop .xiazai_tap {
  display: none
}
.stop .xiazai_apple {
    width: 315px;
  }
  .stop .xiazai_andriod {
      width: 315px;
    }
    .stop .xiazai_code {
      /* background-image: url(../images/xiazai123123.png); */
      background-image: url(../images/xiazai20240122.png);
    }
  /* 预约接收后显示 */

  .f-1-xiazai a {
      font-size: 0;
      display: block;
      width: 100%;
      height: 100%;
  }

  .xiazai_code {
      width: 122px;
      height: 122px;
      position: absolute;
      left: 67px;
      top: 19px;
      /* border: 1px solid #e3e3e3; */
      border-radius: 5px;
      overflow: hidden;
      background-image: url(../images/xiazai.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
  }

  .xiazai_apple {
      width: 176px;
      height: 54px;
      position: absolute;
      left: 212px;
      top: 23px;
      /* border: 1px solid #e3e3e3; */
      border-radius: 5px;
      overflow: hidden;
  }

  .xiazai_andriod {
      width: 176px;
      height: 54px;
      position: absolute;
      left: 212px;
      top: 83px;
      /* border: 1px solid #e3e3e3; */
      border-radius: 5px;
      overflow: hidden;
  }

  .xiazai_tap {
      width: 121px;
      height: 121px;
      position: absolute;
      right: 32px;
      top: 19px;
      /* border: 1px solid #e3e3e3; */
      border-radius: 5px;
      overflow: hidden;
  }

  .yuyue_code {
      width: 110px;
      height: 110px;
      position: absolute;
      left: 74px;
      top: 25px;
  }

  .yuyue_btn a {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 0;
  }

  .code_pic {
      width: 100%;
      height: 100%;
      background: url(../images/code.png)no-repeat;
      background-size: 100% auto;
  }

  .yuyue_btn {
      width: 200px;
      height: 50px;
      position: absolute;
      right: 66px;
      top: 87px;
      cursor: pointer;
  }
  .dl_code {
    width: 115px;
height: 115px;
position: absolute;
left: 259px;
top: 23px;
  }

  .dl_code_pic {
      width: 100%;
      height: 100%;
      background: url(http://www.jiayouchuxin.com/reserve/images/code--.png)no-repeat;
      background-size: 100% auto;
  }
  /* #myMenuPop {
      z-index: 999999999;
      position: fixed;
      top: 308px;
      right: 76px;
      width: 102px;
      height: 373px;
      background: url(../images/float-bg.png) no-repeat left top
  }

  #myMenu {
      padding: 1px 10px;
  }

  #myMenu li {
      height: 36px;
      line-height: 36px;
      font-size: 16px;
      text-align: center;
      color: #645545
  }

  #myMenu li a {
      color: #5c2313 !important;
  }

  #myMenu li.active {
      font-size: 16px;
      text-align: center;
      color: #645545;
      text-shadow: 0 0 1px #000000
  } */

  /* #helper {
      padding: 0px 30px;
  }

  #helper li {
      width: 40px;
      height: 40px;
      margin: 0 auto;
      cursor: pointer;
  }

  .helper-pop {
      display: none;
      position: absolute;
      top: 200px;
      right: 80px;
      width: 122px;
      height: 106px;
      background: url(../images/biankuang.png) no-repeat left top
  }

  .helper-pop.qq {
      display: none;
      position: absolute;
      top: 200px;
      right: 80px;
      width: 128px;
      height: 74px;
      background: url(../images/tip-qq.png) no-repeat left top
  }

  .helper-pop.qq .hp-con {
      padding: 14px 0px 0px 16px
  }

  .helper-pop.qq p {
      font-size: 16px;
      color: #7d5647 !important;
      text-align: left;
      line-height: 24px
  }

  .helper-pop.qq .hp-rr {
      width: 31px;
      height: 105px;
      background: url(../images/tip-rr.png) no-repeat left top
  }

  .helper-pop .hp-con {
      padding: 10px 22px 0px 12px
  } */

  a {
      text-decoration: none;
  }

  ul {
      list-style-type: none;
  }

  /* #myMenuPop .shu {

      z-index: 9999;
      position: absolute;
      top: -186px;
      right: -78px;
      width: 289px;
      height: 188px;
      background: url(../images/shu.png) no-repeat left top
  } */
  #myMenuPop {
      z-index: 99;
      position: fixed;
      top: 185px;
      right: 51px;
      width: 146px;
      height: 528px;
      background: url(../images/float-bg.png) no-repeat left top;
  }

  #myMenu {
      padding: 1px 10px;
  }

  .QQdata {
      position: absolute;
      bottom: 77px;
      width: 79px;
      height: 20px;
      left: 29px;
      color: #fff;
      font-size: 12px;
      text-align: center;
      line-height: 20px;
  }

  .wbdev {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 35px;
      left: 29px;
      background: #fff;
  }

  .tapdev {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 161px;
      left: 29px;
      background: #fff;
  }

  .tapdev img {
      width: 100%;
      height: 100%;
      padding: 4px;
      box-sizing: border-box;
  }

  .wxdev {
      width: 80px;
      height: 80px;
      position: absolute;
      top: 285px;
      left: 29px;
      background: #fff;
  }

  .wxdev img {
      width: 100%;
      height: 100%;
      padding: 4px;
      box-sizing: border-box;
  }

  .wbdev img {
      width: 100%;
      height: 100%;
      padding: 4px;
      box-sizing: border-box;
  }

  #myMenuPop .shu {
      z-index: 9999;
      position: absolute;
      top: -186px;
      right: -57px;
      width: 289px;
      height: 188px;
      background: url(../images/shu.png) no-repeat left top;
  }


  /* list */

  .list_main_con {
      padding-top: 169px;
      width: 100%;
      height: auto;
      /* min-height: 1057px; */
  }

  .con_title {
      height: 72px;
      width: 100%;
      margin-left: 38px;
      color: #fff;
      text-align: left;
      font-size: 24px;
      line-height: 72px;
      font-weight: bold;
      letter-spacing: 3px;
  }

  .list_info {
      height: 757px;
      width: 100%;
      overflow-y: scroll;
  }

  .div_list {
      width: 95%;
      height: auto;
      margin: 0px auto;
      text-align: left;
      color: #666;
  }

  .list_info {
      margin: 30px 0px 30px 50px !important;
      padding-right: 50px;
      height: 697px;
      width: auto;
      overflow-y: scroll;
  }

  .ul_list {
      width: 100%;
      height: auto;
  }

  .ul_list li {
      height: 66px;
      width: 100%;
      line-height: 66px;
      border-bottom: 1px solid #cecece;
      position: relative;
  }

  .times_list {
      width: 15rem;
      height: 100%;
      display: inline-block;
      color: #999999;
      padding-right: 40px;
      text-align: right;
      font-size: 14px;
      font-weight: normal;
  }

  .list1_list {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: 100%;
      color: #666;
      font-weight: bold;
  }

  .showSP {
      display: none;
      position: absolute;
      width: 1080px;
      height: 610px;
      z-index: 99999;
      top: 50%;
      left: 50%;
      margin-left: -540px;
      margin-top: -305px;
      box-shadow: 0 0 50px #000;
      background-color: #000;
      border-radius: 10px;
      overflow: hidden;
      border: 1px solid #333
  }

  .showSP span {
      position: absolute;
      display: block;
      width: 80px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background: rgba(255, 255, 255, 0.6);
      font-size: 14px;
      border-radius: 5px;
      box-shadow: 0 0 1px #666;
      right: 10px;
      top: 10px;
      cursor: pointer;
      z-index: 99
  }

  #toplay {
      width: 1080px;
      /* width: 15.5rem; */
      height: 610px;
      outline: none
  }

  #toplay1 {
      width: 100%;
      height: 100vh;
      outline: none;
      position: absolute;
      left: 0;
      top: 0;
      /* margin-left: -960px; */
      z-index: 0;
      object-fit: cover
  }

  .showSPbg1 {
      width: 1920px;
      height: 1043px;
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -960px;
      z-index: 1
  }

  .titles {
      position: absolute;
      left: 50%;
      top: 20px;
      width: 196px;
      height: 140px;
      border: 0px solid red;
      background-image: url(../images/logo.png);
      background-repeat: no-repeat;
      background-position: center;
      z-index: 9999;
      margin-left: -692px;
  }

  .links ul {
      width: 411px;
      height: 25px;
      margin: 0 auto;
      display: inline-flex;
  }

  .links ul li {
      width: 137px;
      color: #95aeba;
      font-size: 14px;
      background: none
  }

  .links ul li+li {
      width: 137px;
      color: #95aeba;
      font-size: 14px;
      background: url(../images/line1.jpg) no-repeat left center
  }

  .links ul li a {
      width: 137px;
      color: #95aeba !important;
      font-size: 14px;
      line-height: 25px
  }

  @media screen and (min-width: 3000px) {
      .yuyue_code {
          width: 115px;
          height: 115px;
          position: absolute;
          left: 72px;
          top: 23px;
      }
      .yuyue_btn {
          width: 302px;
          height: 62px;
          position: absolute;
          right: 104px;
          top: 148px;
          cursor: pointer;
      }
      .f-1-yuyue {
          position: absolute;
          left: 50%;
          bottom: 80px;
          width: 792px;
          height: 255px;
          margin-left: -252px;
          background-image: url(../images/f-1-yuyue.png);
          background-repeat: no-repeat;
          background-position: center;
          z-index: 9999;
          background-size: cover;
      }
      .f-1-start {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 257px;
          height: 240px;
          margin-left: -78px;
          margin-top: -30px;
          background-image: url(../images/f-1-start.png);
          background-repeat: no-repeat;
          background-position: center;
          cursor: pointer;
          z-index: 9999;
          background-size: contain;
      }
      .f-1-xiazai {
          position: absolute;
          left: 50%;
          bottom: 1rem;
          width: 892px;
          height: 255px;
          margin-left: -278px;
          background-image: url(../images/f-1-xiazai.png);
          background-repeat: no-repeat;
          background-position: center;
          z-index: 9999;
          font-size: 0;
          display: none;
          background-size: cover;
      }
      .xiazai_code {
          width: 194px;
          height: 194px;
          position: absolute;
          left: 108px;
          top: 31px;
          /* border: 1px solid #e3e3e3; */
          border-radius: 5px;
          overflow: hidden;
          background-image: url(../images/xiazai.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          /* border: 1px solid red; */
      }
      .xiazai_apple {
          width: 282px;
          height: 80px;
          position: absolute;
          left: 342px;
          top: 39px;
          /* border: 1px solid #e3e3e3; */
          border-radius: 5px;
          overflow: hidden;
      }
      .xiazai_andriod {
          width: 282px;
          height: 80px;
          position: absolute;
          left: 342px;
          top: 138px;
          /* border: 1px solid #e3e3e3; */
          border-radius: 5px;
          overflow: hidden;
      }
      .xiazai_tap {
          width: 197px;
          height: 179px;
          position: absolute;
          right: 52px;
          top: 39px;
          /* border: 1px solid #e3e3e3; */
          border-radius: 5px;
          overflow: hidden;
      }
  }