#game_div{background-image:url("//res-cdn.24haowan.com/guess/assets/images/bg3.png");background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;height:100%;width:100%;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;background-position:center;background-repeat:no-repeat;background-size:cover}#game_div .qz_screen{height:2.34rem;width:3rem;margin:0 auto;background-position:center center;background-size:contain;background-repeat:no-repeat;position:relative;overflow:hidden}#game_div #qz_guide{display:none;height:100%;width:100%;position:absolute;z-index:999;background-image:url("//res-cdn.24haowan.com/guess/assets/images/guide.png");background-position:center center;background-size:cover;background-repeat:no-repeat}#game_div #know_btn{width:1.18rem;height:.42rem;background-image:url("//res-cdn.24haowan.com/guess/assets/images/btn.png");background-position:center center;background-size:contain;background-repeat:no-repeat;margin:5rem auto 0;font-size:14px;color:#fff;line-height:.42rem;text-align:center}#game_div .qz_content{height:1.84rem;width:2.66rem;border-radius:20px;margin:.18rem auto 0;background-position:center center;background-size:contain;background-repeat:no-repeat}#game_div .qz_answer_wrap{width:100%;height:.45rem;margin-top:.2rem;text-align:center;line-height:0}#game_div .qz_answer{display:inline-block;vertical-align:middle;width:.45rem;height:.45rem;line-height:.45rem;color:#fff;font-size:.3rem;margin-right:.05rem;background-position:center center;background-size:contain;background-repeat:no-repeat}#game_div .qz_board{width:3.75rem;height:1.7rem;position:absolute;bottom:.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.45rem .2rem 0;text-align:center;line-height:0}#game_div .qz_box{display:none;cursor:pointer;width:.38rem;height:.38rem;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:.04rem;margin-bottom:.1rem;background-position:center center;background-size:contain;background-repeat:no-repeat;line-height:.38rem;font-size:.26rem;text-align:center;color:#1f72bf;transform-origin:left center;-webkit-transform-origin:left center}#game_div .qz_box:nth-of-type(8n){margin-right:0}#game_div .qz_box_animation{animation:box .5s linear 0s;-webkit-animation:box .5s linear 0s}#game_div #qz_bar{height:.3rem;padding-top:.15rem;font-size:0;overflow:hidden;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-transition:-webkit-transform .5s ease-in-out;transform:translateX(0);-webkit-transform:translateX(0)}#game_div #qz_bar .qz_level{text-align:center;height:100%;width:3.75rem;float:left}#game_div .qz_timer{height:.15rem;padding:0 .3rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:.37rem}#game_div .qz_time{width:100%;height:100%;background-color:#fff;border-radius:.08rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.04rem}#game_div .qz_progress{display:block;width:100%;height:100%;border-radius:.08rem;background-color:#1f72bf;transition:width 12s linear;-webkit-transition:width 12s linear}#game_div .qz_circle{display:inline-block;width:.2rem;height:.2rem;border-radius:.2rem;line-height:.2rem;background-color:#fff;color:#fff;font-size:.15rem;margin-right:.1rem;text-align:center;position:relative}#game_div .qz_circle:after{content:"";width:.16rem;height:.03rem;background-color:#fff;display:block;position:absolute;left:.2rem;top:.09rem}#game_div .qz_circle:last-of-type:after{display:none}#game_div .qz_circle:first-of-type{background-color:#3f5a75}#game_div #qz_wrap{height:100%;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;-webkit-transition:-webkit-transform .5s ease-in-out;transform:translateX(0);-webkit-transform:translateX(0)}#game_div .qz_item{width:3.75rem;float:left;height:100%}#game_div .qz_animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#game_div #qz_mask{display:none;width:100%;height:100%;position:absolute;z-index:998}#game_div #qz_win{position:absolute;top:-1.2rem;left:50%;margin-left:-1.5rem;z-index:999;width:3rem;height:.8rem;background-image:url("//res-cdn.24haowan.com/guess/assets/images/levelup.png");background-position:center center;background-repeat:no-repeat;background-size:contain}#game_div #qz_timeout{position:absolute;top:-1.2rem;left:50%;margin-left:-1.5rem;z-index:999;width:3rem;height:.8rem;background-image:url("//res-cdn.24haowan.com/guess/assets/images/timeout.png");background-position:center center;background-repeat:no-repeat;background-size:contain}#game_div #qz_correct{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);z-index:999;width:1rem;height:1rem;background-image:url("//res-cdn.24haowan.com/guess/assets/images/yep.png");background-position:center center;background-repeat:no-repeat;background-size:contain}#game_div .qz_correctAnimation{animation:yep .8s linear 0s;-webkit-animation:yep .8s linear 0s}#game_div *{-webkit-box-sizing:content-box;box-sizing:content-box}@keyframes box{0%{transform:scale(0, 0);-webkit-transform:scale(0, 0)}70%{transform:scale(1.3, 1.3);-webkit-transform:scale(1.3, 1.3)}100%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}}@-webkit-keyframes box{0%{transform:scale(0, 0);-webkit-transform:scale(0, 0)}70%{transform:scale(1.3, 1.3);-webkit-transform:scale(1.3, 1.3)}100%{transform:scale(1, 1);-webkit-transform:scale(1, 1)}}@keyframes yep{0%{transform:translate(-50%, -50%) scale(1, 1);-webkit-transform:translate(-50%, -50%) scale(1, 1)}50%{transform:translate(-50%, -50%) scale(2, 2);-webkit-transform:translate(-50%, -50%) scale(2, 2)}100%{transform:translate(-50%, -50%) scale(1, 1);-webkit-transform:translate(-50%, -50%) scale(1, 1)}}@-webkit-keyframes yep{0%{transform:translate(-50%, -50%) scale(1, 1);-webkit-transform:translate(-50%, -50%) scale(1, 1)}50%{transform:translate(-50%, -50%) scale(2, 2);-webkit-transform:translate(-50%, -50%) scale(2, 2)}100%{transform:translate(-50%, -50%) scale(1, 1);-webkit-transform:translate(-50%, -50%) scale(1, 1)}}
