#main_location {position: fixed; top: 50%; right: 40px; transform: translateY(-50%); z-index: 9;}
#main_location ul {position: relative; width: 100%; display: flex; flex-direction: column; align-items: center;}
/* #main_location ul li + li {margin-left: 20px;} */
#main_location li {margin-bottom: 40px;}
#main_location li:last-child {margin: 0;}
#main_location li a {display: flex; align-items: center;}
#main_location li a .rec {display: block; width: 7px; height: 7px; background-color: rgba(255,255,255,.5); transition: background-color .3s ease; border-radius: 50%;}
#main_location li.active a .rec {width: 15px; height: 15px; background: #fff !important;}
/* color */
.color #main_location li a .rec {background:#CDCDCD; }
.scrolled #main_location li.active a .rec {background:#fef15a !important; }




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