/** 
 * -------------------------------------------------------------
 * Copyright (c) 2014 boyaa All rights reserved. 
 * http://html5.boyaa.com/ 
 * ------------------------------------------------------------- 
 */ 


@charset "utf-8";html{color:#333;-ms-touch-action:none;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:14px/1.5 "Helvetica neue",Helvetica,Tahoma,Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;display:block}audio,canvas,video{display:inline-block}img{border:0;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:100%}em,i{font-style:normal}ol,ul{list-style:none}button{cursor:pointer;border:0}a:link,a:visited{text-decoration:none;-webkit-tap-highlight-color:transparent}a:active,a:hover{text-decoration:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.fl{float:left}.fr{float:right}.cb{clear:both}body,html{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;background-color:#FFFFFB}.page{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;margin:auto;overflow:hidden;background-color:transparent}.page .page-ft{position:absolute;bottom:0;left:0;z-index:30;width:100%;height:60px;text-align:center}.page .page-ft .copyright{width:100%;line-height:60px;text-align:center;color:#BDC0BA}.page-game-ready .page-hd{text-align:center}.page-game-ready .page-hd .title{padding:32px 0;font-size:32px;text-shadow:0 1px 0 rgba(0,0,0,.15);color:#080808}.page-game-ready .page-hd .description{font-size:14px;color:#828282}.page-game-ready .page-bd{position:absolute;top:128px;left:0;right:0;bottom:60px;z-index:12;width:100%}.page-game-ready .page-bd .mod-btns{text-align:center;position:absolute;top:50%;left:50%;z-index:10;width:100%;height:60px;margin-top:-30px;margin-left:-50%}.page-game-ready .page-bd .mod-btns .btn{width:68.7%;height:60px;line-height:60px;text-align:center;font-size:24px;color:#FFF;cursor:pointer;background-color:#2EA9DF;border:0;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 6px 0 #2996c4;box-shadow:0 6px 0 #2996c4;text-shadow:1px 1px 0 rgba(0,0,0,.15)}.page-game-ready .page-bd .mod-btns .btn:nth-child(2){margin-top:16px}.page-game-in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.page-game-in .page-hd{position:absolute;top:0;left:0;z-index:30;width:100%;height:50px;line-height:50px}.page-game-in .page-hd .title{text-align:center;font-size:24px;text-shadow:0 1px 0 rgba(0,0,0,.15);color:#080808}.page-game-in .page-hd .item-meta{margin:0 5%;height:52px;line-height:52px}.page-game-in .page-hd .item-score{float:left}.page-game-in .page-hd .item-score .score{font-size:20px;font-weight:700;-webkit-transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;text-shadow:0 1px 0 rgba(0,0,0,.15)}.page-game-in .page-hd .item-score .pop{-webkit-transform:scale(1.2);transform:scale(1.2)}.page-game-in .page-hd .item-time{float:right}.page-game-in .page-hd .item-time .time{font-size:20px;font-weight:700}.page-game-in .page-bd{position:absolute;top:60px;left:0;right:0;bottom:60px;z-index:10}.page-game-in .couple-list{position:absolute;top:0;left:0;right:0;bottom:0;z-index:8;margin:auto;overflow:hidden}.page-game-in .couple-list.lv-2 ul{width:95%;height:95%;margin-top:5%;margin-left:5%}.page-game-in .couple-list.lv-2 li{margin-right:5%;margin-bottom:5%;width:45%;height:45%}.page-game-in .couple-list.lv-4 ul{margin-top:2.5%;margin-left:2.5%;width:97.5%;height:97.5%}.page-game-in .couple-list.lv-4 li{margin-right:2.5%;margin-bottom:2.5%;width:22.5%;height:22.5%}.page-game-in .couple-list.lv-6 ul{width:98.33%;height:98.33%;margin-top:1.67%;margin-left:1.67%}.page-game-in .couple-list.lv-6 li{margin-right:1.67%;margin-bottom:1.67%;width:15%;height:15%}.page-game-in .couple-list.lv-8 ul{width:98.75%;height:98.75%;margin-top:1.25%;margin-left:1.25%}.page-game-in .couple-list.lv-8 li{margin-right:1.25%;margin-bottom:1.25%;width:11.25%;height:11.25%}.page-game-in .couple-list li{position:relative;z-index:1;float:left}.page-game-in .couple-list .mask{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background-color:#F5F5F0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.page-game-in .couple-list .colors{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate3d(0,1,0,-180deg);transform:rotate3d(0,1,0,-180deg);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out}.page-game-in .couple-list .current .mask{-webkit-transform:rotate3d(0,1,0,-180deg);transform:rotate3d(0,1,0,-180deg)}.page-game-in .couple-list .current .colors{-webkit-transform:rotate3d(0,1,0,0deg);transform:rotate3d(0,1,0,0deg)}.page-game-over .page-hd{display:none}.page-game-over .page-bd{position:absolute;top:32px;left:0;right:0;bottom:60px;z-index:12;width:100%}.page-game-over .page-bd .logo{margin:0 auto;width:125px;height:50px;background:url(../img/logo.png) 0 0/125px 50px no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden}.page-game-over .page-bd .congratulations{margin:16px auto;width:75%;text-align:center;color:#828282;line-height:1.33}.page-game-over .page-bd .congratulations .item-score{padding:4px;font-size:16px;font-weight:700;color:#080808;text-shadow:0 1px 0 rgba(0,0,0,.15)}.page-game-over .page-bd .congratulations .percent,.page-game-over .page-bd .congratulations .score{padding:0 4px;color:#ff7800}.page-game-over .page-bd .mod-btns{text-align:center}.page-game-over .page-bd .mod-btns .btn{margin-bottom:12px;width:68.7%;height:60px;line-height:60px;text-align:center;font-size:24px;color:#FFF;cursor:pointer;background-color:#2EA9DF;border:0;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 6px 0 #2996c4;box-shadow:0 6px 0 #2996c4;text-shadow:1px 1px 0 rgba(0,0,0,.15)}.page-game-over .page-bd .mod-btns .btn.btn-more{display:inline-block}.page-game-over .mod-over{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;margin:auto}.page-time-out .text{position:absolute;top:50%;left:50%;z-index:100;margin-left:-50%;margin-top:-22px;width:100%;height:44px;line-height:44px;text-align:center;font-weight:700;font-size:40px;color:#080808;text-shadow:0 2px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.page-time-out .pop{-webkit-transform:scale(1.2);transform:scale(1.2)}.share-overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99;width:100%;height:100%;background-color:rgba(0,0,0,.6)}.share-overlay:after{content:"";display:block;position:absolute;top:0;right:20px;z-index:60;width:180px;height:150px;background:url(../img/share-tips.png) 0 0/180px 150px no-repeat}.logoD{height:100%;}