.achv-list{padding-bottom:30px}.achv-list .achv-total-stars{margin:10px 0 5px;font-size:24px}.achv-item{position:relative;height:84px;margin:10px 25px;box-sizing:border-box;text-align:left;font-size:18px;text-shadow:0 2px rgba(0,0,0,.5);border:solid 2px #46004a;border-radius:6px;background-color:#c344e9;box-shadow:0 2px rgba(0,0,0,.5)}.achv-item:before{content:'';position:absolute;top:3px;left:3px;right:3px;height:74px;box-shadow:inset 0 45px #a530d1,inset 0 -35px #9f27c9}.achv-item>div{position:relative;z-index:1;margin-top:10px;margin-left:14px}.achv-item>div>*{display:inline-block;vertical-align:middle}.achv-item .achv-stars{margin-bottom:5px}.achv-item .achv-star{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -622px;overflow:hidden;width:36px;height:33px;display:inline-block;margin:0}.achv-item .achv-star.star-got{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-366px -412px}.achv-item .achv-action{float:right;margin:2px 14px 0 0}.achv-item .achv-action .btn-collect{color:#df561c;text-shadow:none}.achv-item .achv-action .icon-diamond,.achv-item .achv-action .icon-coin{vertical-align:bottom}.achv-item .achv-action .progress{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-183px -478px;width:132px;height:32px;color:#df561c}.achv-item .achv-action .progress .progress-fg{background:#feed71;height:20px}.achv-item .achv-action .progress .progress-text{line-height:32px}.achv-item .achv-action .achv-award{margin-top:5px;text-align:center}.achv-item .achv-action .achv-maxed{margin:13px 30px 0 0;font-size:24px}.depot-wrapper{text-align:left;padding:10px 20px}.depot-wrapper .depot-empty{margin-top:100px;text-align:center;font-size:30px;line-height:40px;color:#ccc}.depot-item{width:195px;height:135px;position:relative;box-sizing:border-box;display:inline-block;margin:7px 12px;text-align:left;vertical-align:top}.depot-item .foster-info{margin:-10px 0;color:#6a4638;font-size:18px;height:42px}.depot-item .foster-info .avatar{display:inline-block;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top left;transform-origin:top left;margin:-8px -42px 0 0}.depot-item .foster-info .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:top;margin-top:5px;width:122px}.depot-item .animal-img{width:95px;height:95px;position:relative;margin:0 auto}.depot-item .animal-count{display:inline-block;position:absolute;bottom:3px;left:5px;width:75px;line-height:16px;text-align:center}.egg-info-vertical{position:absolute;overflow:visible;right:35px;bottom:20px;width:0;height:0}.egg-info-vertical .egg-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-410px -412px;width:25px;height:30px;-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));position:absolute;top:-20px;left:-1px}.egg-info-vertical .egg-img.ready{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-260px -412px;width:53px;height:62px;-webkit-transform:none;transform:none;top:-55px;left:-25px}.egg-info-vertical .progress{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-364px -590px;overflow:hidden;width:85px;height:24px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left}.egg-info-vertical .progress .progress-fg{border-radius:8px;margin:4px 0 0 4px;width:88px;height:16px}.egg-info-vertical .progress .progress-text{font-size:14px;line-height:24px}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fade-in-down{-webkit-animation:fadeInDown .5s;animation:fadeInDown .5s}.animal-detail{width:400px;padding:20px 15px;text-shadow:0 2px rgba(0,0,0,.7)}.animal-detail .title{width:480px;margin:0 0 20px -55px;text-align:left}.animal-detail .title .btn-visit{width:110px}.animal-detail .title-bg{position:relative;display:inline-block;width:310px;height:44px;line-height:40px;color:#735f3a;border:solid 2px #6b5530;font-size:20px;text-align:left;text-shadow:none;margin-right:15px;padding-left:25px;box-sizing:border-box;background-color:#f0dcb8;border-radius:0 10px 10px 0}.animal-detail .title-bg .avatar{margin:-25px -12px 0;-webkit-transform:scale(.7);transform:scale(.7);vertical-align:top}.animal-detail .title-bg>span{display:inline-block;vertical-align:middle}.animal-detail .title-bg .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:160px;color:#6a4638;margin:0 5px}.animal-detail .animal-img{position:relative;display:inline-block;width:170px;height:160px;padding-right:20px}.animal-detail .animal-img>div{-webkit-filter:drop-shadow(0 1px 0 rgba(0,0,0,.5));filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}.animal-detail .animal-info{font-size:20px;line-height:32px;text-align:left;display:inline-block;width:170px}.animal-detail .animal-info>*{margin-bottom:10px}.animal-detail .animal-info h3{font-size:36px;line-height:50px;margin:0;text-shadow:0 3px 0 #000}.animal-detail .animal-info .coin-text{font-weight:700;color:#fffca1}.animal-detail .animal-info .icon-coin{width:24px;height:24px;background:url(/zoo/image/main/icon-coin.png) no-repeat;background-size:24px 24px;display:inline-block;vertical-align:text-bottom;margin:0 10px 0 5px}.animal-detail .animal-info .sleep-progress{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-300px -313px;overflow:hidden;width:131px;height:27px;text-align:center;font-size:17px;line-height:27px}.animal-detail .animal-info .sleep-progress>.awake-time{position:relative;text-shadow:none}.animal-detail .animal-info .sleep-progress-fg{position:absolute;margin:5px 0 0 5px;border-radius:4px;width:110px;height:17px;background:#5ab3c0}.animal-detail .tip{width:348px;height:36px;font-size:16px;background-color:rgba(0,0,0,.4);padding:10px 11px;border-radius:5px}.animal-detail .egg-info{font-size:18px;margin:0 3px 10px;border-radius:5px;background-color:rgba(0,0,0,.4);padding:10px 10px 6px}.animal-detail .egg-info>div{display:inline-block;text-align:left}.animal-detail .egg-info .btn-egg-action{width:120px;vertical-align:bottom;margin-left:25px;text-align:center}.animal-detail .progress{margin-top:4px}.animal-detail .progress::before{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-410px -412px;overflow:hidden;width:25px;height:30px;content:'';display:block;position:absolute;z-index:1;top:-4px;left:-5px}.animal-detail .btn-left{margin-right:20px}.animal-detail .btn-kick{margin-top:15px;margin-right:30px}.animal-detail .btn-close{margin-top:15px}.animal-detail .animal-info-board,.animal-detail .btn-left,.animal-detail .btn-super,.animal-detail .btn-rescue-now{vertical-align:middle;box-sizing:border-box;width:160px;margin-top:10px;margin-bottom:20px}.animal-detail .animal-info-board.disabled::after,.animal-detail .btn-left.disabled::after,.animal-detail .btn-super.disabled::after,.animal-detail .btn-rescue-now.disabled::after{margin-top:-32px}.animal-level-wrapper{margin:7px auto 20px;padding:35px 0 10px;border-radius:5px;background-color:rgba(0,0,0,.5)}.animal-level-wrapper .animal-level{font-size:0;height:25px}.animal-level-wrapper .animal-level>span{position:relative;display:inline-block;box-shadow:0 2px rgba(0,0,0,.5)}.animal-level-wrapper .animal-level>span::before,.animal-level-wrapper .animal-level>span:last-child::after{position:absolute;display:block;top:-24px;font-size:20px;font-weight:700}.animal-level-wrapper .animal-level>span::before{content:attr(data-level);left:-3px}.animal-level-wrapper .animal-level>span.animal-level-mature::before{left:-20px}.animal-level-wrapper .animal-level>span:last-child::after{content:'S';right:-8px}.animal-level-wrapper .animal-level>span:nth-child(1){background-color:#f4401e}.animal-level-wrapper .animal-level>span:nth-child(2){background-color:#fdbd2d}.animal-level-wrapper .animal-level>span:nth-child(3){background-color:#70f600}.animal-level-wrapper .animal-level>span:nth-child(4){background-color:#2cf8f3}.animal-level-wrapper .animal-level>span:nth-child(5){background-color:#ca6cfc}.animal-level-wrapper .animal-level>span>span{display:inline-block;width:10px;height:12px;margin-left:-1px;border:solid 2px #fff}.animal-level-wrapper .animal-level>span>span.blank{background-color:#000}.animal-level-wrapper .animal-level.beast-level>span>span{width:24px}.disco-start-dlg{color:#654c1f;font-size:20px}.disco-start-dlg .uiboard-sm{padding:20px}.disco-start-dlg .uiboard-sm h2{margin-top:0}.disco-start-dlg .disco-btns{margin-top:20px}.disco-start-dlg .disco-sel-btn{display:block;margin:10px auto;width:230px}.disco-start-dlg .btn-red{margin-top:20px}.message-dialog{width:420px}.message-dialog .btn-red{margin-top:10px}.message-dialog .nomessage{font-size:36px;margin-top:60px;color:#ccc}.message-list{padding:15px 17px 22px;border-radius:20px;border-top:solid 4px #d9962f;border-bottom:solid 4px #714410;background:#bf8227;box-sizing:border-box}.message-list .msglist-title{position:relative;width:185px;height:52px;border-radius:25px;border-top:solid 3px #ffdfa9;border-bottom:solid 3px #7b5012;margin:0 auto 8px;text-align:center;color:#995916;background:#f4c06d;font-size:24px;line-height:51px}.message-list .msglist-title:before,.message-list .msglist-title:after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-734px -469px;overflow:hidden;width:20px;height:20px;content:'';position:absolute;top:15px}.message-list .msglist-title:before{left:7px}.message-list .msglist-title:after{right:7px}.message-list .messages{overflow:hidden;position:relative;box-sizing:border-box;padding:4px;border:solid 2px #8c5100;border-radius:20px;box-shadow:inset 0 -4px #ceae70;background:#fff8ea}.message-list .messages:after{position:absolute;left:0;bottom:-1px;content:'';width:100%;height:40px;background:#fff8ea;background:-webkit-linear-gradient(top,rgba(255,248,234,0),#fff8ea);background:linear-gradient(to bottom,rgba(255,248,234,0),#fff8ea);background-clip:border-box;border-radius:0 0 20px 20px}.message-list .msglist-scroll-wrapper{margin:5px 0;padding-bottom:20px}.msgitem{text-align:left;position:relative;display:block;padding:8px 12px;font-size:16px;line-height:1.2}.msgitem::after{content:'';display:block;position:absolute;left:3%;top:-1px;width:94%;height:1px;background:#c6af79}.msgitem:first-child::after{display:none}.msgitem>*{display:inline-block;vertical-align:top}.msgitem .avatar{zoom:.75;display:inline-block;margin:-5px 10px 0 0;box-shadow:0 2px rgba(0,0,0,.5);vertical-align:middle}.msgitem .msgitem-content{width:270px;vertical-align:middle}.msgitem .msgitem-content .msgitem-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;vertical-align:bottom;max-width:150px;color:#6e3100;font-size:18px}.msgitem .msgitem-content .msgitem-time{color:#979797;font-size:16px;float:right;margin-right:50px}.msgitem .msgitem-text{font-size:16px;color:#846e5d;margin-top:5px}.msgitem .msgitem-text em{font-weight:700;font-style:normal}.msgitem .btn-visit{zoom:.5;width:110px;font-size:32px;position:absolute;top:10px;right:12px;color:#fff;vertical-align:top}.msgitem .btn-visit:active{margin-top:1px}.animal-sel-dlg .board-scroll-wrapper{margin:0 auto;font-size:0}.animal-sel-dlg .uiboard{text-align:center;background-color:#7d7555;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAElBMVEUAAAAAAACmnnyPh2l9dVVWSR4nEOhoAAAAAnRSTlMAsyT7Lw4AAACfSURBVHjazdVBDoQgEERRS5r7X9nOJNpINROKhfrXDwwqsLXVtFYonO1O0QidV7I0og54aRrwkxK/ynmhiFdvgns3XoZ1nGZm7q3w/A2aJdz78dMSj4L3U9tV/4AneGDmUcqt60VuSSL/5FL1z/SpX0zeHurmA+a3NiBy8VjSDz0AM9wZcY9scOU6WL9s4P27yuAt81hxVlCFc+DISvwAOTwWlUsboqMAAAAASUVORK5CYII=);padding:0 8px}.animal-sel-dlg .uiboard>div{text-align:left}.animal-sel-dlg .uiboard h2{font-size:24px;text-align:center;margin:5px auto 15px;text-shadow:0 2px rgba(0,0,0,.5)}.animal-sel-dlg .bottom{height:70px;margin-top:10px}.animal-sel-dlg .bottom .btn-red{margin:0 auto}.animal-sel-dlg .animal-sel-item{width:150px;height:122px;box-sizing:border-box;position:relative;display:inline-block;margin:5px 10px;overflow:visible}.animal-sel-dlg .animal-sel-item:active{top:2px}.animal-sel-dlg .animal-sel-item .animal-count{display:inline-block;position:absolute;font-size:16px;bottom:3px;left:4px;box-sizing:border-box;height:24px;width:90px;line-height:16px;text-align:center}.spin-dialog .spin-wrapper{position:relative}.spin-dialog .spin-wheel{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-4px -4px;overflow:hidden;width:400px;height:400px;border-radius:100%;-webkit-transition:-webkit-transform 5s cubic-bezier(.32,-.2,.51,1.1);transition:transform 5s cubic-bezier(.32,-.2,.51,1.1)}.spin-dialog .spin-pointer{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -195px;overflow:hidden;width:130px;height:157px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.spin-dialog .egg-owner-info{font-size:18px;margin-top:-20px;margin-bottom:20px}.spin-dialog .egg-owner-info>div{display:inline-block;vertical-align:top}.spin-dialog .egg-owner-info .avatar{-webkit-transform:scale(.7);transform:scale(.7);-webkit-transform-origin:top left;transform-origin:top left}.spin-dialog .egg-owner-info .owner-tip{text-align:left;margin:8px 0 0 -10px}.spin-result-fail{position:absolute;width:100%;height:100%;left:0;top:0;font-size:20px;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s;z-index:2000}.spin-result-fail>div{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.spin-result-fail.show{visibility:visible;opacity:1}.spin-result-fail .spin-egg-image{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-260px -412px;overflow:hidden;width:53px;height:62px;margin:10px auto}.spin-result-fail .spin-try-again{color:red;font-size:24px;font-weight:700}.spin-result-fail .btn-back{width:170px;margin:20px 0}.confirm-dialog{color:#684235}.confirm-dialog.uiboard-sm{padding:10px 15px 25px;overflow:visible}.confirm-dialog .icon-disco{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -319px;overflow:hidden;width:88px;height:68px;display:inline-block;vertical-align:middle;margin:-6px -5px 0 0}.confirm-dialog .confirm-icon{display:inline-block;-webkit-transform:scale(1.5);transform:scale(1.5);margin:0 15px 0 -10px}.confirm-dialog .confirm-icon.diamond{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -195px;overflow:hidden;width:38px;height:34px}.confirm-dialog .confirm-icon.coin{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -237px;overflow:hidden;width:31px;height:33px}.confirm-dialog .confirm-title{font-size:28px;margin:20px}.confirm-dialog .confirm-message{font-size:24px;margin:30px 20px 40px}.confirm-dialog .confirm-message .icon-coin,.confirm-dialog .confirm-message .icon-diamond{vertical-align:text-top;zoom:1.4;margin:0 3px}.confirm-dialog .confirm-message .right-text{display:inline-block;line-height:30px}.confirm-dialog .btn{width:150px;vertical-align:top}.confirm-dialog .confirm-btn-cancel{margin-right:15px}.offline-coins-dialog{overflow:visible!important}.offline-coins-dialog .avatar{position:absolute;top:-30px;left:10px}.offline-coins-dialog h2{margin:10px 0 20px 50px;font-size:28px;color:#947031}.offline-coins-dialog .round-section-brown{margin:30px 10px 25px;padding:10px 20px 5px;font-size:24px}.offline-coins-dialog .round-section-brown>span{font-weight:700;font-size:42px;color:#f8e502;text-shadow:0 2px rgba(0,0,0,.5)}.offline-coins-dialog .round-section-brown .icon-coin-offline{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -237px;overflow:hidden;width:31px;height:33px;display:inline-block;vertical-align:top;margin:12px 0 0 15px;-webkit-transform:scale(1.5);transform:scale(1.5)}.offline-coins-dialog .btn{width:180px}.animal-maxed-dialog,.upgrade-dialog,.task-dialog{color:#684235}.animal-maxed-dialog.uiboard-sm,.upgrade-dialog.uiboard-sm,.task-dialog.uiboard-sm{padding-left:20px;padding-right:20px}.animal-maxed-dialog h2,.upgrade-dialog h2,.task-dialog h2{margin-top:15px;font-size:28px}.animal-maxed-dialog p,.upgrade-dialog p,.task-dialog p{font-size:20px;line-height:26px}.animal-maxed-dialog p .icon-diamond,.upgrade-dialog p .icon-diamond,.task-dialog p .icon-diamond{margin-left:2px;vertical-align:text-top}.animal-maxed-dialog .upgrade-reward,.upgrade-dialog .upgrade-reward,.task-dialog .upgrade-reward{width:300px;margin:0 auto;padding-top:5px;color:#fff}.animal-maxed-dialog .upgrade-reward .icon-diamond2,.upgrade-dialog .upgrade-reward .icon-diamond2,.task-dialog .upgrade-reward .icon-diamond2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -195px;overflow:hidden;width:38px;height:34px;vertical-align:text-bottom;display:inline-block}.animal-maxed-dialog .upgrade-reward .icon-disco,.upgrade-dialog .upgrade-reward .icon-disco,.task-dialog .upgrade-reward .icon-disco{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -319px;overflow:hidden;width:88px;height:68px;-webkit-transform:scale(.7);transform:scale(.7);vertical-align:middle;display:inline-block;margin:-8px -24px -10px -10px}.animal-maxed-dialog .statue-list,.upgrade-dialog .statue-list,.task-dialog .statue-list{margin:20px auto;width:360px;box-sizing:border-box;color:#fff}.animal-maxed-dialog .statue-list .statue-item,.upgrade-dialog .statue-list .statue-item,.task-dialog .statue-list .statue-item{margin:10px 7px;width:70px;display:inline-block;text-align:center;font-size:16px}.animal-maxed-dialog .statue-list .statue-img,.upgrade-dialog .statue-list .statue-img,.task-dialog .statue-list .statue-img{display:inline-block;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transform-origin:top center;transform-origin:top center}.animal-maxed-dialog .statue-list .statue-text,.upgrade-dialog .statue-list .statue-text,.task-dialog .statue-list .statue-text{margin-top:5px}.animal-maxed-dialog .btn,.upgrade-dialog .btn,.task-dialog .btn{margin:15px 0 5px;width:150px}.statue-got-dialog{color:#684235;font-size:20px;line-height:26px}.statue-got-dialog h2{margin-top:15px;font-size:28px}.statue-got-dialog .statue-icon-diamond{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -195px;overflow:hidden;width:38px;height:34px;display:inline-block;vertical-align:bottom}.statue-got-dialog .statue-img-wrapper{margin:30px 0}.statue-got-dialog .statue-img{margin:0 auto;-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:top center;transform-origin:top center}.statue-got-dialog .statue-diamond{margin:15px 0}.statue-got-dialog .statue-disco>div{display:inline-block;vertical-align:middle}.statue-got-dialog .statue-disco .icon-disco{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -319px;overflow:hidden;width:88px;height:68px;margin-right:-5px}.statue-got-dialog .statue-next{margin:20px 0 10px;font-size:18px}.statue-got-dialog .btn{margin:15px 0 5px;width:150px}.task-dialog{padding:5px 25px 10px;overflow:visible!important}.task-dialog .task-icon{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -142px;overflow:hidden;width:59px;height:74px;position:absolute;left:8px;top:-20px}.task-dialog .target{font-size:18px;margin:5px 0}.task-dialog .label{font-size:20px;font-weight:700;text-align:left;margin:20px 0 10px}.task-dialog .progress{margin:0 auto;color:#ff3600}.task-dialog .progress .progress-fg{background-color:#ffec5c}.task-dialog .round-section-brown{color:#e8e8e8;font-size:18px;padding:5px 10px;margin:20px 0 10px}.task-dialog .round-section-brown>span{text-align:left;max-width:235px;display:inline-block;vertical-align:top}.task-dialog .round-section-brown>span:first-child{color:#ffc107}.animal-locked-dialog{color:#684235;font-size:20px}.animal-locked-dialog .animal-img{position:relative;margin:15px auto}.animal-locked-dialog .btn{vertical-align:top}.animal-locked-dialog .btn-red{margin-right:10px}.animal-locked-dialog .btn-purple,.animal-locked-dialog .btn-green{width:160px}.nomoney-dialog p{margin:10px auto}.nomoney-dialog .giftbox{position:relative;margin:30px -8px 15px;padding:20px 5px 15px;background:#d9b478;border-radius:15px}.nomoney-dialog .giftbox.box{margin:50px -8px 15px;padding:40px 5px 15px}.nomoney-dialog .giftbox.box:after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -478px;overflow:hidden;width:171px;height:46px;content:'超值礼包';position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:36px;color:#fff;text-shadow:0 2px 1px #b82025}.nomoney-dialog .giftbox>div{display:inline-block;vertical-align:middle}.nomoney-dialog .giftbox .right-text>:first-child{display:inline-block;min-width:120px;color:#fff;background:rgba(0,0,0,.5);border-radius:10px;padding:5px 7px 5px 2px}.nomoney-dialog .giftbox .btn{display:block;width:160px;margin:7px 0 0 8px;-webkit-transform:scale(.85);transform:scale(.85)}.nomoney-dialog .giftbox-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -109px;width:136px;height:100px;margin-right:10px;-webkit-filter:drop-shadow(0 0 2px #000);filter:drop-shadow(0 0 2px #000)}.nomoney-dialog .giftbox-img.coin-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -4px;width:144px;height:97px}.nomoney-dialog .giftbox-img.diamond-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -217px;width:142px;height:94px}.contest-info-dialog,.contest-res-dialog{font-size:18px;color:#684235}.contest-info-dialog h2,.contest-res-dialog h2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -478px;overflow:hidden;width:171px;height:46px;color:#fff;text-shadow:0 2px 1px #b82025;font-size:24px;line-height:36px;text-align:center;margin:-35px auto 15px}.contest-info-dialog p,.contest-res-dialog p{margin:20px 0 25px}.contest-info-dialog .contest-title,.contest-res-dialog .contest-title{width:120px;color:#5f3120;margin:-16px auto 10px!important;text-align:center!important;border:solid 2px #871a00;border-radius:10px;box-shadow:0 2px rgba(0,0,0,.3);background:#fff3dd;font-size:20px;font-weight:700;line-height:24px}.contest-info-dialog .contest-target,.contest-res-dialog .contest-target{background:#d7b77b;border-radius:10px;margin:5px auto 25px;display:inline-block;width:275px;border-top:solid 3px #836028;border-bottom:solid 3px #fff3dd}.contest-info-dialog .contest-target .contest-target-item,.contest-res-dialog .contest-target .contest-target-item{display:inline-block;vertical-align:middle}.contest-info-dialog .contest-awards,.contest-res-dialog .contest-awards{background:#d7b77b;border-radius:10px;margin:0 auto;padding:3px 30px 2px;display:inline-block;border-top:solid 3px #836028;border-bottom:solid 3px #fff3dd}.contest-info-dialog .contest-awards>div,.contest-res-dialog .contest-awards>div{margin:10px auto;text-align:left;font-size:20px}.contest-info-dialog .contest-awards>div>*,.contest-res-dialog .contest-awards>div>*{display:inline-block;vertical-align:middle}.contest-info-dialog .contest-awards>div>:first-child,.contest-res-dialog .contest-awards>div>:first-child{width:110px;margin-right:20px;text-align:center;font-weight:700}.contest-info-dialog .contest-awards>div .contest-rank-no,.contest-res-dialog .contest-awards>div .contest-rank-no{display:inline-block;width:60px}.contest-info-dialog .contest-awards .contest-award-beast>*,.contest-res-dialog .contest-awards .contest-award-beast>*{display:inline-block;vertical-align:middle}.contest-info-dialog .contest-awards .contest-award-beast>:first-child,.contest-res-dialog .contest-awards .contest-award-beast>:first-child{margin:-13px -5px -13px -15px}.contest-info-dialog .btn,.contest-res-dialog .btn{margin-top:20px;vertical-align:middle}.contest-info-dialog .btn.btn-close,.contest-res-dialog .btn.btn-close{width:140px}.contest-info-dialog .btn.btn-rank,.contest-res-dialog .btn.btn-rank{width:150px;margin-right:5px;font-size:22px}.contest-info-dialog .btn.btn-join-contest,.contest-res-dialog .btn.btn-join-contest{width:170px}.contest-res-rank{margin:30px 10px 15px;left:-5px;border-radius:10px;background-color:rgba(0,0,0,.48);padding:1px;border-top:solid 3px #545454;border-bottom:solid 3px #a5a5a5}.contest-res-rank .contest-title{margin-bottom:5px!important}.contest-res-rank.self{margin:40px 10px;background-color:#ae905f;border-top:solid 3px #715c3c;border-bottom:solid 3px #d6b174}.contest-res-rank.self .avatar{border-color:gold}.contest-res-rank .contest-res-tip{color:#ac343e;font-size:16px;margin:-4px 0 4px}.contest-res-rankitem{display:inline-block;margin:10px;text-align:left;font-weight:400;font-size:16px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.contest-res-rankitem>*{display:inline-block;vertical-align:middle}.contest-res-rankitem .avatar{zoom:.68;overflow:visible;margin-right:10px}.contest-res-rankitem .contest-res-rankno{font-size:22px;font-weight:700;margin-right:5px;min-width:60px}.contest-res-rankitem .contest-res-right{text-align:center}.contest-res-rankitem .contest-res-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:90px;margin-top:3px;height:28px;font-size:18px;color:#fff}.contest-res-rankitem .contest-res-award{position:relative;box-sizing:border-box;width:70px;height:56px;text-align:center;padding-top:4px}.contest-res-rankitem .contest-res-award .icon-diamond{width:33px;height:30px;background-size:33px 30px}.game-info{position:absolute;z-index:2;height:48px;color:#eefae8;margin:8px 0 0 10px;text-align:left;font-size:18px}.game-info>div{display:inline-block;vertical-align:bottom}.game-info .game-back-btn{margin-right:10px;width:120px}.game-info .game-steps{margin-right:10px;line-height:32px;font-size:24px;font-family:Arial,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.5)}.game-info .game-steps>span{font-weight:700}.game-targets{position:relative;z-index:1;margin-top:90px;height:122px}.game-target{display:inline-block;position:relative;width:107px;margin:0 1px;border:solid 3px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.3);text-shadow:0 1px 0 #2b665e;vertical-align:top;top:-140px;font-weight:700;opacity:0;-webkit-transition:top .2s,opacity .2s;transition:top .2s,opacity .2s}.game-target:nth-child(1){-webkit-transition-delay:.05s;transition-delay:.05s}.game-target:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.game-target:nth-child(3){-webkit-transition-delay:.15s;transition-delay:.15s}.game-target:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.game-target.slide-out{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideOutUp;animation-name:slideOutUp;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-perspective:400px;perspective:400px}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-105%,0);transform:translate3d(0,-105%,0);overflow:hidden;visibility:hidden;width:106px}to{-webkit-transform:translate3d(0,-105%,0);transform:translate3d(0,-105%,0);overflow:hidden;visibility:hidden;width:0}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}50%{-webkit-transform:translate3d(0,-105%,0);transform:translate3d(0,-105%,0);overflow:hidden;visibility:hidden;width:106px}to{-webkit-transform:translate3d(0,-105%,0);transform:translate3d(0,-105%,0);overflow:hidden;visibility:hidden;width:0}}.game-target:active{margin-top:2px}.game-target>.animal-img{position:relative;height:55px}.game-target>.animal-img>div{position:absolute;bottom:0}.game-target>.animal-name{font-size:18px;display:inline-block}.game-target>.animal-info.grade1{color:#a3fea0}.game-target>.animal-info.grade1 .animal-grade::after{content:'\666e\901a'}.game-target>.animal-info.grade2{color:#a0d3ff}.game-target>.animal-info.grade2 .animal-grade::after{content:'\7a00\6709'}.game-target>.animal-info.grade3{color:#ffbef8}.game-target>.animal-info.grade3 .animal-grade::after{content:'\795e\79d8'}.game-target>.animal-info .animal-count{margin-top:-18px;opacity:0}.game-target>.animal-info .animal-grade,.game-target>.animal-info .animal-count{line-height:18px;-webkit-transition:opacity .5s;transition:opacity .5s}.game-target>.animal-info .animal-grade.fade-in,.game-target>.animal-info .animal-count.fade-in{opacity:1}.game-target>.animal-info .animal-grade.fade-out,.game-target>.animal-info .animal-count.fade-out{opacity:0}.game-target>.animal-dots{margin-top:2px}.game-target>.animal-dots>div{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-737px -338px;overflow:hidden;width:21px;height:23px;display:inline-block;margin:0 1px}.game-target>.animal-dots>div.highlighted{background-position:-732px -403px}.game-target.target-diamond>div:first-child{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);line-height:30px}.game-target.target-diamond>div:first-child .target-diamond-img{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -497px;overflow:hidden;width:55px;height:50px}.game-target.target-diamond .animal-dots{margin-top:96px}.game-target-coins{position:absolute;top:0;left:0;right:0;margin-top:20px;visibility:hidden;opacity:0;font-size:28px;-webkit-transition:opacity .5s;transition:opacity .5s;text-shadow:0 2px rgba(0,0,0,.5)}.game-target-coins>div{opacity:0}.game-target-coins.has-step>div{opacity:1}.game-target-coins.show{visibility:visible;opacity:1}.region-type-1.game-container{background-color:#50691c}.region-type-1 .game-target{background-color:#91b448;border-color:#37540f}.region-type-1 .game-board{background-color:#3c5015}.region-type-1 .game-board td{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -184px}.region-type-1 .game-board td.showed{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -364px}.region-type-2.game-container{background-color:#87693b}.region-type-2 .game-target{background-color:#d4a96a;border-color:#914324}.region-type-2 .game-board{background-color:#493e2a}.region-type-2 .game-board td{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -4px}.region-type-2 .game-board td.showed{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-94px -532px}.region-type-3.game-container{background-color:#367777}.region-type-3 .game-target{background-color:#65d1d1;border-color:#1aa2a2}.region-type-3 .game-board{background-color:#1f4e4e}.region-type-3 .game-board td{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -94px}.region-type-3 .game-board td.showed{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-184px -532px}.region-type-1 .game-board{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAKElEQVR4AWMwC2UlGw0GzfKGTESiwanZJpAfKxp6mkc1D/XkOUQLAwB8ccQJ39q9FQAAAABJRU5ErkJggg==)}.region-type-2 .game-board{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAKElEQVR4AWNI9VchGw0GzVY6QkSiwanZ004TKxp6mkc1D/XkOUQLAwDn+hYQi77NfAAAAABJRU5ErkJggg==)}.region-type-3 .game-board{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAKElEQVR4AWOQSEklGw0GzfxmZkSiwalZ1s8PKxp6mkc1D/XkOUQLAwBeTCEItohgOQAAAABJRU5ErkJggg==)}.game-board-wrapper{position:absolute;top:200px;left:0;bottom:0;right:0}.game-board{opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s;position:absolute;top:50%;margin:-206px 0 0 29px;border-width:6px;-webkit-border-image:6 6 6 6 stretch;border-image:6 6 6 6 stretch}.game-grid{position:relative;opacity:0;-webkit-transition:opacity .2s,border-color .2s;transition:opacity .2s,border-color .2s;width:82px;height:82px;border:0}.game-grid.guide{opacity:1}.game-grid.guide .animal-piece{visibility:visible}.game-grid.showed>.animal-piece{visibility:visible;-webkit-animation:zoomIn .2s;animation:zoomIn .2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.game-grid.showed>.money-piece{visibility:visible;-webkit-animation:zoomInFadeOut 1s;animation:zoomInFadeOut 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomInFadeOut{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}40%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{opacity:1}to{opacity:0}}@keyframes zoomInFadeOut{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}40%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{opacity:1}to{opacity:0}}.animal-piece{position:relative;margin:0 auto;visibility:hidden}.animal-piece.opacity-1{visibility:visible;opacity:.15}.animal-piece.opacity-2{visibility:visible;opacity:.2}.animal-piece.opacity-3{visibility:visible;opacity:.25}.animal-piece.opacity-4{visibility:visible;opacity:.3}.animal-piece.opacity-5{visibility:visible;opacity:.35}.animal-piece.grade1{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -274px;overflow:hidden;width:82px;height:82px}.animal-piece.grade2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-274px -532px;overflow:hidden;width:82px;height:82px}.animal-piece.grade3{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -532px;overflow:hidden;width:82px;height:82px}.animal-piece .piece-shadow{visibility:hidden}.animal-piece.blink{-webkit-animation:blink-border 1s!important;animation:blink-border 1s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.animal-piece.found{background:0 0}.animal-piece.found .piece-shadow{visibility:visible}.animal-piece.found .piece-img{visibility:hidden}@-webkit-keyframes blink-border{0%{box-shadow:inset 0 0 20px transparent}10%{box-shadow:inset 0 0 20px #000}20%{box-shadow:inset 0 0 20px transparent}30%{box-shadow:inset 0 0 20px #000}40%{box-shadow:inset 0 0 20px transparent}50%{box-shadow:inset 0 0 20px #000}60%{box-shadow:inset 0 0 20px transparent}70%{box-shadow:inset 0 0 20px #000}80%{opacity:1;box-shadow:inset 0 0 20px transparent}to{opacity:0;box-shadow:none}}@keyframes blink-border{0%{box-shadow:inset 0 0 20px transparent}10%{box-shadow:inset 0 0 20px #000}20%{box-shadow:inset 0 0 20px transparent}30%{box-shadow:inset 0 0 20px #000}40%{box-shadow:inset 0 0 20px transparent}50%{box-shadow:inset 0 0 20px #000}60%{box-shadow:inset 0 0 20px transparent}70%{box-shadow:inset 0 0 20px #000}80%{opacity:1;box-shadow:inset 0 0 20px transparent}to{opacity:0;box-shadow:none}}.money-piece{visibility:hidden;margin:0 auto}.money-piece.money-10{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-581px -454px;overflow:hidden;width:49px;height:50px}.money-piece.money-25{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -238px;overflow:hidden;width:49px;height:50px}.money-piece.money-50{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -296px;overflow:hidden;width:49px;height:50px}.money-piece.money-100{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -122px;overflow:hidden;width:49px;height:50px}.money-piece.money-1000{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -180px;overflow:hidden;width:49px;height:50px}.money-piece.money-diamond{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -497px;overflow:hidden;width:55px;height:50px}.enter-in .game-board,.enter-in td{opacity:1}.enter-in .game-target{opacity:1;top:0}.game-found-dialog{color:#684235;padding-bottom:20px;font-size:24px}.game-found-dialog>h3{margin:2px}.game-found-dialog>h2{margin:10px}.game-found-dialog>.animal-img{position:relative;width:100px;height:70px;margin:15px auto 25px}.game-found-dialog>.animal-img>div{position:absolute;bottom:0}.game-found-dialog .animal-new{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-434px -478px;overflow:hidden;width:102px;height:27px;position:absolute;top:60px;right:10px;-webkit-animation:blink .3s step-end infinite;animation:blink .3s step-end infinite}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}}@keyframes blink{0%{opacity:0}50%{opacity:1}}.game-found-dialog .animal-level-info{margin:20px auto;color:#684235}.game-found-dialog .animal-level-info .mature{text-align:right;font-size:18px;font-weight:700;text-shadow:none;color:#ff4700;margin-right:15px}.game-found-dialog .animal-level-info .speed-add{text-align:right;margin-right:20px;margin-top:5px;font-size:18px}.game-found-dialog .animal-level-info .icon-coin{vertical-align:top;margin:0 2px}.game-found-dialog .animal-progress{display:inline-block;line-height:0;font-size:0;border-width:2px 2px 4px;-webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAQAAABwz0azAAAAJUlEQVR4AWMAgf9AAKKZGKAALgqjUWUY0hjSQKIgGiyDIYthGgDMqBJdq1QBFAAAAABJRU5ErkJggg==) 2 2 4 2;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAQAAABwz0azAAAAJUlEQVR4AWMAgf9AAKKZGKAALgqjUWUY0hjSQKIgGiyDIYthGgDMqBJdq1QBFAAAAABJRU5ErkJggg==) 2 2 4 2;background:-webkit-linear-gradient(left,#c4bc86,#f3f422);background:linear-gradient(to right,#c4bc86,#f3f422);background-clip:content-box}.game-found-dialog .animal-progress.maxed>span{width:20px}.game-found-dialog .animal-progress>span{display:inline-block;width:50px;height:14px;border-right:solid 2px #fff}.game-found-dialog .animal-progress>span:last-child{border:0}.game-found-dialog .animal-progress>span.blank{background:#000}.game-found-dialog .animal-progress>span.current{-webkit-animation:prog-blink .2s step-start 7 alternate;animation:prog-blink .2s step-start 7 alternate;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes prog-blink{0%{background-color:transparent}50%{background-color:#000}}@keyframes prog-blink{0%{background-color:transparent}50%{background-color:#000}}.game-found-dialog .addtozoo-btn{width:200px}.game-contest-time{position:absolute;bottom:0;right:0;z-index:2;box-sizing:border-box;height:24px;text-align:center}.game-contest-time>div{position:absolute;bottom:0;right:0;white-space:nowrap;background:rgba(0,0,0,.5);border-radius:5px 0 0 5px;padding:0 4px;line-height:24px}.game-contest-time>div>*{display:inline-block;vertical-align:bottom}.game-nostep-dialog,.game-finish-dialog{color:#fff;font-weight:700;text-shadow:0 3px 0 #12230d}.game-nostep-dialog>h2,.game-finish-dialog>h2{font-size:30px}.game-nostep-dialog .game-finish-score,.game-finish-dialog .game-finish-score{margin-top:-10px;font-size:18px}.game-nostep-dialog .btn,.game-finish-dialog .btn{margin:10px 5px;vertical-align:bottom;width:140px}.game-nostep-dialog .buy-attempts-btn,.game-finish-dialog .buy-attempts-btn{width:170px}.game-nostep-dialog .game-finish-bottom,.game-finish-dialog .game-finish-bottom{position:absolute;margin:30px auto 10px;color:#e8e8e8}.game-nostep-dialog .game-finish-bottom:before,.game-finish-dialog .game-finish-bottom:before{content:'当前排名';position:absolute;top:-20px;left:0}.game-nostep-dialog .game-finish-tip,.game-finish-dialog .game-finish-tip{left:20px;font-size:18px;font-weight:400;background:rgba(46,121,59,.7);padding:8px 15px;text-shadow:0 2px rgba(0,0,0,.5)}.game-nostep-dialog .game-finish-tip>span,.game-finish-dialog .game-finish-tip>span{text-align:left;display:inline-block;vertical-align:top}.game-nostep-dialog .game-finish-tip>span:first-child,.game-finish-dialog .game-finish-tip>span:first-child{color:#ffc107}.game-nostep-dialog .game-finish-tip>span:last-child,.game-finish-dialog .game-finish-tip>span:last-child{width:255px}.game-contest-rank{width:400px;left:-5px;border-radius:10px;padding:4px 0;background-color:rgba(0,0,0,.48)}.game-contest-rank .game-contest-item{display:inline-block;width:125px;text-align:center;font-weight:400;font-size:16px;color:#ff9800}.game-contest-rank .game-contest-item.self .avatar{border-color:gold}.game-contest-rank .game-contest-item>*{display:inline-block;vertical-align:middle}.game-contest-rank .avatar{zoom:.68;overflow:visible}.game-contest-rank .avatar:after{content:attr(data-rank);position:absolute;bottom:-10px;right:-10px;text-shadow:none;color:#fff;background:#f44336;border-radius:13px;box-sizing:border-box;min-width:26px;height:26px;line-height:26px;font-size:22px;text-align:center}.game-contest-rank .game-contest-name{max-width:62px;height:32px;font-size:14px;color:#fff;overflow:hidden}.game-contest-rank .game-contest-btn{position:absolute;left:0;bottom:-75px;zoom:.65}.game-contest-rank .game-contest-btn:active{top:initial!important}.game-nostep-dialog{margin-top:250px;text-shadow:none;height:100%}.game-nostep-dialog .extra-info{width:440px;box-sizing:border-box;height:160px;margin-left:-20px;margin-top:70px;font-size:0}.game-nostep-dialog .extra-info .wiki-img{display:inline-block;width:346px;height:302px;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top left;transform-origin:top left;margin:0 -160px 0 -40px;background:url(/zoo/image/wiki.png)}.game-nostep-dialog .extra-info .wiki-desc{color:#fff;text-align:left;font-size:18px;width:180px;display:inline-block;vertical-align:top;margin-top:25px}.game-nostep-dialog .extra-info .step-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-4px -412px;overflow:hidden;width:89px;height:92px;display:inline-block;margin:25px 20px 0 0}.game-nostep-dialog .extra-info .share-img{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-101px -412px;overflow:hidden;width:70px;height:90px;display:inline-block;margin:30px 15px 0 0}.game-nostep-dialog .extra-info .extra-desc.wiki-desc{margin-left:5px;width:220px}.game-nostep-dialog .extra-info .btn{display:block;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:top center;transform-origin:top center}.game-finish-dialog{margin-top:60px;height:100%}.game-finish-dialog .rescued-animals{width:300px;padding:10px 20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAIAAABvrngfAAAAGklEQVR4AWNwjbSEILswIwgiUgjOgssRJwQAebYdCwdHKgUAAAAASUVORK5CYII=);margin:20px auto;border:solid 2px #12230d;border-radius:10px;max-height:80px}.game-finish-dialog .rescued-animals>.rescued{display:inline-block;background:center bottom;width:80px;height:70px}.game-finish-dialog .back-btn-group{display:inline-block;vertical-align:top}.game-finish-dialog .back-btn-group:last-child .back-btn{width:200px}.game-finish-dialog .back-btn-group .sleep-animal-count{margin-top:-5px;font-size:18px;-webkit-animation:sleep-text-blink .3s step-start infinite;animation:sleep-text-blink .3s step-start infinite}@-webkit-keyframes sleep-text-blink{0%{color:#fff}50%{color:#ffa8a0}}@keyframes sleep-text-blink{0%{color:#fff}50%{color:#ffa8a0}}.game-finish-dialog .play-btn-group{display:inline-block;vertical-align:top}.game-finish-dialog .play-btn-group .play-again-btn{width:170px;vertical-align:top}.game-finish-dialog .play-btn-group .beast-free-count{margin-top:-5px;font-size:18px}.game-guide-dialog{color:#684235}.game-guide-dialog .game-guide-shape{margin:10px auto}.game-guide-dialog .game-guide-tip{font-size:20px;margin:30px 10px}.game-guide-dialog .btn-green{width:150px;margin:0 auto 15px}.wiki-dialog{color:#654c1f;font-size:20px}.wiki-dialog .uiboard-sm{padding:20px}.wiki-dialog .uiboard-sm h2{margin-top:0}.wiki-dialog .btn-big-blue{width:200px}.wiki-dialog .wiki-book{width:346px;height:302px;margin:-20px 0;background:url(/zoo/image/wiki.png)}.wiki-dialog .btn-red{margin-top:20px}.navigation>[data-count='0'].nav-tab.home::after,.navigation>[data-count='0'].nav-tab.depot::after,.navigation>[data-count='0'].nav-tab.shop::after,.navigation>[data-count='0'].nav-tab.achv::after{display:none}.navigation>.nav-tab.home::after,.navigation>.nav-tab.depot::after,.navigation>.nav-tab.shop::after,.navigation>.nav-tab.achv::after{border-radius:50%;content:attr(data-count);position:absolute;width:23px;height:23px;color:#fff;background:#fb373c;text-align:center;font-size:18px;line-height:23px;font-weight:700;box-shadow:0 2px rgba(0,0,0,.5)}.red{color:#942f00}.green{color:#85e42f}.amber{color:#ffc107}.orange{color:#ff5722}.brown{color:#795548}.blue{color:#2196f3}.cyan{color:#00bcd4}.reset-transform{-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.btn{position:relative;display:inline-block;box-sizing:border-box;height:54px;width:132px;border:solid 2px;border-radius:8px;box-shadow:0 2px rgba(0,0,0,.5);color:#fff;font-size:24px;font-weight:700;text-align:center;text-shadow:0 2px rgba(0,0,0,.4)}.btn:before{content:'';position:absolute;top:3px;left:3px;right:3px;height:44px}.btn:active{top:2px}.btn>span{position:relative;z-index:1;line-height:50px}.btn>div{position:relative;z-index:1;font-size:20px;line-height:20px;margin:3px auto}.btn>div>span{letter-spacing:0;display:block;font-size:18px;margin-top:3px;color:#f3f7bb;text-shadow:0 1px 0 #487b27}.btn.disabled:after{content:'';display:block;position:absolute;top:0;left:0;z-index:2;border-radius:6px;background:rgba(0,0,0,.6);width:100%;height:50px}.icon-coin{width:22px;height:23px;background:url(/zoo/image/main/icon-coin.png) no-repeat;background-size:22px 23px;display:inline-block;vertical-align:text-bottom;margin-right:3px}.icon-diamond{width:22px;height:20px;background:url(/zoo/image/main/icon-diamond.png) no-repeat;background-size:22px 20px;display:inline-block;vertical-align:text-bottom;margin-right:3px}.btn-red{border-color:#7e2817;background-color:#ff9675}.btn-red:before{box-shadow:inset 0 22px #ee6b42,inset 0 -23px #da573d}.btn-blue{border-color:#022c61;background-color:#0bc3f8}.btn-blue:before{box-shadow:inset 0 22px #00a5f0,inset 0 -23px #0089e1}.btn-green{border-color:#245213;background-color:#6ebc41}.btn-green:before{box-shadow:inset 0 22px #4ca21f,inset 0 -23px #489419}.btn-purple{border-color:#4b0080;background-color:#cc5dff}.btn-purple:before{box-shadow:inset 0 22px #9c28ee,inset 0 -23px #9017e5}.btn-yellow{border-color:#e48407;background-color:#ffef67}.btn-yellow:before{box-shadow:inset 0 22px #ffd800,inset 0 -23px #f2c616}.btn-big{position:relative;display:inline-block;font-size:28px;font-weight:700;text-align:center;text-shadow:0 2px rgba(0,0,0,.4);width:132px;height:79px;color:#fff;line-height:2px;box-sizing:border-box;border:solid 2px;border-radius:8px;box-shadow:0 2px rgba(0,0,0,.5)}.btn-big:before{content:'';position:absolute;top:3px;left:3px;right:3px;height:69px}.btn-big:active{top:2px}.btn-big>span{position:relative;z-index:1;line-height:79px}.btn-big>div{position:relative;z-index:1;font-size:24px;line-height:32px;margin:5px auto}.btn-big>div .icon-coin{width:23px;height:24px;background-size:23px 24px;margin-right:6px}.btn-big>div .icon-diamond{width:26px;height:24px;background-size:26px 24px;margin-right:6px}.btn-big>div>span{letter-spacing:0;display:block;font-size:22px;margin-top:3px;color:#f3f7bb;text-shadow:0 1px 0 #487b27}.btn-big-purple{border-color:#4b0080;background-color:#cc5dff}.btn-big-purple:before{box-shadow:inset 0 36px #9c28ee,inset 0 -33px #9017e5}.btn-big-blue{border-color:#022c61;background-color:#0bc3f8}.btn-big-blue:before{box-shadow:inset 0 36px #00a5f0,inset 0 -33px #0089e1}.btn-big-pink{border-color:#7e0e3e;background-color:#ff6db2}.btn-big-pink:before{box-shadow:inset 0 36px #fd3e98,inset 0 -33px #e01675}.uiboard{background:#cc8725;border-radius:28px;overflow:hidden;border-width:21px 22px 23px;box-sizing:border-box;-webkit-border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAElBMVEUAAABAJBb8sETgli/MhyUAAAB7iw5+AAAABnRSTlMA/////7MFE+1FAAAAnUlEQVR42s3VQRKAIAxDUZHm/le2Gy2S4hAW6l8/cFCBra2ktULhbHeKRui8kKURZcBr04CflPhVzitFvHgT3LvxOqzjNDNzb4Xnb9As4d7Jq8c8Ct5PbVf9A97ggZlHKbeuD7klifyXS9U/069+MXl7qJsPmN/agMjFY0k/9ADMcGfEPbLBletg/bKB93SVwVvmseKsoArnwJGV+AGaExKlBLMQSwAAAABJRU5ErkJggg==) 22 22 23 22;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAElBMVEUAAABAJBb8sETgli/MhyUAAAB7iw5+AAAABnRSTlMA/////7MFE+1FAAAAnUlEQVR42s3VQRKAIAxDUZHm/le2Gy2S4hAW6l8/cFCBra2ktULhbHeKRui8kKURZcBr04CflPhVzitFvHgT3LvxOqzjNDNzb4Xnb9As4d7Jq8c8Ct5PbVf9A97ggZlHKbeuD7klifyXS9U/069+MXl7qJsPmN/agMjFY0k/9ADMcGfEPbLBletg/bKB93SVwVvmseKsoArnwJGV+AGaExKlBLMQSwAAAABJRU5ErkJggg==) 22 22 23 22;border-image-outset:0 0 2px}.uiboard-sm{background:#f1debc;border-radius:15px;padding:15px 12px 20px;box-shadow:0 2px rgba(0,0,0,.5);border-top:solid 3px #fffbf3;border-bottom:solid 3px #c3964d}.round-section{overflow:hidden;border-radius:10px;padding:4px;background-color:rgba(0,0,0,.48)}.round-section-brown{overflow:hidden;border-radius:10px;padding:4px;background-color:#a6936b}.avatar{position:relative;display:inline-block;border-radius:50%;border:solid 6px #fff;overflow:hidden;width:72px;height:72px}.avatar>img{position:relative;width:72px;height:72px;border-radius:50%}.progress{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-142px -313px;width:150px;height:30px;position:relative;text-align:center;font-size:17px;line-height:30px}.progress .progress-fg{position:absolute;margin:5px 0 0 5px;width:110px;height:18px;background:#9b36ea}.progress>.progress-text{position:relative;text-shadow:none}.grade1{color:#079d02}.grade2{color:#078cff}.grade3{color:#ff25e8}.grade4{color:#ddbc00}.grade1-lt{color:#a3fea0}.grade2-lt{color:#a0d3ff}.grade3-lt{color:#ffbef8}.grade4-lt{color:#ffdb11}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fade-out-up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fade-out-up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:0;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:0;-webkit-transform:none;transform:none}}.fade-in-left{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fade-out-left{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fade-in-right{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.shake-ani{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:shakeAnimate;animation-name:shakeAnimate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes shakeAnimate{0%,50%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}5%,15%,25%,35%,45%{-webkit-transform:translate3d(-3px,0,0);transform:translate3d(-3px,0,0)}10%,20%,30%,40%{-webkit-transform:translate3d(3px,0,0);transform:translate3d(3px,0,0)}}@keyframes shakeAnimate{0%,50%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}5%,15%,25%,35%,45%{-webkit-transform:translate3d(-3px,0,0);transform:translate3d(-3px,0,0)}10%,20%,30%,40%{-webkit-transform:translate3d(3px,0,0);transform:translate3d(3px,0,0)}}.effeckt-perspective{-webkit-perspective:600px;perspective:600px}.effeckt-show{visibility:visible}.effeckt-modal-wrap{position:absolute;top:50%;left:50%;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.effeckt-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;-webkit-transition-duration:400ms;transition-duration:400ms;background:#000}.effeckt-show.effeckt-modal-wrap{visibility:visible}.effeckt-show.effeckt-modal-overlay{visibility:visible;opacity:.8}.effeckt-modal{-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:400ms;transition-duration:400ms;-webkit-transition-timing-function:cubic-bezier(.4,0,0,1);transition-timing-function:cubic-bezier(.4,0,0,1);-webkit-animation-duration:800ms;animation-duration:800ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,0,0,1);animation-timing-function:cubic-bezier(.4,0,0,1)}.from-below .effeckt-content{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.effeckt-show.from-below .effeckt-content{-webkit-transform:scale(1);transform:scale(1);opacity:1}.from-above .effeckt-content{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.effeckt-show.from-above .effeckt-content{-webkit-transform:scale(1);transform:scale(1);opacity:1}.to-below .effeckt-content{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}.to-above .effeckt-content{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}.slide-in-top .effeckt-content{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.effeckt-show.slide-in-top .effeckt-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.slide-in-right .effeckt-content{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0);opacity:0}.effeckt-show.slide-in-right .effeckt-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.slide-in-bottom .effeckt-content{-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0);opacity:0}.effeckt-show.slide-in-bottom .effeckt-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.slide-in-left .effeckt-content{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);opacity:0}.effeckt-show.slide-in-left .effeckt-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.sticky-up{top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.sticky-up .effeckt-content{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.effeckt-show.sticky-up .effeckt-content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.slip-in-from-top~[data-effeckt-page],.slip-in-from-top~.effeckt-overlay{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.slip-in-from-top .effeckt-content{-webkit-transform:translateY(-200%);transform:translateY(-200%);opacity:0}.effeckt-show.slip-in-from-top~[data-effeckt-page],.effeckt-show.slip-in-from-top~.effeckt-overlay{-webkit-animation:OpenTop 400ms forwards ease-in;animation:OpenTop 400ms forwards ease-in}.effeckt-show.slip-in-from-top .effeckt-content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}@-webkit-keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);transform:rotateX(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes OpenTop{50%{-webkit-transform:rotateX(10deg);transform:rotateX(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.slide-out-bottom .effeckt-content{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.slide-out-top .effeckt-content{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.slide-out-right .effeckt-content{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}.slide-out-left .effeckt-content{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.newspaper .effeckt-content{-webkit-transform:scale(.5) rotate(720deg);transform:scale(.5) rotate(720deg);opacity:0}.effeckt-show.newspaper .effeckt-content{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);opacity:1}.side-fall{-webkit-perspective:600px;perspective:600px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.side-fall .effeckt-content{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transform:translateZ(600px) translateX(30%) rotate(10deg);transform:translateZ(600px) translateX(30%) rotate(10deg);opacity:0}.effeckt-show.side-fall .effeckt-content{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-transform:translateZ(0) translateX(0) rotate(0deg);transform:translateZ(0) translateX(0) rotate(0deg);opacity:1}.fade-in .effeckt-content{opacity:0}.effeckt-show.fade-in .effeckt-content{opacity:1}.effeckt-show.blur~[data-effeckt-page]{-webkit-filter:blur(3px);filter:blur(3px);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blur .effeckt-content{opacity:0}.effeckt-show.blur~[data-effeckt-page]{-webkit-transition:all 400ms ease;transition:all 400ms ease}.effeckt-show.blur .effeckt-content{opacity:1}.tilt-fall .effeckt-content{-webkit-transform:translateY(100%) rotate(-25deg);transform:translateY(100%) rotate(-25deg);opacity:0}.shake .effeckt-content{opacity:0}.effeckt-show.shake .effeckt-content{opacity:1;-webkit-animation-name:shake;animation-name:shake;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.bounce .effeckt-content{opacity:0}.effeckt-show.bounce .effeckt-content{opacity:1;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.pulse .effeckt-content{opacity:0}.effeckt-show.pulse .effeckt-content{opacity:1;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.wobble .effeckt-content{opacity:0}.effeckt-show.wobble .effeckt-content{opacity:1;-webkit-animation-name:wobble;animation-name:wobble;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0%);transform:translateX(0%)}}.swing .effeckt-content{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;opacity:0}.effeckt-show.swing .effeckt-content{opacity:1;-webkit-animation-name:swing;animation-name:swing;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tada .effeckt-content{opacity:0}.effeckt-show.tada .effeckt-content{opacity:1;-webkit-animation-name:tada;animation-name:tada;-webkit-animation-timing-function:ease;animation-timing-function:ease}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.yards{margin-top:74px;position:relative;background:#d3891b;z-index:2}.bottom-area{position:absolute;left:0;bottom:50px;z-index:2;width:100%}.rescue{height:87px}.rescue .region-btn,.rescue .rescue-btn,.rescue .disco-btn{display:inline-block;text-shadow:0 2px 0 #161972;margin:4px 3px 0;font-weight:700;vertical-align:top;box-sizing:border-box}.rescue .region-btn:active,.rescue .rescue-btn:active,.rescue .disco-btn:active{position:relative;top:2px}.rescue .region-btn{font-size:24px;width:90px}.rescue .rescue-btn{position:relative;width:278px}.rescue .rescue-btn>div{font-size:26px;margin-left:40px}.rescue .rescue-btn .region-name{display:inline;font-size:26px}.rescue .rescue-btn .rescue-btn-icon{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-508px -319px;overflow:hidden;width:40px;height:63px;display:block;position:absolute;top:1px;left:-20px}.rescue .disco-btn{width:90px;font-size:18px;line-height:56px}.rescue .disco-btn .disco-btn-icon{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-412px -319px;overflow:hidden;width:88px;height:68px;content:'';display:block;position:absolute;top:-7px;left:-2px}.rescue .disco-btn>span{display:inline-block;margin-top:50px;line-height:24px}.navigation{position:absolute;bottom:0;width:480px;height:50px}.navigation>.nav-tab{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-468px -532px;overflow:hidden;width:96px;height:50px;box-sizing:border-box;color:#ab895f;line-height:56px;font-size:20px;font-weight:700;text-shadow:0 2px rgba(0,0,0,.4);position:relative;display:inline-block;margin:0}.navigation>.nav-tab:active{top:2px}.navigation>.nav-tab.current{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-364px -532px;color:#fcfa8f}.navigation>.nav-tab.home::after,.navigation>.nav-tab.depot::after,.navigation>.nav-tab.shop::after,.navigation>.nav-tab.achv::after{top:0;right:0}.navigation .visit-btns{display:none;margin-top:5px}.navigation .visit-btns .btn-myzoo{width:286px}.navigation .visit-btns .btn-rank{width:165px;margin-right:5px}.navigation .tutorial-tip{top:-50px;left:130px}.navigation .tutorial-tip .tutorial-tip-content{max-width:220px}.navigation .tutorial-tip .caret{left:46%}.visit .rescue{display:none}.visit .bottom-area{bottom:90px}.visit .navigation{height:90px}.visit .navigation .nav-tab{display:none}.visit .navigation .visit-btns{display:block}.other-view{position:absolute;top:74px;left:0;bottom:50px;right:0;overflow:hidden;padding-bottom:3px}.game-container{display:none;width:100%;height:100%;overflow:hidden}.game-exit-mask{position:absolute;background:#000;z-index:-1;opacity:0;top:0;left:0;bottom:0;right:0;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.game-exit-mask.fadein{z-index:10;opacity:1}.game-exit-mask.fadeout{z-index:10;opacity:0}.new-region::after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -591px;overflow:hidden;width:68px;height:16px;content:'';z-index:1;display:block;position:absolute;right:-8px;top:1px;-webkit-animation:blink .3s step-end infinite;animation:blink .3s step-end infinite}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}}@keyframes blink{0%{opacity:0}50%{opacity:1}}.welcome-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.7) url(/zoo/image/welcome.png) no-repeat;z-index:10}.welcome-wrapper .btn-big{margin-top:520px;width:240px}.welcome-wrapper .welcome-disco{position:absolute;top:-40px;left:0;width:480px;height:256px;background:url(/zoo/image/welcome-disco.png);-webkit-animation:rotate-disco 2s infinite linear;animation:rotate-disco 2s infinite linear;-webkit-transform-origin:center 10%;transform-origin:center 10%}@-webkit-keyframes rotate-disco{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}75%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}@keyframes rotate-disco{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}75%{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}.tabs{position:absolute;top:0;left:0;z-index:1;width:100%;height:55px}.tabs .tab-item{float:left;width:50%;height:100%;box-sizing:border-box;border-bottom:1px solid #444;color:#54bcd6;text-align:center;font-size:22px;font-weight:700;line-height:55px;background:#4d5e79;box-shadow:inset 0 -3px #2c3037}.tabs .tab-item:first-child{border-right:solid 2px #262625}.tabs .tab-item.current{font-size:24px;box-shadow:inset 0 -3px #59cbe5;color:#b3e2ed;text-shadow:0 2px rgba(0,0,0,.7)}.panes{padding:60px 0 0;width:100%;text-shadow:0 2px rgba(0,0,0,.7)}.panes .pane-item{display:none}.panes .pane-item.current{display:block;-webkit-animation-duration:.5s;animation-duration:.5s}.panes .pane-item .prev-btn,.panes .pane-item .next-btn{width:100px}.panes .pane-item .prev-btn:nth-child(2),.panes .pane-item .next-btn:nth-child(2){margin-left:20px}.panes .rank-invite-btn{margin:10px;width:160px}.rank-item{position:relative;height:74px;display:block;padding:12px 10px 5px 5px;text-align:left;white-space:nowrap}.rank-item::after{content:'';display:block;position:absolute;left:5%;top:-1px;width:90%;height:2px;background:#1a1d20}.rank-item:first-child::after{display:none}.rank-item>*{display:inline-block;vertical-align:top}.rank-item .rank{position:absolute;top:33px;color:#fff;text-align:center;font-size:22px;width:50px}.rank-item .rank-avatar{overflow:visible;position:relative;margin:-3px 0 0 50px;-webkit-transform:scale(.82);transform:scale(.82);-webkit-transform-origin:top left;transform-origin:top left}.rank-item .rank-avatar>img{border-radius:50%}.rank-item .top-detail{width:230px;height:70px;position:relative}.rank-item .top-detail>div{position:absolute;width:230px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.rank-item .top-detail .top-info{position:relative;min-height:40px}.rank-item .crown{position:absolute;top:-10px;left:-10px;display:none;z-index:2}.rank-item .name{margin-bottom:2px;color:#00bcd4;font-size:22px;line-height:28px}.rank-item .badges{position:absolute;right:0;top:0;font-size:0}.rank-item .badges>div{position:relative;display:inline-block;width:28px;height:27px;border:1px solid;border-radius:5px;margin-right:1px}.rank-item .badges .badge-1{border-color:#a3fea0;background-color:#a3fea0}.rank-item .badges .badge-2{border-color:#a0d3ff;background-color:#a0d3ff}.rank-item .badges .badge-3{border-color:#ffbef8;background-color:#ffbef8}.rank-item .badges .badge-4{border-color:#ffdb11;background-color:#ffdb11}.rank-item .score{line-height:24px}.rank-item .visit .btn-visit{-webkit-transform:scale(.8);transform:scale(.8);margin-top:5px;width:100px}.rank-item .mark{font-size:18px;line-height:24px;color:#da9d40}.rank-item .mark .icon-egg{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-410px -412px;overflow:hidden;width:25px;height:30px;zoom:.7;display:inline-block;vertical-align:text-bottom;margin-right:2px}.rank-item.self{background:#336e7d}.rank-item.self .name{font-weight:700}.rank-item.self .rank{font-weight:700}.rank-item.self .visit{width:100px;margin:25px auto 0;text-align:center;font-size:18px}.top-list .rank-item:nth-child(1) .crown{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -360px;overflow:hidden;width:32px;height:31px;display:block}.top-list .rank-item:nth-child(2) .crown{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -438px;overflow:hidden;width:32px;height:31px;display:block}.top-list .rank-item:nth-child(3) .crown{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -399px;overflow:hidden;width:32px;height:31px;display:block}.rank-item-sep{font-size:20px;height:30px;line-height:30px;font-weight:700;background:#1a1d21}.rank-item-fof{font-size:24px;height:40px;line-height:40px;font-weight:700;background:#4d5e79}.region-list-dlg{width:400px;margin:0 auto}.region-list-dlg .board-scroll-wrapper{padding-bottom:10px}.region-list-dlg .uiboard{position:relative}.region-list-dlg h2{font-size:24px;font-weight:700;text-shadow:0 2px rgba(0,0,0,.5);margin:6px 0 8px}.region-list-dlg .bottom{height:70px;margin-top:10px}.region-list-dlg .bottom .btn-red{margin:0 auto}.region-list-dlg .new-region::before{right:-3px;top:-28px}.region-list-dlg .region-info-btn{width:66px;margin-right:12px}.region-list-dlg .region-info-btn::after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-427px -141px;overflow:hidden;width:36px;height:38px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'';position:relative;z-index:1;display:block}.region-list-dlg .region-list-btn{margin:3px 2px;vertical-align:middle;position:relative;display:inline-block;font-size:28px;font-weight:700;text-align:center;text-shadow:0 2px rgba(0,0,0,.4);height:64px;color:#fff;line-height:2px;box-sizing:border-box;border:solid 2px;border-radius:8px;box-shadow:0 2px rgba(0,0,0,.5)}.region-list-dlg .region-list-btn:before{content:'';position:absolute;top:3px;left:3px;right:3px;height:54px}.region-list-dlg .region-list-btn:active{top:2px}.region-list-dlg .region-sel-btn{width:268px;letter-spacing:2px}.region-list-dlg .region-sel-btn>div{position:relative;z-index:1;font-size:24px;line-height:24px;margin:5px auto}.region-list-dlg .region-sel-btn span{letter-spacing:0;display:block;font-size:18px;margin-top:3px;color:#f3f7bb;text-shadow:0 1px 0 #487b27}.region-list-dlg .region-sel-btn .icon-coin{display:inline-block;width:20px;height:21px;background-size:20px 21px;vertical-align:text-bottom;margin-right:6px}.region-list-dlg .region-sel-btn.disabled>div{line-height:54px}.region-list-dlg .region-sel-btn.disabled:after{content:'';display:block;position:absolute;top:-2px;left:-2px;width:268px;height:64px;border-radius:8px;z-index:2;background:rgba(0,0,0,.6)}.region-list-dlg [data-region="1"] .region-list-btn{border-color:#263d23;background-color:#90d16e}.region-list-dlg [data-region="1"] .region-list-btn:before{box-shadow:inset 0 29px #6ba34a,inset 0 -25px #5a8a2d}.region-list-dlg [data-region="2"] .region-list-btn{border-color:#245312;background-color:#6ebb40}.region-list-dlg [data-region="2"] .region-list-btn:before{box-shadow:inset 0 29px #4ca21f,inset 0 -25px #48961a}.region-list-dlg [data-region="3"] .region-list-btn{border-color:#25462d;background-color:#57bd6b}.region-list-dlg [data-region="3"] .region-list-btn:before{box-shadow:inset 0 29px #46a055,inset 0 -25px #357e3f}.region-list-dlg [data-region="4"] .region-list-btn{border-color:#3e3a26;background-color:#feef6e}.region-list-dlg [data-region="4"] .region-list-btn:before{box-shadow:inset 0 29px #e1c95b,inset 0 -25px #ceaf36}.region-list-dlg [data-region="5"] .region-list-btn{border-color:#4b310e;background-color:#f0bb74}.region-list-dlg [data-region="5"] .region-list-btn:before{box-shadow:inset 0 29px #d6a268,inset 0 -25px #c18357}.region-list-dlg [data-region="6"] .region-list-btn{border-color:#392b1b;background-color:#b7794d}.region-list-dlg [data-region="6"] .region-list-btn:before{box-shadow:inset 0 29px #9e6c42,inset 0 -25px #804d2d}.region-list-dlg [data-region="7"] .region-list-btn{border-color:#3b493b;background-color:#c5e1d7}.region-list-dlg [data-region="7"] .region-list-btn:before{box-shadow:inset 0 29px #a1c5b3,inset 0 -25px #81a999}.region-list-dlg [data-region="8"] .region-list-btn{border-color:#2b464a;background-color:#90dcec}.region-list-dlg [data-region="8"] .region-list-btn:before{box-shadow:inset 0 29px #79b9c2,inset 0 -25px #5598a0}.region-list-dlg [data-region="9"] .region-list-btn{border-color:#245213;background-color:#8d9dac}.region-list-dlg [data-region="9"] .region-list-btn:before{box-shadow:inset 0 29px #6a828d,inset 0 -25px #5a7683}.region-info-dlg h2{color:#6e5821;margin:4px 0 15px}.region-info-dlg .round-section-brown{margin:10px;position:relative}.region-info-dlg .round-section-brown.preparing{padding:10px;font-size:18px;margin:10px 30px}.region-info-dlg .animal{display:inline-block;vertical-align:bottom;margin:0 40px;padding-top:3px}.region-info-dlg .animal .animal-img{width:50px;height:50px;position:relative}.region-info-dlg .animal .animal-name{margin-top:5px}.region-info-dlg .bottom{margin:20px 10px 5px}.region-info-dlg .bottom .btn{vertical-align:bottom;margin-top:5px}.region-info-dlg .bottom .btn-red{width:133px}.region-info-dlg .bottom .btn-green{margin-left:12px;width:196px}.region-info-dlg .bottom .btn-unlock{margin:10px 4px;display:block;width:auto}.share-wrapper{text-align:left;font-size:18px;color:#b8b8b8;-webkit-font-smoothing:antialiased}.share-wrapper .effeckt-modal-wrap{-webkit-transform:none;transform:none;width:100%;top:0;left:0}.share-wrapper .effeckt-content{width:100%;height:550px;padding:0 30px}.share-guide{font-weight:700;text-align:right;margin-bottom:30px}.share-guide .share-guide-image{width:225px;height:225px}.share-guide-text{font-weight:700;font-size:20px;margin:10px 0 10px 30px}.share-preview{position:relative;margin:35px auto 16px;padding:10px 10px 6px;width:340px;border:3px solid #4caf50;border-radius:4px;background:#f5f5f5}.share-preview .share-preview-pointer{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-427px -86px;overflow:hidden;width:36px;height:47px;position:absolute;right:-12px;bottom:-15px;color:#4caf50;font-size:36px}.share-preview .share-preview-content{overflow:auto;zoom:1}.share-preview .share-preview-title{padding-bottom:5px;color:#222;font-size:20px}.share-preview .share-preview-desc{color:#757575;font-size:18px}.share-preview .share-preview-avatar{display:inline-block;float:left;margin-right:10px}.share-preview .share-preview-avatar>img{width:64px;height:64px}.share-sep{width:100%;height:1px;margin:30px 0 20px;border-top:1px dashed #ffc107}.share-tip{position:relative;margin-bottom:8px;padding-left:40px}.share-tip .tip-icon{position:absolute;box-sizing:border-box;top:2px;left:0;display:block;padding-top:16px;width:36px;height:36px;border-radius:100%;background:#f44336;color:#fff;text-align:center}.share-tip .tip-icon:before{position:absolute;top:6px;left:0;display:block;width:100%;content:'TIP';font-size:12px;line-height:12px}.shop-beast-btns [data-count='0'].btn-call::after{display:none}.shop-beast-btns .btn-call::after{border-radius:50%;content:attr(data-count);position:absolute;width:23px;height:23px;color:#fff;background:#fb373c;text-align:center;font-size:18px;line-height:23px;font-weight:700;box-shadow:0 2px rgba(0,0,0,.5)}.shop-wrapper{margin:0 10px;text-align:left;padding-bottom:40px}.shop-beast{margin:35px auto 0;text-align:center;overflow:visible;width:430px;box-sizing:border-box;-webkit-transition:-webkit-transform .2s,opacity .2s;transition:transform .2s,opacity .2s;-webkit-transition-timing-function:cubic-bezier(.32,-.2,.51,1.2);transition-timing-function:cubic-bezier(.32,-.2,.51,1.2);opacity:0;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1);-webkit-backface-visibility:visible;backface-visibility:visible}.shop-beast.uiboard-sm{padding:10px}.shop-beast.show{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.shop-beast .egg-title{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -478px;overflow:hidden;width:171px;height:46px;color:#fff;text-shadow:0 2px 1px #b82025;font-size:24px;line-height:36px;text-align:center;margin:-36px auto 0}.shop-beast-info,.shop-beast-btns{display:inline-block;vertical-align:middle;margin:5px 10px}.shop-beast-btns{display:inline-block;vertical-align:middle}.shop-beast-btns .shop-beast-locked{font-size:18px;line-height:24px;color:#914324}.shop-beast-btns>.btn{-webkit-transform:scale(.9);transform:scale(.9);display:block;margin:-3px -5px}.shop-beast-btns>.btn:last-child{margin-top:10px}.shop-beast-btns>.btn>div{margin-top:5px}.shop-beast-info{position:relative;border-radius:15px;width:205px;background:#ae905f;padding:0 20px 0 10px;border-top:solid 3px #836028;border-bottom:solid 3px #fff3dd}.shop-beast-info::after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -304px;overflow:hidden;width:57px;height:57px;content:'';position:absolute;top:-4px;left:-2px}.shop-beast-info>div{display:inline-block;vertical-align:middle}.shop-beast-info .shop-beast-img{position:relative;overflow:visible;width:100px;height:110px;margin-right:5px}.shop-beast-info .shop-beast-data{font-size:16px;line-height:18px;width:90px;text-align:left}.shop-beast-info .shop-beast-data .icon-coin{zoom:.8}.shop-beast-info .shop-beast-data>p{margin:8px 0}.beast-egg{display:inline-block;margin:15px auto 10px}.beast-egg.shake{-webkit-animation:shake-egg .5s 3;animation:shake-egg .5s 3;-webkit-transform-origin:center 90%;transform-origin:center 90%}@-webkit-keyframes shake-egg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake-egg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.egg-img-1{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-360px -360px;overflow:hidden;width:81px;height:110px}.egg-img-2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-320px -195px;overflow:hidden;width:81px;height:110px}.egg-img-3{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-93px -360px;overflow:hidden;width:81px;height:110px}.egg-img-4{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-142px -195px;overflow:hidden;width:81px;height:110px}.egg-img-5{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -360px;overflow:hidden;width:81px;height:110px}.egg-img-6{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -4px;overflow:hidden;width:81px;height:110px}.egg-img-7{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-271px -360px;overflow:hidden;width:81px;height:110px}.egg-img-8{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-182px -360px;overflow:hidden;width:81px;height:110px}.egg-img-9{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-231px -195px;overflow:hidden;width:81px;height:110px}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fade-in-left{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.egg-detail-dialog{text-shadow:0 2px rgba(0,0,0,.5);font-size:18px;line-height:24px;font-weight:700}.egg-detail-dialog .uiboard{padding:5px}.egg-detail-dialog h2{font-size:32px;color:#fdfd5e;margin:10px 0}.egg-detail-dialog .round-section-brown{margin-bottom:15px;background-color:#a9691e}.egg-detail-dialog .beast-info{position:relative;width:165px;margin:40px auto 10px;overflow:visible}.egg-detail-dialog .beast-info::after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -304px;overflow:hidden;width:57px;height:57px;content:'';position:absolute;top:-4px;left:-4px}.egg-detail-dialog .beast-info .beast-img{position:relative;margin:0 auto;width:100px;height:100px}.egg-detail-dialog .beast-pieces{font-size:20px;background:#a9691e;border-radius:20px;width:270px;margin:20px auto;padding:3px}.egg-detail-dialog .beast-pieces>*{vertical-align:middle;display:inline-block}.egg-detail-dialog .beast-pieces .btn-piece{margin:0 -16px 0 0;width:110px;-webkit-transform:scale(.75);transform:scale(.75)}.egg-detail-dialog .beast-progress{position:relative;border:solid 2px #ff9800;width:120px;height:20px;margin:8px auto 0;color:#df561c;border-radius:7px;background:#36095b;box-shadow:0 1px rgba(0,0,0,.5)}.egg-detail-dialog .beast-progress .beast-progress-fg{background:#feed71;margin:1px;height:18px;width:100px;box-sizing:border-box;border-radius:4px}.egg-detail-dialog .beast-progress .beast-progress-text{position:absolute;top:0;z-index:1;width:100%;font-size:16px;line-height:20px;text-shadow:0 1px rgba(0,0,0,.5)}.egg-detail-dialog .btn-big{width:150px;margin:15px 5px 0;vertical-align:middle}.egg-detail-dialog .btn-big>div{font-size:26px}.egg-detail-dialog .btn-buy-super{width:200px}.egg-detail-dialog .btn-buy-super>div{margin-left:20px}.egg-detail-dialog .btn-buy-super:after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -65px;overflow:hidden;width:67px;height:69px;content:'';position:absolute;z-index:1;top:-4px;left:-4px}.egg-detail-dialog .btn-buy-lock{width:200px}.egg-detail-dialog .bottom{height:70px;margin-top:10px}.egg-open-dialog .btn-green{width:150px;visibility:hidden;opacity:0;-webkit-transition:opacity .7s;transition:opacity .7s}.egg-open-dialog.show-result .egg-animals{opacity:1}.egg-open-dialog.show-result .btn-green{visibility:visible;opacity:1}.egg-bg{position:relative;width:404px;height:394px;background:url(/zoo/image/shop/gachalight-ry.png) no-repeat;-webkit-animation:rotate 4s infinite linear;animation:rotate 4s infinite linear}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.egg-container{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:404px;height:394px}.egg-container .shop-egg-img{margin:120px auto 0;-webkit-transform:scale(2);transform:scale(2);-webkit-animation:egg-open 1.3s linear;animation:egg-open 1.3s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes egg-open{0%{-webkit-transform:scale(2);transform:scale(2)}14%{-webkit-transform:scale(2.3);transform:scale(2.3)}28%{-webkit-transform:scale(1.7);transform:scale(1.7)}42%{-webkit-transform:scale(2.3);transform:scale(2.3)}56%{-webkit-transform:scale(1.7);transform:scale(1.7)}70%{-webkit-transform:scale(2.3);transform:scale(2.3)}84%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:1}to{-webkit-transform:scale(4);transform:scale(4);opacity:0}}@keyframes egg-open{0%{-webkit-transform:scale(2);transform:scale(2)}14%{-webkit-transform:scale(2.3);transform:scale(2.3)}28%{-webkit-transform:scale(1.7);transform:scale(1.7)}42%{-webkit-transform:scale(2.3);transform:scale(2.3)}56%{-webkit-transform:scale(1.7);transform:scale(1.7)}70%{-webkit-transform:scale(2.3);transform:scale(2.3)}84%{-webkit-transform:scale(1.7);transform:scale(1.7);opacity:1}to{-webkit-transform:scale(4);transform:scale(4);opacity:0}}.egg-container .egg-animals{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);opacity:0;-webkit-transition:opacity .7s;transition:opacity .7s;font-weight:700;font-size:24px;margin-top:-20px}.egg-container .egg-animals .egg-item{margin:15px;text-shadow:0 2px rgba(0,0,0,.5)}.egg-container .egg-animals .shop-egg-icon{display:inline-block;vertical-align:middle;margin-right:10px}.egg-container .egg-animals .egg-icon-coin{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -237px;overflow:hidden;width:31px;height:33px}.egg-container .egg-animals .egg-icon-diamond{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -195px;overflow:hidden;width:38px;height:34px}.egg-container .egg-animals .egg-icon-pieces{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-4px -512px;overflow:hidden;width:33px;height:35px}.egg-container .egg-animal{position:relative;display:inline-block;width:140px;height:140px}.egg-container .egg-animal .egg-animal-name{font-size:20px;margin-top:140px;font-weight:700;text-shadow:0 1px 1px #000}.slots{width:100%;height:97px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABqCAMAAAD0rpN/AAAATlBMVEViXkiwqpSgm4iloIyalYOfmYeinYmYk4KWkYCuqJOYk4GmoY2tp5Kjno2fmoehm4iZlIOalIOXkoGjnoqrppCcl4WqpZBrYkh0b1ZGT00678otAAAApklEQVR4Xu3YyQrDMAxF0Uqek3Se//9H6xZR8CIg0QrqRndpzvJhsFfC1qK65plKKeXsoDbl5qyp5Wesbbic6p4bT6J0uY3AuA34axwRdbniCHYUkwPVNWelzAvlvR+GA3uR8Gy7CI6IIez//wa2G9g4xhiPgc1PUBt/k9MDZ3bAl1Jz6d0ItYmxyA84e8DuxWdGIOK2d+NL+hK5ipLymyhlfhcl5A/hka0a+9nsRQAAAABJRU5ErkJggg==);margin-bottom:-1px}.slots::before{left:3px}.slots::after{right:3px}.slot{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-283px -86px;width:136px;height:93px;display:inline-block;position:relative;vertical-align:top;z-index:1;margin:0 5px}.slot>.slot-invite-btn,.slot>.slot-unlock-btn,.slot>.slot-putanimal-btn{margin:40px auto 0}.slot>.slot-invite-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-323px -478px;overflow:hidden;width:103px;height:28px}.slot>.slot-unlock-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-572px -532px;overflow:hidden;width:85px;height:28px}.slot>.slot-putanimal-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -555px;overflow:hidden;width:85px;height:28px}.slot .animal-img{position:relative;display:inline-block;margin-left:-20px;width:50px;height:50px}.slot .animal-img>div{-webkit-filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5))}.slot .owner-info{text-align:left;height:30px;margin-top:-5px;white-space:nowrap}.slot .owner-info .avatar{-webkit-transform:scale(.4);transform:scale(.4);-webkit-transform-origin:top left;transform-origin:top left;margin:2px -46px 0 5px}.slot .owner-info .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90px;display:inline-block;vertical-align:top;margin-top:10px;margin-left:-10px;padding:0 4px;font-size:18px;border-radius:0 5px 5px 0;background-color:rgba(0,0,0,.5)}.slot .egg-info-vertical{overflow:visible;right:-30px;bottom:0}.slot .egg-info-vertical .progress{overflow:visible}.slot .egg-info-vertical .egg-img.ready{-webkit-transform:scale(.7);transform:scale(.7)}.slot .egg-info-vertical .egg-img.freeze{background-image:url(/zoo/image/sprite-24.png?c17b85cbf9c292f7bca67d0896627212003dc2e8);background-repeat:no-repeat;background-position:-321px -412px;overflow:hidden;width:37px;height:40px;-webkit-transform:scale(.85);transform:scale(.85);left:-6px;top:-23px}.slot-unlock-dialog{color:#644b22;font-size:20px;line-height:32px}.slot-unlock-dialog .avatar{position:absolute;top:-20px;left:20px;box-shadow:0 2px rgba(0,0,0,.5)}.slot-unlock-dialog .qrcode{position:relative;display:block;width:250px;height:250px;margin:10px auto;border:solid 3px;border-radius:15px}.slot-unlock-dialog .qrcode-btn{display:block;position:relative;-ms-touch-action:none;touch-action:none;color:#fff;font-weight:700;font-size:24px;z-index:2;margin:-60px 0 20px 140px;background-color:red;width:100px;border-radius:10px}.slot-unlock-dialog .sub-steps{display:inline-block;text-align:left;margin:5px auto;line-height:28px}.slot-unlock-dialog h2{margin:10px 0 20px;font-size:28px;color:#947031}.slot-unlock-dialog .unlock-now{font-size:16px;color:#428f32}.slot-unlock-dialog .btn{margin:20px 0 2px;vertical-align:top;width:150px}.slot-unlock-dialog .btn.btn-friend{margin-right:20px}.slot-unlock-dialog .btn.btn-subscribe{width:180px}.topbar [data-count='0'].topbar-msg-btn::after{display:none}.topbar .topbar-msg-btn::after{border-radius:50%;content:attr(data-count);position:absolute;width:23px;height:23px;color:#fff;background:#fb373c;text-align:center;font-size:18px;line-height:23px;font-weight:700;box-shadow:0 2px rgba(0,0,0,.5)}.topbar{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -4px;position:absolute;height:74px;width:100%;top:0;z-index:2;font-weight:700;background-color:rgba(0,0,0,.5);text-align:left}.topbar.game{background-image:none}.topbar .topbar-left,.topbar .topbar-right{display:inline-block}.topbar .topbar-left>div{display:inline-block;vertical-align:top}.topbar .topbar-avatar{position:relative;border:solid 3px #fff;border-radius:50%;width:54px;height:54px;margin:2px 0 0 8px}.topbar .topbar-avatar>img{position:relative;border-radius:50%;width:54px;height:54px}.topbar .topbar-avatar .topbar-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;font-weight:400;left:-5px;bottom:-14px;font-size:14px;line-height:17px;padding:2px 4px 0;max-width:200px;border-radius:5px;background:#10b9d5}.topbar .topbar-buttons{margin:5px 0 0 20px}.topbar .topbar-buttons>div{display:inline-block;vertical-align:middle;margin-right:10px}.topbar .topbar-msg-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -404px;width:52px;height:36px;position:relative}.topbar .topbar-msg-btn::after{top:-5px;right:-8px}.topbar .topbar-msg-btn:active{position:relative;top:2px}.topbar .topbar-task-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -369px;overflow:hidden;width:52px;height:58px;position:relative;margin-top:4px;overflow:visible}.topbar .topbar-task-btn>div{font-size:14px;position:absolute;bottom:0;left:-1px;min-width:56px;border-radius:6px;text-align:center;white-space:nowrap;background:rgba(0,0,0,.5);vertical-align:bottom}.coin-speed{position:absolute;top:10px;left:230px;height:46px;width:77px;z-index:1;text-align:center;text-shadow:0 2px rgba(0,0,0,.5)}.coin-speed.visit{left:165px}.coin-speed .count-label{position:absolute;left:0;top:2px;width:100%;height:100%;font-weight:700;font-size:24px;line-height:30px;color:#35e266;opacity:0;-webkit-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.coin-speed .count-label.speed-label{color:#fbe734}.coin-speed .count-label:first-child{opacity:1}.coin-speed .count-label>span:last-child{display:block;font-size:16px;line-height:20px}.coin-speed .count-label.fade-in{opacity:1!important}.coin-speed .count-label.fade-out{opacity:0!important}.coin-speed .icon-coin{width:18px;height:18px;background-size:18px 18px;margin-left:3px;vertical-align:middle;margin-bottom:3px}.topbar-right{float:right;width:180px;margin:5px 5px 0 0}.topbar-right .topbar-coin,.topbar-right .topbar-diamond{position:relative;float:right;padding-right:40px;width:105px;height:28px;font-size:18px;line-height:28px;text-align:right;background:rgba(0,0,0,.5);border-radius:7px}.topbar-right .topbar-coin:before,.topbar-right .topbar-diamond:before{content:'+';position:absolute;width:20px;left:3px;top:3px;border-radius:5px;font-size:20px;line-height:22px;text-align:center;background:rgba(255,255,255,.5)}.topbar-right .topbar-coin:after,.topbar-right .topbar-diamond:after{content:'';position:absolute;right:0;top:-2px;-webkit-transform:scale(.9);transform:scale(.9)}.topbar-right .topbar-coin:after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-449px -237px;overflow:hidden;width:31px;height:33px}.topbar-right .topbar-diamond{margin-top:6px}.topbar-right .topbar-diamond:after{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -195px;overflow:hidden;width:38px;height:34px;right:-3px}.topbar-help-count{float:right;font-size:20px;font-weight:700;color:#795548;margin:8px 10px 0 0;text-shadow:0 1px rgba(0,0,0,.5);text-align:center;line-height:28px}.tutorial-tip-content{border-radius:10px;background:#fff;color:#333;box-shadow:0 2px 2px rgba(0,0,0,.5)}.tutorial-tip{position:absolute;z-index:3;-webkit-transition:opacity 1s;transition:opacity 1s;text-shadow:none}.tutorial-tip .tutorial-tip-content{padding:8px 14px 6px;min-width:80px;max-width:180px;font-size:18px;line-height:20px}.tutorial-tip .caret{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-735px -536px;overflow:hidden;width:13px;height:10px;display:block;position:absolute;bottom:-9px;margin-left:-11px}.tutorial-tip.task-tutorial-tip{margin-top:100px}.tutorial-tip.task-tutorial-tip .caret{top:-10px;bottom:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tutorial-big-tip .tutorial-tip-content{position:relative;width:340px;height:200px;margin:-40px auto 0;font-size:22px;font-weight:700;line-height:32px;color:#684725}.tutorial-big-tip .tutorial-tip-content>div{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:300px}.tutorial-big-tip .tutorial-ok-btn{float:right;margin-right:24px;margin-top:10px}.tutorial-big-tip:after{content:'';display:block;position:absolute;width:113px;height:280px;margin-top:20px;background:url(/zoo/image/guide-goose.png) bottom left no-repeat}.tutorial-tip,.yardtip{-webkit-transition:opacity .5s;transition:opacity .5s}.tutorial-tip.fade-in,.yardtip.fade-in{opacity:1}.tutorial-tip.fade-out,.yardtip.fade-out{opacity:0}@-webkit-keyframes float{50%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}80%{-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}}@keyframes float{50%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}80%{-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}}.float{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.tutorial-book{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-4px -86px;overflow:hidden;width:271px;height:101px;box-sizing:border-box;text-align:left;z-index:3;position:absolute;left:2px;bottom:240px;padding:12px 5px 0 70px;-ms-touch-action:none;touch-action:none;pointer-events:none;color:#724210}.tutorial-book .tutbook-progress-bar{position:absolute;left:72px;top:67px;height:14px;border-radius:3px;background-color:#fcd53f}.tutorial-book .tutbook-progress-text{position:absolute;color:#fff;left:73px;top:66px;width:180px;height:18px;text-align:center;font-size:16px;line-height:18px}.tutorial-book .tutbook-title{font-size:22px;line-height:30px}.tutorial-book .tutbook-desc{font-size:16px;line-height:18px}.tutorial-book .tutbook-award{position:absolute;padding:0 3px;top:14px;right:15px;font-size:18px;color:#fff;min-width:100px;background:#a18142;border-radius:5px;line-height:22px;text-align:center}.yardtip{position:absolute;right:30px;bottom:50px;-ms-touch-action:none;touch-action:none;pointer-events:none;opacity:.9}.yardtip .tutorial-tip{position:static;margin-bottom:10px}.yardtip .yardtip-slide>*{display:inline-block;vertical-align:middle}.yardtip .yardtip-arrow{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-492px -354px;overflow:hidden;width:48px;height:42px}.yardtip .yardtip-arrow.right{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.yardtip .yardtip-hand{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-427px -86px;overflow:hidden;width:36px;height:47px;-webkit-transform:scale(.9);transform:scale(.9);margin:0 5px}.tip-fade-out{opacity:0}@-webkit-keyframes tip-flash{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes tip-flash{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.tip-flash{-webkit-animation:tip-flash 1s infinite;animation:tip-flash 1s infinite}.contest-btn{position:absolute;bottom:12px;right:1px;z-index:2;min-width:60px;min-height:74px;-webkit-filter:drop-shadow(1px 2px 2px rgba(0,0,0,.5));filter:drop-shadow(1px 2px 2px rgba(0,0,0,.5))}.contest-btn:active{margin-top:1px}.contest-btn:after{font-size:14px;position:absolute;white-space:nowrap;bottom:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:'搜救大赛';background:#960b16;padding:2px;border-radius:5px}.yard-btns{position:absolute;top:4px;right:5px;z-index:2}.yard-btns .wakedisco-btn{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-672px -435px;overflow:hidden;width:54px;height:54px;margin-top:4px;display:none}.yard-btns .wakedisco-btn.show{display:block}.yard-btns .wakedisco-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.disco-mask{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-animation:colorChange 1s infinite;animation:colorChange 1s infinite;pointer-events:none}@-webkit-keyframes colorChange{0%{background-color:rgba(255,0,0,.5)}25%{background-color:rgba(0,0,0,.5)}50%{background-color:rgba(0,0,255,.6)}75%{background-color:rgba(0,0,0,.5)}to{background-color:rgba(255,0,0,.5)}}@keyframes colorChange{0%{background-color:rgba(255,0,0,.5)}25%{background-color:rgba(0,0,0,.5)}50%{background-color:rgba(0,0,255,.6)}75%{background-color:rgba(0,0,0,.5)}to{background-color:rgba(255,0,0,.5)}}.disco-info{position:absolute;z-index:1;bottom:2px;width:100%;display:none}.disco-info.show{display:block}.disco-info>div{display:inline-block;vertical-align:top;font-size:20px;height:55px;box-sizing:border-box}.disco-info>div>div{font-size:80%}.disco-info .disco-remain{border-radius:5px;padding:7px 10px;background-color:rgba(0,0,0,.5)}.disco-info .disco-rush-btn{padding:5px 10px}.disco-info .disco-rush-btn>div::after{width:16px;height:16px;background:url(/zoo/image/main/icon-coin.png) no-repeat;background-size:16px 16px;content:'';display:inline-block;margin-left:4px;vertical-align:text-bottom}.yard{position:absolute;top:0;width:480px;text-align:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAABuBAMAAAAexcpnAAAAGFBMVEXTiRvihyfhhybGgB67eSDbiCG7eCC6eCBeZvlLAAAAeElEQVR4Xu3YMQqDQBCF4bfIpM+eIM30KXKAwF4g5BJewPtjY6eIzIAr8n/1wJvuwdOWUrXyeesY8+U8bvwqZj+5+18ng7niSk0nA0CP2jBPFFapueR7AwDgp7C/Xgp75pJ7AthougAAxtahKe4xKW5ol60+82MvzWZTDAvotlN6AAAAAElFTkSuQmCC)}.yard .yard-lock{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;width:150px;font-size:18px;z-index:2000}.yard .yard-lock .yard-lock-img{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-409px -237px;overflow:hidden;width:32px;height:38px;zoom:1.5;margin:10px auto}.yard .yard-lock .yard-region-name{font-size:22px;font-weight:700;color:#ffc107}.yard-1 .yard-block{background-image:url(/zoo/image/yard/yard1-rx.png)}.yard-1 .yard-block.construct{background-image:url(/zoo/image/yard/yard1-construct-rx.png)}.yard-1 .yard-block.unknown{background-image:url(/zoo/image/yard/yard1-empty-rx.png)}.yard-2 .yard-block{background-image:url(/zoo/image/yard/yard2-rx.png)}.yard-2 .yard-block.construct{background-image:url(/zoo/image/yard/yard2-construct-rx.png)}.yard-2 .yard-block.unknown{background-image:url(/zoo/image/yard/yard2-empty-rx.png)}.yard-3 .yard-block{background-image:url(/zoo/image/yard/yard3-rx.png)}.yard-3 .yard-block.construct{background-image:url(/zoo/image/yard/yard3-construct-rx.png)}.yard-3 .yard-block.unknown{background-image:url(/zoo/image/yard/yard3-empty-rx.png)}.yard-4 .yard-block{background-image:url(/zoo/image/yard/yard4-rx.png)}.yard-4 .yard-block.construct{background-image:url(/zoo/image/yard/yard4-construct-rx.png)}.yard-4 .yard-block.unknown{background-image:url(/zoo/image/yard/yard4-empty-rx.png)}.yard-tourist{position:absolute;-webkit-transition:top linear,left linear;transition:top linear,left linear}.yard-tourist.wander{-webkit-animation:swing .3s infinite;animation:swing .3s infinite;-webkit-transform-origin:center 90%;transform-origin:center 90%}@-webkit-keyframes swing{25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.yard-tourist-1{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-549px -296px;overflow:hidden;width:14px;height:28px}.yard-tourist-2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-549px -180px;overflow:hidden;width:15px;height:28px}.yard-tourist-3{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-747px -103px;overflow:hidden;width:14px;height:30px}.yard-tourist-4{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-549px -122px;overflow:hidden;width:14px;height:30px}.yard-tourist-5{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-735px -497px;overflow:hidden;width:17px;height:31px}.yard-tourist-6{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-747px -65px;overflow:hidden;width:14px;height:30px}.yard-tourist-7{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-739px -142px;overflow:hidden;width:20px;height:30px}.yard-tourist-8{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-549px -238px;overflow:hidden;width:15px;height:27px}.yard-block{width:100px;height:109px;display:inline-block;margin:3px 3px -7px;position:relative}.yard-block:nth-child(2n){margin-left:31px}.yard-block.construct>div{position:absolute;bottom:12%;left:13px;text-align:center;width:74px;margin:0 auto;padding:2px 0;font-size:16px;line-height:16px;background:rgba(0,0,0,.5);border-radius:8px}.yard-block .level-icon{position:absolute;bottom:0;vertical-align:top;color:#612d21;text-align:center;font-size:16px;line-height:20px;font-weight:700;text-shadow:0 1px #ffd257}.yard-block .level-icon.level-1{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-737px -304px;overflow:hidden;width:23px;height:26px}.yard-block .level-icon.level-2{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-732px -369px;overflow:hidden;width:23px;height:26px}.yard-block .level-icon.level-3{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-734px -435px;overflow:hidden;width:23px;height:26px}.yard-block .level-icon.level-4{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-739px -180px;overflow:hidden;width:23px;height:26px}.yard-block .level-icon.level-5{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-738px -258px;overflow:hidden;width:23px;height:26px}.yard-block .level-icon.level-6{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-738px -224px;overflow:hidden;width:23px;height:26px}.yard-block .zooanimal-statue{position:absolute;bottom:0;left:0}.yard-top{position:absolute;width:100%;height:100%;left:0;top:0}.yard-road{position:absolute;width:30px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAKCAIAAAAsFXl4AAAAUElEQVQoz2NYUsALRPNmtlERQcxkgFCrlk4BopVLJi+c0wWRBjKAXIg4qbJYjIaogEij6SRJlr5G0yRAaBiNFDoTTRbdaEoCF02WjkZTPUAAJDQG68kCD5QAAAAASUVORK5CYII=)}.yard-road:nth-child(1){left:105px}.yard-road:nth-child(2){left:345px}.zooanimal{position:absolute;bottom:16px;left:-5px}.zooanimal .zooanimal-lock{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-638px -454px;overflow:hidden;width:20px;height:23px;position:absolute;z-index:1;bottom:-2px}.zooanimal.face-left .zooanimal-sleep{left:0}.zooanimal.face-left .zooanimal-lock{right:0}.zooanimal.face-left .jump{-webkit-animation-name:jumpLeft;animation-name:jumpLeft}.zooanimal.face-left .jump.disco{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:discoLeft;animation-name:discoLeft;-webkit-animation-duration:.3s;animation-duration:.3s}.zooanimal.face-right .zooanimal-sleep{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-48px -622px;right:0;-webkit-transform-origin:bottom right;transform-origin:bottom right}.zooanimal.face-right .zooanimal-lock{left:0}.zooanimal.face-right .jump{-webkit-animation-name:jumpRight;animation-name:jumpRight}.zooanimal.face-right .jump.disco{-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:discoRight;animation-name:discoRight;-webkit-animation-duration:.3s;animation-duration:.3s}.zooanimal.standby .jump{-webkit-animation-name:standBy;animation-name:standBy}.zooanimal.standby.face-right .jump{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}.zooanimal.talk .zooanimal-talk{visibility:visible;opacity:1}.zooanimal .zooanimal-img{display:block;position:relative;margin-top:-10px;border:0;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;image-rendering:pixeled}.zooanimal .zooanimal-img.blink{-webkit-animation:blinker .5s linear infinite;animation:blinker .5s linear infinite}@-webkit-keyframes blinker{0%{opacity:1}40%{opacity:0}80%{opacity:1}to{opacity:1}}@keyframes blinker{0%{opacity:1}40%{opacity:0}80%{opacity:1}to{opacity:1}}.zooanimal .zooanimal-sleep{background-image:url(/zoo/image/sprite.png?561e0b8badca105f7c405bbe33a25280d38c7092);background-repeat:no-repeat;background-position:-439px -313px;overflow:hidden;width:41px;height:27px;position:absolute;z-index:1;top:-35px;-webkit-animation:scaleIn .2s;animation:scaleIn .2s;-webkit-transform-origin:bottom left;transform-origin:bottom left}@-webkit-keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jumpLeft{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}20%{-webkit-transform:scale3d(1,.95,1) translate3d(0,1px,0);transform:scale3d(1,.95,1) translate3d(0,1px,0)}50%{-webkit-transform:scale3d(.95,1.05,1) translate3d(0,-7px,0);transform:scale3d(.95,1.05,1) translate3d(0,-7px,0)}80%{-webkit-transform:scale3d(1.05,.95,1) translate3d(0,1px,0);transform:scale3d(1.05,.95,1) translate3d(0,1px,0)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jumpLeft{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}20%{-webkit-transform:scale3d(1,.95,1) translate3d(0,1px,0);transform:scale3d(1,.95,1) translate3d(0,1px,0)}50%{-webkit-transform:scale3d(.95,1.05,1) translate3d(0,-7px,0);transform:scale3d(.95,1.05,1) translate3d(0,-7px,0)}80%{-webkit-transform:scale3d(1.05,.95,1) translate3d(0,1px,0);transform:scale3d(1.05,.95,1) translate3d(0,1px,0)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes jumpRight{0%{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}20%{-webkit-transform:scale3d(-1,.95,1) translate3d(0,1px,0);transform:scale3d(-1,.95,1) translate3d(0,1px,0)}50%{-webkit-transform:scale3d(-.95,1.05,1) translate3d(0,-7px,0);transform:scale3d(-.95,1.05,1) translate3d(0,-7px,0)}80%{-webkit-transform:scale3d(-1.05,.95,1) translate3d(0,1px,0);transform:scale3d(-1.05,.95,1) translate3d(0,1px,0)}to{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}}@keyframes jumpRight{0%{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}20%{-webkit-transform:scale3d(-1,.95,1) translate3d(0,1px,0);transform:scale3d(-1,.95,1) translate3d(0,1px,0)}50%{-webkit-transform:scale3d(-.95,1.05,1) translate3d(0,-7px,0);transform:scale3d(-.95,1.05,1) translate3d(0,-7px,0)}80%{-webkit-transform:scale3d(-1.05,.95,1) translate3d(0,1px,0);transform:scale3d(-1.05,.95,1) translate3d(0,1px,0)}to{-webkit-transform:scale3d(-1,1,1);transform:scale3d(-1,1,1)}}@-webkit-keyframes discoLeft{0%{-webkit-transform:rotate(0deg) scale3d(1.1,.9,1);transform:rotate(0deg) scale3d(1.1,.9,1)}25%{-webkit-transform:rotate(-20deg) scale3d(.9,1.05,1) translate3d(14px -5px,0);transform:rotate(-20deg) scale3d(.9,1.05,1) translate3d(14px -5px,0)}50%{-webkit-transform:rotate(0deg) scale3d(.8,1.1,1) translate3d(0,-15px,0);transform:rotate(0deg) scale3d(.8,1.1,1) translate3d(0,-15px,0)}75%{-webkit-transform:rotate(20deg) scale3d(.9,1.05,1) translate3d(-14px,-5px,0);transform:rotate(20deg) scale3d(.9,1.05,1) translate3d(-14px,-5px,0)}to{-webkit-transform:rotate(0deg) scale3d(1.1,.9,1);transform:rotate(0deg) scale3d(1.1,.9,1)}}@keyframes discoLeft{0%{-webkit-transform:rotate(0deg) scale3d(1.1,.9,1);transform:rotate(0deg) scale3d(1.1,.9,1)}25%{-webkit-transform:rotate(-20deg) scale3d(.9,1.05,1) translate3d(14px -5px,0);transform:rotate(-20deg) scale3d(.9,1.05,1) translate3d(14px -5px,0)}50%{-webkit-transform:rotate(0deg) scale3d(.8,1.1,1) translate3d(0,-15px,0);transform:rotate(0deg) scale3d(.8,1.1,1) translate3d(0,-15px,0)}75%{-webkit-transform:rotate(20deg) scale3d(.9,1.05,1) translate3d(-14px,-5px,0);transform:rotate(20deg) scale3d(.9,1.05,1) translate3d(-14px,-5px,0)}to{-webkit-transform:rotate(0deg) scale3d(1.1,.9,1);transform:rotate(0deg) scale3d(1.1,.9,1)}}@-webkit-keyframes discoRight{0%{-webkit-transform:rotate(0deg) scale3d(-1.1,.9,1);transform:rotate(0deg) scale3d(-1.1,.9,1)}25%{-webkit-transform:rotate(-20deg) scale3d(-.9,1.05,1) translate3d(-14px -5px,0);transform:rotate(-20deg) scale3d(-.9,1.05,1) translate3d(-14px -5px,0)}50%{-webkit-transform:rotate(0deg) scale3d(-.8,1.1,1) translate3d(0,-15px,0);transform:rotate(0deg) scale3d(-.8,1.1,1) translate3d(0,-15px,0)}75%{-webkit-transform:rotate(20deg) scale3d(-.9,1.05,1) translate3d(14px,-5px,0);transform:rotate(20deg) scale3d(-.9,1.05,1) translate3d(14px,-5px,0)}to{-webkit-transform:rotate(0deg) scale3d(-1.1,.9,1);transform:rotate(0deg) scale3d(-1.1,.9,1)}}@keyframes discoRight{0%{-webkit-transform:rotate(0deg) scale3d(-1.1,.9,1);transform:rotate(0deg) scale3d(-1.1,.9,1)}25%{-webkit-transform:rotate(-20deg) scale3d(-.9,1.05,1) translate3d(-14px -5px,0);transform:rotate(-20deg) scale3d(-.9,1.05,1) translate3d(-14px -5px,0)}50%{-webkit-transform:rotate(0deg) scale3d(-.8,1.1,1) translate3d(0,-15px,0);transform:rotate(0deg) scale3d(-.8,1.1,1) translate3d(0,-15px,0)}75%{-webkit-transform:rotate(20deg) scale3d(-.9,1.05,1) translate3d(14px,-5px,0);transform:rotate(20deg) scale3d(-.9,1.05,1) translate3d(14px,-5px,0)}to{-webkit-transform:rotate(0deg) scale3d(-1.1,.9,1);transform:rotate(0deg) scale3d(-1.1,.9,1)}}.zooanimal .zooanimal-talk{position:absolute;top:-15px;-webkit-transform:translateY(-100%);transform:translateY(-100%);left:-15px;visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;padding:5px;min-width:70px;max-width:90px;border-radius:10px;background:#fff;color:#333;text-align:center;font-weight:700;font-size:14px;z-index:1}.zooanimal .zooanimal-talk::after{content:'';position:absolute;bottom:-7px;left:40%;display:block;width:0;height:0;border:solid 4px;border-color:#fff transparent transparent #fff;font-size:1px;line-height:0}.zooanimal .zooanimal-coin{position:absolute;z-index:1;top:-15px;left:-12px;width:70px;font-weight:700;text-shadow:-1px -1px 1px #1f6590,1px -1px 1px #1f6590,-1px 1px 1px #1f6590,1px 1px 1px #1f6590;-webkit-animation:coin-move-up 1s;animation:coin-move-up 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes coin-move-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}80%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}@keyframes coin-move-up{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}80%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:1}to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}.zooanimal .zooanimal-shadow{position:absolute;bottom:-4px;left:0;background:rgba(0,0,0,.2);border-radius:5px;z-index:-1}.zooanimal-detail{position:absolute;right:0;bottom:-1px;height:26px;text-align:left;white-space:nowrap}.zooanimal-detail>*{display:inline-block;vertical-align:top}.zooanimal-detail .avatar{-webkit-transform:scale(.3);transform:scale(.3);-webkit-transform-origin:top left;transform-origin:top left;margin:-1px -59px 0 -9px}.zooanimal-detail .name{max-width:52px;overflow:hidden;font-size:14px;line-height:18px;padding:0 3px;border-radius:5px 0 0 5px;background-color:rgba(0,0,0,.5);margin:4px 2px 0 -20px}