html, body {
   /* font-size: 10px; */
   margin: 0 auto;
   width: 100%;
   height: 100vh;
   max-width: 750px;
   /* background: #fff1d2; */
   -moz-user-select: none;
   /*火狐*/
   -webkit-user-select: none;
   /*webkit浏览器*/
   -ms-user-select: none;
   /*IE10*/
   -khtml-user-select: none;
   /*早期浏览器*/
   user-select: none!important;
}

.wrap {
   width: 100%;
}

.top_mp4 {
   position: relative;
   z-index: 0;
   /* height: 17.7rem;
   width: 100%;
   max-width: 750px; */
}

.index__video--pJUqy {
   width: 100%;
   height: auto;
   /* position: absolute;
   top: 0 */
   position: relative;
   z-index: -1;
   height: 17.9rem;
}

.bgShow {
   max-width: 750px;
   width: 100%;
   height: 17.9rem;
   background: url('../images/banner-min.png') no-repeat;
   background-size: 100% auto;
}

/* .giftShow {
   width: 100%;
   height: 20rem;
   border: 2px solid red;
   position: relative;
   top: 0;
   z-index: 1;
} */

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

.newcenter {
   width: 100%;
   background: url('../images/wap_bg.png') no-repeat;
   /* background-size: 100% 100%; */
   background-size: 100% auto;
   margin: 0 auto;
   max-width: 750px;
   margin-top: -0.15rem;
   position: relative;
}

.newcenter:before {
   content: "";
   display: block;
   padding-top: 530%;
}

.nav_top {
   position: fixed;
   top: 0;
   background: url('../images/nav.png') center no-repeat;
   background-size: 100% auto;
   width: 100%;
   max-width: 750px;
   z-index: 90;
   z-index: 9999;
}
.nav_top.stop {
   position: fixed;
   top: 0;
   background: url('../images/nav123.png') center no-repeat;
   background-size: 100% auto;
   width: 100%;
   max-width: 750px;
   z-index: 90;
   z-index: 9999;
}

.music {
   position: absolute;
   width: 1rem;
   height: 1rem;
   left: 8.5rem;
   top: 1.7rem;
}

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

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

.music_close {
   position: absolute;
   width: 1rem;
   height: 1rem;
   left: 4.7rem;
   top: .25rem;
}

.icons {
   position: absolute;
   left: .47rem;
   width: 1.25rem;
   height: 1.25rem;
   background: url(../images/icon1024-min.png)no-repeat;
   background-size: 100% auto;
   top: 51%;
   margin-top: -0.55rem;
}

.topBtn {
   position: absolute;
   left: 5.3rem;
   width: 3.4rem;
   height: .95rem;
   top: .15rem;
}

.mark {
   position: absolute;
   left: 8.98rem;
   width: .8rem;
   height: .8rem;
   top: .3rem;
}

.down_nav {
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .85);
   z-index: 9999;
   position: fixed;
   top: 0px;
   max-width: 750px;
}

#close {
   display: inline-block;
   width: 25px;
   height: 2px;
   background: #fff;
   transform: rotate( 45deg);
   position: absolute;
   right: .5rem;
   top: 1rem;
   border-radius: 5px;
}

.mark_nav {
   position: fixed;
   top: 50%;
   left: 50%;
   /* bottom: 0; */
   color: #fff;
   width: 7rem;
   height: auto;
   margin-top: -2.5rem;
   margin-left: -3.5rem;
}

.mark_ul {
   height: 100%;
   width: 100%;
}

.mark_ul .nav_div {
   height: 1.1rem;
   width: 100%;
   text-align: center;
   line-height: 1.1rem;
   font-size: 14px;
   position: relative;
}

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

.icon_nav {
   /* display: flex;
   justify-content: space-around; */
   width: 100%;
   height: 100%;
}

