.integration-design{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#151a23;color:#cdcdcd;font-size:12px}.integration-design .integration-menu{position:absolute;top:0;bottom:0;left:0;width:42px;padding-top:25px;border-right:1px solid #2d3e55;z-index:1000}.integration-design .action{position:absolute;left:0;bottom:10px;width:42px;padding:0;z-index:1001}.integration-design .action .el-button{margin-left:11px;padding-top:8px;padding-bottom:8px}.integration-design .action .el-button .iconfont{font-size:20px}.integration-design .integration-layout{position:absolute;top:0;left:42px;bottom:0;width:180px;border-right:1px solid #2d3e55;overflow-x:hidden;overflow-y:auto}.integration-design .integration-layout .item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:48px;width:100%;line-height:48px;cursor:pointer}.integration-design .integration-layout .item:hover{background:#27343e}.integration-design .integration-layout .item.active{background-color:#00baff;color:#151a23;cursor:default}.integration-design .integration-layout .item img{width:54px;height:34px;margin:7px;border:1px solid #2d3e55;background-color:#151a23;color:#151a23}.integration-design .integration-config{position:absolute;top:0;bottom:0;right:0;width:300px;border-left:1px solid #2d3e55;z-index:1;overflow:hidden}.integration-design .integration-config .el-tabs{height:100%;border:none;-webkit-box-shadow:none;box-shadow:none}.integration-design .integration-config .el-tabs .el-tabs__header .el-tabs__item{height:34px;line-height:34px;font-size:12px}.integration-design .integration-config .el-tabs .el-tabs__header .el-tabs__item.is-active{line-height:30px}.integration-design .integration-config .el-tabs .el-tabs__content{padding:0;height:calc(100% - 39px);overflow-x:hidden;overflow-y:auto}.integration-design .integration-config .el-input__inner{padding:0 10px}.integration-design .integration-config .el-input-number{width:80px}.integration-design .integration-config .el-input-number.is-controls-right .el-input__inner{padding-left:8px;padding-right:30px;text-align:left}.integration-design .integration-config .el-input-number [role=button]{width:24px}.integration-design .integration-config .integration-title{position:absolute;top:0;width:100%;height:48px;line-height:48px;font-size:14px}.integration-design .integration-config .integration-title .add-item{margin-top:12px;margin-right:12px;float:right}.integration-design .integration-config .integration-tree{position:absolute;top:48px;width:100%;height:calc(100% - 128px);max-height:calc(100% - 128px);overflow-x:hidden;overflow-y:auto}.integration-design .integration-config .integration-detail{position:absolute;bottom:0;height:80px;width:100%;border-top:1px solid #2d3e55}.integration-design .integration-config .integration-detail .el-button.is-circle{margin-left:10px;padding:4px}.integration-design .integration-config .integration-detail .el-button.is-circle .iconfont{font-size:14px}.integration-design .integration-config .el-row{padding:6px 10px 6px 18px}.integration-design .integration-config .img-upload{width:179px;margin-top:4px}.integration-design .integration-config .img-upload .el-upload-dragger,.integration-design .integration-config .img-upload .el-upload-dragger .img-preview{width:179px;height:105px}.integration-design .integration-config .img-upload .el-upload-dragger .el-icon-upload{font-size:24px;color:#a0a0a0;margin:26px 0 4px 0;line-height:24px;opacity:.5}.integration-design .integration-config .img-upload .el-upload-dragger .el-upload__text{font-size:12px;opacity:.5}.integration-design .integration-config .img-cover{position:absolute;right:12px;bottom:10px;width:179px;height:105px;border-radius:6px;text-align:center;color:transparent}.integration-design .integration-config .img-cover:hover{background-color:rgba(0,0,0,.7);color:#fff}.integration-design .integration-config .img-cover .icon-delete{line-height:105px;font-size:28px;cursor:pointer}.integration-design .integration-config .img-cover .icon-delete:hover{color:#00baff}.integration-design .integration-paint{position:absolute;top:0;bottom:28px;left:222px;right:300px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOAQMAAAAlhr+SAAAABlBMVEUqLjNSXWS1zSUzAAAAD0lEQVQI12NgwADMYIQBAACrAAd4ROv5AAAAAElFTkSuQmCC) repeat;overflow:auto}.integration-design .integration-paint .bg-panel{position:absolute;top:0;left:0}.integration-design .integration-paint .bg-panel .canvas-panel{position:absolute;top:30px;left:30px;right:30px;bottom:30px;-webkit-box-shadow:rgba(0,0,0,.75) 0 0 40px 0;box-shadow:0 0 40px 0 rgba(0,0,0,.75)}.integration-design .integration-paint .bottom-bar{position:fixed;left:222px;right:300px;bottom:0;height:28px;background-color:#151a23;border-top:1px solid #2d3e55}.integration-design .integration-paint .bottom-bar .scale-bar{position:absolute;margin:5px 12px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex}.integration-design .integration-paint .bottom-bar .scale-bar .iconfont{margin:2px 14px;height:12px;line-height:12px;font-size:12px;color:#bababa;border:1px solid #bababa;cursor:pointer}.integration-design .integration-paint .bottom-bar .scale-bar .iconfont:hover{color:#fff;border-color:#fff}.integration-design .integration-paint .bottom-bar .scale-bar .el-slider .el-slider__runway{margin:8px 0;height:1px;width:140px}.integration-design .integration-paint .bottom-bar .scale-bar .el-slider .el-slider__runway .el-slider__bar{height:1px}.integration-design .integration-paint .bottom-bar .scale-bar .el-slider .el-slider__runway .el-slider__button-wrapper{top:-9px;height:16px;width:16px}.integration-design .integration-paint .bottom-bar .scale-bar .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button{height:6px;width:6px}.integration-design .integration-presentation,.integration-design .integration-presentation .integration-iframe{position:absolute;top:0;bottom:0;left:0;right:0}.integration-design .integration-presentation .integration-iframe iframe{height:100%;width:100%}.integration-design .achievement-container{max-height:500px;overflow-x:hidden;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-ms-flex-line-pack:start;align-content:flex-start}.integration-design .achievement-container .card{position:relative;width:240px;height:160px;text-align:center;border:1px solid #2d3e55;background-color:rgba(45,62,85,.3);margin:20px 0 0 20px}.integration-design .achievement-container .card .img-cover{width:100%;height:100%}.integration-design .achievement-container .card .content{margin-top:60px;font-size:14px}.integration-design .achievement-container .card .content .el-icon-upload{position:absolute;font-size:28px;right:10px;bottom:8px}.integration-design .achievement-container .card .content .el-icon-upload:hover{opacity:.8}.integration-design .achievement-container .card.active,.integration-design .achievement-container .card:hover{border:1px solid #05ddff;background-color:rgba(0,231,255,.11)}.integration-design .achievement-container .card.active .toolbar,.integration-design .achievement-container .card:hover .toolbar{display:block}.integration-design .achievement-container .card .title-bar{position:absolute;width:100%;bottom:0;height:32px;line-height:32px;font-size:12px;background-color:#151a23;color:#efefef}.integration-design .achievement-container .card .title-bar .name{text-align:left;padding-left:15px}.integration-design .achievement-container .card .title-bar .state{text-align:right;padding-right:15px}.integration-design .custom-tree-node{-webkit-box-flex:1;-ms-flex:1;flex:1;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;font-size:14px;padding-right:8px}