html{font-family:Microsoft YaHei;overflow-x:hidden;}
.dlg{background:url(../images/dlg.png) left top no-repeat;font-size:16px;color:#333;text-align:center;}
.m{background:url(../images/m.png) left top no-repeat;}
.skin{background:url(../images/skin.png) left top no-repeat;}
.tip{background:url(../images/tip.png) left top no-repeat;}
.movie{height:810px;overflow:hidden;position:relative;z-index:1;}
.movie i{position:absolute;}
.wrap{width:1000px;height:810px;margin:0px auto;position:relative;}
.part{position:relative;}
.part-01{background:url(../images/body_01.jpg) center top no-repeat;}
.part-02{background:url(../images/body_02.jpg) center top no-repeat;}
.change{background:url(../images/body_02_.jpg) center top no-repeat;}
.part-03{background:url(../images/body_03.jpg) center top no-repeat;}
.part-04{background:url(../images/body_04.jpg) center top no-repeat;}
.part-05{background:url(../images/body_05.jpg) center top no-repeat;}
.part-06{background:url(../images/body_06.jpg) center top no-repeat;}
.part-07{background:url(../images/body_07.jpg) center top no-repeat;}
.part-08{background:url(../images/body_08.jpg) center top no-repeat;}
.part-09{background:url(../images/body_09.jpg) center top no-repeat;}
.btn{position:absolute;width:182px;height:48px;background:#ff0000;color:#fff;font-size:18px;line-height:45px;text-align:center;border-radius:10px;transition:background 0.5s;left:50%;margin-left:-91px;}
.btn:hover{background:#ac0303;}
.part-01 .icon-01{width:96px;height:102px;left:408px;top:206px;}
.part-01 .change-1{background-position:0px -74px;}
.part-01 .change-2{width:99px;height:27px;top:280px;background-position:-362px -203px;}
.part-01 .change-3{background-position:-96px -74px;}
.part-01 .icon-02{width:85px;height:78px;left:415px;background-position:-23px -373px;top:-300px;}
.part-01 .icon-03{top:460px;opacity:0;}
.part-01 .icon-04{width:100px;height:19px;background-position:-425px -427px;right:35px;top:45px;cursor:pointer;}
.icon-small{width:50px;height:27px;background-position:0px -260px;}
.icon-medium{width:61px;height:33px;background-position:0px -287px;}
.icon-larger{width:96px;height:56px;background-position:-201px -254px;}
.icon-01{top:245px;right:90%;}
.icon-02{top:325px;right:75%;}
.icon-03{top:220px;right:62%;}
.icon-04{top:320px;right:50%;}
.icon-05{top:350px;right:35%;}
.icon-06{top:160px;right:25%;}
.icon-07{top:305px;right:10%;}
.cloud{width:100%;height:200px;bottom:0px;background:url(../images/cloud.png) repeat-x;
animation:animate-cloud 20s linear infinite;
-o-animation:animate-cloud 20s linear infinite;
-moz-animation:animate-cloud 20s linear infinite;
-webkit-animation:animate-cloud 20s linear infinite;
-ms-animation:animate-cloud 20s linear infinite;
}
.light-animate{width:395px;height:395px;background:url(../images/light1.png);left:435px;top:450px;
animation:light 3s linear infinite;
-o-animation:light 3s linear infinite;
-ms-animation:light 3s linear infinite;
-webkit-animation:light 3s linear infinite;
-moz-animation:light 3s linear infinite;
}
.light-static{width:509px;height:426px;background:url(../images/light2.png);left:375px;top:395px;}
.man{position:absolute;width:127px;height:122px;left:290px;top:477px;}
.man i{z-index:1;}
.man .icon-01{width:127px;height:122px;background-position:-222px 0px;z-index:2;left:0px;top:0px;}
.man .icon-02{width:49px;height:66px;left:-15px;top:49px;background-position:0px -287px;}
.man .icon-03{width:49px;height:66px;right:-15px;top:49px;background-position:-118px -287px;}
.man .icon-04{width:11px;height:51px;left:39px;top:98px;background-position:0px -353px;}
.man .icon-05{width:11px;height:51px;right:39px;top:98px;background-position:-11px -353px;}
.man .icon-06{width:163px;height:78px;background-position:-390px -215px;left:40px;top:-85px;line-height:65px;}
.part-02 .manMove{left:498px;top:510px;}
.part-02 .manMove .icon-01{width:132px;background-position:-162px -134px;}
.part-02 .manMove .icon-02{width:16px;height:79px;left:15px;background-position:-102px -287px;}
.part-02 .manMove .icon-03{width:40px;height:73px;right:-5px;background-position:-210px -288px;}
.part-02 .manMove .icon-04{width:18px;height:49px;left:35px;background-position:-119px -354px;}
.part-02 .manMove .icon-05{width:16px;height:50px;right:35px;background-position:-138px -354px;}
.part-02 .manMove .icon-07{width:108px;height:80px;background-position:-251px -349px;z-index:3;left:-500px;top:70px;}
.part-02 .manMove .icon-08{width:158px;height:61px;background-position:-250px -287px;z-index:3;left:-17px;top:-400px;}
.ticket{width:88px;height:48px;left:590px;top:610px;cursor:pointer;background:url(../images/ticket.png) no-repeat;background-size:contain;
animation:ticket 1s linear;
-o-animation:ticket 1s linear;
-moz-animation:ticket 1s linear;
-ms-animation:ticket 1s linear;
-webkit-animation:ticket 1s linear;
}
.plane{width:361px;height:67px;background:url(../images/plane1.png);top:170px;left:-2000px;opacity:0;}
.planeMove{width:209px;height:159px;background:url(../images/plane2.png);}
.planeBroken{
animation:animate-xz 3s linear;
-o-animation:animate-xz 3s linear;
-moz-animation:animate-xz 3s linear;
-webkit-animation:animate-xz 3s linear;
-ms-animation:animate-xz 3s linear;
}
.remind{width:126px;height:102px;right:250px;top:505px;background-position:-377px 0px;}
.mask{position:absolute;background:#000 url(../images/light3.png) center 50px no-repeat;opacity:0.8;_filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); left:0px;top:0px;width:100%;height:810px;z-index:2}
.dialog{position:absolute;width:592px;left:50%;margin-left:-296px;top:200px;z-index:3;}
.dialog i{display:block;width:592px;height:248px;background:url(../images/z.png);}
.dialog a{top:280px;}
.dialog em{position:absolute;width:163px;height:153px;background-position:0px -135px;left:205px;top:95px;}
.dialog em b{position:absolute;width:195px;height:82px;background-position:-553px -216px;transform:rotate(-10deg);left:-45px;top:-75px;font-weight:400;padding-top:10px;}
.part-03 .man{left:175px;top:345px;}
.part-03 .man .icon-01{width:85px;height:78px;background-position:-23px -373px;}
.part-03 .man .icon-02{width:51px;height:86px;background-position:-50px -287px;left:-8px;top:0px;}
.part-03 .man .icon-03{width:42px;height:66px;background-position:-167px -287px;right:36px;top:11px;}
.part-03 .man .icon-04{width:18px;height:67px;background-position:-119px -354px;left:17px;top:50px;}
.part-03 .man .icon-05{width:16px;height:67px;background-position:-138px -354px;right:61px;top:50px;}
.part-03 .man .icon-06{width:100px;height:14px;background-position:-187px -240px;left:-24px;top:88px;}
.part-03 .man .icon-07{width:219px;height:70px;background-position:-276px -307px;left:-49px;top:-86px;padding-top:15px;}
.part-03 .man .temp{width:348px;height:85px;background-position:-370px -115px;left:-70px;top:-108px;}
.part-03 .manMove .icon-02{width:75px;height:37px;background-position:-294px -250px; z-index:3;left:-3px;top:46px;}
.part-03 .man .icon-08{width:62px;height:54px;background-position:0px -107px;z-index:2;left:35px;top:46px;}
.part-03 .man .icon-09{width:65px;height:61px;background-position:-62px -107px;z-index:2;left:35px;top:46px;}
.part-03 .man .icon-10{width:87px;height:59px;background-position:-127px -107px;z-index:2;left:35px;top:38px;transform:rotate(-25deg);}
.zombie{position:absolute;width:392px;height:555px;background:url(../images/zombie.png);right:50px;top:90px;}
.zombie i{width:27px;height:25px;background-position:-288px -108px;}
.zombie i.icon-01{left:120px;top:192px;}
.zombie i.icon-02{left:150px;top:221px;}
.zombie i.icon-03{left:175px;top:372px;}
.zombie em{position:absolute;width:276px;height:78px;padding-top:25px;background-position:0px -347px;}
.subzombie{background:url(../images/subzombie.png) no-repeat;}
.zombieball{transform:rotate(88deg);right:-212px;top:263px;}
.option{position:absolute;left:82px;top:413px;}
.option i{width:107px;height:107px;background-position:-107px 0px;}
.option i em{position:absolute;left:50%;top:50%;cursor:pointer;}
.option i.icon-01{left:230px;top:0px;}
.option i.icon-02{left:130px;top:80px;}
.option i.icon-03{left:0px;top:87px;}
.option i.icon-01 em{width:62px;height:54px;background-position:0px -107px;margin:-27px 0px 0px -30px;}
.option i.icon-02 em{width:65px;height:61px;background-position:-62px -107px;margin:-31px 0px 0px -33px;}
.option i.icon-03 em{width:87px;height:59px;background-position:-127px -107px;margin:-30px 0px 0px -40px;}
.arrow{width:62px;height:74px;background-position:0px 0px;left:365px;top:375px;}
.bullet{width:113px;height:47px;background-position:-88px -254px;left:304px;top:353px;}
.ship{position:absolute;width:509px;height:426px;background:url(../images/light2.png);right:0px;bottom:0px;}
.ship i.icon-01{width:253px;height:159px;background:url(../images/ship.png);left:115px;top:120px;z-index:2;cursor:pointer;}
.ship i.icon-02{width:227px;height:22px;background-position:-63px -310px;left:170px;top:259px;z-index:1;}
.ship i.icon-03{width:145px;height:100px;background-position:-371px -102px;right:55px;top:0px;}
.part-04 .man{top:366px;}
.part-04 .man .icon-06,.part-05 .man .icon-06{width:253px;height:159px;background:url(../images/ship.png);left:-46px;top:7px;z-index:0;transform:rotate(-10deg);}
.part-04 .cloud{background:url(../images/water.png) repeat-x;height:103px;bottom:252px;z-index:2;}
.part-05 .man{left:835px;top:366px;}
.part-05 .man .icon-07{width:276px;height:45px;background-position:-495px -307px;left:0px;top:125px;padding-top:45px;}
.part-05 .man .temp{padding-top:32px;height:58px;}
.part-05 .option{left:576px;top:257px;}
.part-05 .option i{background-position:0px 0px;}
.part-05 .option .icon-01 em{width:86px;height:86px;background-position:0px -168px;margin:-43px 0px 0px -43px;}
.part-05 .option .icon-02{left:96px;top:-3px;}
.part-05 .option .icon-02 em{width:76px;height:54px;background-position:-86px -168px;margin:-27px 0px 0px -38px;}
.part-05 .option .icon-03 em{width:57px;height:70px;background-position:-164px -168px;margin:-35px 0px 0px -29px;}
.part-05 .arrow{background-position:-62px 0px;left:865px;top:211px;}
.role{width:248px;height:587px;background:url(../images/role.png);bottom:10px;left:100px;}
.role-dia{width:330px;height:108px;padding:25px 0px 0px 40px;background-position:0px -115px;text-align:left;left:250px;top:195px;}
.lamp{position:absolute;left:742px;top:218px;}
.lamp .icon-06{width:156px;height:170px;background:url(../images/lamp.png);}
.lamp .icon-07{width:67px;height:62px;background-position:-288px -188px;left:-77px;top:326px;z-index:1;}
.lamp .temp{width:27px;height:49px;background-position:-288px -135px;}
.lamp .man{left:-45px;top:382px;transform:rotate(157deg);z-index:0;}
.part-06 .lamp{left:742px;top:200px;}
.flyship{position:absolute;left:0px;top:500px;}
.flyship .icon-01{width:301px;height:151px;background:url(../images/flyship.png);}
.flyship .icon-02{width:85px;height:78px;background-position:-24px -374px; left:-136px;top:236px;}
.part-07 .flyship{/*left:295px;top:110px;*/left:0px;top:190px;}
.part-07 .option{left:65px;top:395px;}
.part-07 .option i{background-position:-214px 0px;}
.part-07 .option .icon-01 em{width:78px;height:28px;background-position:-86px -226px;margin:-14px 0px 0px -39px;}
.part-07 .option .icon-02 em{width:67px;height:51px;background-position:-221px -172px;margin:-26px 0px 0px -35px;}
.part-07 .option .icon-03 em{width:68px;height:65px;background-position:-219px -107px;margin:-33px 0px 0px -34px;}
.part-07 .arrow{left:353px;top:340px;}
.part-07 .flyship .icon-03{width:256px;height:81px;background-position:0px -248px;left:-200px;top:115px;padding-top:18px;}
.help{width:0px;height:138px;background-position:-192px 0px;left:273px;top:220px;}
.air{width:159px;height:131px;background-position:-203px -138px;left:300px;top:253px;}
.puni{right:-250px;top:-30px;width:852px;height:994px;background:url(../images/puni.png);}
.punis{
animation:puni 1s linear;
-o-animation:puni 1s linear;
-ms-animation:puni 1s linear;
-moz-animation:puni 1s linear;
-webkit-animation:puni 1s linear;
}
.puni-dia{width:256px;height:81px;background-position:0px -248px;right:80px;top:195px;padding-top:18px;}
.part-08 .man{left:435px;top:250px;}
.door{position:absolute;width:513px;height:441px;background:url(../images/door.png);top:200px;left:50%;margin-left:-257px;z-index:3;}
.door a{bottom:40px;}
.mandoor{
animation:door 2s linear;
-o-animation:door 2s linear;
-ms-animation:door 2s linear;
-moz-animation:door 2s linear;
-webkit-animation:door 2s linear;
}
.role1{width:441px;height:382px;background:url(../images/role1.png);left:-62px;top:83px;}
.role2{width:550px;height:341px;background:url(../images/role2.png);right:-118px;top:118px;}
.role3{width:377px;height:461px;background:url(../images/role3.png);right:100px;top:190px;}
.role4{width:111px;height:134px;background-position:-111px 0px;left:350px;top:355px;}
.part-09 .dlg{width:134px;height:46px;background-position:-256px -248px;padding-top:13px;}
.part-09 .d-01{left:275px;top:150px;}
.part-09 .d-02{left:80px;top:180px;}
.part-09 .d-03{right:215px;top:160px;}
.part-09 .d-04{right:55px;top:170px;}
.part-09 .d-05{background-position:-405px 0px;width:308px;height:83px;padding-top:17px;right:180px;top:290px;}
.part-09 .d-06{background-position:-553px -216px;width:195px;height:92px;left:280px;top:260px;}
.part-09 .temp{width:405px;height:100px;padding-top:15px;background-position:0px 0px;right:130px;}
.part-09 .sub{background-position:0px 0px;}
.part-09 .man{left:400px;top:350px;}
.part-09 .manMove{
animation:end 0.5s linear;
-o-animation:end 0.5s linear;
-moz-animation:end 0.5s linear;
-webkit-animation:end 0.5s linear;
-ms-animation:end 0.5s linear;
}
.end{position:absolute;z-index:3;width:1000px;left:50%;margin-left:-500px;top:0px;}
.end i{position:absolute;width:200px;height:104px;background-position:0px -176px;top:162px;left:50%;margin-left:-100px;}
.end .btn{top:324px;height:52px;line-height:50px;}
.end .btn em{position:absolute;left:23px;}
.end a.icon-01{left:158px;margin:0px;}
.end a.icon-03{left:652px;margin:0px;}
.end a.icon-01 em{width:27px;height:31px;background-position:-313px -419px;top:9px;}
.end a.icon-02 em{width:39px;height:34px;background-position:-376px -416px;top:8px;}
.end a.icon-03 em{width:31px;height:26px;background-position:-342px -424px;top:12px;}
.end a span{padding-left:25px;}
.end p{font-size:14px;text-align:center;color:#f35555;position:relative;top:420px;}
.end p.temp{font-size:18px;color:#ffd647;top:450px;}
.end div{position:absolute;width:460px;height:107px;background:url(../images/lott.png);top:530px;left:50%;margin-left:-230px;}
.end .topBar{top:10px;text-align:right;padding-right:150px;}
.end .topBar a,.end .topBar span{color:#ffd647;padding:0px 3px;}
.submask{background:#000;}
.bgm{position:absolute;left:0px;top:0px;}
.box{position:absolute;width:395px;height:175px;background:#16171e;border:14px solid #444858;z-index:3;top:200px;left:50%;margin-left:-198px;}
.box i{position:absolute;width:35px;height:35px;background-position:-276px -416px;right:15px;top:15px;cursor:pointer;}
.box p{text-align:center;font-size:18px;color:#ffd800;padding:50px 0px 30px 0px;}
.box a{width:116px;height:40px;margin-left:-58px;line-height:38px;}
.subox{width:625px;height:243px;margin-left:-313px;}
.subox p{padding-top:80px;color:#4c5162;}
.subox a{display:none;}
.move-1{
animation:move-1 15s infinite;
-moz-animation:move-1 15s infinite;
-webkit-animation:move-1 15s infinite;
-o-animation:move-1 15s infinite;
-ms-animation:move-1 15s infinite;
}
.move-2{
animation:move-2 20s infinite;
-o-animation:move-2 20s infinite;
-webkit-animation:move-2 20s infinite;
-ms-animation:move-2 20s infinite;
-moz-animation:move-2 20s infinite;
}
.move-3{
animation:move-3 30s infinite;
-o-animation:move-3 30s infinite;
-ms-animation:move-3 30s infinite;
-moz-animation:move-3 30s infinite;
-webkit-animation:move-3 30s infinite;
}
.move-4{
animation:move-4 40s infinite;
-o-animation:move-4 40s infinite;
-webkit-animation:move-4 40s infinite;
-ms-animation:move-4 40s infinite;
-moz-animation:move-4 40s infinite;
}
.move-5{
animation:move-5 50s infinite;
-o-animation:move-5 50s infinite;
-webkit-animation:move-5 50s infinite;
-moz-animation:move-5 50s infinite;
-ms-animation:move-5 50s infinite;
}
.move-6{
animation:move-6 60s infinite;
-o-animation:move-6 60s infinite;
-ms-animation:move-6 60s infinite;
-moz-animation:move-6 60s infinite;
-webkit-animation:move-6 60s infinite;
}
.move-7{
animation:move-7 60s infinite;
-o-animation:move-7 60s infinite;
-ms-animation:move-7 60s infinite;
-webkit-animation:move-7 60s infinite;
-moz-animation:move-7 60s infinite;
}
.sbox{position:absolute;width:100px;height:100px;top:50%;left:50%;margin:-80px 0px 0px -50px;text-align:center;line-height:100px;font-size:18px;color: #fff;z-index:3;}
.sboxs div {width:20px;height:20px;background-color:#fa3601;border-radius:100%;position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
-o-animation: bouncedelay 1.2s infinite ease-in-out;
-ms-animation: bouncedelay 1.2s infinite ease-in-out;
-moz-animation: bouncedelay 1.2s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.sbox .sboxs {position: absolute;width: 100%;height: 100%;}
.con2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
}
.con3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
}
.circle1 {top: 0; left: 0; }
.circle2 {top: 0; right: 0; }
.circle3 {right: 0; bottom: 0; }
.circle4 {left: 0; bottom: 0; }
.con2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
-o-animation-delay: -1.1s;
-ms-animation-delay: -1.1s;
-moz-animation-delay: -1.1s;
}
.con3 .circle1 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
-o-animation-delay: -1.0s;
-moz-animation-delay: -1.0s;
-ms-animation-delay: -1.0s;
}
.con1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
-o-animation-delay: -0.9s;
-ms-animation-delay: -0.9s;
-moz-animation-delay: -0.9s;
}
.con2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
-o-animation-delay: -0.8s;
-moz-animation-delay: -0.8s;
-ms-animation-delay: -0.8s;
}
.con3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
-o-animation-delay: -0.7s;
-ms-animation-delay: -0.7s;
-moz-animation-delay: -0.7s;
}
.con1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
-o-animation-delay: -0.6s;
-moz-animation-delay: -0.6s;
-ms-animation-delay: -0.6s;
}
.con2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
-o-animation-delay: -0.5s;
-ms-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
}
.con3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
-o-animation-delay: -0.4s;
-moz-animation-delay: -0.4s;
-ms-animation-delay: -0.4s;
}
.con1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
-o-animation-delay: -0.3s;
-moz-animation-delay: -0.3s;
-ms-animation-delay: -0.3s;
}
.con2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
-o-animation-delay: -0.2s;
-ms-animation-delay: -0.2s;
-moz-animation-delay: -0.2s;
}
.con3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
-o-animation-delay: -0.1s;
-ms-animation-delay: -0.1s;
-moz-animation-delay: -0.1s;
}