.layout-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;position:relative;background-color:#fff}.layout-wrapper .item-wrap{margin-bottom:20px}.layout-wrapper .item-wrap.right-other{margin-bottom:0}.layout-wrapper .item-wrap.right-other .right-drag-wrap{display:none}.layout-wrapper .item-wrap.right-other .right-drag-wrap .item-wrap .right-title{padding-left:20px}.layout-wrapper .item-wrap.right-other .right-drag-wrap .item-wrap .right-title:before{display:none}.layout-wrapper .item-wrap.right-other~.item-wrap{padding-left:20px}.layout-wrapper .item-wrap.right-other~.item-wrap .right-title:before{display:none}.layout-wrapper .item-wrap .right-title{position:sticky;top:0;padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:14px;background-color:#fff;z-index:99;cursor:pointer;-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.1);box-shadow:0 10px 10px -10px rgba(0,0,0,.1)}.layout-wrapper .item-wrap .right-title:before{content:"";display:inline-block;width:4px;height:14px;margin-right:7px;margin-bottom:1px;border-radius:4px;background-color:#ff8100}.layout-wrapper .item-wrap .right-title:hover{background-color:#fff2e5}.layout-wrapper .item-wrap .right-drag-wrap{margin:0 20px;padding-bottom:30px;border:1px dashed #ccc;border-radius:4px}.layout-wrapper .item-wrap .right-drag-wrap,.layout-wrapper .item-wrap .right-drag-wrap .right-child-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;min-height:36px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item{padding:10px 25px 10px 15px;margin-bottom:10px;cursor:pointer}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.focus-animate{padding-bottom:20px;border:2px dashed;border-radius:4px;-webkit-animation:fade .6s infinite,shake .3s ease-out infinite;animation:fade .6s infinite,shake .3s ease-out infinite}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item:hover{background-color:#fff2e5}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.not-form{margin-bottom:0}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.not-form .name{min-width:80px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.not-form .dynamic-component{margin-top:8px;line-height:1.5}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .name{display:inline-block;min-width:180px;margin-right:10px;line-height:36px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component,.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component /deep/ *{pointer-events:none}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component[class*=el-]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component.el-table{display:block;height:115px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component.el-input,.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component.el-select,.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component /deep/ .el-input{width:260px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component.el-textarea{height:auto;min-height:36px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component /deep/ .m5,.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component /deep/ .m10{margin:10px 10px 0 0}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item .dynamic-component /deep/ .el-input-number .el-input{width:auto}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.el-form-item /deep/ .el-form-item__label{line-height:36px}.layout-wrapper .item-wrap .right-drag-wrap .right-child-item.el-form-item /deep/ .el-form-item__content{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:0!important}.layout-wrapper .empty{position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.layout-wrapper .empty p{color:#888;font-size:13px}.layout-wrapper .empty .svg-icon{width:110px;height:100px}@-webkit-keyframes fade{0%{border-color:#ff8100}50%{border-color:rgba(255,129,0,.4)}to{border-color:#ff8100}}@keyframes fade{0%{border-color:#ff8100}50%{border-color:rgba(255,129,0,.4)}to{border-color:#ff8100}}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-2px) rotate(.2deg);transform:translateX(-2px) rotate(.2deg)}75%{-webkit-transform:translateX(2px) rotate(-.2deg);transform:translateX(2px) rotate(-.2deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-2px) rotate(.2deg);transform:translateX(-2px) rotate(.2deg)}75%{-webkit-transform:translateX(2px) rotate(-.2deg);transform:translateX(2px) rotate(-.2deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}