.zone-page{position:absolute;background:url(../../../statics/web/img/bg.8d63e77c.png) no-repeat top;width:100%;height:100vh;background-size:cover;overflow:hidden}.zone-page .bg .tips{position:absolute;bottom:115px;left:20px;background:url(../../../statics/web/img/bg_txt.d7c9e2ad.png) no-repeat 50%;width:337px;height:22px;background-size:cover}.zone-page .project{position:absolute;top:144px;left:72px;background:url(../../../statics/web/img/project.9d7120f2.png) no-repeat 50%;width:203px;height:123px;background-size:cover}.zone-page .metro{position:relative;background:url(../../../statics/web/img/metro.086295be.png) no-repeat top;width:100%;height:100vh;background-size:cover}.zone-page .metro .line{-webkit-animation-name:line;animation-name:line;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-size:100% auto;background-repeat:no-repeat;background-position:0 0}.zone-page .metro .line,.zone-page .metro .station{position:absolute;top:0;left:0;width:100%;height:100vh}.zone-page .metro .station{background:url(../../../statics/web/img/m1.5b034dab.png) no-repeat top;background-size:cover}.zone-page .metro .tips{position:absolute;bottom:150px;left:13px;background:url(../../../statics/web/img/m_tips.4165d6ce.png) no-repeat 50%;width:243px;height:116px;background-size:cover}.zone-page .emporia{position:relative;background:url(../../../statics/web/img/emporia.e842ee3c.png) no-repeat top;width:100%;height:100vh;background-size:cover;overflow:hidden}.zone-page .emporia .radar1{top:30px;left:20px;width:180px;height:180px;background:rgba(208,158,81,.4);border:1px dashed #f49d36;border-radius:50%}.zone-page .emporia .radar1,.zone-page .emporia .radar2{position:absolute;opacity:.3;-webkit-animation:zoomrotate 4s linear infinite;animation:zoomrotate 4s linear infinite}.zone-page .emporia .radar2{top:142px;left:44px;width:210px;height:210px;background:rgba(205,109,105,.4);border:1px dashed #c96c68;border-radius:50%}.zone-page .emporia .radar3{position:absolute;top:250px;left:208px;width:166px;height:166px;background:rgba(106,69,139,.4);opacity:.3;border:1px dashed #7f72d7;border-radius:50%;-webkit-animation:zoomrotate 4s linear infinite;animation:zoomrotate 4s linear infinite}.zone-page .emporia .e1,.zone-page .emporia .e2,.zone-page .emporia .e3,.zone-page .emporia .e4,.zone-page .emporia .e5{position:absolute;color:#fff;font-size:7px;font-weight:600}.zone-page .emporia .e1 .point,.zone-page .emporia .e2 .point,.zone-page .emporia .e3 .point,.zone-page .emporia .e4 .point,.zone-page .emporia .e5 .point{position:absolute;bottom:-3px;background:url(../../../statics/web/img/e1.26331711.png) no-repeat 50%;width:30px;height:55px;background-size:cover;-webkit-animation:zoom 2s infinite;animation:zoom 2s infinite}.zone-page .emporia .e6,.zone-page .emporia .e7,.zone-page .emporia .e8,.zone-page .emporia .e9{position:absolute;color:#fff;font-size:7px;font-weight:600}.zone-page .emporia .e6 .point,.zone-page .emporia .e7 .point,.zone-page .emporia .e8 .point,.zone-page .emporia .e9 .point{position:absolute;bottom:-3px;background:url(../../../statics/web/img/e1.26331711.png) no-repeat 50%;width:30px;height:55px;background-size:cover}.zone-page .emporia .e1{top:138px;left:160px}.zone-page .emporia .e1 .point{right:-25px}.zone-page .emporia .e2{top:96px;left:115px}.zone-page .emporia .e2 .point{right:-25px}.zone-page .emporia .e3{top:175px;left:19px}.zone-page .emporia .e3 .point{left:-25px}.zone-page .emporia .e4{top:181px;left:202px}.zone-page .emporia .e4 span{display:inline-block;transform:rotate(45deg) translateY(-5px);transform-origin:bottom right}.zone-page .emporia .e4 .point{right:-25px}.zone-page .emporia .e5{top:260px;left:133px}.zone-page .emporia .e5 .point{right:-25px}.zone-page .emporia .e6{top:101px;left:250px}.zone-page .emporia .e6 .point{right:-25px}.zone-page .emporia .e7{top:114px;left:267px}.zone-page .emporia .e7 .point{right:-25px}.zone-page .emporia .e8{top:116px;left:169px}.zone-page .emporia .e8 .point{right:-25px}.zone-page .emporia .e9{top:90px;left:61px}.zone-page .emporia .e9 .point{right:-25px}.zone-page .emporia .tips{position:absolute;bottom:150px;left:20px;background:url(../../../statics/web/img/e_tips.95353d44.png) no-repeat 50%;width:207px;height:76px;background-size:cover}.zone-page .hospital{position:relative;width:100%;height:100vh}.zone-page .hospital .h1,.zone-page .hospital .h2,.zone-page .hospital .h3,.zone-page .hospital .h4,.zone-page .hospital .h5{position:absolute;color:#fff;font-size:7px;font-weight:600}.zone-page .hospital .h1 .lpoint,.zone-page .hospital .h1 .rpoint,.zone-page .hospital .h2 .lpoint,.zone-page .hospital .h2 .rpoint,.zone-page .hospital .h3 .lpoint,.zone-page .hospital .h3 .rpoint,.zone-page .hospital .h4 .lpoint,.zone-page .hospital .h4 .rpoint,.zone-page .hospital .h5 .lpoint,.zone-page .hospital .h5 .rpoint{position:absolute;bottom:-3px;background:url(../../../statics/web/img/e1.26331711.png) no-repeat 50%;width:30px;height:55px;background-size:cover;-webkit-animation:zoom 2s infinite;animation:zoom 2s infinite}.zone-page .hospital .h1 .lpoint,.zone-page .hospital .h2 .lpoint,.zone-page .hospital .h3 .lpoint,.zone-page .hospital .h4 .lpoint,.zone-page .hospital .h5 .lpoint{left:-25px}.zone-page .hospital .h1 .rpoint,.zone-page .hospital .h2 .rpoint,.zone-page .hospital .h3 .rpoint,.zone-page .hospital .h4 .rpoint,.zone-page .hospital .h5 .rpoint{right:-25px}.zone-page .hospital .h1{top:128px;left:122px}.zone-page .hospital .h2{top:139px;left:202px}.zone-page .hospital .h3{top:170px;left:280px}.zone-page .hospital .h4{top:145px;left:332px}.zone-page .hospital .h5{top:98px;left:243px}.zone-page .hospital .tips{position:absolute;bottom:150px;left:20px;background:url(../../../statics/web/img/h_tips.2f9042b8.png) no-repeat 50%;width:236px;height:92px;background-size:cover}.zone-page .school{position:relative;width:100%;height:100vh}.zone-page .school .s1,.zone-page .school .s2,.zone-page .school .s3,.zone-page .school .s4,.zone-page .school .s5,.zone-page .school .s6,.zone-page .school .s7,.zone-page .school .s8,.zone-page .school .s9,.zone-page .school .s10,.zone-page .school .s11{position:absolute;color:#fff;font-size:7px;font-weight:600}.zone-page .school .s1 .lpoint,.zone-page .school .s1 .rpoint,.zone-page .school .s2 .lpoint,.zone-page .school .s2 .rpoint,.zone-page .school .s3 .lpoint,.zone-page .school .s3 .rpoint,.zone-page .school .s4 .lpoint,.zone-page .school .s4 .rpoint,.zone-page .school .s5 .lpoint,.zone-page .school .s5 .rpoint,.zone-page .school .s6 .lpoint,.zone-page .school .s6 .rpoint,.zone-page .school .s7 .lpoint,.zone-page .school .s7 .rpoint,.zone-page .school .s8 .lpoint,.zone-page .school .s8 .rpoint,.zone-page .school .s9 .lpoint,.zone-page .school .s9 .rpoint,.zone-page .school .s10 .lpoint,.zone-page .school .s10 .rpoint,.zone-page .school .s11 .lpoint,.zone-page .school .s11 .rpoint{position:absolute;bottom:-3px;background:url(../../../statics/web/img/s1.ad7b61e0.png) no-repeat 50%;width:30px;height:55px;background-size:cover;-webkit-animation:zoom 2s infinite;animation:zoom 2s infinite}.zone-page .school .s1 .lpoint,.zone-page .school .s2 .lpoint,.zone-page .school .s3 .lpoint,.zone-page .school .s4 .lpoint,.zone-page .school .s5 .lpoint,.zone-page .school .s6 .lpoint,.zone-page .school .s7 .lpoint,.zone-page .school .s8 .lpoint,.zone-page .school .s9 .lpoint,.zone-page .school .s10 .lpoint,.zone-page .school .s11 .lpoint{left:-25px}.zone-page .school .s1 .rpoint,.zone-page .school .s2 .rpoint,.zone-page .school .s3 .rpoint,.zone-page .school .s4 .rpoint,.zone-page .school .s5 .rpoint,.zone-page .school .s6 .rpoint,.zone-page .school .s7 .rpoint,.zone-page .school .s8 .rpoint,.zone-page .school .s9 .rpoint,.zone-page .school .s10 .rpoint,.zone-page .school .s11 .rpoint{right:-25px}.zone-page .school .s5 .lpoint,.zone-page .school .s5 .rpoint,.zone-page .school .s6 .lpoint,.zone-page .school .s6 .rpoint{background:url(../../../statics/web/img/s3.41c0a55f.png) no-repeat 50%;width:30px;height:55px;background-size:cover}.zone-page .school .s7 .lpoint,.zone-page .school .s7 .rpoint,.zone-page .school .s8 .lpoint,.zone-page .school .s8 .rpoint,.zone-page .school .s9 .lpoint,.zone-page .school .s9 .rpoint,.zone-page .school .s10 .lpoint,.zone-page .school .s10 .rpoint,.zone-page .school .s11 .lpoint,.zone-page .school .s11 .rpoint{background:url(../../../statics/web/img/s2.780d2584.png) no-repeat 50%;width:30px;height:55px;background-size:cover}.zone-page .school .s1{top:344px;left:173px}.zone-page .school .s2{top:221px;left:257px}.zone-page .school .s3{top:318px;left:118px}.zone-page .school .s4{top:195px;left:233px}.zone-page .school .s5{top:366px;left:250px}.zone-page .school .s6{top:141px;left:201px}.zone-page .school .s7{top:174px;left:284px}.zone-page .school .s8{top:184px;left:84px}.zone-page .school .s9{top:104px;left:236px}.zone-page .school .s10{top:249px;left:281px}.zone-page .school .s11{top:94px;left:108px}.zone-page .school .tips{position:absolute;bottom:150px;left:20px;background:url(../../../statics/web/img/s_tips.0534d81f.png) no-repeat 50%;width:257px;height:132px;background-size:cover}.zone-page .park{position:relative;background:url(../../../statics/web/img/park.304b3794.png) no-repeat top;width:100%;height:100vh;background-size:cover}.zone-page .park .p1,.zone-page .park .p2,.zone-page .park .p3,.zone-page .park .p4,.zone-page .park .p5{position:absolute;color:#fff;font-size:7px;font-weight:600}.zone-page .park .p1 .lpoint,.zone-page .park .p1 .rpoint,.zone-page .park .p2 .lpoint,.zone-page .park .p2 .rpoint,.zone-page .park .p3 .lpoint,.zone-page .park .p3 .rpoint,.zone-page .park .p4 .lpoint,.zone-page .park .p4 .rpoint,.zone-page .park .p5 .lpoint,.zone-page .park .p5 .rpoint{position:absolute;bottom:-3px;background:url(../../../statics/web/img/p1.6b210021.png) no-repeat 50%;width:30px;height:55px;background-size:cover;-webkit-animation:zoom 2s infinite;animation:zoom 2s infinite}.zone-page .park .p1 .lpoint,.zone-page .park .p2 .lpoint,.zone-page .park .p3 .lpoint,.zone-page .park .p4 .lpoint,.zone-page .park .p5 .lpoint{left:-25px}.zone-page .park .p1 .rpoint,.zone-page .park .p2 .rpoint,.zone-page .park .p3 .rpoint,.zone-page .park .p4 .rpoint,.zone-page .park .p5 .rpoint{right:-25px}.zone-page .park .p1{top:210px;left:215px}.zone-page .park .p2{top:122px;left:116px}.zone-page .park .p3{top:358px;left:197px}.zone-page .park .p4{top:204px;left:274px}.zone-page .park .p5{top:67px;left:234px}.zone-page .park .tips{position:absolute;bottom:150px;left:20px;background:url(../../../statics/web/img/p_tips.f90c49cb.png) no-repeat 50%;width:213px;height:88px;background-size:cover}.zone-page .guide{position:fixed;top:0;left:0;background:url(../../../statics/web/img/tips2.3660921d.png) no-repeat 50%;width:100vw;height:100vh;background-size:cover;background-size:347px 255px;z-index:999}.zone-page .box-panel{position:absolute;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);z-index:9999}.zone-page .box-panel .bg{position:absolute;width:344px;height:478px;top:10vh;left:16px}.zone-page .box-panel .bg a{position:absolute;top:10px;right:10px;width:27px;height:27px;background:rgba(0,0,0,.6);border-radius:50%;text-align:center;line-height:27px}.zone-page .box-panel .bg a .iconfont{color:#fff}.zone-page .box-panel .e1{background:url(../../../statics/web/img/e1_pic.97f54231.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .e2{background:url(../../../statics/web/img/e2_pic.16924f5f.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .e3{background:url(../../../statics/web/img/e3_pic.ca07be0f.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .e4{background:url(../../../statics/web/img/e4_pic.4f66114d.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .e5{background:url(../../../statics/web/img/e5_pic.83c8ea7f.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .h1{background:url(../../../statics/web/img/h1_pic.b353bb60.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .h2{background:url(../../../statics/web/img/h2_pic.7c41dfcd.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .h3{background:url(../../../statics/web/img/h3_pic.ad7e3d4a.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .h4{background:url(../../../statics/web/img/h4_pic.06ff2acd.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .h5{background:url(../../../statics/web/img/h5_pic.7c9e83d4.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s1{background:url(../../../statics/web/img/s1_pic.aec34480.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s2{background:url(../../../statics/web/img/s2_pic.70e3f6e3.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s3{background:url(../../../statics/web/img/s3_pic.56a55847.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s4{background:url(../../../statics/web/img/s4_pic.fdbc5dff.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s5{background:url(../../../statics/web/img/s5_pic.26347aaa.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s6{background:url(../../../statics/web/img/s6_pic.c1689a18.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s7{background:url(../../../statics/web/img/s7_pic.20f07cd0.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s8{background:url(../../../statics/web/img/s8_pic.0b283f78.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s9{background:url(../../../statics/web/img/s9_pic.2174f4ee.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s10{background:url(../../../statics/web/img/s10_pic.21bad382.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .s11{background:url(../../../statics/web/img/s11_pic.31d1e00a.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .p1{background:url(../../../statics/web/img/p1_pic.aa6084a6.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .p2{background:url(../../../statics/web/img/p2_pic.9d6e58db.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .p3{background:url(../../../statics/web/img/p3_pic.4dade817.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .p4{background:url(../../../statics/web/img/p4_pic.8cdb2fc1.png) no-repeat 50%;width:344px;height:478px;background-size:cover}.zone-page .box-panel .p5{background:url(../../../statics/web/img/p5_pic.0578a999.png) no-repeat 50%;width:344px;height:478px;background-size:cover}@-webkit-keyframes zoom{0%{transform:scale(1);transform-origin:15px 50px}50%{transform:scale(1.2);transform-origin:15px 50px}to{transform:scale(1);transform-origin:15px 50px}}@keyframes zoom{0%{transform:scale(1);transform-origin:15px 50px}50%{transform:scale(1.2);transform-origin:15px 50px}to{transform:scale(1);transform-origin:15px 50px}}@-webkit-keyframes line{0%{background-image:url(../../../statics/web/img/m2.0e1c0876.png)}50%{background-image:url(../../../statics/web/img/m3.6ff625b5.png)}to{background-image:url(../../../statics/web/img/m2.0e1c0876.png)}}@keyframes line{0%{background-image:url(../../../statics/web/img/m2.0e1c0876.png)}50%{background-image:url(../../../statics/web/img/m3.6ff625b5.png)}to{background-image:url(../../../statics/web/img/m2.0e1c0876.png)}}@-webkit-keyframes zoomrotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@keyframes zoomrotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}