.system-workflow{padding:10px 20px 20px;height:100%;display:flex;flex-direction:column}.system-workflow .wrap{flex:1;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 18px 0 #becbdc}.system-workflow .left-box,.system-workflow .wrap{background-color:#fff;border:1px solid #eee;border-radius:6px}.system-workflow .left-box{width:320px;margin-left:0;overflow-y:auto}.system-workflow .right-box{flex:1;overflow:hidden;display:flex;flex-direction:column;margin:0 0 0 10px;background-color:#fff;border-radius:6px}.system-workflow .role-table{flex:1;overflow:hidden}.system-workflow .role-form{margin-top:10px}.system-workflow .workflow-table{flex:1;overflow:hidden;padding:10px 20px 0}.system-workflow .workflow-table ::v-deep .vxe-grid{height:100%;display:flex;flex-direction:column}.system-workflow .workflow-table ::v-deep .vxe-grid .vxe-table{flex:1}.system-workflow ::v-deep .vxe-modal--content{display:flex;flex-direction:column;height:100%}.system-workflow ::v-deep .vxe-modal--body .contact-box{height:100%;display:flex;flex:1;overflow:hidden;flex-direction:column}.system-workflow ::v-deep .vxe-modal--body .contact-box .contact-table{flex:1;overflow:hidden;margin-bottom:10px}.system-workflow ::v-deep .vxe-modal--body .wrap{flex:1;overflow:hidden;flex-direction:row;border:0;box-shadow:none;background-color:#fff}.system-workflow .pagination-box{height:67px;display:flex;align-items:center}.system-workflow ::v-deep .pagination-box{padding:0 10px}.system-workflow ::v-deep .vxe-grid--pager-wrapper,.system-workflow ::v-deep .vxe-grid--pager-wrapper .vxe-pager{height:48px}::v-deep .vxe-toolbar{padding:0}