.leftNav[data-v-a2d8cf4a]{left:calc(50% - 680px);position:fixed;top:284px;z-index:10}.leftNav .info .avatar[data-v-a2d8cf4a],.leftNav .info .collect[data-v-a2d8cf4a],.leftNav .info .comment[data-v-a2d8cf4a],.leftNav .info .like[data-v-a2d8cf4a],.leftNav .info .particle[data-v-a2d8cf4a],.leftNav .info .report[data-v-a2d8cf4a],.leftNav .info .share[data-v-a2d8cf4a]{background:#fff;border-radius:50%;box-shadow:0 0 5px 2px #07111b0f;cursor:pointer;height:48px;margin-bottom:20px;position:relative;width:48px}.leftNav .info .avatar img[data-v-a2d8cf4a],.leftNav .info .collect img[data-v-a2d8cf4a],.leftNav .info .comment img[data-v-a2d8cf4a],.leftNav .info .like img[data-v-a2d8cf4a],.leftNav .info .particle img[data-v-a2d8cf4a],.leftNav .info .report img[data-v-a2d8cf4a],.leftNav .info .share img[data-v-a2d8cf4a]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.leftNav .info .badge[data-v-a2d8cf4a]{background:#cdcdcd;border-radius:9px;color:#fff;font-size:12px;height:18px;left:30px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;text-align:center;top:-4px}.leftNav .info .badge.active[data-v-a2d8cf4a]{background:#1e80ff}.leftNav .info .comment .badge[data-v-a2d8cf4a]{background:#cdcdcd}.leftNav .info .collect .badge.active[data-v-a2d8cf4a]{background:#ffd306}.leftNav .info #followBtn[data-v-a2d8cf4a]{background-color:#1e80ff;border:5px solid #1e80ff;border-radius:100px;display:block;height:100px;left:-26px;position:relative;top:-52px;transform:scale(.21);transition:all .3s linear;width:100px}.leftNav .info #followBtn.active[data-v-a2d8cf4a]{background-color:#fff}.leftNav .info #line1[data-v-a2d8cf4a],.leftNav .info #line2[data-v-a2d8cf4a]{background-color:#fff;border-radius:5px;display:block;height:8px;left:20px;position:absolute;top:44px;transition:all .3s linear;width:50px}.leftNav .info #line2[data-v-a2d8cf4a]{border-radius:8px;transform:rotate(90deg)}.leftNav .info #line1.active[data-v-a2d8cf4a]{animation:line1-a2d8cf4a .3s ease-in-out forwards;background-color:#1e80ff}.leftNav .info #line2.active[data-v-a2d8cf4a]{animation:line2-a2d8cf4a .3s ease-in-out forwards;background-color:#1e80ff}@keyframes line1-a2d8cf4a{50%{border-radius:8px;height:8px;left:15px;top:52px;width:8px}to{left:15px;top:52px;transform:rotate(45deg);width:30px}}@keyframes line2-a2d8cf4a{50%{border-radius:8px;height:8px;left:30px;width:8px}to{left:30px;transform:rotate(-45deg);width:50px}}.leftNav .info .like[data-v-a2d8cf4a]{background-image:url(../static/leftNav/like1.png);background-position:50%;background-repeat:no-repeat;transition:all .3s}.leftNav .info .like.active[data-v-a2d8cf4a]{background-image:url(../static/leftNav/like3.png)}.leftNav .info .comment[data-v-a2d8cf4a]{background-image:url(../static/leftNav/comment1.png)}.leftNav .info .collect[data-v-a2d8cf4a],.leftNav .info .comment[data-v-a2d8cf4a]{background-position:50%;background-repeat:no-repeat}.leftNav .info .collect[data-v-a2d8cf4a]{background-image:url(../static/leftNav/collect1.png)}.leftNav .info .collect.active[data-v-a2d8cf4a]{background-image:url(../static/leftNav/collect2.png)}.leftNav .info .share[data-v-a2d8cf4a]{background-image:url(../static/leftNav/share.png);background-position:50%;background-repeat:no-repeat;position:relative}.leftNav .info .share .operationBox[data-v-a2d8cf4a]{display:none;height:188px;left:35px;position:absolute;top:-60px;width:140px;z-index:1}.leftNav .info .share .operation[data-v-a2d8cf4a]:before{background:#fff;border-left:2px solid #fff;border-top:2px solid #fff;content:"";height:15px;left:-57px;margin:50px;position:absolute;top:25px;transform:rotate(-45deg);width:15px;z-index:-1}.leftNav .info .share .operation[data-v-a2d8cf4a]{background:#fff;border-radius:6px;box-shadow:0 0 5px #0000004d;color:#687588;font-size:14px;left:25px;position:absolute;top:0;width:120px;z-index:1}.leftNav .info .share .operation img[data-v-a2d8cf4a]{height:auto;margin-right:10px;width:18px}.leftNav .info .share .operation div[data-v-a2d8cf4a]{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;padding:10px}.leftNav .info .share .operation div[data-v-a2d8cf4a]:hover{background-color:#f5f7fa}.leftNav .info .share .qrcode-placeholder[data-v-a2d8cf4a]{color:#999;font-size:12px;padding:8px}.leftNav .info .share:hover .operationBox[data-v-a2d8cf4a]{display:block}.leftNav .info .report[data-v-a2d8cf4a]{background-image:url(../static/leftNav/report1.png);background-position:50%;background-repeat:no-repeat}