:global {
  //绘制矢量图工具
  .switch{
    // width: 160px;
    // padding: 5px;
    background: #fff;
    left: unset;
    z-index: 1;
  }
  .area-city{
    // position: absolute;
    // top: 41px;
    background-color: #fff;
    padding: 15px;
    // left: 40%;
  }
  // 搜索、资源图层按钮
  .layer-extension-btn, .switch{
    display: flex;
    align-items: center;
    height: 100%;
    .layer-btn{
      margin-right: 15px;
      margin-left: 9px;
      cursor: pointer;
      .layer-img{
        height: 16px;
        width: 16px;
      }
    }
  }
  .border-line{
    margin-right: 8px;
    height: 15px;
    width: 2px;
    background-color: #BDCFDE;
    margin-top: 2px;
  }
  .map-switch{
    padding: 10px 10px;
    border-bottom: 1px solid #BDCFDE;
    text-align: center;
    color: #333333;
    cursor: pointer;
  }
  .selectedMap{
    background: #70bcff;
    color: white;
  }
  .vectorgraph {
    .vet-col {
      padding: 0 10px;
      text-align: center;
      cursor: pointer;
    }
    .cancel {
      height: 16px;
      width: 16px;
      // width:0;
      // height:0;
      // border-top:50px solid transparent;
      // border-bottom: 50px solid transparent;
      // border-left: 50px solid green;
    }
    .circle {
      content: "";
      width: 20px;
      height: 20px;
      border: 1px solid #999999;
      border-radius: 50%;
      display: inline-block;
    }
    .rectangle {
      content: "";
      width: 20px;
      height: 20px;
      border: 1px solid #999999;
      display: inline-block;
    }
    .active {
      background: #4285ec;
      border: 0;
    }
    .line{
      border-right: 1px solid #BDCFDE;
    }
  }

  //深色系
  .dark{
    .switch{
      background: #213241;
      opacity: 0.8;
      height: 100%;
    }
  }
}