@import "mixins/mixins";
@import "common/var";

@include b(gd-map) {
    .map-box {
        width: 100%;
        height: 600px;
        position: relative;
      }
      .map-box .map {
        width: 100%;
        height: 100%;
      }
      .map-box .search {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 285px;
        z-index: 1;
      }
      .map-box .search input {
        width: 180px;
        border: 1px solid #ccc;
        line-height: 20px;
        padding: 5px;
        outline: none;
      }
      .map-box .search button {
        line-height: 26px;
        background: #fff;
        border: 1px solid #ccc;
        width: 50px;
        text-align: center;
      }
      .map-box .search-result {
        background: #fff;
        max-height: 300px;
        overflow: auto;
        margin-top: 10px;
        border: 1px solid lightgray;
        border-radius: 5px;
      
        .search-result-item {
          cursor: pointer;
          padding: 3px 10px;
          color: #666666;
        }
        .search-result-item:hover {
          color: cornflowerblue;
        }
      }
}