.environment-header{padding:25px 0;background:linear-gradient(180deg,#011a36,rgba(25,84,152,.5) 60%,rgba(18,75,145,0));box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;color:#fff}.environment-header>.left,.environment-header>.right{flex:1;height:50px;padding-bottom:10px;box-sizing:content-box;position:relative}.environment-header>.left>.nav,.environment-header>.right>.nav{width:157px;height:50px;padding:0 30px 0 25px;box-sizing:border-box;font-size:22px;line-height:50px;font-weight:700;color:#fff;position:relative;cursor:pointer;background:url(../img/environment-nav-border.6c8d00f8.svg) 50% no-repeat;background-size:contain;text-align:center}.environment-header>.left>.nav.active,.environment-header>.right>.nav.active{background-image:url(../img/environment-nav-active-border.61d580f5.svg)}.environment-header>.title{flex:none;width:464px;height:90px;padding:10px 40px;border-width:0 40px 30px 40px;border-style:solid;-o-border-image:url(../img/environment-title-border.6edec266.svg) 0 40 30 40;border-image:url(../img/environment-title-border.6edec266.svg) 0 40 30 40;box-sizing:border-box;text-align:center;position:relative}.environment-header>.title h1{margin:0;font-size:34px;font-weight:700;line-height:40px}.environment-header>.title .switcher{padding:0 10px;cursor:pointer}.environment-header>.title .sub-title{position:absolute;font-size:13px;line-height:30px;bottom:-25px;left:0;right:0}.environment-header>.left{display:flex;flex-direction:row-reverse}.environment-header>.left:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(270deg,#0ff,rgba(0,255,255,0))}.environment-header>.left .nav{margin-right:60px}.environment-header>.right{display:flex;flex-direction:row}.environment-header>.right:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ff,rgba(0,255,255,0))}.environment-header>.right .nav{margin-left:60px}.environment-header .tools{position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;padding:5px 15px 5px 40px;border-bottom-left-radius:36px;background:linear-gradient(180deg,#1f7ee2,#289bf8);box-shadow:0 0 10px #000;color:#fff;font-size:18px}.environment-header .tools .tool{padding:5px;cursor:pointer}.environment-map{position:relative;background:#232323}.environment-map .map{position:relative;width:100%;height:100%}.environment-map .measure-result{background-color:#fff;border-radius:3px;height:16px;line-height:16px;padding:0 3px;font-size:12px;box-shadow:0 0 0 1px #ccc}.environment-map .measure-result.close{cursor:pointer;width:14px;height:14px;line-height:16px;text-align:center;padding:0}.environment-map .mapboxgl-ctrl,.environment-map .mapboxgl-popup-tip{display:none!important}.environment-map .mapboxgl-popup-content{background-color:transparent;border-radius:0;color:#fff;padding:0}.environment{width:100%;height:100%;position:relative;overflow:hidden;min-width:1440px;min-height:720px}.environment>.environment-header{position:relative;z-index:1}.environment>.environment-map{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.environment>.environment-body{position:relative;height:calc(100% - 140px);pointer-events:none}.environment>.environment-body .environment-panel{pointer-events:auto}.environment .page-enter-active.fade-in,.environment .page-enter-active .fade-in,.environment .page-enter-active.slide-bottom,.environment .page-enter-active .slide-bottom,.environment .page-enter-active.slide-left,.environment .page-enter-active .slide-left,.environment .page-enter-active.slide-right,.environment .page-enter-active .slide-right,.environment .page-enter-active.slide-top,.environment .page-enter-active .slide-top{transition:all .3s ease-out;transform-origin:center}.environment .page-leave-active.fade-in,.environment .page-leave-active .fade-in,.environment .page-leave-active.slide-bottom,.environment .page-leave-active .slide-bottom,.environment .page-leave-active.slide-left,.environment .page-leave-active .slide-left,.environment .page-leave-active.slide-right,.environment .page-leave-active .slide-right,.environment .page-leave-active.slide-top,.environment .page-leave-active .slide-top{transition:all .3s ease-in;transform-origin:center}.environment .page-enter.fade-in,.environment .page-enter .fade-in,.environment .page-leave-to.fade-in,.environment .page-leave-to .fade-in{opacity:0;transform:scale(.7)}.environment .page-enter.slide-left,.environment .page-enter .slide-left,.environment .page-leave-to.slide-left,.environment .page-leave-to .slide-left{transform:translateX(-100%);opacity:0}.environment .page-enter.slide-right,.environment .page-enter .slide-right,.environment .page-leave-to.slide-right,.environment .page-leave-to .slide-right{transform:translateX(100%);opacity:0}.environment .page-enter.slide-top,.environment .page-enter .slide-top,.environment .page-leave-to.slide-top,.environment .page-leave-to .slide-top{transform:translateY(-100%);opacity:0}.environment .page-enter.slide-bottom,.environment .page-enter .slide-bottom,.environment .page-leave-to.slide-bottom,.environment .page-leave-to .slide-bottom{transform:translateY(100%);opacity:0}.environment .environment-table.el-table{background-color:unset}.environment .environment-table.el-table.el-table--border,.environment .environment-table.el-table.el-table--border td,.environment .environment-table.el-table.el-table--border th{border:none}.environment .environment-table.el-table.el-table--border td{border:none;text-align:center;color:#fff}.environment .environment-table.el-table.el-table--border:after,.environment .environment-table.el-table.el-table--group:after,.environment .environment-table.el-table:before{content:none;border:none;background-color:unset}.environment .environment-table.el-table thead{color:#fff;background-color:#09316c}.environment .environment-table.el-table tr{background-color:unset}.environment .environment-table.el-table th{background-color:unset;text-align:center}.environment .environment-table.el-table .el-table__body tr.current-row>td{background-color:hsla(0,0%,100%,.2)}.environment .environment-table.el-table.el-table--enable-row-hover .el-table__body tr:hover{background-color:hsla(0,0%,100%,.15)}.environment .environment-table.el-table.el-table--enable-row-hover .el-table__body tr:hover>td{background-color:unset}.environment .environment-table.el-table .el-table__empty-text{color:#eee}.environment .el-select .el-input__inner{color:#fff;font-size:16px;font-weight:700;border:none;border-radius:0;background-color:transparent}.environment .el-select .el-select__caret{color:#fff}.environment .el-select .select-popper{margin:0;border:none;border-radius:0;background-color:#7f7f7f;box-shadow:5px 5px 5px rgba(0,0,0,.35)}.environment .el-select .select-popper .popper__arrow{display:none}.environment .el-select .select-popper .el-select-dropdown__list{padding:0}.environment .el-select .select-popper .el-select-dropdown__item{color:#fff}.environment .el-select .select-popper .el-select-dropdown__item.hover,.environment .el-select .select-popper .el-select-dropdown__item:hover{background-color:unset}.environment .el-select .select-popper .el-select-dropdown__item.selected{font-weight:unset;background:linear-gradient(to bottom right,#185daf,#02a7f0)}.environment .auto-fill-panel.environment-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.environment .auto-fill-panel.environment-panel .environment-panel-header{flex:none}.environment .auto-fill-panel.environment-panel .environment-panel-body{flex:1;overflow:hidden}.map-tools{margin:0!important;padding:0;border:none;width:88px;border-radius:0;box-sizing:border-box}.map-tools li{color:#fff;background-color:#185daf}.map-tools li:not(.is-disabled):hover{color:#fff;background-color:#02a7f0}