.image[data-v-628fad10],.image img[data-v-628fad10]{display:block;width:100%}.none[data-v-628fad10]{width:100%;height:100px;line-height:100px;text-align:center}.text[data-v-77d5f4f5]{display:block;width:100%;min-height:60px}.text.line[data-v-77d5f4f5]{line-height:60px}.box[data-v-6c12baa0]{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-6c12baa0]{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;height:40px;margin:auto}.box .on[data-v-6c12baa0]{border:3px solid #409eff}.box .none[data-v-6c12baa0]{width:100%;height:40px;line-height:40px;text-align:center}.design-component[data-v-8da71a40]{position:relative;overflow:hidden}.design-component[data-v-8da71a40]: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-8da71a40]:hover:before{display:block}.design-component.is-active[data-v-8da71a40]:before{border:3px solid #409eff;display:block}.component-controller[data-v-8da71a40]{position:relative}.component-controller:hover .controller-aside[data-v-8da71a40]{display:block}.controller-panel[data-v-8da71a40]{background-color:#409eff;color:#fff;height:40px;line-height:40px;padding-left:14px;cursor:pointer}.controller-aside[data-v-8da71a40]{display:none;position:absolute;left:100%;padding-left:8px}.controller-aside>button[data-v-8da71a40]{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-8da71a40]{font-size:20px}.controller-aside>button[data-v-8da71a40]:hover{color:#409eff}.controller-title[data-v-8da71a40]{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-11a7c8d0]{position:relative;width:100%;height:667px;overflow-y:scroll}.design-layout-preview .main-layout[data-v-11a7c8d0]{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-11a7c8d0]{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-11a7c8d0]{margin:0 auto;display:block}.design-layout-preview .dragArea[data-v-11a7c8d0]{min-height:667px}.design-layout-preview .dragArea>span[data-v-11a7c8d0]{display:block;min-height:667px}.flip-list-move[data-v-11a7c8d0]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.list-group-item[data-v-11a7c8d0]{position:relative}.list-group-item.is-hover[data-v-11a7c8d0]: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-11a7c8d0]{display:block}.list-group-item.is-active[data-v-11a7c8d0]: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}.design-layout-sortable[data-v-80623b8c]{right:0;top:0;bottom:0;width:360px}.design-layout-components[data-v-172d2b66],.design-layout-sortable[data-v-80623b8c]{position:absolute;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.design-layout-components[data-v-172d2b66]{left:20px;top:20px;width:240px;z-index:1;padding:16px;overflow-y:scroll}.design-layout-components[data-v-172d2b66]::-webkit-scrollbar{width:0}.design-layout-components .components-category h3[data-v-172d2b66]{position:relative;font-size:14px;font-weight:500;color:#3f4245;height:32px;line-height:32px;margin-bottom:0;cursor:pointer}.design-layout-components .components-category h3 i[data-v-172d2b66]{color:#aeb1b3}.design-layout-components .components-category ul[data-v-172d2b66]{list-style:none;padding:0;margin:0;padding-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.design-layout-components .components-category ul li[data-v-172d2b66]{-ms-flex-negative:0;flex-shrink:0;color:#6b7075;width:96px;height:64px;border:1px solid #e9eaec;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;padding-top:10px;margin-bottom:16px;border-radius:4px;cursor:move}.design-layout-components .components-category ul li i[data-v-172d2b66]{font-size:24px}.design-layout-components .components-category ul li p[data-v-172d2b66]{font-size:12px}.design-layout-components .components-category ul li.is-chosen[data-v-172d2b66],.design-layout-components .components-category ul li[data-v-172d2b66]:hover{background:#409eff;border-color:#409eff;color:#fff}.design-layout-components .components-category .anticon-caret-down[data-v-172d2b66]{-webkit-transition:all .5s;transition:all .5s}.design-layout-components .components-category.slide-up .anticon-caret-down[data-v-172d2b66]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.design-layout-components .components-category.slide-up ul[data-v-172d2b66]{display:none}.layout[data-v-47951889]{width:100%;height:100%;position:relative;background:#eee;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}