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:#ffffff;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:760px;height:428px;left:0;top:0;overflow:hidden;-webkit-transform-origin:0 0;-webkit-transform: translate3d(0px, 0px, 0px);}
#forPc{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/pcbg.jpg') no-repeat center;min-height:500px;}

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

#con1{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);z-index:2;}
#con2{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);z-index:1;}
#con3{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con4{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con5{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con6{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con7{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}
#con8{position:absolute;left:0;top:0;width:760px;height:100%;overflow:hidden;display:none;-webkit-transform:translateZ(0);}

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

.con{position:absolute;left:0;top:0px;width:750px;height:1206px;-webkit-transform-origin:50% 0;}
.absdiv{position:absolute;left:0;top:0;width:750px;height:1206px;}

#holeCon{position:absolute;left:0;top:0;background:#23316e;width:100%;height:100%;pointer-events:none;z-index:5;display:none;}
#aniPic1{position:absolute;left:340px;top:50%;margin-top:-80px;width:80px;pointer-events:none;display:none;}
#perTxt{position:absolute;left:258px;top:53%;width:260px;text-align:center;font-size:20px;color:#e9524b;}

#videoCon{position:absolute;background:#000000;width:760px;height:428px;left:0;top:0;display:none;}
.video{width:760px;height:428px;}
#gameCon{position:absolute;width:760px;height:428px;left:0;top:0;}
#gameCon canvas{position:absolute;left:0;top:0;}
.peoblank{width:760px;height:428px;position:absolute;left:0;top:0;}
.leftdoor{left:0px;top:0px;width:380px;height:428px;}
.rightdoor{left:380px;top:0px;width:380px;height:428px;}
.popbg1{left:0;top:80px;width:760px;height:258px;}
.sjg1{left:95px;top:110px;width:559px;height:155px;display:none;}
.sjg2{left:161px;top:40px;width:437px;height:328px;display:none;}
.sjg3{left:161px;top:40px;width:437px;height:328px;display:none;}
.sjg4{left:161px;top:40px;width:437px;height:328px;display:none;}
.sjg5{left:161px;top:40px;width:437px;height:328px;display:none;}
.sjg6{left:161px;top:40px;width:437px;height:328px;display:none;}
#closeBtn{cursor:pointer;position:absolute;width:61px;height:60px;left:660px;top:20px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#closeBtn3{cursor:pointer;position:absolute;width:61px;height:60px;left:700px;top:0px;background:url("../images/closeBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#addDouzi{cursor:pointer;position:absolute;width:30px;height:20px;left:230px;top:390px;}
#decDouzi{cursor:pointer;position:absolute;width:30px;height:20px;left:156px;top:390px;}
.bg1{left:0px;top:0px;width:760px;height:428px;}
.peo4con{left:398px;top:-25px;width:247px;height:453px;}
.peo4con2{left:0;top:0;width:247px;height:453px;}
.peo4{opacity:0;left:0;top:0;width:247px;height:453px;}
.peo1con{left:118px;top:38px;width:229px;height:377px;}
.peo1con2{left:0;top:0;width:229px;height:377px;}
.peo1{opacity:0;left:0;top:0;width:229px;height:377px;}
.peo2con{left:225px;top:3px;width:275px;height:424px;}
.peo2con2{left:0;top:0;width:275px;height:424px;}
.peo2{opacity:0;left:0;top:0;width:275px;height:424px;}
.peo3con{left:357px;top:92px;width:226px;height:337px;}
.peo3con2{left:0;top:0;width:226px;height:337px;}
.peo3{opacity:0;left:0;top:0;width:226px;height:337px;}
.pagebot{left:-1px;top:266px;width:760px;height:177px;}
.titlecon{left:138px;top:156px;width:504px;height:212px;}
.title{opacity:0;left:0;top:0;width:504px;height:212px;}
.logo{left:14px;top:-1px;width:75px;height:165px;}
.txt1{left:97px;top:352px;width:573px;height:39px;}
.play1{left:6px;top:58px;width:6px;height:5px;}
.play2{left:6px;top:56px;width:8px;height:9px;}
#goBtn{animation:scAni 1s ease-out infinite;cursor:pointer;position:absolute;width:157px;height:132px;left:604px;top:297px;background:url("../images/goBtn.png") no-repeat;background-size:100%;}
#videoBtn{cursor:pointer;position:absolute;width:138px;height:75px;left:616px;top:11px;background:url("../images/videoBtn.png") no-repeat;background-size:100%;}
.videoPic{animation:scAni 0.6s ease-out infinite;left:40px;top:12px;width:63px;height:57px;}
#downBtn2{cursor:pointer;position:absolute;width:140px;height:54px;left:616px;top:90px;background:url("../images/downBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#downBtn2:hover{background:url("../images/downBtn2.png") no-repeat 0 -54px;}
#backBtn{cursor:pointer;position:absolute;width:125px;height:54px;left:236px;top:332px;background:url("../images/backBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#backBtn:hover{background:url("../images/backBtn.png") no-repeat 0 -54px;}
#peoSoundBtn1{opacity:0;cursor:pointer;position:absolute;width:21px;height:100px;left:142px;top:117px;background:url("../images/peoSoundBtn1.png") no-repeat;background-size:100%;}
#peoSoundBtn1:hover{background:url("../images/peoSoundBtn1.png") no-repeat 0 -100px;}
#peoSoundBtn2{opacity:0;cursor:pointer;position:absolute;width:21px;height:100px;left:292px;top:59px;background:url("../images/peoSoundBtn2.png") no-repeat;background-size:100%;}
#peoSoundBtn2:hover{background:url("../images/peoSoundBtn2.png") no-repeat 0 -100px;}
#peoSoundBtn3{opacity:0;cursor:pointer;position:absolute;width:21px;height:100px;left:404px;top:110px;background:url("../images/peoSoundBtn3.png") no-repeat;background-size:100%;}
#peoSoundBtn3:hover{background:url("../images/peoSoundBtn3.png") no-repeat 0 -100px;}
#peoSoundBtn4{opacity:0;cursor:pointer;position:absolute;width:21px;height:101px;left:629px;top:163px;background:url("../images/peoSoundBtn4.png") no-repeat;background-size:100%;}
#peoSoundBtn4:hover{background:url("../images/peoSoundBtn4.png") no-repeat 0 -101px;}
#goBtn2{opacity:0;cursor:pointer;position:absolute;width:177px;height:54px;left:386px;top:330px;background:url("../images/goBtn2.png") no-repeat;background-size:100%;}
#goBtn2:hover{background:url("../images/goBtn2.png") no-repeat 0 -54px;}
#zhBtn{opacity:0;cursor:pointer;position:absolute;width:177px;height:54px;left:199px;top:330px;background:url("../images/zhBtn.png") no-repeat;background-size:100%;}
#zhBtn:hover{background:url("../images/zhBtn.png") no-repeat 0 -54px;}
.bg2{left:0px;top:0px;width:760px;height:428px;}
.infobg2{left:452px;top:8px;width:308px;height:42px;}
#buyBtn{cursor:pointer;position:absolute;width:98px;height:36px;left:657px;top:12px;background:url("../images/buyBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#buyBtn:hover{background:url("../images/buyBtn.png") no-repeat 0 -36px;}
.tipsBg2{left:82px;top:44px;width:600px;height:357px;}
.pre{left:153px;top:251px;width:11px;height:11px;}
#startBtn{cursor:pointer;position:absolute;width:177px;height:54px;left:370px;top:332px;background:url("../images/startBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#startBtn:hover{background:url("../images/startBtn.png") no-repeat 0 -54px;}
.popbg3{left:152px;top:135px;width:461px;height:198px;}
#buyBtn2{cursor:pointer;position:absolute;width:98px;height:36px;left:336px;top:250px;background:url("../images/buyBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#buyBtn2:hover{background:url("../images/buyBtn.png") no-repeat 0 -36px;}
#cancleBtn{cursor:pointer;position:absolute;width:147px;height:36px;left:248px;top:241px;background:url("../images/cancleBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#cancleBtn:hover{background:url("../images/cancleBtn.png") no-repeat 0 -36px;}
#closeBtn2{cursor:pointer;position:absolute;width:52px;height:51px;left:558px;top:145px;background:url("../images/closeBtn2.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#closeBtn2:hover{background:url("../images/closeBtn2.png") no-repeat 0 -51px;}
.bg4{left:0px;top:0px;width:760px;height:428px;}
.infobg4{left:10px;top:384px;width:304px;height:32px;}
.topbg4{left:121px;top:-1px;width:516px;height:79px;}
.buff1{left:120px;top:12px;width:79px;height:41px;}
.buff2{left:187px;top:13px;width:119px;height:38px;}
.buff3{left:466px;top:13px;width:73px;height:38px;}
.buff4{left:521px;top:13px;width:135px;height:38px;}
.bg5{left:0px;top:0px;width:760px;height:428px;}
.popbg5{left:20px;top:2px;width:756px;height:442px;}
.txtbg5{left:128px;top:10px;width:536px;height:42px;}
#leftBtn{cursor:pointer;position:absolute;width:30px;height:32px;left:99px;top:180px;background:url("../images/leftBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#rightBtn{cursor:pointer;position:absolute;width:30px;height:32px;left:666px;top:180px;background:url("../images/rightBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#leftBtn2{cursor:pointer;position:absolute;width:30px;height:32px;left:10px;top:190px;background:url("../images/leftBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#rightBtn2{cursor:pointer;position:absolute;width:30px;height:32px;left:720px;top:190px;background:url("../images/rightBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#againBtn{cursor:pointer;position:absolute;width:177px;height:54px;left:220px;top:324px;background:url("../images/againBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#againBtn:hover{background:url("../images/againBtn.png") no-repeat 0 -54px;}
#zhBtn2{cursor:pointer;position:absolute;width:177px;height:54px;left:425px;top:324px;background:url("../images/zhBtn.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#zhBtn2:hover{background:url("../images/zhBtn.png") no-repeat 0 -54px;}
#soundPlay1{cursor:pointer;position:absolute;width:20px;height:20px;left:308px;top:112px;background:url("../images/soundPlay.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#soundPlay2{cursor:pointer;position:absolute;width:20px;height:20px;left:254px;top:112px;background:url("../images/soundPlay.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#soundPlay3{cursor:pointer;position:absolute;width:20px;height:20px;left:254px;top:112px;background:url("../images/soundPlay.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
#soundPlay4{cursor:pointer;position:absolute;width:20px;height:20px;left:268px;top:112px;background:url("../images/soundPlay.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.pplay1{left:3px;top:6px;width:9px;height:8px;}
.pplay2{left:3px;top:3px;width:12px;height:14px;}
.popbg6{left:0;top:80px;width:760px;height:258px;}
.poppeo1{left:382px;top:0px;width:346px;height:424px;}
.poppeo2{left:362px;top:0px;width:382px;height:428px;}
.poppeo3{left:401px;top:10px;width:351px;height:418px;}
.poppeo4{left:335px;top:0px;width:367px;height:428px;}
.jftxt{position:absolute;width:760px;font-size:14px;text-align:center;left:0;top:392px;color:#e7ccac;opacity:0;}
.tspec{font-weight:bold;}
.nameTxt{position:absolute;font-size:18px;font-weight:bold;left:96px;top:108px;color:#35150b;transform: translate3d(0, 0, 0);}
.cvTxt{position:absolute;font-size:14px;font-weight:bold;left:208px;top:115px;color:#35150b;transform: translate3d(0, 0, 0);}
.descTxt{position:absolute;font-size:12px;left:96px;top:150px;color:#35150b;line-height:22px;width:336px;transform: translate3d(0, 0, 0);}
.cvTxt2{position:absolute;font-size:14px;font-weight:bold;left:154px;top:115px;color:#35150b;transform: translate3d(0, 0, 0);}
.descTxt2{position:absolute;font-size:12px;left:96px;top:150px;color:#35150b;line-height:22px;width:300px;transform: translate3d(0, 0, 0);}
.cvTxt3{position:absolute;font-size:14px;font-weight:bold;left:168px;top:115px;color:#35150b;transform: translate3d(0, 0, 0);}
.descTxt3{position:absolute;font-size:12px;left:96px;top:150px;color:#35150b;line-height:22px;width:330px;transform: translate3d(0, 0, 0);}
#timeTxt{position:absolute;font-size:26px;left:208px;top:16px;color:#d0b0a7;line-height:30px;width:100px;text-align:center;transform: translate3d(0, 0, 0);}
#douziNum{position:absolute;font-size:14px;left:46px;top:2px;color:#d0b0a7;line-height:30px;width:100px;transform: translate3d(0, 0, 0);}
#txtNum{position:absolute;font-size:12px;left:148px;top:0;color:#d0b0a7;line-height:30px;width:100px;text-align:center;transform: translate3d(0, 0, 0);}
.listCon{position:absolute;left:100px;top:56px;width:580px;height:260px;overflow:hidden;transform: translate3d(0, 0, 0);}
#list{position:absolute;left:0;top:0;width:580px;height:260px;transform: translate3d(0, 0, 0);}
.listOne{position:absolute;left:0;top:0;width:93px;height:93px;pointer-events:none;transform: translate3d(0, 0, 0);}
.headbg{position:absolute;left:22px;top:11px;width:85px;height:82px;background:url("../images/headbg.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.headpic{position:absolute;left:24px;top:12px;width:80px;height:80px;transform: translate3d(0, 0, 0);}
.nheadtop{position:absolute;left:12px;top:0px;width:93px;height:93px;background:url("../images/nhead.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.rheadtop{position:absolute;left:18px;top:2px;width:87px;height:91px;background:url("../images/rhead.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.srheadtop{position:absolute;left:5px;top:0px;width:100px;height:93px;background:url("../images/srhead.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.ssrheadtop{position:absolute;left:5px;top:1px;width:100px;height:92px;background:url("../images/ssrhead.png") no-repeat;background-size:100%;transform: translate3d(0, 0, 0);}
.listtxt1{position:absolute;left:22px;top:94px;width:85px;text-align:center;overflow:hidden;font-size:12px;color:#493625;transform: translate3d(0, 0, 0);}
.listtxt2{position:absolute;left:22px;top:112px;width:85px;text-align:center;overflow:hidden;font-size:12px;color:#493625;transform: translate3d(0, 0, 0);}
.bg6{left:0px;top:0px;width:760px;height:428px;}
.mybg{left:0px;top:0px;width:372px;height:124px;}
.mybg2{left:5px;top:0px;width:75px;height:124px;}
.ssname{left:240px;top:107px;width:33px;height:125px;}
#getBtn{cursor:pointer;position:absolute;width:177px;height:54px;left:199px;top:344px;background:url("../images/getBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#getBtn:hover{background:url("../images/getBtn.png") no-repeat 0 -54px;}
#tihuanBtn{cursor:pointer;position:absolute;width:177px;height:54px;left:199px;top:344px;background:url("../images/tihuanBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#tihuanBtn:hover{background:url("../images/tihuanBtn.png") no-repeat 0 -54px;}
#zhBtn3{cursor:pointer;position:absolute;width:177px;height:54px;left:388px;top:344px;background:url("../images/zhBtn3.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#zhBtn3:hover{background:url("../images/zhBtn3.png") no-repeat 0 -54px;}
#againBtn2{cursor:pointer;position:absolute;width:203px;height:54px;left:388px;top:344px;background:url("../images/againBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#againBtn2:hover{background:url("../images/againBtn2.png") no-repeat 0 -54px;}
.sybg{left:308px;top:314px;width:147px;height:24px;}
#downBtn{cursor:pointer;position:absolute;width:123px;height:37px;left:319px;top:260px;background:url("../images/downBtn.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#downBtn:hover{background:url("../images/downBtn.png") no-repeat 0 -37px;}
#closeBtn4{cursor:pointer;position:absolute;width:52px;height:51px;left:553px;top:131px;background:url("../images/closeBtn2.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#closeBtn4:hover{background:url("../images/closeBtn2.png") no-repeat 0 -51px;}
.head6{position:absolute;width:56px;height:56px;left:42px;top:72px;border-radius:56px;transform: translate3d(0, 0, 0);}
.head7{position:absolute;width:56px;height:56px;left:14px;top:30px;border-radius:56px;transform: translate3d(0, 0, 0);}
.sytxt{position:absolute;width:147px;font-size:12px;left:0;top:0;color:#ffffff;height:24px;line-height:22px;text-align:center;transform: translate3d(0, 0, 0);}
#ssName{position:absolute;left:7px;top:34px;width:30px;font-size:14px;color:#544745;letter-spacing:10px;height:80px;word-break:break-all;text-align:center;line-height:16px;overflow:hidden;transform: translate3d(0, 0, 0);}
#bigIcon{position:absolute;left:516px;top:68px;width:110px;height:55px;transform: translate3d(0, 0, 0);}
#sIcon{position:absolute;left:242px;top:124px;width:30px;height:25px;transform: translate3d(0, 0, 0);}
#peoAni{position:absolute;left:166px;top:0;width:428px;height:428px;pointer-events:none;transform: translate3d(0, 0, 0);}
.downtxt{position:absolute;width:324px;font-size:14px;left:230px;top:176px;color:#493625;line-height:24px;text-align:center;transform: translate3d(0, 0, 0);}
.sdown{font-size:10px;}
.buytxt{position:absolute;width:324px;font-size:14px;left:230px;top:176px;color:#493625;line-height:24px;transform: translate3d(0, 0, 0);}
.buytxt2{position:absolute;width:364px;font-size:10px;left:200px;top:284px;color:#a39488;text-align:center;transform: translate3d(0, 0, 0);}
.buytxt3{position:absolute;width:96px;font-size:10px;left:292px;top:240px;color:#493625;text-align:center;font-weight:bold;transform: translate3d(0, 0, 0);}
.buytxt4{position:absolute;width:88px;font-size:10px;left:416px;top:240px;color:#493625;text-align:center;font-weight:bold;transform: translate3d(0, 0, 0);}
.buypop{left:152px;top:135px;width:461px;height:220px;transform: translate3d(0, 0, 0);}
#buyGo{cursor:pointer;position:absolute;width:98px;height:36px;left:334px;top:283px;background:url("../images/buyGo.png") no-repeat;background-size:100%;-webkit-transform:translate3d(0,0,0);}
#buyGo:hover{background:url("../images/buyGo.png") no-repeat 0 -36px;}
#loadBar{position:absolute;width:0px;height:10px;left:60px;top:410px;background:#f63519;transition:all 1s linear;transform: translate3d(0, 0, 0);}
#loadBarBg{position:absolute;width:640px;height:10px;left:60px;top:410px;background:#ffffff;transform: translate3d(0, 0, 0);}
.toptxt8_1{position:absolute;width:640px;font-size:12px;font-weight:bold;left:60px;top:380px;color:#ffffff;text-align:center;transform: translate3d(0, 0, 0);}

.toptxt3_1{position:absolute;width:460px;font-size:16px;font-weight:bold;left:54px;top:70px;color:#493625;}
.toptxt3_2{position:absolute;width:460px;font-size:12px;font-weight:bold;left:54px;top:114px;color:#493625;}
.toptxt3_4{position:absolute;width:160px;font-size:14px;left:44px;top:12px;color:#e7ccac;}
.toptxt3_3{position:absolute;width:460px;font-size:12px;left:54px;top:140px;color:#493625;}
.pline{background:url("../images/pre.png") no-repeat 0 5px;font-size:12px;color:#493625;text-indent:14px;height:20px;line-height:20px;}
.rspec{color:#f63519;font-weight:bold;}
.toptxt5_1{position:absolute;width:536px;height:42px;line-height:42px;font-size:16px;left:0;top:0;color:#ffefd8;text-align:center;}
.txt7_1{position:absolute;width:400px;height:42px;line-height:42px;font-size:14px;left:350px;top:0;color:#ffefd8;text-align:right;}
#nowSave{position:absolute;white-space:nowrap;font-size:14px;left:184px;top:73px;color:#f24e37;}
#myName{position:absolute;white-space:nowrap;font-size:14px;left:192px;top:52px;color:#f24e37;}
.thtxt{position:absolute;width:177px;font-size:12px;left:0;top:58px;color:#ffefd8;text-align:center;}
.zhtxt{position:absolute;width:177px;font-size:12px;left:0;top:58px;color:#ffefd8;text-align:center;}
.txt5_1{position:absolute;width:177px;left:220px;top:396px;font-size:14px;text-align:center;color:#ffefd8;}

.onPlay .play2{animation:playAni 0.5s steps(2,end) infinite;}
.onPlay .pplay2{animation:playAni 0.5s steps(2,end) infinite;}
.dis2 .peo1{animation:downIn 1s ease both;}
.dis2 #peoSoundBtn1{animation:fadeIn 0.6s ease-in 0.6s both;}
.dis2 .peo2{animation:downIn 1s ease 0.4s both;}
.dis2 #peoSoundBtn2{animation:fadeIn 0.6s ease-in 1s both;}
.dis2 .peo3{animation:downIn 1s ease 0.8s both;}
.dis2 #peoSoundBtn3{animation:fadeIn 0.6s ease-in 1.4s both;}
.dis2 .peo4{animation:downIn 1s ease 1.2s both;}
.dis2 #peoSoundBtn4{animation:fadeIn 0.6s ease-in 1.8s both;}
.dis2 .title{animation:fadeIn 0.6s ease-in 1.4s both;}
.dis2 #goBtn2{animation:fadeIn 0.6s ease-in 1.6s both;}
.dis2 #zhBtn{animation:fadeIn 0.6s ease-in 1.6s both;}
.dis2 .jftxt{animation:fadeIn 0.6s ease-in 1.6s both;}

.pop{position:absolute;left:0;top:0;width:760px;height:428px;overflow:hidden;display:none;z-index:110;}

@keyframes playAni{
	to{
		background-position:0 -40px;
	}
}
@keyframes downIn{
	0%{
		opacity:0;
		transform:translate3d(0,10px,0);
	}
	100%{
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@keyframes fadeIn{
	0%{
		opacity:0;
		transform:translate3d(0,0,0);
	}
	100%{
		opacity:1;
		transform:translate3d(0,0,0);
	}
}
@keyframes scAni{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.03);
	}
	100%{
		transform:scale(1);
	}
}

#poptips{transform:translate3d(0,0,0);position:absolute;width:320px;background:rgba(0,0,0,0.8);color:#ffffff;font-size:20px;text-align:center;padding:20px;left:200px;top:400px;z-index:220;display:none;animation: 0.3s tipsShow2 ease-out;pointer-events:none;border-radius:10px;}

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