.wkcontainer{display:flex;height:calc(100% - 10px);background-color:#f4f4f4;padding:10px}.wkcontainer .right{float:right}.wkcontainer .wk-menu{display:inline-block;width:250px;background-color:#fff;border-radius:5px;margin-right:10px;padding:20px 10px}.wkcontainer .wk-content{flex:1;background-color:#fff;border-radius:5px;padding:20px 15px}.wkcontainer .wk-content .wk-content-warp{display:flex;height:100%}.wkcontainer .wk-content .wk-content-warp .wk-title{flex:1;background-color:#fff;border-radius:5px}.wkcontainer .wk-content .wk-content-warp .wk-detail{display:inline-block;width:350px;height:100%;margin-left:10px;border-left:1px solid #ebeef5;padding-left:10px}.wkcontainer .wk-menu .search{margin-bottom:15px}.wkcontainer .wk-menu .menu-item{line-height:36px}.wkcontainer .wk-menu .menu-item-bline{border-bottom:1px solid #ebeef5}.wkcontainer .wk-menu .menu-item-tline{border-top:1px solid #ebeef5}.wkcontainer .wk-menu .menu-item .menu-item-label{border-radius:2px;padding:0 10px}.wkcontainer .wk-menu .menu-item .menu-item-label .icon{display:inline-block;width:20px;height:20px;margin-right:5px}.wkcontainer .wk-menu .menu-item .menu-item-label .label{font-size:14px;font-weight:700}.wkcontainer .wk-menu .menu-item .menu-item-label .block{display:inline-block;width:15px;margin-left:15px;text-align:right}.wkcontainer .wk-menu .menu-item .menu-item-label .right{float:right}.wkcontainer .wk-menu .menu-item .menu-item-children{padding-left:20px}.wkcontainer .wk-menu .menu-item-label:hover{background-color:#ebeef5;color:#409eff;cursor:pointer}.wkcontainer .wk-menu .menu-item-label .deep i,.wkcontainer .wk-menu .menu-item-label i:hover{color:#fff}.wkcontainer .wk-menu .menu-item .menu-active{background-color:#409eff;color:#fff}.wkcontainer .wk-content .wk-title .title-add{height:40px;line-height:40px;background-color:#ebeef5;border-radius:5px;padding:0 10px}.wkcontainer .wk-content .wk-title .title-add .input{width:calc(100% - 20px);border:0;outline:none;background-color:transparent;height:36px}.wkcontainer .wk-content .wk-title .title-search{margin-top:10px;height:40px;line-height:40px;border-bottom:1px solid #ebeef5}.wkcontainer .wk-content .wk-title .title-list{height:calc(100% - 100px);line-height:30px;cursor:pointer;overflow:scroll}.wkcontainer .wk-content .wk-title .title-list .list-item{padding:0 5px;border-radius:2px;height:30px;overflow:hidden;text-overflow:ellipsis}.wkcontainer .wk-content .wk-title .title-list .list-active,.wkcontainer .wk-content .wk-title .title-list .list-item:hover{background-color:#f2f6fc}.wkcontainer .wk-content .wk-title .title-list .list-item .ckbox{margin-right:5px}.wkcontainer .wk-content .wk-title .title-list .list-item .title{font-size:14px}.wkcontainer .wk-content .wk-title .title-list .list-item .block{margin-left:10px}.wkcontainer .wk-content .wk-title .title-list .loading-more{color:#909399;text-align:center;font-size:12px;margin-top:20px}.wkcontainer .wk-content .wk-title .title-list .loading-more:hover{color:#409eff;cursor:pointer}.wkcontainer .wk-content .wk-detail .detail-header{height:36px;line-height:36px}.wkcontainer .wk-content .wk-detail .detail-header .block{display:inline-block;margin-right:15px}.wkcontainer .wk-content .wk-detail .detail-header .block:last-child{margin-right:0}.wkcontainer .wk-content .wk-detail .detail-header .block i{font-size:20px}.wkcontainer .wk-content .wk-detail .detail-title{height:40px}.wkcontainer .wk-content .wk-detail .detail-title .input{outline:none;border:0;height:36px;line-height:36px;width:100%;font-size:16px}.wkcontainer .wk-content .wk-detail .detail-content{padding-top:15px;border-top:1px solid #f2f6fc}.wkcontainer .wk-content .wk-detail .detail-content .content{border:0;outline:none;padding:0;height:calc(100vh - 210px);line-height:20px;width:100%;vertical-align:top}.wkcontainer .wk-content .wk-detail .detail-content .content::-moz-placeholder{color:#dcdfe6}.wkcontainer .wk-content .wk-detail .detail-content .content::placeholder{color:#dcdfe6}