.flow-approve-box{width:100%;height:calc(100vh - 147px);overflow:hidden;padding:0 12px;display:flex;gap:12px}.flow-approve-box .flow-content{width:330px;min-width:330px;height:100%;overflow:hidden;background:#fff;border-radius:6px}.flow-approve-box .search-box{display:flex;align-items:center;height:56px;padding:0 12px}.flow-approve-box .search-box .search-segment+.search-segment{margin-left:4px}.flow-approve-box .search-box .arco-btn{padding:0;width:32px}.flow-approve-box .flow-list-box{background-color:#fff;padding:0 12px;height:calc(100vh - 203px);overflow:hidden auto;scroll-snap-type:y mandatory;will-change:scroll-position}.flow-approve-box .flow-list-box .pending-count{padding:4px 12px 8px;color:var(--el-text-color-secondary);font-size:12px;line-height:20px;white-space:nowrap}.flow-approve-box .flow-list-box .pending-count span{color:var(--el-color-warning)}.flow-approve-box .flow-list-box .empty-box{background-color:#fff;padding:0 12px;padding-top:20%}.flow-approve-box .flow-list-box .item-box{margin-bottom:12px}.flow-approve-box .flow-list-box .item-box-choosed .flow-card-box{border-color:#3572ff}.flow-approve-box .flow-list-box .spin-box{position:relative;height:1px}.flow-approve-box .flow-list-box .spin-box .arco-spin{position:absolute;width:100%;height:32px;align-items:center;display:flex;justify-content:center;margin-bottom:12px}.flow-approve-box .flow-detail-content{height:100%;overflow:hidden;background:#fff;border-radius:6px;flex:auto}