.my-layer-item{text-align:center}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.logoBox{color:#fff;font-size:25px;font-weight:600;line-height:100px;padding-left:25px}.item-box{height:80px;margin-top:20px;display:flex}.item{min-width:100px;height:60px;background-color:#3cbaf0;line-height:60px;font-size:18px;text-align:center;border:1px solid #274986;font-weight:600}.item1{border-radius:10px 0 0 0}.active{background-color:#1a69cf;color:#fff}.view-box{width:100vw;height:93vh}.popper__arrow{left:80px!important}.el-picker-panel{left:-40px!important}.legendItem{display:flex;width:80px;height:30px}.legendItemColor{width:50%;height:100%}.legendItemText{width:30%;height:100%;font-size:6px;text-align:center;line-height:30px;font-weight:500}.loader{position:relative}.inner,.middle,.outer{border:3px solid transparent;border-top-color:#3cefff;border-right-color:#3cefff;border-radius:50%;position:absolute;top:50%;left:50%}.outer{width:3.5em;height:3.5em;margin-left:-1.75em;margin-top:-1.75em;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.middle{width:2.1em;height:2.1em;margin-left:-1.05em;margin-top:-1.05em;animation:spin 1.75s linear infinite reverse}.inner{width:.8em;height:.8em;margin-left:-.4em;margin-top:-.4em;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}.html2{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:2em;position:absolute;left:50%;transform:translateX(-81%)}.html2 span{width:.3em;height:1em;background-color:#3cefff}.html2 span:first-of-type{-webkit-animation:grow 1s ease-in-out -.45s infinite;animation:grow 1s ease-in-out -.45s infinite}.html2 span:nth-of-type(2){-webkit-animation:grow 1s ease-in-out -.3s infinite;animation:grow 1s ease-in-out -.3s infinite}.html2 span:nth-of-type(3){-webkit-animation:grow 1s ease-in-out -.15s infinite;animation:grow 1s ease-in-out -.15s infinite}.html2 span:nth-of-type(4){-webkit-animation:grow 1s ease-in-out infinite;animation:grow 1s ease-in-out infinite}@-webkit-keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.html3{width:3.75em;-webkit-animation:spin 1.5s ease infinite;animation:spin 1.5s ease infinite}.ring{fill:none;stroke:rgba(61,239,255,.3);stroke-width:2}.ball{fill:#3cefff;stroke:none}@keyframes spin{to{transform:rotate(1turn)}}.maptitleText[data-v-634864e5]{width:160px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-634864e5]{width:100vw;position:absolute;top:15px}#map[data-v-634864e5]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-634864e5]{height:95%;width:530px;background-color:#fff;position:absolute;top:15px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-634864e5]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-634864e5]{width:100%;padding:0 15px}.el-picker-panel[data-v-634864e5]{z-index:9999!important}.test1[data-v-634864e5]{position:absolute;z-index:9999}.maptitleText[data-v-ace29a8c]{width:160px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-ace29a8c]{width:100vw;position:absolute;top:15px}#map[data-v-ace29a8c]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-ace29a8c]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-ace29a8c]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-ace29a8c]{width:100%;padding:0 15px}.el-picker-panel[data-v-ace29a8c]{z-index:9999!important}.test1[data-v-ace29a8c]{position:absolute;z-index:9999}.maptitleText[data-v-6e7374aa]{width:160px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-6e7374aa]{width:100vw;position:absolute;top:15px}#map[data-v-6e7374aa]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-6e7374aa]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-6e7374aa]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-6e7374aa]{width:100%;padding:0 15px}.el-picker-panel[data-v-6e7374aa]{z-index:9999!important}.test1[data-v-6e7374aa]{position:absolute;z-index:9999}.maptitleText[data-v-45655f43]{width:160px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-45655f43]{width:100vw;position:absolute;top:15px}#map[data-v-45655f43]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-45655f43]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-45655f43]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-45655f43]{width:100%;padding:0 15px}.el-picker-panel[data-v-45655f43]{z-index:9999!important}.test1[data-v-45655f43]{position:absolute;z-index:9999}.maptitleText[data-v-a2950cea]{width:160px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-a2950cea]{width:100vw;position:absolute;top:15px}#map[data-v-a2950cea]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-a2950cea]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-a2950cea]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-a2950cea]{width:100%;padding:0 15px}.el-picker-panel[data-v-a2950cea]{z-index:9999!important}.test1[data-v-a2950cea]{position:absolute;z-index:9999}.maptitleText[data-v-14b8f5cc]{width:200px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-14b8f5cc]{width:100vw;position:absolute;top:15px}#map[data-v-14b8f5cc]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-14b8f5cc]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-14b8f5cc]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-14b8f5cc]{width:100%;padding:0 15px}.el-picker-panel[data-v-14b8f5cc]{z-index:9999!important}.test1[data-v-14b8f5cc]{position:absolute;z-index:9999}.maptitleText[data-v-c501e9c0]{width:200px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-c501e9c0]{width:100vw;position:absolute;top:15px}#map[data-v-c501e9c0]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-c501e9c0]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-c501e9c0]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-c501e9c0]{width:100%;padding:0 15px}.el-picker-panel[data-v-c501e9c0]{z-index:9999!important}.test1[data-v-c501e9c0]{position:absolute;z-index:9999}.maptitleText[data-v-4fa58d36]{width:200px;height:60px;background-color:#f3f3f3;margin:auto;position:relative;z-index:9999;box-shadow:1px 1px 5px 1px #7f8c8d;border-radius:5px;padding:5px}.maptitle[data-v-4fa58d36]{width:100vw;position:absolute;top:15px}#map[data-v-4fa58d36]{width:130%;height:100%;position:absolute;z-index:1;left:-30%}.controller[data-v-4fa58d36]{height:95%;width:530px;background-color:#fff;position:absolute;top:5px;right:5px;z-index:9999;box-shadow:1px 1px 5px 1px #000;border-radius:5px;overflow:hidden}.controller_title[data-v-4fa58d36]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-4fa58d36]{width:100%;padding:0 15px}.el-picker-panel[data-v-4fa58d36]{z-index:9999!important}.test1[data-v-4fa58d36]{position:absolute;z-index:9999}