.common-side-navigator{position:fixed;top:30%;right:0;transform:translateY(-30%)}.common-side-navigator .v-side-navigator{position:absolute;top:0;right:52px;width:113px;border-radius:2px;background-color:#fff;padding:12px;box-shadow:0 0 12px rgba(0,0,0,.12);z-index:9999;box-shadow:0 0 20px rgba(0,0,0,.3);transition:width .3s ease-in-out}.common-side-navigator .v-side-navigator:before{content:" ";display:block;position:absolute;top:10px;right:-8px;width:0;height:0;border-top:4px solid transparent;border-left:8px solid #fff;border-bottom:8px solid transparent}.common-side-navigator .v-side-navigator li{position:relative;padding-left:21px;height:32px;line-height:32px;border-left:1px solid #d8d8d8;font-size:14px;color:#888;cursor:pointer}.common-side-navigator .v-side-navigator li.is-active{color:#1dade6}.common-side-navigator .v-side-navigator li:hover{background-color:#ededed}.common-side-navigator .v-side-navigator .nav-cir-dot{position:absolute;top:0;left:8px;width:10px;height:10px;border-radius:50%;background-color:#1dade6;transition:top .3s ease-in-out}.common-side-navigator .v-side-navigator .nav-cir-dot:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background-color:#fff;position:absolute;top:3px;left:3px}.common-side-navigator .slide-enter-active,.common-side-navigator .slide-leave-active{transition:all .3s ease-in-out;right:52px}.common-side-navigator .slide-enter,.common-side-navigator .slide-leave-to{opacity:0;right:-30px}.common-side-navigator .toggle-icon{position:absolute;top:0;right:4px;font-size:14px;color:#1dade6;text-align:center;width:16px;padding:10px;background-color:#1dade6;color:#fff;border-radius:2px;word-break:break-all}.common-side-navigator .toggle-icon:hover{background-color:#33b5e8}.common-side-navigator .toggle-icon i{font-size:16px}.w10{width:10px}