::-webkit-scrollbar {
    width: 9px;
    height : 9px;
}


::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(192,192,192,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(93, 82, 253, 0.4); 
}

.map_content {
     display: flex;
     height: 100%;
     width: 100%;
     background: aqua;
     flex-direction: row;
}
.pn-search {
     position: absolute;
     z-index: 1;
     left: 0;
     display: flex;
     width: 380px;
     top: 70px;
     bottom: 0;
     flex-direction: row;
     align-items: center;
}

.pn-search-btn{
     width: 30px;
     height: 60px;
     background: #fff;
     display: flex;
     align-items: center;
     cursor: pointer;
     border-radius:0 7px 7px 0;;
     box-shadow: 1px 1px 0px 1px #dbdbdb;
     justify-content: center;
}
.map_left_search_box {
     display: flex;
     flex-direction: column;
     min-width: 360px;
     background: #fff;
     height: 100%;
     width: 100%;
     box-shadow: 0 0 6px 0px;
     
}
.map_left_search_box .tab-content{
	width : 100%;
	height: 100%;
}

.map_left_search_box .riverSearchList {
     display : flex;
     flex-direction: column;
}

.map_left_search_box .map_sch_form {background: #4285f4;padding: 10px 25px;}
.map_left_search_box .map_sch_form > input {background: #fff}
.map_left_search_box .map_sch_form > .table_type5 th {color:#fff; font-size:18px; font-weight:400}
.map_left_search_box .map_sch_form > .table_type5 td {padding:5px}
.map_left_search_box .map_sch_form > .table_type5 td label{ width: 100%;}
.map_left_search_box .map_sch_form .map_btn_search{background: url(/images/content/icon_zoon.png) no-repeat 95% -1px #fff;text-indent: -999px;overflow: hidden;width: 24px;height: 24px;position: absolute;right: 10px;top: -2px;}





.pn-slideout-lf{
     left: -355px!important;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
.pn-slideout-rf{
     right: -335px !important;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
.map_left_search_box .tab_area{
     display: flex;
     height: 100%;
     flex-direction: column;
}


.pn-bsplan{
     position: absolute;
     z-index: 1;
     right: 0;
     display: flex;
     width: 390px;
     top: 70px;
     bottom: 0;
     flex-direction: row;
     align-items: center;
     min-height: 600px;
}

.pn-tool-btn-box{
     width : 50px;
     height: 100%;
     align-items: baseline;
     display: flex;
     flex-direction: column;
}
.pn-toolbox{
     width : 50px;
     display: flex;
     flex-direction: column;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 5px;
}

.pn-bsplan-close-box{
     width: 100%;
     display: flex;
     justify-content: end;
}

.pn-bsplan-close-btn{
     width: 30px;
     height: 60px;
     background: #fff;
     display: flex;
     align-items: center;
     cursor: pointer;
     border-radius: 7px 0 0 7px;
     box-shadow: -1px -1px 0px -1px #dbdbdb;
     justify-content: center;
     z-index: 1;
}
.pn-tool-control-list{
     width: 50px;
     padding-top: 10px;
     display: flex;
     flex-direction: column;
     gap: 5px;
}
.pn-tool-control-list button {
     width: 40px;
     height: 40px;
     border-radius: 3px;
     background: url(/images/content/map_sp.png) no-repeat #019ab8;
     color: #fff;
}

.pn-tool-control-list button:hover{background-color: #fff; color:#019ab8}
.pn-tool-control-list button.btn_area {background-position: -132px -90px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button.btn_measure {background-position: -180px -90px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button.btn_radius {background-position: -229px -82px;}
.pn-tool-control-list button.btn_capture { background: url(/images/content/img_gisBtn.png) no-repeat #019ab8; background-position: -128px -3px; font-size:12px;padding-top: 21px;}

.pn-tool-control-list button:hover.btn_area {background-position: -132px -130px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button:hover.btn_measure {background-position: -180px -130px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button:hover.btn_radius {background-position: -229px -122px;}
.pn-tool-control-list button:hover.btn_capture {background-color: #fff; color:#019ab8; background-position: -128px -3px;font-size:12px;padding-top: 21px; }


.pn-tool-control-list button.on{background-color: #fff; color:#019ab8}
.pn-tool-control-list button.btn_area.on {background-position: -132px -130px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button.btn_measure.on {background-position: -180px -130px;font-size:12px;padding-top: 21px;}
.pn-tool-control-list button.btn_radius.on {background-position: -229px -122px;}
.pn-tool-control-list button.btn_capture.on {background-position: -128px -3px; font-size:12px;padding-top: 21px;}

.map_right_bsplan_box {
     display: flex;
     flex-direction: column;
     min-width: 320px;
     background: #fff;
     height: 100%;
     width: 100%;
     box-shadow: 0 0 6px 0px;
     
}
.map-content-box {
	width: 100%;
    height: 100%;
}
.map-content-box .map{
     width: 100%;
     height: 100%;
}

.select_feature_popup{position: fixed; left: 645px; top: 400px; z-index: 500; background: rgba(0,0,0,0.5);display: none;}
.select_feature_dialog{max-width: 580px;margin: 0 auto;overflow: hidden;border-radius: 3px; border: 1px solid #fff;z-index:10;}
.select_feature_content{position: relative;display: flex;flex-direction: row;}
.select_feature_set {position: relative;flex: 1 1 auto;background: rgba(70,70,70,0.95);width: auto;}
.select_feature_set span{font-size: 10pt;color: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.select_feature_set div:last-child {border-bottom: 0px solid #fff;}
.select_feature_title {display: flex;align-items: center;justify-content: center;padding: 4px 2px;flex: 1;border-bottom: 1px solid #fff; background: #0166b4;}
.select_feature_item {display: flex;justify-content: start;
    gap: 4px;padding: 4px 20px;flex: 1;border-bottom: 1px solid #fff;}
.select_feature_item span{cursor: pointer;}
.select_feature_item img{width: 16px;
    height: 16px;
    margin-top: 2px;}