.layout-fixed-nav{position:fixed;top:0;bottom:0;right:0;width:36px}.layout-fixed-nav .fixed-wrapper{position:absolute;top:0;bottom:0;background:#0085dd;width:100%;padding-top:190px;box-shadow:0 0 3px 1px rgba(0,0,0,.1)}.layout-fixed-nav .fixed-wrapper .user{text-align:center}.layout-fixed-nav .fixed-wrapper .user .el-avatar{display:inline-block;cursor:pointer}.layout-fixed-nav .fixed-wrapper .card{margin-top:16px;position:relative;transition:.2s}.layout-fixed-nav .fixed-wrapper .card .card-main{border-top:1px solid hsla(0,0%,100%,.38);padding:18px 0 20px;cursor:pointer;width:26px;margin:0 auto;border-bottom:1px solid hsla(0,0%,100%,.38);color:#fff;text-align:center}.layout-fixed-nav .fixed-wrapper .card .card-main .icon{text-align:center}.layout-fixed-nav .fixed-wrapper .card .card-main .icon .iconfont{font-size:23px}.layout-fixed-nav .fixed-wrapper .card .card-main .txt{-ms-writing-mode:tb-rl;writing-mode:tb-rl;font-weight:300;display:inline-block;margin:8px 0;letter-spacing:.28em;font-size:13px}.layout-fixed-nav .fixed-wrapper .card .card-main .num span{display:inline-block;color:#0066d4;width:23px;height:23px;line-height:23px;border-radius:50%;background:#fff;text-align:center;font-size:12px}.layout-fixed-nav .fixed-wrapper .card:hover{background:#0469ab}.layout-fixed-nav .fixed-wrapper .action-list{width:100%;position:absolute;bottom:100px;left:0;right:0}.layout-fixed-nav .fixed-wrapper .action-list li{text-align:center;display:block;width:36px;height:36px;line-height:36px;margin-top:8px;transition:.2s;cursor:pointer}.layout-fixed-nav .fixed-wrapper .action-list li .iconfont{font-size:28px;color:#fff;font-weight:100}.layout-fixed-nav .fixed-wrapper .action-list li:hover{background:#0469ab}