#main_location {position: fixed; top: 50%; left: 70px; z-index: 9; transform: translateY(-50%);}
#main_location ul li {height: 26px; width: 26px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
#main_location ul li:last-child {margin-bottom:0;}

#main_location ul li a {height: 100%; display: flex; align-items: center; position: relative; width: 100%;}
#main_location ul li a i {transition: all .3s; opacity: 0; display: block; position: absolute; left: -9px; top: 0; }
#main_location ul li a span {display: block; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,.6); transition: all .3s;}

#main_location ul li a.active i {opacity: 1; }
#main_location.black ul li a span {background: #ddd;}

@media screen and (max-width:1740px) {
    #main_location {display: none; }
}