body,html{ margin:0; padding:0; color:#3a2d21; background: #000; height: 100%; overflow: hidden; font-family: "Microsoft YaHei";
  -webkit-font-smoothing: antialiased;
}
ul,li,p,strong,h3,table,form,tr,td,ol,dl,dd,dt,map,area,input,textarea{ margin:0; padding:0; list-style:none;}
input{ -webkit-appearance: none;  border-radius: 0; outline: none; }
*{ margin:0px; padding:0px; }
img{ border:0; touch-callout:none; -webkit-touch-callout:none; max-width: 100%; }
a{ text-decoration:none; outline:none;  color:#fff6ca; cursor: pointer; }
a:active{  
	background-color:none;  
}  
.banner{ display:block;  *hide-focus:expression(this.hideFocus=true);}
.com{ display:block; margin:0 auto;}
.mt8{ margin-top:8px;}
.p2em{ text-indent:2em;}
.clr{ clear:both; width: 100%; height:0px; overflow:hidden; display:block;}
.red{ color:#FF0000;}
.red_ee{ color:#ec2020;}
.f20{ font-size:20px;}
.f14{ font-size:14px;}
.l{ float:left;}
.banner{ display:block; }
.f50{ left:50%; }
.IIV::-webkit-media-controls-play-button,
.IIV::-webkit-media-controls-start-playback-button{ opacity:0; pointer-events:none; }

.delay03{ -webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; -o-transition-delay:0.3s; transition-delay:0.3s; }
.trs06{ -webkit-transition-duration:0.6s; -ms-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s; }

.wrapbg{ width: 100%; height: 100vh; max-width: 2560px; overflow: hidden; position: relative; margin: 0 auto; font-size: 0.16rem;}

.stage {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 5;  pointer-events: none; }
.wrap{ position:absolute; width: 100%; height: 100%; left: 50%; top: 0; background:url(../images/bg.jpg) no-repeat center 0; background-size: cover;  transform: translate(-50%,0%); }
.t1{ position: relative; width: 100vh; height: 42vh; margin: 8vh auto 0; transition-duration: 1s; transition-delay: 0.2s; opacity: 0; visibility: hidden; transform: translateY(-100%); z-index: 1; }
.t1::after{ content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 50%; background:url(../images/t1.png) no-repeat center; background-size: auto 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.slogan{ position: relative; width: 30vh; height: 32vh; margin: 0 auto; background:url(../images/slogan.png) no-repeat center; background-size: 100% auto; transition-duration: 1s; transition-delay: .3s; opacity: 0; visibility: hidden; transform: translateY(-100%); display: none; }
.t2{ position: absolute; width: 49vh; height: 9vh; left: 50%; margin-left: -26vh; top: 85vh; background:url(../images/t2.png) no-repeat center 0; background-size: 100% auto; transition-duration: 1s; transition-delay: 0.4s; opacity: 0; visibility: hidden; transform: translateY(100%); }
#qr_code{ display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 22vh; height: 25vh; margin: 3vh auto 0; padding: 0.2rem; background:linear-gradient(to bottom,#223c44 0%,#197183 100%); border: solid 0.02rem #fff; font-size: 0.2rem; position: relative; transition-duration: 1s; transition-delay: 0.1s; opacity: 0; visibility: hidden; transform: scale(0); border-radius: 0.2rem; }
#qr_code canvas{ max-width: 100%; width: 90%; padding: 0.15rem; background-color: #fff; }
#qr_code::after{ content: '扫码参与活动'; color: #fff; position: absolute; width: 100%; left: 0; top: 24.4vh; text-align: center; font-family: 'Microsoft YaHei'; }

.xuzhi{ 
  display: block; width: 1.04rem; height: 1.04rem; margin: 1rem auto 0; background:url(../images/xuzhi.png) no-repeat center 0; background-size: cover; display: none; 
}
.joinbtn{ 
  display: block; width: 2.82rem; height: 0.94rem; margin: .2rem auto 0; background:url(../images/joinbtn.png) no-repeat center 0; background-size: cover; display: none; 
  -webkit-animation: btns 0.6s linear infinite alternate;
	animation: btns 0.6s linear infinite alternate;
}
.joinbtnFun.pzbtn{ background-image:url(../images/pzbtn.png); overflow: hidden; text-indent: -999px; }

.moblie .xuzhi{ display: block; }
.moblie .joinbtn{ display: block; }
.moblie .yqbtn{ display: block; }
.moblie .fudai{ display: block; }
.moblie .loginbg{ display: block; }
.moblie #qr_code{ display: none; }

@keyframes btns{
    0%{ transform:scale(1); }
    100%{ transform:scale(1.05); }
}
.mask .t1,
.mask .t2,
.mask .xuzhi,
.mask .slogan{ visibility: visible; opacity: 1; transform: translateY(0); }
.mask #qr_code{ visibility: visible; opacity: 1; transform: scale(1); }
.loginbg{ text-align: center; height: 0.4rem; margin: 0.22rem auto; display: none; }
#name{ font-weight: bold; }

.loginbg p{ display: none; }
.loginbg p:nth-child(1){ display: block; }
.loginbg.cur .login{ display: block; }
.loginbg.cur .loginbefore{ display: none; }

#loyout,#loginbtn{ font-weight: bold; text-decoration: underline; margin-left: 0.1rem; }
#fire {  position: absolute;  width: 2560px;  height: 100%;  left: 50%;  top: 0;  margin-left: -1280px;  overflow: hidden; }
#stage {  display: inline-block;  width: 100%;  height: 100%; }

.logo{
	position: absolute; width: 2rem; height: 2.54rem; left: 0.22rem; top: 0.1rem; background-repeat: no-repeat; background-size: 100% auto;
}
.gw{
	position: absolute; top: 0.4rem; right: 0.4rem; display: flex; width: 268px; height: 40px; font-size: 16px; z-index: 222; background:url(../images/gw.png) no-repeat; background-size: 268px 40px;
}
.gw a{
	display: flex; width: 50%; height: 36px; overflow: hidden; align-items: center; text-indent: 40px; color: #e6ce9c; position: relative;
}
.gw a:nth-child(1){
	text-indent: 54px;
}
.gw a:hover{
	color: #d8b094;
}
.header{
  position: fixed; width: 100%; height: 0.63rem; left: 0; top: 0; z-index: 2; background-size: cover; transform: translateY(-300%);  transition: transform 0.6s;
}
.header.vt0{
  transform: translateY(0);
}

.loadbg{ display: flex; flex-wrap: wrap; position: relative; width: 6.32rem; height: 0.74rem; margin: 0.2rem 0 0 2.2rem; background:url(../images/loadbg.png) no-repeat; background-size: contain; z-index: 1; }
.loading{ position: absolute; left: 0.3rem;  top: 0.15rem; width: 0; height: 0.36rem; background:url(../images/x.png) repeat-x; background-size: auto 100%; transition-duration: 2.5s; }
.loading::before{ content: ''; position: absolute; left: -0.14rem; width: 0.14rem; height: 0.36rem; background:url(../images/loading.png) no-repeat; background-size: 2.51rem 0.36rem; }
.loading::after{ content: ''; position: absolute; right: -0.14rem; width: 0.14rem; height: 0.36rem; background:url(../images/loading.png) no-repeat right 0; background-size: 2.51rem 0.36rem; }
.loading.cur{ width:5.74rem; }
.loadbg p{ position: absolute; width: 100%; left: 0; top: 0.68rem; color: #feec88; font-size: 0.22rem; text-align: center; }

.form1{ margin: 0.1rem auto 0.3rem; width: 4.2rem; display: flex; justify-content: center; flex-wrap: wrap; font-size: 0.26rem; }

.set{ 
  position: relative; border: solid 0.015rem #b4a89d; width: 4rem;  height: 0.6rem; color: #000000; line-height: 0.6rem; 
  background:#fff url(../images/set.png) no-repeat 94% center; background-size: 0.17rem 0.11rem;
}
.set.cur{ z-index: 2; }
.setval{ display: block; width: 100%; height: 0.6rem; text-align: left; text-indent: 0.18rem; line-height: 0.6rem; color: #967f6a; }
.set.black .setval{ color: #3c3229; }
.setlist{ position: absolute; left: 50%; top: 0.6rem; width: 100%; max-height: 2rem; overflow: hidden; overflow-y: auto; border: solid 0.015rem #b4a89d; border-top: 0; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; }
.set.cur .setlist{ display: block; }
.setlist a{ display: flex; height: 0.6rem; justify-content: center; align-items: center; color: #000; }
.setlist a:hover{ background-color: #967f6a; color: #fff; }
.tds{ margin-bottom: 0.12rem; position: relative; }
.txt{ position: relative; border: solid 0.015rem #b4a89d; width: 4rem;  height: 0.6rem; color: #000000; line-height: 0.6rem; color: #967f6a; text-indent: 0.18rem; font-size: 0.26rem;  }
.txt.black{ color: #3c3229; }

.formts{ color: #e52121; font-size: 0.18rem; width: 80%; text-align: center; margin: 0.1rem 0; }
.copytext { border: solid 0.015rem rgb(63, 46, 22); background-color: #fff; width: 5.56rem;  height: 0.6rem; color: #000000; text-align: center; line-height: 0.6rem; }
#copybtn{ display: block; text-align: center; line-height: 0.6rem; width: 1.08rem; height: 0.46rem; color: #fff; font-size: 0.16rem; background:url(../images/copybtn.png) no-repeat; background-size: 1.08rem 0.92rem;  }
#copybtn:hover{ background-position-y: bottom; }
#fsbtn.cur{ filter: grayscale(100%);  -webkit-filter: grayscale(100%); }

.cover,.cover2{ position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.8; left: 0; top: 0; z-index: 9999; display: none; }
.tcc{ position: absolute; width: 6.24rem;  height: 8.99rem; left: 50%; top: 50%; margin: -4.5rem 0 0 -3.12rem; background:url(../images/tcc.png) no-repeat; background-size: 100% auto; z-index: 9999; font-size: 0.2rem; color: #714a31; display: none; }
.tcc h3{ display: flex; overflow: hidden; text-indent: -9999px; width: 100%; height: 1.1rem; font-size: 0.3rem; font-weight: 500; background-repeat: no-repeat; background-position: center; background-size: 1.23rem auto; }
.tcc.cur,.cover.cur,.cover2.cur{ display: block; }
.close{ position: absolute; width: 0.77rem; height: 1.29rem;  bottom: -1.3rem;  left: 2.7rem; overflow: hidden; text-indent: -999px; background:url(../images/close.png) no-repeat; background-size: 0.77rem 1.29rem; transition-duration: 0.6s; }
/* .close:hover{ transform: rotateZ(360deg); } */

#xz h3{  background-image: url(../images/bmxz-tt.png); }
#wxts h3,#wxts2 h3{  background-image: url(../images/wxts-tt.png); }

#xx h3,#baoming h3{  background-image: url(../images/bmxx-tt.png); }
#jmh h3,#map h3{ width: 4.5rem; height: 1.64rem; margin: 0 auto; border-bottom: dotted 0.02rem #d8b551; background-image: url(../images/xianxia-tt.png); background-size: 2.79rem 0.88rem; }
#map h3{ border: 0; }

.tcon{ position: absolute; width: 5.53rem; height: 7.86rem; left: 0.38rem; top: 0.7rem; }
#jmh ul{ width: 3.1rem; margin: 0 auto; }
#jmh ul li{ display: block; margin: 0.76rem auto 0; color: #714a31; text-align: center; font-size: 0.24rem; }
#jmh ul li a{ display: block; width: 100%; height: 1rem; background:url(../images/heb-btn.png) no-repeat; background-size: 3.1rem 3rem; }
#jmh ul li:nth-child(2) a{ background-position-y: bottom; }

#map{ color: #3a2d21; text-align: center; }
#map img{ display: block; width: 4.39rem; height: 2.42rem; margin: 0 auto; border: solid 0.02rem #c49b1a; }
#map .mp1{ font-size: 0.26rem; margin: 0.4rem auto 0.2rem; }
#map .mp2{ font-size: 0.32rem; }
#map .mp3{ font-size: 0.2rem; }
.mapbtn{ display: block; width: 3.35rem; height: 0.79rem; margin: 0.32rem auto 0; background:url(../images/map-btn.png) no-repeat; background-size: 100% auto;  }

.mylibao ul::-webkit-scrollbar {width:10px;border-radius:10px}
.mylibao ul::-webkit-scrollbar-thumb {-webkit-border-radius:10px;border-radius:10px;background-color:#775a31}
.mylibao ul::-webkit-scrollbar-thumb:hover {background-color:#88673a}
.mylibao ul::-webkit-scrollbar-thumb:active {background-color:#6e522b}
/*火狐浏览器浏览器*/
@media (pointer: fine) {
  .mylibao ul {
    scrollbar-width: thin;
    scrollbar-color:#f2c893 #ffe49c;
  }
}

#libao{ width: 6.42rem; height: 10.84rem; margin: -6rem 0 0 -3.21rem; background:url(../images/libao.png) no-repeat; background-size: 100% auto;  }
#libao .close{ bottom: -1.29rem; }
#libao .tcon{ width: 5.58rem; height: auto; top: 3.8rem; }
.libaomenu{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.libaomenu a{ display: flex; justify-content: center; align-items: center; width: 1.7rem; height: 0.4rem; margin-top: 0.1rem; background-color: #29494c; border-radius: 0.46rem; color: #f5f5f5; }
.libaomenu a:hover,.libaomenu a.cur{ background-color: #efd891; color: #3f1e00; }
.swiperbg{ width: 6rem; height: 5.2rem; margin: 0.1rem 0 0 -0.2rem; position: relative; background:url(../images/lbtext.png) no-repeat; background-size: 100% 100%;  }
.mylibao{ position: absolute; width: 5.1rem; height: 4.2rem; left: 0.5rem; top: 0.25rem; overflow: hidden; }
.mylibao ul{ display: flex; width: 100%; max-height: 3.9rem; flex-wrap: wrap; overflow-y: auto; }
.mylibao ul li{ display: flex; width: 50%; height: 0.3rem; align-items: center; color: #482b10; justify-content: center; font-size: 0.18rem; }
.mylibao ul li.btitle{ width: 100%; font-size: 0.2rem; }
.mylibao ul li.btitle strong{ color: #bc390c;  }
.mylibao ul li.btitle2{ width: 100%; height: auto; }
.btitless li{ margin-bottom: 0.15rem; }
.pag{ position: absolute; width: 0.3rem; height: 0.57rem; background:url(../images/jt.png) no-repeat; background-size: 5.53rem 0.57rem;  }
.lb-prev{ left: -0.2rem;  top: 1.4rem; }
.lb-next{ right: -0.2rem; top: 1.4rem; background-position-x: right; }

#hddz{ position: fixed; width: 0.47rem; height: 1.34rem; right: 0; bottom: 25vh; overflow: hidden; text-indent: -999px; background:url(../images/hddz.png) no-repeat; background-size: 100% auto;  }

#qwqrcodebg{ width: 4.58rem; height: 5.25rem; margin: -2.7rem 0 0 -2.29rem; background:url(../images/tc44.png) no-repeat; background-size: contain; font-size: 0.22rem; }
.qwqrcodecom{ width: 80%; text-align: center; margin: 0 auto; padding: 0.7rem 0 0; }
.qwqrcodecom img{ display: block; margin: 0 auto; width: 3rem; }
.qwqrcode-txt{ margin: 0.25rem 0 0.1rem; }

.copyrightbtn{ position: absolute; right: 0.6rem; bottom: 0.3rem; color: #000; font-size: 16px; z-index: 2222 !important; }
.copyrightbtn.cur{ color: #fff; }
.footer{ position: absolute; width: 100%; bottom: -200px; transition-duration: 0.3s; z-index: 2222 !important; display: none; }
.footer.cur{ bottom: 0; }

.fudai{ position: absolute; right: -3vw; top: -3vh; width: 10vh; height: 11vh; background:url(../images/pc-fudai.png) no-repeat right 0; background-size: auto 100%;
  -webkit-animation: btns 0.6s linear infinite alternate;
	animation: btns 0.6s linear infinite alternate;
}
.swiper-scrollbar-drag{ background: #61533b; }
#loaddings{ display: none; }
@media screen and (min-width: 751px) {
  .mySwiper{ width: 650px; height: 670px; margin: 0 auto 0; overflow: hidden; position: relative; }
  .mySwiper .swiper-slide{ height: auto; }
  .jiangli{ width: 583px; height: 1177px; margin: 0 auto; background:url(../images/pc-jiangli.png) no-repeat; background-size: 100% auto; }
  .swiper-container-vertical>.swiper-scrollbar{ width: 16px; }

  #bx{ width: 666px; height: 754px; margin: -382px 0 0 -333px; background: #413622 url(../images/pcjl-tcc.png) no-repeat; background-size: cover; }
  #bx h3{ height: 50px; }
  #bx .close{ width: 40px; height: 40px; top: 0; right: -45px; background-image: url(../images/pc_close.png); }
  #bx .close:hover{ -webkit-transform: rotateZ(0); transform: rotateZ(0); }
}
@media screen and (max-width: 750px) {
  .wrapbg{ width: 100%; max-width: 7.5rem; height: 100%; font-size: 0.22rem; }
  .wrap{ left: 0; transform: translate(0%,0%); background-image: url(../images/m-bg.jpg); background-size: 100% 100%; }
  .t1{ width: 100%; height: 18vh; margin: 4vh auto 10vh; }
  .t1::after{ display: none; }
  .slogan{ width: 100%; height: 32vh; background-image:url(../images/m-slogan.png); background-position: center 0; background-size: auto 100%; display: block; }
  .xuzhi{ margin-top: 1vh; width: 50%; height: 8vh; background-size: auto 100%; }
  .joinbtn{ width: 3.53rem; height: 0.79rem; background-size: auto 100%; }
  .t2{ width: 100%; height: .35rem; margin-left: -28vh; background-image:url(../images/m-t2.png); background-size: auto 100%; position: relative; left: 0; top: 0; margin: 0 auto; }
  .loginbg{ margin: 1vh auto; }
  .loginbg p{ color: #1a2a2b; font-weight: bold; text-shadow: 0 2px 2px #fff,2px 0 2px #fff,0 -2px 2px #fff,-2px 0 2px #fff; font-size: 0.26rem; }
  .loginbg p a{ color: #1a2a2b; }
  .fudai{ position: absolute; left: auto; right: 0.3rem; top: -0.6rem; width: 0.91rem; height: 1.11rem; background:url(../images/fudai.png) no-repeat; background-size: 100% auto; }

  .mySwiper{ width: 6.65rem; height: calc(90% - 1rem); margin: 0.3rem auto 0; overflow: hidden; position: relative; }
  .mySwiper .swiper-slide{ height: auto; }
  .mySwiper .swiper-slide ul{ display: flex; flex-wrap: wrap; width: 4.8rem; margin: 0 auto; }
  .mySwiper .swiper-slide ul li{ display: flex; flex-wrap: wrap; justify-content: center; width: 1.44rem; height: 1.8rem; margin-left: 0.1rem; margin-bottom: 0.25rem; border: solid .015rem #e5ded5; border-radius: 0.1rem; background-color: #fff; }
  .mySwiper .swiper-slide ul li img{ display: block; margin: 0 auto; }
  .imgkk{ display: flex; justify-content: center; align-items: center; width: 100%; height: 1.4rem; }
  .imgkk img{ max-width: 0.87rem; }
  .jiangli{ width: 6.65rem; height: 13.45rem; margin: 0 auto; background:url(../images/jiangli.png) no-repeat; background-size: 100% auto; }

  #bx{ width: 100%; height: 100%; left: 0; top: 0; margin: 0; background: #413622 url(../images/jlbg.jpg) no-repeat; background-size: cover; }
  #bx h3{  background: #211204; }
  #bx .close{ display: flex; align-items: center; width: auto; height: 1rem; top: 0; right: auto; left: 0.25rem; text-indent: 0; background: none; font-size: 0.32rem; color: #a58c64; }
  #bx .close::before{ content: ''; display: block; width: 0.19rem; height: 0.32rem; background:url(../images/topg.png) no-repeat; background-size: 100% auto; margin-right: 0.1rem; }
  #bx .close:hover{ -webkit-transform: rotateZ(0); transform: rotateZ(0); }

  #loaddings { position: fixed;  width: 100%;  height: 100vh;  left: 0;  top: 0;  z-index: 9999;  background: rgba(0, 0, 0, 0.8); }
  .loading1 { position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -25px;  font-size: 20px;  width: 50px;  height: 40px;  text-align: center;}
  .loading1 span {   width: 5px;    height: 100%;    display: inline-block;    background: #f6b74c;    animation: mymove 1.2s infinite ease-in-out;    -webkit-animation: mymove 1.2s infinite ease-in-out;    /*
      mymove代表动画名字
      1.2s代表执行时间
      infinite表示一直循环执行
      ease-in-out表示先慢后快的缓动
  */
  }
  .loading1 > span:nth-child(2) {    -webkit-animation-delay: -1s;    animation-delay: -1s;}
  .loading1 > span:nth-child(3) {    -webkit-animation-delay: -0.9s;    animation-delay: -0.9s;}
  .loading1 > span:nth-child(4) {    -webkit-animation-delay: -0.8s;    animation-delay: -0.8s;}
  .loading1 > span:nth-child(5) {    -webkit-animation-delay: -0.7s;    animation-delay: -0.7s;}
  @keyframes mymove {
      0% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      25% {        -webkit-transform: scaleY(1);                transform: scaleY(1);    }
      50% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      75% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      100% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
  }
  @-webkit-keyframes mymove {
      0% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      25% {        -webkit-transform: scaleY(1);                transform: scaleY(1);    }
      50% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      75% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
      100% {        -webkit-transform: scaleY(0.4);                transform: scaleY(0.4);    }
  }

  .mylibao ul li{ font-size: 0.2rem; }

}
.xz-msg{ width: 4.5rem; height: 6.2rem; margin: 0 auto; overflow: hidden; overflow-y: auto; line-height: 1.4; padding: 0 0.2rem; }
.xz-msg p{ text-indent: 2em; }

.wxts-msg{ width: 4.6rem; height: 4.8rem; margin: 0 auto; overflow: hidden; overflow-y: auto; line-height: 1.5; }
.wxts-msg strong{ color: #ff0000; }
.wxTime{ text-align: center; font-size: 0.26rem; margin: 0 auto 0.1rem; }
.wxTime.ables{ text-indent: -9999px; }

.btn{ 
  display: block; width: 2.51rem; height: 0.93rem; text-align: center; line-height: 0.8rem; margin: 0 auto; background:url(../images/btn.png) no-repeat; background-size: 100% auto; font-size: 0.3rem; color: #4b2526; font-weight: bold;
  /* text-shadow: 1.204px 1.597px 9px rgba(53, 20, 5, 0.93);
  -moz-transform: matrix( 1.10879235991891,0,0,1.10879235991891,0,0);
  -webkit-transform: matrix( 1.10879235991891,0,0,1.10879235991891,0,0);
  -ms-transform: matrix( 1.10879235991891,0,0,1.10879235991891,0,0); */
}
.btn.ables{ color: #5e5e5e; }
#btn1{ width: 2.8rem; height: 0.91rem; background:url(../images/bdbtn.png) no-repeat; background-size: 100% auto; }
#btn11.ables{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.bdts{ text-align: center; color: #594633; font-size: 0.2rem; }
.yzmbtn{ position: absolute; border: solid 0.015rem #b4a89d; width: 1.7rem;  height: 0.6rem; color: #000000; line-height: 0.6rem; background-color: #d9c69e; color: #311f00; right: 0; text-align: center;  }
.yzmbtn.on{ background: #ccc; color: #333; }
.cr{ text-align: right; color: #967f6a; margin: 0.1rem 0 0; }

.tc2{ width: 5.07rem; height: 4.48rem; margin: 0 auto 0.6rem; background:url(../images/tc2.png) no-repeat; background-size: 100% auto; }
.form2{ width: 3.6rem; height: 100%; margin: 0 auto 0; padding: 0.36rem 0 0; font-size: 0.24rem; }
.tc2 .tds{ height: 0.58rem; margin: 0; display: flex; }
.td1{ display: flex; align-items: center; height: 100%; width: 1.4rem; color: #967f6a; }
.td2{ display: flex; align-items: center; height: 100%; width: 2.3rem; }

#pingzheng1{ width: 5.02rem; height: 9.49rem; margin: -4.69rem 0 0 -2.51rem; background-image: url(../images/pz1.png);  }
#pingzheng2{ width: 5.02rem; height: 8.38rem; margin: -4.3rem 0 0 -2.51rem; background-image: url(../images/pz2.png);  }
#pingzheng1 .close,#pingzheng2 .close{ left: 2.2rem; }
.pzc{ text-align: center; padding: 6.4rem 0 0; height: 1.3rem; }
.pzc img{ display: block; margin: 0 auto; width: 0.6rem; border-radius: 50%; }
.name1{ display: block; color: #3a2d21; }
.name2{ display: block; color: #c89951; }

#pingzheng1.pz_qrcodebg{ height:9.49rem; margin-top: -4.8rem; background-image: url(../images/pz_qrcode1.png);  }
.pz_qrcodebg .pz_qrcode{ display: block; }
.pz_qrcodebg .pzc{ padding-top: 6.32rem; }
.pz_qrcode{ text-align: center; position: absolute; left: 50%; transform: translateX(-50%); top: 3.35rem; }
.pz_qrcode.cur{ display: block; }
.pz_qrcode_img img{ display: block; margin: 0 auto 0.1rem; width: 2rem; }
.pz_qrcode_txt{ font-size: 0.24rem; display: block; width: 3.33rem; height: 0.24rem; margin: 0.2rem auto 0; background:url(../images/pz_wz.png) no-repeat; background-size: 100% auto; display: none; }
.pz_qrcode_txt label{ font-size: 0.2rem; }

#fenx{ position: absolute; margin: 0; left: auto; top: 0.2rem; right: 0.2rem; width: 3.81rem; height: 1.89rem; background:url(../images/fenx.png) no-repeat; background-size: 100% auto; }
#fenx .close{ display: none; }

.nowx{ position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; background: url(../images/qdbg.jpg) no-repeat center; background-size: cover; z-index: 99999; display: none; }
.nowx.cur{ display: block; }
.nowx .qdxx:nth-child(1){ padding: 3rem 0 0; font-size: 0.36rem;  }
.nowx #qr_code2{ width: 2.54rem; height: 2.54rem; margin: 0.6rem auto 0; }
.nowx .tc2{ display: flex; }

.qiandao{ width: 7.5rem; height: 100%; }
.qiandao .wrap{ background-image: url(../images/qdbg.jpg); }
.tt{ display: block; width: 100%; height: 3.45rem; background:url(../images/tt22.png) no-repeat center bottom; background-size: 5.64rem auto; }
.line{ display: block; width: 5.7rem; height: 0.13rem; margin: 0.1rem auto; background:url(../images/line.png) no-repeat; background-size: 100% auto;  }
.tts{ display: block; width: 2.08rem; height: 0.62rem; margin: 0.2rem auto 0; background:url(../images/tts.png) no-repeat; background-size: 100% auto; }
.qdxx{ display: block; text-align: center; margin: 0.2rem auto 0.4rem; color: #ffcf90; font-size: 0.28rem; }
.qiandao .tc2{ width: 4.58rem; height: 4.65rem; background-image: url(../images/tc22.png); position: relative; }
.qiandao .form2{ padding: 0.24rem 0 0 }
.qdbtn{ display: block; width: 2.82rem; height: 0.94rem; margin:0.2rem auto 0.1rem; background:url(../images/qdbtn.png) no-repeat; background-size: 100% auto; }
.qdts{ text-align: center; color: #ffcf90; }
#qdh{ display: none; font-size: 0.3rem; line-height: 1.4rem; text-align: center; color: #ffcf90; }
.doing{ display: inline-block; width: 0.64rem; height: 0.32rem; vertical-align: middle; background:url(http://login.ztgame.com/themes/popup/img/ico_doing.gif) no-repeat; background-size: 0.32rem 0.32rem; }
#qdfrom::after{ content: ''; position: absolute; width: 2.21rem; height: 2.21rem; top: 3.7rem; right: -0.6rem; background:url(../images/qiandao.png) no-repeat; background-size: 100% auto; 
  transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-delay: 0.1s; opacity: 0; visibility: hidden; transform: scale(3); 
}
#qdfrom.cur::after{ opacity: 1; visibility: visible; transform: scale(1); }
#qdxxts{ padding: 0 0.7rem; }

#getinfobtn{ display: block; width: 4.11rem; height: 1.32rem; margin:0.2rem auto 0; background:url(../images/getinfobtn.png) no-repeat; background-size: 100% auto; }

#present input{ -webkit-appearance: checkbox; border-radius: 0; outline: none; }
#radieos,#userNmuInput,#present{ display: flex; }
#radieosval,#userNmuText,#presentval{ display: none; }

#radieos.show,#userNmuInput.show,#present.show{ display: none; }
#radieosval.show,#userNmuText.show,#presentval.show{ display: block; }

#no{ display: none; }
.gt{ position: absolute; left: 50%; top: 50%; margin: -1rem 0 0 -0.75rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: solid 0.04rem #e25e50; background: #f7ece4 url(../images/gt.png) no-repeat center; background-size: 0.12rem 0.57rem; }

#qr_code2{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 3.2rem; height: 3.2rem; margin: 0.1rem auto 0; border: solid 0.08rem #7b4f2d; background: #fff; position: relative; }
#qr_code2 canvas{ max-width: 100%; width: 90%; }
#qr_code3{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center; width: 3rem; height: 3rem; margin: 0rem auto 0; border: solid 0.08rem #7b4f2d; background: #fff; position: relative; }
#qr_code3 canvas{ max-width: 100%; width: 90%; }

.ewmqdtt{ display: block; text-align: center; font-size: 0.4rem; padding: 3.3rem 0 0; height: 1.64rem; color: #ffcf90; }
.ewmqdtt2{ display: block; text-align: center; font-size: 0.28rem; height: 0.8rem; color: #ffcf90; }
#qdqdbtn.done{ -webkit-filter: grayscale(1); filter: grayscale(1); }

.tips{ position: fixed; width:6.1rem; height: 0.6rem; background: url(../images/tips.png) no-repeat; background-size: 100% auto; left: 50%; top: 50%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 0.24rem; z-index: 0; visibility: hidden; opacity: 0; -webkit-transform: translate(-50%,-100%); transform: translate(-50%,-100%); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 99999; }
.tips.cur{  -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); visibility: visible; opacity: 1; }

.account .wrap { background-image: url(../images/qdbg.jpg); }
.account .tt{ height: 3.5rem; background-image: url(../images/tt22.png); background-size: 5.64rem auto; }
.account .tt22{ background-image:url(../images/tt22.png); }
.account .tts{ background-image: url(../images/tts2.png); }
.account .tc2{ width: 4.58rem; height: 4.65rem; padding: 0.7rem 0 0; margin: 0.2rem auto 0; background-image: url(../images/tc33.png); background-size: 4.58rem 4.65rem; }
.account #qr_code3{ width: 2.64rem; height: 2.64rem; border: solid 0.1rem #9d7a59; margin-bottom: 1.6rem; }
.account .qdts{ font-size: 0.24rem; }
.accountLogin{ display: block; margin: 0.6rem auto 0; width: 4.11rem; height: 1.32rem; background: url(../images/zhixiao.png) no-repeat; background-size: 100% auto; }
.accountLogin.account_login_btn{ background-image:url(../images/accountbtn.png); }
.accountLogin.wzzt_wx_gamebtn{ background-image:url(../images/wzzt_accountbtn.png); }
#accountbtn1{ 
  /* background: url(../images/bdbtn.png) no-repeat;  */
  background: url(../images/joinbtn.png) no-repeat; 
  background-size: 100% auto; 
  width: 3.53rem;
}
.account .tds{ width: 100%; margin-bottom: 0.2rem; display: flex; }
.account .tds:nth-child(3){ margin-bottom: 0.5rem; }
.account .txt{ width: 100%; }
.account .txt[readonly]{ background: #f7ece4; }
.account .yzmbtn{ top: 0; }
.account-msg{ width: 75%; color: #ffcf90; font-size: 0.26rem; margin: 0.5rem auto 0; }
.account-msg p{ padding-left: 0.24rem; background: url(../images/ci.png) no-repeat 0 0.1rem; background-size: 0.15rem 0.2rem; }

.backpage{ text-decoration: underline; display: block; margin: 0 auto; }

#xx2 h3{ background-image: url(../images/bmxx-tt.png); }
.gt2{ display: block; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: solid 0.04rem #e25e50; margin: 0.8rem auto 0.3rem; box-shadow: 0 0.1rem 0.1rem #ccc; background: #f7ece4 url(../images/gt.png) no-repeat center; background-size: 0.12rem 0.57rem; }
.gtts{ display: block; text-align: center; font-size: 0.3rem; color: #e25e50; }
.gtts2{ font-size: 0.24rem; color: #967f6a; text-align: center; margin: 1rem auto 0.4rem; line-height: 0.4rem; }

.account #xx h3{ background-image: url(../images/xxqr-tt.png); }
.account #xx .qdts{ color: #594633; margin-top: 0.1rem; font-size: 0.22rem; }

#pingzheng3{ width: 5.02rem; height: 8.38rem; margin: -4.3rem 0 0 -2.51rem; background-image: url(../images/pz1.png);  }
#changebtn{ width: 2.8rem; height: 0.91rem; background: url(../images/changebtn.png) no-repeat; background-size: 100% auto; }

#pingzheng3{ width: 5.02rem; height: 8.38rem; margin: -4.3rem 0 0 -2.51rem; background-image: url(../images/pz33.png);  }
#pingzheng3 .close{ left: 2.2rem; }
.pzmsg0{ margin: 1.75rem auto 0; height: 0.8rem; display: flex; justify-content: center; align-items: center; color: #eb5216; font-size: 0.3rem; }
.pzmsg{ margin: 0.2rem auto 0; width: 4.16rem; height: 3.7rem; line-height: 0.38rem; overflow-y: auto; }

#scbtn{ width: 2.8rem; height: 0.91rem; margin: 0.2rem auto 0; background-image: url(../images/scbtn.png);  }
#three{ width: 7rem; height: 86%; background: none; margin: 0; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
#three p{ position: absolute; width: 100%; bottom: -0.5rem; left: 0; text-align: center; font-size: 0.3rem; font-weight: bold; color: #fff; }
#three img{ display: block; height: 100%; margin: 0 auto; }
#three .close{ top: -1.3rem;  left: auto;  right: 0.2rem; }
.sharebg{ height: 100%; }
#Imgload{ position: absolute; width: 100%; top: 50%; text-align: center; color: #fff; font-size: 0.3rem; display: none; }

#pictrue2{ display: block; width: 750px; margin: 0 auto; position: absolute; transform: translateY(-200%); z-index: 222; }
#pictrue2 img{ display: block; margin: 0 auto 0; }
#pictrue2 .title{ position: absolute; width: 100%; height: 64px; top: 542px; left: 0; color: #c03f00; font-size: 40px; display: flex; justify-content: center; align-items: center;  }
#pictrue2 .title a{ margin: 0 10px; color: #c03f00; }
#pictrue2 .title2{ position: absolute; width: 100%; height: 78px; top: 640px; left: 0; color: #c03f00; font-size: 48px; display: flex; justify-content: center; align-items: center; }
#pictrue2 .title2 a{ color: #c03f00; }

.admain{ width: 7.5rem; height: 100%; color: #ffcf90; }
.admain .wrap{ background-image: url(../images/adbg.jpg); }
.admain .mySwiper{ width: 89%; height: calc(100% - 5rem); margin-top: 0; background: #2b1810; }
.admain .btn{ background-size: 100% 100%; width: 2.4rem; }
.admian_header{ display: flex; align-items: center; width: 80%; margin: 0.9rem auto 0; font-size: 0.26rem; }
.hder{ margin-top: 0.3rem; }
.hder .set{ width: 2.6rem; margin-right: 0.4rem; }

.adtt{ display: block; font-size: 0.34rem; text-align: center; margin: 0.4rem auto 0.2rem; }
.adtt2{ display: block; font-size: 0.26rem; text-align: center; }
.msgtt{ display: block; text-align: center; margin: 0.1rem auto 0.5rem; font-size: 0.3rem; }
.bmcon{ display: flex; width: 90%; margin: 0 auto; justify-content: space-between; }
.datas{ display: flex; width: 50%; flex-wrap: wrap; justify-content: center; }
.datas span{ display: block; width:100%; text-align: center; font-size: 0.52rem; }

.adbtns{ display: flex; justify-content: center; flex-wrap: wrap; width: 90%; margin: 0.5rem auto; }
#refresh{ margin: 0.5rem auto; }

#tablehead{ background-color: #ffcf90; color: #333; }

.joinmessage{ margin: 0.2rem auto 0; height: 0.3rem; text-align: center; }
.joinmessage span{ margin-right: 0.2rem; }
.admain .tds{ display: flex; width: 100%; justify-content: center; align-items: center; height: 0.7rem; border-bottom: solid 0.01rem #ffcf90; margin: 0; }
/* .admain .tds:last-child{ border: 0; } */
.admain .tds > div{ display: flex; width: 16%; height: 100%; justify-content: center; align-items: center; border-right: solid 0.01rem #ffcf90; }
.admain .tds > div.td8{ border: 0; display: none; }
.admain .tds > div.td3{ overflow: hidden; display: none; }
.admain .tds > div.td0{ width: 10%; }
.admain .tds > div.td0 *{ contain: strict; }
.admain .tds > div.td6 .adcount,
.admain .tds > div.td6 .statuscount,
.admain .tds > div.td6 .set,
.admain .tds > div.td6 .setval,
.admain .tds > div.td6 .setlist
{ contain:layout; }

.setlist [game_type='wzzt_wx'],.setlist [game_type='xzt'],.setlist [game_type='ztjd']{ display: none; }
.admian_header .setlist [game_type='wzzt_wx']{ display: flex; }


#admquery{ overflow-x: scroll; }
#admquery .tds{ width: 200%; }
.csx{ width: 89%; height: 0.7rem; border: solid 0.01rem #ffcf90; overflow: hidden; overflow-x: scroll; margin: 0.3rem auto 0; }
#tablehead{ width: 200%; }
#userNum{ display: block; width: 2.54rem; height: 0.7rem;  border: solid 0.01rem #ffcf90; background: #fff; text-indent: 0.18rem; color: #967f6a; font-size: 0.26rem; }
#userNum.black{ color: #3c3229; }
.search{ margin: 0.3rem auto 0; }
#sreachbtn,#dcbtn{ display: flex; width: 1.3rem; height: 0.7rem; justify-content: center; align-items: center;  border: solid 0.01rem #ffcf90; background: #ffcf90; margin-left: 0.18rem; color: #000; }


#loadding{ display: flex; justify-content: center; width: 100%; height: 2rem; padding: 0.15rem 0 0; border-top: solid 0.01rem #ffcf90; }
.numtxt{ display: none; width: 100%; height: 100%; justify-content: center; align-items: center; text-align: center; }
.adnum{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.numtxt.cur{ display: flex; }
.adnum.cur{ display: none; }

.admain .tds .td1{ color: #ffcf90; }
#tablehead .td1{ color: #333; }
.admain .tds .td4,.admain .tds .td5{ width: 19%; } 
.admain .tds .setval{ text-indent: 0; text-align: center; }
.admain .tds .set{ width: 98%; margin: 0 auto; display: none; position: fixed; }
.admain .tds .set.ssyes{ display: block; }

.radio{ display: flex; align-items: center; height: 0.48rem; }
.radio input{ display: block; width: 0.4rem; height: 0.4rem; border: solid 0.02rem #ccc; margin:0 0.15rem 0 0.05rem; -webkit-appearance:radio; }

.adcount{ display: flex; width: 98%; height: 0.6rem; justify-content: center; align-items: center; }
.adcount.ssyes{ display: none; }

#userNmuTxt{ width: 2.2rem; }
.ewm .tc2{ background-image:url(../images/tc44.png); height: 5.25rem; }
.ewm .tc2 .td1{ width: 1.6rem; }
.ewm .divcenter{ display: flex; justify-content: center; }
#resetbtn{ width: 1rem; background-size: 100% 100%; }

.jianianhua .account .tt{ background-image: url(../images/jnh_tt22.png); }