audio,sub,sup{vertical-align:baseline}legend,mark{color:#000}.clearfix:after,.clearfix:before,q:after,q:before{content:''}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}.container .pagelist,.container .pagelist .pagelist-items{-webkit-backface-visibility:hidden;width:100%;height:100%}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li,nav ul,ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0;font-variant:normal}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}article,aside,audio,details,dialog,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,dialog,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}blockquote,q{quotes:none}mark{background-color:#ff9;font-style:italic;font-weight:700}details:not([open])>:not(summary){display:none}a{-webkit-tap-highlight-color:transparent}.clearfix{zoom:1}.clearfix:before{display:block}.clearfix:after{display:table;clear:both}.fl{float:left}.fr{float:right}html{color:#333;direction:ltr;font-size:62.5%;height:100%}body{font-family:'Microsoft Yahei' Helvetica;font-size:1.2rem;color:#fff}.loading{background:#000;position:fixed;min-width:100%;min-height:100%;top:0;left:0;z-index:9999}.loading .loading-img{position:absolute;width:40px;height:40px;left:0;right:0;top:0;bottom:0;margin:auto;background:url(//liujunjiun.github.io/15game/v1/images/15game/loader.gif) #000;background-size:100% 100%}.container{height:100%;width:100%;overflow:hidden}.container.showMyPicture{position:relative;text-align:center;padding-bottom:10px}.container .pagelist{padding:0;backface-visibility:hidden}.container .pagelist .horizontal .pagelist-items{min-height:100%;float:left}.container .pagelist .pagelist-items{display:box;position:relative;overflow:hidden;margin:0 auto;backface-visibility:hidden}.animat{-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn{display:inline-block;margin:0 auto;background-color:#fff;color:#ff6811;height:45px;line-height:45px;text-align:center;font-size:16px;-webkit-border-radius:3px;border-radius:3px;padding:0 40px}.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-align:center;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}.audio a,.audio a>img{display:block}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:0}.flexbox .flex-1:first-child{margin-left:0!important}.flexbox .flex-1:last-child{margin-right:0!important}body{background-color:#000}img{width:100%}audio{margin:0;padding:0;border:0;outline:0;font-size:100%;background:0 0}.audio{position:absolute;top:1rem;right:.5rem;z-index:1}.audio a{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.audio .pausing img{animation:rotate 3s linear 0s infinite both;-webkit-animation:rotate 3s linear 0s infinite both;animation-play-state:paused;-webkit-animation-play-state:paused}.audio .playing img{animation:rotate 3s linear 0s infinite both;-webkit-animation:rotate 3s linear 0s infinite both;animation-play-state:running;-webkit-animation-play-state:running}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.container .page1{background:url(//liujunjiun.github.io/15game/v1/images/15game/page1-bg.jpg) no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden;position:relative}.container .page1 .area1{margin-top:1.4rem}.container .page1 .area2{margin-top:3.5rem}.container .page1 .area3{width:7.5rem;margin:2.5rem auto 0}.container .page1 .area4{position:absolute;top:22rem;left:3.2rem;width:1.6rem}@media screen and (max-width:320px) and (max-height:480px){.container .page1{-webkit-background-size:100% 100%;background-size:100% 100%}.container .page1 .area2{margin-top:2rem}.container .page1 .area3{margin-top:1.5rem}}.container .page2{background:url(//liujunjiun.github.io/15game/v1/images/15game/page2-bg.jpg) no-repeat;-webkit-background-size:cover;background-size:cover;overflow:hidden}.container .page2 .area1{margin-top:1.4rem}.container .page2 .area2{width:80%;margin:1.4rem auto 0}.container .page2 .hand{width:1.5rem;height:2.25rem;margin:1.5rem auto 0;background:url(//liujunjiun.github.io/15game/v1/images/15game/hand-down.png) no-repeat;-webkit-background-size:cover;background-size:cover}.container .page2 .area3{width:6rem;margin:0 auto}.container .page2 .flexbox{width:75%;margin:1.5rem auto 0}.container .page2 .flexbox .flex-1{margin-right:.8rem}@media screen and (max-width:320px) and (max-height:480px){.container .page2 .area2{width:76%}.container .page2 .flexbox{width:70%;margin-top:.5rem}}.container .page3 .game{display:none;position:relative;width:100%;height:100%}.container .page3 .game1{display:block}.container .page3 .game .gameTip{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);z-index:999;background-repeat:no-repeat;background-position:top center;-webkit-background-size:contain;background-size:contain}.container .page3 .game1 .gameTip{background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game1-tip.png)}.container .page3 .game2 .gameTip{background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game2-tip.png)}.container .page3 .game3 .gameTip{background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game3-tip.png)}.container .page3 .game .gameTip a{position:absolute;display:block;top:71%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:8rem;height:3.2rem}.container .page3 .game2 .gameTip a{top:77%}.container .page3 .game3 .gameTip a{top:73%}.container .page3 .game .gameUi{width:100%;height:100%;background-color:#fff}.container .page3 .game1 .gameUi,.container .page3 .game1 .ui-title{background-color:#dd925e}.container .page3 .game2 .gameUi{background-color:#92c6e3}.container .page3 .game2 .ui-title{background-color:#064263}.container .page3 .game3 .gameUi{background-color:#d7cca9}.container .page3 .game3 .ui-title{background-color:#a49871}.gameUi .ui-title{height:2.5rem;padding:0 1rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.gameUi .ui-title em{font-style:normal}.gameUi .ui-title .fl{padding-top:5px}.gameUi .ui-title .fr{padding-top:.85rem;color:#000}.gameUi .ui-title .fr sub{font-size:16px}.gameUi .ui-title .clock{display:inline-block;width:2rem}.gameUi .ui-title .time-count{display:inline-block;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.gameUi .ui-main{margin-top:15px;font-size:0;text-align:center;overflow:hidden}.game1 .gameUi .ui-main span{display:inline-block;width:55px;font-size:16px}.game2 .gameUi .ui-main{position:relative}.game2 .gameUi .ui-main .left-hand{position:absolute;width:5rem;top:17.5rem;left:2rem;z-index:99}.game2 .gameUi .ui-main .right-hand{position:absolute;width:5rem;top:19rem;right:2rem;z-index:99}.game2 .gameUi .ui-main .broken{position:absolute;width:4.5rem;top:17rem;left:5rem;z-index:9}.game2 .gameUi .ui-main .bag{width:6rem;margin:1.5rem auto 0}.container .page3 .game1 .gameOver,.container .page3 .game2 .gameOver,.container .page3 .game3 .gameOver{background-repeat:no-repeat;background-position:top center;width:100%;height:100%}.container .page3 .game .gameOver{display:none;position:relative}.container .page3 .game1 .gameOver{background-color:#dd925e;background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game1-over-tip.png);-webkit-background-size:contain;background-size:contain}.container .page3 .game2 .gameOver{background-color:#92c6e3;background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game2-over-tip.png);-webkit-background-size:contain;background-size:contain}.container .page3 .game3 .gameOver{background-color:#d7cca9;background-image:url(//liujunjiun.github.io/15game/v1/images/15game/game3-over-tip.png);-webkit-background-size:contain;background-size:contain}.container .page3 .game1 .gameOver a{position:absolute;top:71%;left:50%;width:8rem;height:3.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .page3 .game1 .showGameResult{position:absolute;top:20%;left:50%;width:10.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#dd925e;font-size:.9rem;text-align:center}.container .page3 .game1 .showGameResult .color1{color:#5a2d22}.container .page3 .game2 .gameOver a{position:absolute;top:71%;left:50%;width:8rem;height:3.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .page3 .game2 .showGameResult{position:absolute;top:28%;left:50%;width:8.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#0e6392;font-size:.9rem;text-align:center}.container .page3 .game2 .showGameResult .color1{color:#a40606}.container .page3 .game3 .gameOver a{position:absolute;top:71%;left:50%;width:8rem;height:3.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.container .page3 .game3 .showGameResult{position:absolute;top:24%;left:50%;width:10.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#1c4a06;font-size:.9rem;text-align:center}.container .page3 .game3 .showGameResult .color1{color:#7a1d1b}.container .page3 .game3 .mouth{position:relative;width:14rem;margin:3rem auto 0}.container .page3 .game3 .mouth .animationEle{position:absolute;width:2rem;top:2.5rem;left:50%;margin-left:-1rem;-webkit-transition:all .1s ease-in;transition:all .1s ease-in;-webkit-transform-origin:50% 0;transform-origin:50% 0}.container .page3 .game3 .mouth .animationEle.turnLeft{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.container .page3 .game3 .mouth .animationEle.turnRight{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.container .page3 .game3 .loud-speaker{width:2rem;margin:2.5rem auto 0}.container .page3 .game3 .clickMe-btn{text-align:center;color:#fff;background-color:#42241c;-webkit-border-radius:3px;border-radius:3px;height:2.4rem;line-height:2.4rem;width:12rem;margin:1rem auto 0;font-size:.8rem}.handLeftRight{-webkit-animation-name:handLeftRight;animation-name:handLeftRight;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.handUpDown{-webkit-animation-name:handUpDown;animation-name:handUpDown;-webkit-animation-duration:.8s;animation-duration:.58;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes handLeftRight{0%{-webkit-transform:translateX(-12%);transform:translateX(-12%)}50%{-webkit-transform:translateX(12%);transform:translateX(12%)}120%{webkit-transform:translateX(-12%);transform:translateX(-12%)}}@keyframes handLeftRight{0%{-webkit-transform:translateX(-12%);transform:translateX(-12%)}50%{-webkit-transform:translateX(12%);transform:translateX(12%)}100%{webkit-transform:translateX(-12%);transform:translateX(-12%)}}@-webkit-keyframes handUpDown{0%{-webkit-transform:translateY(-12%);transform:translateY(-12%)}50%{-webkit-transform:translateY(12%);transform:translateY(12%)}120%{webkit-transform:translateY(-12%);transform:translateY(-12%)}}@keyframes handUpDown{0%{-webkit-transform:translateY(-12%);transform:translateY(-12%)}50%{-webkit-transform:translateY(12%);transform:translateY(12%)}100%{webkit-transform:translateY(-12%);transform:translateY(-12%)}}