#wrapbg{
  min-width: 375px; max-width: 750px; width: 100%; margin: 110px 0 0; height: auto; overflow: hidden; background: #000 url(/images/v6/m/bg.jpg) no-repeat center 0; font-size:20px
}
.wrap{
  width: 100%;
}
.gw{
  display: none;
}
.fl{
  float: left;
}
#header {
  position: fixed;  width: 750px;  height: 110px;  top: 0;  left: 0;  z-index: 100; display: block;
}
#header .download_title {
  position: absolute;  width: 100%;  height: 110px;  top: 0;  left: 0;  z-index: 100;  background: rgba(0,0,0,.8);
}
#header .game_icon {
  margin: 12px 0 0 20px;  width: 216px;  height: 86px;  background: url(/assets/logo.png) no-repeat; background-size: 100% auto;
}
#header .game_title {
  margin: 25px 0 0 15px;  color: #fff;
  width: 144px;
  height: 62px;
  background:url(/images/v6/m/headertit.png) no-repeat;
}
#header .game_title p {
  color: #ecda9c;  font-size: 28px;  line-height: 42px;
}
#header .game_title span {
  font-size: 24px;  color: #ecda9c;  display: block;  line-height: 28px;
}
#header .game_button {
  position: absolute;  right: 0;  top: 0;  line-height: 90px; display: flex; align-items: center; align-content: center; height: 100%;
}
#header .game_button > a {
  display: block;  width: 163px;  height: 59px;  
  background:url(/images/v6/m/headerbtn.png) no-repeat;
  background-size: 346px 59px;
  background-position:  0 0;
  text-indent: -9999px;
  border-radius: 10px;  overflow: hidden;  margin-right: 20px; color: #fff;  font-size: 28px;  text-align: center;  line-height: 56px;
}
#header .game_button .downloadbtn {
  background-position:  -183px 0;
}
.logo{
  display: none;
}
.html5-main-video{
  display: none;
}
.mb1 {
  display: block;
  height: 1200px;
}
.b1{
  display: none;
}
.btn-video {
  top: 580px;  left: 550px;  width: 100px;  height: 100px;
}
.dlq,.dlh {
  right: 30px;  top: 30px;  font-size: 24px; color: #271210;
}
.dlh span {
  color: #271210;
}
/* .dlh a#layoutbbtn,.dlq a{
  color: #ff0000;
} */

.title {
  margin: 0 auto;
}

