.drop-down-enter-active{transition:transform .2s ease,opacity .2s ease}.drop-down-enter{opacity:0;transform:translateY(-20px)}.top-slide-enter-active,.top-slide-leave-active{transition:transform .2s ease}.top-slide-enter,.top-slide-leave-to{transform:translateY(-100%)}.bottom-slide-enter-active,.bottom-slide-leave-active{transition:transform .2s ease}.bottom-slide-enter,.bottom-slide-leave-to{transform:translateY(100%)}.right-slide-enter-active,.right-slide-leave-active{transition:transform .2s ease}.right-slide-enter,.right-slide-leave-to{transform:translateX(100%)}.left-slide-enter-active,.left-slide-leave-active{transition:transform .2s ease}.left-slide-enter,.left-slide-leave-to{transform:translateX(-100%)}.uif-opacity-enter-active,.uif-opacity-leave-active{transition:opacity .3s ease}.uif-opacity-enter,.uif-opacity-leave-to{opacity:0}.uif-modal-enter-active,.uif-modal-leave-active{transition:all .2s ease}.uif-modal-enter{opacity:0;transform:scale(.5,.5)}.uif-modal-leave-to{opacity:0;transform:translateY(-100px)}@-moz-keyframes s-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes s-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes s-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes s-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.uif-button-group{white-space:nowrap}.uif-button-group .uif-btn + .uif-btn{margin-left:8px}.uif-description{display:inline-block;color:#191919;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uif-description-label{font-weight:bold}.uif-description-label:after{content:':';padding-left:2px;padding-right:2px}.uif-description-flex{display:flex;align-items:center}.uif-description-flex .uif-description-value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:0;flex:auto}.uif-description-list{flex:auto;display:flex}.uif-description-list-horizontal{align-items:center;flex-direction:row}.uif-description-list-vertical{align-items:stretch;flex-direction:column}.uif-description-list-space-middle .uif-description{padding-top:4px;padding-bottom:4px;min-height:28px}.uif-description-block{display:flex;border-radius:6px;background-color:#f0f3f5;padding:12px 6px;line-height:20px}.uif-description-block .uif-description-list{padding:0 6px;width:0;flex:auto}.uif-description-block .uif-description{min-height:28px;padding:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uif-description-block .uif-description-label{color:#666d7a}.uif-description-block .uif-description-value{font-weight:bold;color:#191919;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}div.ql-editor{line-height:1.6em;font-size:14px}.ql-editor img{max-width:100%}.quill-editor .ql-toolbar,.quill-editor .ql-container{background-color:#f6f7fa;border-color:#caccd4}.uif-filter{display:inline-block}.uif-filter-inner{display:flex;align-items:center;height:26px}.uif-filter-label{color:#142133;font-size:12px;line-height:16px;cursor:pointer;display:flex;align-items:center;padding:0 4px;height:26px;white-space:nowrap}.uif-filter-label.disabled{cursor:default}.uif-filter-label .uif-i{color:#a1abb3;margin-right:4px}.uif-filter-label .empty{width:8px}.uif-filter-label .point{width:16px;height:16px;position:relative}.uif-filter-label .point:before{content:'';position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background-color:transparent;opacity:.2}.uif-filter-label .point:after{content:'';position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background-color:#d9dfe5}.uif-filter .uif-filter-more{width:auto;padding:0 8px}.uif-filter-group,.uif-filter-split .uif-filter-inner > div{border-radius:4px;background-color:#f1f3f5;border:1px solid #cfd1d9}.uif-filter-group .uif-filter-inner > div:not(:last-child):after{content:'';border-right:1px solid #cfd1d9;position:absolute;right:0;top:5px;bottom:5px}.uif-filter-split .uif-filter-inner > div:not(:last-child){margin-right:8px}.uif-filter-inner > div{font-size:0;position:relative}.uif-filter-active .uif-filter-label .text{color:#006ce1}.uif-filter-active .uif-filter-label .point:before,.uif-filter-active .uif-filter-label .point:after{background-color:#006ce1}.uif-form{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.uif-form-left{padding-right:48px}.uif-form-list-1 .uif-form-patch,.uif-form-list-1 .uif-form-item{width:100%}.uif-form-list-2 .uif-form-patch,.uif-form-list-2 .uif-form-item{width:50%}.uif-form-list-3 .uif-form-patch,.uif-form-list-3 .uif-form-item{width:33.33%}.uif-form-list-4 .uif-form-patch,.uif-form-list-4 .uif-form-item{width:25%}.uif-form-list-5 .uif-form-patch,.uif-form-list-5 .uif-form-item{width:20%}.uif-form-patch{flex:auto}.uif-form-patch-break{width:100%}.uif-form-patch-line{height:24px;width:100%}.uif-form-item.w-25{width:25%}.uif-form-item.w-33{width:33.33%}.uif-form-item.w-50{width:50%}.uif-form-item.w-66{width:66.66%}.uif-form-item.w-75{width:75%}.uif-form-item.w-100{width:100%}.uif-form-label{width:100%;flex-shrink:0;color:#191919;font-size:12px;line-height:20px;padding-right:10px}.uif-form-label .required{font-size:16px;line-height:16px;position:relative;top:5px;margin-right:2px;color:#ec3751}.uif-form-label-left{line-height:16px;text-align:right;padding-top:6px}.uif-form-label-top{padding-left:10px}.uif-form-info{font-size:12px;line-height:20px;display:flex;align-items:center;height:0;transition:height .2s ease;overflow:hidden}.uif-form-info-active{height:24px}.uif-form-info .uif-i{margin-right:4px}.uif-form-info-error{color:#ec3751}.uif-form-info-info .uif-i{color:#3889fe}.uif-form-info-tip{color:#bfbfbf}.uif-form-content{width:0;flex:auto}.uif-form-border{position:relative;display:flex;align-items:flex-start;transition:margin-bottom .2s ease,border-color .2s ease;border-radius:2px;border:1px solid transparent}.uif-form-border > .uif-select-wrap,.uif-form-border > .uif-input-wrap,.uif-form-border > .uif-date-picker-wrap{width:0;flex:auto}.uif-form-border-rect{background-color:#f6f7fa;border-color:#caccd4}.uif-form-border-rect:not(.uif-form-border-rect-disabled):hover{border-color:#a1abb3}.uif-form-border-rect-error,.uif-form-border-rect-error:hover{border-color:#ec3751 !important}.uif-form-border-rect .uif-form-item-icon{background-color:#f1f3f5;border-left:1px solid #caccd4}.uif-form-border-fix-radio,.uif-form-border-fix-checkbox,.uif-form-border-fix-switch{padding-top:5px}.uif-form-border-fix-changer{padding-top:3px}.uif-form-border-split{margin:auto 0;height:20px;border-left:1px solid #caccd4}.uif-form-item{flex:auto;display:flex;align-items:flex-start;margin-bottom:16px}.uif-form-item-top{flex-direction:column}.uif-form-item-top .uif-form-content{width:100%}.uif-form-item-empty{flex:auto}.uif-form-item-size-small .x-uif-form-item-icon{top:6px}.uif-form-item-tip-content{width:280px}.uif-form-item-slot{position:relative}.uif-form-border > .uif-input.focus,.uif-form-border > .uif-select.focus .uif-input,.uif-form-border > .uif-date-picker.focus .uif-input{z-index:1;border-radius:1px;box-shadow:0 0 0 1px #3889fe}.uif-form-item-icon{align-self:stretch;display:flex;align-items:center;padding-left:2px;padding-right:6px;order:100}.uif-form-item-icon > .uif-i,.uif-form-item-icon .form-icon{width:20px;margin-left:4px;height:20px}.uif-form-item-icon > .uif-i{font-size:16px;line-height:20px}.uif-form-item-icon + .uif-form-item-icon{border-width:0;padding-left:0;margin-left:-6px}.uif-form-item.textarea-resize .uif-form-content{position:relative}.uif-form-item.textarea-resize .uif-input-wrap{width:unset}.uif-form-item.textarea-resize .uif-form-border{z-index:100;position:absolute;left:0;top:0;min-width:100%;min-height:100%}.uif-form-after-slot{position:relative;width:0}.uif-go,.uif-go canvas{outline:none}.uif-list-header{overflow:hidden;width:100%;display:flex;align-items:center;height:48px;padding:0 12px;border-bottom:1px solid #cfd1d9}.uif-list-header > .header-title{font-size:14px;margin-right:20px;font-weight:bold}.uif-list-header > .header-title + .uif-pager{margin-left:auto}.uif-list-header > .header-free{flex:auto}.uif-list-header .uif-pager{margin-left:16px}.uif-pager{display:inline-block}.uif-pager .content{border:1px solid #cfd1d9;background-color:#fff;height:28px;display:flex;align-items:center;border-radius:4px;padding-left:8px;padding-right:8px;cursor:default}.uif-pager .text,.uif-pager .total{line-height:16px;color:#6d7880;margin-left:4px}.uif-pager .total{padding-right:12px;border-right:1px solid #cfd1d9}.uif-pager .uif-i{margin-left:4px}.uif-panel{background-color:#f0f3f5;border-radius:6px}.uif-panel .panel-header{display:flex;align-items:center;height:40px;padding-right:20px}.uif-panel .panel-header.border{border-bottom:1px solid #caccd4}.uif-panel .panel-header-title{font-weight:bold;font-size:14px;line-height:22px;margin-right:16px}.uif-panel .panel-header-title:before{content:"";border-left:3px solid #0e76e6;border-top:3px solid transparent;border-bottom:3px solid transparent;height:22px;margin-right:16px}.uif-panel .panel-content.padding{padding:0 16px 16px}.uif-progress-desc{margin-bottom:4px;display:flex;align-items:center}.uif-progress-desc-text{width:0;flex:auto}.uif-progress-desc-percent{color:#2878ca}.uif-progress-outer{overflow:hidden}.uif-progress-outer-color{background-color:#f2f5fc}.uif-progress-inner{transition:width .2s linear;background-color:#2878ca}.uif-loading-bar{height:0;overflow:visible;position:relative;z-index:1}.uif-split{width:100%;height:100%;display:flex;align-items:stretch}.uif-split-mode-vertical{flex-direction:column}.uif-split-left{flex-shrink:0;flex-grow:0;overflow:auto}.uif-split-trigger{flex:none}.uif-split-right{flex:auto;overflow:auto}.uif-trigger{display:flex;align-items:center;justify-content:center;background-color:#cfd1d9;transition:background-color .1s ease,box-shadow .2s ease}.uif-trigger .dot{width:4px;height:4px;background-color:#fff;border-radius:50%;margin:1px;transition:background-color .2s ease}.uif-trigger-vertical{height:8px;width:100%;cursor:s-resize}.uif-trigger-horizontal{width:8px;height:100%;flex-direction:column;cursor:e-resize}.uif-trigger-moving .dot{background-color:#006ce1}.uif-table{overflow:hidden;background-color:#f1f3f5;min-height:72px}.uif-table-border{border:1px solid #caccd4}.uif-table-flex{display:flex;flex-direction:column;height:100%}.uif-table-flex .uif-table-body-container{height:0}.uif-table .uif-loading-bar{z-index:1}.uif-table-empty{color:#bbb;font-size:20px;top:50%;width:100%;margin-top:5px;text-align:center;position:absolute}.uif-table-header-container{position:relative;border-bottom:1px solid #caccd4;background-color:#e6e7eb}.uif-table-header-main{background-color:#e6e7eb;overflow:hidden}.uif-table-header-left{border-right:1px solid #caccd4;background-color:#e6e7eb;position:absolute;left:0;top:0;width:0}i.uif-table-header-setting{transform:translateY(2px);background-color:#e8e9ed;line-height:24px;position:absolute;width:24px;right:0;top:0}.uif-table-body-container{flex:auto;position:relative;overflow-x:hidden}.uif-table-body-main{min-height:100%;overflow:auto}.uif-table-body-left{border-right:1px solid #caccd4;min-height:100%;overflow:hidden;position:absolute;left:0;top:0;width:0}.uif-table-scroll{position:absolute;left:0;right:0;bottom:0;height:0;overflow-y:hidden}.uif-table-scroll-inner{visibility:hidden}.uif-t-header{width:100%;table-layout:fixed}.uif-t-header-th{vertical-align:top;min-width:0;text-align:left;overflow:visible;position:relative;height:100%}.uif-t-header-th.resize,.uif-t-header-th:hover{background-color:#d8eefc}.uif-t-header-th.resize .uif-t-header-resize,.uif-t-header-th:hover .uif-t-header-resize{visibility:visible}.uif-t-header-cell{height:28px;padding:4px 12px;font-size:12px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;color:#6d7880;position:relative}.uif-t-header-cell .selection{height:20px;display:flex;align-items:center}.uif-t-header-cell .sort-icon{cursor:pointer;position:relative;top:2px;margin-left:2px}.uif-t-header-resize{visibility:hidden;z-index:1;width:16px;position:absolute;right:-8px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;cursor:e-resize}.uif-t-header-resize .resize-bar{width:1px;height:28px;background-color:#006ce1;position:relative}.uif-t-header-resize .resize-bar:after,.uif-t-header-resize .resize-bar:before{content:'';position:absolute;top:50%;margin-top:-3px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:4px solid transparent;border-left:4px solid transparent}.uif-t-header-resize .resize-bar:before{right:4px;border-left:none}.uif-t-header-resize .resize-bar:after{left:4px;border-right:none}.uif-t-header-resize.visible .resize-bar{width:2px}.uif-t-header-resize.visible .resize-bar:after,.uif-t-header-resize.visible .resize-bar:before{border-right-color:#006ce1;border-left-color:#006ce1}.uif-t-body{width:100%;table-layout:fixed;background-color:#f1f3f5}.uif-t-body-tr{transition:background-color .2s ease-in-out}.uif-t-body-tr-hover{background-color:#d8eefc}.uif-t-body-tr-selection{background-color:#c8e2ff}.uif-t-body-td{vertical-align:top;min-width:0;min-height:48px;overflow:hidden;position:relative;height:100%;text-overflow:ellipsis;border-bottom:1px solid #caccd4}.uif-t-body-tr:last-child .uif-t-body-td{border-bottom-color:transparent}.uif-t-cell{font-size:12px;line-height:20px;min-height:32px;color:#191919}.uif-t-cell-normal{padding:6px 12px}.uif-t-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uif-t-cell-wrap{white-space:normal}.uif-t-cell-align-left{text-align:left}.uif-t-cell-align-center{text-align:center}.uif-t-cell-align-right{text-align:right}.uif-t-cell-selection{padding-top:6px;padding-left:8px;text-overflow:unset}.uif-t-cell-selection .selection,.uif-t-cell-selection .operation{margin-left:4px}.uif-t-cell-selection .operation{transform:translateY(-2px)}.uif-t-cell-selection .operation:first-child{transform:translateY(2px)}.uif-t-cell-selection .selection{min-height:18px}.uif-tree-item{padding-top:4px}.uif-tree-data{display:flex;align-items:center;transition:background-color .2s ease;font-size:12px;color:#191919;min-height:28px}.uif-tree-data-left{width:28px;text-align:center}.uif-tree-data .uif-i{font-size:16px;width:28px;line-height:28px;transition:transform .2s ease}.uif-tree-data .loading{animation:s-rotate 2s infinite;animation-timing-function:linear;transform-origin:center center}.uif-tree-data.data-expand .expand{transform:rotate(90deg)}.uif-tree-data.data-active,.uif-tree-data:hover{background-color:#d8eefc}.uif-tree-data-label{cursor:pointer;line-height:20px;flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.no-select{user-select:none}body.e-resize{cursor:e-resize}body.s-resize{cursor:s-resize}[data-draggable]{cursor:move}