.main{
    // display: grid;
    // grid-template-columns: 15% auto 15%;
    // grid-template-rows:850px;


 
    fieldset{
        // padding: 1em;
        // background: #3885b338;
        // margin: 5px;
        // border-radius: 4px;
        // border: 1px solid #613d3d;
        // margin-bottom: 1em;
        // margin-left: 2em;
        position: relative;
        button{
            //position: absolute;
            background: #dbdbc90f;
            color: #16e8d6;
            border-radius: 9px;
            width: 130px;
            height: 39px;
            display: block;
            margin: 0.3em;
            font-size: initial;
            top: -41px;
            left: -8px;
            border: 2px solid #f3f42678;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            &:hover{
                background: #48a9a0;
            }
        }
    
        // label{
        //     display: grid;
        //     grid-template-columns: 77% auto;
        //     color: #eaab4e;
        // }
        &.sub{
           
         padding:0.4em;
         border:none;
         margin:0;
            label{
         
                cursor: pointer;
                background: #076796;
                padding: 0.2em;
                border: 1px solid #42a5d23b;
            }
        }
    }

    .left{
     
        width: 292px;
        position: absolute;
        top: 188px;
    }
  
    .map{
      
    }
  
}
.focus{
    background: #ea262d96!important;
}
baidu-map{
    width: 100%;
    height: 900px;
    display: block;
}

.function{
    position: absolute;
    right: 80px;
    bottom: 1px;
    img{
        margin-left:2em;
        cursor: pointer;
        width: 37px;
    }
  
}
.right{
    position: absolute;
    right: 80px;
    top: 20px;
}

.proj-info{
  
    label{
                    display: grid;
            grid-template-columns: 70% auto;
            color: #eaab4e;
            div:nth-of-type(1){
                color:white;
            }
    }
}
fieldset{
    border: 1px solid #03A9F4;
    padding: 1em;
    background: #3885b338;
    margin: 5px;
    border-radius: 4px;
    margin-bottom: 1em;
    margin-left: 2em;
    width:120%;
    legend{
        color: #16e8d6;
        
        // border-top: 1px solid;
        border-radius: 7px;
        &:hover{
            background: #00daff33;
            padding: 0.5em;
            border: 1px solid #16e8d6;
            cursor: pointer;
        }
    }
}

.sub{
           
    padding:0.4em;
    border:none;
    // background: #07679657;
    margin:0;
    .item{
        text-align: left;
        padding-top: 0.3em;
    }
       label{
    
           cursor: pointer;
           padding: 0.2em;

        //    border: 1px solid #42a5d23b;
       }
   }


   .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    border:1px solid #16e8d6;
    background-color: black;
    color: #16e8d6;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    top:-28px;
    left:-4px;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }