.view-box{width:100vw;height:93vh}.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-c87e1df6]{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-c87e1df6]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-c87e1df6]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-c87e1df6]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #fff;font-size:12px}.controller_title[data-v-c87e1df6]{width:100%;height:30px;background-color:#32709f}.controller-body[data-v-c87e1df6]{width:100%;padding:0 15px}.el-picker-panel[data-v-c87e1df6]{z-index:9999!important}.test1[data-v-c87e1df6]{position:absolute;z-index:9999}.showImgPopBox[data-v-c87e1df6]{position:absolute;z-index:99999}.imgNameChoose[data-v-c87e1df6]{display:flex;justify-content:start;border:1px solid #fff}.maptitleText[data-v-85c83e7a]{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-85c83e7a]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-85c83e7a]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-85c83e7a]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #fff;font-size:12px}.controller_title[data-v-85c83e7a]{width:100%;height:30px;background-color:#32709f}.controller-body[data-v-85c83e7a]{width:100%;padding:0 15px}.el-picker-panel[data-v-85c83e7a]{z-index:9999!important}.test1[data-v-85c83e7a]{position:absolute;z-index:9999}.maptitleText[data-v-44f6fee7]{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-44f6fee7]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-44f6fee7]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-44f6fee7]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #fff;font-size:12px}.controller_title[data-v-44f6fee7]{width:100%;height:30px;background-color:#32709f}.controller-body[data-v-44f6fee7]{width:100%;padding:0 15px}.el-picker-panel[data-v-44f6fee7]{z-index:9999!important}.test1[data-v-44f6fee7]{position:absolute;z-index:9999}.showImgPopBox[data-v-44f6fee7]{position:absolute;z-index:99999}.imgNameChoose[data-v-44f6fee7]{display:flex;justify-content:start}.maptitleText[data-v-a3282d1c]{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-a3282d1c]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-a3282d1c]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-a3282d1c]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #fff;font-size:12px}.controller_title[data-v-a3282d1c]{width:100%;height:30px;background-color:#32709f}.controller-body[data-v-a3282d1c]{width:100%;padding:0 15px}.el-picker-panel[data-v-a3282d1c]{z-index:9999!important}.test1[data-v-a3282d1c]{position:absolute;z-index:9999}.showImgPopBox[data-v-a3282d1c]{position:absolute;z-index:99999}.imgNameChoose[data-v-a3282d1c]{display:flex;justify-content:start}.maptitleText[data-v-1fcf8a47]{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-1fcf8a47]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-1fcf8a47]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-1fcf8a47]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #fff;font-size:12px}.controller_title[data-v-1fcf8a47]{width:100%;height:30px;background-color:#32709f}.controller-body[data-v-1fcf8a47]{width:100%;padding:0 15px}.el-picker-panel[data-v-1fcf8a47]{z-index:9999!important}.test1[data-v-1fcf8a47]{position:absolute;z-index:9999}.showImgPopBox[data-v-1fcf8a47]{position:absolute;z-index:99999}.imgNameChoose[data-v-1fcf8a47]{display:flex;justify-content:start}.maptitleText[data-v-30b7a6ea]{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-30b7a6ea]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-30b7a6ea]{width:62%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-30b7a6ea]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-30b7a6ea]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-30b7a6ea]{width:100%;padding:0 15px}.el-picker-panel[data-v-30b7a6ea]{z-index:9999!important}.test1[data-v-30b7a6ea]{position:absolute;z-index:9999}.bodyBox{height:100%;width:100%;display:flex}.silder-box{width:10%;height:100%;background-color:#32709f}.main-box{width:90%;height:100%}.bodyBox2{height:100%;padding:10px}.bodyBox2,.box-card2{width:100%}.shooseListBox{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.chooseBox{display:flex;font-size:13px;line-height:50px}body{padding:0;margin:0}.content{position:fixed;width:100%;height:100%;background-size:100% 100%;background-image:url(../img/banner.4ce0e881.png)}.Loginlogo{position:absolute;left:10%;top:5vh;z-index:2;align-items:center}.Loginlogo img{max-width:50%;width:200px;margin-top:30px}.maplogo{position:absolute;left:45%;top:18vh}.maplogo img{width:auto;max-width:100%}.box-card{width:400px;height:500px;display:flex;justify-content:center;position:absolute;left:15%;top:30vh;z-index:3}.box-card p{font-weight:400;font-size:28px;margin-left:35%}.box-card .bodyer .el-input__inner{height:55px!important}.footer{display:flex;justify-content:center}.baseName{width:100%;height:50px;font-weight:700;color:#103a86;font-size:50px;text-align:center;-webkit-text-stroke:1px #fff}.el-message{z-index:99999999!important}.loginoutBtn{width:100px;height:50px;display:flex;align-content:center;align-items:center}.my-layer-item{text-align:center}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.headerBox{width:100vw;background-color:#32709f;justify-content:space-between}.headerBox,.logoBox{height:50px;display:flex}.logoBox{padding-left:25px;padding:5px 5px;align-items:center}.logoText{font-size:20px;font-weight:700;color:#103a86;margin-left:30px;-webkit-text-stroke:1px #fff}.item-box{height:50px;display:flex}.item{width:100px;height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;font-size:12px}.active{color:#fff;font-size:20px;font-weight:700;border-bottom:5px solid #029686}.view-box{width:90vw;height:calc(100vh - 50px)}.popper__arrow{left:80px!important}.el-picker-panel{left:-40px!important}