span.hmap-loading-panel {
  display: none;
  position: absolute;
  height: 55px;
  width: 55px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64, ); }

progress.hmap-loading-panel {
  display: none;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(128, 128, 128, 0.5);
  border: solid 1px rgba(64, 64, 64, 0.5);
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  height: 8px; }

progress.hmap-loading-panel[value] {
  background-color: rgba(204, 102, 0, 0.6);
  border-radius: 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%; }

progress.hmap-loading-panel[value]::-moz-progress-bar {
  background-color: rgba(204, 102, 0, 0.6);
  border-radius: 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%; }

progress.hmap-loading-panel[value]::-webkit-progress-value {
  background-color: rgba(204, 102, 0, 0.6);
  border-radius: 2px;
  background-size: 35px 20px, 100% 100%, 100% 100%; }

.progress-bar {
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(128, 128, 128, 0.5);
  border: solid 1px rgba(64, 64, 64, 0.5);
  border-radius: 4px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  width: 250px;
  height: 8px;
  position: relative;
  display: block; }

.progress-bar > span {
  background-color: blue;
  border-radius: 2px;
  display: block; }
.hmap-compare {
  background-color: #fff;
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  z-index: 1; }

.hmap-compare .hmap-compare-inner {
  background-color: #3887be;
  box-shadow: inset 0 0 0 2px #fff;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: -30px;
  margin: -30px 1px 0;
  color: #fff;
  cursor: ew-resize;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+); }
.hmap-zoom-slider {
  position: absolute;
  top: 20px;
  left: 20px; }
  .hmap-zoom-slider .hmap-zoom-slider-translate-content {
    width: 44px;
    height: 44px;
    overflow: hidden;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(../images/slider.png); }
    .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-button {
      position: absolute;
      height: 15px;
      width: 15px; }
    .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-n {
      left: 14px;
      top: 0; }
      .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-n:hover {
        cursor: pointer; }
        .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-n:hover .hmap-zoom-slider-translate-content {
          background-position: 0px -44px; }
    .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-s {
      left: 14px;
      top: 25px; }
      .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-s:hover {
        cursor: pointer; }
        .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-s:hover .hmap-zoom-slider-translate-content {
          background-position: 0px -132px; }
    .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-w {
      left: 1px;
      top: 12px; }
      .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-w:hover {
        cursor: pointer; }
        .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-w:hover .hmap-zoom-slider-translate-content {
          background-position: 0px -176px; }
    .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-e {
      left: 27px;
      top: 12px; }
      .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-e:hover {
        cursor: pointer; }
        .hmap-zoom-slider .hmap-zoom-slider-translate-content .hmap-zoom-slider-translate-e:hover .hmap-zoom-slider-translate-content {
          background-position: 0px -88px; }
  .hmap-zoom-slider .hmap-zoom-slider-content {
    text-align: center;
    height: 130px;
    top: 25px;
    position: relative; }
    .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-in {
      position: absolute;
      top: -19px;
      width: 22px;
      height: 21px;
      left: 12px;
      overflow: hidden;
      background-position: 0px -221px;
      background-image: url(../images/slider.png);
      background-repeat: no-repeat; }
      .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-in:hover {
        background-position: 0px -243px;
        cursor: pointer; }
    .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-out {
      position: absolute;
      bottom: -20px;
      width: 22px;
      height: 21px;
      left: 12px;
      overflow: hidden;
      background-position: 0px -265px;
      background-image: url(../images/slider.png);
      background-repeat: no-repeat; }
      .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-out:hover {
        background-position: 0px -287px;
        cursor: pointer; }
    .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-slider .slider-background-top {
      position: absolute;
      height: 100%;
      left: 18px;
      width: 10px;
      overflow: hidden;
      background: url(../images/slider.png) no-repeat -23px -226px; }
    .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-slider .slider-background-bottom {
      position: absolute;
      height: 100%;
      width: 10px;
      left: 19px;
      bottom: 0px;
      overflow: hidden;
      background: url(../images/slider.png) no-repeat -33px bottom; }
    .hmap-zoom-slider .hmap-zoom-slider-content .hmap-zoom-slider-zoom-slider .slider-bar {
      position: absolute;
      left: 13px;
      height: 11px;
      width: 19px;
      overflow: hidden;
      background: url(../images/slider.png) no-repeat 0 -309px; }
