.work-popover[data-v-03d770b4]{position:fixed;bottom:0;right:0;width:400px;max-height:500px;padding:34px 18px;border-radius:4px;border:1px solid #ebeef5;color:#606266;font-size:14px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:15;-webkit-transition:all .6s;transition:all .6s;-webkit-transform:translateX(500px);transform:translateX(500px)}.work-popover .work-main[data-v-03d770b4]{max-height:358px;overflow:scroll}.work-popover .work-main[data-v-03d770b4]::-webkit-scrollbar{width:6px;height:6px}.work-popover .work-main[data-v-03d770b4]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}.work-popover .work-main[data-v-03d770b4]::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}.work-popover .work-main[data-v-03d770b4]::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;box-shadow:inset 0 0 6px transparent;background:#fff}.work-popover .work-main[data-v-03d770b4]::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4);box-shadow:inset 0 0 6px rgba(0,0,0,.4);background:rgba(0,0,0,.01)}.work-popover .work-main .item-work[data-v-03d770b4]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 0;line-height:24px}.work-popover .work-main .item-work span[data-v-03d770b4]{width:74px;text-align:right}.work-popover .work-main .item-work .item-content[data-v-03d770b4]{color:#3489ff;cursor:pointer}.work-popover .work-main .item-work .item-content[data-v-03d770b4],.work-popover .work-main .item-work p[data-v-03d770b4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.work-popover .work-close[data-v-03d770b4]{position:absolute;top:6px;left:6px;font-size:26px;font-weight:700;cursor:pointer;color:#3489ff;border:3px solid #3489ff;border-radius:5px}.work-popover .work-close[data-v-03d770b4]:hover{-webkit-animation:rotate-data-v-03d770b4 .15s forwards;animation:rotate-data-v-03d770b4 .15s forwards}.work-popover.active[data-v-03d770b4]{-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes rotate-data-v-03d770b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate-data-v-03d770b4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}