.image[data-v-31f06626],.image img[data-v-31f06626]{display:block;width:100%}.none[data-v-31f06626]{width:100%;height:100px;line-height:100px;text-align:center}.text[data-v-58a36b23]{display:block;width:100%;min-height:60px}.text.line[data-v-58a36b23]{line-height:60px}.box[data-v-3d391dde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.box .button[data-v-3d391dde]{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;height:40px;margin:auto}.box .on[data-v-3d391dde]{border:3px solid #409eff}.box .none[data-v-3d391dde]{width:100%;height:40px;line-height:40px;text-align:center}.design-component[data-v-2496041c]{position:relative;overflow:hidden}.design-component[data-v-2496041c]:before{display:none;position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:2px dashed #409eff;z-index:2}.design-component[data-v-2496041c]:hover:before{display:block}.design-component.is-active[data-v-2496041c]:before{border:3px solid #409eff;display:block}.component-controller[data-v-2496041c]{position:relative}.component-controller:hover .controller-aside[data-v-2496041c]{display:block}.controller-panel[data-v-2496041c]{background-color:#409eff;color:#fff;height:40px;line-height:40px;padding-left:14px;cursor:pointer}.controller-aside[data-v-2496041c]{display:none;position:absolute;left:100%;padding-left:8px}.controller-aside>button[data-v-2496041c]{outline:none;border:none;width:36px;height:36px;background:#fff;-webkit-box-shadow:-1px 2px 6px 0 #bcc3ce;box-shadow:-1px 2px 6px 0 #bcc3ce;border-radius:36px;cursor:pointer;color:#aeb1b3}.controller-aside>button .icon[data-v-2496041c]{font-size:20px}.controller-aside>button[data-v-2496041c]:hover{color:#409eff}.controller-title[data-v-2496041c]{position:absolute;right:100%;top:0;height:32px;line-height:32px;background:hsla(0,0%,100%,.4);border-radius:16px;padding:0 16px;word-break:keep-all;white-space:nowrap;font-size:14px;-webkit-transform:translateX(-8px);transform:translateX(-8px);color:#6b7075}.design-layout-preview[data-v-0d01ba7e]{position:relative;width:100%;height:667px;overflow-y:scroll}.design-layout-preview .main-layout[data-v-0d01ba7e]{position:relative;margin:0 auto;width:367px;height:667px;overflow-y:scroll;overflow-x:hidden;background:#fff;-webkit-box-shadow:-10px 20px 30px 0 rgba(192,197,205,.8);box-shadow:-10px 20px 30px 0 rgba(192,197,205,.8)}.design-layout-preview .main-layout .is-empty[data-v-0d01ba7e]{position:absolute;left:0;top:270px;right:0;text-align:center;color:#c7dcff;font-size:14px}.design-layout-preview .main-layout .is-empty img[data-v-0d01ba7e]{margin:0 auto;display:block}.design-layout-preview .dragArea[data-v-0d01ba7e]{min-height:667px}.design-layout-preview .dragArea>span[data-v-0d01ba7e]{display:block;min-height:667px}.flip-list-move[data-v-0d01ba7e]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.list-group-item[data-v-0d01ba7e]{position:relative}.list-group-item.is-hover[data-v-0d01ba7e]:before{position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:2px dashed #409eff}.list-group-item.is-hover .component-controller[data-v-0d01ba7e]{display:block}.list-group-item.is-active[data-v-0d01ba7e]:before{position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:3px solid #409eff}.design-layout-preview .main-layout .dragArea>.sortable-ghost{position:relative;list-style:none;width:100%;height:100px;line-height:100px;text-align:center;background:rgba(64,158,255,.3)!important;cursor:move}.design-layout-preview .main-layout .dragArea>.sortable-ghost .component-box,.design-layout-preview .main-layout .dragArea>.sortable-ghost>*,.design-layout-preview .main-layout .dragArea>.sortable-ghost>.dragArea,.design-layout-preview .main-layout .dragArea>.sortable-ghost i,.design-layout-preview .main-layout .dragArea>.sortable-ghost p{display:none}.design-layout-preview .main-layout .dragArea>.sortable-ghost:before{position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:3px solid #409eff}.design-layout-preview .main-layout .dragArea>.sortable-ghost:after{top:0;content:"我要在这里"}.debuger-info{background:#333;color:#fff;padding:10px}.debuger-info label{font-weight:700}.debuger-info p{margin:0;margin-bottom:10px}ul.dragArea{padding-left:0;list-style:none}