*,:after,:before{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;position:absolute;top:0;left:0;right:0;bottom:0}#app .router-view{height:100%;width:100%}.left-component[data-v-53cac0db]{height:100%}.left-component .left-header[data-v-53cac0db]{height:40px;font-size:24px;font-weight:700;color:transparent;background:linear-gradient(90deg,#2980b9,#6dd5fa,#fff);-webkit-background-clip:text;background-clip:text}.left-component .chart-wrap[data-v-53cac0db]{height:calc(100% - 40px);width:100%;position:relative}.left-component .chart-wrap .bar-chart-wrap[data-v-53cac0db]{height:calc(50% - 5px);background-color:rgba(0,0,0,.7);margin-bottom:10px}.left-component .chart-wrap .line-wrap[data-v-53cac0db]{height:calc(50% - 5px);background-color:rgba(0,0,0,.7)}.right-component[data-v-dca4901e]{height:100%}.right-component .right-header[data-v-dca4901e]{height:40px;font-size:24px;font-weight:700;color:transparent;background:linear-gradient(90deg,#c6ffdd,#fbd786,#f7797d);-webkit-background-clip:text;background-clip:text}.right-component .right-content[data-v-dca4901e]{height:calc(100% - 40px)}.right-component .right-content .table-wrap[data-v-dca4901e]{height:calc(50% - 5px);margin-bottom:10px}.right-component .right-content .pie-wrap[data-v-dca4901e]{height:calc(50% - 5px)}.final-wrap #mapWrap[data-v-3486410d]{position:absolute;top:0;bottom:0;right:0;left:0;z-index:1}.final-wrap .slide-bar[data-v-3486410d]{width:400px;height:100%;background-color:rgba(0,0,0,.6);position:absolute;z-index:2;padding:10px}.final-wrap .left-wrap[data-v-3486410d]{left:0}.final-wrap .right-wrap[data-v-3486410d]{right:0}.home[data-v-7aeff338]{background-image:linear-gradient(135deg,#5efce8 10%,#736efe);display:flex;flex-direction:column;justify-content:center;align-items:center}.home .title[data-v-7aeff338]{font-size:52px;color:#fff}.home .el-button[data-v-7aeff338]{width:120px;font-size:18px;background-image:linear-gradient(135deg,#fccf31 10%,#f55555)}@-webkit-keyframes rotate-data-v-f171ada2{to{transform:rotate(1turn)}}@keyframes rotate-data-v-f171ada2{to{transform:rotate(1turn)}}.custom-map[data-v-f171ada2]{height:100%;width:100%;display:flex}.custom-map #info[data-v-f171ada2]{font-size:18px;font-weight:700}.custom-map .multi-map-wrap[data-v-f171ada2]{width:70%;position:relative}.custom-map .multi-map-wrap #mapWrap[data-v-f171ada2]{width:100%;height:100%}.custom-map .multi-map-wrap #otherMap[data-v-f171ada2]{position:absolute;right:0;bottom:0;height:40%;width:40%}.custom-map .operate-wrap[data-v-f171ada2]{flex:1;padding:10px}.custom-map .operate-wrap>div[data-v-f171ada2]{margin-bottom:10px}.custom-map .operate-wrap .navi-to[data-v-f171ada2]{display:flex;align-content:center;justify-content:center}.custom-map .operate-wrap .navi-to .goto-hubu[data-v-f171ada2]{height:80px;width:140px;line-height:80px;position:relative;z-index:0;border-radius:10px;overflow:hidden;cursor:pointer}.custom-map .operate-wrap .navi-to .goto-hubu[data-v-f171ada2]:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#399953;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(#399953,#399953),linear-gradient(#fbb300,#fbb300),linear-gradient(#d53e33,#d53e33),linear-gradient(#377af5,#377af5);-webkit-animation:rotate-data-v-f171ada2 4s linear infinite;animation:rotate-data-v-f171ada2 4s linear infinite}.custom-map .operate-wrap .navi-to .goto-hubu[data-v-f171ada2]:after{content:"";position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:#fff;border-radius:5px}