.slogo{
  width: 646px;
  height: 330px;
  background:url(/images/v6/m/slogan.png) no-repeat;
  margin-left: -319px;
  top: 410px;
  display: block;
}
.yybtn,.jsyqbtn{
  top: 785px;
  left: 50%;
  margin-left: -180px;
  -webkit-animation: btn 1s infinite alternate linear;
  animation: btn 1s infinite alternate linear;
}
.yybtn.on,.jsyqbtn.on{
  opacity: 1;
  display: block;
}
.yybtn wx-open-launch-weapp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height:  100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner{
  opacity: 1;
  left: 50%;
  width: 700px; margin-left: -350px;top: 796px;
  transform: none;
  -webkit-transform: none;
}
.yybg.on{
  display: none;
}
.mySwiper2 {
  width: 600px;
  height: 522px;
}
.page02 .swiper-button-next,.page02 .swiper-rtl .swiper-button-prev,.page02 .swiper-button-prev,.page02 .swiper-rtl .swiper-button-next{
  top: 250px; transform: scale(0.6);
}
.page02 .wrap{
  width: 750px;
  height: 1270px;
}
.cj-info{
  margin-left: 0;
  flex-direction: column;
  width: 750px;
}
.qich{
  margin-top: 60px;
  width: 80%;
  height: 51px;
  margin-left: 0;
}
.qich a{
  width: 161px;
  height: 51px;
  background: url(/images/v6/m/actbtn.png) no-repeat;
  background-size: 562px 51px;
}
.qich .guizebtn{
  margin-left: 117px;
  background-position: 0 0;
}
.qich .hjjlbtn{
  background-position: -200px 0;
}
.apply-btn{
  display: block;
}
.cjk .applybtn{
  display: block;
  margin-top: 0;
  margin-left: 0;
  margin: 0 auto;
  background: url(/images/v6/m/applybtn.png) no-repeat;
}
.cjk .applyBro{
  color: #977d52;
  margin-bottom: 10px;
}
.cjk .applyremark{
  display: block;
  width: 100%;
  color: #977d52;
  margin: 0 auto;
  text-align: center;
  margin-top: 15px;
}
.apply-btn{
  display: flex;
  width: 100%;
  position: absolute;
  top: 780px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.yq135{
  width: 685px; height: 330px; margin: 0 auto 80px; background: url(/images/v6/m/135.png) no-repeat;
}
.jjsm{
  display: block; width: 100%;  text-align: center; margin: 30px auto 45px;  font-size: 20px;font-weight: normal;
}

.loads{
  width: 295px; height: 1051px; margin: 150px auto 180px;
}
.load1 {
  width: 295px;  height: 1051px;  background: url(/images/v6/m/load1.png) no-repeat; background-size: auto;  background-size: 294px 986px;
}
.load1::after {
  right: 125px;top: 995px;
}
.load2 {
  left: 136px;  top: 0;  width: 9px;  height: 0;
  background: url(/images/v6/m/load2.png) no-repeat;
  background-size: 9px 1138px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.load2::after{
  right: -26px;
  top: -70px;
}
.load2#load1{ width: 21px; height: 0%; }
.load2#load2{ width: 21px; height: 18%; }
.load2#load3{ width: 21px; height: 32%; }
.load2#load4{ width: 21px; height: 57%; }
.load2#load5{ width: 21px; height: 75%; }
.load2#load6{ width: 21px; height: 92%; }

.jp{
  position: absolute;  width: 712px; height: 986px; flex-wrap: wrap; align-content: start;  margin: 0 0 0 -357px; top: -90px;  left: 50%;
}
.jp span{
  width: 312px; height: 220px; background: url(/images/v6/m/jp.png) no-repeat; background-size: 707px 1188px;
}
.jp span:nth-child(1){
  background-position: 0 0;
  margin-top: 29px;
}
.jp span:nth-child(2){
  background-position: -402px -197px;margin-top: 210px;margin-left: 85px;
}
.jp span:nth-child(3){
  background-position: 0 -390px; margin-top: -34px;margin-left: 0;
}
.jp span:nth-child(4){
  background-position: -402px  -584px;margin-top: 149px;margin-left: 85px;
}
.jp span:nth-child(5){
  background-position: 0 -777px; margin-top: -40px;margin-left: 0;
}
.jp span:nth-child(6){
  background-position: -402px  -970px; display: block; margin-left: 45px; margin-top: 140px;
}
/* .jp span:nth-child(1).cur,.jp span:nth-child(3).cur,.jp span:nth-child(5).cur{
  background-position-x: -711px;
}
.jp span:nth-child(2).cur,.jp span:nth-child(4).cur{
  background-position-x: right;
} */
.jiedian{
  display: block;  justify-content: center; flex-wrap: wrap; width: 76px; background: none; left: 111px; height: 780px;
}
.jiedian span{
  
}
.jiedian span.dc{
  background-size: 100% auto;
}
.jiedian span:nth-child(1) {
  margin-left: -9px;
  margin-top: 20px;
}
.jiedian span:nth-child(2) {
  margin-top: 118px;
}
.jiedian span:nth-child(3) {
  margin-top: 116px;
}
.jiedian span:nth-child(4) {
  margin-top: 118px;
}
.jiedian span:nth-child(5) {
  margin-top: 115px;
}
.jiedian span:nth-child(6) {
  margin-top: 112px;
}
.loadsm{
  width: 750px; top: 1080px; left: -240px; font-size: 24px; color: #b17f53;
}
.wan{ display: none; }

.cjk{
  width: 750px; height: 960px; background-size: 100% auto; background: url(/images/v6/m/cjk.png) no-repeat;
}
.cjk ul{
  width: 600px; height: 740px; left: 75px; top: 40px;overflow: hidden;
}
.cjk li{
  width: 186px;
  height: 239px;
}

.cjk li .front{
  width: 186px;
  height: 239px;
  background: url(/images/v6/m/cjtd.png) no-repeat;
  background-size: 186px 239px;
}
.cjk #cjk1 .front{
  background:url(/images/v6/m/cjtd2.png) no-repeat;
}
.cjk #cjk2 .front{
  background:url(/images/v6/m/cjtd3.png) no-repeat;
}
.cjk #cjk7 .front{
  background:url(/images/v6/m/cjtd5.png) no-repeat;
}
.cjk #cjk3 .front{
  background:url(/images/v6/m/cjtd4.png) no-repeat;
}
.cjk #cjk6 .front{
  background:url(/images/v6/m/cjtd7.png) no-repeat;
}
.cjk #cjk5 .front{
  background:url(/images/v6/m/cjtd6.png) no-repeat;
}
.cjk #cjk4 .front{
  background:url(/images/v6/m/cjtd8.png) no-repeat;
}
.cjk .c3{
  width: 100px;
  height: 120px;
  margin-top: 50px;
}
#cjk5 .c3 {
  margin-top: 38px;
  width: 69px;
  height: 120px;
  margin-left: 60px;
}
.cjk #cjk0 .c3 img,.cjk #cjk2 .c3 img,.cjk #cjk6 .c3 img,.cjk #cjk7 .c3 img{
  width: 63px;
  height: 75px;
}
.cjk .c1{
  margin-left: -10px;
  font-size: 16px;
}
.cjk .c2{
  width: 180px;
  font-size: 16px;
}
.cjk li:not(.on) .front::after{
  left: 135px;
}
.cent.pc{
  display: none;
}
.cjk .back{
  position: absolute;
  width: 186px;
  height: 239px;
  background:url(/images/v6/m/back1.png) no-repeat;
}
.cjk .back2{
  background:url(/images/v6/m/back2.png) no-repeat;
}
.cjk .back3{
  background:url(/images/v6/m/back3.png) no-repeat;
}
.persons{
  overflow-x: hidden;
}
#getcounts{
  overflow: hidden;
  padding: 0 50px;
}
.mcj{
  display: block;
}
.mcj{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
}
.mcj .cjinfo{
  width: 186px;
}
.mcj .r1{
  font-size: 18px;
  color: #fdc976;
  margin-bottom: 10px;
}
.mcj .cjbtn{
  display: block;
  width: 164px;
  height: 158px;
  background:url(/images/v6/m/ljcj.png) no-repeat;
  cursor: pointer;
}
.mcj .r2{
  font-size: 18px;
  color: #7b6130;
  font-weight: bold;
}
.mcj .r2 span{
  font-size:24px;
  color:#ffd14b;
}
.renwu{
  display: none;
}

