.all-components{background:#fff;padding:20px}.all-components .component-group{border:1px solid #eee;width:300px;margin-bottom:20px}.all-components .component-group:last-child{margin-bottom:0}.all-components .component-group-name{height:35px;line-height:35px;background:#f7f7f7;padding:0 20px;border-bottom:1px solid #eee}.all-components .component-list{margin-right:-2px;margin-top:-2px;flex-wrap:wrap}.all-components .component-list .component-item{width:100px;height:100px;border:0 solid #eee;border-width:0 1px 1px 0;text-align:center;padding:15px 0 0;cursor:pointer}.all-components .component-list .component-icon{width:40px;height:40px}.mobile-framework{width:375px;height:100%}.mobile-framework-header{position:relative;height:60px;background:#333;color:#fff;text-align:center;font-size:15px;padding-top:20px;cursor:pointer;background:url(../img/head-diy.125bd471.png) no-repeat}.mobile-framework-header>div{margin-left:13px}.mobile-framework-header .search{position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAA3CAYAAAC7BQfeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRDNTA2RUM0OTgwMTFFQjgyOTZGNkZDOEZDQThBMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRDNTA2RUQ0OTgwMTFFQjgyOTZGNkZDOEZDQThBMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGREM1MDZFQTQ5ODAxMUVCODI5NkY2RkM4RkNBOEEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGREM1MDZFQjQ5ODAxMUVCODI5NkY2RkM4RkNBOEEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkRduBAAAAhkSURBVHja7J1LaFRn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) no-repeat;background-size:100% 100%;width:150px;height:27px;background-repeat:no-repeat}.mobile-framework-header .search div,.mobile-framework-header .t-omit{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.mobile-framework-header .search div{position:absolute;top:7px;line-height:1;left:12px;font-size:11px;max-width:110px}.mobile-framework-body{min-height:645px;border:1px solid #e2e2e2}.mobile-framework .diy-component-preview{del-cursor:pointer;position:relative;zoom:.5;-moz-transform:scale(.5);-moz-transform-origin:top left;font-size:28px}@-moz-document url-prefix(){.mobile-framework .diy-component-preview{cursor:pointer;position:relative;-moz-transform:scale(.5);-moz-transform-origin:top left;font-size:28px;width:200%!important;height:100%;margin-bottom:auto}.mobile-framework .active .diy-component-preview{border:2px dashed #409eff;left:-2px;right:-2px;width:calc(200% + 4px)!important}}.mobile-framework .diy-component-preview:hover{box-shadow:inset 0 0 10000px rgba(0,0,0,.03)}.mobile-framework .diy-component-edit{position:absolute;top:0;bottom:0;left:465px;right:0;background:#fff;padding:20px;display:none;overflow:auto}.diy-component-options{position:relative}.diy-component-options .el-button{height:25px;line-height:25px;width:25px;padding:0;text-align:center;border:none;border-radius:0;position:absolute;margin-left:0}.mobile-framework .active .diy-component-preview{border:2px dashed #409eff;left:-2px;right:-2px;width:calc(100% + 4px)}.mobile-framework .active .diy-component-edit{display:block;del-padding-right:20%;min-width:calc(650px - 20%)}.all-components{max-height:725px;overflow-y:auto}.bottom-menu{text-align:center;height:54px;width:100%}.bottom-menu .el-card__body{padding-top:10px}.el-dialog{min-width:800px}#ggg div,span{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-nav-bar{cursor:pointer}.app-nav-bar .nav-input{width:400px}.app-nav-bar .reset{position:absolute;top:7px;left:90px}