li{list-style:none}.form-design-layout{min-height:100vh}.margin-top-10{margin-top:10px}.silder-design{padding:6px 0;background:#fff;border:2px solid #f2f2f2;border-top:none}.silder-design .silder-title{padding:8px;text-align:left;line-height:20px;font-size:13px;color:#666;font-weight:500;border-bottom:1px solid #f2f2f2;margin-bottom:5px}.silder-design .ivu-layout-sider-trigger{background:#f6f9fc;color:#999;margin-left:-4px}.silder-design ul{position:relative;overflow:hidden;padding:2% 3%}.silder-design .silder-block{font-size:12px;display:block;width:48%;line-height:28px;position:relative;float:left;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:1%;color:#333!important;border:1px solid #f4f6fc}.silder-design .silder-block:hover{border:1px dashed #5cadff}.silder-design .silder-block:hover .dom{color:#5cadff!important}.silder-design .silder-block .dom{display:block;cursor:move;background:#f6f9fc;border:1px solid #f6f9fc;color:#2b85e4;padding-left:5px}.silder-design .silder-block .dom i{margin-right:5px;font-size:15px}.silder-design .collapsed-menu .dom span{width:0;-webkit-transition:width .2s ease;transition:width .2s ease;display:none}.form-design-layout .layout-content-menu{width:100%;height:43px;background:#fff;border-bottom:2px solid #f2f2f2}.form-design-layout .layout-content-menu .layou-content-menu-item{line-height:43px;padding:0 15px;float:right;cursor:pointer}.form-design-layout .layout-content-menu .layou-content-menu-item:hover,.form-design-layout .layout-content-menu .layou-content-menu-item:hover span{color:#ed4014}.form-design-layout .layout-content-menu .layou-content-menu-item span{vertical-align:middle;font-size:15px;color:#515a6e}.form-design-layout .layout-content-menu .layou-content-menu-item i{font-size:18px;margin-right:3px;vertical-align:middle}.design-form-container{position:relative;height:calc(100vh - 50px);overflow:hidden;overflow-y:auto}.design-form-container .form-empty{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;color:#ccc}.design-form-container .design-title{margin:2px;font-size:26px;text-align:center;font-weight:700;font-family:SimSun;margin-top:10px;height:40px}.design-form-container .ghost{border:2px solid #f56c6c;position:relative}.design-form-container .ghost:after{background:#f56c6c}.design-form-container li.ghost{height:5px;list-style:none;font-size:0;overflow:hidden}.design-form-container .design-col-list{min-height:50px;border:1px dashed #ccc;background:#fff}.design-view.active{outline:2px solid #5cadff;border:1px solid #5cadff}.design-view:hover{outline:1px solid #5cadff;outline-offset:0}.design-view:hover.active{outline:2px solid #5cadff;border:1px solid #5cadff;outline-offset:0}.design-form-container .design-form-list{background:#fff;border:1px dashed #999;min-height:calc(100vh - 125px);margin:10px}.design-view{padding:9px 0;position:relative;border:1px dashed hsla(0,0%,66.7%,.7);background-color:rgba(236,245,255,.3);margin:2px}.design-view .ivu-form-item-content{position:unset}.design-view .design-view-action{position:absolute;right:0;bottom:0;height:28px;line-height:28px;background:#5cadff;z-index:9}.design-view .design-view-action i{font-size:14px;color:#fff;margin:0 5px;cursor:pointer}.design-view .design-view-drag{position:absolute;left:-2px;top:-2px;bottom:-18px;height:28px;line-height:28px;background:#5cadff;z-index:9}.design-view .design-view-drag i{font-size:14px;color:#fff;margin:0 5px;cursor:move}.ivu-collapse-content{max-height:600px;overflow-y:auto}.design-view .design-item{border:1px solid #409eff;vertical-align:middle}.design-view .design-label{vertical-align:top}.design-view .design-item .el-icon-picture-outline{color:#409eff}.design-view .ivu-radio-group-item{margin-bottom:10px}.design-view .design-item .image-slot{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.design-view .ivu-checkbox-group-item{margin-bottom:10px}.form-design-layout .ivu-form-label-top .ivu-form-item-label{width:100%!important;text-align:left}.form-design-layout .ivu-form-label-top .ivu-form-item-content{margin-left:0!important}.preview{position:relative}.preview-box{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:9}.ivu-card.ivu-card-dis-hover:hover{-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}.form-design-layout .ivu-input{height:100%}.form-design-layout .ivu-radio-group-button .ivu-radio-wrapper{height:auto}.form-design-layout .ivu-radio-wrapper{white-space:normal}.form-design-layout .ivu-cascader-menu .ivu-cascader-menu-item{height:32px}.form-design-layout .ivu-select-dropdown ul{max-width:180px}.prop-design .el-icon-picture{font-size:16px;vertical-align:middle;margin-right:10px;cursor:pointer}.prop-design .item-uploader{display:inline-block;vertical-align:middle;height:42px;margin-right:5px}.prop-design .item-uploader .el-icon-picture{margin-right:0}.prop-design .item-uploader .avatar-uploader-icon{width:40px;height:40px;line-height:40px}.prop-design .item-li{margin-top:10px}.prop-design .item-uploader .avatar{width:40px;height:40px}.prop-design .item-uploader .el-upload-list__item-actions{line-height:40px;font-size:14px}.prop-design .item-uploader .item-delete{margin-left:5px}