html,body,div,span,h1,h2,h3,h4,p,a,em,img,b,i,dl,dt,dd,ol,ul,li,form,table,caption,thead,tr,th,td,canvas,audio {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; touch-action: none; }
body {font-family: 'Helvetica Neue', 'Roboto', "microsoft yahei";line-height: 1;-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
table {border-collapse: collapse;border-spacing: 0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-backface-visibility: hidden;}
@font-face {
	font-family:'SH';
	src:url("../fonts/hanyishuhun.ttf");
	src:url("../fonts/hanyishuhun.ttf") format("truetype");
	font-weight:normal;
	font-style:normal
}

ul,li {
  list-style: none;
}
img{width: 100%;display: block;}
html,
body {width: 100%;height: 100%;overflow: hidden;background: #decda8;-webkit-user-select: none;user-select: none;
	font: 400 0.28rem/1.5 SH, PingFangSC-Regular, 'PingFang SC', 'microsoft yahei', Arial;
	color: #67542b;
}
.tb-rl {-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;-webkit-writing-mode: tb-rl;-ms-writing-mode: tb-rl;writing-mode: tb-rl
}

.fix {transform: translateZ(1px);-webkit-transform: translateZ(1px);-moz-transform: translateZ(1px);-o-transform: translateZ(1px);-ms-transform: translateZ(1px)
}

.font {font-family: PingFangSC-Regular, 'PingFang SC', 'microsoft yahei', Arial, sans-serif
}
.hide {display: none;}
.abs {position: absolute;top: 0;left: 0;}
.wrap {overflow: hidden;position: absolute;left: 0;top:0;width:100%;height:100%;transform: translate3D(0,0,0);}
.vbg{background: url('../imgs/bg.jpg') no-repeat center;background-size:cover;position: absolute;left: 0;top:0;z-index: 0;width:100%;height:100%;transform: scale(1.85);transition:25s;}
.vbg.show{transform: scale(1);}
.infos{opacity: 0;z-index:-1;background:rgba(0,0,0,0.69);width: 100%;height: 100%;position: absolute;left:0;top:0;}
.infos.show{z-index: 999;opacity: 1;}
.loading{background: #fff;width: 100%;height: 100%;z-index:30001;background:url(../imgs/bodybg.jpg) repeat #decda8;background-size: cover; position: absolute;left:0;top:0;transition: .6s;transform: translate3d(0, 0, 0);}
               
.loadwrap{width:100%;height:100%;display: none;align-items: center;justify-content: center;font-size: .4rem; flex-direction: column; }
.loadwrap.o{display: flex;}
/* .loading h2{font-size: .4rem;background:url(../imgs/loadingline.png) no-repeat bottom center;background-size: 100%;padding:.3rem .15rem;} */
.loadwrap h2{font-size: .4rem;width: 5rem; padding:.3rem .15rem;}
.loadwrap > div{height: 3.2rem;width:.15rem;display: flex;justify-content: space-between;align-items: center;margin:.25rem 0;transform: translate3d(0, 0, 0);}
.loadwrap > div div{background:url(../imgs/hb.jpg) no-repeat #fff center;background-size:auto 100%;width:0;height: 78%;position: relative;z-index: 0;overflow: hidden;transform: translate3D(0,0,0);}
.loading.on .loadwrap > div div,.loading.on .loadwrap > div{animation: loading 1s linear forwards;}
.loading .loadwrap > div span{position: absolute;left: 50%;top:50%;margin:-1rem 0 0 -2rem;text-align: center;display: block;width: 4rem;height: 2rem;line-height: 2rem;white-space: nowrap;text-shadow: 0 2px 2px rgba(255,255,255,.9) ,0 .05rem .1rem rgba(0,0,0,.3);font-size: .5rem;font-weight: 500;font-family: 'Helvetica Neue', 'Roboto', "microsoft yahei";}
.loading .loadwrap > div:after,.loading .loadwrap > div:before{content:'';width: .62rem;height: 100%;display: block;background: url(../imgs/zhou.png) no-repeat;background-size: 100%; z-index: 41; 
position: absolute;left:-.2rem;top:0;transform: translate3D(0,0,0);}
.loading .loadwrap > div:before{right:-.2rem;left:auto;}
.loading span.t{position: absolute;right:1rem;top:50%;margin-top: -2.3rem; background:url(../imgs/loadingtxt.png) no-repeat;background-size: 100%;display:block;width: 3.5rem;height: 1rem;transform: rotate(-90deg);transform-origin: right center;}
.loading a{text-decoration: none;padding:.1rem .2rem;pointer-events: none;width: 3.2rem;height: 1rem;-webkit-transform: translate3D(0,2.6rem,0);transform: translate3D(0,2.6rem,0);-webkit-transition:transform 1.25s ;transition:transform 1.25s;display: block;}
.loading a img{}
.loading.ov a{pointer-events: all;-webkit-transform: translate3D(0,0,0);}
.loading.ov a img{}
.loading.leave{opacity: 0;pointer-events: none;transform: translate3d(0, 0, 0);}
@-webkit-keyframes loading{
	0%{width: 1rem;transform: translate3d(0, 0, 0);}
	to{width:3.5rem ;transform: translate3d(0, 0, 0);}
}
@keyframes loading{
	0%{width: 1rem;transform: translate3d(0, 0, 0);}
	to{width:3.5rem ;transform: translate3d(0, 0, 0);}
}

.home{position: relative;width: 100%;height: 100%;z-index: 1;transform: translate3d(0, 0, 0);overflow: hidden;-webkit-overflow-scrolling: unset;}
.home.leave{opacity: 0;transition: 1s 1s; transform:  translate3d(0, 0, 0);}
.mao5{width: 6.82rem; position: absolute;left:50%;bottom:0;margin-left: .8rem;-webkit-overflow-scrolling: unset;}
.mao5.r0{left:auto;margin:0;right:0;}
.mao5:after{content:'';display:block;width: 100%;height:100%;position: absolute;left:0;top:0;z-index: 0; background:url('../imgs/mao5_guang.png') no-repeat center;background-size: 80%;opacity: 0;}
.show .mao5:after{animation: fadeIn 1s linear forwards;}
.mao5 .myue{opacity: 0;transform: translate3d(.45rem,.45rem,0);transition: .8s;position: relative;z-index: 2;}
.mao5 .m5{position: absolute;left:1.7rem;height:2.4rem;top:2.65rem;width: 1.2rem;z-index: 9;opacity: 0;-webkit-overflow-scrolling: unset;-webkit-transform:translate3d(0,-.7rem,0);}
.show .mao5 .m5{animation: opt 1s .5s linear forwards,fadeInDown 1.15s .3s linear forwards;}
.mao5 .m5 .t{width: 1rem;transform: rotate(5deg);transform-origin: bottom;z-index: 0;}
.show .mao5 .m5 .t{/* animation: m5t 4s 2s infinite ease-in-out alternate;z-index: 0; */}
.mao5 .m5 .q{width: 100%;position: absolute;left:0;top:.8rem;z-index:2;transform-origin: center;}
.mao5 .m5 div{width: 100%;height:1rem;position: absolute;left:0;top:1.3rem;z-index: 4;}
.show .mao5 .myue{opacity:1;transform: translate3d(0,0,0);}
@-webkit-keyframes m5t{
	0%{transform: rotate(5deg);transform-origin: bottom;}
	to,50%{transform: rotate(-2deg);transform-origin: bottom;}
}
@-webkit-keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translate3d(0,-.7rem,0);transform:translate3d(0,-.7rem,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInDown{
	0%{-webkit-transform:translate3d(0,-.7rem,0);transform:translate3d(0,-.7rem,0)}
	to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.mao5 .m1{position: absolute;right:1.8rem;top:.42rem;z-index: 1;width: 1.2rem;opacity: 0;-webkit-transform: translate3d(-100%, 100%, 0) scale3d(0,0,0);}	

.show .mao5 .m1{opacity:1;animation: fadeInBottomLeft 7s 2.65s infinite linear  ;}

.mao5 .m3{position: absolute;right:2.45rem;bottom:0.680rem;z-index: 3;width: 1.95rem;height:1.85rem; -webkit-overflow-scrolling: unset;transform:scale(0) translate3d(0, 0, 0);}
.mao5 .m3 .m3t{position: absolute;left: 19%;top: 0;z-index: 0;width: 70%; transform: rotate(5deg);}
.mao5 .m3 .m3s{position: absolute;left: 0;top: .9rem;z-index: 0; }
.show .mao5 .m3 .m3t{animation: m5t 2s 3.23s infinite ease-in-out alternate;z-index: 0;}
.show .mao5 .m3{animation:m3show .3s 2.1s forwards;transform-origin: bottom; /* animation:opt .6s .7s forwards;,headShake 1s 2s linear alternate forwards; */}
@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes m3show{
	from{ transform:scale(0) translate3d(0, 0, 0);transform-origin: bottom ;}
	to{ transform: scale(1) translate3d(0, 0, 0);transform-origin: bottom ;}
}

.mao4{width: 6.25rem;height:4.53rem; position: absolute;left:50%;margin-left: -7.3rem;bottom:0;z-index:5;opacity: 0;transition: .8s .2s;transform: translate3d(0,0,0);overflow: hidden;-webkit-overflow-scrolling: unset;}
.mao4 .yun{position:absolute;left:0;bottom:0; transition: .8s;transform: translate3d(-.3rem,.3rem,0);z-index: 1;}
.mao4 div{position:absolute;left:0;bottom:1rem; transition: .8s;transform: translate3d(.3rem,-.3rem,0);z-index: 2;width:85%;-webkit-overflow-scrolling: unset;}
.mao4 div .s1{width:.8rem;position:absolute;left:.8rem;top:1.6rem;z-index:3;transform-origin:right bottom;animation: m4s1 2s infinite alternate;}
.mao4 div .s2{width:1rem;position:absolute;left:1.82rem;top:1.67rem;z-index:3;transform-origin:right  30%;animation: m4s2 2s 1s infinite alternate;}
.show .mao4{opacity: 1; }
.leave .mao4{opacity: 0;}
.show .mao4 .yun,.show .mao4 div{transform: translate3d(0,0,0);}
.mao2{width:4.4rem;position: absolute;left:50%;margin-left: -5.6rem; bottom:5.3rem;z-index: 2;opacity: 0;transition: .5s;transform: translate3d(-.3rem,.3rem,0);-webkit-overflow-scrolling: unset;}
.mao2 .m2box{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
.mao2  img{opacity: 0;display: none;}
.m2box div{position:absolute;}
.m2box div ul{width: 100%;height: 100%;}
.m2box .msheng{right:.49rem;top:0;z-index: 5;width:1.15rem;height: 3rem;transform: translate3d(0, 0, 0);}
.m2box .msheng img{opacity: 1;display: block;transform: translate3d(0, 0, 0);}
.m2box .mqun{right:.2rem;top:1.49rem;width: 2.78rem;z-index: 4;height: 3rem;}
.m2box .msd1{left:.3rem;top:1.4rem;width:2.7rem;height:2.8rem;z-index: 3;}
.m2box .msd2{left:1.312rem;top:2.51rem;width:0.88rem;height:1.5rem;z-index: 3;}
.m2box .msd3{right:.05rem;top:1rem;width:0.925rem;z-index: 6;height:.9rem;}
.show .mao2{opacity: 1; transform: translate3d(0,0,0);}
.zis{position: absolute;left: 50%;top:50%;width: 4.7rem;margin-left: -2.2rem;margin-top: -1.45rem; z-index: 99;/* transform: scale(0);transition: .3s .5s; */}
.show .zis{transform: scale(1);}
.zis .tang{width: 3rem;height:3rem;margin:0 auto;/*opacity: 0; transform:translate3d(0, 0, 0) scale3d(1.2,1.2,1.2) ; */position: relative;transform:perspective(400px) rotateY(90deg)}
.zis .tang img{position: absolute;left:0;top:0;/* opacity: 0;transition: 2s; */ }
.zis p{text-align: center;color:#d2ad66;text-shadow: 0 2px 2px rgba(0,0,0,.4);}
.zis p.p1{font-size: .2rem;opacity:0;transform: translateY(.2rem);transition: .7s 2s;}
.show .zis .p1{opacity: 1;transform: translateY(0);}
.show .zis .p1 span{animation: heartBeat 3s 3.5s infinite;}
.zis p.p2{font-size: .325rem;opacity: 0;transform: translateY(.2rem);transition: .7s 3s;}
.show .zis .p2{opacity: 1;transform: translateY(0);}
.leave .zis .p2{transition:.3s 0.1s;opacity: 0;transform: translateY(.4rem);}
.leave .zis .p1{transition:.3s 0.2s;opacity: 0;transform: translateY(.4rem);}
.show .zis .tang{/* animation: zoomInDown 2s 3s forwards; */animation: flipInY 4s 1.2s alternate infinite;}
.show .zis .tang img{opacity: 1;}
.show .zis .tang img:nth-child(1){transition-delay: .5s;}
.show .zis .tang img:nth-child(2){transition-delay: 1s;}

@-webkit-keyframes flipInY{
	0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg)}
	10%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}
	15%{opacity:1;-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
	20%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}
	25%,100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@-webkit-keyframes m4s1{
	0%,50%{transform: rotate(5deg);transform-origin:right bottom;}
	25%,75%,100%{transform: rotate(2deg);transform-origin:right bottom;}
}
@-webkit-keyframes m4s2{
	0%,50%{transform: rotate(5deg);transform-origin:right 30%;}
	25%,75%,100%{transform: rotate(2deg);transform-origin:right  30%;}
}
@-webkit-keyframes showtang{
	from{opacity: 0;transform:translate3d(0, 0, 0) scale3d(1.2,1.2,1.2) ;}
	10%{opacity: 1;transform:translate3d(0, 0, 0) scale3d(1.2,1.2,1.2) ;}
	to{opacity: 1; transform:translate3d(0, 0, 0) scale3d(1,1,1) ;}
}

.zis .txt1{width: 45%;margin:0 auto .24rem;opacity: 0;transform: translateY(.2rem);transition: .7s 2s;}
.show .zis .txt1{opacity: 1;transform: translateY(0);animation: heartBeat 3s 3.5s infinite;}
.leave .zis .txt1{transition-delay: 0;}
.zis .txt2{width: 96%;margin:0 auto;opacity: 0;transform: translateY(.2rem);transition: .7s 3s;}
.leave .zis .txt2{transition-delay: 0;}
.show .zis .txt2{opacity: 1;transform: translateY(0);}
.logo{position: absolute;top:.25rem;left: 0.5rem;width: calc(100% - 1rem);display: flex; justify-content: space-between;align-items: start;transform: translate3d(0,-3rem,0);transition: .3s;}
.show .logo{transform: translate3d(0,0,0);}
.logo span{width: 6.7rem;display: block;}
.logo span:nth-child(2){width: 2rem;margin-top: .2rem;}

@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
      }
    30%{
        opacity:1;
        -webkit-transform:translate3d(-30%,0,0);
        transform:translate3d(-30%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:translate3d(0%,0,0);
        transform:translate3d(0%,0,0)
      }
}

@-webkit-keyframes yun{
    0%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
      }
    100%{
        -webkit-transform:translate3d( -.4rem,0,0);
        transform:translate3d(-.4re,0,0)
      }
}


.yun{position: absolute;left: 0;top: 1.96rem;z-index: 1;}
.yun span{display: block; position: absolute;opacity: 0; }
.show .yun span{animation: fadeInLeft 13s linear forwards;}
.yun .y1{left: 3.7rem;top: .75rem;width: 1.54rem;} 
.show .yun .y1 img{animation: yun 14s infinite alternate;}
.yun .y2{left: 2.35rem;top: .18rem;width: 1.65rem;}
/* .show .yun .y2{animation-duration:12s;animation-delay:.2s} */
.show .yun .y2 img{animation: yun 19s .2s infinite alternate;}
.yun .y3{left: 0;top: 0;width: 1.4rem;}
.show .yun .y3{animation-duration:14s;}
.show .yun .y3 img{animation: yun 15s .5s infinite alternate;}
.xc{z-index: 0; position: absolute;width: 100%;height: 100%;background:url("../imgs/xc.png") no-repeat center;background-size: cover;animation: fadeIn 1.5s infinite linear alternate;}
.xc2{transform: rotate(-180deg);width: 80%;left: auto;right:0;animation-delay: .5s;}
.denglong{width:1.04rem;position: absolute;left: 3.4rem;top:4rem;/* top:1.59rem; */z-index: 2;opacity: 0; transform: translate3D(0);}
.show .denglong{
  opacity: 1;animation: lanternY 10s .2s cubic-bezier(0,-0.04, 0.45, 0.94) forwards;	  
}
.denglong div.d_wrap{position: relative;}
.show .denglong div.d_wrap{animation: dlpiaodong 10s 5s linear infinite alternate;}
.denglong div.d_wrap .g{position: absolute;bottom:.4rem;left: 0;}
.denglong.d2{width: .56rem;left: 38.5%;top:auto;/* bottom:1.6rem; */bottom:-.8rem;z-index: 0;animation-delay: 2s;animation-duration: 12s;}
.denglong .dl{position: relative;}
.denglong .dl .d2{width: 40%;position: absolute;bottom:0;left:.2rem;animation: yb 2s infinite linear alternate ;}
.show .denglong.d2 div{animation-duration: 6.5s;}
.denglong.d3{width: .85rem;left: 55%;top:3.81;/* top:1.4rem; */animation-delay: 5s;animation-duration: 15s;opacity: 0;}
.show .denglong.d2 div{animation-duration: 5s;}
@keyframes yb {
	0%{transform: rotate(3deg);transform-origin: top left;}
	100%{transform: rotate(-3deg);transform-origin: top left;}
}
.xin{width: .28rem;position: absolute;opacity: 0;}
.xin.x1{width: .2rem;left:1.8rem;top: 3.24rem;}
.show .xin.x1{animation: flash 4s alternate infinite;}
.show .xin.x1 img{transform: rotate(-20deg);}
.xin.x2{left: 50%;top: 1.4rem;}
.show .xin.x2{animation: flash 4s 1s alternate infinite;}
.xin.x3{width: .23rem;right: 3.2rem;top: 0.7rem;}
.show .xin.x3{animation: flash 1.95s alternate infinite;}
.show .xin.x3 img{transform: rotate(-50deg);}
.xin.x4{left: 67%;top:2.87rem;width: .15rem;t}
.show .xin.x4{animation: flash 5s .9s alternate infinite;}
.xin.x5{left:36.4%;bottom: 1.05rem;width: .15rem;}
.show .xin.x5{animation: flash 5s 3s alternate infinite;}
.xin.x6{left: 56%;bottom:0.54rem;width: .17rem;}
.show .xin.x6{animation: flash 3s 3s alternate infinite;}

.hudei {width: .76rem;position: absolute;left:-.5rem;top: -1rem; opacity: 0;transform: ;transition: .9s .3s;-webkit-overflow-scrolling: unset;}
.hudei span{position: relative;z-index: 2;background:url("../imgs/hudei_c.png") no-repeat center;width: 1rem;height: 1rem;background-size: .3rem;display:block;}
.hudei span:before{content: "";display: block;width: 50%;height: 100%;background:url(../imgs/hudei_l.png) no-repeat 0 .05rem;background-size: contain;position: absolute;left: 0;top:0;
-webkit-animation: hover 250ms cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
          animation: hover 250ms cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
          animation-fill-mode: reverse;
  transform-origin: right center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.hudei span:after{content: "";display: block;width: 50%;height: 100%;background: url(../imgs/hudei_r.png) no-repeat;background-size: contain;position: absolute;right: 0;top:0;

-webkit-animation: hover 250ms cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
          animation: hover 250ms cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
          animation-fill-mode: reverse;
  transform-origin: left center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.hudei.hd3 .g{opacity: .6;}
.hudei b img{animation: guang_pulse 600ms infinite linear;}
.hudei b{position: absolute;left: 0;top: 0;z-index:1;transform-origin: center; transform: scale(1);opacity: .7;}
.show .hudei{opacity: 1; }
.hudei.hd1 .hd{transform: translate3d(.4rem,1rem,0)  scale3d(.7,.7,.7);animation: hd1 35s infinite linear forwards;}
.hudei.hd2 {left:4.55rem;top:3.75rem;}
.hudei.hd2 .hd{transform: translate3d(0,3.15rem,0) rotate(5deg) scale3d(.5,.5,.5); animation: hd2 16s infinite linear forwards;}
.hudei.hd3{left:auto;right:4.95rem;top:1.85rem;}
.hudei.hd3 .hd{transform: translate3d(-4.5rem,4.95rem,0) rotate(30deg) scale3d(.65,.65,.65);animation: hd3 26s infinite linear forwards;}

@keyframes flash {
	0%{opacity: 0;transform: scale(0) rotate(0);}
	5%,100%{opacity: 1; transform: scale(1) rotate(1400deg)}
}

@keyframes hd1 {
	0%{transform: translate3d(2.63rem,5.5rem,0) rotate(-25deg) scale3d(.7,.7,.7);}
	100%{transform: translate3d(0,0,0) rotate(-15deg) scale3d(.4,.4,.4);}
}

@keyframes hd2 {
	0%{transform: translate3d(0,3.15rem,0) rotate(5deg) scale3d(.5,.5,.5);}
	100%{transform: translate3d(0,0,0) rotate(5deg) scale3d(.3,.3,.3);}
	/* //100%{transform: translate3d(.5rem,-2rem,0) rotate(0deg) scale3d(0,0,0);} */
}
@keyframes hd3 {
	0%{transform: translate3d(-4.5rem,4.95rem,0) rotate(30deg) scale3d(.65,.65,.65);}
	100%{transform: translate3d(0,0,0) rotate(30deg) scale3d(.35,.35,.35);}
}
@media  screen   and (max-width : 320px),(orientation: portrait) {
  .wrap {-webkit-transform: rotate(90deg);transform: rotate(90deg);transform-origin: top left;left:0;top:0;}
}
.portrait .wrap{
  -webkit-transform: rotate(90deg);transform: rotate(90deg);transform-origin: top left;left:0;top:0;
}
@media  screen  and (min-width : 320px), (orientation: landscape) {
  .wrap {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.landscape .wrap{
	-webkit-transform: rotate(0deg);transform: rotate(0deg);
}

@keyframes flash {
	0%{opacity: 0;transform: scale(0) rotate(0);}
	5%,100%{opacity: 1; transform: scale(1) rotate(1400deg)}
}

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@-webkit-keyframes guang_pulse {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  50% {
    -webkit-transform: scale3d(1.45, 1.45, 1.45);
    transform: scale3d(1.45, 1.45, 1.45);
  }

  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes guang_pulse {
  from {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  50% {
    -webkit-transform: scale3d(1.45, 1.45, 1.45);
    transform: scale3d(1.45, 1.45, 1.45);
  }

  to {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.animate__guang_pulse {
  -webkit-animation-name: guang_pulse;
  animation-name: guang_pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes dl_fly {
  from {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }

  50% {
	-webkit-transform: translate3d(.2rem, 0, 0);
	transform: translate3d(0, 0, 0);
  }

  to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}
@keyframes lanternY {
  0% {
    transform: translate3D(-1rem,0,0);
	opacity:0;
  }
 50% {
	opacity: 1;
    transform: translate3D(-0.5rem,-1.9rem,0);
  }
  100% {
	opacity: 1;
    transform: translate3D(0,-2.41rem,0);
  }
}

@keyframes dlpiaodong {
 0% {
	opacity: 1;
    transform: translate3D(0,0,0);
  }
  100% {
	opacity: 1;
    transform: translate3D(-0.25rem,-.25rem,0);
  }
}

@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, 50%, 0);
    transform: translate3d(50%, 50%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* @keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInBottomLeft {
  0%,80%,100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0) scale3d(0,0,0);
    transform: translate3d(-100%, 100%, 0) scale3d(0,0,0);
  }
  10%,70% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1,1,1);
    transform: translate3d(0, 0, 0) scale3d(1,1,1);
  }
  
}
/* @keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
} */

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes opt{
	from{opacity: 0;}
	to{opacity: 1;}
}

@keyframes headShake {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  6.5% {
    -webkit-transform:translate3d(-6px,0,0) rotateY(-9deg);
    transform:translate3d(-6px,0,0) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translate3d(-5px,0,0) rotateY(7deg);
    transform:translate3d(-5px,0,0) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translate3d(-3px,0,0) rotateY(-5deg);
    transform: translate3d(-3px,0,0) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translate3d(-2px,0,0) rotateY(3deg);
    transform: translate3d(-2px,0,0) rotateY(3deg);
  }

  50% {
    -webkit-transform: translate3d(0,0,0);
    transform:translate3d(0,0,0);
  }
}

@-webkit-keyframes hover {
  0% {
    -webkit-transform: rotateX(0) rotate3d(20deg) rotateZ(-0) translateZ(0px);
            transform: rotateX(0) rotateY(20deg) rotateZ(-0) translateZ(0px);
  }
  100% {
    -webkit-transform: rotateX(0) rotateY(30deg) rotateZ(-0) translateZ(-0px);
            transform: rotateX(0) rotateY(30deg) rotateZ(-0) translateZ(-0px);
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.025, 1.025, 1.025);
    transform: scale3d(1.025, 1.025, 1.025);
  }
}


@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  4% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  8% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  16% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  22% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  4% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  8% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  16% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  22% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.coment-box{position: absolute;top: 0;left:0;overflow: scroll;width: 100%;height: 100%;opacity: 0;transition: 1s;}
.coment-box:before,.coment-box:after{position: absolute;left: 0;top:0;width: 100%;height:.23rem;z-index:1009;pointer-events: none;content:'';display: block;background: url("../imgs/lin.jpg") repeat-x;background-size: auto 100%;transform: translate3D(0,0,0);}
.coment-box:after{top:auto;bottom:0;}
/* .coment-box::-webkit-scrollbar {
    display: none;
} */
.coment-box.show{opacity: 1;z-index: 999;}
.coment-box .bo3{height: 100%;width: 100%;position: absolute;left: 0;top: 0;overflow: hidden;z-index: 0;pointer-events: none;transform: translate3D(0,0,0);}
.coment-box .bo3 canvas{/* width: 100%;height: 100%; */}
.coment-box .bg{height: 100%; width:auto;position: relative;z-index: 0;}
.coment-box .bo3.show{opacity: 1;pointer-events: all;}

.timer{ position: absolute;width: .7rem;height: .7rem; right: 0.2rem; top: .6rem; background: url(../imgs/tiembg.png) no-repeat; background-size: 100%; z-index: 30;opacity: 1;display: flex;justify-content: center;align-items: center;padding:.1rem;transform: translate3D(0,0,0);}
.timer span{background-color: #ececec;display: block;width: .5rem;height: .5rem;border-radius: 50%;color:#909090;text-align: center;line-height: 0.5rem;position: relative;z-index: 10;box-shadow: 0 .02rem .1rem 0 rgba(0,0,0,.1);}

.timer .loader{width: .35rem;height:.7rem;position: absolute;overflow: hidden;z-index: 9;}
.timer .loader.right{right: .11rem}
.timer .loader.left{left: .11rem}
.timer .loader .circle{width: .3rem;height: .3rem;border:.2rem solid transparent;border-radius: 50%;opacity: 0;transition: .2s .1s;}
.timer .loader .circle-right{border-top-color:#ececec;border-right-color:#ececec;position: absolute;right: 0;transform:rotate(-135deg);transition: 1s linear;}
.timer .loader .circle-left{border-bottom-color:#ececec;border-left-color:#ececec;position: absolute;left: 0;transform:rotate(225deg);transition: 1s linear;}
.timer.on .loader .circle{opacity: 1;}
/* .timer.on .loader .circle-right{animation:play1 20s  linear forwards;}
.timer.on .loader .circle-left{animation:play2 20s 20s linear forwards;} */
@keyframes play1{
	0%{transform:rotate(-135deg);}
	100%{transform:rotate(45deg);}
}
@keyframes play2{
	0%{transform:rotate(225deg);}
	100%{transform:rotate(405deg);}
}

.sound{background: url('../imgs/s-on.png') no-repeat center;position: absolute;width:0.75rem;height:0.75rem;right: 0.85em;top:1.68rem;background-size: 100%;z-index:30000;transform: translate3D(0,0,0);}
.sound.disabled{background-image: url(../imgs/s-off.png);}
.cards-i{position: absolute;left: .2rem;bottom:0;width:4rem;height: 1.72rem;background:url(../imgs/pros.png) no-repeat;background-size: 100%;z-index:30;display: flex;box-sizing: border-box;padding:.34rem .55rem;transform: translate3D(0,0,0);}
.cards-i div{flex: 1;background:no-repeat;background-size: 100%;}
.cards-i div:nth-child(1){background-image: url(../imgs/m1_b.png);}
.cards-i div:nth-child(2){background-image: url(../imgs/m2_b.png);}
.cards-i div:nth-child(3){background-image: url(../imgs/m3_b.png);}
.cards-i div:nth-child(4){background-image: url(../imgs/m4_b.png);}
.cards-i div:nth-child(5){background-image: url(../imgs/m5_b.png);}
.cards-i div img{opacity: 0;}
.cards-i div.on img{opacity: 1;}
.arawer{position: absolute;width:1rem;height:1rem;right: 0.85em;top:50%;background-size: 100%;z-index:30000;transform: translate3D(0,0,0);margin-top: -.5rem;opacity: 0;pointer-events: none;}
.arawer.show{animation: arawershow 7s linear alternate;}

@keyframes arawershow{
	0%,20%,40%,60%{opacity:0.5;}
	10%,30%,50%,65%,95%{opacity: 1;}
	100%{opacity: 0;}
}


.qz{position: absolute;left: 4.2rem;top: 5.325rem;z-index: 1;width: 1.12rem;}
.qz img{opacity: 0;}
/* .qz ul{width: 100%;height: 100%;position:absolute;left: 0;top: 0;}
.qz ul li{width: 100%;background-image: url('../imgs/qizi.png');background-size: 100% auto;animation: flag ease-in-out infinite;} */
.flag{width: 100%;height: 100%;position:absolute;left: 0;top: 0;transform: translate3d(0, 0, 0);}
.flag.vertical li{width: 100%;background-size: 100% auto;animation: flag ease-in-out infinite;transform: translate3d(0, 0, 0);}
.flag.horizontal{display: flex;transform: translate3d(0, 0, 0);}
.flag.horizontal li{height: 100%;background-size: auto 100%;animation: flag ease-in-out infinite;transform: translate3d(0, 0, 0);}

.xmao1{position: absolute;left:10.85rem;top:5rem;z-index: 1;background: url(../imgs/x_mao.png) no-repeat center;background-size: 100%;width: .4rem;height: 1rem;}
.hint{display:none;width:.34rem;z-index:30;position:absolute;top:-.35rem;left: 0;}
.hint.active{display:block;-webkit-animation:hintAni 1s ease 1s infinite alternate;animation:hintAni 1s ease 1s infinite alternate}
@-webkit-keyframes hintAni{
	0%{-webkit-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px)}
	100%{-webkit-transform:translate3d(0, 0.1rem, 1px);transform:translate3d(0, 0.1rem, 1px)}
}
@keyframes hintAni{
	0%{-webkit-transform:translate3d(0, 0, 1px);transform:translate3d(0, 0, 1px)}
	100%{-webkit-transform:translate3d(0, 0.1rem, 1px);transform:translate3d(0, 0.1rem, 1px)}
}
.found{display: flex;align-items: center;justify-content: center;background-color: rgba(0,0,0,.8);transform:translate3D(0,0,0)}
.found .container { width: 5.5rem;height: 6.5rem;top: .65rem;position: absolute;background}
.found .container div{padding:0 .5rem;} 
.found p { width: 2rem;color: #cfa472;font-size: .4rem;letter-spacing: -.05rem;line-height: .76rem}
.found p span {color: #ffe0bc}
.cow-card {width: 1.9rem;margin:0 auto .2rem;position: relative;}
.cow-card img{position: absolute;left:0;top: -.2rem;display:none;}
.cow-card img:nth-child(1){display: block;}
.bt-got{width: 2.4rem;margin:.5rem auto 0;}

@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}

.page2,.gameover,.bizhibox{position: absolute;left:0;top:0;width:100%;height:100%;background:  rgba(0,0,0,.8);background-size: cover;z-index: 99;transition: .3s;transform:translate3D(0,0,0)}
.page2 .logo,.gameover .logo,.bizhibox .logo,.found .logo{width: 2.6rem;position: absolute;left:.5rem;top:.85rem;}
.page2 .mxr,.gameover .mxr,.bizhibox .mxr,.found .mxr{width: 2.6rem;position: absolute;right:.15rem;top:.35rem;}
.tipbox{width:8.2rem;height: 6rem;background:url(../imgs/rwbg.png?t=333) no-repeat;background-size: 100%;position: absolute;left:50%;top:50%;margin:-2.75rem 0 0 -3.8rem;display: flex;align-items: center;flex-direction: column;}
.tipbox h2,.tipbox h3{text-align: center;font-size: .3rem; margin:0.44rem auto .1rem;color:#67542b;text-shadow: 0 0 7px rgba(0,0,0,.1);}
.tipbox h3{font-size: .3rem;margin: 0;height: 2rem;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.tipbox h3 span{display: block;font-size:.22rem;}
.tipbox .ms{display: flex;width:3.2rem;margin:0 auto .05rem;}
.tipbox .ms div{flex:1;width: 20%;height: auto;}
.tipbox .txt2{font-size: .3rem;padding: 0;}
.btns{position: absolute;bottom:.86rem;left:0;width:8.2rem;display: flex;justify-content: center;}
.btns .btn,.rule .btn{width: 1.8rem;height:.6rem;line-height:.55rem; margin:0 .1rem ;background:url(../imgs/btnbg.png) no-repeat;background-size: 100%;text-align: center;text-decoration: none;color:#67542b;}
.btns .bz,.btns .mk{background-image: url(../imgs/btnbg3.png);width:2.61rem;}
.hz {width:8.2rem;height: 6.2rem;position: relative;position: absolute;left:50%;top:50%;margin:-3rem 0 0 -3.8rem;}
.hz:before{content: "";width: 1.04rem;height: 100%;background: url(../imgs/zhou2.png) no-repeat;background-size: 100%;position: absolute;left:0;top:-.2rem;z-index: 99;transform: translate3D(0,0,0);}
.hz .tipbox{z-index: 2;}
.hz .logo4{width: 4.3rem;margin-top: .42rem;}
.gameover{opacity: 0;pointer-events: none;z-index:-99;}
.gameover.show{opacity: 1;pointer-events: all;z-index: 999;}

.page2.leave{opacity: 0;pointer-events: none;}

.rule{position: absolute;z-index: 30;width: 100%;height: 100%;left: 0;top:0;transform:translate3D(0,0,0)}
.rule.show{z-index: 999;}
.bo3.none{}
.rule .steep1{width: 4.6rem;height:2rem;position: absolute;left: 7.7rem;top:3.35rem;}
.rule .steep1 .d1{width: 2.97rem;position: absolute;left: 0rem;top:.3rem;}
.rule .steep1 .d2{width: 1.2rem;position: absolute;right: 0;top:0}
.rule .steep1 .d3{width:.8rem;position: absolute;right: .2rem;top:.25rem}
.rule .found{opacity: 0;position: relative;z-index: 0;pointer-events: none;width: 100%;height: 100%;}
.rule .found.show{opacity: 1;pointer-events: all;}
.rule .found .arawer{width: .8rem;position: absolute;top:50%;margin-top: -.5rem;}
.rule .found .arawer.l{left: .2rem;transform: scaleX(-1);}
.rule .found .arawer.r{right: .2rem;}
.rule .found.zm .arawer{display: none;}

.rule.er .tipbox h2{font-size: .52rem;margin:.75rem auto 0;}
.rule.er .tipbox h3{padding:0 1rem ;font-size: .4rem;height: 2rem;}
.rule.er .tipbox .btn{width: 2.5rem;height: 1rem;line-height:.9rem;font-size:0.4rem;position: static;margin:0 auto;}

.rule .found h3{height:1.46rem;}

.rule .start{width: 100%;height: 100%;position: absolute;left:0;top:0;background:rgba(0,0,0,.8);display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;flex-direction: column;}
.rule .start .btn{position: static;width: 3rem;height:1.16rem;font-size: .5rem;line-height: 1rem;margin:0;display: block;}
.rule .start.show{pointer-events: all;opacity: 1;z-index: 9;}
.bizhibox{opacity: 0;pointer-events: none;display: flex;align-items: center;transform: translate3D(0,0,0);}
.bizhibox.show{opacity: 1;pointer-events: all;z-index: 999;}
.bizhibox .info{width: 6rem;height: 6rem;margin:0 auto;position: relative;color:#e0bf94;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.bizhibox .info .cdi{position: absolute;right:-2.4rem;top:2.4rem;border-radius: .17rem;border:2px solid #e0bf94;display:flex;flex-direction: column;font-family:  'Helvetica Neue', 'Roboto', "microsoft yahei";padding:.24rem;font-size: .2rem;text-align: center;}
.bizhibox .info .cdi:after,.bizhibox .info .cdi:before{content:'';width: .1rem;height:100%;background:url(../imgs/line.png) no-repeat center;display: block;position: absolute;top:0;left:.12rem;background-size: 100%;}
.bizhibox .info .cdi:after{left:auto;right:.12rem;}
.bizhibox .info .cdi img{width: .7rem;margin:0 auto;}

.bizhibox .info h2{font-size: .3rem;text-align: center;}
.bizhibox .info h3{font-family:  'Helvetica Neue', 'Roboto', "microsoft yahei";background:url(../imgs/line2.png) no-repeat;background-size:100%;padding:.25rem .1rem;font-size: .23rem;text-align: center;margin-top: .1rem;}

.bizhibox .hbs{/* height: 2.5rem; */display:flex;justify-content: space-between;width:100%;padding-bottom: .12rem;}
.bizhibox .hbs div{width: 1.1rem;position: relative;}
.bizhibox .hbs div img{opacity: .5;position: relative;z-index: 0;transform: scale(.9);transform-origin: top;}
.bizhibox .hbs div.on img{opacity: 1;transform: scale(1);}
.bizhibox .hbs div:after{content: "";background:url(../imgs/suo.png) no-repeat center;border-radius: 50%;width: .5rem;height:.5rem;display: block;position: absolute;left:50%;top:50%;margin:-.25rem 0 0 -.25rem;z-index: 2;background-size:60%;border:1px solid #fff;}
.bizhibox .hbs div.on:after{display: none;}
.bizhibox .btns{width: 100%;position: static;transform: scale(.8);}
.bizhibox h4{font-family:  'Helvetica Neue', 'Roboto', "microsoft yahei";font-size: .23rem;background: url(../imgs/line2.png) no-repeat center bottom;background-size: 3rem;padding:.1rem 0 .25rem;}

.flbox{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);display: flex;justify-content: center;align-items: center;z-index: 1099;flex-direction: column;color:#c8b884;font-family:  'Helvetica Neue', 'Roboto', "microsoft yahei";opacity: 0;pointer-events: none;transform: translate3D(0,0,0);}
.flbox.show{opacity: 1;pointer-events: all;}
.cdbox div{position:relative;text-align: center;}
.cdbox .down{position: absolute;left:0;top:0;z-index: 3;}
.cdbox img{width: 10rem;}
.cdbox h2{font-size: .35rem;font-weight: 700;padding:.1rem 0 0;}
.cdbox h3{font-size: .2rem;background:url(../imgs/line2.png) no-repeat center bottom;background-size:3.5rem;padding:.05rem 0 .3rem;}

.zsbox div{display:flex;align-items: flex-end;position: relative;transform: rotate(-90deg);position:relative;z-index: 3;position:absolute;left:218px;}
.zsbox img{width: 2.4rem;position: relative;z-index: 0;}
.zsbox .down,.zsboxCanvas .down{position:absolute;width:100% !important;height: 100%;left:0;top:0;z-index: 4;opacity: 0;}
.zsbox span{display: block;/* writing-mode:tb-rl; */font-size: .3rem;position:absolute;top:2.8rem;left:0;z-index:1;width:100%;text-align: center;color:#fff;opacity: 0;}
.zsbox.show span,.zsboxCanvas.show span{animation: arawershow 4s 1s linear alternate;}
.close{width: .5rem;height:.5rem;border:1px solid #fff;border-radius: 50%;position: absolute;top:0.5rem;left:0.6rem;position: absolute;z-index:6;transform: translate3D(0,0,0);}
.close:after,.close:before{content: '';width: .34rem;height:1px;background:#fff;display: block;transform: rotate(45deg);position: absolute;left:.07rem;top:.25rem;}
.close::before{transform:rotate(-45deg);}
/* 
.zsboxCanvas >div{transform: rotate(-90deg);transform-origin: center;} */
.zsboxCanvas span{display: block;/* writing-mode:tb-rl; */transform: rotate(-90deg) translate3D(0,0,0); font-size: .3rem;position:absolute;top:50%;left:0;z-index:1;width:1.53rem;text-align: center;color:#fff;opacity: 0;white-space: nowrap;}
.zsboxCanvas img{width: 100%;}
#code,#code{position: absolute;z-index: 0;pointer-events: none;opacity: 0;width:0;height: 0;}
.cdbox i{left:auto;right:0.6rem;}

.start .in{position: relative;}
.stage {
    width: 3.5rem;
	height:1rem;
    text-align: center;
	position: absolute; top: 1rem;left:50%;
	opacity: .96;
	margin-top: .5rem;
	margin-left: -1.75rem;
}
/* .stage:before,.stage:after{content: "";display: block;width: .1rem;height: .1rem;border-bottom:1px solid #c29e5a ;border-right: 1px solid #c29e5a;position: absolute;top:0;left:0;transform: rotate(134deg);}
.stage:after{left:auto;right:0;transform: rotate(-45deg);} */
.stage:before{content: "";width: .2rem;height: .2rem;border-radius: 50%;display: block;background-color: #c29e5a;position: absolute;left:.3rem;top:-.05rem;animation: horizontal 2s linear 0s infinite alternate;}
@keyframes horizontal {
	0% {left: .3rem;}
	100% {left: 3.1rem;}
}
.stage p{padding-top: .5rem;}
.portrait .zsbox div{left:218px;}