|  |  | 
 |  |  |    clear: both; | 
 |  |  |    zoom: 1 | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list-chart-span { | 
 |  |  |    cursor: pointer; | 
 |  |  |    background-color: #4c9bf1 | 
 |  |  | } | 
 |  |  | .list li { | 
 |  |  |    padding: 10px 0; | 
 |  |  |    border-bottom: 1px dotted #eee; | 
 |  |  |    line-height: 40px; | 
 |  |  |    height: 40px; | 
 |  |  |    font-size: 20px; | 
 |  |  |    cursor: pointer; | 
 |  |  |    /*cursor: pointer;*/ | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list span{ | 
 |  |  |    float: right; | 
 |  |  |    position: relative; | 
 |  |  |    right: 18px; | 
 |  |  |    right: 5px; | 
 |  |  |    border-radius:4px; | 
 |  |  |    width: 70px; | 
 |  |  |    width: 40px; | 
 |  |  |    text-align: center; | 
 |  |  |    height: 24px; | 
 |  |  |    line-height: 24px; | 
 |  |  |    font-size: 16px; | 
 |  |  |    font-size: 14px; | 
 |  |  |    font-weight: bolder; | 
 |  |  |    color:  white; | 
 |  |  |    margin: 10px 0; | 
 |  |  |    padding:2px 0; | 
 |  |  |    margin-right: 8px; | 
 |  |  | 
 |  |  |  | 
 |  |  | .list .state01 { | 
 |  |  |    background-color: #FF9; | 
 |  |  |     color: #ff7f00; | 
 |  |  | } | 
 |  |  |  | 
 |  |  | .list .state02 { | 
 |  |  | 
 |  |  |    //地图加载完成后 加载监控点,速度慢 | 
 |  |  |    moralMap.addEventListener("tilesloaded", function(type, target) { | 
 |  |  |    }); | 
 |  |  |    // 点击事件关闭 弹窗列表 | 
 |  |  |     moralMap.addEventListener("click", function(type, target) { | 
 |  |  |         moralMap.closePopupbox("#popup_box"); | 
 |  |  |     }); | 
 |  |  |    //地图放大缩小事件时,关闭弹窗 | 
 |  |  |    moralMap.addEventListener('zoomstart', function(type) {}); | 
 |  |  |    //地图放大缩小事件时,关闭弹窗 |