.design-layout-top .design-arrow-down{font-size:12px!important;transform:scale(.5);transition:.5s}.design-layout-top .design-arrow-down:before{display:block}.design-layout-top .design-arrow-down.drop{transform:scale(.5) rotate(180deg)}.design-layout-top .left .select-channel .ant-select-selection{border:none;box-shadow:none;height:42px}.design-layout-top .left .select-channel .ant-select-selection__rendered{line-height:38px}.design-layout-top .right .select-channel .ant-select-selection{border:none;box-shadow:none;border-radius:16px;background-color:#f0f2f5}.design-layout-top .right .ant-select-selection-selected-value,.design-layout-top .right .ant-select-selection__placeholder{color:#3f4245}.design-layout-top .right .ant-select-selection__rendered{margin-left:22px}.design-layout-top .design-platform-pc,.design-layout-top .design-platform-wap{font-size:24px!important;vertical-align:middle}.design-layout-top .select-channel .title{vertical-align:middle}.design-layout-top .channel{font-weight:700;font-size:18px;text-align:center}.design-layout-top .channel .ant-select-selection-selected-value{color:#29ba9c!important}.platformCls .design-platform-pc,.platformCls .design-platform-wap{font-size:24px!important;vertical-align:middle}.platformCls .title{vertical-align:middle}.ant-select-dropdown-menu-item-selected,.ant-select-dropdown-menu-item-selected:hover{font-weight:400!important}[data-v-3a0dfbd0]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-3a0dfbd0]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-3a0dfbd0]{width:10%}.item-2 .el-input__inner[data-v-3a0dfbd0]{width:20%}.item-3 .el-input__inner[data-v-3a0dfbd0]{width:30%}.item-4 .el-input__inner[data-v-3a0dfbd0]{width:40%}.item-5 .el-input__inner[data-v-3a0dfbd0]{width:50%}.item-6 .el-input__inner[data-v-3a0dfbd0]{width:60%}.item-7 .el-input__inner[data-v-3a0dfbd0]{width:70%}.item-8 .el-input__inner[data-v-3a0dfbd0]{width:80%}.item-9 .el-input__inner[data-v-3a0dfbd0]{width:90%}.item-10 .el-input__inner[data-v-3a0dfbd0]{width:100%}.design-layout-top[data-v-3a0dfbd0]{position:fixed;left:0;top:0;right:0;width:100%;height:50px;background:#fff;box-shadow:2px 0 8px 0 #bcc3ce;z-index:3;font-size:14px}.design-layout-top .header[data-v-3a0dfbd0]{height:50px;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.design-layout-top .left[data-v-3a0dfbd0]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.design-layout-top .left .layout-logo[data-v-3a0dfbd0]{width:52px;border-right:1px solid #e8eaec}.design-layout-top .left .layout-logo a[data-v-3a0dfbd0]{padding-left:8px}.design-layout-top .left .layout-logo i[data-v-3a0dfbd0]{font-size:32px}.design-layout-top .left .channel[data-v-3a0dfbd0],.design-layout-top .left .client[data-v-3a0dfbd0],.design-layout-top .left .language[data-v-3a0dfbd0]{height:50px;line-height:50px;border-right:1px solid #e8eaec}.design-layout-top .left .channel[data-v-3a0dfbd0]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-width:240px}.design-layout-top .left .channel .select-channel[data-v-3a0dfbd0]{width:122px}.design-layout-top .left .language .select-channel[data-v-3a0dfbd0]{width:120px}.design-layout-top .left .client .title[data-v-3a0dfbd0],.design-layout-top .left .language .default[data-v-3a0dfbd0]{display:none}.design-layout-top .middle[data-v-3a0dfbd0]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:#3f4245;font-size:18px;font-weight:600}.design-layout-top .right[data-v-3a0dfbd0]{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:end;justify-content:flex-end;line-height:50px;-ms-flex-align:center;align-items:center}.design-layout-top .right .release[data-v-3a0dfbd0],.design-layout-top .right .save[data-v-3a0dfbd0]{width:96px;text-align:center;color:#3f4245;cursor:pointer}.design-layout-top .right .preview[data-v-3a0dfbd0],.design-layout-top .right .save[data-v-3a0dfbd0]{border-left:1px solid #e8eaec}.design-layout-top .right .preview[data-v-3a0dfbd0]:hover,.design-layout-top .right .save[data-v-3a0dfbd0]:hover{background:#f0f2f5}.design-layout-top .right .release[data-v-3a0dfbd0]{background-color:#29ba9c;color:#fff}.design-layout-top .right .release[data-v-3a0dfbd0]:hover{background:#299b7f}.design-layout-top .right .select-channel[data-v-3a0dfbd0]{width:144px;margin-right:25px}[data-v-57c25ee4]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-57c25ee4]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-57c25ee4]{width:10%}.item-2 .el-input__inner[data-v-57c25ee4]{width:20%}.item-3 .el-input__inner[data-v-57c25ee4]{width:30%}.item-4 .el-input__inner[data-v-57c25ee4]{width:40%}.item-5 .el-input__inner[data-v-57c25ee4]{width:50%}.item-6 .el-input__inner[data-v-57c25ee4]{width:60%}.item-7 .el-input__inner[data-v-57c25ee4]{width:70%}.item-8 .el-input__inner[data-v-57c25ee4]{width:80%}.item-9 .el-input__inner[data-v-57c25ee4]{width:90%}.item-10 .el-input__inner[data-v-57c25ee4]{width:100%}.component-error[data-v-57c25ee4]{height:100px;text-align:center;line-height:100px;background:#f1f1f1;color:#333}.custom-transition .lazy-component-enter[data-v-e0f71eac]{opacity:0}.custom-transition .lazy-component-enter-to[data-v-e0f71eac]{opacity:1}.custom-transition .lazy-component-enter-active[data-v-e0f71eac]{transition:all .5s}.custom-transition .lazy-component-leave[data-v-e0f71eac]{opacity:1}.custom-transition .lazy-component-leave-to[data-v-e0f71eac]{opacity:0}.custom-transition .lazy-component-leave-active[data-v-e0f71eac]{transition:all .5s}[data-v-68dcc4e6]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-68dcc4e6]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-68dcc4e6]{width:10%}.item-2 .el-input__inner[data-v-68dcc4e6]{width:20%}.item-3 .el-input__inner[data-v-68dcc4e6]{width:30%}.item-4 .el-input__inner[data-v-68dcc4e6]{width:40%}.item-5 .el-input__inner[data-v-68dcc4e6]{width:50%}.item-6 .el-input__inner[data-v-68dcc4e6]{width:60%}.item-7 .el-input__inner[data-v-68dcc4e6]{width:70%}.item-8 .el-input__inner[data-v-68dcc4e6]{width:80%}.item-9 .el-input__inner[data-v-68dcc4e6]{width:90%}.item-10 .el-input__inner[data-v-68dcc4e6]{width:100%}.design-component[data-v-68dcc4e6]{position:relative;overflow:hidden}.design-component[data-v-68dcc4e6]:before{display:none;position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:2px dashed #29ba9c;z-index:2}.design-component[data-v-68dcc4e6]:hover:before{display:block}.design-component.is-active[data-v-68dcc4e6]:before{border:3px solid #29ba9c;display:block}.design-component.is-panel[data-v-68dcc4e6]{background-color:rgba(78,255,235,.2)}.component-controller[data-v-68dcc4e6]{position:relative}.component-controller:hover .controller-aside[data-v-68dcc4e6]{display:block}.controller-panel[data-v-68dcc4e6]{background-color:#29ba9c;color:#fff;height:40px;line-height:40px;padding-left:14px;cursor:pointer}.controller-aside[data-v-68dcc4e6]{display:none;position:absolute;left:100%;padding-left:8px}.controller-aside>button[data-v-68dcc4e6]{outline:none;border:none;width:36px;height:36px;background:#fff;box-shadow:-1px 2px 6px 0 #bcc3ce;border-radius:36px;cursor:pointer;color:#aeb1b3}.controller-aside>button i[data-v-68dcc4e6]{font-size:23px}.controller-aside>button[data-v-68dcc4e6]:hover{color:#29ba9c}.controller-title[data-v-68dcc4e6]{position:absolute;right:110%;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;transform:translateX(-8px);color:#6b7075;cursor:pointer}[data-v-1113b778]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-1113b778]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-1113b778]{width:10%}.item-2 .el-input__inner[data-v-1113b778]{width:20%}.item-3 .el-input__inner[data-v-1113b778]{width:30%}.item-4 .el-input__inner[data-v-1113b778]{width:40%}.item-5 .el-input__inner[data-v-1113b778]{width:50%}.item-6 .el-input__inner[data-v-1113b778]{width:60%}.item-7 .el-input__inner[data-v-1113b778]{width:70%}.item-8 .el-input__inner[data-v-1113b778]{width:80%}.item-9 .el-input__inner[data-v-1113b778]{width:90%}.item-10 .el-input__inner[data-v-1113b778]{width:100%}ul.dragArea[data-v-1113b778]{padding-left:0;list-style:none}ul.dragArea.is-panel[data-v-1113b778]{min-height:100px;padding:10px;background-color:rgba(64,158,255,.2)}[data-v-983e5f3c]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-983e5f3c]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-983e5f3c]{width:10%}.item-2 .el-input__inner[data-v-983e5f3c]{width:20%}.item-3 .el-input__inner[data-v-983e5f3c]{width:30%}.item-4 .el-input__inner[data-v-983e5f3c]{width:40%}.item-5 .el-input__inner[data-v-983e5f3c]{width:50%}.item-6 .el-input__inner[data-v-983e5f3c]{width:60%}.item-7 .el-input__inner[data-v-983e5f3c]{width:70%}.item-8 .el-input__inner[data-v-983e5f3c]{width:80%}.item-9 .el-input__inner[data-v-983e5f3c]{width:90%}.item-10 .el-input__inner[data-v-983e5f3c]{width:100%}.design-layout-preview[data-v-983e5f3c]{position:relative;width:100%;height:100%;min-height:100%;padding-top:114px;padding-bottom:100px;overflow-y:scroll}.design-layout-preview .main-layout[data-v-983e5f3c]{position:relative;margin:0 auto;width:375px;min-height:667px;background:#fff;box-shadow:-10px 20px 30px 0 rgba(192,197,205,.8)}.design-layout-preview .main-layout.is-empty .is-empty[data-v-983e5f3c]{display:block}.design-layout-preview .main-layout .is-empty[data-v-983e5f3c]{position:absolute;left:0;top:240px;right:0;display:none;text-align:center;color:rgba(92,162,232,.46);font-size:14px}.design-layout-preview .main-layout .is-empty img[data-v-983e5f3c]{width:190px;height:125px;margin:0 auto;display:block}.design-layout-preview .dragArea[data-v-983e5f3c]{min-height:667px}.design-layout-preview .dragArea>span[data-v-983e5f3c]{display:block;min-height:667px}.flip-list-move[data-v-983e5f3c]{transition:transform .5s}.list-group-item[data-v-983e5f3c]{position:relative}.list-group-item.is-hover[data-v-983e5f3c]:before{position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:2px dashed #29ba9c}.list-group-item.is-hover .component-controller[data-v-983e5f3c]{display:block}.list-group-item.is-active[data-v-983e5f3c]:before{position:absolute;content:" ";left:0;bottom:0;top:0;right:0;border:3px solid #29ba9c}.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 #29ba9c}.design-layout-preview .main-layout .dragArea>.sortable-ghost:after{top:0;content:"\6211\8981\5728\8FD9\91CC"}.controller-title{position:absolute;top:655px;right:110%;word-break:keep-all;white-space:nowrap}.debuger-info{background:#333;color:#fff;padding:10px}.debuger-info label{font-weight:700}.debuger-info p{margin:0;margin-bottom:10px}[data-v-87e9987e]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-87e9987e]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-87e9987e]{width:10%}.item-2 .el-input__inner[data-v-87e9987e]{width:20%}.item-3 .el-input__inner[data-v-87e9987e]{width:30%}.item-4 .el-input__inner[data-v-87e9987e]{width:40%}.item-5 .el-input__inner[data-v-87e9987e]{width:50%}.item-6 .el-input__inner[data-v-87e9987e]{width:60%}.item-7 .el-input__inner[data-v-87e9987e]{width:70%}.item-8 .el-input__inner[data-v-87e9987e]{width:80%}.item-9 .el-input__inner[data-v-87e9987e]{width:90%}.item-10 .el-input__inner[data-v-87e9987e]{width:100%}ul.sheet-list[data-v-87e9987e]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none;margin-top:16px}ul.sheet-list li[data-v-87e9987e]{-ms-flex-negative:0;flex-shrink:0;width:56px;height:40px;border:1px solid #ddd;box-sizing:border-box;margin-right:10px;border-radius:2px;cursor:pointer;text-align:center;line-height:40px;color:#c9ced1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}ul.sheet-list li.active[data-v-87e9987e]{border-color:#29ba9c;color:#29ba9c}ul.sheet-list i.iconfont[data-v-87e9987e]{font-size:28px}.design-layout-form[data-v-01d1e04d]{background:#fff;width:380px;position:fixed;right:0;top:50px;bottom:0;z-index:1;transition:all .5s;padding:24px;padding-right:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.form-head[data-v-01d1e04d]{padding:0;margin:0 auto 16px;font-size:18px;font-weight:600;color:#3f4245}.slide-fade-enter-active[data-v-01d1e04d],.slide-fade-leave-active[data-v-01d1e04d]{transition:all .3s ease}.slide-fade-enter[data-v-01d1e04d],.slide-fade-leave-to[data-v-01d1e04d]{transform:translateX(10px);opacity:0}:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}.item-1 .el-input__inner{width:10%}.item-2 .el-input__inner{width:20%}.item-3 .el-input__inner{width:30%}.item-4 .el-input__inner{width:40%}.item-5 .el-input__inner{width:50%}.item-6 .el-input__inner{width:60%}.item-7 .el-input__inner{width:70%}.item-8 .el-input__inner{width:80%}.item-9 .el-input__inner{width:90%}.item-10 .el-input__inner{width:100%}.design-form-body,.design-layout-page-info{width:312px;display:block}.design-form-body .form-item,.design-layout-page-info .form-item{-ms-flex-negative:0;flex-shrink:0;margin-top:16px;font-size:14px;color:rgba(0,0,0,.65)}.design-form-body .form-item.col-1,.design-layout-page-info .form-item.col-1{width:100%}.design-form-body .form-item.col-2,.design-layout-page-info .form-item.col-2{width:148px}.design-form-body .form-item.col-4,.design-layout-page-info .form-item.col-4{width:70px}.design-form-body .form-item .config-title,.design-layout-page-info .form-item .config-title{display:block;margin-bottom:6px;margin-right:10px;line-height:20px;font-size:14px;color:rgba(0,0,0,.65)}.design-form-body .form-item .ant-input,.design-form-body .form-item .ant-input-group-addon,.design-layout-page-info .form-item .ant-input,.design-layout-page-info .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,.design-layout-page-info .form-item .ant-input:active,.design-layout-page-info .form-item .ant-input:focus,.design-layout-page-info .form-item .ant-input:hover{border-color:#4cc7aa}.design-form-body .form-item .ant-input,.design-layout-page-info .form-item .ant-input{font-size:14px}.design-form-body .form-item .ant-input-number,.design-layout-page-info .form-item .ant-input-number{width:100%;height:40px;line-height:40px}.design-form-body .form-item .image-picker-wrapper .ant-input-group-addon,.design-layout-page-info .form-item .image-picker-wrapper .ant-input-group-addon{cursor:pointer;padding:0;width:40px;text-align:center;background:#fff}[data-v-01d1e04d]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-01d1e04d]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-01d1e04d]{width:10%}.item-2 .el-input__inner[data-v-01d1e04d]{width:20%}.item-3 .el-input__inner[data-v-01d1e04d]{width:30%}.item-4 .el-input__inner[data-v-01d1e04d]{width:40%}.item-5 .el-input__inner[data-v-01d1e04d]{width:50%}.item-6 .el-input__inner[data-v-01d1e04d]{width:60%}.item-7 .el-input__inner[data-v-01d1e04d]{width:70%}.item-8 .el-input__inner[data-v-01d1e04d]{width:80%}.item-9 .el-input__inner[data-v-01d1e04d]{width:90%}.item-10 .el-input__inner[data-v-01d1e04d]{width:100%}.form-line[data-v-01d1e04d]{border:0;margin-top:40px;box-sizing:border-box;height:1px;display:block;background:#edeff2}[data-v-4793fd44]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-4793fd44]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-4793fd44]{width:10%}.item-2 .el-input__inner[data-v-4793fd44]{width:20%}.item-3 .el-input__inner[data-v-4793fd44]{width:30%}.item-4 .el-input__inner[data-v-4793fd44]{width:40%}.item-5 .el-input__inner[data-v-4793fd44]{width:50%}.item-6 .el-input__inner[data-v-4793fd44]{width:60%}.item-7 .el-input__inner[data-v-4793fd44]{width:70%}.item-8 .el-input__inner[data-v-4793fd44]{width:80%}.item-9 .el-input__inner[data-v-4793fd44]{width:90%}.item-10 .el-input__inner[data-v-4793fd44]{width:100%}.design-layout-components[data-v-4793fd44]{position:fixed;left:0;top:50px;bottom:0;width:250px;background:#fff;padding:16px;box-sizing:border-box;z-index:1;overflow-y:scroll}.design-layout-components[data-v-4793fd44]::-webkit-scrollbar{width:0}.design-layout-components .components-category h3[data-v-4793fd44]{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-4793fd44]{color:#aeb1b3}.design-layout-components .components-category ul[data-v-4793fd44]{list-style:none;padding:0;margin:0;padding-top:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.design-layout-components .components-category ul li[data-v-4793fd44]{-ms-flex-negative:0;flex-shrink:0;color:#6b7075;width:96px;height:74px;border:1px solid #e9eaec;box-sizing:border-box;text-align:center;margin-bottom:16px;border-radius:4px;cursor:move}.design-layout-components .components-category ul li i[data-v-4793fd44]{font-size:24px}.design-layout-components .components-category ul li p[data-v-4793fd44]{font-size:12px}.design-layout-components .components-category ul li.is-chosen[data-v-4793fd44],.design-layout-components .components-category ul li[data-v-4793fd44]:hover{background:#29ba9c;border-color:#29ba9c;color:#fff}.design-layout-components .components-category .anticon-caret-down[data-v-4793fd44]{transition:all .5s}.design-layout-components .components-category.slide-up .anticon-caret-down[data-v-4793fd44]{transform:rotate(180deg)}.design-layout-components .components-category.slide-up ul[data-v-4793fd44]{display:none}[data-v-3c64a5be]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-3c64a5be]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-3c64a5be]{width:10%}.item-2 .el-input__inner[data-v-3c64a5be]{width:20%}.item-3 .el-input__inner[data-v-3c64a5be]{width:30%}.item-4 .el-input__inner[data-v-3c64a5be]{width:40%}.item-5 .el-input__inner[data-v-3c64a5be]{width:50%}.item-6 .el-input__inner[data-v-3c64a5be]{width:60%}.item-7 .el-input__inner[data-v-3c64a5be]{width:70%}.item-8 .el-input__inner[data-v-3c64a5be]{width:80%}.item-9 .el-input__inner[data-v-3c64a5be]{width:90%}.item-10 .el-input__inner[data-v-3c64a5be]{width:100%}.design-layout-sortable[data-v-3c64a5be]{position:fixed;right:0;top:50px;bottom:0;width:380px;background:#fff;box-sizing:border-box}.design-layout-sortable-wrapper[data-v-3c64a5be]{position:relative;padding:24px;overflow-y:auto;height:100%}.sortable-head[data-v-3c64a5be]{padding:0;margin:0;font-size:18px;font-weight:500;margin-bottom:13px;color:#3f4245}.is-empty[data-v-3c64a5be]{text-align:center;color:#c7dcff;font-size:14px;margin-top:170px}.is-empty img[data-v-3c64a5be]{width:190px;height:125px;margin:0 auto;display:block}.sortable-body .button-clear-all[data-v-3c64a5be]{display:inline-block;width:88px;height:24px;line-height:24px;text-align:center;margin-bottom:12px;font-size:12px;cursor:pointer}.sortable-body .button-clear-all[data-v-3c64a5be]:hover{background:#f0f2f5;border-radius:12px}.sortable-body ul[data-v-3c64a5be]{list-style:none;padding:0;margin:0}.sortable-body ul li[data-v-3c64a5be]{cursor:move;position:relative;padding:0 24px;margin-bottom:16px;width:100%;height:48px;line-height:48px;background:#fff;border-radius:24px;box-sizing:border-box;box-shadow:0 0 0 1px #e9eaec}.sortable-body ul li.in-hover[data-v-3c64a5be]{background:#29ba9c;color:#fff;box-shadow:0 2px 6px 0 rgba(188,195,206,.8)}.sortable-body ul li.in-hover span[data-v-3c64a5be]{color:#29ba9c}.sortable-body ul li.in-hover .buttons[data-v-3c64a5be]{display:block}.sortable-body ul li.sortable-chosen[data-v-3c64a5be],.sortable-body ul li.sortable-ghost[data-v-3c64a5be]{opacity:.2!important;background:#29ba9c;box-shadow:0 2px 6px 0 rgba(188,195,206,.8);color:#fff}.sortable-body ul li.sortable-chosen span[data-v-3c64a5be],.sortable-body ul li.sortable-ghost span[data-v-3c64a5be]{color:#29ba9c}.sortable-body ul li p[data-v-3c64a5be]{margin:0}.sortable-body ul li .buttons[data-v-3c64a5be]{display:none;position:absolute;right:24px;top:0;bottom:0;text-align:right}.sortable-body ul li .buttons>span[data-v-3c64a5be]{text-align:center;vertical-align:middle;display:inline-block;background:#fff;border-radius:100%;width:24px;height:24px;line-height:24px}.sortable-body ul li .buttons>span[data-v-3c64a5be]:hover{cursor:pointer}.sortable-aside[data-v-3c64a5be]{position:absolute;right:100%;margin-right:8px;top:200px}.sortable-aside button[data-v-3c64a5be]{width:56px;height:56px;background:#fff;box-shadow:0 2px 6px 0 #bcc3ce;border-radius:8px;border:none;outline:none;line-height:1em;color:#6b7075;padding-top:4px}.sortable-aside button i[data-v-3c64a5be]{font-size:23px}.sortable-aside button p[data-v-3c64a5be]{font-size:12px;line-height:12px;margin:0;margin-top:4px}.sortable-aside button.active[data-v-3c64a5be],.sortable-aside button[data-v-3c64a5be]:hover{background:#29ba9c;color:#fff;cursor:pointer}.flip-list-move[data-v-3c64a5be]{transition:transform .5s}.no-move[data-v-3c64a5be]{transition:transform 0s}[data-v-c50d85ca]:root{--menu-text-color-dark:#bfcbd9;--menu-text-color-active-dark:#f4f4f5;--menu-background-dark:#282c34;--menu-hover-background-dark:#4e88f3;--sub-menu-background-dark:#282c34;--logo-title-color-dark:#fff;--navbar-height:50px}[data-v-c50d85ca]:export{menuTextColor:var(--menu-text-color);menuTextColorActive:var(--menu-text-color-active);menuBackground:var(--menu-background);menuHoverBackground:var(--menu-hover-background);subMenuBackground:var(--sub-menu-background);logoTitleColor:var(--logo-title-color);menuTextColorDark:var(--menu-text-color-dark);menuTextColorActiveDark:var(--menu-text-color-active-dark);menuBackgroundDark:var(--menu-background-dark);menuHoverBackgroundDark:var(--menu-hover-background-dark);subMenuBackgroundDark:var(--sub-menu-background-dark);logoTitleColorDark:var(--logo-title-color-dark);sideBarWidth:var(--sidebar-width);hideSideBarWidth:var(--hide-sidebar-width)}.item-1 .el-input__inner[data-v-c50d85ca]{width:10%}.item-2 .el-input__inner[data-v-c50d85ca]{width:20%}.item-3 .el-input__inner[data-v-c50d85ca]{width:30%}.item-4 .el-input__inner[data-v-c50d85ca]{width:40%}.item-5 .el-input__inner[data-v-c50d85ca]{width:50%}.item-6 .el-input__inner[data-v-c50d85ca]{width:60%}.item-7 .el-input__inner[data-v-c50d85ca]{width:70%}.item-8 .el-input__inner[data-v-c50d85ca]{width:80%}.item-9 .el-input__inner[data-v-c50d85ca]{width:90%}.item-10 .el-input__inner[data-v-c50d85ca]{width:100%}h1[data-v-c50d85ca],h2[data-v-c50d85ca],h3[data-v-c50d85ca],h4[data-v-c50d85ca],h5[data-v-c50d85ca],h6[data-v-c50d85ca]{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}.design-layout-page-info[data-v-c50d85ca]{position:fixed;right:0;top:50px;bottom:0;width:380px;background:#fff;box-sizing:border-box}.design-layout-sortable-wrapper[data-v-c50d85ca]{position:relative;padding:24px;overflow-y:auto;height:100%}