.numbering-rule-drawer .el-drawer__header{color:#009688;font-weight:800;font-size:18px;margin-bottom:0;padding:20px 20px 10px}.numbering-rule-drawer .drawer-content{padding:20px;height:calc(100% - 60px);overflow-y:auto;background:#f5f7fa}.numbering-rule-drawer .drawer-content .config-card{background:#fff;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.numbering-rule-drawer .drawer-content .config-card .card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ebeef5;color:#009688;font-weight:600;font-size:16px}.numbering-rule-drawer .drawer-content .config-card .card-header i{margin-right:8px;font-size:18px}.numbering-rule-drawer .drawer-content .field-config-container{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ebeef5;border-radius:4px;background:#fff}.numbering-rule-drawer .drawer-content .field-config-container .field-library{width:200px;border-right:1px solid #ebeef5;padding:10px}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-header{font-weight:600;padding-bottom:10px;border-bottom:1px solid #ebeef5;margin-bottom:10px;color:#303133}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-items{max-height:300px;overflow-y:auto}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-item{padding:8px 10px;cursor:pointer;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-item:hover{background-color:#f0f9ff;color:#009688}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-item.disabled{color:#c0c4cc;cursor:not-allowed;background-color:#f5f7fa}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-item.disabled:hover{background-color:#f5f7fa;color:#c0c4cc}.numbering-rule-drawer .drawer-content .field-config-container .field-library .library-item i{margin-right:5px}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-header{padding-bottom:10px;border-bottom:1px solid #ebeef5;margin-bottom:10px;font-weight:600;color:#303133}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-header,.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-item{padding:8px 10px;background:#f9f9f9;border-radius:4px;margin-bottom:5px}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-item .item-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-item .item-left .drag-handle{margin-right:8px;cursor:move;color:#909399}.numbering-rule-drawer .drawer-content .field-config-container .selected-fields .selected-item .item-right{white-space:nowrap}.numbering-rule-drawer .drawer-content .sort-rule-container{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ebeef5;border-radius:4px;background:#fff}.numbering-rule-drawer .drawer-content .sort-rule-container .sort-dimensions{width:200px;border-right:1px solid #ebeef5;padding:10px}.numbering-rule-drawer .drawer-content .sort-rule-container .sort-dimensions .dimension-header{font-weight:600;padding-bottom:10px;border-bottom:1px solid #ebeef5;margin-bottom:10px;color:#303133}.numbering-rule-drawer .drawer-content .sort-rule-container .sort-dimensions .dimension-items{max-height:200px;overflow-y:auto}.numbering-rule-drawer .drawer-content .sort-rule-container .sort-dimensions .dimension-item{padding:8px 10px;cursor:pointer;border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.numbering-rule-drawer .drawer-content .sort-rule-container .sort-dimensions .dimension-item:hover{background-color:#f0f9ff;color:#009688}.numbering-rule-drawer .drawer-content .sort-rule-container .selected-dimensions{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px}.numbering-rule-drawer .drawer-content .sort-rule-container .selected-dimensions .selected-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:10px;border-bottom:1px solid #ebeef5;margin-bottom:10px;font-weight:600;color:#303133}.numbering-rule-drawer .drawer-content .sort-rule-container .selected-dimensions .selected-dim-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 10px;background:#f9f9f9;border-radius:4px;margin-bottom:5px}.numbering-rule-drawer .drawer-content .sort-rule-container .selected-dimensions .selected-dim-item .drag-handle{margin-right:8px;cursor:move;color:#909399}.numbering-rule-drawer .drawer-content .sort-rule-container .selected-dimensions .selected-dim-item span{-webkit-box-flex:1;-ms-flex:1;flex:1}.numbering-rule-drawer .drawer-content .preview-area{margin:0}.numbering-rule-drawer .drawer-content .empty-tip{text-align:center;padding:20px;color:#909399}.numbering-rule-drawer .drawer-content .form-actions{text-align:right;padding-top:20px;border-top:1px solid #ebeef5;background:#f5f7fa;margin-top:10px}.preview-text{margin-top:5px;color:#909399;font-size:12px}