.icon01 {
   width: 15px;
   height: 15px;
   /* line-height: 22px; */
   margin-top: .3rem;
   display: inline-block;
   margin-right: .4rem;
}

.nav_title {
   display: inline-block;
}

#close::after {
   content: '';
   display: block;
   width: 25px;
   height: 2px;
   background: #fff;
   transform: rotate(-90deg);
   border-radius: 5px;
}

.showPage {
   display: block!important;
}

.nonePage {
   display: none!important;
}

.main_con01 {
   width: 100%;
   height: 12rem;
   position: absolute;
   top: 0;
}

.con01_info {
   width: 5rem;
   height: 2.5rem;
   /* margin: 0 auto; */
   position: absolute;
   top: .2rem;
   left: 2.5rem;
}

/* 礼物区域 */

/* .gift_level {
   position: absolute;
   width: 5rem;
   height: 7.09rem;
   top: 4.2rem;
   left: 2.8rem;
} */

.gift_level {
   position: absolute;
   width: 7rem;
   height: 8.33rem;
   top: 2.3rem;
   left: 2rem;
}

.show_pic {
   width: 6.3rem;
   height: 3.9rem;
   position: absolute;
   top: 0.5rem;
   left: .31rem;
}

.img_div {
   width: 100%;
   height: 100%;
   padding: 0 .1rem 0 0;
   box-sizing: border-box;
}

.img_div img {
   width: 100%;
   height: 96%;
   border-radius: 5px;
   max-width: 100%;
   max-height: 100%;
}

.items {
   width: 6.35rem;
   height: 4rem;
   position: absolute;
   top: 4.5rem;
   left: .25rem;
}

.nav_font {
   height: .8rem;
   width: 100%;
   line-height: 1rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   font-size: 14px;
   text-align: center;
   color: #5c2313;
   font-weight: 600;
   position: relative;
}

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

.nav_font div {
   flex: 1;
}

.con_list {
   height: 3.2rem;
   width: 100%;
   margin-top: 4px;
   margin-left: .15rem;
}

.con_list li {
   height: .73rem;
   width: 100%;
   /* line-height: .8rem; */
   position: relative;
   line-height: .73rem;
}

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

/* 活动 */

.con_list_act {
   height: 3.2rem;
   width: 100%;
   margin-top: 4px;
   margin-left: .15rem;
}

.con_list_act li {
   height: .73rem;
   width: 100%;
   /* line-height: .8rem; */
   position: relative;
   line-height: .73rem;
}

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

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

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

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

.times {
   width: 1rem;
   height: 100%;
   display: inline-block;
   color: #978a75;
   transform: scale(.9);
   /* transform: scale(.8); */
   /* text-align: right; */
}

.wb_font {
   display: inline-block;
   width: 4rem;
   height: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 5.3rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-left: 8px;
   box-sizing: border-box;
   font-size: 12px;
   color: #5c2313!important;
}

.wb_font_all {
   display: inline-block;
   width: 4rem;
   height: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 6.3rem;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding-left: 8px;
   box-sizing: border-box;
   font-size: 12px;
   color: #5c2313!important;
}

.progress {
   width: 100%;
   height: 3rem;
   position: absolute;
   top: 13rem;
   /* background-color: pink; */
}

.line_bg {
   position: absolute;
   top: 0;
   height: .19rem;
   width: 100%;
   background: url(../images/line.png) no-repeat;
   background-size: 100% auto;
}

.showColor {
   /* line-height: .15rem;
   position: absolute;
   top: 54%;
   margin-top: -.09rem; */
   /* margin-top: 0.04rem; */
}

.show_01 {
   background: url(../images/show1.png)no-repeat;
   background-size: 100% auto;
   width: 2.1rem;
   height: .1rem;
   margin-top: 0.04rem;
}

.show_015 {
   background: url(../images/show1.png)no-repeat;
   background-size: 100% auto;
   width: 3rem;
   height: .15rem;
   margin-top: 0.01rem;
}

