.design-layout-preview[data-v-745f4b23]{position:relative;width:100%;height:667px;overflow-y:scroll}.design-layout-preview .main-layout[data-v-745f4b23]{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-745f4b23]{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-745f4b23]{margin:0 auto;display:block}.design-layout-preview .dragArea[data-v-745f4b23]{min-height:667px}.design-layout-preview .dragArea>span[data-v-745f4b23]{display:block;min-height:667px}.flip-list-move[data-v-745f4b23]{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.list-group-item[data-v-745f4b23]{position:relative}.list-group-item.is-hover[data-v-745f4b23]: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-745f4b23]{display:block}.list-group-item.is-active[data-v-745f4b23]: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-form-body .form-group{margin-top:40px}.design-form-body .form-group-title{font-size:16px;font-weight:600;color:#3f4245;line-height:22px;cursor:pointer}.design-form-body .form-group-title .anticon-caret-down{-webkit-transition:all .5s;transition:all .5s}.design-form-body .form-group-desc{font-size:14px;color:#999;font-weight:400}.design-form-body .form-group-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.design-form-body .form-group.is-hide .anticon-caret-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.design-form-body .form-group.is-hide .form-group-body{display:none}.design-layout-form[data-v-4bef1494]{background:#fff;width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.form-head[data-v-4bef1494]{padding:0;margin:0 auto 16px;font-size:18px;font-weight:600;color:#3f4245}.slide-fade-enter-active[data-v-4bef1494],.slide-fade-leave-active[data-v-4bef1494]{-webkit-transition:all .3s ease;transition:all .3s ease}.slide-fade-enter[data-v-4bef1494],.slide-fade-leave-to[data-v-4bef1494]{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.design-form-body{width:312px;display:block}.design-form-body .form-item{-ms-flex-negative:0;flex-shrink:0;margin-top:16px}.design-form-body .form-item.col-1{width:100%}.design-form-body .form-item.col-2{width:148px}.design-form-body .form-item.col-4{width:70px}.design-form-body .form-item .inline{display:inline-block}.design-form-body .form-item>label{display:block;margin-bottom:4px;height:20px;line-height:20px}.design-form-body .form-item .ant-input,.design-form-body .form-item .ant-input-group-addon{border-color:#e8eaec}.design-form-body .form-item .ant-input:active,.design-form-body .form-item .ant-input:focus,.design-form-body .form-item .ant-input:hover{border-color:#40a9ff}.design-form-body .form-item .ant-input{font-size:14px}.design-form-body .form-item .ant-input-number{width:100%;height:40px;line-height:40px}.design-form-body .form-item .image-picker-wrapper{display:inline-block}.design-form-body .form-item .image-picker-wrapper .ant-input-group-addon{cursor:pointer;padding:0;width:40px;text-align:center;background:#fff}.design-form-body .form-item .ant-calendar-picker .ant-input-lg{padding-left:5px;padding-right:5px}.form-line[data-v-4bef1494]{border:0;margin-top:40px;-webkit-box-sizing:border-box;box-sizing:border-box;height:1px;display:block;background:#edeff2}.btn[data-v-4bef1494]{width:100%}.design-layout-sortable[data-v-2c708188]{right:0;top:0;bottom:0;width:360px}.design-layout-components[data-v-403e2508],.design-layout-sortable[data-v-2c708188]{position:absolute;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.design-layout-components[data-v-403e2508]{left:20px;top:20px;width:240px;z-index:1;padding:16px;overflow-y:scroll}.design-layout-components[data-v-403e2508]::-webkit-scrollbar{width:0}.design-layout-components .components-category h3[data-v-403e2508]{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-403e2508]{color:#aeb1b3}.design-layout-components .components-category ul[data-v-403e2508]{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-403e2508]{-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-403e2508]{font-size:24px}.design-layout-components .components-category ul li p[data-v-403e2508]{font-size:12px}.design-layout-components .components-category ul li.is-chosen[data-v-403e2508],.design-layout-components .components-category ul li[data-v-403e2508]:hover{background:#409eff;border-color:#409eff;color:#fff}.design-layout-components .components-category .anticon-caret-down[data-v-403e2508]{-webkit-transition:all .5s;transition:all .5s}.design-layout-components .components-category.slide-up .anticon-caret-down[data-v-403e2508]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.design-layout-components .components-category.slide-up ul[data-v-403e2508]{display:none}.layout[data-v-ca6db012]{width:100%;height:100%;position:relative;background:#eee;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}