.app-process[data-v-300a7334]{display:flex;align-items:center;height:30px;position:relative}.app-process__left[data-v-300a7334],.app-process__right[data-v-300a7334]{background-color:#fff;height:30px;line-height:30px;padding:0 2px;border-radius:3px;cursor:pointer}.app-process__left[data-v-300a7334]:hover,.app-process__right[data-v-300a7334]:hover{background-color:#eee}.app-process__left[data-v-300a7334]{margin-right:10px}.app-process__right[data-v-300a7334]{margin-left:10px}.app-process__scroller[data-v-300a7334]{width:100%;flex:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.app-process__scroller[data-v-300a7334]::-webkit-scrollbar{display:none}.app-process .block[data-v-300a7334]{display:inline-flex;align-items:center;border-radius:3px;height:30px;line-height:30px;padding:0 10px;background-color:#fff;font-size:12px;margin-right:10px;color:#909399;cursor:pointer}.app-process .block[data-v-300a7334]:last-child{margin-right:0}.app-process .block i[data-v-300a7334]{font-size:14px;width:0;overflow:hidden;transition:all .3s}.app-process .block i[data-v-300a7334]:hover{color:#fff;background-color:#2f3447}.app-process .block:hover .el-icon-close[data-v-300a7334]{width:auto;margin-left:5px}.app-process .block.active span[data-v-300a7334]{color:#2f3447}.app-process .block.active i[data-v-300a7334]{width:auto;margin-left:5px}.app-process .block.active[data-v-300a7334]:before{background-color:#2f3447}.app-process .context-menu[data-v-300a7334]{margin:0;background:#fff;z-index:100;position:absolute;list-style-type:none;padding:5px 0;border-radius:4px;font-size:12px;font-weight:400;color:#333;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.app-process .context-menu li[data-v-300a7334]{margin:0;padding:7px 16px;cursor:pointer}.app-process .context-menu li[data-v-300a7334]:hover{background:#eee}