/*CMS系统标准变量 home*/
body {
    /* 研发自定义变量-动画变量*/
    --rcd-transition-base: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    --rcd-transition-fade: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
    --rcd-transition-fade-linear: opacity 200ms linear;
    --rcd-transition-md-fade: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
        opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
    --rcd-transition-border-base: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    --rcd-transition-color-base: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    /* 研发自定义变量 z-index  */
    --rcd-index-normal: 1;
    --rcd-index-top: 1000;
    --rcd-index-popper: 2000;

    /* own */
    /* 头部导航 */
    --dp-header-color-text-selected: #2839f9;
    --dp-header-color-text-normal: #393c5a;
    --dp-header-color-text-hover: #2839f9;
    --dp-header-color-bg-selected: #ffffff;
    --dp-header-color-bg-normal: #ffffff;
    --dp-header-color-line-selected: #ffffff;
    --dp-header-color-bg-shadow: 0 1px 3px 0 rgba(4, 1, 135, 0.08),
        0 1px 6px 0 rgba(4, 1, 135, 0.06);
    /* 侧边导航 */
    --dp-side-menu-color-text-selected: #2839f9;
    --dp-side-menu-color-text-normal: #393c5a;
    --dp-side-menu-color-text-hover: #2839f9;
    --dp-side-menu-color-bg-selected: #f2f3fe;
    --dp-side-menu-color-bg-normal: #ffffff;
    --dp-side-menu-color-line-selected: #f2f3fe;
    --dp-side-menu-color-bg-shadow: 0 1px 3px 0 rgba(4, 1, 135, 0.08),
        0 1px 6px 0 rgba(4, 1, 135, 0.06);

    /* 装修线框 */
    --dp-decorate-color-line-hover: #2839f9;
    --dp-decorate-color-line-selected: #2839f9;
    --dp-decorate-color-line-error: #f7344b;
    --dp-decorate-color-fill-bg-pc: #2839f910;
    --dp-decorate-color-icon-hover: #5360fa;

    /* 拖拽区域 */
    --dp-drag-color-fill-normal: #bec3fd50;
    --dp-drag-color-fill-selected: #bec3fd;
    --dp-drag-color-fill-error: #fde0e4;
    --dp-drag-color-text-normal: #2839f9;
    --dp-drag-color-text-error: #f7344b;
    --dp-drag-bj-color-fill-normal: #dfeafb;
    --dp-drag-bj-color-text-normal: #0053d3;
    /*新布局选中*/
    --dp-drag-bj-color-fill-selected: #bfd3f2;

    /*图片热区裁剪*/
    --dp-hotspot-color-text: #ffffff;
    --dp-hotspot-bg-selected: rgba(83, 96, 250, 0.8);
    --dp-hotspot-bg-hover: rgba(83, 96, 250, 0.8);
    --dp-hotspot-bg-default: rgba(83, 96, 250, 0.5);
    --dp-hotspot-color-line: #ffffff;
}

