html{font:28px "Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
ul,li,div,p,body{margin:0;padding:0;text-align:left;font-size:28px;font-family:"Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
li{list-style:none;}
a{text-decoration:none;}
.hide{display:none;}
h1{display:none;}
input,button,select,textarea{outline:none;-webkit-appearance:none;appearance:none;}
body, html {background:#000000;text-align: left;height:100%;width: 100%;font-weight: normal;overflow:hidden;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
#main{display:none;position:absolute;background:#000000;width:750px;height:100%;left:0;top:0;overflow:hidden;-webkit-transform-origin:0 0;-webkit-transform: translate3d(0px, 0px, 0px);}

.bpic{position:absolute;left:0;top:0;-webkit-transform:translate3d(0,0,0);pointer-events:none;}
.bpic2{position:absolute;left:0;top:0;-webkit-transform:translate3d(0,0,0);pointer-events:none;}

#conbg{position:absolute;left:0;top:0;width:750px;height:100%;-webkit-transform:translateZ(0);}
#con1{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con2{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con3{position:absolute;left:0;top:0;width:754px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con4{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con5{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con6{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con7{position:absolute;left:0;top:0;width:750px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}

#soundCon{display:none;}
#musicOpen{position:absolute;width:60px;height:60px;background:url('../images/mo.png') no-repeat;background-size:100%;left:40px;top:40px;display:none;z-index:301;}
#musicClose{position:absolute;width:60px;height:60px;background:url('../images/mc.png') no-repeat;background-size:100%;left:40px;top:40px;display:none;z-index:301;}

.con{position:absolute;left:0;top:0px;width:750px;height:1220px;-webkit-transform:translate3d(0,0,0);-webkit-transform-origin:50% 0;}
.absdiv{position:absolute;left:0;top:0;width:750px;height:1220px;-webkit-transform:translate3d(0,0,0);}

#loginP{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#loginCon{margin:0 auto;width:300px;height:470px;padding-top:0px;}
.loginTitle{margin:100px auto 0;width:270px;width:238px;height:107px;background:url("../images/logo.png") no-repeat;background-size:100%;}
.loginTxt{font-size:20px;margin:20px auto 0;width:270px;height:40px;text-align:center;color:#ffffff;}
.bg1{left:0px;top:0px;width:750px;height:1220px;}
.zhu{opacity:0;left:468px;top:662px;width:237px;height:193px;}
.peo{opacity:0;left:173px;top:369px;width:390px;height:588px;}
.yazi{opacity:0;left:80px;top:745px;width:165px;height:169px;}
.title{opacity:0;left:97px;top:168px;width:559px;height:119px;}
.txt1_2{opacity:0;left:161px;top:280px;width:458px;height:73px;}
#signBtn{opacity:0;position:absolute;width:299px;height:111px;left:63px;top:917px;background:url("../images/signBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#waBtn{opacity:0;position:absolute;width:299px;height:111px;left:389px;top:917px;background:url("../images/waBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.nosign{opacity:0;display:none;left:63px;top:917px;width:299px;height:111px;}
.nokuang{opacity:0;display:none;left:389px;top:917px;width:299px;height:111px;}
#makeBtn{opacity:0;position:absolute;width:288px;height:114px;left:231px;top:1043px;background:url("../images/makeBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#descBtn{opacity:0;position:absolute;width:69px;height:69px;left:650px;top:1120px;background:url("../images/descBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.logo{opacity:0;left:258px;top:58px;width:234px;height:89px;}
.bg2{left:0px;top:0px;width:750px;height:1220px;}
#loginBtn{position:absolute;width:620px;height:86px;left:65px;top:712px;background:url("../images/loginBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.logo2{left:156px;top:155px;width:438px;height:167px;}
.bg3{left:0px;top:0px;width:750px;height:1220px;}
.zs1{left:214px;top:397px;width:34px;height:36px;}
.zs2{left:167px;top:559px;width:34px;height:36px;}
.zs3{left:215px;top:559px;width:34px;height:36px;}
.zs4{left:263px;top:559px;width:34px;height:36px;}
.mg1{left:221px;top:664px;width:22px;height:22px;}
.mg2{left:221px;top:615px;width:22px;height:22px;}
.mg3{left:221px;top:502px;width:22px;height:22px;}
.mg4{left:221px;top:454px;width:22px;height:22px;}
.yhc1{display:none;width:126px;height:56px;left:475px;top:482px;}
.yhc2{display:none;width:126px;height:56px;left:475px;top:645px;}
.yhc3{display:none;width:126px;height:56px;left:475px;top:319px;}
#hcBtn{position:absolute;width:493px;height:80px;left:129px;top:481px;background:url("../images/hcBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#getBtn{position:absolute;width:126px;height:54px;left:475px;top:484px;background:url("../images/getBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#getBtn2{position:absolute;width:126px;height:54px;left:475px;top:647px;background:url("../images/getBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#getBtn3{position:absolute;width:126px;height:54px;left:475px;top:321px;background:url("../images/getBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#viewBtn{position:absolute;width:344px;height:88px;left:19px;top:1100px;background:url("../images/viewBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#backBtn{position:absolute;width:344px;height:80px;left:214px;top:1100px;background:url("../images/h5_backBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#backBtn3{position:absolute;width:144px;height:80px;left:19px;top:80px;color:#ffffff;font-size:28px;line-height:80px;text-align:center;-webkit-transform:translate3d(0,0,0);}
#goBtn{position:absolute;width:344px;height:88px;left:410px;top:1100px;background:url("../images/goBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.numbg{opacity:0;left:480px;top:320px;width:250px;height:60px;line-height:60px;font-size:26px;color:#181619;text-indent:10px;}
#waNum{color:#ff5f18;}
.bg4{left:0px;top:0px;width:750px;height:1220px;}
.pbg{left:46px;top:245px;width:659px;height:790px;}
#signBtn2{position:absolute;width:493px;height:80px;left:129px;top:481px;background:url("../images/signBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#shareBtn{position:absolute;width:493px;height:80px;left:129px;top:578px;background:url("../images/shareBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.wxqr{position:absolute;left:81px;top:691px;width:272px;height:243px;}
.wbqr{position:absolute;left:363px;top:691px;width:272px;height:243px;}
.bg5{left:0px;top:0px;width:750px;height:1220px;}
#prizeCon{position:absolute;left:108px;top:164px;width:540px;height:348px;-webkit-transform:translate3d(0,0,0);}
.prizeone{position:absolute;left:0;top:0;width:540px;height:164px;background:url("../images/dkbg.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.prizepic{position:absolute;left:24px;top:36px;width:98px;height:98px;}
.ylq{left:495px;top:414px;width:130px;height:60px;}
#copyBtn{position:absolute;width:130px;height:60px;left:495px;top:243px;background:url("../images/copyBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#copyBtn4{position:absolute;width:130px;height:60px;left:388px;top:48px;background:url("../images/copyBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#getBtn4{position:absolute;width:130px;height:60px;left:388px;top:48px;background:url("../images/getBtn4.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#ylqPic{display:none;position:absolute;width:130px;height:60px;left:388px;top:48px;background:url("../images/ylq.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#shareBtn2{position:absolute;width:406px;height:80px;left:172px;top:558px;background:url("../images/shareBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.bg6{left:0px;top:0px;width:750px;height:1220px;}
.popbg4{left:50px;top:174px;width:650px;height:446px;}
#okBtn4{position:absolute;width:200px;height:70px;left:410px;top:479px;background:url("../images/okBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#okBtn3{position:absolute;width:200px;height:70px;left:410px;top:479px;background:url("../images/okBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#cancleBtn3{position:absolute;width:200px;height:70px;left:140px;top:479px;background:url("../images/cancleBtn3.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.popbg3{left:50px;top:174px;width:650px;height:578px;}
#copyBtn2{position:absolute;width:130px;height:60px;left:499px;top:463px;background:url("../images/copyBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#nowBtn{position:absolute;width:200px;height:70px;left:429px;top:615px;background:url("../images/nowBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#cancleBtn2{position:absolute;width:200px;height:70px;left:122px;top:615px;background:url("../images/cancleBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.box{left:82px;top:195px;width:586px;height:600px;}
#getBtn5{position:absolute;width:262px;height:70px;left:229px;top:828px;background:url("../images/getBtn5.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.bag{left:309px;top:366px;width:136px;height:257px;}
.xingli{left:295px;top:343px;width:146px;height:276px;}
.san{left:248px;top:360px;width:277px;height:259px;}
.biaoti{left:220px;top:244px;width:325px;height:94px;}
.popbg2{left:50px;top:174px;width:650px;height:676px;}
.logo3{opacity:0;left:156px;top:105px;width:438px;height:167px;}
.scene{left:9px;top:322px;width:730px;height:646px;}
#okBtn2{position:absolute;width:200px;height:70px;left:410px;top:702px;background:url("../images/okBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#cancleBtn{position:absolute;width:200px;height:70px;left:140px;top:702px;background:url("../images/cancleBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.guide{opacity:0;left:112px;top:257px;width:591px;height:634px;}
.hand{left:60px;top:270px;width:67px;height:85px;}
.popbg1{left:50px;top:174px;width:650px;height:950px;}
#okBtn1{position:absolute;width:400px;height:80px;left:175px;top:977px;background:url("../images/okBtn1.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
.wxtips{left:259px;top:98px;width:445px;height:163px;}
#poptips2{position:absolute;left:65px;top:306px;width:633px;height:642px;background:url("../images/tipsbg.png") no-repeat;background-size:100%;color:#ffffff;font-size:30px;text-align:center;z-index:220;display:none;-webkit-transform:translate3d(0,0,0);}
#popMsg{position:absolute;left:154px;top:280px;width:310px;font-size:26px;color:#7e3c2b;text-align:center;-webkit-transform:translate3d(0,0,0);}
.pspec{color:#e45b00;}
.mstxt{opacity:0;position:absolute;left:0;top:980px;width:750px;color:#e9e9e9;font-size:30px;text-align:center;-webkit-transform:translate3d(0,0,0);}
#gameCon{position:absolute;left:0;top:272px;width:750px;height:750px;}
#gameCon canvas{position:absolute;left:0;top:0;width:750px;height:750px;}
.txt4_1{position:absolute;left:0;top:332px;width:750px;color:#7e3c2b;font-size:38px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.txt4_2{position:absolute;left:0;top:394px;width:750px;color:#7e3c2b;font-size:26px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.txt4_3{position:absolute;left:0;top:934px;width:750px;color:#7e3c2b;font-size:26px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.txt5_3{position:absolute;left:0;top:934px;width:750px;color:#ffffff;font-size:26px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.txt3_1{position:absolute;left:344px;top:174px;line-height:30px;white-space:nowrap;color:#ffea3d;font-size:24px;-webkit-transform:translate3d(0,0,0);}
.txt3_2{position:absolute;left:574px;top:174px;line-height:30px;white-space:nowrap;color:#ffea3d;font-size:24px;-webkit-transform:translate3d(0,0,0);}
.txt3_3{position:absolute;left:245px;top:312px;line-height:30px;white-space:nowrap;color:#ffea3d;font-size:20px;-webkit-transform:translate3d(0,0,0);}
.txt3_4{position:absolute;left:0;top:796px;width:750px;color:#ffffff;font-size:20px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.descTxt{position:absolute;left:94px;top:390px;width:574px;color:#824c2a;font-size:26px;-webkit-transform:translate3d(0,0,0);}
.ptxt{margin:0;padding:0;line-height:40px;}
.nvis{visibility:hidden;}
.dspec{color:#e45b00;}
.zspec{font-size:22px;color:#e45b00;line-height:30px;}
.shubiao{left:272px;top:504px;width:218px;height:125px;}
.yifu{left:263px;top:370px;width:220px;height:243px;}
#username{position:absolute;user-select:text;-webkit-user-select:text;left:226px;top:428px;width:416px;height:30px;padding:6px 0;background:none;margin:0;border:none;color:#7e3c2b;font-size:24px;-webkit-transform:translate3d(0,0,0);}
#phone{position:absolute;user-select:text;-webkit-user-select:text;left:226px;top:494px;width:416px;height:30px;padding:6px 0;background:none;margin:0;border:none;color:#7e3c2b;font-size:24px;-webkit-transform:translate3d(0,0,0);}
#addr{position:absolute;user-select:text;-webkit-user-select:text;left:226px;top:558px;width:416px;height:30px;padding:6px 0;background:none;margin:0;border:none;color:#7e3c2b;font-size:24px;-webkit-transform:translate3d(0,0,0);}
input::-webkit-input-placeholder{color:#7e3c2b;font-size:24px;}
.cptxt1{position:absolute;left:116px;top:388px;width:524px;color:#7e3c2b;font-size:26px;-webkit-transform:translate3d(0,0,0);}
.cptxt2{position:absolute;user-select:text;-webkit-user-select:text;left:116px;top:476px;width:524px;color:#e45b00;font-size:40px;-webkit-transform:translate3d(0,0,0);}
.cptxt3{position:absolute;left:116px;top:548px;width:524px;color:#7e3c2b;font-size:26px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.cptxt4{position:absolute;left:116px;top:398px;width:524px;color:#7e3c2b;font-size:26px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.cpname{position:absolute;left:196px;top:698px;width:304px;color:#ffffff;font-size:30px;text-align:center;-webkit-transform:translate3d(0,0,0);}
.prizetxt1{position:absolute;user-select:none;-webkit-user-select:none;left:138px;top:30px;line-height:34px;white-space:nowrap;color:#6d2e1c;font-size:26px;-webkit-transform:translate3d(0,0,0);pointer-events:none;}
.prizetxt2{position:absolute;user-select:none;-webkit-user-select:none;left:138px;top:64px;white-space:nowrap;color:#6d2e1c;font-size:20px;-webkit-transform:translate3d(0,0,0);pointer-events:none;}
.prizetxt3{user-select:text;-webkit-user-select:text;position:absolute;width:200px;height:32px;left:138px;top:102px;white-space:nowrap;color:#e45b00;font-size:28px;-webkit-transform:translate3d(0,0,0);}
.rspec{color:#ff0000;}
.pop{display:none;position:absolute;width:750px;height:1220px;top:0;left:0;z-index:120;-webkit-transform:translate3d(0,0,0);user-select:none;-webkit-user-select:none;}
.pop2{display:none;position:fixed;width:750px;height:1220px;top:0;left:0;z-index:120;-webkit-transform:translate3d(0,0,0);user-select:none;-webkit-user-select:none;}

.dis1 .peo{-webkit-animation:peoAni 0.6s ease-out both;}
.dis1 .zhu{-webkit-animation:peoAni 0.6s ease-out 0.3s both;}
.dis1 .yazi{-webkit-animation:peoAni 0.6s ease-out 0.4s both;}
.dis1 .title{-webkit-animation:bounceIn 0.6s ease-out 0.5s both;}
.dis1 .logo{-webkit-animation:fadeIn 0.6s ease-in 0.7s both;}
.dis1 #signBtn{-webkit-animation:btnIn 0.6s ease-out 0.9s both;}
.dis1 .nosign{-webkit-animation:btnIn 0.6s ease-out 0.9s both;}
.dis1 #waBtn{-webkit-animation:btnIn 0.6s ease-out 1.1s both;}
.dis1 .nokuang{-webkit-animation:btnIn 0.6s ease-out 1.1s both;}
.dis1 #makeBtn{-webkit-animation:btnIn 0.6s ease-out 1.3s both;}
.dis1 #descBtn{-webkit-animation:btnIn 0.6s ease-out 1.5s both;}

.dis7 .logo3{-webkit-animation:fadeIn 1s ease-in 0.5s both;}
.dis7 .numbg{-webkit-animation:fadeIn 1s ease-in 0.8s both;}
.dis7 .mstxt{-webkit-animation:fadeIn 1s ease-in 1.1s both;}
.dis7 .hand{-webkit-animation:scAni 0.6s ease-out infinite;}

@-webkit-keyframes scAni{
	0%{
		-webkit-transform:translate3d(0,0,0) scale(1);
	}
	50%{
		-webkit-transform:translate3d(0,0,0) scale(0.9);
	}
	100%{
		-webkit-transform:translate3d(0,0,0) scale(1);
	}
}
@-webkit-keyframes btnIn{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,100px,0);
	}
	100%{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes peoAni{
	0%{
		opacity:0;
		-webkit-transform:translate3d(-300px,-10px,0) scale(0.4);
	}
	100%{
		opacity:1;
		-webkit-transform:translate3d(0,0,0) scale(1);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,0,0);
	}
	100%{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
	}
}
@-webkit-keyframes fadeOut{
	0%{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
	}
	100%{
		opacity:0;
		-webkit-transform:translate3d(0,0,0);
	}
}
#poptips{position:absolute;width:510px;background:rgba(0,0,0,0.8);color:#ffffff;font-size:30px;text-align:center;padding:20px;left:100px;top:400px;z-index:220;display:none;-webkit-animation: 0.3s tipsShow2 ease-out;pointer-events:none;border-radius:10px;}
#wxtips{position:absolute;left:0;top:0;z-index:210;display:none;-webkit-animation: 0.3s tipsShow2 ease-in;pointer-events:none;}
#hptips{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.9);color:#ffffff;font-size:20px;line-height:100%;left:0;top:0;z-index:230;display:none;-webkit-animation:0.3s tipsShow2  ease-out;pointer-events:none;-webkit-transform:translate3d(0,0,0);}
.hptipstxt{position:absolute;width:100%;top:50%;text-align:center;}

#maskbg2{display:none;position:absolute;width:750px;height:1380px;background:rgba(0,0,0,0.8);background-size:100%;opacity:0;top:0;left:0;z-index:100;-webkit-transform:translate3d(0,0,0);-webkit-animation:0.6s fadeIn ease-out both;}
#maskbg{display:none;position:absolute;width:750px;height:1380px;background:black;background-size:100%;opacity:0.8;top:0;left:0;z-index:200;-webkit-animation:0.3s tipsShow ease-in;-webkit-transform:translate3d(0,0,0);}
@-webkit-keyframes tipsShow {
	0%{
		opacity:0;
	}
	100%{
		opacity:0.8;
	}
}
@-webkit-keyframes tipsShow2 {
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}