.ol-overlaycontainer-stopevent .hmap-layer-switcher {
  position: absolute;
  bottom: 15px;
  right: 15px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.8); }
  .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner {
    position: relative;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    -webkit-transition-property: width, background-color;
    transition-property: width, background-color;
    -webkit-transition-duration: .4s;
    transition-duration: .4s; }
    .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .hmap-layer-switcher-li-inner {
      position: absolute;
      box-sizing: border-box;
      border: 1px solid rgba(153, 153, 153, 0.42);
      float: left;
      width: 86px;
      height: 60px;
      margin-right: 10px; }
      .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .hmap-layer-switcher-li-inner .layer-name {
        position: absolute;
        bottom: 0;
        right: 0;
        display: inline-block;
        padding: 3px 3px 2px 4px;
        font-size: 12px;
        height: 12px;
        line-height: 12px;
        color: #FFFFFF;
        border-top-left-radius: 2px; }
      .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .hmap-layer-switcher-li-inner:hover {
        cursor: pointer;
        border-color: #3385FF; }
        .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .hmap-layer-switcher-li-inner:hover .layer-name {
          background-color: #3385FF; }
    .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .selected-item {
      border-color: #3385FF; }
      .ol-overlaycontainer-stopevent .hmap-layer-switcher .hmap-layer-switcher-ul-inner .selected-item .layer-name {
        background-color: #3385FF; }
.ol-overlaycontainer-stopevent .hmap-context-menu-content {
  position: absolute;
  padding: 10px 0px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0); }
  .ol-overlaycontainer-stopevent .hmap-context-menu-content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: #fff;
    transition: visibility 0s linear .3s,opacity .3s; }
    .ol-overlaycontainer-stopevent .hmap-context-menu-content ul li {
      position: relative;
      padding: 0 10px;
      color: #565656;
      word-wrap: break-word; }
      .ol-overlaycontainer-stopevent .hmap-context-menu-content ul li ul {
        display: none;
        box-sizing: border-box;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
        -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.29);
        transform: translateZ(0);
        -moz-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transition: visibility 0s linear .3s,opacity .3s; }
      .ol-overlaycontainer-stopevent .hmap-context-menu-content ul li .li-name-content {
        display: inline-block;
        padding-left: 12px;
        font-size: 14px;
        font-family: Arial,sans-serif; }
      .ol-overlaycontainer-stopevent .hmap-context-menu-content ul li:hover {
        cursor: pointer;
        background: #f6f6f6; }
.hamp-js-measure {
  position: absolute;
  padding: 3px 5px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  word-spacing: 3px;
  letter-spacing: 1px;
  font-family: arial,simsun;
  border: 1px solid #ff0103;
  color: #333333;
  background-color: white; }

.hamp-js-measure-move {
  position: absolute;
  padding: 3px 5px;
  line-height: normal;
  text-align: left;
  white-space: nowrap;
  word-spacing: 3px;
  letter-spacing: 1px;
  font-size: 12px;
  font-family: arial,simsun;
  border: 1px solid #ff0103;
  color: #333333;
  background-color: white; }
  .hamp-js-measure-move span .measure-result {
    color: #FF6319; }
  .hamp-js-measure-move .tool-tip {
    color: #7A7A7A; }

.hmap-measure-overlay-label {
  border: 1px solid #7A7A7A;
  border-radius: 4px;
  color: #7a7a7a;
  font-size: 12px;
  padding: 1px 4px;
  background-color: #ffffff; }

.hmap-measure-area-overlay-label {
  font-size: 12px;
  padding: 3px 5px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  word-spacing: 3px;
  letter-spacing: 1px;
  font-family: arial,simsun;
  background-color: #ffffff;
  border: 1px solid #ff0103;
  color: #333333; }

.hmap-measure-end-overlay-label {
  padding: 3px 5px;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  word-spacing: 3px;
  letter-spacing: 1px;
  font-family: arial,simsun;
  border: 1px solid #ff0103;
  color: #333333;
  background-color: white; }
  .hmap-measure-end-overlay-label .measure-end-label {
    color: #FF6319; }
.free-hand-circle-label {
  padding: 1px 3px;
  line-height: normal;
  text-align: center;
  font-size: 12px;
  font-family: arial,simsun;
  border: 1px solid #ff0103;
  color: #333333;
  background-color: white; }
.hmap-js-popup {
  display: none;
  position: absolute;
  background-color: white;
  padding: 15px 25px 15px 15px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50%;
  min-width: 100px;
  max-width: 400px; }
  .hmap-js-popup:before {
    position: absolute;
    bottom: -16px;
    left: 50%;
    content: '';
    display: inline-block;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #c2c2c2;
    transform: translate(-50%, 0); }
  .hmap-js-popup:after {
    position: absolute;
    bottom: -15px;
    left: 50%;
    content: '';
    display: inline-block;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #ffffff;
    transform: translate(-50%, 0); }
  .hmap-js-popup .hmap-js-popup-content {
    min-width: 100px;
    word-wrap: break-word;
    overflow-y: auto; }
  .hmap-js-popup .hmap-js-popup-closer {
    position: absolute;
    top: 3px;
    right: 10px;
    width: 20px;
    height: 20px;
    color: #000000;
    font-size: 30px;
    transform: rotate(45deg); }
    .hmap-js-popup .hmap-js-popup-closer:hover {
      color: #00ccff;
      cursor: pointer; }
  .hmap-js-popup .hmap-js-popup-minimize {
    position: absolute;
    top: 0px;
    right: 40px;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    color: #000000;
    font-size: 30px; }
    .hmap-js-popup .hmap-js-popup-minimize:hover {
      color: #00ccff;
      cursor: pointer; }

.hmap-marker-minimize-panel {
  display: inline-block;
  width: 55px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  position: absolute;
  cursor: pointer;
  border: 1px solid gray;
  padding: 1px 2px;
  white-space: nowrap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 12px;
  font-family: arial, simsun;
  color: #333333;
  -webkit-user-select: none;
  max-width: 106px;
  overflow: hidden;
  left: 10px;
  top: -35px;
  background-color: white; }
  .hmap-marker-minimize-panel:hover {
    cursor: pointer; }
    .hmap-marker-minimize-panel:hover label {
      cursor: pointer; }

/*# sourceMappingURL=olExtent.css.map*/