/* 功能栏 start */
.side-box{
  display: inline-block;
  /* width: 0.65rem; */
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0px;
  box-sizing: border-box;
  position: absolute;
  right: 50px;
  top:50px;
  z-index: 105;
  background-color: white;
  box-shadow: 0 0 5px 0 black;
}
.side-box .side-item{
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #bbb;
  margin: 1px 0;
  padding: 2px;
  color: #666;
  user-select:none;
  cursor:pointer;
}
.side-box .side-item .side-icon{
  font-size: 40px;
  color: #333;
}
.side-box .side-item-active{
  background-color: rgba(0,0,0,0.2);
  color: #25A5F7
}
.side-box .side-item:last-of-type{
  border-bottom: none;
}
.side-box .side-img{
  width: 40px;
  height: 40px;
}
/* 功能栏 end */
/* 地图侧边栏内容区 */
.side-content-main{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  display: none;
}
.side-content-main .side-content{
  width: 100%;
  height: 100%;
}
.side-content-main .side-content-left{
  width: 80%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.side-content-main .side-content-right{
  min-width: 20%;
  height: 100%;
  background-color: white;
  /* border: 1px solid red; */
  box-sizing: border-box;
}
/* 地图侧边栏内容区--地块 */
.side-content-main .side-content-right .map-item{
  /* border: 2px solid skyblue; */
  box-sizing: border-box;
  height: 100%;
}
.side-content-main .side-content-right .map-item .item-header{
  background: #eee;
  height: 7%;
  font-size: 25px;
}
.side-content-main .side-content-right .map-item .item-header .back-box{
  padding: 0 10px;
  cursor: pointer;
}
.side-content-main .side-content-right .map-item .item-header .back-icon{
  width: 35px;
  height: 35px;
  margin-right: 10px;
}
.side-content-main .side-content-right .hide-btn-icon{
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.side-content-main .side-content-right .map-item .item-content{
  height: 93%;
  /* border: 1px solid pink; */
  box-sizing: border-box;
  border-bottom: 1px solid #dedede;
}

/* 地块分类标题 */
.side-content-main .side-content-right .land-main .nav-box{
  box-sizing: border-box;
  height: 20%;
  /* border: 1px solid pink; */
}
.side-content-main .side-content-right .land-main .nav-box .nav-item{
  width: 50%;
  font-size: 15px;
  padding: 15px 0;
  box-sizing: border-box;
  cursor: pointer;
}
.side-content-main .side-content-right .land-main .nav-box .nav-icon{
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}
/* 热门推荐 */
.side-content-main .side-content-right .land-main .hot-show-box{
  box-sizing: border-box;
  height: 80%;
  /* border: 1px solid green; */
  box-sizing: border-box;
}
.side-content-main .side-content-right .land-main .hot-show-box .hot-title{
  background-color:#e8eaec;
  font-size: 16px;
  font-weight: 600;
  padding: 0 12px;
  box-sizing: border-box;
  height: 8%;
}
.side-content-main .side-content-right .land-main .hot-show-box .hot-list{
  padding: 12px 0;
  height:92%;
  overflow: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.side-content-main .side-content-right .land-main .hot-show-box .hot-item{
  padding: 12px;
  box-sizing: border-box;
  font-size: 15px;
  cursor: pointer;
}
.side-content-main .side-content-right .land-main .hot-show-box .hot-active{
  color: #aaa;
}
.side-content-main .side-content-right .land-main .hot-show-box .empty-item{
  font-size: 16px;
  color: #999;
  height: 100%;
}
.side-content-main .side-content-right .land-main .hot-show-box .empty-item .empty-icon{
  width: 77px;
  height: 50px;
  margin-bottom: 15px;
}
/* 地图侧边栏内容区--保护区 */
.side-content-main .side-content-right .protect-area-main .item-header-title{
  margin-left: 5px;
}
.side-content-main .side-content-right .protect-area-main .hide-protect-btn{
  margin-right: 20px;
}
.side-content-main .side-content-right .protect-area-main .protect-ul{
  height: 100%;
  /* border: 1px solid red; */
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: scroll;
  border-bottom: 1px solid #ddd;
}
.side-content-main .side-content-right .protect-area-main .protect-ul .protect-item{
  font-size: 15px;
  padding: 12px;
  box-sizing: border-box;
  user-select: none;
  cursor: pointer;
}
.side-content-main .side-content-right .protect-area-main .protect-ul .protect-item .protect-title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.side-content-main .side-content-right .protect-area-main .protect-ul .protect-active{
  color: #25A5F7;
}
.side-content-main .side-content-right .protect-area-main .item-content{
  position: relative;
}
.side-content-main .side-content-right .protect-area-main .sensitive-item{
  font-size: 15px;
  padding: 12px 30px 12px 12px;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
.side-content-main .side-content-right .protect-area-main .sensitive-item .sensitive-item-left{
  user-select: none;
  cursor: pointer;
}
.side-content-main .side-content-right .protect-area-main .sensitive-item .sen-hidden-btn,
.side-content-main .side-content-right .protect-area-main .sensitive-item .sen-show-btn{
  display: none;
  user-select: none;
  cursor: pointer;
}
/* 地图侧边栏内容区--小工具 */
.side-content-main .side-content-right .map-tool-main .nav-box{
  padding: 12px;
}
.side-content-main .side-content-right .map-tool-main .tool-item{
  width: 50%;
  box-sizing: border-box;
  font-size: 15px;
}
.side-content-main .side-content-right .map-tool-main .tool-icon{
  width: 50px;
  height: auto;
  margin-bottom: 8px;
}
/* 标识 start-------------------------------------------- */
/* 标识列表坐标点 */
.amap-marker-label{
  border: 0;
  /* background-color: transparent; */
  font-size: 12px;
}
amap-marker-label .info {
  padding: 1px 2px;
  margin-bottom: 0;
  border-radius: 3px;
  background-color: white;
  width: auto;
  min-width: 22px;
  border-width: 0;
  box-shadow: 0 2px 6px 0 rgb(114 124 245 / 50%);
  position: relative;
  top: -1px;
  right: 0;
  min-width: 0;
}
.amap-marker-label .info .del-collection{
  font-size: 17px;
  padding: 0 5px;
  font-weight: bold;
}
/* 选取标识信息模态框 */
#tagging {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10005;
  padding: 25px 15px 5px;
  box-sizing: border-box;
  font-size: 16px;
  color: white;
  display: none;
}
#tagging .coll-btn{
  /* background-color: #c5c8ce; */
  border: 1px solid white;
  border-radius: 80px;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0;
  width: 100px;
  margin: 10px 20px;
  color: #fff;
}
/* 保存标识 */
#tagging .save-collection{
  background-color: #25A5F7;
  color: white;
  border: none;
}
#tagging .update-collection{
  background-color: #25A5F7;
  color: white;
  border: none;
  display: none;
}
#tagging .collection-item{
  margin: 5px 0;
}
#tagging .collection-left{
  width: 25%;
}
#tagging .collection-right{
  width: 100%;
}
#tagging .collection-name{
  border: 1px solid white;
  padding: 10px 10px;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
  color: white;
  background-color: rgba(0, 0, 0, 0.1) !important;
  margin: 15px 0;
}
#tagging .collection-name::placeholder{
  color: white;
}
/* 更多 */
#tagging .more-collection-box{
  padding: 10px;
}
#tagging .more-collection-box .more-collection-btn{
  color: #efefef;
  font-size: 15px;
  padding: 5px 20px;
}
/* 收起模态框 */
#tagging .hide-show-col .top::before{
  border-color: white;
}
/* 标识列表 */
.collection-model{
  font-size: 16px;
  /* display: none; */
  /* border-bottom: 1px solid #ededed; */
  box-sizing: border-box;
}
.collection-model .model-content{
  height: 93%;
}
.collection-model .model-title{
  background: #eee;
  height: 7%;
  font-size: 25px;
}
.collection-model .collection-ul{
  box-sizing: border-box;
  padding: 0;
  /* margin: 5px 0; */
  height: 100%;
  overflow-y: hidden;
  overflow-y: scroll;
  /* border: 1px solid green; */
}
.collection-model .collection-li{
  border-bottom: 1px solid #dedede;
  padding: 5px 0;
}
.collection-model .collection-li .col-li-left{
  /* border: 1px solid red; */
  box-sizing: border-box;
  width: 65%;
  padding: 0.04rem 0;
  cursor: pointer;
}
.collection-model .collection-li .col-li-active{
  color: #25A5F7;
}
.collection-model .collection-li .col-li-right{
  box-sizing: border-box;
  width: 35%;
  /* border: 1px solid green; */
}
.collection-model .empty-col-li{
  color: #999;
  font-size: 0.18rem;
  height: 1rem;
  border-bottom: none;
}
.col-icon{
  width: 25px;
  height: 25px;
  /* margin: */
}
.collection-model .collection-li .col-number{
  color: black;
  font-size: 14px;
}
.collection-model .collection-li .col-name{
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-model .collection-li .del-col,
.collection-model .collection-li .update-col{
  padding: 3px 5px;
  margin: 0 3px;
  box-sizing: border-box;
  font-size: 20px;
  color: #999;
  cursor: pointer;
}
.collection-model .collection-li .icon-shanchu,
.collection-model .collection-li .icon-bianjisekuai,
.collection-model .collection-li .icon-jingzhundaohang{
  font-size: 20px;
  color: #999;
}
/* 标识 end */
/* 保护区类型列表 start */
.triangle-box{
    width: 21px; 
}
.triangle-right{
    height: 0;
    width: 0;
    border: 7px solid;
    border-color: transparent transparent transparent black;
    margin-right: 7px;
}
.triangle-down{
    height: 0;
    width: 0;
    border: 7px solid;
    margin: 7px 7px 0 0;
    border-color: black transparent transparent transparent;
}
.first-ul{
    /* border: 1px solid green; */
    font-size: 15px;
    height: 100%;
    box-sizing: border-box;
    padding: 1px 5px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    margin: 0;
    box-sizing: border-box;
    /* border-bottom: 1px solid #ddd; */
}
.first-ul .first-li,
.first-ul .two-li{
    box-sizing: border-box;
    overflow: hidden;
}
.first-ul .first-li{
    height: 38px;
}
.first-ul .two-li{
    /* height: 32px; */
}
.first-ul .first-box{
  height: 33px;
}
.first-ul .first-box,
.first-ul .two-box{
    padding: 3px 0;
    box-sizing: border-box;
    cursor: pointer;
}
.first-ul .two-ul{
    margin-left: 25px;
    padding: 0;
}
.first-ul .first-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* font-weight: 650; */
}
.first-ul .two-title{
    width: 220px;
    padding: 4px 0;
    box-sizing: border-box;
    font-size: 15px;
}
.first-ul .cancel-pro-title{
  /* border: 1px solid #aaa; */
  /* color: #aaa; */
  height: 25px;
  width: 25px;
  /* border-radius: 50%; */
  /* padding: 2px; */
  /* box-sizing: border-box; */
  /* font-size:15px; */
}
.first-ul .cancel-pro-title img{
  width: 23px;
  height: 23px;
}
.first-ul .protect-autoheight{
  height: auto;
}
.protect-type-active{
  color: #25A5F7;
}
/* 保护区类型列表 end */
/* 移动路径标记 */
.move-marker-route{
  background-color: white;
  padding: 0px;
  color: red;
  width: 100px;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  font-weight: 350;
  cursor: pointer;
}