.layout-task{float:left;position:relative;width:100%;min-height:100%;display:flex;flex-direction:row}.layout-task .layout-task-menu{float:left;width:260px;margin-right:5px;min-height:100%;padding:10px 0;background:#fff;border:1px solid #dcdcdc;display:flex;flex-direction:column}.layout-task .layout-task-menu .menu-system{float:left;width:100%;padding:0 10px}.layout-task .layout-task-menu .menu-system .menu-top{float:left;width:100%;height:35px;padding-bottom:10px}.layout-task .layout-task-menu .menu-system .menu-top .title{float:left;line-height:35px;font-size:16px;cursor:pointer}.layout-task .layout-task-menu .menu-system .menu-top .active{color:#2d8cf0}.layout-task .layout-task-menu .menu-system .menu-top a{float:right;padding:0 5px;height:35px;display:flex;align-items:center;font-size:20px;color:#515a6e}.layout-task .layout-task-menu .menu-system .menu-input{float:left;width:100%}.layout-task .layout-task-menu .menu-system .menu-input .input{width:100%}.layout-task .layout-task-menu .menu-list{float:left;position:relative;width:100%;height:100%;padding:0 10px;flex:1;overflow-y:scroll}.layout-task .layout-task-menu .menu-list::-webkit-scrollbar{width:6px}.layout-task .layout-task-menu .menu-list::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.5)}.layout-task .layout-task-menu .menu-list .list-item{float:left;width:100%}.layout-task .layout-task-menu .menu-list .list-item .item-thead{float:left;width:100%;height:30px;font-size:12px;display:flex;align-items:center;position:relative}.layout-task .layout-task-menu .menu-list .list-item .item-thead .child-system{position:absolute;right:0;display:none}.layout-task .layout-task-menu .menu-list .list-item .item-thead:hover .child-system{display:block}.layout-task .layout-task-menu .menu-list .list-item .item-thead .href{float:left;color:#515a6e;height:30px;display:flex;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-thead .ivu-dropdown{float:left;margin-right:5px;font-size:12px}.layout-task .layout-task-menu .menu-list .list-item .item-thead .ivu-dropdown a{font-size:12px;color:#515a6e}.layout-task .layout-task-menu .menu-list .list-item .item-thead .ivu-select-dropdown{top:22px!important}.layout-task .layout-task-menu .menu-list .list-item .item-thead .ivu-dropdown-menu{min-width:auto}.layout-task .layout-task-menu .menu-list .list-item .item-thead .ivu-dropdown-rel a{height:30px;display:flex;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-thead .icon{font-size:20px}.layout-task .layout-task-menu .menu-list .list-item .item-thead a{color:#515a6e;height:30px;display:flex;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-thead .thead-btn{position:absolute;right:0;height:35px;display:flex;align-items:center;font-size:20px;color:#515a6e}.layout-task .layout-task-menu .menu-list .list-item .item-thead p{display:flex;height:30px;padding:0 5px;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-thead .active{color:#2d8cf0}.layout-task .layout-task-menu .menu-list .list-item .item-body{float:left;width:100%;padding-left:21px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child{float:left;width:100%}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead{float:left;width:100%;height:30px;font-size:12px;display:flex;align-items:center;position:relative}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead .icon{font-size:20px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead .child-system{position:absolute;right:0;display:none}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead .href{float:left;color:#515a6e;height:30px;display:flex;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead p{display:flex;height:30px;padding:0 5px;align-items:center}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead .active{color:#2d8cf0}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-thead:hover .child-system{display:block}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body{float:left;width:100%;padding-left:30px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li{float:left;width:100%;height:30px;list-style-type:none}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .href{float:left;height:30px;display:flex;align-items:center;font-size:12px;color:#515a6e;position:relative;left:-13px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .active{color:#2d8cf0}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .child-system{position:absolute;right:0;display:none}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .child-system a{padding:0}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .child-system a:hover{background:transparent}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li .icon{font-size:20px;margin:0 5px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .child-body li:hover .child-system{display:block}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .ivu-dropdown{float:left;margin-right:5px;font-size:12px}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .ivu-dropdown a{font-size:12px;color:#515a6e}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .ivu-select-dropdown{top:22px!important}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .ivu-dropdown-menu{min-width:auto}.layout-task .layout-task-menu .menu-list .list-item .item-body .item-child .ivu-dropdown-rel a{height:30px;display:flex;align-items:center}.layout-task-list{float:left;min-height:100%;background:#fff;border:1px solid #dcdcdc;padding:0 10px;flex:1}.layout-task-list .device-list-search{float:left;width:100%;padding:10px 0}.layout-task-list .device-list-search .device-list-btn{float:left;width:100%;margin-bottom:20px}.layout-task-list .device-list-search .device-list-btn .ivu-btn{margin-right:20px}.layout-task-list .device-list-search .device-list-btn .ivu-btn .ivu-icon{font-size:16px;line-height:normal}.layout-task-list .device-list-search .device-list-btn .ios-qr-code-white{width:16px;height:16px;background:url(../img/qr-code-white.6b93bef2.svg) no-repeat;background-size:16px 16px}.layout-task-list .device-list-search .title{float:left;width:100%;height:30px;font-size:16px;line-height:30px;margin-bottom:20px}.layout-task-list .device-list-search .title .icon{float:left;width:4px;height:100%;background:#628de8;margin-right:10px}.layout-task-list .device-list-search .device-list-select{float:left;width:100%;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;padding:0 30px}.layout-task-list .device-list-search .device-list-select .box{float:left}.layout-task-list .device-list-search .device-list-select .box .box-list{float:left;width:220px!important;margin-bottom:10px}.layout-task-list .device-list-search .device-list-select .box .label{float:left;font-size:14px;height:32px;display:flex;align-items:center}.layout-task-list .device-list-search .device-list-select .box .ivu-cascader{display:inline-block}.layout-task-list .device-list-search .device-list-select .box .ivu-btn{margin-right:10px}.layout-task-list .device-list{float:left;width:100%}.layout-task-list .device-list .ivu-poptip{float:left;height:26px;line-height:26px}.layout-task-list .device-list .ivu-table-wrapper{overflow:visible}.layout-task-list .device-list .device-number{color:#515a6e;text-decoration:underline}.layout-task-list .device-list .device-info{float:left;width:320px;margin:10px 0}.layout-task-list .device-list .device-info .image{float:left;width:60px;height:60px}.layout-task-list .device-list .device-info .device-text{float:left;width:260px;display:flex;align-items:center}.layout-task-list .device-list .device-info .device-text .box{flaot:left;width:250px;margin-left:10px}.layout-task-list .device-list .device-info .device-text .box .name{float:left;width:235px;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.layout-task-list .device-list .device-info .device-text .box .type{float:left;width:100%;font-size:12px;margin:5px 0}.layout-task-list .device-list .device-info .device-text .box .info{float:left;width:100%}.layout-task-list .device-list .device-info .device-text .box .info .text{float:left;width:235px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.layout-task-list .device-list .handle a{color:#515a6e;margin:0 5px}.layout-task-list .device-list .handle a:hover{color:#2d8cf0}.layout-task-list .device-list .handle .handle-grey{margin:0 5px;color:#ccc}.layout-task-list .device-list .handle .ios-qr-code-blue{width:20px;height:20px;background:url(../img/qr-code-blue.2818a6dd.svg) no-repeat;background-size:20px 20px}.layout-task-list .device-list .device-list-page{float:left;width:100%;text-align:right;margin:10px 0;font-size:12px}.layout-task-list .device-list .ivu-select-selected-value,.layout-task-list .device-list .ivu-table{font-size:12px}.layout-task-list .device-list .red{color:#e84158}.layout-task-list .device-list .blue{color:#2d8cf0!important}.layout-task-list .device-list .grey{color:#a0a0a0}.layout-task-list .device-list .black{color:#1d1f30}.layout-task-list .device-list .yellow{color:#f29900}.layout-task-list .device-list .green{color:#22ac38}.layout-task-list .device-list .task-flow,.layout-task-list .device-list .task-name{float:left;width:65px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layout-task-list .device-list .approve-title{float:left;width:100%;font-size:13px;line-height:30px;padding-bottom:5px;color:#1d1f30}.layout-task-list .device-list .approve-title .label{display:inline-block;width:50px;height:18px;text-align:center;line-height:20px;font-size:12px;color:#2d8cf0;margin-left:5px;font-weight:400;background:#e2eafb}.layout-task-list .device-list .approval-box{width:160px}.layout-task-list .device-list .approval-box .approve-steps-item{float:left;width:100%;position:relative}.layout-task-list .device-list .approval-box .approve-steps-item .steps-tail{position:absolute;left:10px;top:20px;height:100%;width:1px;padding:0 0 21px 0;color:#2d8cf0}.layout-task-list .device-list .approval-box .approve-steps-item .steps-tail:after{content:"";float:left;width:100%;height:100%;background:#2d8cf0}.layout-task-list .device-list .approval-box .approve-steps-item .steps-head{float:left;color:#2d8cf0;margin-right:10px}.layout-task-list .device-list .approval-box .approve-steps-item .green{color:#a0a0a0}.layout-task-list .device-list .approval-box .approve-steps-item .green:after{background:#a0a0a0}.layout-task-list .device-list .approval-box .approve-steps-item .red{color:#e84158}.layout-task-list .device-list .approval-box .approve-steps-item .red:after{background:#e84158}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main{float:left;width:130px}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-title{line-height:20px;font-size:12px}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .blue{color:#2d8cf0}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content{height:40px;margin:5px 0}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-add{float:left;width:50px;height:50px;background:#e2eafb;border-radius:4px;display:flex;justify-content:center;align-items:center}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-name-box{float:left;width:130px;height:40px;border-radius:4px;position:relative}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-name-box .avatar{float:left;width:35px;height:35px;padding:4px;background:#2d8cf0;border-radius:4px;margin-right:5px;background-size:cover;background-position:50%;background-repeat:no-repeat}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-name-box .text{float:left;width:85px;height:40px;position:revert}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-name-box .text .name{float:left;width:100%;height:20px;color:#1d1f30;line-height:20px;font-size:12px}.layout-task-list .device-list .approval-box .approve-steps-item .steps-main .steps-content .steps-name-box .text .tel{float:left;width:100%;height:20px;font-size:12px;line-height:20px;color:#a0a0a0}.layout-task-list .device-list .user-item{float:left;width:65px;padding:0 10px;height:26px;line-height:26px;border-radius:5px;background:#eee;color:#101010;font-size:12px;cursor:pointer;border:none;white-space:nowrap}.layout-task-list .device-list .user-item:focus{box-shadow:none;background:#e2eafb;color:#2d8cf0}.layout-task-list .device-list .create-name{float:left;width:65px;padding:0 10px;height:26px;line-height:26px;border-radius:5px;background:#eee;color:#101010;font-size:12px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.layout-task-list .device-list .task-box{width:120px}.layout-task-list .device-list .user-item-box{float:left;width:100%;padding:10px 0 8px}.layout-task-list .device-list .user-item-box .avatar{float:left;width:32px;height:32px;border-radius:4px;background-repeat:no-repeat;background-size:cover;background-position:50%}.layout-task-list .device-list .user-item-box .box-r{float:left;width:68px;margin-left:8px}.layout-task-list .device-list .user-item-box .box-r .name{float:left;width:100%;font-size:14px;color:#383b52;line-height:16px}.layout-task-list .device-list .user-item-box .box-r .tel{float:left;width:100%;font-size:12px;color:#a0a0a0}.layout-qr-code{width:100%;height:100%}.device-modal{display:block;width:100%;margin-bottom:15px}.device-modal .label{float:left;width:70px;height:35px;font-size:14px;display:flex;align-items:center}.device-footer{display:block;width:100%;padding-top:20px;text-align:right}.device-footer .ivu-btn{margin-left:20px}.task-btn{text-align:left}.task-btn .ivu-btn:first-child{margin-left:70px}