#top_bar{width:100%;line-height:32px;flex:0 0 32px;background-color:#093459;padding-left:20px;z-index:10}#top_bar .el-slider{width:70%;display:inline-block}#top_bar .el-slider .el-slider__runway{background-color:#1f3d58;margin:0}#top_bar .el-slider .el-slider__runway .el-slider__bar{background-color:#1f3d58}#top_bar .el-slider .el-slider__runway .el-slider__button-wrapper{height:0;top:-9px}#top_bar .el-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button{border-color:#888}#top_bar .el-button{margin-left:-4px}.isActiveBtn{color:#409eff;border-bottom-color:#409eff}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}.upload-btn-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;width:100px}.el-dropdown-menu{left:5px;width:170px;border:1px solid #aaa}.actionCenter .el-button--mini{margin-right:10px}.border-right{border-right:1px solid #0f2d47;text-align:center}.border-left{border-left:1px solid #0f2d47;text-align:center}.hideAction{visibility:hidden}.disable{pointer-events:none;cursor:wait}.left-top{flex:1;display:flex;flex-direction:column;overflow:auto}.left-top::-webkit-scrollbar-track-piece{background:#ccc}.left-top::-webkit-scrollbar{width:4px;height:6px}.left-top::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.left-top .title-label{flex:0 0 30px}.left-top .panel-content{flex:1 0;overflow:auto}.left-top .panel-content::-webkit-scrollbar-track-piece{background:#ccc}.left-top .panel-content::-webkit-scrollbar{width:4px;height:6px}.left-top .panel-content::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}#comp-container{padding-right:2px}.panel-subtitle{margin:4px 0;padding:4px 4px 2px 4px;line-height:16px;background-color:#ccc}.tools-panel .comp-cate .title-label{margin:0 0 4px 0;padding:4px 4px 2px 6px;line-height:16px;background-color:#ccc}.tools-panel .comp-cate .panel-content{padding:0;border-bottom:0}.comp-list{background:#fff;padding:10px 0;margin-bottom:4px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:58.67px;grid-column-gap:2px;grid-row-gap:2px}.comp-list .comp-item{font-size:12px;line-height:58.67px;background-color:#fff;text-align:center;cursor:pointer;border:1px solid #ddd;color:#20a0ff}.comp-list .comp-item:hover{background-color:#ececec}.collapse-btn{float:right}.comp-icon{width:100%;height:100%}.comp-icon-svg{padding:5px}.left-tab-area,.left-tools-panel{height:100%;display:flex}.left-tab-area{width:40px;background:#0f2d47;border-top:1px solid #000;flex-direction:column;justify-content:space-between}.single-tab{width:100%;height:40px;text-align:center;padding:12px;cursor:pointer}.single-tab:hover{background:#093459}.left-component-area{width:180px;overflow:auto}.left-component-area::-webkit-scrollbar-track-piece{background:#ccc}.left-component-area::-webkit-scrollbar{width:4px;height:6px}.left-component-area::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.left-component-area::-webkit-editorScrollBar-track-piece{background:#f3f3f3}.left-component-area .title{text-align:center;color:#757575;font-size:14px;font-weight:600}.activeTabStyle{background:#093459}.activeTabStyle .iconfont{color:#0787f7}.drr[data-v-7be830e2]{position:absolute;box-sizing:border-box;cursor:pointer}.drr[data-v-7be830e2]:hover:before{outline:2px dashed #d6d6d6}.drr.active[data-v-7be830e2]:before,.drr[data-v-7be830e2]:hover:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box}.drr.active[data-v-7be830e2]:before{outline:2px dashed #87cefa}.drr-stick[data-v-7be830e2]{box-sizing:border-box;position:absolute;font-size:1px;background:#fff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb}.drr-stick[data-v-7be830e2]:hover{border-color:#87cefa}.inactive>.drr-stick[data-v-7be830e2]{display:none}.drr-stick-br[data-v-7be830e2],.drr-stick-tl[data-v-7be830e2]{cursor:nwse-resize}.drr-stick-bm[data-v-7be830e2],.drr-stick-tm[data-v-7be830e2]{left:50%;cursor:ns-resize}.drr-stick-bl[data-v-7be830e2],.drr-stick-tr[data-v-7be830e2]{cursor:nesw-resize}.drr-stick-ml[data-v-7be830e2],.drr-stick-mr[data-v-7be830e2]{top:50%;cursor:ew-resize}.drr-stick-ro[data-v-7be830e2]{left:50%;cursor:ew-resize;border-radius:4px}.ro-stick-handle[data-v-7be830e2]{left:50%;top:-16px;box-sizing:border-box;position:absolute;font-size:1px;background:#fff;border:1px solid #6c6c6c;box-shadow:0 0 2px #bbb;width:0;height:16px}.drr-stick.not-resizable[data-v-7be830e2],.inactive>.ro-stick-handle[data-v-7be830e2]{display:none}.content-active[data-v-7be830e2]{border:2px solid #87cefa}svg{width:100%;height:100%}text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.convetor{animation:convetorAnimate .5s ease-in infinite}.sand{animation:fallingsand 1s ease-in infinite}@keyframes fallingsand{0%{opacity:.2;transform:translate3d(0,-10px,0) rotate(0deg)}60%{opacity:1}to{opacity:.2;transform:translate3d(0,100px,0) rotate(90deg)}}.sandConvetor{animation:convetorAnimate 1s ease-in infinite}@keyframes convetorAnimate{0%{opacity:.6;transform:translateZ(0)}50%{opacity:1}to{opacity:.6;transform:translate3d(-40px,60px,0)}}ul[data-v-eee6a72c]{width:160px;position:absolute;background:#fff;font-size:12px;list-style:none;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.3);padding:0}ul li[data-v-eee6a72c]{display:flex;justify-content:space-between;cursor:pointer;border-radius:5px;padding:5px 20px;color:#314659}ul .el-divider--horizontal[data-v-eee6a72c]{margin:5px 0}ul li[data-v-eee6a72c]:hover{color:#409eff}.disabled[data-v-eee6a72c]{pointer-events:none;color:#ccc}.ab{position:absolute}.border-image[data-v-6ed4268d]{width:100%;height:100%;background-clip:padding-box;opacity:1;filter:blur(0);border-image-slice:10 16 15 10 fill;border-width:10px 16px 15px 10px;border-style:solid;box-sizing:border-box}.areaChart .el-date-editor{width:100%;height:100%;background:transparent;border:none}.areaChart .el-range-separator{color:#606266}.areaChart .el-range-input{background:transparent}.lineChart .el-date-editor{width:100%;height:100%;background:transparent;border:none}.lineChart .el-range-separator{color:#606266}.lineChart .el-range-input{background:transparent}.wave-container[data-v-6340d4b0]{position:relative}.waveCanvas[data-v-6340d4b0]{overflow:hidden}.valText[data-v-6340d4b0]{position:absolute;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.flow-container[data-v-5a18217a]{position:relative}.pipeline[data-v-5a18217a]{position:absolute}.flow[data-v-5a18217a]{position:absolute;z-index:99}#workarea{flex-grow:1;background-color:#d6d6d6;overflow:auto}#workarea::-webkit-scrollbar-track-piece{background:#ccc}#workarea::-webkit-scrollbar{width:4px;height:6px}#workarea::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}#canvas{background-color:#fff;position:relative;outline:0}#canvas .scada-svg-wrapper{width:100%;height:100%}.drag-box{border:1px solid transparent}.drag-box svg{position:absolute}.active{border:1px dashed #43b5ff}.grid-bg{background:url(https://img.alicdn.com/tfs/TB184VLcPfguuRjSspkXXXchpXa-14-14.png)!important;background-size:16px 16px!important;transition:background-color .2s ease-in-out}#layout_panel input{text-align:center!important}#layout_panel .el-col{padding:0 4px}#layout_panel .el-col>div{padding-top:4px;text-align:center}#layout_panel .el-input-number{width:100%}#attr_panel .panel-content{padding-top:0}.ctrl-item{margin:4px 4px}.ctrl-item label{display:block;margin-top:6px;padding-left:2px;font-weight:400}.ctrl-item .attr-input input{max-width:150px!important}.ctrl-item .el-col{margin-bottom:4px}.ctrl-item .el-cascader{width:100%;margin-bottom:2px}.uploadBtn[data-v-4e27282b]{text-align:center;background:#0787f7;line-height:30px;border-radius:4px;color:#fff;margin-top:-2px!important;cursor:pointer}.el-date-editor.el-input[data-v-4e27282b]{width:140%!important}.link[data-v-4e27282b]{font-size:18px;margin:4px 15px;cursor:pointer}.link[data-v-4e27282b]:hover{color:#0787f7}label[data-v-4e27282b]{font-weight:400}.el-input-number[data-v-4e27282b]{width:100%}[data-v-31d14f82]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}#complist_panel[data-v-31d14f82]{width:200px;height:319px;box-sizing:content-box;border:1px solid #888;position:absolute;z-index:999}.title[data-v-31d14f82]{margin:0;background:#0f2d47;height:34px;color:#fff;line-height:34px;text-align:center;font-size:14px;font-weight:600;cursor:move}#list-content[data-v-31d14f82]{width:100%;position:relative;height:285px;overflow-y:auto;background-color:#f3f3f3}#list-content[data-v-31d14f82]::-webkit-scrollbar-track-piece{background:#ccc}#list-content[data-v-31d14f82]::-webkit-scrollbar{width:4px;height:6px}#list-content[data-v-31d14f82]::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}#list-content .page-item[data-v-31d14f82]{border-bottom:1px solid #888;padding:4px 4px 2px 8px;cursor:pointer;font-size:12px;color:#333}.isActive[data-v-31d14f82]{background-color:rgba(7,135,247,.3)}.svg-defs-container{width:0;height:0;z-index:-9999}.link[data-v-4b9591da]{font-size:18px;margin:4px 15px;cursor:pointer}.link[data-v-4b9591da]:hover{color:#0787f7!important}.link[data-v-45f7c834]{font-size:18px;margin:4px 15px;cursor:pointer}.link[data-v-45f7c834]:hover{color:#0787f7!important}.link[data-v-3efba776]{font-size:18px;margin:4px 15px;cursor:pointer}.link[data-v-3efba776]:hover{color:#0787f7!important}.link[data-v-49434f3e]{font-size:18px;margin:4px 15px;cursor:pointer}.link[data-v-49434f3e]:hover{color:#0787f7!important}.color-setting label{display:inline-block;margin-top:6px}.color-setting .analog-setting .el-row{margin:5px 0}.color-setting .analog-setting .el-row .el-input-number .el-input__inner{padding-left:0;padding-right:25px}.color-setting .analog-setting input{max-width:80px}.visible-item{margin-bottom:10px}.visible-item label{display:inline-block;margin-top:6px}.blink-setting[data-v-25edd525]{margin-top:10px}.blink-setting label[data-v-25edd525]{display:block;margin-top:6px}.label-setting label{display:inline-block;margin-top:6px}.uploadBtn[data-v-0f6cb6e4]{font-size:12px;padding:0 10px;text-align:center;background:#409eff;line-height:30px;border-radius:4px;color:#fff;margin-top:-2px!important;cursor:pointer}.imageStyle[data-v-0f6cb6e4]{width:20px;height:20px}.el-input-number input[data-v-0f6cb6e4]{width:100px}.blink-setting[data-v-6a9464ad]{margin-top:10px}.blink-setting label[data-v-6a9464ad]{display:block;margin-top:6px}.blink-setting{margin-top:10px}.blink-setting .el-row{margin-bottom:6px}.blink-setting label{display:block;margin-top:6px}.passTip{color:red}.blink-setting[data-v-45dadd1a]{margin-top:10px}.blink-setting label[data-v-45dadd1a]{display:block;margin-top:6px}.blink-setting[data-v-08446dca]{margin-top:10px}.blink-setting label[data-v-08446dca]{display:block;margin-top:6px}.blink-setting[data-v-9a85d89e]{margin-top:10px}.blink-setting label[data-v-9a85d89e]{display:block;margin-top:6px}.blink-setting[data-v-05ab97e9]{margin-top:10px}.blink-setting label[data-v-05ab97e9],.set-variable label{display:block;margin-top:6px}.set-variable .el-select{width:100%}.chooseArea{display:flex;justify-content:space-around}.variable-left{margin-top:10px}.variable-left .el-tree{max-height:240px;overflow-y:auto}.variable-left .el-tree::-webkit-scrollbar-track-piece{background:#ccc}.variable-left .el-tree::-webkit-scrollbar{width:4px;height:6px}.variable-left .el-tree::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.variable-middle{margin-top:10px}.variable-middle .el-tree{max-height:240px;overflow-y:auto}.variable-middle .el-tree::-webkit-scrollbar-track-piece{background:#ccc}.variable-middle .el-tree::-webkit-scrollbar{width:4px;height:6px}.variable-middle .el-tree::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.variable-right{margin:10px 0 0 10px;width:33%;max-height:276px;overflow-x:hidden;overflow-y:auto}.variable-right::-webkit-scrollbar-track-piece{background:#ccc}.variable-right::-webkit-scrollbar{width:4px;height:6px}.variable-right::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}ul[data-v-72c42912]{width:160px;position:absolute;background:#fff;font-size:12px;list-style:none;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.3);padding:0}ul li[data-v-72c42912]{display:flex;justify-content:space-between;cursor:pointer;border-radius:5px;padding:5px 20px;color:#314659}ul .el-divider--horizontal[data-v-72c42912]{margin:5px 0}ul li[data-v-72c42912]:hover{color:#409eff}.handle[data-v-4fa16f38]{cursor:pointer}#previewArea{width:100%;flex-grow:1;overflow:auto}#previewArea::-webkit-scrollbar-track-piece{background:#ccc}#previewArea::-webkit-scrollbar{width:4px;height:6px}#previewArea::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}#previewArea::-webkit-editorScrollBar-track-piece{background:transparent}#previewContainer{position:relative;overflow:hidden;transform-origin:left top}.previewItem{position:absolute}.image-bg{background-repeat:no-repeat!important;background-size:100% 100%!important}#box{overflow:hidden}[data-v-58092b2e]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.multipleActionArea[data-v-58092b2e]{height:100%;background:#093459}.title[data-v-58092b2e]{margin:0;background:#0f2d47;height:34px;color:#fff;line-height:34px;text-align:center;font-size:14px;font-weight:600}.multiple-bar[data-v-58092b2e]{margin:20px 0 0 2px;display:flex;flex-wrap:wrap;justify-content:space-around;border-bottom:1px solid #0f2d47}.el-button--mini[data-v-58092b2e]{background:#093459;width:16%;padding:3px;margin:0 3px 5px}[data-v-56304e8b]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.screen-setting[data-v-56304e8b]{background:#f3f3f3;height:100%}.title[data-v-56304e8b]{margin:0;background:#0f2d47;height:34px;color:#fff;line-height:34px;text-align:center;font-size:14px;font-weight:600}.el-row[data-v-56304e8b]{margin:14px 0}.el-row label[data-v-56304e8b]{display:inline-block;margin:7px 0 0 15px;font-weight:400}.el-row span[data-v-56304e8b]{display:inline-block;margin:4px 0 0 15px}.remove[data-v-56304e8b]{position:absolute;top:5px;right:5px;font-size:16px;cursor:pointer}.choose-image .uploadBtn{display:inline-block;text-align:center;background:#0f2d47;border:1px solid #00b4eb;line-height:30px;padding:0 20px;border-radius:2px;color:#00b4eb;cursor:pointer}.choose-image .el-dialog{background:#0f2d47;height:70%}.choose-image .el-dialog__title{color:#fff}.choose-image .el-dialog__body{padding:10px 20px;height:80%;overflow-y:scroll}.choose-image .el-dialog__body::-webkit-scrollbar-track-piece{background:#ccc}.choose-image .el-dialog__body::-webkit-scrollbar{width:4px;height:6px}.choose-image .el-dialog__body::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.choose-image .el-dialog__body::-webkit-editorScrollBar-track-piece{background:#0f2d47}.background-area{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.background-area li{margin:10px 10px 0 0;height:100px;list-style:none}.background-area li img{width:100%;height:100%}.mt{display:block;margin-top:6px}.pl{padding-left:15px}.data-source .el-col{margin-top:20px}.mt2{display:block;margin-top:2px}.data-source .pointsData{margin-top:20px;background:#fff;padding:10px 15px}.data-source .pointsData .el-col{margin-top:6px}.code-edit-area .el-dialog{background:#0f2d47}.code-edit-area .el-dialog__title{color:#fff}.code-edit-area .el-dialog__body{padding:10px 20px;height:70%}.inputPwd[data-v-b8bc9402]{width:300px;height:200px;background:#eee;border-radius:6px;text-align:center}.title[data-v-b8bc9402]{line-height:32px;background:#3dacdd;color:#fff;border-radius:6px 6px 0 0}.ipt[data-v-b8bc9402]{padding:36px 30px 20px}.btn[data-v-b8bc9402]{padding:0 30px}.is-round[data-v-b8bc9402]{width:100%}.avatar-uploader:hover .btnArea{display:block}.avatar-uploader .el-upload{border:1px dashed hsla(0,0%,60%,.36);border-radius:6px;cursor:pointer;position:relative;overflow:hidden;width:100%;height:100%}.avatar-uploader .lable{font-size:20px;color:#e0e0e0}.avatar-uploader .avatar-uploader-icon{display:block;font-size:28px;color:#8c939d;text-align:center;display:flex;align-items:center;justify-content:center}.avatar-uploader .avatar,.avatar-uploader .avatar-uploader-icon{width:100%;height:100%;border-radius:6px;border:1px dashed hsla(0,0%,60%,.36)}.avatar-uploader .avatar{display:block;overflow:hidden}.avatar-uploader .btnArea{display:none;width:100%;text-align:center;position:absolute;bottom:0;font-size:14px}.avatar-uploader .btnArea .icon{display:inline-block}.avatar-uploader .btnArea .icon:first-child{color:red}.avatar-uploader .btnArea .icon:nth-child(2){color:#409eff;margin-left:8px}.avatar-uploader .el-upload:hover{border-color:#409eff;height:100%}.pwdPage{justify-content:center;align-items:center}#scade_editor,.pwdPage{height:100vh;width:100%;display:flex}#scade_editor{flex-direction:column;overflow:hidden}.main{width:100%;display:flex;flex-grow:1;overflow:hidden}.isOpacity{opacity:0}#left_panel{display:flex;flex-direction:column}#left_panel,#right_panel{background-color:#f3f3f3;position:relative}#right_panel{width:250px;height:96vh;flex:0 0 250px;padding-top:24px}.right-panel-params{height:100%}.right-panel-params .el-tabs{height:100%;display:flex;flex-direction:column}.el-tabs__content{flex:1;overflow:auto}.el-tabs__content::-webkit-scrollbar-track-piece{background:#ccc}.el-tabs__content::-webkit-scrollbar{width:4px;height:6px}.el-tabs__content::-webkit-scrollbar-thumb{background:#aaa;border-radius:20px}.right-panel-params .panel-content,.right-panel-params .title-label{border-bottom:none!important}.arrow-background{position:absolute;line-height:24px;z-index:99;background:#0f2d47;cursor:pointer}.arrow-background .iconfont{font-size:18px;font-weight:900}.arrow{width:0;height:0;border-style:solid;margin-top:19px}.right-panel-arrow{padding-left:6px;width:100%;top:0;left:0}.workarea-right-arrow{text-align:center;width:36px;top:34px;right:0}.el-tabs__header{background:#0f2d47;margin-bottom:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .5s linear}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(250px)}.winClass{width:30%}@media screen and (max-width:980px){.winClass{width:60%}}