/*! copa-america-game - v1.0.0 - 2015-08-14 */
b,body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,i,img,li,ol,p,span,ul{margin:0;padding:0;border:0;outline:0;font-size:100%;list-style:none}body{font-family:"Helvetica Neue",Arial,"Hiragino Sans GB",STHeiti,"Microsoft Yahei","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:100%;background:#fff;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none}.cf:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}a{color:#666;text-decoration:none}.zoom{-webkit-transform-origin:50% 0}.preload{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#333;z-index:999;text-align:center}.preload-wrap{position:absolute;top:50%;left:50%;margin:-50px 0 0 -70px;width:140px;height:60px;background:url(../images/loading.gif) no-repeat center center;background-size:123px 47px;overflow:hidden}.slide{position:relative;overflow:hidden}.slide ul{width:100%;height:100%;z-index:1;overflow:hidden}.slide li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;overflow:hidden}.slide_ul>li:first-child{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slide_ul>li:not(:first-child){-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.page-normal{width:100%;height:100%;background-size:cover!important}.page1{background:url(../images/bg1.jpg) no-repeat center center #fff}.page2{background:url(../images/bg2.jpg) no-repeat center center #fff}.page3{background:url(../images/bg3.jpg) no-repeat center center #fff}.page4{background:url(../images/bg4.jpg) no-repeat center center #fff}.page5{background:url(../images/bg5.jpg) no-repeat center center #fff}.page6{background:url(../images/bg6.jpg) no-repeat center center #fff}.play.page-slide{z-index:50;opacity:1;-webkit-transform:translate3d(0,0,0)!important;-webkit-transition:-webkit-transform .6s .5s ease-out}.slide-point{position:absolute;bottom:5%;right:12px;margin:-50px 0 0 0;width:9px;text-align:center;font-size:0;z-index:90;display:none}.slide-point span{position:relative;margin:4px auto;width:6px;height:6px;border-radius:50%;display:block;z-index:100;background-color:rgba(255,255,255,.5)}.slide-point span.current{background-color:#00bbc7}.logo{position:absolute;top:15px;left:15px;z-index:60;width:168px;height:14px;background:url(../images/icon.png) no-repeat;background-size:167px 50px}.music-play,.music-stop{position:absolute;top:15px;right:15px;z-index:90;width:34px;height:34px;opacity:1}.music-stop{display:none;background:url(../images/music_icon.png) no-repeat -4px -40px;background-size:42px 77px}.music-play{background:url(../images/music_icon.png) no-repeat -4px -1px;background-size:42px 77px;-webkit-transform-origin:center center;-webkit-animation:music-rotate 6s linear infinite}@-webkit-keyframes music-rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(720deg)}}.pro-list{position:absolute;left:50%;bottom:4%}.play .pro-list{-webkit-animation:pro-move .6s .8s linear both}@-webkit-keyframes pro-move{0%{opacity:0;-webkit-transform:translate3d(-50%,30px,0)}100%{opacity:1;-webkit-transform:translate3d(-50%,0,0)}}.problem{display:block;color:#fff;font-size:18px;font-weight:700;white-space:nowrap}.answer{position:relative;display:block;margin-top:10px;padding-left:28px;width:257px;height:34px;color:#fff;font-size:18px;line-height:34px;background:rgba(0,0,0,.5);overflow:hidden;white-space:nowrap}.answer:after{content:'';position:absolute;top:0;left:0;border:1px solid rgba(0,155,161,.5);-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:left top}.answer:active{background:rgba(0,188,190,.5)}@media screen and (max-width:320px){.problem{display:block;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.answer{position:relative;display:block;margin-top:10px;padding-left:28px;width:257px;height:34px;color:#fff;font-size:14px;line-height:34px;background:rgba(0,0,0,.5);overflow:hidden;white-space:nowrap}}.a-answer:before{content:'';position:absolute;bottom:0;left:-7px;width:28px;height:27px;background:url(../images/icon.png) no-repeat 0 -17px;background-size:167px 50px}.b-answer:before{content:'';position:absolute;bottom:0;left:-7px;width:28px;height:27px;background:url(../images/icon.png) no-repeat -30px -15px;background-size:167px 50px}.c-answer:before{content:'';position:absolute;bottom:0;left:-7px;width:28px;height:27px;background:url(../images/icon.png) no-repeat -57px -15px;background-size:167px 50px}.result-page{position:absolute;top:0;left:0;z-index:70;width:100%;height:100%;background:url(../images/blur.jpg) no-repeat center center #fff;background-size:cover;-webkit-animation:result-opacity .3s linear both}@-webkit-keyframes result-opacity{0%{opacity:0}100%{opacity:1}}.result-wrap{position:absolute;top:50%;left:50%;display:block;width:320px;color:#fff;font-size:13px;text-align:center;-webkit-transform:translate3d(-50%,-232px,0)}.score{font-size:18px}.score span{font-size:69px}.win-percent{position:relative;display:inline-block;padding:0 8px;height:19px;line-height:19px;font-size:13px;border:none}.win-percent:after{content:'';position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.5);-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:left top;border-radius:19px}.honour-title{margin:16px auto 38px;display:block;height:26px;font-size:26px;font-weight:700}.down-bar{position:fixed;left:0;bottom:0;z-index:80;width:100%;height:46px;background-color:rgba(0,0,0,.5)}.film-name{margin:20px 0 0}.btn-wrap{position:absolute;top:50%;left:50%;width:320px;height:35px;-webkit-transform:translate3d(-50%,165px,0);transform:translate3d(-50%,165px,0)}.btn-wrap p{display:block;width:100%;height:100%;text-align:center;position:relative;color:#fff;font-size:18px;white-space:nowrap}.share-score{position:relative;display:inline-block;float:left;margin-left:10px;width:133px;height:35px;line-height:35px;background-color:rgba(68,88,127,.5)}.play-again{position:relative;display:inline-block;float:right;margin-right:10px;width:133px;height:35px;line-height:35px;background-color:rgba(68,88,127,.5)}.play-again2{position:relative;display:inline-block;left:50%;float:left;width:133px;height:35px;line-height:35px;background-color:rgba(68,88,127,.5);-webkit-transform:translate3d(-50%,0,0)}.play-again:after,.share-score:after{content:'';position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.5);-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:left top}.share-score-icon{display:inline-block;margin-right:5px;width:18px;height:17px;background:url(../images/icon.png) no-repeat -90px -15px;background-size:167px 50px}.play-again-icon{display:inline-block;margin-right:5px;width:18px;height:16px;background:url(../images/icon.png) no-repeat -114px -17px;background-size:167px 50px}@media screen and (max-width:320px){.share-score-icon{display:inline-block;margin-right:5px;width:18px;height:17px;background:url(../images/icon.png) no-repeat -90px -17px;background-size:167px 50px}.play-again-icon{display:inline-block;margin-right:5px;width:18px;height:16px;background:url(../images/icon.png) no-repeat -114px -19px;background-size:167px 50px}}.logo-text{margin:15px auto 0;width:232px;height:15px;background:url(../images/down_bar.png) no-repeat;background-size:232px 15px}.play .start-game{position:relative;margin:78px auto 0;width:182px;height:44px;border:none;background-color:rgba(0,155,161,.5)}.start-game:after{content:'';position:absolute;top:0;left:0;border:1px solid rgba(255,255,255,.5);-webkit-box-sizing:border-box;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;transform-origin:left top}.start-game p{width:100%;height:100%;color:#fff;font-size:18px;font-weight:700;text-align:center;line-height:44px}.pub-words{color:rgba(37,37,37,.7);font-size:15px;line-height:26px;text-align:center}.theme-wrap{position:absolute;top:50%;left:50%;opacity:0;text-align:center;-webkit-transform:translate3d(-50%,-155px,0)}.play .theme-wrap{-webkit-animation:theme-opacity .4s .4s linear both}.theme-text{margin-bottom:36px;width:286px;height:99px;opacity:1;background-size:cover}@-webkit-keyframes theme-1{0%{opacity:0;-webkit-transform:translate3d(0,-100px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}.play .theme-text >span:first-child{position:absolute;left:72px;top:0;display:block;width:38px;height:38px;opacity:0;background:url(../images/theme_text.png) no-repeat 3px 7px;background-size:227px 170px;-webkit-animation:theme-1 .6s 4.8s ease-out both}.play .theme-text >span:nth-child(2){position:absolute;left:102px;top:0;display:block;width:40px;height:38px;background:url(../images/theme_text.png) no-repeat -36px 7px;background-size:227px 170px;-webkit-animation:theme-1 .6s 5s ease-out both}.play .theme-text >span:nth-child(3){position:absolute;left:138px;top:0;display:block;width:38px;height:38px;background:url(../images/theme_text.png) no-repeat -82px 7px;background-size:227px 170px;-webkit-animation:theme-1 .8s 5s ease-out both}.play .theme-text >span:nth-child(4){position:absolute;left:173px;top:0;display:block;width:36px;height:38px;background:url(../images/theme_text.png) no-repeat -123px 7px;background-size:227px 170px;-webkit-animation:theme-1 .8s 4.9s ease-out both}.play .theme-text >span:nth-child(5){position:absolute;left:200px;top:0;display:block;width:40px;height:38px;background:url(../images/theme_text.png) no-repeat -159px 7px;background-size:227px 170px;-webkit-animation:theme-1 .8s 5s ease-out both}.play .theme-text >span:nth-child(6){position:absolute;left:6px;top:46px;display:block;width:44px;height:44px;background:url(../images/theme_text.png) no-repeat 2px -36px;background-size:227px 170px;-webkit-animation:theme-1 .7s 4.6s ease-out both}.play .theme-text >span:nth-child(7){position:absolute;left:131px;top:46px;display:block;width:110px;height:44px;background:url(../images/theme_text.png) no-repeat -51px -36px;background-size:227px 170px;-webkit-animation:theme-1 .4s 4.6s ease-out both}.play .theme-text >span:nth-child(8){position:absolute;left:106px;top:49px;display:block;width:116px;height:42px;background:url(../images/theme_text.png) no-repeat 5px -78px;background-size:227px 170px;-webkit-animation:theme-1 1s 4.4s ease-out both}.play .theme-text >span:nth-child(9){position:absolute;left:106px;top:49px;display:block;width:116px;height:28px;background:url(../images/theme_text.png) no-repeat -125px -91px;background-size:227px 170px;-webkit-animation:theme-1 .3s 4.8s ease-out both}.play .theme-text >span:nth-child(10){position:absolute;left:237px;top:46px;display:block;width:46px;height:42px;background:url(../images/theme_text.png) no-repeat -1px -121px;background-size:227px 170px;-webkit-animation:theme-1 .5s 5s ease-out both}.play .theme-text >span:nth-child(11){position:absolute;left:40px;top:46px;display:block;width:50px;height:42px;background:url(../images/theme_text.png) no-repeat -49px -121px;background-size:227px 170px;-webkit-animation:theme-1 .9s 4.6s ease-out both}.play .theme-text >span:nth-child(12){position:absolute;left:91px;top:46px;display:block;width:50px;height:43px;background:url(../images/theme_text.png) no-repeat -163px -121px;background-size:227px 170px;-webkit-animation:theme-1 .8s 5s ease-out both}.play .theme-text >span:nth-child(13){position:absolute;left:144px;top:47px;display:block;width:70px;height:43px;background:url(../images/theme_text.png) no-repeat -160px -37px;background-size:227px 170px;-webkit-animation:theme-1 .3s 4.5s ease-out both}.play .theme-text >span:nth-child(14){position:absolute;left:183px;top:46px;display:block;width:55px;height:43px;background:url(../images/theme_text.png) no-repeat -98px -115px;background-size:227px 170px;-webkit-animation:theme-1 .7s 4.6s ease-out both}.play .pub-words,.play .start-game{opacity:0;-webkit-animation:theme-opacity .6s 4.4s linear both}@-webkit-keyframes theme-opacity{0%{opacity:0}100%{opacity:1}}.play .shake-btn{opacity:1;-webkit-animation:start-shake 2s 1s linear infinite}.share-shake{-webkit-animation:start-shake2 2s .5s linear infinite}@-webkit-keyframes start-shake{0%,100%,48%{-webkit-transform:translateX(0)}24%,40%,8%{-webkit-transform:translateX(-10px)}16%,32%{-webkit-transform:translateX(10px)}}@-webkit-keyframes start-shake2{0%,100%,48%{-webkit-transform:translateX(0)}24%,40%,8%{-webkit-transform:translateX(-5px)}16%,32%{-webkit-transform:translateX(5px)}}.bg-change{position:relative;width:100%;height:100%}.play .bg-change-blur{position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;background:url(../images/bg0_blur.jpg) no-repeat center center;background-size:cover;-webkit-animation:theme-opacity .6s 4.4s linear both}.my-logo{position:absolute;left:0;top:0;width:100%;height:30px;background:url(../images/logo.png) no-repeat center center;background-size:cover}.bg-change dd{position:relative;float:left;width:33.33%;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:1}.i-1{background-image:url(../images/i_1.jpg)}.i-2{background-image:url(../images/i_2.jpg)}.i-3{background-image:url(../images/i_3.jpg)}.i-4{background-image:url(../images/i_4.jpg)}.i-5{background-image:url(../images/i_5.jpg)}.i-6{background-image:url(../images/i_6.jpg)}.i-7{background-image:url(../images/i_7.jpg)}.i-8{background-image:url(../images/i_8.jpg)}.i-9{background-image:url(../images/i_9.jpg)}.play .i-1{-webkit-animation:theme-opacity .6s .3s linear both}.play .i-2{-webkit-animation:theme-opacity .6s .6s linear both}.play .i-3{-webkit-animation:theme-opacity .6s .9s linear both}.play .i-4{-webkit-animation:theme-opacity .6s 2.4s linear both}.play .i-5{-webkit-animation:theme-opacity .6s 2.7s linear both}.play .i-6{-webkit-animation:theme-opacity .6s 1.2s linear both}.play .i-7{-webkit-animation:theme-opacity .6s 2.1s linear both}.play .i-8{-webkit-animation:theme-opacity .6s 1.8s linear both}.play .i-9{-webkit-animation:theme-opacity .6s 1.5s linear both}.weixin-tips{position:fixed;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:100%;z-index:999;background:rgba(0, 0, 0, .75)}.power{opacity:0;-webkit-transform:translate3d(0,110px,0);-webkit-animation:power-move 1.6s .8s linear both}.story{opacity:0;line-height:19px;-webkit-animation:result-opacity .6s 2.4s linear both}.honout-tips{opacity:0;line-height:21px;margin:20px 0;-webkit-animation:honout-tips-move 1s 1.6s linear both}@-webkit-keyframes honout-tips-move{0%{opacity:0;-webkit-transform:translate3d(0,60px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}@-webkit-keyframes power-move{0%{opacity:0;-webkit-transform:translate3d(0,110px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0)}}.landtips{display:none}@media screen and (orientation:landscape){.landtips{position:absolute;top:0;left:0;z-index:9999;width:100%;height:100%;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-size:15px;color:#fff;background:rgba(0,0,0,.9)}}
.weixin-tips img { width: 80%;float: right;}