#dw_banner{position: fixed; right: 80px; top: 50%; transform: translateY(-50%); z-index: 50; display: flex; flex-direction: column; align-items: center;}
#dw_banner ul{margin: 19px 0;}
#dw_banner li{margin-bottom: 9px;}
#dw_banner li:last-child{margin-bottom: 0;}
#dw_banner li a{width: 18px; height: 18px; border: solid 2px rgba(255,255,255,0); border-radius: 50%; display: block; position: relative; transition: .3s;}
#dw_banner li a::before{content: ''; display: block; width: 5px; height: 5px; background-color: #999; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
#dw_banner span{font-size: 14px; font-family: 'Montserrat'; font-weight: 500; color: #fff; transition: .3s;}

#dw_banner li .active{border-color: #fff;}
#dw_banner li .active::before{opacity: 0;}

#dw_banner.blue li .active{border-color: #42ade0;}
#dw_banner.blue span{color: #555;}

#dw_banner.wb li .active{border-color: #42ade0;}