.ol-box{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;border:2px solid blue}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width;-webkit-transition:all .25s;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-step-marker{width:1px;height:15px;background-color:#000000;float:right;z-Index:10}.ol-scale-step-text{bottom:-5px;font-size:12px;z-Index:11}.ol-scale-step-text,.ol-scale-text{position:absolute;color:#000000;text-shadow:-2px 0 #FFFFFF,0 2px #FFFFFF,2px 0 #FFFFFF,0 -2px #FFFFFF}.ol-scale-text{font-size:14px;text-align:center;bottom:25px}.ol-scale-singlebar{position:relative;height:10px;z-Index:9;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid black}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;-webkit-transition:opacity .25s linear,visibility 0s linear;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .25s linear,visibility 0s linear .25s;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:white;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.fullViewBox{height:100vh;width:100vw;z-index:1;font-weight:600}.fullViewBox .openInfoBox{position:absolute;top:40%;left:2px;font-size:1.6em;color:rgb(93 175 215);z-index:2}.fullViewBox .infoBox{background-color:#dde8f1;position:absolute;padding:20px 44px 20px 20px;top:0;left:0;z-index:2;width:25vw;height:90vh;overflow:auto;font-size:18px;color:black}.fullViewBox .infoBox .closeInfoBox{position:absolute;bottom:50%;right:2px;font-size:1.2em;color:rgb(93 175 215)}.fullViewBox .infoBox .desText{color:black;text-indent:0;text-align:justify!important}.fullViewBox .infoBox .desText h4{color:#828181}.fullViewBox .infoBox .desText .inlineBox{display:inline-block;margin-right:80px}.fullViewBox .exitBrowse{position:absolute;bottom:10px;left:10px;z-index:2;font-size:2em;color:#ffffff;text-shadow:2px 2px #189fdc}.beauty-scroll{scrollbar-color:#0087cc #b5f5ec;scrollbar-width:thin;-ms-overflow-style:none;position:relative}.beauty-scroll::-webkit-scrollbar{width:3px;height:1px}.beauty-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#0087cc}.beauty-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0);border-radius:3px;background:#87e8de}.split-right:not(:last-child){border-right:1px solid rgba(98,98,98,.2)}.disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}#nprogress,.disabled{pointer-events:none}#nprogress .bar{background:#0087cc;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;-webkit-box-shadow:0 0 10px #0087cc,0 0 5px #0087cc;box-shadow:0 0 10px #0087cc,0 0 5px #0087cc;opacity:1;-webkit-transform:rotate(3deg) translateY(-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;border-top-color:#0087cc;border-left-color:#0087cc;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.full-height{height:100%}.full-height .layerList{position:absolute;top:140px;right:10px;z-index:99;height:41vh;width:240px;overflow-y:auto;background:rgba(100,100,100,.4)}.full-height .layerList .ant-tree{color:#ffffff}.full-height .layerList .ant-tree li span.ant-tree-switcher:hover{color:#0087cc}.full-height .layerList .ant-tree li .ant-tree-node-content-wrapper{display:inline-block;height:24px;margin:0;padding:0 5px;color:#ffffff;line-height:24px;text-decoration:none;vertical-align:top;border-radius:2px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.full-height .layerList .ant-tree li .ant-tree-node-content-wrapper:hover{color:#0087cc}.full-height .layerListcloser{position:absolute;top:94px;right:8px;z-index:1;font-size:16px;margin:5px;color:#f0f0f0;background-color:#004ea2;border-radius:5px;border:2px solid #f0f0f0}.full-height .topbar{height:8vh;line-height:7vh;text-align:center;font-size:2.6em;font-weight:600;color:#f0f0f0;background-color:#004ea2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.full-height .mapBox{height:92vh}.full-height .mapBox .pactree{position:absolute;top:10px;left:10px;z-index:9;color:#004ea2;font-weight:600;font-size:18px}.full-height .mapBox .pactree .ant-select-selection{border-color:#004ea2;background-color:#fff}.full-height .mapBox .pactree .ant-select-dropdown{font-size:18px}.full-height .mapBox .btnBox{position:absolute;left:30vw;top:10px;width:100vw;text-align:center;z-index:1}.full-height .mapBox .btnBox .control-button{cursor:pointer;width:140px;margin:10px 40px;font-size:1.4em;font-weight:600;background-color:#004ea2;color:#f0f0f0;border:2px solid #004ea2}.full-height .mapBox .btnBox .control-button .btnImg{width:25px;height:25px;margin-right:5px}.full-height .mapBox .btnBox button.control-button.ant-btn:hover{background-color:#f0f0f0;color:#004ea2;border:2px solid #f0f0f0}.full-height .mapBox .btnBox .control-button.active-acontrol-button{background-color:#f0f0f0;color:#004ea2;border:2px solid #004ea2}.full-height .mapBox .searchLand{position:absolute;top:52px;right:8px;z-index:1;width:100px;margin:5px;font-size:1.2em;color:#f0f0f0;background-color:#004ea2;border-radius:5px;border:2px solid #f0f0f0}.full-height .mapBox button.searchLand.ant-btn:hover{background-color:#d9d9d9;color:#004ea2;border:2px solid #d9d9d9}.full-height .mapBox .changeMap{position:absolute;top:10px;right:10px;z-index:1;font-size:16px;margin:5px;color:#f0f0f0;background-color:#004ea2;border-radius:5px;border:2px solid #f0f0f0}.full-height .mapBox button.changeMap.ant-btn:hover{background-color:#d9d9d9;color:#004ea2;border:2px solid #d9d9d9}.full-height .mapBox .showMapset{position:absolute;top:140px;right:10px;z-index:1}.full-height .mapBox .showMapset .showTableBtn{height:134px;font-size:1.2em;font-weight:520;border-radius:5px;background-color:#fff;color:#004ea2;border:2px solid #fff}.full-height .mapBox .showMapset button.showTableBtn.ant-btn:hover{color:#f0f0f0;background-color:#004ea2;border:2px solid #f0f0f0}.full-height .mapBox .showMapset .resultbox{width:20px;min-width:300px;max-height:50vh;background-color:#fff;-webkit-box-shadow:2px 2px 10px #909090;box-shadow:2px 2px 10px #909090;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.full-height .mapBox .showMapset .resultbox .resultbox-head{font-size:1.2em;font-weight:600;padding:8px}.full-height .mapBox .showMapset .resultbox .resultbox-head .closeResult{font-size:1em;font-weight:400;color:#004ea2}.full-height .mapBox .showMapset .resultbox .resultbox-body{-webkit-box-flex:1;-ms-flex:1;flex:1;height:0}.full-height .mapBox .showMapset .resultbox .resultbox-body .mapset{list-style:none;font-size:1.2em}.full-height .mapBox .showMapset .resultbox .resultbox-body .mapset li{margin:4px auto}.full-height .mapBox .collap{position:absolute;top:140px;left:10px;z-index:1;max-width:300px}.full-height .mapBox .collap .ant-collapse{background-color:rgb(217 231 243);font-weight:600;font-size:20px}.full-height .mapBox .collap .ant-collapse .ant-collapse-content{overflow:hidden;color:rgba(0,0,0,.65);background-color:rgb(217 231 243);border-top:2px solid #d9d9d9}.full-height .mapBox .collap .ant-collapse .ant-collapse-content .ant-collapse-content-box{padding:10px 20px}.full-height .mapBox .collap ul{padding-left:14px;margin:0;font-weight:500;font-size:14px}.full-height .mapBox .collap ul a{color:#0a1be9;font-size:17px}.full-height .mapBox .landlistBox{color:black;position:absolute;bottom:10px;left:10px;z-index:1;font-size:20px;min-width:200px;max-width:56vw;max-height:48vh;-webkit-box-shadow:2px 2px 10px #909090;box-shadow:2px 2px 10px #909090;border-radius:10px}.full-height .mapBox .landlistBox .landlistIcon{position:absolute;right:2px;top:4px}.full-height .mapBox .landlistBox .title{font-weight:600;font-size:18px;padding:6px 10px;background-color:rgb(217 231 243)}.full-height .mapBox .landlistBox .title .ant-btn{width:18px}.full-height .mapBox .landlistBox .table-content{background-color:rgb(255 255 255);min-height:200px}.full-height .mapBox .landlistBox .table-content .ant-table{font-size:16px;color:black}.full-height .mapBox .landlistBox .table-content .ant-table .ant-table-tbody>tr>td,.full-height .mapBox .landlistBox .table-content .ant-table .ant-table-thead>tr>th{padding:6px 10px;overflow-wrap:break-word}.full-height .mapBox .landlistBox .table-content .ant-table .ant-table-thead>tr>th{color:rgba(0,0,0,.85);font-size:16px;font-weight:600;text-align:left;background:rgb(217 231 243);border-bottom:1px solid #f0f0f0}.full-height .mapBox .legendBox{color:black;position:absolute;bottom:10px;right:10px;padding:6px 10px;min-width:140px;z-index:1;background-color:rgb(217 231 243);-webkit-box-shadow:2px 2px 10px #909090;box-shadow:2px 2px 10px #909090;border-radius:2%}.full-height .mapBox .legendBox .title{font-weight:600;font-size:1.2em}.full-height .mapBox .legendBox .legend .TrafficLand{height:20px;width:20%;margin:10%;background-color:rgba(241,0,0,.5);border:3px dashed red}.full-height .mapBox .legendBox .legend .IndustrialLand{height:20px;width:20%;margin:10%;background-color:rgba(232,248,9,.5);border:3px dashed yellow}.full-height .mapBox .legendBox .legend .UrbanLand{height:20px;width:20%;margin:10%;background-color:rgba(0,241,80,.5);border:3px dashed green}.full-height .mapBox .legendBox .legend .OtherLand{height:20px;width:20%;margin:10%;background-color:rgba(231,235,17,.63);border:3px dashed #fbff00}.full-height .popup{background-color:#ffffff;width:360px}.full-height .popup .popupTitle{font-size:1.1em;margin:10px;color:#000000}.full-height .popup .closePopup,.full-height .popup .viewPopDetail{font-size:1.1em;margin:8px;color:#004ea2}