#sidenav li { margin:20px 0; list-style:none; overflow:hidden; list-style:none; font-size:16px; } #sidenav li:hover a { color:#ff6a6a; } #sidenav li a { color:#494949; -webkit-transition:all 0.28s ease-out; -moz-transition:all 0.28s ease-out; -ms-transition:all 0.28s ease-out; -o-transition:all 0.28s ease-out; transition:all 0.28s ease-out; text-decoration:none; } #sidenav li.point_a a { color:#ff6a6a; } .point_a a { color:#ff6a6a; } .dark { display:inline-block; width:8px; height:8px; border:3px solid #767676; border-radius:50%; float:left; margin-top:4px; position:absolute; left:117px; background:#fff; /* top:4px; */ } #sidenav i.point { background:#ff6a6a; width:14px; height:14px; display:inline-block; border-radius:50%; float:left; margin-top:4px; position:absolute; left:117px; } #sidenav span { padding-left:44px; } .branch { position:absolute; z-index:-999; border-right:1px solid #ccc; width:3px; height:420px; left:121px; top:-20px; }