* { padding:0; margin:0; list-style:none; } .zu_map { width:1206px; height:500px; border:1px solid #000; } .graph { width:100%; height:50px; overflow:hidden; } .graph p { text-align:center; width:200px; float:left; height:50px; line-height:50px; background-color:#468e33; border-right:1px solid #fff; color:#fff; } #container_0 div,#container_1 div,#container_2 div,#container_3 div,#container_4 div,#container_5 div { border:1px solid #E0E0E0; border-radius:5px; width:150px; height:30px; line-height:30px; margin:20px 0; text-align:center; cursor:pointer; } .cont { float:left; width:150px; height:450px; padding:0 25px; } .map { position:relative; } .container_node { position:absolute; left:0; top:0; width:100%; height:100%; } .background_new { position:absolute; left:0; top:0; width:100%; height:100%; } .background_new div { float:left; width:200px; height:450px; } .background { background:#ededed; } .myCanvas { position:absolute; left:0; top:-50px; } .back_1 { background:#0064ca; color:#fff; } .back_2 { background:#b200cc; color:#fff; } .back_3 { background:#00a900; color:#fff; } .back_4 { background:#ff6c00; color:#fff; } .back_5 { background:#00909d; color:#fff; } .back_6 { background:#ff0000; color:#fff; }