.page{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:auto 100%;overflow:hidden;display:none}.page .title{margin-top:60px}.page .frame-full{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:auto 100%}@media screen and (min-aspect-ratio:2/3){.page,.page .frame-full{background-size:100% auto}}.page .anim-mask{background-color:#FFF;opacity:1;-webkit-transition:1s}.page.active .anim-mask{opacity:0}.arrow-up{position:absolute;width:29px;height:29px;position:absolute;background:url(//cdn.moji.com/html5/chunfen/images/arrow-up.ef7c768.png) no-repeat;background-size:29px;bottom:4%;left:50%;margin-left:-14px;z-index:99;-webkit-animation:arrowUp 2s linear 0s infinite normal;animation:arrowUp 2s linear 0s infinite normal}.share-dialog-bg{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.8);z-index:999}.share-dialog-bg .arrow{height:100%;margin:30px 20px;background:url(//cdn.moji.com/html5/chunfen/images/share-bg.5214d09.png) no-repeat right top;background-size:90% auto}.btn-audio{width:27px;height:27px;position:absolute;z-index:100;right:10px;top:10px;background-repeat: no-repeat;}.btn-audio.disabled{background-repeat: no-repeat;}#boot_page{display:block;background-image:url(//cdn.moji.com/html5/chunfen/images/bg0.ceb9a9f.jpg)}#boot_page .logo{position:absolute;bottom:5%;width:100%}#boot_page .progress-area{position:absolute;left:50%;top:45%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);color:#FFF;font-size:1.4rem;text-align:center}.progress-area .progress-anim{width:191px;height:114px;margin-bottom:10px;background:transparent no-repeat left bottom url(//cdn.moji.com/html5/chunfen/images/p0-a-1-f1.80ea2df.png);background-size:100% auto;-webkit-animation:eggwalk 1s linear infinite}.progress-area .progress-text{color:#FFF;font-size:1.4rem;text-shadow:0 0 2px #fff}.page-1{background-image:url(//cdn.moji.com/html5/chunfen/images/bg1.4619105.jpg);-webkit-transition:1s}.page-1 .title p{height:60px}.page-1 .title-p01{opacity:0;-webkit-transform:translate(-150px,50px);-webkit-transition:1s}.page-1.active .title p{-webkit-transform:translate(0,0);opacity:1}.page-1 .anim-p01{position:absolute;top:10%;left:-20px;opacity:0;-webkit-transform:translateX(100px);-webkit-transition:all 1.5s ease .5s}.page-1.active .anim-p01{opacity:1;-webkit-transform:translateX(0)}.page-1 .anim-p02{position:absolute;right:5%;bottom:5%;width:195px;height:426px;background:no-repeat transparent url(//cdn.moji.com/html5/chunfen/images/p1-a-2.7bb8b8e.png);background-size:100%;opacity:0;-webkit-transition:opacity 1.5s ease .5s;-webkit-perspective-origin:right top;-webkit-transform-style:preserve-3d;-webkit-transform:perspective(800px)}.page-1.active .anim-p02{opacity:1}@media screen and (max-height:480px){.page-1 .anim-p02{width:146px;height:319px}}.page-2{background-image:url(//cdn.moji.com/html5/chunfen/images/bg0.ceb9a9f.jpg)}.page-2 .title-p01{position:absolute;left:0;right:0;top:5%;margin:auto;opacity:0;-webkit-transform:translate(0,-10px);-webkit-transition:all 1s linear .5s}.page-2 .title-p02{position:absolute;left:0;right:0;bottom:40px;margin:auto;opacity:0;-webkit-transform:translate(0,10px);-webkit-transition:all 1s linear .5s}.page-2.active .title p{z-index:10;-webkit-transform:translate(0,0);opacity:1}.page-2 .bg-p01{background-image:url(//cdn.moji.com/html5/chunfen/images/p2-b-1.2e498b7.png)}.page-2 .anim-p01{position:absolute;bottom:15%;left:0;right:0;width:283px;height:300px;margin:auto;background:no-repeat transparent url(//cdn.moji.com/html5/chunfen/images/p2-a-1.d6be8f9.png);background-size:100%;opacity:0}.page-2 .anim-p01 img{position:absolute;z-index:-10}.page-2 .anim-p01 .p1{right:5px;top:-50px;-webkit-transform-origin:70% 90%}.page-2 .anim-p01 .p2{left:20px;top:-50px}.page-2.active .anim-p01{opacity:1}.page-2.active .anim-p01 .p1{-webkit-animation:chop_egg 1s ease .5s 3}.page-2.active .anim-p01 .p2{opacity:0;-webkit-animation:eggshell 1s ease .5s 3 forwards}.page-2 .anim-p02{background-image:url(//cdn.moji.com/html5/chunfen/images/p2-a-2.4e60cfa.png);opacity:0;-webkit-transform:translateX(-50px);-webkit-transition:all 1.5s ease .5s}.page-2.active .anim-p02{opacity:1;-webkit-transform:translateX(0)}.page-3{background-image:url(//cdn.moji.com/html5/chunfen/images/bg3.2956c14.jpg)}.page-3 .title-p01{position:absolute;left:0;right:0;top:5%;margin:auto;opacity:0;-webkit-transform:translate(0,-10px);-webkit-transition:all 1s linear .5s}.page-3 .title-p02{position:absolute;left:0;right:0;bottom:40px;margin:auto;opacity:0;-webkit-transform:translate(0,10px);-webkit-transition:all 1s linear .5s}.page-3.active .title p{-webkit-transform:translate(0,0);opacity:1}.page-3 .anim-p01{background-image:url(//cdn.moji.com/html5/chunfen/images/p3-a-1.a5f857c.png)}.page-3.active .anim-p01{-webkit-transform:translateY(-5px);-webkit-transition:all .5s ease 1s}.page-3 .anim-p02{}.page-3.active .anim-p02{-webkit-transform:translateY(-5px);-webkit-animation:blood 1s linear 1s infinite}.page-4{background-image:url(//cdn.moji.com/html5/chunfen/images/bg0.ceb9a9f.jpg)}.page-4 .title-p01{position:absolute;left:0;right:0;top:5%;margin:auto;opacity:0;-webkit-transform:translate(0,-10px);-webkit-transition:all 1s linear .5s}.page-4 .title-p02{position:absolute;left:0;right:0;bottom:40px;margin:auto;opacity:0;-webkit-transform:translate(0,10px);-webkit-transition:all 1s linear .5s}.page-4.active .title p{z-index:10;-webkit-transform:translate(0,0);opacity:1}.page-4 .bg-p01{background-image:url(//cdn.moji.com/html5/chunfen/images/p4-b-1.dcb1dbf.png)}.page-4 .anim-p01{background-image:url(//cdn.moji.com/html5/chunfen/images/p4-a-1.3d27b9a.png);opacity:1;-webkit-transition:all .5s ease 2s}.page-4.active .anim-p01{-webkit-transform:translateY(10px);opacity:0}.page-4 .anim-p02{background-image:url(//cdn.moji.com/html5/chunfen/images/p4-a-2.f96ba7b.png)}.page-4.active .anim-p02{-webkit-transform-origin:center 64%;-webkit-animation:egg_swing 2s linear 1s 4}.page-4 .anim-p03{background-image:url(//cdn.moji.com/html5/chunfen/images/p4-a-3.51bf3ba.png);opacity:0;-webkit-transform:translate(-10px,20px) scale(.4);-webkit-transition:all .5s ease 1s}.page-4.active .anim-p03{opacity:1;-webkit-transform:translate(0) scale(1)}.page-5{background-color:#ffb535;background-image:url(//cdn.moji.com/html5/chunfen/images/bg5.c2d788e.png);background-size:100%}@media screen and (min-aspect-ratio:2/3){.page-5{background-size:auto 100%}}.page-5 .egg-box{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:213px;height:235px;background:transparent no-repeat center bottom url(//cdn.moji.com/html5/chunfen/images/egg-shadow.59e2db1.png);background-size:213px 235px}.page-5 .egg-box .egg{width:100%;height:100%;background:transparent no-repeat center bottom url(//cdn.moji.com/html5/chunfen/images/egg.b3dcbb8.png);background-size:213px 235px;-webkit-transform-origin:center 80%}.page-5.active .egg-box .egg{-webkit-animation:egg_swing 1s linear 1s 4}@media screen and (max-height:540px){.page-5 .egg-box{width:160px;height:176px;background-size:160px 176px}.page-5 .egg-box .egg{background-size:160px 176px}}.page-5 .anim-p01{position:absolute;bottom:25px;left:0;right:0;margin:auto;width:177px;height:62px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/test-button.df5ddcf.png);background-size:177px auto}.page-5 .anim-p01.active{background-image:url(//cdn.moji.com/html5/chunfen/images/test-button-down.9df50e6.png)}.page-6{background-color:#ffb535;-webkit-touch-callout:none;-webkit-user-select:none}.page-6 .rules{margin-top:40px;width:100%;color:#6b4336;text-align:center}.page-6 .rules h3{font-size:26px}.page-6 .rules p{font-size:16px;font-weight:700}.page-6 .game-area{width:213px;height:235px;margin:20px auto;background:transparent no-repeat center bottom url(//cdn.moji.com/html5/chunfen/images/egg-shadow.59e2db1.png);background-size:213px 235px;-webkit-touch-callout:none;-webkit-user-select:none}.page-6 .game-area #egg{width:100%;height:100%;background:transparent no-repeat center bottom url(//cdn.moji.com/html5/chunfen/images/egg.b3dcbb8.png);background-size:213px 235px;-webkit-transform:scale(1);-webkit-transform-origin:center 80%;-webkit-transition:300ms cubic-bezier(0.645,.045,.355,1);-webkit-touch-callout:none;-webkit-user-select:none}.page-6 .game-area #egg.done{-webkit-animation:egg_erect .5s ease-in-out}@media screen and (max-height:540px){.page-6 .rules{margin-top:20px}.page-6 .game-area{width:160px;height:176px;margin:10px auto;background-size:160px 176px}.page-6 .game-area #egg{background-size:160px 176px}}.page-6 .game-count{color:#FFF;font-size:16px;font-weight:700;text-align:center}.page-6 .game-count q{margin-left:10px;font-size:26px}.page-6 .btn-play{position:absolute;bottom:25px;left:0;right:0;margin:auto;width:177px;height:63px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/play-button.755dfb5.png);background-size:177px auto;-webkit-touch-callout:none;-webkit-user-select:none}.page-6 .btn-play.active{background-image:url(//cdn.moji.com/html5/chunfen/images/play-button-down.cbf017b.png)}@media screen and (max-height:480px){.page-6 .btn-play{width:133px;height:47px;background-size:133px auto}.page-6 .game-count{margin-top:-25px;line-height:1}}.page-7{background-color:#ffb535;background-image:url(//cdn.moji.com/html5/chunfen/images/bg7.cc27050.png)}.page-7 .btn-help{position:absolute;bottom:140px;left:0;right:0;margin:auto;width:148px;height:53px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/help-button.45d2b90.png);background-size:148px auto}.page-7 .btn-play.active{background-image:url(//cdn.moji.com/html5/chunfen/images/help-button-down.880d8be.png)}.page-7 .btn-retry{position:absolute;bottom:85px;left:0;right:0;margin:auto;width:148px;height:53px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/retry-button.97063ab.png);background-size:148px auto}.page-7 .btn-retry.active{background-image:url(//cdn.moji.com/html5/chunfen/images/retry-button-down.37a8f5f.png)}.page-7 .btn-download,.page-8 .btn-download{position:absolute;bottom:10px;left:2%;width:0;height:58px;background:no-repeat transparent url(//cdn.moji.com/html5/chunfen/images/download.1517900.png);background-size:160px 58px;border:0;overflow:hidden;-webkit-transition:width 1s linear 1s;-webkit-appearance:none;-webkit-user-select:none;user-select:none}.page-7.active .btn-download,.page-8.active .btn-download{width:160px}.page-8{background-color:#ffb535;background-image:url(//cdn.moji.com/html5/chunfen/images/bg8.4b5d324.png)}.page-8 .btn-food{position:absolute;bottom:140px;width:100%;color:#6b4336;font-size:18px;text-align:center;text-decoration:underline}.page-8 .btn-share{position:absolute;bottom:72px;left:0;right:0;margin:auto;width:148px;height:53px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/share-button.1a97771.png);background-size:148px auto}.page-8 .btn-share.active{background-image:url(//cdn.moji.com/html5/chunfen/images/share-button-down.5acedf5.png)}.page-8 .anim-p01{position:absolute;bottom:80px;right:10%;width:45px;height:20px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/left-arrow.d32e00a.png);background-size:45px 20px;-webkit-transform:translateX(0)}.page-8.active .anim-p01{-webkit-animation:leftarrow 2s linear 1s infinite}.page-9{background-color:#ffb535;background-image:url(//cdn.moji.com/html5/chunfen/images/bg9.0b076d9.png)}@media screen and (min-aspect-ratio:2/3){.page-9{background-size:auto 100%}}.page-9 .btn-share{position:absolute;bottom:7%;left:0;right:0;margin:auto;width:165px;height:45px;background:no-repeat transparent center top url(//cdn.moji.com/html5/chunfen/images/radish-button.a20a80b.png);background-size:165px auto}.page-9 .btn-share.active{background-image:url(//cdn.moji.com/html5/chunfen/images/radish-button-down.ff17355.png)}@-webkit-keyframes eggwalk{50%{background-image:url(//cdn.moji.com/html5/chunfen/images/p0-a-1-f2.8e0037c.png)}}@-webkit-keyframes knot{25%{-webkit-transform:perspective(800px) rotateY(-20deg)}50%{-webkit-transform:perspective(800px) rotateY(0)}75%{-webkit-transform:perspective(800px) rotateY(20deg)}}@-webkit-keyframes chop_egg{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(25deg)}}@-webkit-keyframes eggshell{from{opacity:0;-webkit-transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0)}}@-webkit-keyframes blood{33.3%{background-image:url(//cdn.moji.com/html5/chunfen/images/p3-a-2-f1.5f013bf.png)}66.6%{background-image:url(//cdn.moji.com/html5/chunfen/images/p3-a-2-f2.792c9d2.png)}}@-webkit-keyframes egg_swing{0%{-webkit-transform:rotate(0)}25%{-webkit-transform:rotate(-5deg)}50%{-webkit-transform:rotate(0)}75%{-webkit-transform:rotate(5deg)}}@-webkit-keyframes egg_erect{50%{-webkit-transform:scale(1,1.1)}}@-webkit-keyframes leftarrow{50%{-webkit-transform:translateX(-10px)}}@-webkit-keyframes pageup{0%{-webkit-transform:translateY(-10px);opacity:1}50%{-webkit-transform:translateY(0);opacity:.6}100%{-webkit-transform:translateY(-10px);opacity:1}}.btn-audio{background-position:0px 0px}.btn-audio.disabled{background-position:0px -37.5px}.btn-audio,.btn-audio.disabled{background-size: 27px 65px;background-image: url(//cdn.moji.com/html5/chunfen/images/main_0.5_z.37cdf93.png)}