.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;
        height:288px;
        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;
        display: flex;
        flex-direction: column;
    }
  
    .map{
      
    }
  
}
.focus{
    background: #ea262d96!important;
}
baidu-map{
    width: 100%;
    height: 900px;
    display: block;
}

.function{
    position: absolute;
    right: 128px;
    /* bottom: 60px; */
    top: 106px;
    width: 35px;
    img{
       
        box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #4a83b4, 0 0 35px #4a83b4, 0 0 40px #4a83b4, 0 0 50px #4a83b4, 0 0 75px #4a83b4;
        border-radius: 14px;
        margin-bottom: 1.3em;
        cursor: pointer;
        width: 63px;
    }
  
}
.right{
    position: absolute;
    right: 80px;
    top: 20px;
}

.proj-info{
  
    label{
        display: grid;
        grid-template-columns: 70% auto;
        color: #eaab4e;
        padding-top: 1em;
        font-size: 22px;
        width: 374px;
            div:nth-of-type(1){
                color:white;
            }

    }
}
fieldset{
    border:3px solid #bdc5d4;
    padding: 1em;
    background: #202734;
    margin: 5px;
    border-radius: 13px;
    margin-bottom: 5em;
    margin-left: 2em;
    width:180%;
    legend{
        color: #0089ea;
        padding: 0.5em;
        background: #c1d9ef;
        font-weight: bolder;
        font-size: 19px;
        border-radius: 8px;
        &: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;
        font-size: 22px;
        color: white;
    }
       label{
    
           cursor: pointer;
           padding: 0.2em;

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


   .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    margin-top: 1.6em;
    text-align: center;
    width:70px;
  }
  
  .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;
  }

  #baidu-map{
    width: 100%;
    height: 900px;
    display: block;
    background-color:rgb(9, 18, 32)!important;
}