.mapView-detail{width:100%;height:calc(100vh - 50px);position:relative}.mapView-detail #map{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0}.mapView-detail #map .mapboxgl-canvas{outline:none}.mapView-detail #map .mapboxgl-ctrl-logo{display:none}.mapView-detail #map .mapboxgl-popup-close-button{outline:none}.mapView-detail .self-control{position:absolute;top:10px;background:#fff;border-radius:4px}.mapView-detail .self-control.left-top{left:10px}.mapView-detail .self-control.right-top{right:10px}.mapView-detail .self-control:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}.mapView-detail .self-control .ctr-item{width:29px;height:29px;background:transparent;border-top:1px solid #ddd;display:flex;justify-content:center;align-items:center;cursor:pointer}.mapView-detail .self-control .ctr-item:first-child{border:none}.mapView-detail .self-control .ctr-item:hover{background:rgba(0,0,0,.05)}.mapView-detail .self-control .ctr-item i{font-weight:700}.mapView-detail .pop-pro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:4px;padding:15px 20px;min-width:200px;max-height:80%;overflow-y:auto}.mapView-detail .pop-pro a{color:#00f}