html{background-color:#f2f2f2}body{margin:0;padding:0}.flow-header{height:60px;width:100%;background-color:#f4f6f9;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.2);box-shadow:0 0 4px 0 rgba(0,0,0,.2);z-index:100}.flow{background-color:#f2f2f2;margin-top:60px;text-align:center;z-index:0;padding-top:10px;font-size:12px;height:100%;overflow:auto}.flow-margin{margin-right:350px}.flow-start{font-weight:700;color:#4a90e2}.flow-end{font-weight:700;color:#fff;background-color:#4a90e2!important}.flow .flow-end,.flow .flow-item .flow-start{height:50px;width:50px;line-height:50px;background-color:#fff;border-radius:50%;font-size:12px;text-align:center;margin:0 auto;z-index:7}.flow-item-start{height:120px!important}.flow-item:after{background:#b3bfcb;width:2px;position:absolute;left:50%;margin-left:-1px;top:0;bottom:0;z-index:-1;content:""}.flow-item-start .flow-task-add{bottom:30px!important}.flow-item{width:240px;height:180px;position:relative;margin:0 auto;z-index:6}.flow-item-del{position:absolute;right:8px;top:-2px;color:#dde1e6;z-index:7;cursor:pointer;font-size:24px}.flow-task .flow-task-title{height:19px;line-height:19px;font-size:14px;font-weight:700;margin-bottom:8px;color:#22262a;padding-right:16px}.flow-task-taskType,.flow-task .flow-task-performers{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.branch-foot .flow-task-add,.branch-item-condition .flow-task-add,.flow-item .flow-task-add{position:absolute;bottom:35px;width:24px;height:24px;text-align:center;line-height:25px;border-radius:50%;background-color:#fff;left:50%;margin-left:-13px;color:#dde1e6;cursor:pointer;z-index:9;-webkit-box-shadow:0 4px 4px 0 rgba(33,43,54,.12);box-shadow:0 4px 4px 0 rgba(33,43,54,.12);font-size:20px}.branch-foot .flow-task-add:hover,.branch-item-condition .flow-task-add:hover,.flow-item .flow-task-add:hover{background-color:#4a90e2;color:#fff;-webkit-box-shadow:0 10px 20px 0 rgba(33,43,54,.1);box-shadow:0 10px 20px 0 rgba(33,43,54,.1)}.branch-item-condition .flow-task-add{bottom:15px}.flow-add-popup{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;display:none}.flow-add-popup .add-item-left{left:8px;top:8px;background-position:0 -28px!important}.flow-add-popup .add-item-right{right:8px;top:8px;background-position:-28px -28px!important}.flow-add-popup .add-item-bleft{left:8px;bottom:8px;background-position:-56px -28px!important}.flow-add-popup .add-item-bleft,.flow-add-popup .add-item-left,.flow-add-popup .add-item-right{border-radius:50%;height:28px;width:28px;background-color:#fff!important;position:absolute;color:#dde1e6;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:url(../img/flow-icon.df7441cd.png);-webkit-box-shadow:0 10px 20px 0 rgba(33,43,54,.1),0 6px 6px 0 rgba(33,43,54,.12);box-shadow:0 10px 20px 0 rgba(33,43,54,.1),0 6px 6px 0 rgba(33,43,54,.12);font-size:14px}.flow-add-popup .add-item-left:hover{background-position:0 0!important}.flow-add-popup .add-item-left:hover,.flow-add-popup .add-item-right:hover{-webkit-transform:scale(1.05) rotate(-45deg);transform:scale(1.05) rotate(-45deg)}.flow-add-popup .add-item-right:hover{background-position:-28px 0!important}.flow-add-popup .add-item-bleft:hover{-webkit-transform:scale(1.05) rotate(-45deg);transform:scale(1.05) rotate(-45deg);background-position:-56px 0!important}.flow-add-popup.show{display:block;animation:gif .2s ease-in-out;-moz-animation:gif .2s ease-in-out;-webkit-animation:gif .2s ease-in-out;-o-animation:gif .2s ease-in-out;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes gif{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes gif{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}.flow-item .flow-task{width:240px;height:96px;padding:11px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;border-radius:8px;background-color:#fff;-webkit-box-shadow:0 6px 6px 0 rgba(33,43,54,.12);box-shadow:0 6px 6px 0 rgba(33,43,54,.12);text-align:left}.branch,.flow-item .flow-task{position:relative;margin:0 auto}.branch{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:50px;padding-top:9px;background:#f2f2f2}.branch .branch-head{position:absolute;left:50%;top:10px;margin-left:-1px;width:24px;height:24px;line-height:24px;z-index:1;font-size:14px;-webkit-transform:translate(-11px,-12px) rotate(45deg);transform:translate(-11px,-12px) rotate(45deg);text-decoration:none;text-align:center;background-color:#b3bfcb;color:#fff;cursor:pointer}.branch .branch-list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:50px;margin:0 auto}.branch .branch-list .branch-item{padding:0 24px;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}.branch .branch-list .branch-item:first-child:before{margin-left:-1px;left:50%;border-left:2px solid #b3bfcb;border-radius:8px 0 0 0}.branch>.branch-list>.branch-item:first-child>.branch-line{top:6px;bottom:6px}.branch .branch-list .branch-item:before{border-top:2px solid #b3bfcb;top:0;content:"";height:30px;position:absolute;left:0;right:0}.branch .branch-list .branch-item:last-child:before{margin-right:-1px;right:50%;border-right:2px solid #b3bfcb;border-radius:0 8px 0 0}.branch>.branch-list>.branch-item:last-child>.branch-line{top:6px;bottom:6px}.branch .branch-list .branch-line{width:2px;background:#b3bfcb;position:absolute;top:0;bottom:0;left:50%;margin-left:-1px}.branch .branch-list .branch-item:after{border-bottom:2px solid #b3bfcb;bottom:0;content:"";height:30px;position:absolute;left:0;right:0}.branch .branch-list .branch-item:first-child:after{margin-left:-1px;left:50%;border-left:2px solid #b3bfcb;border-radius:0 0 0 8px}.branch .branch-list .branch-item:last-child:after{margin-right:-1px;right:50%;border-right:2px solid #b3bfcb;border-radius:0 0 8px 0}.branch .branch-list .branch-item:first-child .flow-item:after,.branch .branch-list .branch-item:last-child .flow-item:after{bottom:6px}.branch .branch-list .branch-item .branch-item-panel .branch-item-condition{width:240px;position:relative;margin:0 auto;min-height:120px;padding-top:30px}.branch-item-condition .flow-item-del{position:absolute;right:12px;top:30px;color:#dde1e6;z-index:9;cursor:pointer}.branch .branch-list .branch-item .branch-item-panel .branch-item-condition .title{height:36px;padding:0 36px;line-height:36px;position:relative;border-radius:36px;text-align:center;background-color:#fff;-webkit-box-shadow:0 6px 6px 0 rgba(33,43,54,.12);box-shadow:0 6px 6px 0 rgba(33,43,54,.12);cursor:pointer;z-index:9;white-space:nowrap;text-overflow:ellipsis}.branch .branch-list .branch-item .branch-item-panel .branch-item-condition .title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px}.branch .branch-foot{width:24px;height:100px;position:absolute;left:50%;bottom:0;margin-left:-12px}.branch .branch-foot:after{content:"";width:2px;background:#b3bfcb;position:absolute;top:0;bottom:0;left:50%;margin-left:-1px}.branch-item:first-child .branch .branch-foot:after,.branch-item:last-child .branch .branch-foot:after{bottom:6px}.flow-preview .flow-item-del,.flow-preview .flow-task-add,.item-set{display:none}.item-set{position:fixed;bottom:0;right:0;height:calc(100% - 90px);background-color:#fff;-webkit-box-shadow:#b3bfcb;box-shadow:#b3bfcb;margin-top:60px;overflow-y:auto;z-index:1000}.item-set.show{width:350px;animation:slideRight .2s ease-in-out;-moz-animation:slideRight .2s ease-in-out;-webkit-animation:slideRight .2s ease-in-out;-o-animation:slideRight .2s ease-in-out;display:block}@-webkit-keyframes slideRight{0%{right:-350px}to{right:0}}@keyframes slideRight{0%{right:-350px}to{right:0}}.tab-header{width:100%;height:53px;-webkit-box-shadow:inset 0 -1px 0 0 #eee;box-shadow:inset 0 -1px 0 0 #eee}.tab-header-item{width:50%;line-height:53px;text-align:center;font-size:13px;color:#81888e;cursor:pointer;float:left}.tab-header-item.active{font-weight:700;color:#000;border-bottom:2px solid #3487e2}.tab-body{padding:20px}.tab-body.active{display:block}.condition>.con-item{position:relative;width:99%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.set-condition{height:365px;overflow-y:auto;overflow-x:auto;display:block;padding-top:10px;border-top:1px dashed #eee;border-bottom:none;border-radius:3px;margin-top:5px}.set-condition>.con-item:first-child{padding-top:0}.set-condition>.con-item{padding-top:15px;position:relative;width:99%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.set-condition>.con-item>.icon-remove{position:absolute;top:50%;left:0;display:inline-block;width:18px;height:18px;margin-top:-9px;border:1px solid #ddd;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.set-condition>.con-item>.icon-remove:hover{background-color:#f5715f}.set-condition>.con-item>.icon-remove:before{content:"";position:absolute;left:4px;top:7px;width:8px;height:2px;background-color:#ccc}.set-condition>.con-item>.icon-remove:hover:before{background-color:#fff}.set-condition>.con-item>.con-item-label{min-width:55px;margin-top:-10px;position:absolute;left:28px;top:50%}.set-condition>.con-item>.con-item-wrapper{margin-left:105px;position:relative}.set-condition>.con-item>.con-item-wrapper:before{content:"";width:19px;border-left:1px solid #ddd;position:absolute;top:30px;bottom:10px;left:-18px}.set-condition .con-item-elem{position:relative}.set-condition .additem{position:relative;clear:both}.set-condition .additem:before{content:"";width:19px;height:1px;border-top:1px solid #ddd;position:absolute;top:50%;left:-18px}.set-condition .add-item-elem{min-height:32px;line-height:50%;padding:10px 0}.set-condition .add-and-condition{height:32px;padding:5px 0;position:relative;clear:both}.set-condition .add-and-condition:before{content:"";width:19px;height:1px;border-top:1px solid #ddd;position:absolute;top:21px;left:-18px}.set-condition .add-icon{position:relative;display:inline-block;width:18px;height:18px;border:1px solid #ddd;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:7px;margin-left:10px}.set-condition .add-icon:hover{background-color:#3487e2}.set-condition .add-icon:before{content:"";position:absolute;left:4px;top:7px;width:8px;height:2px;background-color:#ccc}.set-condition .add-icon:hover:after,.set-condition .add-icon:hover:before{background-color:#fff}.set-condition .add-icon:after{content:"";position:absolute;left:7px;top:4px;width:2px;height:8px;background-color:#ccc}.set-condition .add-item{width:125px;margin-left:10px;display:inline-block;position:relative;vertical-align:middle}.set-condition .fa-trash{position:absolute;top:14px;right:-1px;width:24px;height:24px;line-height:24px;font-size:20px;cursor:pointer}.set-condition .con-item-or{width:100%;text-align:center;color:#999;border-bottom:1px dashed #ccc}.set-condition .con-item-or span{position:relative;top:10px;padding:0 10px;background:#fff}.fieldselector.active .field-container{display:block}.field-container{position:absolute;top:34px;left:0;display:none;padding:10px;border-radius:3px;background-color:#fff;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2),0 -3px 5px 0 rgba(0,0,0,.025);box-shadow:0 5px 10px 0 rgba(0,0,0,.2),0 -3px 5px 0 rgba(0,0,0,.025);opacity:1;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;z-index:2997;font-size:14px;text-align:left;font-weight:400;width:370px;height:300px;outline:none}.field-container .leftTree{list-style:none;margin:0;padding:0;float:left}.field-container .leftTree li,.field-container .right-content li{padding:5px 10px;line-height:20px;width:150px;cursor:pointer}.field-container .leftTree li.active,.field-container .leftTree li:hover,.field-container .right-content li.active,.field-container .right-content li:hover{background-color:#f2f2f2}.field-container .right-content{float:left;width:200px;list-style:none}.modal-body .tab .tab-header{height:30px}.modal-body .tab .tab-header .tab-header-item{width:33.33333%;line-height:30px}.roleSelector{width:100%;padding:10px;height:200px;overflow-y:auto}.roleSelector .checkbox{display:inline-block!important;margin-right:20px}.roleSelector span{display:block;padding:1px 10px;margin-right:10px;line-height:20px;border-radius:10px;width:80px;float:left;text-align:center;width:auto;border:1px solid #b3bfcb;font-size:12px;min-width:54px;color:#000;cursor:pointer;margin-top:5px}.roleSelector span.active{background-color:#999}.item-set .performers{list-style:none;padding:0;margin:0}.item-set .performers.parallel li{float:left}.item-set .performers li{line-height:23px;padding-left:10px;height:25px;background:#bec5db;border-radius:16px;margin-right:10px;margin-bottom:5px;padding-right:10px;min-width:75px;position:relative;cursor:move}.item-set .performers li span{width:54px;height:17px;line-height:17px;font-size:18px;font-weight:300;font-size:12px;color:#fff}.item-set .performers li img{width:15px;height:15px;position:absolute;right:7px;top:5px;cursor:pointer}#roleSelector .modal-body{padding:0;height:600px!important;max-height:600px}#roleSelector .tab{padding:0;margin:0}#roleSelector .tab .tab-header{height:83px}#roleSelector .tab .tab-item{width:50%;float:left;text-align:center;position:relative;padding-bottom:20px;height:83px;cursor:pointer}#roleSelector .tab .tab-item.active:after{content:"";width:156px;border:2px 0 #3d9ffe;border-bottom:4px solid #6cacff;position:absolute;bottom:0;left:50%;margin-left:-78px}#roleSelector .tab .tab-item h4{height:20px;font-size:16px;font-weight:400;color:#333}#roleSelector .tab .tab-item.active h4{color:#668eff}#roleSelector .tab .tab-item span,.desp label,.desp span{height:16px;font-size:14px;font-weight:300;color:#999}#roleSelector .tab .tab-body .left-panel{float:left;width:118px;padding-top:11px}#roleSelector .tab .tab-body .role-item.active:after{content:"";height:36px;border-right:4px solid #668eff;color:#668eff;position:absolute;top:0;right:0}#roleSelector .tab .tab-body .left-panel .role-item{height:36px;font-size:16px;position:relative;color:#999;text-align:center;margin-bottom:10px;cursor:pointer}#roleSelector .tab .tab-body .role-item.active{color:#668eff;height:36px;font-size:16px;position:relative}#roleSelector .tab .tab-body .role-item .fa{margin-right:9px;font-size:18px}#roleSelector .tab .tab-body .right-panel{float:left;width:calc(100% - 118px);padding:20px;padding-bottom:10px;padding-top:7px}.right-panel{height:515px;overflow-y:auto}.right-panel .desp{margin-bottom:19px}.right-panel .list-header .list-title{float:left}.right-panel .list-header .list-search{float:right}#roleSelector .k-grid-content{height:315px}#userList .k-grid-content{height:310px}.btn-group-search{float:right}.btn-group-search .k-input{width:150px;font-size:14px;line-height:19px;padding:6px 12px;padding-right:30px;border-radius:4px;height:34px;vertical-align:bottom}.btn-group-search .btn{position:absolute;right:0;top:0;background:none;border:none}.btn-group-search .btn:focus,.btn-group-search .btn:hover{background:none!important;-webkit-box-shadow:none;box-shadow:none}.btn-group-search .btn i{font-size:12px;margin-right:4px}#CanUseRepertory_taglist span{color:#fff;font-size:14px}#CanUseRepertory_taglist span.k-select .k-icon{font-size:0}.events{list-style:none;margin:0;padding:0}.events li{font-size:12px;padding:2px 5px}.radio{margin:.5rem}.radio input[type=radio]{position:absolute;opacity:0}.v-radio input[type=radio]+.v-radio-label:before{content:"";background:#f4f4f4;border-radius:100%;border:1px solid #b4b4b4;display:inline-block;width:1.4em;height:1.4em;position:relative;top:-.2em;margin-right:1em;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:all .25s ease;transition:all .25s ease}.v-radio input[type=radio]:checked+.v-radio-label:before{background-color:rgba(var(--vs-primary),1)!important;-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4}.v-radio input[type=radio]:focus+.v-radio-label:before{outline:none;border-color:rgba(var(--vs-primary),1)!important}.v-radio input[type=radio]:disabled+.v-radio-label:before{-webkit-box-shadow:inset 0 0 0 4px #f4f4f4;box-shadow:inset 0 0 0 4px #f4f4f4;border-color:#b4b4b4;background:#b4b4b4}.v-radio input[type=radio]+.v-radio-label:empty:before{margin-right:0}.col-title[data-v-55b53a51]{line-height:38px;text-align:right;width:80px}.col-content[data-v-55b53a51]{width:100%;min-height:60px}#header-tab.con-vs-tabs div.con-ul-tabs[data-v-7da72f29]{margin-left:10px}.tag-list a[data-v-7da72f29]{width:100%;height:40px;display:inline-block;line-height:40px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#666;margin-bottom:5px;border-radius:4px;text-decoration:none;cursor:pointer}.tag-list a.active[data-v-7da72f29]{background:#e3f2fd;color:#6a83fc}.tag-list a i[data-v-7da72f29]{display:inline-block;vertical-align:middle}#select-specification[data-v-7da72f29]{width:100%;height:600px}.scroll-area[data-v-7da72f29]{border:1px solid #eee;padding:10px}.con-vs-chip[data-v-d90cba90]{color:#999!important;margin-right:20px;float:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-right:20px;min-height:36px;line-height:36px;padding-left:3px;margin-bottom:20px}.con-vs-chip[data-v-d90cba90] .con-vs-avatar{background:#ccc!important;width:30px;height:30px;line-height:30px}.vs-chip-primary[data-v-d90cba90]{color:#6a83fc!important;background:#e3f2fd!important}.vs-chip-primary[data-v-d90cba90] .con-vs-avatar{background:#6a83fc!important}.tab-content[data-v-d90cba90]{width:calc(100vw - 15rem);margin-left:20px}#setUserContainer[data-v-d90cba90] div.div-btn-style{position:absolute;width:100%;right:20px;bottom:68px}#setUserContainer[data-v-d90cba90] .aaa .vs-popup--content{padding:23px 13px}#setUserContainer[data-v-d90cba90] .aaa .con-vs-tabs .con-ul-tabs{width:100%;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#setUserContainer[data-v-d90cba90] .aaa .vs-tabs--ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#setUserContainer[data-v-d90cba90] .aaa .vs-tabs--ul.ul-tabs-fixed li{width:auto}#setUserContainer[data-v-d90cba90] .vs-tabs-position-top.aaa .vs-tabs--li button.vs-tabs--btn{font-size:18px!important;padding:10px 70px}#setUserContainer[data-v-d90cba90] .vs-tabs-position-left{width:130px}#setUserContainer[data-v-d90cba90] .vs-tabs-position-left .vs-tabs--ul{height:100%}#setUserContainer[data-v-d90cba90] .vs-tabs-position-left.con-vs-tabs .con-ul-tabs{width:100%;height:100%}#setUserContainer[data-v-d90cba90] .row-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#setUserContainer[data-v-d90cba90] .row-inline span{width:110px}.tip-1.vs-tooltip[data-v-d90cba90]{max-width:100%;top:110px;width:416px;text-align:center}.tip-2.vs-tooltip[data-v-d90cba90]{max-width:100%;top:110px;width:340px;text-align:center}.vs-tooltip span[data-v-d90cba90]{white-space:nowrap}div.field-container[data-v-2125106a]{height:auto!important}.con_label[data-v-2125106a]{width:200px}.con_oprator[data-v-2125106a]{width:130px}.con_value[data-v-2125106a]{width:200px}.col-title[data-v-097bb787]{line-height:38px;text-align:right;width:80px}.col-content[data-v-097bb787]{width:100%;min-height:60px}.content-wrapper,.right-side{min-height:100%;background-color:#f2f2f2;z-index:800}.compareType{padding:5px 30px}.mac .branch-foot .flow-task-add,.mac .branch-item-condition .flow-task-add,.mac .flow-item .flow-task-add{line-height:20px!important}.mac .branch-item-condition .flow-item-del{line-height:30px!important}