@keyframes musicMove{0%{transform:rotate(0);-webkit-transform:rotate(0)}
50%{transform:rotate(-15deg);-webkit-transform:rotate(-15deg)}
100%{transform:rotate(0);-webkit-transform:rotate(0)}}
@keyframes startMove{from{transform:scale(1)}
to{transform:scale(1.08)}}
@keyframes logoMove{0%{visibility:visible;transform:scale(3.07);-webkit-transform:scale(3.07)}
70%{visibility:visible;transform:scale(0.86);-webkit-transform:scale(0.86)}
100%{visibility:visible;transform:scale(1);-webkit-transform:scale(1)}}
@keyframes openDoorLeft{from{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:left center 0;-webkit-transform-origin:left center 0}
to{transform:matrix3d(0,0,1,.0005,0,1,0,0,-1,0,0,0,0,0,0,1);-webkit-transform:matrix3d(0,0,1,.0005,0,1,0,0,-1,0,0,0,0,0,0,1);transform-origin:left center 0;-webkit-transform-origin:left center 0}}
@keyframes openDoorRight{from{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:right center 0;-webkit-transform-origin:right center 0}
to{transform:matrix3d(0,0,1,-.0005,0,1,0,0,-1,0,0,0,0,0,0,1);-webkit-transform:matrix3d(0,0,1,-.0005,0,1,0,0,-1,0,0,0,0,0,0,1);transform-origin:right center 0;-webkit-transform-origin:right center 0}}
@keyframes page2Start{0%{top:-26.5%}
18%{top:0}
28%{top:0;transform:scale(1);-webkit-transform:scale(1);transform-origin:74% 11% 0;-webkit-transform-origin:74% 11% 0}
31%,98%{top:0;transform:scale(2.22);-webkit-transform:scale(2.22);transform-origin:74% 11% 0;-webkit-transform-origin:74% 11% 0}
100%{top:0;transform:scale(1);-webkit-transform:scale(1);transform-origin:68% 8% 0;-webkit-transform-origin:68% 8% 0}}
@keyframes head1{0%{top:75.5%}
45%{top:76%}
100%{top:75.5%}}
@keyframes head2{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:70% 80% 0;-webkit-transform-origin:70% 80% 0}
50%{transform:rotate(5deg);-webkit-transform:rotate(5deg);transform-origin:70% 80% 0;-webkit-transform-origin:70% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:70% 80% 0;-webkit-transform-origin:70% 80% 0}}
@keyframes head3{0%{top:67.7%}
48%{top:68%}
100%{top:67.7%}}
@keyframes head4{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:49% 70% 0;-webkit-transform-origin:49% 70% 0}
50%{transform:rotate(-6deg);-webkit-transform:rotate(-6deg);transform-origin:49% 70% 0;-webkit-transform-origin:49% 70% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:49% 70% 0;-webkit-transform-origin:49% 70% 0}}
@keyframes head5{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:70% 70% 0;-webkit-transform-origin:70% 70% 0}
50%{transform:rotate(4deg);-webkit-transform:rotate(4deg);transform-origin:70% 70% 0;-webkit-transform-origin:70% 70% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:70% 70% 0;-webkit-transform-origin:70% 70% 0}}
@keyframes turn{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}
100%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}}
@keyframes dialog1{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
9%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
14%,93%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes dialog2{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
10%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
13%,92%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes dialog3{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
11%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
15%,91%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes dialog4{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
12%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
17%,90%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes dialog5{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
15%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
21%,88%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes characterHead1{from{opacity:1}
to{opacity:0}}
@keyframes characterHead2{0%{opacity:1;transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 70% 0;-webkit-transform-origin:50% 70% 0}
50%{opacity:1;transform:rotate(8deg);-webkit-transform:rotate(8deg);transform-origin:50% 70% 0;-webkit-transform-origin:50% 70% 0}
100%{opacity:1;transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 70% 0;-webkit-transform-origin:50% 70% 0}}
@keyframes characterThink{0%{opacity:1;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom right 0;-webkit-transform-origin:bottom right 0}
10%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom right 0;-webkit-transform-origin:bottom right 0}
13%{transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom right 0;-webkit-transform-origin:bottom right 0}
95%{opacity:1}
100%{opacity:0}}
@keyframes hunterShow{0%{opacity:0}
10%,90%{opacity:1}
100%{opacity:0}}
@keyframes hunterHandMove{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:85% 10% 0;-webkit-transform-origin:85% 10% 0}
50%{transform:rotate(20deg);-webkit-transform:rotate(20deg);transform-origin:85% 10% 0;-webkit-transform-origin:85% 10% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:85% 10% 0;-webkit-transform-origin:85% 10% 0}}
@keyframes poetShow{0%{opacity:0}
10%,90%{opacity:1}
100%{opacity:0}}
@keyframes poetHeadMove{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0}
52%{transform:rotate(6deg);-webkit-transform:rotate(6deg);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 100% 0;-webkit-transform-origin:50% 100% 0}}
@keyframes characterSay{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
3%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
4%{opacity:1;-webkit-transform:scale(1);transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
47%{opacity:1}
48%,78%{opacity:0}
79%{opacity:1}
97%{opacity:1;-webkit-transform:scale(1);transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;-webkit-transform:scale(0);transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes characterRun{23%{top:26.5%;right:17%}
57%{right:17%;top:40%;transform:rotateY(0);-webkit-transform:rotateY(0)}
58%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
100%{right:-100%;top:40%;transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}}
@keyframes sunMove{0%{transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@keyframes btnActive{0%{transform:scale(1);-webkit-transform:scale(1)}
100%{transform:scale(1.2);-webkit-transform:scale(1.2)}}
@keyframes alanWalk{0%{left:29%}
50%{left:25%}
100%{left:29%}}
@keyframes alanTurn{0%,49%{transform:rotateY(0);-webkit-transform:rotateY(0)}
50%,99%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
100%{transform:rotateY(0);-webkit-transform:rotateY(0)}}
@keyframes alanFoot{0%{background-position:0 0}
100%{background-position:-1800px 0}}
@keyframes alanDialogStart{71%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes alanDialogEnd{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:0;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes laerhu{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 10% 0;-webkit-transform-origin:60% 10% 0}
36%{transform:rotate(-21deg);-webkit-transform:rotate(-21deg);transform-origin:60% 10% 0;-webkit-transform-origin:60% 10% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 10% 0;-webkit-transform-origin:60% 10% 0}}
@keyframes musical{0%{transform:rotate(0);-webkit-transform:rotate(0)}
43%{transform:rotate(-21deg);-webkit-transform:rotate(-21deg)}
100%{transform:rotate(0);-webkit-transform:rotate(0)}}
@keyframes datieHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:63% 76% 0;-webkit-transform-origin:63% 76% 0}
32%{transform:rotate(-76deg);-webkit-transform:rotate(-76deg);transform-origin:63% 76% 0;-webkit-transform-origin:63% 76% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:63% 76% 0;-webkit-transform-origin:63% 76% 0}}
@keyframes spark{0%{opacity:1}
21%{transform:scale(0);-webkit-transform:scale(0)}
36%{opacity:1;transform:scale(1);-webkit-transform:scale(1)}
52%{opacity:0}
85%{transform:scale(0);-webkit-transform:scale(0)}
100%{opacity:0}}
@keyframes remindDown{0%{top:-26%}
52%{top:-20%}
100%{top:-26%}}
@keyframes remindDownCiqi{0%{top:-30%}
52%{top:-25%}
100%{top:-30%}}
@keyframes remindDownYongzheng{0%{top:-43%}
52%{top:-35%}
100%{top:-43%}}
@keyframes remindDownTanghulu{0%{top:-30%}
52%{top:-20%}
100%{top:-30%}}
@keyframes remindDownBaomihua{0%{top:-50%}
52%{top:-40%}
100%{top:-50%}}
@keyframes tiemoHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:0 70% 0;-webkit-transform-origin:0 70% 0}
47%{transform:rotate(20deg);-webkit-transform:rotate(20deg);transform-origin:0 70% 0;-webkit-transform-origin:0 70% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:0 70% 0;-webkit-transform-origin:0 70% 0}}
@keyframes budianMove{0%{left:50.5%}
50%{left:49%}
100%{left:50.5%}}
@keyframes budianTurn{0%,49%{transform:rotateY(0);-webkit-transform:rotateY(0)}
50%,99%{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
100%{transform:rotateY(0);-webkit-transform:rotateY(0)}}
@keyframes lifashiHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}
47%{transform:rotate(13deg);-webkit-transform:rotate(13deg);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}}
@keyframes guestLeftHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:5% 85% 0;-webkit-transform-origin:5% 85% 0}
52%{transform:rotate(16deg);-webkit-transform:rotate(16deg);transform-origin:5% 85% 0;-webkit-transform-origin:5% 85% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:5% 85% 0;-webkit-transform-origin:5% 85% 0}}
@keyframes guestRightHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 85% 0;-webkit-transform-origin:90% 85% 0}
48%{transform:rotate(-14deg);-webkit-transform:rotate(-14deg);transform-origin:90% 85% 0;-webkit-transform-origin:90% 85% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 85% 0;-webkit-transform-origin:90% 85% 0}}
@keyframes smoke{0%{opacity:1}
4%{opacity:0}
100%{opacity:1}}
@keyframes light{0%{opacity:1}
52%{opacity:0}
100%{opacity:1}}
@keyframes ciqiHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:80% 60% 0;-webkit-transform-origin:80% 60% 0}
56%{transform:rotate(26deg);-webkit-transform:rotate(26deg);transform-origin:80% 60% 0;-webkit-transform-origin:80% 60% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:80% 60% 0;-webkit-transform-origin:80% 60% 0}}
@keyframes photoPose{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:5% 80% 0;-webkit-transform-origin:5% 80% 0}
49%{transform:rotate(20deg);-webkit-transform:rotate(20deg);transform-origin:5% 80% 0;-webkit-transform-origin:5% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:5% 80% 0;-webkit-transform-origin:5% 80% 0}}
@keyframes yongzhengHand{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}
50%{transform:rotate(-16deg);-webkit-transform:rotate(-16deg);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:90% 80% 0;-webkit-transform-origin:90% 80% 0}}
@keyframes shining{0%{opacity:0}
15%{opacity:1}
100%,37%{opacity:0}}
@keyframes crowMove{0%{left:100%}
99%{left:-40%;opacity:1}
100%{opacity:0}}
@keyframes yuMove{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}
50%{transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}}
@keyframes yuShining{0%{opacity:1;transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}
50%{opacity:0;transform:rotate(-8deg);-webkit-transform:rotate(-8deg);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}
100%{opacity:1;transform:rotate(0);-webkit-transform:rotate(0);transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0}}
@keyframes eunuchLeftWalk{0%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/eunuch_walk.png);background-position:0 0}
100%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/eunuch_walk.png);background-position:-3000px 0}}
@keyframes eunuchRightWalk{0%{background:url(../imgs/eunuch_walk.png);background-position:0 0}
100%{background:url(../imgs/eunuch_walk.png);background-position:-3000px 0}}
@keyframes tanghuluLeftWalk{0%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/tanghulu_walk.png);background-position:0 0}
100%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/tanghulu_walk.png);background-position:-4200px 0}}
@keyframes tanghuluRightWalk{0%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/tanghulu_walk.png);background-position:0 0}
100%{transform:rotateY(180deg) scale(.45);-webkit-transform:rotateY(180deg) scale(.45);background:url(../imgs/tanghulu_walk.png);background-position:-4200px 0}}
@keyframes eunuchBegin{0%{left:0}
100%{left:39.5%}}
@keyframes questionBoxShow{67%{transform:scale(1.1);-webkit-transform:scale(1.1)}
100%{transform:scale(1);-webkit-transform:scale(1)}}
@keyframes questionBoxEnd{0%{transform:scale(1);-webkit-transform:scale(1)}
67%{transform:scale(1.1);-webkit-transform:scale(1.1)}
100%{transform:scale(0);-webkit-transform:scale(0)}}
@keyframes answerActive{form{transform:scale(1);-webkit-transform:scale(1)}
to{transform:scale(1.2);-webkit-transform:scale(1.2)}}
@keyframes haveGoods1{19%{opacity:1}
100%{opacity:0}}
@keyframes remindRight{0%{right:10%}
52%{right:5%}
100%{right:10%}}
@keyframes remindLeft{0%{left:10%}
52%{left:5%}
100%{left:10%}}
@keyframes yongzhengLeave{form{left:97.5%}
to{left:100%}}
@keyframes eunuchLeave{form{left:39.5%}
to{left:100%}}
@keyframes yongzhengHandMove{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:85% 80% 0;-webkit-transform-origin:85% 80% 0}
50%{transform:rotate(-46deg);-webkit-transform:rotate(-46deg);transform-origin:85% 80% 0;-webkit-transform-origin:85% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:100% 80% 0;-webkit-transform-origin:85% 80% 0}}
@keyframes head1Move{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}
50%{transform:rotate(4deg);-webkit-transform:rotate(4deg);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}}
@keyframes head2Move{0%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}
50%{transform:rotate(5deg);-webkit-transform:rotate(5deg);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}
100%{transform:rotate(0);-webkit-transform:rotate(0);transform-origin:60% 80% 0;-webkit-transform-origin:60% 80% 0}}
@keyframes head3Move{0%{top:83%}
50%{top:83.5%}
100%{top:83%}}
@keyframes talkEnd{0%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:0;transform:scale(0);-webkit-transform:scale(0);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes talkStart{71%{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}
100%{opacity:1;transform:scale(1);-webkit-transform:scale(1);transform-origin:bottom center 0;-webkit-transform-origin:bottom center 0}}
@keyframes closeDoorLeft{0%{opacity:1;transform:matrix3d(0,0,1,.0005,0,1,0,0,-1,0,0,0,0,0,0,1);-webkit-transform:matrix3d(0,0,1,.0005,0,1,0,0,-1,0,0,0,0,0,0,1);transform-origin:left center 0;-webkit-transform-origin:left center 0}
100%{opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:left center 0;-webkit-transform-origin:left center 0}}
@keyframes closeDoorRight{0%{opacity:1;transform:matrix3d(0,0,1,-.0005,0,1,0,0,-1,0,0,0,0,0,0,1);-webkit-transform:matrix3d(0,0,1,-.0005,0,1,0,0,-1,0,0,0,0,0,0,1);transform-origin:right center 0;-wekit-transform-origin:right center 0}
100%{opacity:1;transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-origin:right center 0;-webkit-transform-origin:right center 0}}
@keyframes shengzhiShow{0%{opacity:1;height:2%}
100%{opacity:1;height:55%}}
@keyframes juanzhou2{0%{bottom:78.5%}
100%{bottom:28%}}
@keyframes joinShow{0%{transform:scale(1);-webkit-transform:scale(1)}
100%{transform:scale(1.1);-webkit-transform:scale(1.1)}}
@keyframes show{from{opacity:0}
to{opacity:1}}
@keyframes shareHunterBody{100%,38%{transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform-origin:60% 95% 0;-webkit-transform-origin:60% 95% 0}}
@keyframes shejian{0%,20%{left:44%;top:6%}
100%{left:1000%;top:-1000%}}
@keyframes laxian{0%,19%{background:url(../imgs/laxian.png) no-repeat;background-size:100% 100%}
100%,20%{background:url(../imgs/xian.png) no-repeat;background-size:100% 100%;transform:rotate(-10deg);-webkit-transform:rotate(-10deg);left:47%;top:8%}}