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

.bgShow {
   max-width: 750px;
   width: 100%;
   height: 17rem;
   background: url('../images/banner.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%;
   margin: 0 auto;
   max-width: 750px;
   margin-top: -0.15rem;
   position: relative;
}
.newcenter.stop {
   width: 100%;
   background: url('../images/wap_bg123.png') no-repeat;
   background-size: 100% 100%;
   margin: 0 auto;
   max-width: 750px;
   margin-top: -0.15rem;
   position: relative;
}

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

.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 {
  background: url('../images/nav123.png') center no-repeat;
  background-size: 100% auto;
}
.music {
   position: absolute;
   width: 1rem;
   height: 1rem;
   left: 8.5rem;
   top: 1.6rem;
}

.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.png)no-repeat;
   background-size: 100% auto;
   top: 51%;
   margin-top: -0.55rem;
   z-index: 999;
}

.topBtn {
   position: absolute;
   right: 1.3rem;
   width: 3.45rem;
   height: .9rem;
   top: .15rem;
}
.topBtnstop {
   position: absolute;
   right: 1.3rem;
   width: 3.45rem;
   height: .9rem;
   top: .15rem;
}

.gw_btn {
   position: absolute;
   right: 0.1rem;
   width: 1rem;
   height: .9rem;
   top: .18rem;
}

.gw_btn_div {
   position: absolute;
   top: 1.2rem;
   width: 100%;
   /* background: #63739d; */
   height: 1.5rem;
   opacity: 3px;
   /* opacity: 0.85!important; */
   z-index: -1;
   background: url("../images/nav_h.png")no-repeat;
   background-size: 100% auto;
   z-index: 99;
   /* background: rgba(99, 115, 157); */
}

.gw_a {
   color: #fff;
   display: inline-block;
   height: 1.15rem;
   line-height: 1.2rem;
   position: absolute;
   top: .2rem;
   width: 2rem;
   top: 50%;
   left: 50%;
   margin-left: -1rem;
   margin-top: -0.575rem;
}

.gw_btn_con {
   width: 100%;
   height: 1.3rem;
   line-height: 1.3rem;
   text-align: center;
   color: #fff;
   font-size: 14px;
}

.icon_gw {
   width: .3rem;
   height: .32rem;
   display: inline-block;
}

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

.gw_btn_con p {
   display: inline-block;
}

.triangle {
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-bottom-color: #63739d;
   position: absolute;
   right: 0.4rem;
   top: -.4rem;
}

.main_con01 {
   width: 100%;
   height: 18rem;
   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: 7.8rem;
   height: 9rem;
   top: 3.3rem;
   left: 1rem;
   background: url(../images/11.png)no-repeat;
   background-size: 100% auto;
}

.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: 18rem;
   position: absolute;
   top: 18rem;
}

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

.main_con03 {
   width: 100%;
   height: 17.8rem;
   position: absolute;
   top: 35.5rem;
}

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

