html,body,input,button,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none;text-decoration:none}.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both}button{cursor:pointer}.fl{float:left !important}.fr{float:right !important}.borderNo{border:none !important}.margin0{margin:0 !important}.marginR0{margin-right:0 !important}.marginB0{margin-bottom:0 !important}.marBtw{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}a{text-decoration:none;color:#000}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font:.32rem/1.5 "'Microsoft Yahei','PingFangSC-Medium','Simsun','arial'";color:#333}*{opacity:1}.first-container{background:url(../img/bg1.png);background-size:100% 100%}#animate_second{background:url(../img/bg2.png);background-size:100% 100%}#share_container{background:url(../img/bgpic3.png);background-size:100% 100%}#app{width:100vw;height:100vh;overflow:hidden;-webkit-perspective-origin:center center;perspective-origin:center center;color:#fff;text-align:center;position:relative}.my-btn{width:5rem;height:.8rem;line-height:.8rem;color:#fff;font-size:.28rem;border-radius:.6rem;display:inline-block}.swiper-slide{width:100vw;height:100vh;padding:.1rem}.swiper-slide:nth-of-type(1){padding-top:.1rem}.second-show-text{line-height:100vh}.btn-fire{margin:.3rem auto .56rem}.view-my-position{margin:.52rem auto .52rem}.btn-all{width:6.6rem;height:1.04rem;font-size:.34rem;font-weight:bold;line-height:1.04rem;color:#fff;background:-webkit-gradient(linear, left top, right top, from(#2abaff), color-stop(25%, #9622ff), color-stop(50%, #2abaff), color-stop(75%, #9622ff), to(#2abaff));background:linear-gradient(to right, #2abaff, #9622ff 25%, #2abaff 50%, #9622ff 75%, #2abaff);background-size:200%;display:block;border-radius:.1rem;-webkit-animation:bgMove 2s infinite linear;animation:bgMove 2s infinite linear;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.logo img{width:6.6rem;height:.4rem}.first-container .text-show{margin-top:.25rem;margin-bottom:.25rem;font-size:.3rem;line-height:.38rem;text-align:center}.first-container .first-bottom{height:calc(100vh - 5.3rem);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;position:relative}.first-container .first-bottom.active{-webkit-transform:scale(1);transform:scale(1)}.first-container .city_light{margin-bottom:-.4rem}.first-container .city_light img{width:4.28rem;height:2.98rem}.first-container .city-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.first-container .city-list li{width:1.2rem;height:.54rem;border:1px solid #409bff;font-size:.24rem;line-height:.54rem;color:#409bff;margin-right:.14rem}.first-container .city-list li:nth-last-child(1){margin-right:0}.first-container .city-list li.active{background:#409bff;color:#fff}@-webkit-keyframes bgMove{from{background-position:0}to{background-position:-100%}}@keyframes bgMove{from{background-position:0}to{background-position:-100%}}.first-container .copyright{text-align:center;font-size:.26rem;opacity:.8}.first-container iframe{width:100%;height:4.3rem;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s}.first-container iframe.active{-webkit-transform:scaleY(1);transform:scaleY(1)}.second_container{width:calc(100vw - .2rem);height:calc(100vh - .2rem);overflow:hidden;-webkit-perspective:40rem;perspective:40rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;z-index:1}#view-share{width:2.12rem;height:.64rem;font-size:.26rem;line-height:.64rem;position:absolute;color:#409bff;top:.38rem;right:.38rem;border:1px solid #409bff;z-index:1000;display:none}.bottom-operation{width:calc(100% - .2rem);text-align:center;font-size:.28rem;position:absolute;top:calc(1.7rem + 160px);z-index:1000;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.bottom-operation.active{opacity:1}.bottom-operation .city_light2{text-align:right;margin:0 1.5rem .5rem 0}.bottom-operation .city_light2 img{width:2.8rem;height:2.3rem}.ranking{color:#FEC22E}#begin{width:250px;height:290px;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:50%;top:1.7rem;margin-left:-125px;z-index:1;-webkit-perspective:2000px;perspective:2000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out, -webkit-transform 1s ease-in-out;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#begin.active{-webkit-transform:translate3d(0, -100px, 0);transform:translate3d(0, -100px, 0)}#begin li{width:10px;height:10px;-webkit-transform:translate3d(0, 0, 0) scale(0);transform:translate3d(0, 0, 0) scale(0);-webkit-transform-origin:center;transform-origin:center;position:relative;border:1px solid #000;z-index:1}#begin li.activeBorder{border:1px solid #000}#begin li.activeMy{position:relative;z-index:10000;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff}#begin li.activeMy img{width:26px;height:26px;position:relative;top:-8px;left:-8px}#begin li.my{position:relative;z-index:10000}#begin li.my::after{content:'';display:block;width:6px;height:6px;position:absolute;left:50%;top:50%;margin-left:-3px;margin-top:-3px;border-radius:50%;background:#F9ED0C;-webkit-box-shadow:0 0 3px red;box-shadow:0 0 3px red;-webkit-animation:shanshan 1s forwards infinite alternate;animation:shanshan 1s forwards infinite alternate}#begin li.active0{-webkit-transform:scale(0.5);transform:scale(0.5)}#begin li img{width:100%;height:100%;display:block}.save{color:#409bff;opacity:.8;margin:.2rem 0 .4rem;display:inline-block}#share_container .last-light{margin-top:1.2rem;text-align:center}#share_container .last-light img{width:4.88rem;height:3.12rem}#share_container .last-city_light{margin-top:-.55rem;text-indent:1.2rem}#share_container .last-city_light img{width:3.02rem;height:2.52rem}#share_container .qrcode{margin:.3rem -.1rem 0}#share_container .qrcode img{width:100vw;height:1.8rem}.third_container{width:calc(100% - .2rem);margin-top:.4rem}.third_container .photo_info-container{width:5.5rem;margin:auto}.third_container .photo{margin-right:.3rem;background:url(../img/bg_touxiang.png);background-size:100% 100%;width:1rem;height:1rem;padding:.15rem}.third_container .photo img{width:.7rem;height:.7rem;border-radius:50%}.third_container .photo_info{width:4rem;text-align:left}.third_container .photo_info p{width:calc((100vw - 5.8rem) / 2 + 4.4rem)}@-webkit-keyframes move0{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@keyframes move0{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(0.5);transform:scale(0.5)}}@-webkit-keyframes shanshan{from{-webkit-transform:scale(0.5);transform:scale(0.5);background:#F9ED0C}to{-webkit-transform:scale(5);transform:scale(5);background:#fff}}@keyframes shanshan{from{-webkit-transform:scale(0.5);transform:scale(0.5);background:#F9ED0C}to{-webkit-transform:scale(5);transform:scale(5);background:#fff}}