#main_location {position: fixed; top: 50%; right: 80px; z-index: 9; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center;}
#main_location ul li {margin-bottom:17px; text-align: right;}
#main_location ul li:last-child {margin-bottom:0;}

#main_location ul {display: flex; flex-direction: column; align-items: center;}
#main_location ul li a {display: block; width: 40px; height: 40px; border:1px solid rgba(243,112,33,0); background-color: rgba(243,112,33,0); border-radius: 50%; position: relative; transition: all .3s ;}
#main_location ul li a::before {content:""; display: block; position: absolute; width: 10px; height:10px; border-radius: 50%; background-color: rgba(255,255,255,.3);
left:50%; top:50%; transform: translate(-50%, -50%); transition: all .3s;}

/* #main_location p {text-align: center; margin-top: 20px; font-size: 14px; color: #999; font-weight: 300; white-space: nowrap; min-width: 60px;} */
#main_location ul li a.active {background-color: rgba(255,255,255,.3); border-color: rgba(255,255,255,1);}
#main_location ul li a.active::before {background-color: #fff; }

/* #main_location.color ul li a {background-color: rgba(252,6,6,.3);} */
#main_location.color ul li a::before { background-color: rgba(153,153,153,.3);}
#main_location.color ul li a.active {background-color: rgba(252,6,6,.3); border-color: rgba(252,6,6,1);}
#main_location.color ul li a.active::before {background-color:#fc0606;}
/* #main_location.color p {color:#fff;} */

@media screen and (max-width: 1800px) {
    #main_location { right: 40px;}
}
@media screen and (max-width: 1699px) {
    #main_location {display: none;}
}