#main_location {position: fixed; top: 50%; right:75px; z-index: 9; transform: translateY(-50%);}
#main_location ul li {  display: flex; align-items: center; justify-content: center; margin-bottom: 35px;}
#main_location ul li:last-child {margin-bottom:0;}

#main_location ul li a {height: 100%; display: flex; align-items: center; flex-direction: column; position: relative; width: 100%;}
#main_location ul li a i {transition: all .3s; opacity: 0; display: none; position: absolute; left: -0; top: 0; width: 22px; height: 22px; border-radius: 50%;
border:1px solid rgba(255,255,255,.5); }
#main_location ul li a span {display: block; width:7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.65); transition: all .3s; margin-bottom:10px;}
#main_location ul li a p {text-align: center; font-size:13px; font-weight: 400; color:rgba(255, 255, 255, .65); line-height: 1;
transition: all .3s; opacity: 1; letter-spacing: -.3px; white-space: nowrap;}
#main_location ul li a p + p {position: absolute; left: 50%;  transform: translateX(-50%); bottom: 0; opacity: 0;}


/* #main_location ul li a.active i,
#main_location ul li a.active p {opacity: 1; } */
#main_location ul li a.active p {opacity: 0; color:#fff;}
#main_location ul li a.active p + p {opacity:1; }
#main_location ul li a.active span {background: #fff;}
#main_location.color ul li a p {color:rgba(153, 153, 153, 0.65); }
#main_location.color ul li a span {background:rgba(153, 153, 153, 0.65);}
#main_location.color ul li a.active span {background:#ef3f35; }
#main_location.color ul li a.active p {color:#ef3f35; }


@media screen and (max-width:1700px) {
	#main_location {right: 60px;}
}

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