.show_100 {
   background: url(../images/show1.png)no-repeat;
   background-size: 100% auto;
   width: 4.1rem;
   height: .1rem;
   margin-top: 0.03rem;
}

.show_03 {
   background: url(../images/show_03.png)no-repeat;
   background-size: 100% auto;
   width: 5rem;
   height: .15rem;
   margin-top: 1.6px;
}

.show_04 {
   background: url(../images/show_03.png)no-repeat;
   background-size: 100% auto;
   width: 6.1rem;
   height: .1rem;
   margin-top: 1.6px;
}

.show_05 {
   background: url(../images/show_03.png)no-repeat;
   background-size: 100% auto;
   width: 7rem;
   height: .15rem;
   margin-top: 1.6px;
}

.show_06 {
   background: url(../images/show_03.png)no-repeat;
   background-size: 100% auto;
   width: 8.1rem;
   height: .15rem;
   margin-top: 1.6px;
}

.show_07 {
   background: url(../images/show_03.png)no-repeat;
   background-size: 100% auto;
   width: 100%;
   height: .1rem;
   margin-top: 1.6px;
}

.show_card {
   width: 7rem;
   height: 100%;
   margin: 0 auto;
   position: absolute;
   left: 1.5rem;
   top: -.09rem;
}

.levels {
   height: 3rem;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
}

.levels_01 {
   background: url(../images/level1.png)no-repeat;
   background-size: 100% auto;
   height: 3rem;
   width: 1rem;
}

.levels_02 {
   height: 3rem;
   width: 1rem;
}

.levels_02_hui {
   height: 3rem;
   width: 1rem;
   background: url(../images/level2_hui.png)no-repeat;
   background-size: 100% auto;
}

.levels_02_liang {
   height: 3rem;
   width: 1rem;
   background: url(../images/level2.png)no-repeat;
   background-size: 100% auto;
}

.levels_03 {
   height: 3rem;
   width: 1rem;
}

.levels_03_hui {
   height: 3rem;
   width: 1rem;
   background: url(../images/level3_hui.png)no-repeat;
   background-size: 100% auto;
}

.levels_03_liang {
   height: 3rem;
   width: 1rem;
   background: url(../images/level3.png)no-repeat;
   background-size: 100% auto;
}

.levels_04 {
   height: 3rem;
   width: 1rem;
}

.levels_04_hui {
   height: 3rem;
   width: 1rem;
   background: url(../images/level4_hui.png)no-repeat;
   background-size: 100% auto;
}

.levels_04_liang {
   height: 3rem;
   width: 1rem;
   background: url(../images/level4.png)no-repeat;
   background-size: 100% auto;
}

.gift_a {
   background: url(../images/11.png)no-repeat;
   background-size: 100% auto;
   display: block;
}

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

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

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

.all_num {
   width: 4rem;
   height: 1rem;
   margin-top: 0.5rem;
   text-align: center;
   font-size: .2rem;
   line-height: .1rem;
}

#valueNum, #moneyNum {
   text-align: center;
   font-size: .7rem;
   line-height: 1rem;
   color: #5f2d17;
}

.see_rule {
   width: 2rem;
   height: .4rem;
   cursor: pointer;
   margin: 22px 1.7rem;
}

.showRuler {
   width: 9.1rem;
   height: 7rem;
   /* margin: 25px 3px; */
   background: url(../images/info.png)no-repeat;
   background-size: contain;
   position: absolute;
   left: -2.2rem;
   top: 2.8rem;
   z-index: 99999;
}

.closeRule {
   position: absolute;
   right: .35rem;
   width: .5rem;
   height: .5rem;
   top: 1.25rem;
}

.aa {
   width: 100%;
   height: 1rem;
   position: absolute;
   top: -1rem;
}

.aa_02 {
   width: 100%;
   height: .1rem;
   position: absolute;
   top: -1rem;
}

