.yz-design,.yz-design_content,.yz-design_main,.yz-design_property{position:absolute;bottom:0}.yz-design{left:0;right:0;top:0}.yz-design_main{left:0;right:350px;top:0}.yz-design_header{position:absolute;height:45px;line-height:45px;left:0;right:0;border:1px solid #f1e8e8;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.yz-design_title{font-size:18px}.yz-design_title>span{margin-left:5px}.yz-design_btngroup{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right}.yz-design_content{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;top:45px}.yz-design_components{width:250px}.yz-design_component_title{font-size:15px;padding:5px 0}.yz-design_component_item{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;width:48%;display:inline-block;background-color:#eff0f0;border:1px solid #eff0f0;padding:7px 0 7px 9%;margin:4px 1%;cursor:move;border-radius:3px}.yz-design_component_item:hover{border:1px dashed #409EFF;color:#409EFF}.yz-design_component_item>i{margin-right:4px}.yz-design_body{-webkit-box-flex:1;-ms-flex:1;flex:1;border-left:1px solid #f1e8e8;border-right:1px solid #f1e8e8;border-bottom:1px solid #f1e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}.yz-design_body .design-ghost{width:100%;height:60px;line-height:60px;border-top:3px solid #409EFF;margin:0;padding:0 20px;border-radius:0}.yz-design_row:first-child{margin-top:15px}.yz-design_row.is-row{min-height:60px;border:1px dashed #f1e8e8;border-radius:3px;margin-left:5px!important;margin-right:5px!important;padding-top:20px;padding-bottom:5px}.yz-design_row.is-row.is-active,.yz-design_row.is-row:hover{border-color:#409EFF}.yz-design_row.is-row .el-col{padding-left:0!important;padding-right:0!important}.yz-design_row.is-row .el-col:last-child .yz-design_item{margin-bottom:0}.yz-design_item,.yz-design_item.el-form-item--mini,.yz-design_item.el-form-item--small{margin-bottom:5px}.yz-design_row.is-row .yz-design_item{padding:10px}.yz-design_item{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 15px}.yz-design_btns{position:absolute;font-size:15px;right:0;top:-30px}.yz-design_btns.is-row{top:-15px;right:10px}.yz-design_btns__delete{color:#F56C6C;background-color:#fff;border:1px solid #F56C6C;border-radius:50%;padding:4px;cursor:pointer;z-index:9999}.yz-design_btns__delete:hover{color:#fff;background-color:#F56C6C}.yz-design_item.is-active,.yz-design_item:hover{background-color:#eff0f0}.yz-design_property{width:350px;right:0;top:0;overflow:hidden}.yz-design_property .el-tabs__item{height:45px}.yz-design_property .el-tabs__header{margin:0}.yz-design_property .el-date-editor,.yz-design_property .el-select{width:100%}.yz-design_option__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4px 0}.yz-design_option__item>*{margin:0 4px}.yz-design_option__item [class^=el-icon-]{font-size:24px;color:#777}.yz-design_option__drage{cursor:move}.yz-design_option__add{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}.yz-design_option__add [class^=el-icon-]{font-size:15px}