.view-box{width:100vw}.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-6045c189]{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-6045c189]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-6045c189]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-6045c189]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-6045c189]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-6045c189]{width:100%;padding:0 15px}.el-picker-panel[data-v-6045c189]{z-index:9999!important}.test1[data-v-6045c189]{position:absolute;z-index:9999}.showImgPopBox[data-v-6045c189]{position:absolute;z-index:99999}.imgNameChoose[data-v-6045c189]{display:flex;justify-content:start}.maptitleText[data-v-7fe622a0]{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-7fe622a0]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-7fe622a0]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-7fe622a0]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-7fe622a0]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-7fe622a0]{width:100%;padding:0 15px}.el-picker-panel[data-v-7fe622a0]{z-index:9999!important}.test1[data-v-7fe622a0]{position:absolute;z-index:9999}.maptitleText[data-v-2106ab00]{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-2106ab00]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-2106ab00]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-2106ab00]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-2106ab00]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-2106ab00]{width:100%;padding:0 15px}.el-picker-panel[data-v-2106ab00]{z-index:9999!important}.test1[data-v-2106ab00]{position:absolute;z-index:9999}.showImgPopBox[data-v-2106ab00]{position:absolute;z-index:99999}.imgNameChoose[data-v-2106ab00]{display:flex;justify-content:start}.maptitleText[data-v-7af4876e]{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-7af4876e]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-7af4876e]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-7af4876e]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-7af4876e]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-7af4876e]{width:100%;padding:0 15px}.el-picker-panel[data-v-7af4876e]{z-index:9999!important}.test1[data-v-7af4876e]{position:absolute;z-index:9999}.showImgPopBox[data-v-7af4876e]{position:absolute;z-index:99999}.imgNameChoose[data-v-7af4876e]{display:flex;justify-content:start}.maptitleText[data-v-10f5b7a6]{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-10f5b7a6]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-10f5b7a6]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-10f5b7a6]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-10f5b7a6]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-10f5b7a6]{width:100%;padding:0 15px}.el-picker-panel[data-v-10f5b7a6]{z-index:9999!important}.test1[data-v-10f5b7a6]{position:absolute;z-index:9999}.showImgPopBox[data-v-10f5b7a6]{position:absolute;z-index:99999}.imgNameChoose[data-v-10f5b7a6]{display:flex;justify-content:start}.maptitleText[data-v-0bd913cb]{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-0bd913cb]{width:80vw;position:absolute;top:15px;right:0}#map[data-v-0bd913cb]{width:70%;height:100%;position:absolute;z-index:1;right:0;border:1px solid #274986}.controller[data-v-0bd913cb]{height:100%;width:30%;background-color:#fff;overflow:hidden;border:1px solid #274986;font-size:12px}.controller_title[data-v-0bd913cb]{width:100%;height:30px;background-color:#274986}.controller-body[data-v-0bd913cb]{width:100%;padding:0 15px}.el-picker-panel[data-v-0bd913cb]{z-index:9999!important}.test1[data-v-0bd913cb]{position:absolute;z-index:9999}.bodyBox{height:100%;width:100%;display:flex}.silder-box{width:10%;height:100%;background-color:#434a50}.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:#274986;justify-content:space-between;background-image:url(../img/bg.cdf4d0e5.jpg)}.headerBox,.logoBox{height:80px;display:flex}.logoBox{padding-left:25px;padding:5px 5px;align-items:center}.logoText{font-size:35px;font-weight:700;color:#103a86;margin-left:30px;-webkit-text-stroke:1px #fff}.item-box{height:80px;margin-top:20px;display:flex}.item{width:100px;height:60px;background-color:#3cbaf0;line-height:60px;font-size:18px;text-align:center;border:1px solid #274986;font-weight:600;margin-bottom:10px}.item1{border-radius:10px 0 0 0}.active{background-color:#1a69cf;color:#fff}.view-box{width:90vw;height:93vh}.popper__arrow{left:80px!important}.el-picker-panel{left:-40px!important}