#ku_banner{position: fixed; right: 42px; top: 50%; transform: translateY(-50%); z-index: 50;}
#ku_banner li{margin-bottom: 22px;}
#ku_banner li:last-child{margin-bottom: 0;}
#ku_banner li a{display: flex; align-items: center; justify-content: center; width: 21px; height: 21px; border: solid 1px transparent; border-radius: 50%; transition: .3s;}

#ku_banner li a .cir{width: 7px; height: 7px; border-radius: 50%; transition: .3s; background-color: rgba(255,255,255,.3);}
#ku_banner li .active{border-color: #fff;}
#ku_banner li .active .cir{background-color: rgba(255,255,255,1);}

#ku_banner.on li a .cir{background-color: rgba(0,0,0,.3);}
#ku_banner.on li .active {border-color: #862633}
#ku_banner.on li .active .cir{background-color: #862633;}