* {
    margin:0;
    padding:0;
}
html,body{
    height:100%;
}
.box{
    position:absolute;
    height:100%;
    width:100%;
}
#show_box {
    height:250px;
    width:300px;
    position:fixed;
    top:150px;
    left: 10px;
    background-color:rgba(255,255,255,0.8);
    border:1px solid rgb(0,0,0,0.7);
    border-radius:15px; 
}
/* button{
    height:200px;
    width:200px;
} */
#float-button {
    border-radius: 64px; 
    position: fixed; 
    height: 80px;
    width: 150px;
    top: 50px;
    left: 85px;
    background-color: #b4d145;
    border:0;
    color:white;
    font-size:18px;
    font-weight:800
    /* opacity:0.6; */
}

p{
    margin: 5px 6px;
}
/* #show_button{
    position:absolute;
    display:flex;
    justify-content:center;
    bottom:-50px;
    height:100px;
} */

.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 45px;
    left: -50px;
}

    .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
    }

    .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
    }

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

    .ol-popup-closer:after {
        content: "✖";
    }

#popup-content {
    font-size: 14px;
    font-family: "微软雅黑";
}

    #popup-content .markerInfo {
        font-weight: bold;
    }

.popTitle{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    opacity: 0.5
}

.left-button{
    position:absolute;
    display:inline;
    bottom:3px;
    margin:30px;
    left:10px;
}
.right-button{
    position:absolute;
    display:inline;
    bottom:3px;
    margin:30px;
    right:10px;
}

  
.btn {
height:30px;
width:100px;
border: 0;
border-radius: 10px;
background:  #b4d145;
text-transform: uppercase;
color: white;
font-size: 16px;
font-weight: 550;
padding: 0px 0px;
outline: none;
/* position: relative; */
transition: border-radius 3s;
-webkit-transition: border-radius 3s;
}

.btn:hover {
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}