.feRuleDesign .main-container{height:500px;overflow:auto}.feRuleDesign .main-container .main-left{width:400px!important;border-right:1px solid #d3d3d3}.feRuleDesign .main-container .main-right{width:1200px;padding:0}.feRuleDesign .main-container .draggable-content{padding:16px 0 16px 20px}.feRuleDesign .main-container .draggable-content .title{font-size:14px;font-weight:700;color:#333}.feRuleDesign .main-container .draggable-content .fe-icon-feiu-tuodong21{color:#d0d5dc}.feRuleDesign .main-container .draggable-content .items li.item{background:#f5f6f8;border-radius:3px;height:34px;line-height:34px;width:170px;margin:10px 15px 0 0;padding:0 10px;cursor:move;color:#2c405f;font-size:14px}.feRuleDesign .main-container .draggable-content .items li.ghost{background:#d5e3f8;border-radius:3px;border:1px dashed #4b92ef}.feRuleDesign .main-container .draggable-content .items li.option{width:100px;height:40px;line-height:40px;background:#f5f6f8;border-radius:2px;margin-top:10px;margin-right:15px;cursor:move;text-align:center}.feRuleDesign .main-container .draggable-content .items li.option .svg-icon{width:142px;height:59px;position:relative;left:5px;top:1px}.feRuleDesign .main-container .canvas{max-width:1180px;overflow:auto;height:550px;margin:10px 20px;background:#f8fafe;-webkit-box-shadow:inset 0 2px 5px 0 rgba(44,64,95,.2);box-shadow:inset 0 2px 5px 0 rgba(44,64,95,.2);border:1px solid #f5f5f5;font-size:14px}.feRuleDesign .main-container .canvas .box{min-width:1000px;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-height:56px;margin:30px;padding:20px;background:#fff;border-radius:1px;border:1px solid #d3d3d3}.feRuleDesign .main-container .canvas .box .fe-divider{top:-21px;margin:0;font-size:14px;line-height:14px}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text,.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text .fe-button.fe-button--text{padding:0 2px}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-left{font-weight:700;color:#333}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-right{cursor:pointer;right:50px}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-right .fe-button--text{color:#e73a3a}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-right .fe-button--text.is-disabled{color:#9a9a9a}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-right-add{cursor:pointer;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.feRuleDesign .main-container .canvas .box .fe-divider .fe-divider__text.is-right-add .fe-button--text{color:#1158bf}.feRuleDesign .main-container .canvas .box .box-content .number.fe-input-number{width:200px}.feRuleDesign .main-container .canvas .box .box-content .row{margin-bottom:30px;position:relative}.feRuleDesign .main-container .canvas .box .box-content .row:last-child{margin-bottom:0}.feRuleDesign .main-container .canvas .box .box-content .row:first-child .line:after{content:unset}.feRuleDesign .main-container .canvas .box .box-content .box-line{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;width:150px}.feRuleDesign .main-container .canvas .box .box-content .box-line .line-auto{position:absolute;border-color:inherit;background-color:#d3d3d3;height:2px;width:150px;top:50%}.feRuleDesign .main-container .canvas .box .box-content .box-line .line-auto:before{content:" ";position:absolute;top:-4px;width:10px;height:10px;border-radius:10px;background-color:#d8d8d8}.feRuleDesign .main-container .canvas .box .box-content .box-line .line-auto:after{content:" ";position:absolute;width:2px;left:4px;height:var(--lineAfterHeight);top:var(--lineAfterTop);background-color:#d8d8d8}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-1{margin-left:0}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-1 .box-connector{left:20px}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-2{margin-left:90px}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-2 .box-connector{left:115px}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-3{margin-left:185px}.feRuleDesign .main-container .canvas .box .box-content .box-line.level-3 .box-connector{left:210px}.feRuleDesign .main-container .canvas .box .box-content .box-connector{position:absolute;float:left;left:30px;top:5px}.feRuleDesign .main-container .canvas .box .box-content .box-connector .fe-select{width:60px}.feRuleDesign .main-container .canvas .box .box-content .box-main{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#f5f5f5;border-radius:1px;padding:3px}.feRuleDesign .main-container .canvas .box .box-content .box-main>.fe-icon-error{position:absolute;display:none;width:16px;height:16px;font-size:16px;top:-8px;right:-8px;z-index:1;color:#e73a3a}.feRuleDesign .main-container .canvas .box .box-content .box-main>.fe-icon-error.active{display:unset}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item{position:relative;background:#fff;min-height:36px;line-height:36px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:1px;min-width:200px}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item .fe-input__inner{height:36px;line-height:36px;text-align:center}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item .fe-input-number{width:200px}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item>.fe-icon-error{position:absolute;display:none;width:16px;height:16px;font-size:16px;top:10px;right:10px;color:#d3d3d3}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item:hover>.fe-icon-error{display:unset}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item.no-border{border:unset}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item.ghost-form-item{display:none}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .draggabled-area-content .item .fe-input.is-disabled .fe-input__inner{color:#333;background:#fff}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .option{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 10px;font-size:21px}.feRuleDesign .main-container .canvas .box .box-content .box-main .draggabled-area .option.ghost-form-item{display:none}.feRuleDesign .main-container .canvas .box .box-content .box-main .fe-select{width:100px;margin:auto 12px}.feRuleDesign .main-container .canvas .box .box-content .box-main .fe-select .fe-input__inner{height:36px;font-weight:700}.feRuleDesign .main-container .canvas .box .box-content .buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;margin-left:20px}.feRuleDesign .main-container .canvas .box .box-content .buttons .fe-button+.fe-button{margin-left:10px}.feRuleDesign .main-container .canvas .box .box-content .buttons i{width:14px;height:14px}.feRuleDesign .main-container .canvas .box .box-content .buttons i.fe-icon-feiu-jian1{-webkit-transform:translateX(.5px);transform:translateX(.5px)}.feRuleDesign .main-container .canvas .box .box-content .buttons i.fe-icon-feiu-you,.feRuleDesign .main-container .canvas .box .box-content .buttons i.fe-icon-feiu-zuo{-webkit-transform:translateX(-3px);transform:translateX(-3px)}