.flow-card-item{background-color:#fff;padding:10px;border-radius:5px;margin:10px 14px;position:relative}.flow-card-item .form-name{line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.flow-card-item .form-name .header-name{width:calc(100% - 100px);font-size:13px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-card-item .form-name .dead-line{width:200px;font-size:12px;color:#9f9f9f}.flow-card-item .title{line-height:20px;font-size:16px;font-weight:400;color:#282828;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.flow-card-item .prompt-container{margin-bottom:10px}.flow-card-item .must-arrive,.flow-card-item .prompt-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-card-item .must-arrive,.flow-card-item .will-timeout{margin:0 10px;font-size:12px;font-weight:400;color:#f76260}.flow-card-item .will-timeout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-card-item .sub-des{line-height:18px;font-size:12px;font-weight:400;color:#282828;margin-bottom:10px}.flow-card-item .form-item-brief-report{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-card-item .form-item-brief-report .field-name{font-size:13px;color:#8f959e;display:inline-block;-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100px}.flow-card-item .form-item-brief-report .field-value{font-size:13px;color:#333;display:inline-block;-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-card-item .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;margin-top:-5px}.flow-card-item .van-image{margin-right:10px}.flow-card-item .read-icon{position:absolute;top:0;right:10px}.flow-todo-container{height:100%}.flow-todo-container .refresh-btn{height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flow-todo-container .refresh-btn i{font-size:18px;color:#3a8ee6}.flow-todo-container .handle-sub-header{border-bottom:1px solid #e6e6e6}.flow-todo-container .sub-header-container{width:100%;height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#fff;white-space:nowrap}.flow-todo-container .sub-header-container .todo-filter-item{display:inline-block;padding:0 6px;line-height:22px;color:rgba(43,52,65,.6);cursor:pointer;border:1px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease;margin-right:8px;margin-top:6px;font-size:12px}.flow-todo-container .sub-header-container .todo-filter-item.active{border-color:#e8e8e8;color:#2b3441;background:rgba(43,52,65,.05);border-radius:16px}.flow-todo-container .van-tabs{height:100%;overflow:hidden}.flow-todo-container .van-tabs .van-tabs__content{height:calc(100% - 44px)}.flow-todo-container .van-tabs .van-tabs__content .van-tab__pane{height:100%}.flow-todo-container .van-tabs .cc-header{background-color:#fff;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.flow-todo-container .van-tabs .list-container .load-more{cursor:pointer;text-align:center;width:100%;font-size:14px;color:#999}.flow-todo-container .van-tabs .list-container .card-container .card-item .dead-line{margin-bottom:0}.flow-todo-container .van-tabs .list-skeleton-container{height:calc(100% - 40px);background-color:#fff;padding-top:10px}.flow-todo-container .van-tabs .list-skeleton-container .skeleton{margin:10px;position:relative;width:calc(100% - 20px);height:140px;background-color:#f2f3f5;border-radius:10px;border:1px solid #ebeef5}.flow-todo-container .van-tabs .sub-header-container-wrapper{width:100%;height:40px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.flow-todo-container .van-tabs .sub-header-container-wrapper .des{color:#9f9f9f;font-size:13px;-webkit-box-flex:1;-ms-flex:1;flex:1}.flow-todo-container .van-tabs .sub-header-container-wrapper .des .van-search{padding:0}.flow-todo-container .van-tabs .filter-header{border-bottom:1px solid #e6e6e6;height:50px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px}.flow-todo-container .van-tabs .filter-header .van-dropdown-item--down{top:90px!important}.flow-todo-container .van-tabs .filter-header .van-dropdown-menu{-webkit-box-flex:1;-ms-flex:1;flex:1;height:34px}.flow-todo-container .van-tabs .filter-header .van-dropdown-menu .van-dropdown-menu__bar{height:34px;-webkit-box-shadow:none;box-shadow:none}.flow-todo-container .van-tabs .filter-header .van-dropdown-menu .van-dropdown-menu__item{border:1px solid #e6e6e6;border-radius:26px;height:34px;margin-right:10px}.flow-todo-container .van-tabs .filter-header .van-dropdown-menu .van-dropdown-menu__item .van-dropdown-menu__title .van-ellipsis{margin-right:20px;font-size:12px}.flow-todo-container .van-tabs .filter-header .data-res-btn{width:32px;height:32px;border:1px solid #e6e6e6;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flow-todo-container .van-tabs .filter-header .data-res-btn i{font-size:20px}.flow-todo-container .van-tabs .cc-header{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px}.flow-todo-container .van-tabs .cc-header .el-checkbox__inner{border-radius:50%}.flow-todo-container .van-tabs .cc-header .el-checkbox__label{padding-left:5px}.flow-todo-container .van-tabs .cc-header .el-checkbox__input.is-checked .el-checkbox__inner,.flow-todo-container .van-tabs .cc-header .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--main-color2);border-color:var(--main-color2)}.flow-todo-container .van-tabs .cc-header .el-checkbox__input.is-checked+.el-checkbox__label{color:var(--main-color2)}.flow-todo-container .van-tabs .cc-header .el-button,.flow-todo-container .van-tabs .cc-header .el-button i{color:#999}.flow-todo-container .van-tabs .list-container{height:calc(100% - 100px);overflow:auto;-webkit-overflow-scrolling:touch}.flow-todo-container .van-tabs .list-container .card-container .card-item{background-color:#fff;padding:10px;border-radius:5px;margin:10px 14px;position:relative}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-name{line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-name .header-name{width:calc(100% - 100px);font-size:13px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-name .dead-line{width:200px;font-size:12px;color:#9f9f9f}.flow-todo-container .van-tabs .list-container .card-container .card-item .title{line-height:20px;font-size:16px;font-weight:400;color:#282828;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.flow-todo-container .van-tabs .list-container .card-container .card-item .prompt-container{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-todo-container .van-tabs .list-container .card-container .card-item .must-arrive,.flow-todo-container .van-tabs .list-container .card-container .card-item .will-timeout{margin:0 10px;font-size:12px;font-weight:400;color:#f76260;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-todo-container .van-tabs .list-container .card-container .card-item .sub-des{line-height:18px;font-size:12px;font-weight:400;color:#282828;margin-bottom:10px}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-item-brief-report{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-item-brief-report .field-name{font-size:13px;color:#8f959e;display:inline-block;-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100px}.flow-todo-container .van-tabs .list-container .card-container .card-item .form-item-brief-report .field-value{font-size:13px;color:#333;display:inline-block;-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.flow-todo-container .van-tabs .list-container .card-container .card-item .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px;margin-top:-5px}.flow-todo-container .van-tabs .list-container .card-container .card-item .van-image{margin-right:10px}.flow-todo-container .van-tabs .list-container .card-container .card-item .read-icon{position:absolute;top:0;right:10px}.flow-todo-container .van-tabs .list-container .card-container .item-header{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;font-size:14px;font-weight:500;color:#333}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container{margin:5px 16px;position:relative;background:#fff;padding-top:10px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.08);box-shadow:0 0 5px 0 rgba(0,0,0,.08);cursor:pointer;border-radius:4px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .remind-img{position:absolute;right:0;bottom:0;width:120px;height:120px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-header{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 10px 10px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-header .header-left{width:calc(100% - 70px);display:-webkit-box;display:-ms-flexbox;display:flex}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-header .header-left .form-title{font-size:16px;font-weight:600;color:#555;width:100%;word-wrap:break-word}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-header .header-tag{margin-right:20px;border-radius:26px;border-color:transparent}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-header img{position:absolute;top:-10px;right:0;width:40px;height:40px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0 10px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-body .form-item-row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:8px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-body .form-item-row .title{font-size:14px;color:#999;width:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-body .form-item-row .content{font-size:14px;color:#555;width:calc(100% - 70px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-footer .avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#737373}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-footer .avatar .form-item-header-name{font-size:14px;color:#737373;max-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;margin-left:10px}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-footer .time{font-size:14px;color:#737373;font-weight:500;margin:14px 0}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-footer .time span{color:#999;font-weight:400}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-btn-handle{height:48px;border-top:1px solid #e6e6e6;display:-webkit-box;display:-ms-flexbox;display:flex}.flow-todo-container .van-tabs .list-container .card-container .form-list__item-container .form-item-btn-handle>div{height:48px;line-height:48px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-wrap:break-word;width:50%;text-align:center;color:var(--main-color);font-size:14px}.flow-todo-container .van-tabs .list-container .card-container .read-item{background:hsla(0,0%,100%,.5);filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.flow-todo-container .van-tabs .batch-handle-container{position:absolute;bottom:0;right:0;left:0;height:74px;background-color:#fff;-webkit-box-shadow:5px 0 6px 0 rgba(0,0,0,.06);box-shadow:5px 0 6px 0 rgba(0,0,0,.06)}.flow-todo-container .van-tabs .batch-handle-container .select-num{font-size:14px;color:#7f828b;margin-left:20px;margin-top:10px;margin-bottom:10px}.flow-todo-container .van-tabs .batch-handle-container .select-num span{color:var(--main-color2)}.flow-todo-container .van-tabs .batch-handle-container .bottom-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #e6e6e6}.flow-todo-container .van-tabs .batch-handle-container .bottom-container .van-checkbox{margin-right:10px;margin-left:20px}.flow-todo-container .van-tabs .batch-handle-container .bottom-container .van-checkbox .van-checkbox__icon{font-size:16px}.flow-todo-container .van-tabs .batch-handle-container .bottom-container .van-checkbox>span{font-size:14px}.flow-todo-container .van-tabs .batch-handle-container .bottom-container>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flow-todo-container .van-tabs .batch-handle-container .bottom-container>div .cancel-handel-button{margin-right:20px;font-size:14px}.flow-todo-container .van-tabs .batch-handle-container .bottom-container>div .handle-button-container{width:160px;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;border-radius:4px;border:1px solid var(--main-color2);background-color:var(--main-color2);margin:5px}.flow-todo-container .van-tabs .batch-handle-container .bottom-container>div .handle-button-container .agree-button{width:120px;text-align:center}.flow-todo-container .van-tabs .batch-handle-container .bottom-container>div .handle-button-container .divider{width:1px;height:26px;margin:0 10px 0 5px;background-color:#fff}.flow-todo-container .van-tabs .apply-no-data{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:calc(100% - 90px);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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;color:#555;font-size:14px}.flow-todo-container .van-tabs .apply-no-data img{width:103px;margin-bottom:20px}.page-flow-todo-container{height:100%;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}