/* B商城运营端设计变量 https://joyspace.jd.com/sheets/nsc4gzVzjIDfZNKqnqGB?clientId=65dbb3bb116d4fadbdea54b9e828b229 */
body {
    --rcd-color-gradient-a-normal: linear-gradient(90deg, #2839f9 0%, #0d6eff 100%);
    --rcd-color-gradient-a-hover: linear-gradient(90deg, #5461fb 0%, #3d8bff 100%);
    --rcd-color-gradient-a-click: linear-gradient(90deg, #212ec8 0%, #0a58cc 100%);
    --rcd-color-gradient-a-disable: linear-gradient(90deg, #98a9ff 0%, #b2d1ff 100%);
    --rcd-color-gradient-b-normal: linear-gradient(90deg, #6f17ff 0%, #8348ff 100%);
    --rcd-color-gradient-b-hover: linear-gradient(90deg, #8d46ff 0%, #9c6dff 100%);
    --rcd-color-gradient-b-click: linear-gradient(90deg, #5a13cc 0%, #693acc 100%);
    --rcd-color-gradient-b-disable: linear-gradient(90deg, #c6a3ff 0%, #dbcaff 100%);
    --rcd-color-brand-normal: #266bf6;
    --rcd-color-brand-hover: #5188f7;
    --rcd-color-brand-click: #1e55c4;
    --rcd-color-brand-disable: #a8c4fb;
    --rcd-color-brand-light-normal: #f2f6fe;
    --rcd-color-brand-light-hover: #f6f7fe;
    --rcd-color-brand-light-click: #e5edfe;
    --rcd-color-brand-light-disable: #fbf8ff;
    --rcd-color-success-normal: #33ba99;
    --rcd-color-success-hover: #66cbb3;
    --rcd-color-success-click: #00a980;
    --rcd-color-success-disable: #99ddcc;
    --rcd-color-success-background: #edf9f6;
    --rcd-color-warning-normal: #f29333;
    --rcd-color-warning-hover: #f5ae66;
    --rcd-color-warning-click: #ef7800;
    --rcd-color-warning-disable: #f9c999;
    --rcd-color-warning-background: #fef7ef;
    --rcd-color-error-normal: #f7344b;
    --rcd-color-error-hover: #f96778;
    --rcd-color-error-click: #f5011e;
    --rcd-color-error-disable: #fb99a5;
    --rcd-color-error-background: #feeff1;
    --rcd-color-info-normal: #3375dc;
    --rcd-color-info-hover: #6698e5;
    --rcd-color-info-click: #0053d3;
    --rcd-color-info-disable: #99baed;
    --rcd-color-info-background: #eff4fc;
    --rcd-color-text-400: #080b31;
    --rcd-color-text-300: #393c5a;
    --rcd-color-text-200: #77798e;
    --rcd-color-text-100: #b4b5c1;
    --rcd-color-text-white: #ffffff;
    --rcd-color-line-300: #b1b4c5;
    --rcd-color-line-200: #dedfe6;
    --rcd-color-line-100: #edeef2;
    --rcd-color-line-white: #ffffff;
    --rcd-color-fill-300: #d2d5e3;
    --rcd-color-fill-200: #ebedf3;
    --rcd-color-fill-100: #f7f8fa;
    --rcd-color-fill-white: #ffffff;
    --rcd-color-fill-white-80: #ffffff80;
    --rcd-color-fill-white-60: #ffffff60;
    --rcd-color-fill-white-40: #ffffff40;
    --rcd-color-fill-white-20: #ffffff20;
    --rcd-color-fill-black: #000000;
    --rcd-color-fill-black-80: rgba(0, 0, 0, 0.8);
    --rcd-color-fill-black-60: #00000060;
    --rcd-color-fill-black-40: #00000040;
    --rcd-color-fill-black-20: #00000020;
    --rcd-color-auxiliary-purple-600: #5d12b3;
    --rcd-color-auxiliary-purple-500: #7535be;
    --rcd-color-auxiliary-purple-400: #9665cd;
    --rcd-color-auxiliary-purple-300: #b594dc;
    --rcd-color-auxiliary-purple-200: #d6c3eb;
    --rcd-color-auxiliary-purple-100: #e6dbf3;
    --rcd-color-auxiliary-cyan-600: #008ea3;
    --rcd-color-auxiliary-cyan-500: #269eb0;
    --rcd-color-auxiliary-cyan-400: #59b5c3;
    --rcd-color-auxiliary-cyan-300: #8cccd5;
    --rcd-color-auxiliary-cyan-200: #bfe2e7;
    --rcd-color-auxiliary-cyan-100: #d9eef1;
    --rcd-color-auxiliary-lawngreen-600: #83c10d;
    --rcd-color-auxiliary-lawngreen-500: #95ca31;
    --rcd-color-auxiliary-lawngreen-400: #aed662;
    --rcd-color-auxiliary-lawngreen-300: #c7e391;
    --rcd-color-auxiliary-lawngreen-200: #dfefc2;
    --rcd-color-auxiliary-lawngreen-100: #ecf5da;
    --rcd-color-auxiliary-fuchsia-600: #bf03ac;
    --rcd-color-auxiliary-fuchsia-500: #c829b8;
    --rcd-color-auxiliary-fuchsia-400: #d55ac8;
    --rcd-color-auxiliary-fuchsia-300: #e28dd9;
    --rcd-color-auxiliary-fuchsia-200: #eebfea;
    --rcd-color-auxiliary-fuchsia-100: #f5d9f2;
    --rcd-color-auxiliary-yellow-600: #e9af02;
    --rcd-color-auxiliary-yellow-500: #ecba27;
    --rcd-color-auxiliary-yellow-400: #f0ca5a;
    --rcd-color-auxiliary-yellow-300: #f5da8c;
    --rcd-color-auxiliary-yellow-200: #f9eabf;
    --rcd-color-auxiliary-yellow-100: #fbf2d8;
    --rcd-shadow-low: 0 1px 3px 0 rgba(4, 1, 135, 0.08), 0 1px 6px 0 rgba(4, 1, 135, 0.06);
    --rcd-shadow-middle: 0 6px 12px -2px rgba(4, 1, 135, 0.08), 0 2px 14px 0 rgba(4, 1, 135, 0.06);
    --rcd-shadow-high: 0 10px 18px -3px rgba(4, 1, 135, 0.08), 0 2px 28px -1px rgba(4, 1, 135, 0.06);
    --rcd-border-radius-base: 2px;
    --rcd-border-radius-2x: 4px;
    --rcd-border-radius-4x: 8px;
    --rcd-border-radius-6x: 12px;
    --rcd-border-radius-8x: 16px;
    --rcd-border-radius-half: 50%;
    --rcd-border-radius-special: 50%;
    --rcd-border-radius-0: 0px;
    --rcd-border-spacing-base: 2px;
    --rcd-border-spacing-2x: 4px;
    --rcd-border-spacing-4x: 8px;
    --rcd-border-spacing-6x: 12px;
    --rcd-border-spacing-8x: 16px;
    --rcd-border-spacing-10x: 20px;
    --rcd-border-spacing-12x: 24px;
    --rcd-border-spacing-16x: 32px;
    --rcd-border-spacing-20x: 40px;
    --rcd-border-spacing-24x: 48px;
    --rcd-border-spacing-28x: 56px;
    --rcd-line-height-16: 16px;
    --rcd-line-height-18: 18px;
    --rcd-line-height-22: 22px;
    --rcd-line-height-24: 24px;
    --rcd-line-height-28: 28px;
    --rcd-line-height-30: 30px;
    --rcd-line-height-36: 36px;
    --rcd-line-height-48: 48px;
    --rcd-line-height-60: 60px;
    --rcd-font-size-base: 10px;
    --rcd-font-size-12x: 12px;
    --rcd-font-size-14x: 14px;
    --rcd-font-size-16x: 16px;
    --rcd-font-size-18x: 18px;
    --rcd-font-size-20x: 20px;
    --rcd-font-size-24x: 24px;
    --rcd-font-size-32x: 32px;
    --rcd-font-size-40x: 40px;
    --rcd-font-weight-regular: normal;
    --rcd-font-weight-bold: 600;
    --rcd-border-width-base: 1px;
    --rcd-border-width-2x: 2px;
}