.main_con02 {
   width: 100%;
   height: 19.7rem;
   position: absolute;
   top: 12.1rem;
}

.cha_rule {
   position: absolute;
   top: 1.6rem;
   width: 2.1rem;
   height: .4rem;
   left: 4rem;
}

.cha_img {
   position: absolute;
   width: 10rem;
   height: 15rem;
   left: 50%;
   margin-left: -5rem;
   top: 3.2rem;
   background: url(../images/rule.png) no-repeat;
   background-size: 100% auto;
   z-index: 99999;
}

.gb {
   position: absolute;
   right: .6rem;
   top: 1.35rem;
   width: .5rem;
   height: .45rem;
}

.inv_btns {
   position: absolute;
   top: 6.8rem;
   width: 7.5rem;
   height: 1rem;
   left: 1.2rem;
}

.inv_btns_02 {
   position: absolute;
   top: 12.8rem;
   width: 7.5rem;
   height: 1rem;
   left: 1.2rem;
}

.type01 {
   width: 2.7rem;
   height: .6rem;
   margin-left: .2rem;
   margin-top: .2rem;
   display: inline-block;
}

.type02 {
   width: 2.99rem;
   height: .6rem;
   margin-left: 1.2rem;
   margin-top: .2rem;
   display: inline-block;
}

/* .inv_btns {
   position: absolute;
   bottom: .5rem;
} */

.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: -15%;
}

.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;
}

.main_con03 {
   width: 100%;
   height: 17.7rem;
   position: absolute;
   top: 29.45rem;
}

.swiper_pic {
   position: absolute;
   top: 2.3rem;
   width: 7.7rem;
   height: 13.5rem;
   left: 1.1rem;
}

.pic {
   width: 7.7rem;
   /* height: 15.5rem; */
}

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

.change_rw {
   width: 100%;
   height: 17rem;
}

