.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.align-items{-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center}.flex-direction{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;-webkit-box-lines:multiple;-moz-flex-wrap:wrap;flex-wrap:wrap}.hide{display:none}.show{display:block}a{color:#000}a:hover{text-decoration:none}body{position:fixed;width:100%;height:100%;left:0;top:0;overflow:hidden;font:"微软雅黑","宋体","Arial Narrow",HELVETICA;background:url(../img/bg.png) no-repeat;background-size:cover}.time{background:url(../img/time.png) no-repeat;background-size:cover;width:240px;height:88px;font-size:30px;color:#e1c777;line-height:75px;text-indent:75px;position:fixed;top:.5rem;left:.3rem}canvas#map{position:fixed;top:110px;left:0}.count-down-img{position:fixed;z-index:100000001}.count-down-img img{width:344px;position:fixed;top:20%;left:50%;margin-left:-172px;animation:mfv 1s linear infinite 0s;-webkit-animation:mfv 1s linear infinite 0s;-moz-animation:mfv 1s linear infinite 0s}.choice{position:fixed;top:63.5%}.choice-box{top:60%;width:92%;position:fixed;background:url(../img/choice-box.png) no-repeat;background-position: 0px 55px;height:5.5rem;left:4%}.choice-box #map1{left:10%}.choice-box #map2{left:50%}.click-box{top:450px;position:fixed;right:.5rem}.choice-box-2{top:60%;width:92%;position:fixed;background:url(../img/choice-box-2.png) no-repeat;background-size:contain;height:5.5rem;left:4%}.choice-box-2 .map-canvas{margin-left:7%}.success-word{position:fixed;left:45%;top:4%;animation:mfv .6s linear 2 0s;-webkit-animation:mfv .6s linear 2 0s;-moz-animation:mfv .6s linear 2 0s}.btn-box{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;position:fixed;top:90%;z-index:1000001;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center}.btn-box .start-btn{margin-right:0!important;background:url(../img/start-btn.png) no-repeat;background-size:contain;width:225px;height:150px}.btn-box .ranking-btn{background:url(../img/ranking-btn.png) no-repeat;background-size:contain;width:225px;height:150px}.btn-box .share-btn{background:url(../img/share-btn.png) no-repeat;background-size:contain;width:225px;height:150px}.btn-box .return-btn{background:url(../img/return.png) no-repeat;background-size:contain;width:225px;height:150px}.btn-box .toMap-btn{background:url(../img/toMap-btn.png) no-repeat;background-size:contain;width:225px;height:150px}.btn-box span:nth-of-type(1){margin-right:1rem}.ranking-box{position:fixed;z-index:1000001;top:8%;background:url(../img/ranking-frm-bg.png) no-repeat;background-size:cover;width:697px;height:911px;left:50%;margin-left:-348.5px}.ranking-box ul{width:600px;height:810px;overflow:auto;margin-top:60px;margin-left:60px}.ranking-box ul li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;margin-bottom:.2rem;position:relative}.ranking-box ul li .r{width:86px}.ranking-box ul li .p{width:66px;height:66px;border-radius:50%;margin-left:.12rem;margin-top:.12rem;position:absolute}.ranking-box ul li .n{color:#fff;width:185px;font-size:.35rem}.ranking-box ul li .t{background:url(../img/time-use.png) no-repeat;background-size:cover;width:172px;height:54px;line-height:58px;text-indent:58px;color:#e1c777;font-size:.35rem}.ranking-box ul li .rank1{background:url(../img/rank1.png) no-repeat;background-size:cover;width:129.38px;height:86.25px}.ranking-box ul li .rank1 .p{margin-left:32px;margin-top:11px}.ranking-box ul li .rank2{background:url(../img/rank2.png) no-repeat;background-size:contain;width:129.38px;height:86.25px}.ranking-box ul li .rank2 .p{margin-left:30px;margin-top:9px}.ranking-box ul li .rank3{background:url(../img/rank3.png) no-repeat;background-size:contain;width:129.38px;height:86.25px;margin-left:.2rem}.ranking-box ul li .rank3 .p{margin-left:14px;margin-top:9px}.ranking-box ul li .rank{background:url(../img/photo-frm.png) no-repeat;background-size:contain;width:129.38px;height:86.25px;margin-left:.2rem}.ranking-box ul .n.ti{margin-left:-.2rem}.close-btn{position:fixed;top:10%;right:2%;z-index:99999;background:url(../img/close.png) no-repeat;background-size:contain;width:1rem;height:1rem}.top-btn{position:fixed;top:-12px;right:-48px;z-index:99999;background:url(../img/top.png) no-repeat;background-size:contain;width:400px;height:400px;z-index:10000001}.share-word{z-index:10000001;position:fixed;top:396px;width:408px;left:50%;margin-left:-204px}.result{position:fixed;z-index:1000001;width:100%;height:100%;left:0;top:0}.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.7;z-index:1000001}.loading-icon{position:fixed;background:url(../img/loading.gif) no-repeat;background-size:cover;width:1.5rem;height:1.5rem;top:50%;margin:-.75rem 0 0 -.75rem;left:50%;z-index:1000001}.city-box{position:fixed;z-index:1000002;background:url(../img/city-frm.png) no-repeat;background-size:cover;width:697px;height:1053px;left:50%;margin-left:-348.5px;top:5%}.city-box .city-name{position:absolute;margin-top:32px;margin-left:88px;font-size:32px;color:#0e3461;letter-spacing:.3rem}.city-box .close-btn-red{background:url(../img/close-rule.png) no-repeat;background-size:cover;width:75px;height:75px;position:absolute;right:12px;top:15px}.city-box .close-city-btn{background:url(../img/close-city.png) no-repeat;background-size:cover;width:75px;height:75px;position:absolute;right:20px;top:36px}.city-box .content{width:600px;height:860px;overflow:auto;left:48.5px;top:104.5px;position:absolute;margin-top:32px}.city-box .content p{color:#fff;font-size:30px!important;padding:.3rem 0;width:100%}.city-box .content p img{max-width:100%;width:100%}.city-box .content p span{font-size:30px!important;font-family:'微软雅黑'!important}.city-box .content span.ptitle{font-size:36px!important;color:#ffe640;margin-top:20px;display:inline-block}.rule-box{position:fixed;z-index:1000002;background:url(../img/rule-frm.png) no-repeat;background-size:cover;width:669px;height:720px;left:50%;margin-left:-334.5px;top:16%}.rule-box .close-rule-btn{background:url(../img/close-rule.png) no-repeat;background-size:cover;width:75px;height:75px;position:absolute;margin-top:720px;left:50%;margin-left:-32.5px}.rule-box ul{height:353px;width:498px;margin-left:78.5px;margin-top:246px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-flex-direction:column;-webkit-box-align:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center}.rule-box li{color:#7b3624;font-size:30px;height:100px}.rule-box li:nth-of-type(2){height:153px}@-webkit-keyframes move{0%{right:-96px}50%{right:-48px}100%{right:0}}@keyframes move{0%{right:-96px}50%{right:-48px}100%{right:0}}@-webkit-keyframes mfv{0%{-webkit-transform:scale(.8)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.8)}}@keyframes mfv{0%{display:block;transform:scale(.8)}50%{transform:scale(1)}100%{transform:scale(.8)}}.rule-btn{background:url(../img/rule-btn.png) no-repeat;background-size:contain;width:75px;height:75px;right:130px;position:fixed;top:.5rem}.music-btn{width:75px;height:75px;right:30px;top:.5rem;cursor:pointer;background:url(../img/music-frm.png) no-repeat;background-size:100% 100%;position:fixed}#musicPlayer{background:url(../img/music.png) no-repeat;width:40px;height:40px;position:absolute;margin-top:12px;margin-left:11px;background-size:100% 100%;-webkit-animation:play 3s linear infinite}#music{display:block}#musicPlayer.pause{-webkit-animation:none}@-webkit-keyframes play{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes play{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-o-keyframes play{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes play{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.loading{position:fixed;top:0;width:100%;height:100%;background:#161616;z-index:10000000}ul#progress{list-style:none;width:125px;margin:40% auto;padding-top:50px;padding-bottom:50px}ul#progress li{float:left;position:relative;width:15px;height:15px;border:1px solid #fff;border-radius:50px;margin-left:10px;border-left:1px solid #111;border-top:1px solid #111;border-right:1px solid #333;border-bottom:1px solid #333;background:#000}ul#progress li:first-child{margin-left:0}ul#progress li:nth-of-type(2) .ball,ul#progress li:nth-of-type(2) .pulse{animation-delay:.5s;-webkit-animation-delay:.5s}ul#progress li:nth-of-type(3) .ball,ul#progress li:nth-of-type(3) .pulse{animation-delay:1s;-webkit-animation-delay:1s}ul#progress li:nth-of-type(4) .ball,ul#progress li:nth-of-type(4) .pulse{animation-delay:1.5s;-webkit-animation-delay:1.5s}ul#progress li:nth-of-type(5) .ball,ul#progress li:nth-of-type(5) .pulse{animation-delay:2s;-webkit-animation-delay:2s}.running .ball{background-color:#2187e7;background-image:-moz-linear-gradient(90deg,#2187e7 25%,#a0eaff);background-image:-webkit-linear-gradient(90deg,#2187e7 25%,#a0eaff);width:15px;height:15px;border-radius:50px;-moz-transform:scale(0);-webkit-transform:scale(0);-moz-animation:loading 1s linear forwards;-webkit-animation:loading 1s linear forwards}.running .pulse{width:15px;height:15px;border-radius:30px;border:1px solid #00c6ff;box-shadow:0 0 5px #00c6ff;position:absolute;top:-1px;left:-1px;-moz-transform:scale(0);-webkit-transform:scale(0);-webkit-animation:pulse 1s ease-out;-moz-animation:pulse 1s ease-out}@-moz-keyframes loading{0%{-moz-transform:scale(0,0)}100%{-moz-transform:scale(1,1)}}@-webkit-keyframes loading{0%{-webkit-transform:scale(0,0)}100%{-webkit-transform:scale(1,1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(0);opacity:0}10%{-moz-transform:scale(1);opacity:.5}50%{-moz-transform:scale(1.75);opacity:0}100%{-moz-transform:scale(0);opacity:0}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}10%{-webkit-transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.75);opacity:0}100%{-webkit-transform:scale(0);opacity:0}}@-webkit-keyframes mfv{0%{-webkit-transform:scale(.8)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.8)}}@keyframes mfv{0%{transform:scale(.8)}50%{transform:scale(1)}100%{transform:scale(.8)}}@-o-keyframes mfv{0%{-webkit-transform:scale(.8)}50%{-o-transform:scale(1)}100%{-o-transform:scale(.8)}}@-moz-keyframes mfv{0%{-moz-transform:scale(.8)}50%{-moz-transform:scale(1)}100%{-moz-transform:scale(.8)}}@-ms-keyframes mfv{0%{-ms-transform:scale(.8)}50%{-ms-transform:scale(1)}100%{-ms-transform:scale(.8)}}