.box-card[data-v-57afebd0]{position:relative}.box-card[data-v-57afebd0] ::-webkit-scrollbar-thumb{border-width:12px 0 0 12px!important}.box-card>.ant-card-head[data-v-57afebd0]:after{width:4px;height:24px;-webkit-transform:perspective(.5em) rotateY(25deg);transform:perspective(.5em) rotateY(25deg)}.box-card .box-card-body[data-v-57afebd0]{height:100%}.fm-widget-view-action{position:absolute;top:0;right:5px;height:20px;z-index:9}.fm-widget-view-action .anticon{cursor:pointer;display:inline-block;margin:0 3px;padding:3px;background:#f2f2f2;border-radius:2px;color:#b5b5b5}.splitpanle .ant-layout-sider{position:relative;border-right:1px solid #ebedf0;z-index:1;padding:16px 10px;min-height:calc(100vh - 167px)}.splitpanle .ant-layout-sider .ant-input-affix-wrapper{width:calc(100% - 20px)}.splitpanle .trigger{position:absolute;right:-1px;top:16px;padding:0;width:20px;height:30px;line-height:30px;border:1px solid #ebedf0;border-right:1px solid #fff;z-index:1;font-size:14px;border-radius:2px}.splitpanle .anticon-menu-unfold{right:-18px}.splitpanle .ant-layout-has-sider{z-index:999;position:relative;background:#fff}.splitpanle .ant-layout-sider-collapsed.ant-layout-sider{padding:16px 0;border:0}.splitpanle .ant-layout-sider-collapsed .trigger{position:absolute;right:-24px;border:1px solid #ebedf0;border-left:1px solid #fff}.splitpanle .svg{position:absolute;top:0}.content-box .vue-grid-item{padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none}.designer-wrapper .ant-modal-body{padding:0;background:#f0f2f5}.designer-wrapper .ant-modal-body .ant-layout-header{background:#fff;padding:0 10px;-webkit-box-shadow:2px 5px 5px rgba(29,35,41,.05);box-shadow:2px 5px 5px rgba(29,35,41,.05);z-index:99}.designer-wrapper .ant-modal-body .ant-layout-header .logo-text{font-size:16px;color:#fff;padding-right:50px}.designer-wrapper .ant-modal-body .ant-layout-header .header-tip{font-size:12px;color:#999;text-align:center}.designer-wrapper .ant-modal-body .ant-layout-header .btn-group{text-align:right}.designer-wrapper .ant-modal-body .ant-layout-header .btn-group .ant-btn{margin:0 5px}.designer-wrapper .ant-modal-body .left-sider{background:#fff;-webkit-box-shadow:2px 0 8px rgba(29,35,41,.05);box-shadow:2px 0 8px rgba(29,35,41,.05)}.designer-wrapper .ant-modal-body .right-sider{background:#fff;-webkit-box-shadow:-8px 2px 8px rgba(29,35,41,.05);box-shadow:-8px 2px 8px rgba(29,35,41,.05);padding:10px}.designer-wrapper .ant-modal-body .right-sider .ant-form-item{margin-bottom:10px;font-size:12px}.designer-wrapper .ant-modal-body .right-sider .ant-form-item .ant-form-item-label{padding-bottom:0}.designer-wrapper .ant-modal-body .sider-toptitle{font-size:12px;color:#666;padding:20px 15px 10px}.designer-wrapper .ant-modal-body .side-top-line{padding:10px 15px 20px;border-bottom:1px solid #e3e4e6}.designer-wrapper .ant-modal-body .side-top-line .ant-select{font-size:12px}.designer-wrapper .ant-modal-body .sider-title{font-size:14px;color:#666;font-weight:700;padding:10px 15px 5px}.designer-wrapper .ant-modal-body .list-ul{padding:0 15px;list-style:none}.designer-wrapper .ant-modal-body .list-ul li{display:inline-block;width:100%}.designer-wrapper .ant-modal-body .list-ul li .aside-item{padding:7px 40px 7px 10px;display:inline-block;width:170px;font-size:12px;color:#333;background:#f4f6fc;border:1px solid #f4f6fc;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-wrapper .ant-modal-body .list-ul li .aside-item:hover{color:#3778eb;background:#f4f6fc;border:1px dashed #3778eb;cursor:pointer}.designer-wrapper .ant-modal-body .list-ul li .aside-item:active{color:#3778eb;background:#f4f6fc;border:1px dashed #3778eb;cursor:move}.designer-wrapper .ant-modal-body .aside-actions{position:absolute;right:3px;top:8px;background:#f4f6fc}.designer-wrapper .ant-modal-body .aside-actions i{margin:0 1px;font-size:16px;color:#a4a4a4}.designer-wrapper .ant-modal-body .ant-layout-content{padding:8px;overflow:auto}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .vue-grid-item{-webkit-box-shadow:none;box-shadow:none}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .fm-widget-view{height:100%;overflow:auto}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .fm-widget-view-action{position:absolute;height:auto;z-index:999;top:14px;right:10px}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .fm-widget-view-action .anticon{cursor:pointer;display:inline-block;margin:0;padding:6px;border-radius:2px;color:#666;background:transparent;font-size:18px;margin-right:8px}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .fm-widget-view:hover{outline:1px dashed #3778eb;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.15);box-shadow:0 2px 6px rgba(0,0,0,.15)}.designer-wrapper .ant-modal-body .ant-layout-content .content-box .fm-widget-view.active{outline:1px solid #3778eb;border:0 solid #0e94cd}.vue-grid-item.vue-grid-placeholder{background:#2f54eb;opacity:.1}.vue-grid-item>.vue-resizable-handle{bottom:5px;right:5px}.layout{background:#999;height:500px}#layout{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.container-center-left{width:200px;height:100%;background:#fff;overflow:auto;position:absolute;left:0}.droppable-element{width:150px;text-align:center;background:#fdd;border:1px solid #000;margin:10px 0;padding:10px}.remove{position:absolute;right:2px;top:0;cursor:pointer}.slide-fade-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.5,1);transition:all .5s cubic-bezier(1,.5,.5,1)}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}