.ol-popup {
        color:#fff; 
        position: absolute;
        background-color: rgba(17, 26, 41, 0.7294117647058823);
        -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        top: -25px;
        left: 25px;
        width: 200px;
        height: 220px;
         /* max-height: 300px;
                 overflow:auto;  */
      }
      /* 改变放大缩小图标按钮 */
/* .ol-zoom {
        
        right: .5em;
        bottom: .5em;
    }
       */    
        #popup-content{
      	height: 85%;
        width: 100%;
		    overflow: scroll;
        -ms-scroll-chaining: chained;
        -ms-overflow-style: none;
        -ms-content-zooming: zoom;
        -ms-scroll-rails: none;
        -ms-content-zoom-limit-min: 100%;
        -ms-content-zoom-limit-max: 500%;
        /* -ms-scroll-snap-type: proximity; */
        -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
        -ms-overflow-style: none;
      }
      .ol-popup:after, .ol-popup:before {
        top: 15px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        left: -11px;
        position: absolute;
        pointer-events: none;
        transform:rotate(90deg)
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: -11px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: -11px;
        margin-left: -11px;
      }
	.ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "x";
        color: #fff;
      }
      #type{
      	position: absolute;
		top: 100px;
		left: 20px;
	}
   #popup-content::-webkit-scrollbar
      {
         display: none;
     }