.rw01 {
   /* top: 0.4rem;
   width: 10rem;
   height: 17rem;
   background: url(../images/xyh04.png) no-repeat;
   background-size: 100% auto;
   position: relative; */
   top: .78rem;
   width: 10rem;
   height: 16.55rem;
   /* margin-top: 2.03rem; */
   background: url(../images/xyh04-min.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw02 {
   width: 10rem;
   height: 16.93rem;
   top: .4rem;
   background: url(../images/lfq_r.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw03 {
   width: 10rem;
   height: 16.93rem;
   top: .4rem;
   background: url(../images/csza_r.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw04 {
   /* width: 10rem;
   height: 17rem;
   background: url(../images/fy_r.png) no-repeat;
   background-size: 100% auto;
   position: relative;
   top: .34rem; */
   width: 10rem;
   height: 16.93rem;
   background: url(../images/fy_r.png) no-repeat;
   background-size: 100% auto;
   position: relative;
   top: .4rem;
}

.rw_nav {
   width: 8.2rem;
   height: 2.6rem;
   position: absolute;
   bottom: 3rem;
   left: 50%;
   margin-left: -4.1rem;
   /* background: url(../images/rw_nav.png) no-repeat; */
   background-size: 100% auto;
   z-index: 80;
}

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

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

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

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

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

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

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

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

.rw_nav_A01 {
   width: 2rem;
   height: 2.7rem;
   position: absolute;
   top: .64rem;
   left: .24rem;
}

.rw_nav_A02 {
   width: 2rem;
   height: 2.7rem;
   position: absolute;
   /* top: 6px; */
   left: 2.3rem;
   top: .65rem;
}

.rw_nav_A03 {
   width: 2rem;
   height: 2.7rem;
   position: absolute;
   top: .65rem;
   left: 4.355rem;
}

.rw_nav_A04 {
   width: 2rem;
   height: 2.7rem;
   position: absolute;
   top: .65rem;
   left: 6.5rem;
}

.main_con04 {
   width: 7.7rem;
   height: 5.82rem;
   position: absolute;
   top: 47.1rem;
   left: 1.1rem;
   /* border: 1px solid red; */
}

.way {
   width: 7.7rem;
   height: 2.3rem;
   margin-top: .3rem;
}

#helper {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: space-between;
}

#helper li {
   width: 1.59rem;
   height: 1.59rem;
   display: inline-block;
   margin-top: .5rem;
   /* padding: 0 .045rem; */
   margin-left: 0.1rem;
}

.helper-pop {
  position: absolute;
  margin-left: -2.3rem;
  width: 1.8rem;
  height: 1.8rem;
  /* background: url(../images/biankuang.png) no-repeat left top; */
  display: block;
  left:50%;
}
.maskpop {
  display: none;
  position: fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(0,0,0,0.7);
  z-index: 99998;
}
.wx {
   width: 4.6rem;
   height: 6.1rem;
   background: url(../images/n_rwm.png) no-repeat left top;
   background-size: 100% auto;
   z-index: 99999;
   top: -5.3rem!important;
}

.hp-con-wx {
  width: 2.5rem;
    position: absolute;
    top: 1.2rem;
    left: .74rem;
    border: 4px solid #b9a793;
}

.qq {
  width: 4.6rem;
  height: 6.1rem;
  background: url(../images/n_qq.png) no-repeat left top;
  background-size: 100% auto;
  z-index: 99999;
  top: -5.64rem!important;
}

.helper-pop .hp-con {
   position: absolute;
   top: 0.2rem;
   width: 1.2rem;
   height: 1.2rem;
   /* border: 1px solid red; */
   left: .25rem;
}

.qqCode {
  width: 4.3rem;
/* padding: 5px; */
box-sizing: border-box;
color: #3e2c09;
font-weight: 600;
/* left: -8px; */
/* transform: scale(.9); */
margin-top: 70px;
text-align: center;
/* transform: scale(.85); */
margin-left: -5px;
}
.qqCode_btn {
  height: .8rem;
    width: 4.1rem;
    /* padding: 5px; */
    box-sizing: border-box;
    color: #3e2c09;
    font-weight: 600;
    /* left: -8px; */
    /* transform: scale(.9); */
    margin-top: 10px;
    text-align: center;
    /* transform: scale(.85); */
    /* margin-left: -5px; */
    display: flex;
}
.qqCode_btn span {
  flex: 1;
    /* width: 2rem; */
    vertical-align: middle;
    line-height: .8rem;
    background: #b9a793;
    margin: 0 5px;
    color: #ffffff;
    font-size: .25rem;
}

.footer_zc {
   width: 7.7rem;
   height: 3rem;
   margin: 0 auto;
}

.link_zc {
   height: .5rem;
   width: 100%;
   display: flex;
   justify-content: space-between;
   line-height: .5rem;
   margin: 0 auto;
   text-align: center;
}

.shu {
   position: absolute;
   height: .25rem;
   width: .2rem;
   border-right: 1px solid #627d89!important;
   border-top: none;
   border-right: none;
   border-bottom: none;
   right: 0;
   top: .1rem;
}

.link_zc a {
   color: #627d89!important;
   flex: 1;
   position: relative;
}

.wenan_info {
   width: 100%;
   height: 2rem;
   color: #627d89;
   text-align: center;
   /* margin-top: .2rem; */
   line-height: .4rem;
}

.codesA {
   width: 2.5rem;
   height: 3rem;
   position: absolute;
   top: .56rem;
   left: .5rem;
}

.code_bai {
   background: #fff;
   width: 1.6rem;
   height: 1.6rem;
   margin-top: .5rem;
   margin-left: .56rem;
   position: relative;
}

.code_bai img {
   box-sizing: content-box;
   width: 1.3rem;
   height: 1.3rem;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
}

.code_bai02 {
   background: #fff;
   width: 1.6rem;
   height: 1.6rem;
   margin-top: .5rem;
   margin-left: .41rem;
   position: relative;
}

.code_bai02 img {
   box-sizing: content-box;
   width: 1.3rem;
   height: 1.3rem;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
}

.code_bai03 {
   background: #fff;
   width: 1.6rem;
   height: 1.6rem;
   margin-top: .5rem;
   margin-left: .41rem;
   position: relative;
}

.code_bai03 img {
   box-sizing: content-box;
   width: 1.3rem;
   height: 1.3rem;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
}

.wb {
   padding: .2rem;
   box-sizing: border-box;
   width: 2.1rem;
   height: 2rem;
   margin: 0 auto;
   display: inline-block;
   margin-left: 0.3rem;
   margin-top: .3rem;
}

.codesB_wb {
   padding: .2rem;
   box-sizing: border-box;
   width: 2.1rem;
   height: 2rem;
   margin: 0 auto;
   display: inline-block;
   margin-left: 0.17rem;
   margin-top: .3rem;
}

.wb_txt {
   position: absolute;
   bottom: 0rem;
   width: 100%;
   height: .7rem;
}

.wb_txt .txt {
   text-align: center;
   margin-top: .03rem;
   margin: 0 auto;
   color: #634e25;
   letter-spacing: .03rem;
}

.txt2 {
   text-align: center;
   margin-top: .04rem;
   /* margin: 0 auto; */
   color: #634e25;
   font-size: .1rem;
}

.codesB {
   width: 2.5rem;
   height: 3rem;
   position: absolute;
   top: .56rem;
   left: 3.8rem;
}

.codesC {
   width: 2.5rem;
   height: 3rem;
   position: absolute;
   top: .56rem;
   left: 6.9rem;
}

.QQ_way {
   width: 4.6rem;
   height: .7rem;
   margin: 0 auto;
   position: absolute;
   bottom: 1.4rem;
   left: 2.6rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.QQ_way2 {
   width: 4.6rem;
   height: .7rem;
   margin: 0 auto;
   position: absolute;
   bottom: 0.45rem;
   left: 2.6rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.qq1 {
   font-size: .2rem;
   color: #584216;
   line-height: .71rem;
   /* padding-left: .18rem;
   box-sizing: content-box;
   padding-left: .3rem; */
   letter-spacing: .01rem;
   flex: 1;
   text-align: center;
}

.qq_btn {
   height: .38rem;
   position: relative;
   top: 0.15rem;
   width: 1.25rem;
   right: .1rem;
}

.nav01 {
   width: 5rem;
   height: 5rem;
   position: absolute;
   top: 0px;
}

.nav_top:before {
   content: "";
   display: block;
   padding-top: 16%;
}

.yuyue_btn {
   height: 100%;
   width: 3rem;
}

.rightBtn {
   height: .96rem;
   width: .7rem;
}

/* 01屏幕 */

.gift_leve {
   width: 100%;
   position: absolute;
   top: 1.5rem;
   height: 16.1rem;
}

/* logo */

.logo_tit {
   position: absolute;
   top: 0.25rem;
   background: url(../images/logo.png) no-repeat;
   background-size: 100% auto;
   width: 6rem;
   height: 2.5rem;
   left: .3rem;
}

.showPage {
   display: block!important;
}

.nonePage {
   display: none!important;
}

/* 未完成邀请好友提示 */

.noInv {
   position: absolute;
   top: 2.6rem;
   width: 8rem;
   height: 8.3rem;
   left: 48%;
   margin-left: -4rem;
   background: url(../images/share.png) no-repeat;
   background-size: 100% auto;
}

.info_bottom {
   height: .9rem;
   width: 3.1rem;
   margin: 0 auto;
}

.info_top {
   height: 2.5rem;
   width: 6rem;
}

.top_a1 {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   height: .65rem;
   width: 6rem;
}

.shebei {
   height: .7rem;
   line-height: .7rem;
   width: 1.4rem;
   text-align: right;
   color: #7f6d48;
   margin-right: .2rem;
}

.iosOrAnd {
   height: .7rem;
   line-height: .7rem;
   flex: 1;
   display: flex;
   flex-direction: row;
   /* justify-content: space-around; */
   color: #7f6d48;
}

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

.sapn1 {
   padding: 0 .62rem;
   height: .5rem;
   line-height: .51rem;
   margin-top: .1rem;
}

.span2 {
   padding: 0 .62rem;
   height: .5rem;
   line-height: .51rem;
   margin-top: .1rem;
}

.call {
   padding: 0;
   height: .5rem;
   line-height: .5rem;
   margin-top: .1rem;
   width: 4.2rem;
   background: #d8cfc8;
   color: #7f6d48;
   text-indent: 5px;
}

.codes {
   padding: 0;
   height: .5rem;
   line-height: .5rem;
   margin-top: .1rem;
   width: 2.2rem;
   background: #d8cfc8;
   color: #7f6d48;
   text-indent: 5px;
}

.getCode {
   width: 1.9rem;
   height: .5rem;
   line-height: .4rem;
   background: #9e8c68;
   margin-top: .1rem;
   margin-left: .2rem;
   color: #fff;
   font-size: 10px!important;
}

.top_a2 {
   height: .7rem;
   width: 6rem;
   margin-top: .1rem;
}

.timeTip {
   margin-left: 1.35rem;
   color: #7f6d48;
   padding-left: .2rem;
}

.errtip {
   color: red;
   margin-left: 1.35rem;
   margin-top: .05rem;
}

.play_btn {
   width: 100%;
   height: 2.3rem;
   position: absolute;
   bottom: 3.5rem;
   left: -9px;
}

.play_pic {
   margin: 0 auto;
   height: 100%;
   width: 2.8rem;
   background: url(../images/off.png) no-repeat;
   background-size: 100% auto;
}

.gift_show {
   width: 100%;
   height: 1.6rem;
   position: absolute;
   bottom: 1.67rem;
   z-index: 90;
}

.btns {
   width: 4.5rem;
   height: 1.7rem;
   margin: 0 auto;
   display: flex;
   flex-direction: row;
   justify-content: space-around;
}

.btn_left {
   flex: 1;
   background: url(../images/yuyue_btn.png) no-repeat;
   background-size: 100% auto;
   margin-right: .2rem;
   margin-left: 4px;
   /* border: 2px solid green; */
}
.btn_left.stop {
   flex: 1;
   background: url(../images/yuyue_btn123.png) no-repeat;
   background-size: 100% auto;
   margin-right: .2rem;
   margin-left: 4px;
   /* border: 2px solid green; */
}

.btn_right {
   flex: 1;
   background: url(../images/cha_btn.png) no-repeat;
   background-size: 100% auto;
}

/* 预约btn */

.yuyue_nav {
   width: 100%;
   margin-top: .3rem;
   height: 2.8rem;
   background: url(../images/yuyue_nav.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.gift_num {
   width: 8.5rem;
   height: 1.1rem;
   margin: 0 auto;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   position: absolute;
   top: 0.75rem;
   left: .7rem;
}

.img01 {
   width: 1rem;
   height: 1rem;
}

.img02 {
   width: 1rem;
   height: 1rem;
}

.img03 {
   width: 1rem;
   height: 1rem;
}

.img04 {
   width: 1rem;
   height: 1rem;
}

.mask {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, .7);
   z-index: 99999;
}

/* 媒体查询 */

@media screen and (min-width: 750px) {}

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

/* 任务介绍 */

.cur {
   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
}

.btnInValid {
   display: none !important;
}

@-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)
   }
}

input::-webkit-input-placeholder {
   /* placeholder颜色  */
   color: #7f6d48!important;
   /* placeholder字体大小  */
   font-size: 10px!important;
   text-indent: 5px;
}

input {
   border: 0;
   outline: none;
   background-color: rgba(0, 0, 0, 0);
}

input {
   outline: medium!important;
}

input:-internal-autofill-selected {
   appearance: menulist-button;
   background-color: none !important;
   background-image: none !important;
   color: -internal-light-dark(black, white) !important;
}

video::-webkit-media-controls-enclosure {
   display: none !important;
}

.footer {
   width: 100%;
   height: 3.5rem;
   background: #304853;
   position: relative;
   max-width: 750px;
}

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

.wenzi {
   position: absolute;
   width: 9.9rem;
   height: 100%;
   color: #95aeba;
   margin: 0 auto;
   text-align: center;
   /* line-height: 200px; */
   top: 50%;
   margin-top: -1.75rem;
   left: 50%;
   margin-left: -4.95rem;
   font-size: .25rem;
}

.item {
   width: 9.8rem;
   margin: 0 auto;
   height: 2.5rem;
   position: absolute;
   top: 50%;
   margin-top: -1.25rem;
}

.wen {
   display: inline-block;
   /* height: 24px; */
   /* background: url("https://i.7k7kimg.cn/themes/www/wen.png") 0 center no-repeat; */
}

a {
   text-decoration: none;
}

/*正常的未被访问过的链接*/

a:link {
   text-decoration: none;
}

/*已经访问过的链接*/

a:visited {
   text-decoration: none;
}

/*鼠标划过(停留)的链接*/

a:hover {
   text-decoration: none;
}

/* 正在点击的链接*/

a:active {
   text-decoration: none;
}

/* .itemI {
   animation: revolving 1s linear infinite;
   -webkit-animation: revolving 1s linear infinite;
}

@keyframes revolving {
   0% {
      -webkit-transform: rotateY(0deg);
   }
   50% {
      -webkit-transform: rotateY(15deg);
   }
   100% {
      -webkit-transform: rotateY(-15deg);
   }
} */

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
   right: -41px!important;
   left: auto;
   top: 312px!important;
}

.swiper-button-next:after, .swiper-button-prev:after {
   font-family: swiper-icons;
   font-size: var(--swiper-navigation-size);
   text-transform: none!important;
   letter-spacing: 0;
   text-transform: none;
   font-variant: initial;
   line-height: 1;
   position: absolute;
}

a {
   text-decoration: none!important;
}

a {
   text-decoration: none !important;
}

/*正常的未被访问过的链接*/

/*已经访问过的链接*/

/*鼠标划过(停留)的链接*/

a:hover {
   text-decoration: none !important;
}

/* 正在点击的链接*/

.showSP {
   z-index: 9999999;
   width: 100%;
   height: auto;
   /* background: pink; */
   position: absolute;
   top: 50%;
   border: 1px solid #333;
   border-radius: 13px;
   overflow: hidden;
   box-shadow: 0 0 50px #000;
   background-color: #000;
   display: none;
   margin-top: -25%;
}

.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: 15px;
   top: 10px;
   cursor: pointer;
   z-index: 99
}

#toplay {
   width: 100%;
   outline: none;
   height: 100%;
   z-index: 99999;
}

.goTo_item {
   position: absolute;
   bottom: 1.7rem;
   height: 1rem;
   width: 1.2rem;
   right: 0rem;
}

.mark_video {
   width: 100%;
   height: 100%;
   z-index: 9999;
   position: fixed;
   top: 0px;
   max-width: 750px;
   overflow-y: hidden;
}

.cur_mark {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .85);
}

.zindexs {
   z-index: 9999;
}

/* :root {
   color-scheme: light dark;
}

:root {
   color-scheme: light dark;
   background: white;
   color: black;
} */

@media (prefers-color-scheme: dark) {
   :root {
      background: black;
      color: white;
   }
}