#map {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"΢ÈíÑźÚ";} .index_theLeft ul { width: 100%; padding: 0px; margin: 0px; overflow: auto; } .index_theLeft li { list-style: none; text-align: center; position: relative; padding: 15px 0; border-bottom: 1px solid #f9f9f9; cursor: pointer; } .index_theLeft li.active , .index_theLeft li:HOVER{ background: #f9f9f9; } .index_theLeft li span,.index_theLeft li h5{ text-align: center; color: #333; } .mapContainer{ height:500px; width:100%; } .dashboard-menu a{ display: inline-block; } .searchContainer{ position: absolute; top: 140px; left: 160px; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0,0,0,.8); z-index: 10; box-shadow: 0 0 10px rgba(0,0,0, .6); cursor: pointer; } .map_search_span { position: absolute; top: 16px; left: 16px; width: 34px; height: 30px; background-image: url(../../../image/oss/iot/sousuo.png); background-repeat: no-repeat; background-size: 34px 30px; } .map_search_index { position: absolute; top: 147px; left: 152px; width: 240px; height: auto; display: none; overflow: hidden; z-index: 10; border-radius: 4px; display: none; } .map_search_frame { position: relative; width: 240px; height: 45px; line-height: 45px; background-color: rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0, .6); } .map_search_frame_input { position: absolute; top: 7px; left: 10px; width: 170px; height: 30px; line-height: 30px; border: none; border-radius: 4px; padding: 0 20px; } .map_search_frame_btn { position: absolute; top: 9px; right: 12px; width: 30px; height: 26px; background-image: url(../../../image/oss/iot/sousuo.png); background-repeat: no-repeat; background-size: 30px 26px; background-color: rgba(0,0,0,0); border: none; } .layui-layer.layui-layer-page{ width: 700px !important; } .join-device-box .line{ border-bottom: 1px solid #f3f3f3; } .join-device-box .line:LAST-CHILD{ border-bottom: 0; } .join-device-box .line:HOVER{ background: #f3f3f3; } .join-device-box .x3{ height: 60px; } .join-device-box span,.join-device-box a{ line-height: 60px; } .join-device-box a{ text-align: center; text-decoration: underline !important; cursor: pointer; } .join-device-box a:HOVER{ color:#333; } .join-device-box p{ line-height: 28px; color: #999894; } .sensor-value{ font-size: 25px; color:#337ab7; padding-left: 30px; } .join-device-box .sensor_img{ padding-left: 3px; vertical-align: middle; } .x3 img{ cursor: pointer; } .join-device-box .sensor_name{ padding-left: 10px; } /** */ .show_index { position: absolute; top: 137px; left: 50%; margin-left:-140px; width: 280px; height: auto; overflow: hidden; z-index: 10; border-radius: 4px; background-color: rgba(0,0,0,.8); z-index: 10; box-shadow: 0 0 10px rgba(0,0,0, .6); cursor: pointer; color: white; padding: 10px 20px; } .app_name,.app_value{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .BMap_cpyCtrl { display: none; } .anchorBL { /* display: none; */ margin-top: 30px; } .BMapLabel{ background-color: transparent !important; border: 0 !important; color: #3499da !important; } .map_info_item { padding-top: 5px; padding-left:5px; line-height: 20px; margin-bottom: 10px; font-size: 14px; } .map_info_titles{ display: flex; justify-content: space-between; line-height: 32px; margin-bottom: 10px; } .detail_btn{ border-radius: 16px; height: 32px; background: #2E55BE; color: #fff; } .map_info_window{ background: #fff; color: black; width: fit-content; min-width: 400px; } .map_info_item_sub { display: inline-block; width: 150px; } .sensor-info{ width:100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space:nowrap; display:block; font-size: 14px; color: #444; } .icondevice{ margin-right: 1px;height: 22px;margin-top: 2px;vertical-align: middle; } .pro_icon{ width: 20px; margin-right: 2px; vertical-align: middle; margin-top: 1px; }