.margin-bottom24[data-v-5f54c794]{margin-bottom:24px}.color-span[data-v-5f54c794]{display:inline-block;width:30px;height:30px;border-radius:16px;border:1px solid #f5f5f5;margin-right:12px;cursor:pointer}.color-span.active[data-v-5f54c794]{border:1px solid orange}.duty-span[data-v-5f54c794]{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;display:inline-block;margin-right:8px;cursor:pointer}.duty-span.active[data-v-5f54c794]{border:1px solid orange}ul[data-v-9135c42c]{margin:0;padding:0}li[data-v-9135c42c]{list-style:none}.page-box[data-v-9135c42c]{display:-ms-flexbox;display:flex}.left[data-v-9135c42c]{display:inline-block;width:300px;background:#fff;padding:8px}.padding8[data-v-9135c42c]{padding:8px}.border[data-v-9135c42c]{border:1px solid #f5f5f5;border-radius:8px}.config-box[data-v-9135c42c]{height:calc(100% - 182px);margin-top:12px}.add-title-box[data-v-9135c42c]{padding:12px 8px;border-bottom:1px solid #f5f5f5}.rulelist[data-v-9135c42c]{border:1px solid #ccc;margin-top:12px;margin-right:12px;margin-left:12px;border-radius:4px;min-height:68px;display:-ms-flexbox;display:flex;position:relative;cursor:pointer}.rulelist .color-box[data-v-9135c42c]{-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0;width:32px;border-top-left-radius:4px;border-bottom-left-radius:4px}.rulelist .duty-box[data-v-9135c42c]{width:calc(100% - 32px);padding:12px 8px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}.rulelist .duty-box .rule-name[data-v-9135c42c]{color:rgba(0,0,0,.85);font-weight:700;margin-bottom:4px}.rulelist .duty-box .list-span[data-v-9135c42c]{margin-right:8px}.rulelist .edit-pos[data-v-9135c42c]{position:absolute;right:8px;top:8px;cursor:pointer}.rulelist.active[data-v-9135c42c]{border:1px solid orange}.right[data-v-9135c42c]{display:inline-block;width:calc(100% - 300px);border-left:1px solid #f5f5f5}