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

@include b(bd-map) {
    
.map-box {
    width: 100%;
    height: 600px;
    position: relative;
  }
  .map-box .map {
    width: 100%;
    height: 600px;
  }
  .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;
    }
  }
  .anchorBL {
    display: none;
  }
  
  
  
}