.rw01 {
   width: 10rem;
   height: 17.26rem;
   margin-top: .31rem;
   background: url(../images/xyh04.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw02 {
   width: 10rem;
   height: 17.299rem;
   margin-top: .36rem;
   background: url(../images/lf02.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw03 {
   width: 10rem;
   height: 17.299rem;
   margin-top: .84rem;
   background: url(../images/scza03.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw04 {
   width: 10rem;
   height: 17.5rem;
   margin-top: .29rem;
   background: url(../images/fx01.png) no-repeat;
   background-size: 100% auto;
   position: relative;
}

.rw_nav {
   width: 8.2rem;
   height: 2.6rem;
   position: absolute;
   bottom: 1rem;
   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: 100%;
   height: 6.8rem;
   position: absolute;
   top: 53.1rem;
}

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

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

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

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

.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.64rem!important;
}

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

.qq {
   /* width: 1.8rem;
   height: 1.8rem;
   background: url(../images/qq_bk.png) no-repeat left top;
   background-size: 100% auto;
   top: -44px!important;
   z-index: 99; */
   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;
}

.three_info {
   width: 7.7rem;
   height: 6.8rem;
   position: absolute;
   /* top: 1rem; */
   left: 1.1rem;
}

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

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

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

.showPage {
   display: block!important;
}

.nonePage {
   display: none!important;
}

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

.linkInput02 {
   width: 5.5rem;
   height: .8rem;
   position: absolute;
   top: .3rem;
   left: .5rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.add_goodCode {
   position: absolute;
   top: 2.66rem;
   width: 1.4rem;
   height: 1.4rem;
   left: 2.64rem;
   background: #fff;
}

#qrcode {
   width: 1.3rem !important;
   height: 1.3rem !important;
   /* background: url(../images/code.png) no-repeat; */
   background-size: 100% auto;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
   overflow: hidden;
}

#qrcode img {
   width: 1.3rem !important;
   height: 1.3rem !important;
   /* background: url(../images/code.png) no-repeat; */
   background-size: 100% auto;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
}

#qrcode canvas {
   width: 1.3rem !important;
   height: 1.3rem !important;
   /* background: url(../images/code.png) no-repeat; */
   background-size: 100% auto;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -0.65rem;
   margin-top: -0.65rem;
}

.close_goodfriend {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .18rem;
}

/* chaxun ok */

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

.close_chaOk {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .18rem;
}

.nums {
   width: .7rem;
   height: 0.3rem;
   position: absolute;
   left: 3.5rem;
   top: 2.55rem;
   color: red;
   text-align: center;
}

.nums2 {
   width: .7rem;
   height: 0.3rem;
   position: absolute;
   left: 2.3rem;
   top: 3.1rem;
   color: red;
   text-align: center;
}

.linkInput {
   width: 5.5rem;
   height: .45rem;
   position: absolute;
   top: .85rem;
   left: .5rem;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.getLink {
   height: .45rem;
   line-height: .46rem;
   width: 3.5rem;
   background: #d8cfc8;
   border-radius: 1px;
   color: #5f3f00;
   margin-left: .2rem;
   overflow: hidden;
   user-select: none;
   -webkit-user-select: none;
}

#giftCode3 div {
   overflow: hidden;
}

.copyLink {
   width: 1.6rem;
   height: .46rem;
   text-align: center;
   line-height: .46rem;
   /* background: #9e8c68; */
   color: #fff;
   margin-right: -1px;
}

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

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

.closeInv {
   position: absolute;
   right: .11rem;
   width: .35rem;
   height: .35rem;
   top: .15rem;
}

/* 查询提示 */

.chaxunTip_page {
   position: absolute;
   top: 2.2rem;
   width: 8rem;
   height: 7.9rem;
   left: 50%;
   margin-left: -4rem;
   background: url(../images/noYuyue.png) no-repeat;
   background-size: 100% auto;
}

.friend_cha_input {
   position: absolute;
   height: 1.5rem;
   border-radius: 2px;
   width: 5.8rem;
   top: 1rem;
   left: .5rem;
   color: #7f6d48;
}

.showTxt {
   width: 100%;
   height: 100%;
   text-align: center;
   color: #7f6d48;
   font-size: .15rem;
}

.closeTip {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .12rem;
}

/*  查询*/

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

.chaxun_font {
   color: #7f6d48;
   margin: 0 auto;
   width: 3rem;
   line-height: .25rem;
   margin-top: .25rem;
}

.cha_phone {
   position: absolute;
   height: .56rem;
   background: #fff;
   border-radius: 2px;
   width: 5rem;
   top: .8rem;
   left: .9rem;
   color: #7f6d48;
   text-indent: 5px;
}

.cha_phone_tips {
   position: absolute;
   height: .35rem;
   width: 3.5rem;
   top: 1.41rem;
   left: 1.4rem;
   line-height: .35rem;
   text-align: center;
   color: red;
}

.chaGo {
   width: 3rem;
   height: .8rem;
   position: absolute;
   top: 1.8rem;
   left: 1.78rem;
   /* background: url(../images/cha_btn.png) no-repeat; */
   background-size: 100% auto;
}

.close_btn_cha {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .12rem;
}

/* 预约成功 */

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

.showPic {
   position: absolute;
   bottom: .15rem;
   width: 1.45rem;
   height: 1.56rem;
   /* border: 1px solid red; */
   left: 47.7%;
   padding: .2rem;
   box-sizing: border-box;
   background: url(../images/code.png) no-repeat;
   background-size: 100% auto;
   margin-left: -0.78rem;
}

.goTo {
   position: absolute;
   height: .45rem;
   width: 1.7rem;
   left: 2.4rem;
   top: .52rem;
}

/* 预约弹框 */

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

.yuyue_con {
   position: absolute;
   top: 2.5rem;
   width: 7rem;
   height: 4rem;
   left: .7rem;
}

.close_btn_ok {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .12rem;
}

.close_btn {
   position: absolute;
   right: .1rem;
   width: .35rem;
   height: .35rem;
   top: .12rem;
}

.info_show {
   width: 6rem;
   height: 3.5rem;
   position: absolute;
   top: .12rem;
   margin-left: -3rem;
   left: 50%;
}

.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.5rem;
   margin-top: .05rem;
}

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

.btns {
   width: 8.5rem;
   height: 1.1rem;
   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;
   /* border: 2px solid green; */
}

.btn_right {
   flex: 1;
   background: url(../images/cha_btn.png) no-repeat;
   background-size: 100% auto;
}
.stop .btn_left {
  display: none;
}
.stop .btn_right {
  flex: 0.5;
}
/* 预约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) {
   .code_bai {
      background: #fff;
      width: 2.5rem;
      height: 2.5rem;
      margin-top: .5rem;
      margin-left: .56rem;
      position: relative;
   }
   .code_bai img {
      box-sizing: content-box;
      width: 2rem;
      height: 2rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -1rem;
      margin-top: -1rem;
   }
   .code_bai02 {
      background: #fff;
      width: 2.5rem;
      height: 2.5rem;
      margin-top: .5rem;
      margin-left: .56rem;
      position: relative;
      /* background: #fff;
      width: 1.6rem;
      height: 1.6rem;
      margin-top: .5rem;
      margin-left: .41rem;
      position: relative; */
   }
   .code_bai02 img {
      box-sizing: content-box;
      width: 2.1rem;
      height: 2.1rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -1.05rem;
      margin-top: -1.05rem;
   }
   .code_bai03 {
      background: #fff;
      width: 2.5rem;
      height: 2.5rem;
      margin-top: .5rem;
      margin-left: .56rem;
      position: relative;
   }
   .code_bai03 img {
      box-sizing: content-box;
      width: 2.3rem;
      height: 2.3rem;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -1.15rem;
      margin-top: -1.15rem;
   }
   .rw_nav_A01 {
      width: 2.3rem;
      height: 3.1rem;
      transform: rotate(45);
      position: absolute;
      bottom: 0rem;
      left: 1.49em;
   }
   .rw_nav_A02 {
      width: 2.3rem;
      height: 3.1rem;
      transform: rotate(45);
      position: absolute;
      bottom: 0rem;
      left: 2.9rem;
   }
   .rw_nav_A03 {
      width: 2.3rem;
      height: 3.1rem;
      position: absolute;
      bottom: 0rem;
      left: 5.5rem;
   }
   .rw_nav_A04 {
      width: 2.3rem;
      height: 3.1rem;
      position: absolute;
      bottom: 0rem;
      left: 8.1rem;
   }
   .bgShow {
      max-width: 750px;
      width: 100%;
      height: 24rem;
      background: url(../images/banner.png) no-repeat;
      background-size: 100% auto;
   }
   /* 2屏幕 */
   .topBtn {
      position: absolute;
      right: .66rem;
      width: 4.9rem;
      height: 1.4rem;
      top: .2rem;
   }
   .main_con01 {
      width: 100%;
      height: 25rem;
      position: absolute;
      top: 0;
   }
   .main_con02 {
      width: 100%;
      height: 24rem;
      top: 25rem;
      position: absolute;
   }
   .main_con03 {
      width: 100%;
      height: 25rem;
      position: absolute;
      top: 49rem;
   }
   .main_con04 {
      width: 100%;
      height: 9.2rem;
      position: absolute;
      top: 74rem;
   }
   .gift_leve {
      width: 100%;
      position: absolute;
      /* border-top: groove; */
      height: 22.5rem;
      top: 2rem;
   }
   .logo_tit {
      position: absolute;
      top: 0.25rem;
      background: url(../images/logo.png) no-repeat;
      background-size: 100% auto;
      width: 8.55rem;
      height: 3.5rem;
      left: .33rem;
   }
   .gift_show {
      width: 100%;
      height: 7rem;
      position: absolute;
      bottom: 0.5rem;
   }
   .btns {
      width: 10rem;
      height: 1.2rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
   }
   .yuyue_nav {
      width: 100%;
      margin-top: 1.3rem;
      height: 3.8rem;
      background: url(../images/yuyue_nav.png) no-repeat;
      background-size: 100% auto;
   }
   .gift_num {
      width: 11.8rem;
      height: 1.5rem;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      position: absolute;
      top: 0.98rem;
      left: .85rem;
   }
   .img01 {
      width: 1.5rem;
      height: 1.5rem;
   }
   .img02 {
      width: 1.5rem;
      height: 1.5rem;
   }
   .img03 {
      width: 1.5rem;
      height: 1.5rem;
   }
   .img04 {
      width: 1.5rem;
      height: 1.5rem;
   }
   .con01_info {
      width: 5.5rem;
      height: 3.2rem;
      /* margin: 0 auto; */
      position: absolute;
      top: .5rem;
      left: 3.5rem;
   }
   .all_num {
      width: 5rem;
      height: 1.3rem;
      margin-top: 0.5rem;
      text-align: center;
      font-size: .2rem;
      line-height: 1.3rem;
      margin-left: 0.38rem;
   }
   .all_num p {
      text-align: center;
      font-size: .7rem;
      line-height: 1.3rem;
      color: #5f2d17;
   }
   .see_rule {
      width: 2.7rem;
      height: .4rem;
      cursor: pointer;
      /* margin: 36px auto; */
      float: right;
      margin-top: 0.88rem;
      margin-right: 0.5rem;
   }
   .cha_rule {
      position: absolute;
      top: 2.3rem;
      width: 3.1rem;
      height: .4rem;
      left: 5.5rem;
   }
   .inv_btns {
      position: absolute;
      top: 9.6rem;
      width: 10.3rem;
      height: 1rem;
      left: 1.8rem;
   }
   .type01 {
      width: 3.88rem;
      height: .8rem;
      margin-left: .2rem;
      margin-top: .1rem;
      display: inline-block;
   }
   .type02 {
      width: 3.88rem;
      height: .8rem;
      margin-left: 2rem;
      margin-top: .1rem;
      display: inline-block;
   }
   .inv_btns_02 {
      position: absolute;
      top: 17.99rem;
      width: 10.3rem;
      height: 1rem;
      left: 1.9rem;
   }
   .rw_nav {
      width: 10.2rem;
      height: 2.5rem;
      position: absolute;
      bottom: 1.5rem;
      left: 50%;
      margin-left: -5.1rem;
      /* background: url(../images/rw_nav.png) no-repeat; */
      background-size: 100% auto;
      z-index: 80;
   }
   .rw04 {
      height: 23.73rem;
      margin-top: 1.2rem;
      background: url(../images/fx01.png) no-repeat;
      background-size: 100% auto;
      display: none;
      width: 100%;
   }
   .rw01 {
      width: 100%;
      height: 23.93rem;
      margin-top: 1rem;
      background: url(../images/xyh04.png) no-repeat;
      background-size: 100% auto;
      display: none;
      /* border: 1px solid red; */
   }
   .rw02 {
      width: 100%;
      height: 23.93rem;
      margin-top: 1rem;
      background: url(../images/lf02.png) no-repeat;
      background-size: 100% auto;
      display: none;
      /* border: 1px solid red; */
   }
   .rw03 {
      width: 100%;
      height: 23.93rem;
      margin-top: 1.48rem;
      background: url(../images/scza03.png) no-repeat;
      background-size: 100% auto;
      /* border: 1px solid red; */
   }
   .codesA {
      width: 3.5rem;
      height: 4rem;
      position: absolute;
      top: 1.25rem;
      left: .78rem;
   }
   .wb {
      padding: .3rem;
      box-sizing: border-box;
      width: 3.1rem;
      height: 3rem;
      margin: 0 auto;
      display: inline-block;
      margin-left: 0.16rem;
      margin-top: .2rem;
   }
   .wb_txt {
      position: absolute;
      bottom: 0rem;
      width: 100%;
      height: .8rem;
   }
   .wb_txt .txt {
      text-align: center;
      margin-top: .03rem;
      margin: 0 auto;
      color: #634e25;
      letter-spacing: .03rem;
      font-size: .4rem;
   }
   .txt2 {
      text-align: center;
      margin-top: .07rem;
      color: #634e25;
      font-size: .25rem;
   }
   .codesB {
      width: 3.5rem;
      height: 4rem;
      position: absolute;
      top: 1.25rem;
      left: 5.2rem;
   }
   .codesC {
      width: 3.5rem;
      height: 4rem;
      position: absolute;
      top: 1.25rem;
      left: 9.6rem;
   }
   .QQ_way {
      width: 6.4rem;
      height: .7rem;
      margin: 0 auto;
      position: absolute;
      bottom: 2.1rem;
      left: 3.7rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
   }
   .qq1 {
      font-size: 0.4rem;
      color: #584216;
      line-height: .7rem;
      padding-left: .18rem;
      box-sizing: content-box;
      letter-spacing: .03rem;
      padding-left: .25rem;
   }
   .qq_btn {
      height: .55rem;
      position: relative;
      top: 0.09rem;
      width: 1.85rem;
      right: .2rem;
   }
   .QQ_way2 {
      width: 6.4rem;
      height: .7rem;
      margin: 0 auto;
      position: absolute;
      bottom: 0.8rem;
      left: 3.7rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
   }
   .showRuler {
      width: 12.1rem;
      height: 9rem;
      /* margin: 25px 3px; */
      background: url(../images/info.png)no-repeat;
      position: absolute;
      left: -3rem;
      top: 3.65rem;
      z-index: 99999;
   }
   .closeRule {
      position: absolute;
      right: .35rem;
      width: .5rem;
      height: .5rem;
      top: 1.8rem;
   }
   .rw_nav_A {
      width: 1.7rem;
      height: 1.7rem;
      transform: rotate(45);
      position: absolute;
      top: 12px;
      left: .35rem;
      transform: rotate(45deg);
   }
   .rw_nav_B {
      width: 1.7rem;
      height: 1.7rem;
      transform: rotate(45);
      position: absolute;
      top: 14px;
      left: 3rem;
      transform: rotate(45deg);
   }
   .rw_nav_C {
      width: 1.7rem;
      height: 1.7rem;
      transform: rotate(45);
      position: absolute;
      top: 14px;
      left: 5.5rem;
      transform: rotate(45deg);
   }
   .rw_nav_D {
      width: 1.7rem;
      height: 1.7rem;
      transform: rotate(45);
      position: absolute;
      top: 14px;
      left: 8.2rem;
      transform: rotate(45deg);
   }
   .cha_img {
      position: absolute;
      width: 12rem;
      height: 15rem;
      left: 50%;
      margin-left: -6rem;
      top: 4.22rem;
      background: url(../images/rule.png) no-repeat;
      background-size: 100% auto;
      z-index: 99999;
   }
   .gb {
      position: absolute;
      right: .42rem;
      top: 1.8rem;
      width: .5rem;
      height: .48rem;
   }
   .music {
      position: absolute;
      width: 1.3rem;
      height: 1.3rem;
      left: 11.8rem;
      top: 2.25rem;
      background: url(../images/music.png) no-repeat;
      background-size: 100% auto;
      z-index: -1;
   }
   .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;
   }
   .music_close {
      position: absolute;
      width: 1.3rem;
      height: 1.3rem;
      left: 6.7rem;
      top: .25rem;
      background: url(../images/music_close.png) no-repeat;
      background-size: 100% auto;
   }
   .codesB_wb {
      padding: .3rem;
      box-sizing: border-box;
      width: 3.1rem;
      height: 3rem;
      margin: 0 auto;
      display: inline-block;
      margin-left: 0.16rem;
      margin-top: .2rem;
   }
   .chaxun_font {
      color: #7f6d48;
      margin: 0 auto;
      width: 3rem;
      line-height: .25rem;
      margin-top: .25rem;
      font-size: .3rem;
   }
   .gift_level {
      position: absolute;
      width: 5rem;
      height: 7.09rem;
      top: 4.45rem;
      left: 2.8rem;
   }
   .gift_level {
      position: absolute;
      width: 10rem;
      height: 11.5rem;
      left: 50%;
      top: 39%;
      margin-left: -5rem;
      margin-top: -5.04rem;
   }
   .progress {
      width: 100%;
      height: 3rem;
      position: absolute;
      top: 18rem;
      /* background-color: pink; */
   }
   .show_card {
      width: 9.8rem;
      height: 100%;
      margin: 0 auto;
      position: absolute;
      left: 1.8rem;
      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: 4.55rem;
      width: 1.5rem;
   }
   .levels_02 {
      height: 4.55rem;
      width: 1.5rem;
   }
   .levels_03 {
      height: 4.55rem;
      width: 1.5rem;
   }
   .levels_04 {
      height: 4.55rem;
      width: 1.5rem;
   }
   .line_bg {
      position: absolute;
      top: 0;
      height: .29rem;
      width: 100%;
      background: url(../images/line.png) no-repeat;
      background-size: 100% auto;
   }
   .show_03 {
      background: url(../images/show_03.png)no-repeat;
      background-size: 100% auto;
      width: 7rem;
      height: .15rem;
      margin-top: 4.4px;
   }
   .show_01 {
      background: url(../images/show1.png)no-repeat;
      background-size: 100% auto;
      width: 2.7rem;
      height: .1rem;
      margin-top: 0.08rem;
   }
   .show_100 {
      background: url(../images/show1.png)no-repeat;
      background-size: 100% auto;
      width: 5.5rem;
      height: .1rem;
      margin-top: 0.08rem;
   }
   .show_04 {
      background: url(../images/show_03.png)no-repeat;
      background-size: 100% auto;
      width: 8.2rem;
      height: .1rem;
      margin-top: 4px;
   }
   .show_05 {
      background: url(../images/show_03.png)no-repeat;
      background-size: 100% auto;
      width: 9.5rem;
      height: .14rem;
      margin-top: 4px;
   }
   .show_06 {
      background: url(../images/show_03.png)no-repeat;
      background-size: 100% auto;
      width: 11rem;
      height: .14rem;
      margin-top: 4px;
   }
   .show_07 {
      background: url(../images/show_03.png)no-repeat;
      background-size: 100% auto;
      width: 100%;
      height: .1rem;
      margin-top: 4px;
   }
}

.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);
   }
} */