body.page-decorate-design[data-v-563ccb0c]{overflow:hidden}.flip-list-move[data-v-563ccb0c]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.no-move[data-v-563ccb0c]{-webkit-transition:-webkit-transform 0s;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s}.layout-wrap[data-v-563ccb0c]{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;background-color:#eef0f4;z-index:999}.previewBox .leftCaret[data-v-563ccb0c],.previewBox .toolsBar[data-v-563ccb0c]{display:none}.previewBox .container[data-v-563ccb0c]{width:1200px;margin:0 auto;height:100vh;padding-left:0}.previewBox .dragAreaWrap[data-v-563ccb0c]{overflow-x:hidden}.previewBox .contentBox[data-v-563ccb0c],.previewBox .dragAreaWrap[data-v-563ccb0c]{width:auto}.previewBox :global .vueEditor_viewComponentBox[data-v-563ccb0c]{margin-left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);cursor:auto;-webkit-box-shadow:none;box-shadow:none}.previewBox :global .vueEditor_viewComponentBox[data-v-563ccb0c]:after{display:none;content:none}.container[data-v-563ccb0c]{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:0;padding-top:65px;height:100vh;-webkit-transition:.2s ease;transition:.2s ease}.previewBox .container[data-v-563ccb0c]{padding-top:0}.hasTools :global .el-icon-caret-right[data-v-563ccb0c]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hasTools .leftCaret[data-v-563ccb0c]{left:265px}.leftCaret[data-v-563ccb0c]{position:fixed;left:0;top:50%;display:-webkit-box;display:-ms-flexbox;display:flex;width:25px;height:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;background:#fff;margin-top:-25px;-webkit-box-shadow:3px 0 4px 0 rgba(0,0,0,.1);box-shadow:3px 0 4px 0 rgba(0,0,0,.1);border-radius:0 8px 8px 0;z-index:9;-webkit-transition:all .2s ease;transition:all .2s ease}.leftCaret[data-v-563ccb0c]:hover{-webkit-box-shadow:5px 0 8px 0 rgba(0,0,0,.1);box-shadow:5px 0 8px 0 rgba(0,0,0,.1);opacity:1}.toolsBar[data-v-563ccb0c]{position:fixed;left:-265px;top:70px;bottom:0;width:265px;background:#fff;overflow:auto;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.2);box-shadow:0 0 4px 0 rgba(0,0,0,.2);z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}.toolsBar[data-v-563ccb0c]::-webkit-scrollbar{width:0;height:0}.toolsBar.show[data-v-563ccb0c]{left:0}.toolsBar .tb-hd[data-v-563ccb0c]{line-height:50px;text-align:center;border-bottom:1px solid #eaeaea}.toolsBar .tb-hd em[data-v-563ccb0c]{color:#026bff}.contentWrap[data-v-563ccb0c]{position:relative;overflow:auto;height:100%;padding-top:20px}.contentWrap[data-v-563ccb0c]::-webkit-scrollbar{width:6px;height:10px}.contentWrap[data-v-563ccb0c]::-webkit-scrollbar-track{background-color:#f2f2f2}.contentWrap[data-v-563ccb0c]::-webkit-scrollbar-thumb{border-radius:10px;background-color:#999}.contentBox[data-v-563ccb0c]{position:relative;width:1900px;min-height:100%}.box h2[data-v-563ccb0c]{text-align:center;font-size:38px;padding:30px 10px;font-weight:700}.dragAreaWrap[data-v-563ccb0c]{-webkit-transform-origin:top center;transform-origin:top center;position:relative;width:1200px;margin:0 auto}.tipBox[data-v-563ccb0c]{position:absolute;top:20px;left:0;width:100%;margin:30vh 0;pointer-events:none;text-align:center}.tipBox p[data-v-563ccb0c]{margin:20px 0;font-size:16px}.dragArea[data-v-563ccb0c]{min-height:calc(100vh + 100px);background-color:#f5f5f5;padding:5px 0}.dragArea[data-v-563ccb0c] .drag{opacity:1!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.dragArea[data-v-563ccb0c] .draggableToolItem{width:100%;max-width:100%}.dragArea[data-v-563ccb0c] .draggableToolItem.ghost{background-color:#fff!important;width:calc(100% - 50px)!important;height:120px!important;padding:20px;border:2px dashed #ccc;opacity:.8}.dragArea[data-v-563ccb0c] .draggableToolItem.ghost>div{width:100%;height:100%;background-color:#fff}.dragArea[data-v-563ccb0c] .draggableToolItem.ghost p{font-size:16px;line-height:24px}.dragArea[data-v-563ccb0c] .draggableToolItem .emptyBox{min-height:350px;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}.dragArea[data-v-563ccb0c] .draggableToolItem .el-image{vertical-align:top}.ghost[data-v-563ccb0c]{opacity:.5}[data-v-563ccb0c] .editForm .form{position:relative;padding-bottom:120px}[data-v-563ccb0c] .el-form-item.formFooter_item{position:absolute;bottom:-5px;padding:10px;width:calc(100% - 40px);background-color:#fff;z-index:99}.draggableItem[data-v-563ccb0c],.draggableSlot[data-v-563ccb0c]{position:relative}.editBar[data-v-563ccb0c]{position:absolute;top:10px;right:-50px;width:40px;padding:5px 5px;border-radius:8px;background:#fff;z-index:9999;-webkit-transform-origin:top left;transform-origin:top left;scale:1}.editBar>.toolBarBtn[data-v-563ccb0c]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none;border:none;cursor:pointer;display:block;width:30px;height:30px;line-height:30px;font-size:12px;text-align:center;background-color:#fff}.editBar>.toolBarBtn[data-v-563ccb0c]:hover{opacity:.6}.editBar>.toolBarBtn.topLine[data-v-563ccb0c]{border-top:1px solid rgba(0,0,0,.08)}.editBar>.toolBarBtn[disabled][data-v-563ccb0c]{color:#999;opacity:.3!important;cursor:not-allowed}