#lsl_banner{position: fixed; right: 49px; top: 50%; transform: translateY(-50%); z-index: 50;}
#lsl_banner li{margin-bottom: 23px;}
#lsl_banner li:last-child{margin-bottom: 0;}
#lsl_banner li a{width: 15px; height: 15px; background-color: rgba(255,255,255,0); border-radius: 50%; display: block; position: relative;}
#lsl_banner li a::before{content: ''; display: block; width: 7px; height: 7px; background-color: rgba(255,255,255,.5); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#lsl_banner li .active{background-color: #1f255d;}
#lsl_banner li .active::before{opacity: 0;}



/* #lsl_banner.on li a{color: rgb(43, 46, 133,0);} */
#lsl_banner.on li a::before{background-color: #b3b3b3; opacity: 0;}

/* #lsl_banner.on li .active{color: #2b2e85;}*/
#lsl_banner.on li .active::before{background-color: #2b2e85;}
#lsl_banner.on li a::before{background-color: #b3b3b3; opacity: .5;}
#lsl_banner.wh li .active{background-color: #fff;}
@media screen and (max-width:1280px){
    #lsl_banner{display: none;}
}