/* Version: 2021-12-16 qiuxiaohong */
:root{
/*// 非常规用色，用于文字反白等*/
--c1: #FFFFFF;
--c1-a: #D94623;
/*// 辅助搭配内容用色，用于页面背景、模块内容包裹等*/
--c2: #F4F4F4;
/*// 辅助内容用色，用于页面分割线、分割底色、选项按钮常规底色等*/
--c3: #EBEBEB;
/*// 特殊内容用色，用于无货标签文字、特殊不可点击按钮等*/
--c4: #CCCCCC;
/*// 次要内容用色，用于次级标题内容、属性标示、非主要信息引导及常规按钮边框等*/
--c5: #999999;
/*// 文本二级用色，用户次级文字、长文本或者文字搭配中的图标色*/
--c6: #666666;
/*// 主内容用色，用于常规标题内容、细文浏览、按钮文字及图标引导*/
--c7: #222222;
/*// 非常规用色，用于页面遮罩等*/
--c8: #000000;


/*// 品牌色，用于常规商品价格、功能按钮、促销活动等*/
--c9: #FF3030;
/*// 渐变色，用于一级功能按钮渐变起点*/
--c9-1: #FF3030;
/*// 渐变色，用于一级功能按钮渐变终点*/
--c9-2: #FF5722;
/*// 辅助品牌色，用于加车按钮等*/
--c10: #FF9B48;
/*// 辅助品牌色，用于优惠券等*/
--c10-a: #FF3030;
/*//渐变色，用于商详加车按钮场景起点*/
--c10-b: #FFBA0D;
/*//渐变色，用于商详加车按钮场景终点*/
--c10-c: #FFA41C;
/*//商详优惠促销标签等*/
--c10-d: #FF3030;

/*//功能色*/
/*//功能色，用于成功/通过等正向反馈*/
--c11: #00C38F;
/*//功能色，用于提示/警示等需要引起用户注意的场景*/
--c12: #DE6A1C;
/*//功能色，用于失败/警告等负向反馈*/
--c13: #FF1923;
/*//功能色，用于标识其他场景*/
--c14:#4D84FE;

/*//砍价主题色：用户文字颜色*/
--c30:#FF0159;
/*//砍价渐变色-首：用于背景色和按钮色*/
--c31:#FE0059;
/*//砍价渐变色-尾：用于背景色和按钮色*/
--c32:#FE2824;

/*// 字体*/
--font-family:"JDZhengHT-EN","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Arial",sans-serif;

/*// 按钮 超大*/
--button-ml:48px;
/*// 按钮 大*/
--button-l:40px;
/*// 按钮 中*/
--button-m:30px;
/*// 按钮 小*/
--button-s:44px;

/*// 按钮 圆角 大*/
--button-radius-l:9999999px;
/*// 按钮 圆角 中*/
--button-radius-m:6px;
/*// 按钮 圆角 小*/
--button-radius-s:0px;

/*// 安全距离 超大 大*/
--button-padding-l: 0 18px;
/*// 安全距离 小*/
--button-padding-m: 0 12px;
/*// 安全距离 属性*/
--button-padding-s: 0 6px;

/*// 字重 常规*/
--font-weight-normal: 400;
/*// 字重 粗体*/
--font-weight-bold: 700;

/*// 字体大小 1*/
--font-size-1: 36px;
/*// 字体大小 1*/
--font-size-2: 30px;
/*// 字体大小 1*/
--font-size-3: 24px;
/*// 字体大小 1*/
--font-size-4: 20px;
/*// 字体大小 1*/
--font-size-5: 18px;
/*// 字体大小 1*/
--font-size-6: 16px;
/*// 字体大小 1*/
--font-size-7: 14px;
/*// 字体大小 1*/
--font-size-8: 13px;
/*// 字体大小 1*/
--font-size-9: 12px;
/*// 字体大小 1*/
--font-size-10: 11px;
/*// 字体大小 1*/
--font-size-11: 10px;
--font-size-12: 9px;
--font-size-13: 8px;
--font-size-14: 7px;
--font-size-15: 6px;


/*// 图标资源*/
--icon-url-prefix: '';
/*// 图标资源版本号*/
--icon-version:'v1.0.0';

    /**
       行高
     */
--LineHeight: 1;
--LineHeight13: 1.3;
--LineHeight15: 1.5;

    /*倒角变量*/
/*//楼层卡片倒角,左上和右上圆角*/
--r1: 12px;
/*//楼层卡片倒角,左下、右下圆角*/
--r2: 12px;

 /*仅店铺/CMS组件左上、右上圆角*/
--r3: 8px;

 /*仅店铺/CMS组件左下、右下圆角*/
--r4: 8px;

/*//浮层卡片倒角,左上和右上圆角*/
--r30: 12px;
/*//浮层卡片倒角,左下和右下圆角*/
--r31: 12px;

/*//弹窗/Toast倒角,左下、左上、右下、右上圆角*/
--r40: 12px;

    /*按钮倒角*/
/*//左上、左下、右上、右下圆角（80px高度）*/
--r50: 20px;
/*//左上、左下、右上、右下圆角（60px高度）*/
--r51: 15px;
/*//左上、左下、右上、右下圆角（48px高度）*/
--r52: 12px;
/*//仅商详底部Bar“加车按钮”左上、左下圆角（80px高度）*/
--r53: 20px;
/*//仅商详底部Bar“加车按钮”右上、右下圆角（80px高度）*/
--r54: 0px;
/*//仅商详底部Bar“立即购买”左上、左下圆角（80px高度）*/
--r55: 0px;
/*//仅商详底部Bar“立即购买”右上、右下圆角（80px高度）*/
--r56: 20px;

    /*标签倒角*/
/*//左上、左下、右上、右下圆角（高度不限制）*/
--r60: 4px;
/*//左上、左下、右上、右下圆角， （高60px）*/
--r61: 15px;
/*//左上、左下、右上、右下圆角， （高48px）*/
--r62: 12px;
/*//左上、左下、右上、右下圆角， （高40px）*/
--r63: 10px;

    /*搜索框倒角  //左上、左下、右上、右下圆角高度(64px)*/
--r70: 16px;

    /*商品图倒角  //左上、左下、右上、右下圆角*/
--r75: 6px;

    /*输入框  //左上、左下、右上、右下圆角*/
--r80: 20px;

    /*优惠券  //左上、左下、右上、右下圆角*/
--r90: 12px;
/*//角标右下圆角*/
--r91: 8px;


    /*楼层卡片间隔*/
/*//通用楼层上间隔*/
--w1: 0px;
/*//通用楼层下间隔*/
--w2: 8px;
/*//通用楼层左、右间隔*/
--w3: 8px;
/*//顶部Tab上间隔*/
--w4: 0px;
/*//顶部Tab下间隔*/
--w5: 6px;
/*//顶部Tab 左、右间隔*/
--w6: 0px;
/*//仅个人中心楼层上间隔*/
--w7: 0px;
/*//仅个人中心楼层下间隔*/
--w8: 10px;
/*//仅个人中心楼层左间隔*/
--w9: 10px;
/*//仅商品推荐楼层上间隔*/
--w10: 0px;
/*//仅商品推荐楼层下间隔*/
--w11: 10px;
/*//仅商品推荐楼层左、右间隔*/
--w12: 10px;
/*//仅同类型元素重复展示，上间隔（搜索结果页、浏览记录、地址列表、关注商品、关注店铺、消息）*/
--w13: 0px;
/*//仅同类型元素重复展示，下间隔（搜索结果页、浏览记录、地址列表、关注商品、关注店铺、消息）*/
--w14: 0px;
/*//仅同类型元素重复展示，左右（搜索结果页、浏览记录、地址列表、关注商品、关注店铺、消息）*/
--w15: 0px;
/*//图文导航楼层左右间距 */
 --ws1: 12px;
 /*通用楼层下间距*/
 --ws2: 16px;

 --ws3: 0px;
 --ws4: 12px;
 --ws5: 12px;
 --ws6: 3px;

 /*//仅商详页商品图下间距*/
--w17: 8px;
/*//仅商详页底部Bar 按钮之间的间距*/
--w18: 0px;


/*//按钮圆角*/
--b17: 50px;

/*图文导航左右间隔*/
--WS1: 12px;

/*图文导航下间隔*/
--WS2: 12px;

/*轮播Banner楼层左、右间隔*/
--WS3: 0px;

/*轮播Banner楼层下间隔*/
--WS4: 12px;

/* 商品图楼层左、右间隔 */
--WS5: 12px;

/* 商品图楼层上、下间隔 */
--WS6: 3px;

}