.spinner-container[data-v-55210e4b]{display:flex;justify-content:center;align-items:center;height:240px}.spinner[data-v-55210e4b]{width:50px;height:50px;border-radius:50%;border:5px solid #e0e0e0;border-bottom:5px solid #fe9616;-webkit-animation:spin-data-v-55210e4b 1s linear infinite;animation:spin-data-v-55210e4b 1s linear infinite;position:relative}@-webkit-keyframes spin-data-v-55210e4b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-55210e4b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.v-tabs{position:fixed;z-index:200}.v-tabs .v-item-group{background-color:rgba(0,0,0,.2)!important}.corporate-btn[data-v-1bbc3f86]{background:url(../img/ZP_logo.6540fcc1.png) no-repeat;background-size:100%;background-position:50%}.common-info{color:#fff;height:150px}.common-info .row{margin:0}.common-info .col{padding:30px;font-size:45px;line-height:40px}.common-info .col span{font-size:30px}.common-info .col img{width:35px;vertical-align:middle;margin:-5px 2px 0 5px}.common-info .weather{text-align:right}.top-board{position:relative;height:200px;width:100%}.top-board .board-filter{height:100%;position:absolute;top:0;left:0;z-index:500}.top-board marquee{font-size:140px;line-height:200px;font-weight:700;color:#cdd950}.sos-mark .pin{position:absolute;width:50px;transition:.4s}.sos-mark .pin.p01{top:430px;left:182px}.sos-mark .pin.p02{top:461px;left:204px}.sos-mark .pin.p03{top:591px;left:205px}.sos-mark .pin.p04{top:933px;left:203px}.sos-mark .pin.p05{top:423px;left:271px}.sos-mark .pin.p06{top:526px;left:276px}.sos-mark .pin.p07{top:725px;left:275px}.sos-mark .pin.p08{top:802px;left:373px}.sos-mark .pin.p09{top:345px;left:388px}.sos-mark .pin.p10{top:403px;left:429px}.sos-mark .pin.p11{top:660px;left:430px}.sos-mark .pin.p12{top:869px;left:430px}.sos-mark .pin.p13{top:726px;left:502px}.sos-mark .pin.p14{top:672px;left:547px}.sos-mark .pin.p15{top:203px;left:541px}.sos-mark .pin.p16{top:383px;left:580px}.sos-mark .pin.p17{top:452px;left:635px}.sos-mark .pin.p18{top:520px;left:607px}.sos-mark .pin.p19{top:597px;left:594px}.sos-mark .pin.p20{top:727px;left:595px}.sos-mark .pin.p21{top:197px;left:655px}.sos-mark .pin.p22{top:327px;left:619px}.sos-mark .pin.p23{top:386px;left:663px}.sos-mark .pin.p24{top:577px;left:671px}.sos-mark .pin.p25{top:832px;left:661px}.sos-mark .pin.p26{top:356px;left:757px}.sos-mark .pin.p27{top:602px;left:750px}.sos-mark .pin.p28{top:670px;left:750px}.sos-mark .pin.p29{top:427px;left:857px}.sos-mark .pin.p30{top:612px;left:905px}.sos-mark .pin.p31{top:480px;left:929px}.sos-mark .alert-in-enter-active{-webkit-animation:bounce-in .5s;animation:bounce-in .5s}.sos-mark .alert-in-leave-active{animation:bounce-in .5s reverse}.sos-banner{position:fixed;bottom:0;left:0;width:100%}.sos-banner .banner{width:100%;height:330px;background-color:#422a09}.sos-banner .banner .row{margin:0;padding:0}.sos-banner .banner .row .col{margin:0}.sos-banner .img-area{position:relative;text-align:center}.sos-banner .img-area img{position:absolute;top:0;left:90px;z-index:500;height:330px}.sos-banner .text-area{padding:40px 20px 40px 20px;color:#fff}.sos-banner .text-area h3{font-size:40px}.sos-banner .text-area p{font-size:35px;padding:10px 0;color:#c0cacc}.sos-banner .color-bar{position:absolute;bottom:0;height:20px;width:100%;background-color:#e79b24}.sos-banner .slide-fade-enter-active{transition:all .8s ease}.sos-banner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.sos-banner .slide-fade-enter,.sos-banner .slide-fade-leave-to{transform:translateY(10px);opacity:0}.safetyboard-mark .pin{position:absolute;width:90px}.safetyboard-mark .pin.p01{top:525px;left:184px}.safetyboard-mark .pin.p02{top:858px;left:204px}.safetyboard-mark .pin.p03{top:144px;left:511px}.safetyboard-mark .pin.p04{top:481px;left:613px}.safetyboard-mark .alert-in-enter-active{-webkit-animation:bounce-in .8s;animation:bounce-in .8s}.safetyboard-mark .alert-in-leave-active{animation:bounce-in .8s reverse}@-webkit-keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.5)}to{transform:scale(1)}}.safetyboard-banner{position:fixed;bottom:0;left:0;width:100%}.safetyboard-banner .banner{width:100%;height:330px;background-color:#454c17}.safetyboard-banner .banner .row{margin:0;padding:0}.safetyboard-banner .banner .row .col{margin:0}.safetyboard-banner .img-area{position:relative;text-align:center}.safetyboard-banner .img-area img{position:absolute;top:20px;left:60px;z-index:500;height:270px}.safetyboard-banner .text-area{padding:40px 20px 40px 20px;color:#fff}.safetyboard-banner .text-area h3{font-size:40px}.safetyboard-banner .text-area h3 .new-tag{display:inline-block;padding:1px 12px;font-size:20px;background:#b2cc56;border-radius:20px;font-weight:900;color:#444d16;vertical-align:middle;margin:-10px 10px 0}.safetyboard-banner .text-area p{font-size:35px;padding:10px 0;color:#c0cacc}.safetyboard-banner .color-bar{position:absolute;bottom:0;height:20px;width:100%;background-color:#b2cc56}.safetyboard-banner .slide-fade-enter-active{transition:all .8s ease}.safetyboard-banner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.safetyboard-banner .slide-fade-enter,.safetyboard-banner .slide-fade-leave-to{transform:translateY(10px);opacity:0}.focusarea-mark .pin{position:absolute;width:605px}.focusarea-mark .pin.p01{top:198px;left:198px}.focusarea-mark .alert-in-enter-active{-webkit-animation:fadeInFlash 2s;animation:fadeInFlash 2s}.focusarea-mark .alert-in-leave-active{animation:fadeInFlash 2s reverse}.focusarea-banner{position:fixed;bottom:0;left:0;width:100%}.focusarea-banner .banner{width:100%;height:330px;background-color:#15353f}.focusarea-banner .banner .row{margin:0;padding:0}.focusarea-banner .banner .row .col{margin:0}.focusarea-banner .img-area{position:relative;text-align:center}.focusarea-banner .img-area img{position:absolute;top:0;left:0;z-index:500;height:311px}.focusarea-banner .text-area{padding:40px 20px 40px 20px;color:#fff}.focusarea-banner .text-area h3{font-size:40px}.focusarea-banner .text-area h3 .new-tag{display:inline-block;padding:1px 12px;font-size:20px;background:#b2cc56;border-radius:20px;font-weight:900;color:#444d16;vertical-align:middle;margin:-10px 10px 0}.focusarea-banner .text-area p{font-size:35px;padding:10px 0;color:#c0cacc}.focusarea-banner .color-bar{position:absolute;bottom:0;height:20px;width:100%;background-color:#6dc4de}.focusarea-banner .slide-fade-enter-active{transition:all .8s ease}.focusarea-banner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.focusarea-banner .slide-fade-enter,.focusarea-banner .slide-fade-leave-to{transform:translateY(20px);opacity:0}.smartlight-mark .pin{position:absolute;width:605px}.smartlight-mark .pin.p01{top:198px;left:198px}.smartlight-mark .alert-in-enter-active{-webkit-animation:fadeInFlash 2s;animation:fadeInFlash 2s}.smartlight-mark .alert-in-leave-active{animation:fadeInFlash 2s reverse}.smartlight-banner{position:fixed;bottom:0;left:0;width:100%}.smartlight-banner .banner{position:relative;width:100%;height:330px;background-color:#0b3f2b}.smartlight-banner .banner .row{margin:0;padding:0}.smartlight-banner .banner .row .col{margin:0}.smartlight-banner .img-area{text-align:center}.smartlight-banner .img-area img{position:absolute;bottom:0;left:0;z-index:500;height:311px}.smartlight-banner .text-area{padding:40px 20px 40px 20px;color:#fff}.smartlight-banner .text-area h3{font-size:40px}.smartlight-banner .text-area h3 .new-tag{display:inline-block;padding:1px 12px;font-size:20px;background:#20b785;border-radius:20px;font-weight:900;color:#15353f;vertical-align:middle;margin:-10px 10px 0}.smartlight-banner .text-area p{font-size:32px;padding:10px 0;color:#c0cacc}.smartlight-banner .text-area img.QR{margin-top:35px;width:120px}.smartlight-banner .color-bar{position:absolute;bottom:0;height:20px;width:100%;background-color:#20b785}.smartlight-banner .slide-fade-enter-active{transition:all .8s ease}.smartlight-banner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.smartlight-banner .slide-fade-enter,.smartlight-banner .slide-fade-leave-to{transform:translateY(10px);opacity:0}.safewayhome-mark .pin{position:absolute;width:605px}.safewayhome-mark .pin.p01{top:195px;left:198px}.safewayhome-mark .alert-in-enter-active{-webkit-animation:fadeInFlash 2s;animation:fadeInFlash 2s}.safewayhome-mark .alert-in-leave-active{animation:fadeInFlash 2s reverse}@-webkit-keyframes fadeInFlash{0%,40%,80%{opacity:0}20%,60%,to{opacity:1}}@keyframes fadeInFlash{0%,40%,80%{opacity:0}20%,60%,to{opacity:1}}.safewayhome-banner{position:fixed;bottom:0;left:0;width:100%}.safewayhome-banner .banner{width:100%;height:330px;background-color:#512222}.safewayhome-banner .banner .row{margin:0;padding:0}.safewayhome-banner .banner .row .col{margin:0}.safewayhome-banner .img-area{position:relative;text-align:center}.safewayhome-banner .img-area img{position:absolute;top:50px;left:20px;z-index:500;height:220px}.safewayhome-banner .text-area{padding:40px 20px 40px 20px;color:#fff}.safewayhome-banner .text-area h3{font-size:40px}.safewayhome-banner .text-area h3 .new-tag{display:inline-block;padding:1px 12px;font-size:20px;background:#b2cc56;border-radius:20px;font-weight:900;color:#444d16;vertical-align:middle;margin:-10px 10px 0}.safewayhome-banner .text-area p{font-size:35px;padding:10px 0;color:#c0cacc}.safewayhome-banner .color-bar{position:absolute;bottom:0;height:20px;width:100%;background-color:#e56a6a}.safewayhome-banner .slide-fade-enter-active{transition:all .8s ease}.safewayhome-banner .slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.safewayhome-banner .slide-fade-enter,.safewayhome-banner .slide-fade-leave-to{transform:translateY(10px);opacity:0}.pa-description{position:absolute;top:0;width:100%}.pa-description .row{padding:10px 40px;align-items:center}.pa-description .col:last-child{padding-left:30px}.pa-description img{height:75px}.pa-description h3{font-size:30px;color:#abbfc4}.pa-description p{font-size:20px;color:#abbfc4}.bottom-legend{position:fixed;bottom:350px;padding:0 40px}.bottom-legend li{list-style:none;padding-bottom:5px;font-size:16px;color:#717b7c;font-weight:600;transition:.4s}.bottom-legend li.active{font-weight:900;color:#d8e3e5}.bottom-legend li:before{content:"";display:inline-block;border-radius:7px;width:var(--width,14px);height:var(--height,14px);margin-right:var(--margin-right,7px)}.bottom-legend li.sos:before{background:#e79b24}.bottom-legend li.safety-board:before{background:#ced252}.bottom-legend li.focus-area:before{background:#6dc4de}.bottom-legend li.smart-light:before{background:#20b785}.bottom-legend li.safe-wayhome:before{background:#e56a6a}.radar{overflow:hidden}.radar .r1-wrap{position:absolute;height:100%;-webkit-animation:xAxis 40s cubic-bezier(.6,.01,.41,.4) infinite;animation:xAxis 40s cubic-bezier(.6,.01,.41,.4) infinite}.radar .r2-wrap{position:absolute;left:0;height:100%;-webkit-animation:xAxis2 25s cubic-bezier(.02,.31,.21,.2) infinite;animation:xAxis2 25s cubic-bezier(.02,.31,.21,.2) infinite}.radar .r3-wrap{position:absolute;top:0;right:400px;height:100%;-webkit-animation:xAxis3 30s cubic-bezier(.02,.01,.21,1) infinite;animation:xAxis3 30s cubic-bezier(.02,.01,.21,1) infinite}.radar .r4-wrap{bottom:0;left:340px;height:100%;-webkit-animation:xAxis4 30s cubic-bezier(.02,.01,.21,1) infinite;animation:xAxis4 30s cubic-bezier(.02,.01,.21,1) infinite}.radar .r4-wrap,.radar img{position:absolute}.radar img.r1{bottom:300px;width:500px;-webkit-animation:yAxis 35s cubic-bezier(.6,.31,.41,.1) infinite;animation:yAxis 35s cubic-bezier(.6,.31,.41,.1) infinite}.radar img.r2{width:400px;-webkit-animation:yAxis2 20s cubic-bezier(.3,.27,.07,.64) infinite;animation:yAxis2 20s cubic-bezier(.3,.27,.07,.64) infinite}.radar img.r3{width:400px;-webkit-animation:yAxis3 25s cubic-bezier(.3,.27,.07,1.64) infinite;animation:yAxis3 25s cubic-bezier(.3,.27,.07,1.64) infinite}.radar img.r4{width:340px;-webkit-animation:yAxis4 25s cubic-bezier(.32,0,.67,0) infinite;animation:yAxis4 25s cubic-bezier(.32,0,.67,0) infinite}@-webkit-keyframes yAxis{50%{transform:translateY(-300px)}}@keyframes yAxis{50%{transform:translateY(-300px)}}@-webkit-keyframes xAxis{50%{transform:translateX(300px)}}@keyframes xAxis{50%{transform:translateX(300px)}}@-webkit-keyframes yAxis2{50%{transform:translateY(300px)}}@keyframes yAxis2{50%{transform:translateY(300px)}}@-webkit-keyframes xAxis2{50%{transform:translateX(300px)}}@keyframes xAxis2{50%{transform:translateX(300px)}}@-webkit-keyframes yAxis3{50%{transform:translateY(200px)}}@keyframes yAxis3{50%{transform:translateY(200px)}}@-webkit-keyframes xAxis3{50%{transform:translateX(-400px)}}@keyframes xAxis3{50%{transform:translateX(-400px)}}@-webkit-keyframes yAxis4{50%{transform:translateY(600px)}}@keyframes yAxis4{50%{transform:translateY(600px)}}@-webkit-keyframes xAxis4{50%{transform:translateX(400px)}}@keyframes xAxis4{50%{transform:translateX(400px)}}.radar{position:relative;height:100%}.radar>div{position:absolute;background:radial-gradient(rgba(111,161,184,.1),rgba(111,161,184,.15));border-radius:100%;color:#fff;-webkit-animation:pluse 3s linear infinite;animation:pluse 3s linear infinite;width:250px;height:250px}.radar .r1{top:120px;right:410px}.radar .r2{top:380px;left:100px}.radar .r3{top:480px;right:280px}.radar .r4{bottom:470px;left:100px}@-webkit-keyframes pluse{0%{box-shadow:0 0 0 0 rgba(111,161,184,.2),0 0 0 0 rgba(111,161,184,.2)}40%{box-shadow:0 0 0 50px rgba(9,13,16,0),0 0 0 0 rgba(111,161,184,.2)}80%{box-shadow:0 0 0 50px rgba(9,13,16,0),0 0 0 40px rgba(9,13,16,0)}to{box-shadow:0 0 0 0 rgba(9,13,16,0),0 0 0 40px rgba(9,13,16,0)}}@keyframes pluse{0%{box-shadow:0 0 0 0 rgba(111,161,184,.2),0 0 0 0 rgba(111,161,184,.2)}40%{box-shadow:0 0 0 50px rgba(9,13,16,0),0 0 0 0 rgba(111,161,184,.2)}80%{box-shadow:0 0 0 50px rgba(9,13,16,0),0 0 0 40px rgba(9,13,16,0)}to{box-shadow:0 0 0 0 rgba(9,13,16,0),0 0 0 40px rgba(9,13,16,0)}}.safety-info{position:relative;height:calc(100% - 338px);background:#090d10}.safety-info .map{height:100%}.safety-info .map .landmark,.safety-info .map .load{position:absolute;top:0;left:0;width:100%}.safety-info .shadow-top{position:absolute;width:100%;height:260px;background:linear-gradient(180deg,#090d10,transparent)}.safety-info .shadow-bottom{position:absolute;bottom:0;width:100%;height:550px;background:linear-gradient(0deg,#090d10 20%,transparent)}.police-content{position:absolute;width:100%;height:100%}.police-content img{width:100%;position:absolute;top:0;left:0}.fade-enter-active{transition:opacity 2.8s}.fade-leave-active{transition:opacity .8s}.fade-enter,.fade-leave-to{opacity:0}.page{background:#090d10;height:100%;width:100%;position:absolute}