[data-v-df0cc14e]::-webkit-scrollbar{width:8px}[data-v-df0cc14e]::-webkit-scrollbar-thumb:vertical{border-radius:4px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e0e0e0}[data-v-df0cc14e]::-webkit-scrollbar-track{border:none;border-radius:10px;background:none}[data-v-df0cc14e]::-webkit-scrollbar-thumb{border:1px solid #e0e0e0;border-radius:10px;background:#e0e0e0}.panel[data-v-df0cc14e]{width:265px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:hsla(0,0%,100%,.9);-webkit-box-shadow:4px 0 4px rgba(0,0,0,.02);box-shadow:4px 0 4px rgba(0,0,0,.02)}.title[data-v-df0cc14e]{color:#393838;padding:10px 16px 10px;background:#e1e1e1;font-size:18px}.component-list[data-v-df0cc14e]{background:#d3d5da}.component-list .zheDei[data-v-df0cc14e]{height:635px;overflow:auto}.component-list .component-search[data-v-df0cc14e]{padding:3% 3%;display:block}.component-list .component-search .vue-treeselect__input[data-v-df0cc14e],.component-list .component-search[data-v-df0cc14e] .el-input__inner{border-color:#d3d5da!important;height:30px!important;line-height:30px!important;background:#e1e1e1}.component-list .component-search[data-v-df0cc14e] .el-input{width:210px}.component-list .component-search[data-v-df0cc14e] .el-button{height:30px!important;width:30px;line-height:30px!important;margin-left:8px;background:#e1e1e1;padding:0}.component-list[data-v-df0cc14e] .ivu-collapse{background:#d3d5da;border:none}.component-list[data-v-df0cc14e] .ivu-collapse-content{background:#d3d5da}.component-list[data-v-df0cc14e] .ivu-collapse>.ivu-collapse-item,.component-list[data-v-df0cc14e] .ivu-collapse>.ivu-collapse-item.ivu-collapse-item-active>.ivu-collapse-header,.component-list[data-v-df0cc14e] .ivu-collapse>.ivu-collapse-item>.ivu-collapse-header{border:none}.component-list .list-item[data-v-df0cc14e]{display:inline-block;width:72px;background:rgba(64,160,255,.06);border:1px solid rgba(64,160,255,.1);margin-right:3px;margin-bottom:4px;opacity:.6;-webkit-transition:opacity,background .3s ease;transition:opacity,background .3s ease;text-align:center;padding:3px 0}.component-list .list-item[data-v-df0cc14e]:hover{cursor:pointer;opacity:.8;background:rgba(64,160,255,.1);border:1px solid #409eff}.component-list .list-item:hover .name[data-v-df0cc14e]{color:#666}.component-list .list-item .img-wrapper[data-v-df0cc14e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:80px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component-list .list-item .img-wrapper img[data-v-df0cc14e]{height:54px;width:100%}.component-list .list-item .name[data-v-df0cc14e]{height:20px;line-height:20px;font-size:13px;color:#777}.flip-list-move[data-v-df0cc14e]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.ghost[data-v-df0cc14e]{opacity:.3;background:#c8ebfb}.layer-list[data-v-df0cc14e]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;overflow:scroll}.layer-list .list-item[data-v-df0cc14e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:48px;width:100%;-webkit-transition:background .3s ease;transition:background .3s ease;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03);border-right:6px solid transparent;margin-bottom:-1px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.layer-list .list-item.active[data-v-df0cc14e]{background:rgba(64,160,255,.06);border-right:6px solid rgba(64,158,255,.49)}.layer-list .list-item[data-v-df0cc14e]:hover{opacity:1;background:rgba(64,160,255,.06)}.layer-list .list-item:hover .icon[data-v-df0cc14e]{opacity:1}.layer-list .list-item .name[data-v-df0cc14e]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#777}.layer-list .list-item .icon[data-v-df0cc14e]{float:right;color:#999;font-size:14px;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.layer-list .list-item .icon[data-v-df0cc14e]:hover{color:#409eff;cursor:pointer}.pic-img[data-v-df0cc14e]{position:absolute;right:2px;top:20px}.tempList[data-v-df0cc14e]{width:200px;height:120px;margin:25px auto;position:relative;cursor:pointer}.tempList img[data-v-df0cc14e]{width:100%;height:100%}.tempList .post[data-v-df0cc14e]{position:absolute;top:0;left:0}.tempList span[data-v-df0cc14e]{position:relative;top:50px;display:block;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 20px;color:#fff;font-size:16px;z-index:6666}.add[data-v-df0cc14e]{text-align:center;display:block;padding-bottom:15px;cursor:pointer}.add img[data-v-df0cc14e]{width:35px;height:35px}.zheDei[data-v-df0cc14e]{height:635px;overflow:auto}.ivu-btn-primary[data-v-df0cc14e],.ivu-btn[data-v-df0cc14e]:hover{color:#5f9ea0}.toolbar[data-v-0ef92606]{height:100%}.toolbox[data-v-0ef92606]{height:99%;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;background:#0a1231;border-right:1px solid rgba(0,0,0,.02)}.toolbox .tool-list[data-v-0ef92606]{margin-top:25px;width:50px;height:200px!important;background:#0a2c4b}.toolbox .tool-list-1[data-v-0ef92606]{margin-top:25px;width:50px;height:120px!important;background:#0a2c4b}.toolbox .tool-list-1 span[data-v-0ef92606]{font-size:12px}.toolbox .btn[data-v-0ef92606]{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;background:#0a2c4b}.toolbox .btn[data-v-0ef92606]:hover{cursor:pointer}.toolbox .btn.active[data-v-0ef92606],.toolbox .btn[data-v-0ef92606]:hover{background-color:#1d777d;color:#fff!important}.toolbox .btn .iconfont[data-v-0ef92606]{font-size:24px}.toolbox .btn0[data-v-0ef92606]{display:inline-block;width:50px;height:40px;line-height:40px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;background:#0a2c4b}.toolbox .btn0[data-v-0ef92606]:hover{cursor:pointer}.toolbox .btn0.active[data-v-0ef92606],.toolbox .btn0[data-v-0ef92606]:hover{background-color:#1d777d;color:#fff!important}.collapse-panel[data-v-0ef92606]{position:absolute;top:0;bottom:0;right:80px;width:265px;z-index:10}.editor-view[data-v-0e02bfa7]{width:100%;height:100%;overflow:hidden}.topbar-view[data-v-0e02bfa7]{position:absolute;height:60px;width:100%;z-index:1000}.toolbar-view[data-v-0e02bfa7]{position:absolute;top:0;right:0;width:80px;bottom:0;z-index:1000}.config-view[data-v-0e02bfa7]{position:absolute;left:0;top:0;width:300px;bottom:0;z-index:1000}.scale-view[data-v-0e02bfa7]{position:absolute;right:316px;bottom:16px;z-index:1000}.scale-view.preview[data-v-0e02bfa7]{right:40px}.main-view[data-v-0e02bfa7]{overflow:hidden;height:100%}.main-view .mian-tit[data-v-0e02bfa7]{background:#07122d}.main-view .mian-tit img[data-v-0e02bfa7]{width:100%;height:80px}