.ol-control{background-color:transparent}.ol-viewport .ep-map-zoom-control{bottom:40px;right:20px}.ol-viewport .ep-map-zoom-control>button{height:30px;width:30px;font-size:22px}.ol-viewport .ep-map-zoom-control>button+button{margin:5px 0 0 0}.ol-viewport .ep-map-fill-control{bottom:130px;right:20px}.ol-viewport .ep-map-fill-control>button{height:30px;width:30px;font-size:22px}.ol-viewport .ep-map-attribution-control{left:0;right:unset}.ol-viewport .ep-map-mouse-position-control{position:absolute;bottom:5px;right:5px;padding:2px 5px;background:hsla(0,0%,100%,.5);font-size:12px;border:2px solid #777}.ol-viewport .ep-map-switch-control{position:absolute;right:20px;top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#0f89f5;-webkit-transition:width .2s;transition:width .2s;width:73px;overflow:hidden}.ol-viewport .ep-map-switch-control .layer-button{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 5px;border:1px solid transparent}.ol-viewport .ep-map-switch-control .layer-button:hover{border:1px solid #fff}.ol-viewport .ep-map-switch-control .layer-button img{width:60px}.ol-viewport .ep-map-switch-control .layer-button span{color:#fff;font-size:14px}.ol-viewport .ep-map-ship-berth-type-control{position:absolute;left:20px;top:40px;width:400px;border-radius:6px;overflow:hidden}.ol-viewport .ep-map-ship-berth-type-control .type-head{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;padding:9px 12px;font-family:PingFang SC-Medium,PingFang SC;font-weight:500;color:#fff;background:#2383f4}.ol-viewport .ep-map-ship-berth-type-control .type-head,.ol-viewport .ep-map-ship-berth-type-control .type-head .type-head-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ol-viewport .ep-map-ship-berth-type-control .type-head .type-head-title:before{content:"";display:block;width:5px;height:17px;margin:0 5px 0 0;background:#fff}.ol-viewport .ep-map-ship-berth-type-control .type-head .type-head-button{font-size:13px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#fff;cursor:pointer}.ol-viewport .ep-map-ship-berth-type-control .type-head .type-head-button i{font-size:14px;margin:0 0 0 4px}.ol-viewport .ep-map-ship-berth-type-control .type-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-height:800px;overflow:hidden;padding:8px 0 8px 40px;background:hsla(0,0%,100%,.9);-webkit-transition:max-height .3s;transition:max-height .3s}.ol-viewport .ep-map-ship-berth-type-control .type-content .icon-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:8px 0;-webkit-box-flex:0;-ms-flex:0 0 33%;flex:0 0 33%}.ol-viewport .ep-map-ship-berth-type-control .type-content .icon-type span{margin:0 0 0 4px;font-size:13px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#606266}.ol-viewport .ep-map-ship-berth-type-control .type-content-close{padding:0}.ol-viewport .ep-map-info{position:relative}.ol-viewport .ep-map-info:before{position:absolute;left:50%;content:"";display:block;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;bottom:-5px}.ol-viewport .ep-map-info-bottom{position:relative}.ol-viewport .ep-map-info-bottom:before{position:absolute;left:50%;content:"";display:block;width:0;height:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;top:-5px;border-bottom:5px solid #fff}.ol-viewport .ep-map-gis-tag-mark{padding:4px 11px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:4px 4px 4px 4px;color:#fff;font-size:13px}.ep-tm-markerBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px 12px;max-width:260px;background:transparent;color:#606266;font-size:13px;position:relative}.ep-tm-markerBox:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(255,252,255,.8);border-radius:6px}.ep-tm-markerBox .markerBoxItem{margin:6px 0}@supports (backdrop-filter:blur(10px)){.ep-tm-markerBox:after{background:rgba(255,252,255,.4);backdrop-filter:blur(10px)}}.documentCenter_container[data-v-0fc3982c]{height:100%;width:100%}