.text{font-size:14px}.item{margin-bottom:18px}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.portrait-card-body{min-height:100px;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}.custom-code-editor[data-v-057c4286]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#1e1e1e}.custom-code-editor .editor-toolbar[data-v-057c4286]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#2d2d2d;border-bottom:1px solid #3c3c3c;padding:0 15px;height:40px;-ms-flex-negative:0;flex-shrink:0}.custom-code-editor .editor-toolbar .toolbar-title[data-v-057c4286]{color:#ccc;font-size:13px}.custom-code-editor .editor-toolbar .toolbar-title i[data-v-057c4286]{margin-right:5px;color:#409eff}.custom-code-editor .editor-toolbar .toolbar-actions .el-button[data-v-057c4286]{color:#ccc;border-color:#555;background:#3c3c3c}.custom-code-editor .editor-toolbar .toolbar-actions .el-button[data-v-057c4286]:hover{color:#fff;border-color:#888;background:#4c4c4c}.custom-code-editor .editor-container[data-v-057c4286]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:0}.custom-preview[data-v-e7fc703a]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.custom-preview .preview-header[data-v-e7fc703a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 15px;height:40px;-ms-flex-negative:0;flex-shrink:0;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:700;color:#303133;background:#fafafa}.custom-preview .preview-header i[data-v-e7fc703a]{margin-right:5px;color:#409eff}.custom-preview .preview-body[data-v-e7fc703a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;height:0;background:#f5f7fa;padding:10px}.custom-preview .preview-body .preview-content[data-v-e7fc703a]{min-height:100%}.portrait[data-v-a339627c]{height:100%}.portrait .el-aside[data-v-a339627c],.portrait[data-v-a339627c] .el-aside{padding:0;margin:0;border-radius:4px}.portrait .el-aside .cap-wrapper[data-v-a339627c],.portrait[data-v-a339627c] .el-aside .cap-wrapper{position:relative;height:42px;border-bottom:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:41px;padding-left:10px;font-size:16px}.portrait .el-aside .aside-scrollbar[data-v-a339627c],.portrait[data-v-a339627c] .el-aside .aside-scrollbar{height:calc(100% - 42px);overflow:hidden;width:95%}.portrait .el-aside .aside-scrollbar .el-scrollbar__wrap[data-v-a339627c],.portrait[data-v-a339627c] .el-aside .aside-scrollbar .el-scrollbar__wrap{overflow-x:auto}.portrait .left-box[data-v-a339627c]{background-color:#fff;border-radius:4px;overflow:hidden}.portrait .el-main[data-v-a339627c]{height:100%;padding:0;overflow:hidden}.portrait .el-main .action-bar[data-v-a339627c]{border-radius:4px;position:relative;height:40px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;margin-right:10px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #dcdfe6;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.portrait .el-main .action-bar .icon[data-v-a339627c]{color:#000!important}.portrait .el-main .action-bar .delete-btn[data-v-a339627c]{color:#f56c6c!important}.portrait .el-main .action-bar .unActive-btn[data-v-a339627c]{color:#606266!important}.portrait .el-main .action-bar .unActive-btn[data-v-a339627c]:hover{color:#1890ff!important}.portrait .el-main .action-bar .components-list[data-v-a339627c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.portrait .el-main .action-bar .components-list .components-part[data-v-a339627c]{padding:0 10px;margin-bottom:unset}.portrait .el-main .action-bar .components-list .components-part .components-title[data-v-a339627c]{margin-bottom:unset;font-weight:400;cursor:pointer}.portrait .el-main .empty-info[data-v-a339627c]{top:calc(50% - 200px);left:calc(50% - 200px);text-align:center}.portrait .el-main .empty-info .empty-img[data-v-a339627c]{width:400px;height:400px}.portrait .el-main[data-v-a339627c] .vue-grid-item.vue-grid-placeholder{background:#409eff}.portrait .el-main .layout-area[data-v-a339627c]{height:calc(100% - 36px);margin-left:-10px;margin-right:10px;background:#fff;position:relative;border:none}.portrait .el-main .layout-area #ipad[data-v-a339627c]{height:calc(100% - 42px);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;min-height:781px}.portrait .el-main .layout-area #ipad[data-v-a339627c] .eChart-box-body{height:250px!important}.portrait .el-main .layout-area #ipad .empty-info[data-v-a339627c]{top:calc(50% - 150px);left:calc(50% - 150px)}.portrait .el-main .layout-area #ipad .empty-info .empty-img[data-v-a339627c]{width:300px;height:300px}.portrait .el-main .layout-area #ipad .outeripad[data-v-a339627c]{background:url(/img/iphoneBg.png);width:389px;height:711px;padding:65px 40px}.portrait .el-main .layout-area #ipad .outeripad .ipadHead[data-v-a339627c]{background:#f7f8f9;text-align:center}.portrait .el-main .layout-area #ipad .outeripad .ipadHead .ipadHead-img[data-v-a339627c]{margin:0 auto;height:20px}.portrait .el-main .layout-area #ipad .outeripad .ipadbody[data-v-a339627c]{height:98%}.portrait .el-main .layout-area #ipad .outeripad .ipadbody .ipad-name[data-v-a339627c]{text-align:center;margin-bottom:5px;margin-top:5px}.portrait .el-main .layout-area #ipad .outeripad .ipadbody .center-board-row>.el-form[data-v-a339627c]{height:550px}.portrait .el-main .layout-area #ipad .outeripad .ipadbody .center-scrollbar[data-v-a339627c]{height:95.6672%;overflow:hidden}.portrait .el-main .layout-area[data-v-a339627c] .el-scrollbar__wrap{margin-bottom:0!important;overflow-x:auto}.portrait .el-main .layout-area .item-box[data-v-a339627c]{margin:10px}.portrait .el-main .layout-area .drawing-board[data-v-a339627c],.portrait .el-main .layout-area .item-box[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item[data-v-a339627c]{position:relative;height:100%;border:1px dashed #e2e0e0}.portrait .el-main .layout-area .drawing-board[data-v-a339627c] .vue-resizable-handle,.portrait .el-main .layout-area .item-box[data-v-a339627c] .vue-resizable-handle,.portrait .el-main .layout-area .vue-grid-item[data-v-a339627c] .vue-resizable-handle{z-index:20}.portrait .el-main .layout-area .drawing-board.active-item[data-v-a339627c],.portrait .el-main .layout-area .item-box.active-item[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item.active-item[data-v-a339627c]{border:1px solid #409eff}.portrait .el-main .layout-area .drawing-board.active-item>.drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .drawing-board.active-item>.drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .item-box.active-item>.drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .item-box.active-item>.drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item.active-item>.drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item.active-item>.drawing-item-delete[data-v-a339627c]{display:block!important}.portrait .el-main .layout-area .drawing-board .mask[data-v-a339627c],.portrait .el-main .layout-area .item-box .mask[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item .mask[data-v-a339627c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}.portrait .el-main .layout-area .drawing-board .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .drawing-board .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .item-box .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .item-box .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-a339627c]{display:none;position:absolute;top:-10px;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;font-size:12px;border:1px solid;cursor:pointer;z-index:20}.portrait .el-main .layout-area .drawing-board .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .item-box .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-a339627c]{right:56px;border-color:#409eff;color:#409eff;background:#fff}.portrait .el-main .layout-area .drawing-board .drawing-item-copy[data-v-a339627c]:hover,.portrait .el-main .layout-area .item-box .drawing-item-copy[data-v-a339627c]:hover,.portrait .el-main .layout-area .vue-grid-item .drawing-item-copy[data-v-a339627c]:hover{background:#409eff;color:#fff}.portrait .el-main .layout-area .drawing-board .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .item-box .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-a339627c]{right:20px;border-color:#f56c6c;color:#f56c6c;background:#fff}.portrait .el-main .layout-area .drawing-board .drawing-item-delete[data-v-a339627c]:hover,.portrait .el-main .layout-area .item-box .drawing-item-delete[data-v-a339627c]:hover,.portrait .el-main .layout-area .vue-grid-item .drawing-item-delete[data-v-a339627c]:hover{background:#f56c6c;color:#fff}.portrait .el-main .layout-area .drawing-board:hover .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .drawing-board:hover .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .item-box:hover .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .item-box:hover .drawing-item-delete[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item:hover .drawing-item-copy[data-v-a339627c],.portrait .el-main .layout-area .vue-grid-item:hover .drawing-item-delete[data-v-a339627c]{display:block}.portrait .el-main .layout-area .drawing-board[data-v-a339627c] .el-card,.portrait .el-main .layout-area .item-box[data-v-a339627c] .el-card,.portrait .el-main .layout-area .vue-grid-item[data-v-a339627c] .el-card{width:100%;height:100%}.portrait .el-main .layout-area .drawing-board[data-v-a339627c] .el-card .el-card__body,.portrait .el-main .layout-area .item-box[data-v-a339627c] .el-card .el-card__body,.portrait .el-main .layout-area .vue-grid-item[data-v-a339627c] .el-card .el-card__body{padding:0}.components-box[data-v-a339627c] .components-item{line-height:35px;padding:0 25px 0 20px}.ml-10[data-v-a339627c] .el-scrollbar__wrap{margin-left:10px!important}.components-btn[data-v-a339627c]{float:right}.custom-designer-container[data-v-a339627c]{height:calc(100vh - 140px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.custom-designer-container .custom-body[data-v-a339627c]{display:-webkit-box;display:-ms-flexbox;display:flex}.custom-designer-container .custom-body .custom-editor-area[data-v-a339627c],.custom-designer-container .custom-body .custom-preview-area[data-v-a339627c],.custom-designer-container .custom-body[data-v-a339627c]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;min-height:0}.custom-designer-container .custom-body .custom-preview-area[data-v-a339627c]{border-right:1px solid #ebeef5}.custom-designer-footer[data-v-a339627c]{position:fixed;bottom:0;left:0;right:0;z-index:3000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 0;background:#fff;border-top:1px solid #ebeef5;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.05);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.portrait-design-dialog.el-dialog{height:100vh;margin:0!important}.portrait-design-dialog.el-dialog .el-dialog__body{height:calc(100vh - 55px);overflow:hidden;padding:0}