/* .renwu .cjinfo{
  margin-left: 0;
}
.renwu .r1{
  font-size: 24px;
  margin-bottom: 20px;
}
.renwu .r2{
  font-size: 24px;
  margin-top: 10px;
}
.rwsm{
  font-size: 22px; padding: 72px 0 0; font-weight: bold;
}
.renwu ul{
  margin: 17px auto 0; width: 698px;
}
.renwu .apply{
  display: none;
} */

.wxbg{
  width: 662px; height: 334px; background: url(/images/v6/m/wxbg.png) no-repeat; margin: 0 auto;
}
.wxbg .wx1{
  margin: 67px 0 0 7px
}
.wxbg .wx2 img {
  margin: 68px 0 0 46px;
}
.val{
  color: #000;
  height: 50px;
  font-size: 20px;
}
.jiaqun{
  width: 240px;
  top:77px;
}
.setct{
  width: 230px;
  height: 50px;
}
.jiaqunbtn{
  width: 203px; height: 67px; background: url(/images/v6/m/jiaqun.png) no-repeat;
}
.setva{
  width: 250px;
  top: 55px;
  font-size: 20px;
}
.setva a{
  font-size: 20px;
}

#fire{
  display: block;
  width: 750px; margin-left: -375px;
}
.ren1,.ren2,.ren3{
  display: none; background: none;
}

.tcc.on {
  visibility: visible;
  transform: translateY(0) scale(1.3);
}
#yqxd.on{
  transform: translateY(0) scale(1);
}
#yqxd.yqtc{
  transform: scale(1.3);
}
#jiangli.on{
  transform: translateY(0);
}

.fenxiang.on{
  transform: scale(1);
}
.VIDEO-FINISH{
  left: auto !important; right: 0 !important; font-size: 22px !important;
}
.yq135 li.over::after{
  top: 100px;
}

.wrap-swiper {
  width: 100%;  height: auto;
}
.wrap-swiper .swiper-slide.page01,
.wrap-swiper .swiper-slide.page02,
.wrap-swiper .swiper-slide.page03,
.wrap-swiper .swiper-slide.page04,
.wrap-swiper .swiper-slide.page05,
.wrap-swiper .swiper-slide.page06{
  display: block;
  background: none;
}
.wrap-swiper .swiper-slide.page06{
  height: 1000px !important;
}

.page06 .clr{
  width: 700px;
  height: 2px;
  background: url(/images/v6/m/clr.png) no-repeat;
  position: absolute;
  top: -50px;
  left: 25px;
}
.wrap-swiper > .swiper-wrapper{
  display: block;
}
.wrap{
  display: block;
}
.gws{
  height: 180px; margin: 0 auto;
}
.sbg{
  width: 631px;
  height: 420px;
  background: url(/images/v6/m/swiper_bg.png) no-repeat;
  margin-bottom: 130px;
}
.mySwiper2{
  width: 625px;
  height: 420px;
}
.wrap-swiper .swiper-slide .swiper-slide{
  margin-top: 3px;
}
.page05 .swiper-button-prev, .page05 .swiper-rtl .swiper-button-next{
  left: 5px;
  top: 300px;
}
.page05 .swiper-button-next, .page05 .swiper-rtl .swiper-button-prev{
  right: 5px;
  top: 300px;
}
.page05 .swiper-pagination-bullet{
  width: 28px;
  height: 28px;
  background: url(/images/v6/m/dot.png) no-repeat 0 0;
  background-size: 75px 28px;
}
.page05 .swiper-pagination-bullet-active{
  background-position: -47px 0;
}
.tcc-share-t1,.tcc-share-t2,.share-code,.showHb,#errotips .yqhy,#errotips .btips,.yqd .pc{
  display: none;
}
.yqd .mobile{
  display: block;
}
.invitation-link, .tcc-gift-code{
  margin-top: 150px;
}
#zfbtn33{
  margin-top: 150px;
}
.yqbtn{
  background:url(/images/v6/m/yqbtn.png) no-repeat;
}
.tcc-t-share{
  width: 143px;
  background: url(/images/v6/m/tcc-t-share.png) no-repeat;
}
