/* 
  注释要求：
  类别名|属性名|描述|*值类型|*ignore
  约定：值类型[color,px,number,percent,var,func,other]
  css属性分类有：
*/
/* global.less */
/* font family */

// 全局|字体|字体类型
@font-sans: "Helvetica Neue",Helvetica,Arial,sans-serif;
// 全局|字体|字体类型|ignore
@font-serif: Georgia, "Times New Roman",Times,serif;
// 全局|字体|字体类型|ignore
@font-wp: "Microsoft YaHei",sans-serif;
// 全局|字体|字体类型|ignore
@font-biz: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
// 全局|字体|全局字体|ignore
@font-global: @font-sans;

/* font color */
// 全局|字体|链接字体颜色
@global-link-color: #61749B;
// 全局|字体|描述性文字颜色|ignore
@global-desc-color: #B2B2B2;
// 全局|字体|警告性文字颜色
@global-warn-color: #E31A17;
// 全局|字体|别名文字颜色|ignore
@global-nick-name-color: #576B95;
// 全局|字体|文本颜色
@global-text-color: #000;
// 全局|字体|标题颜色
@global-title-color: #000;
// 全局|字体|Ft颜色
@global-ft-text-color: #666;
// 全局|字体|灰色色号
@global-gray-color: #999;

/* border */
// 全局|边框|默认边框颜色
@global-border-color: #BCBAB6;

/* component */
// 全局|背景|激活态背景色
@global-item-active-color: #E4E4E4;

/* page */
// 全局|背景|页面默认背景色|ignore
@global-page-default-background-color: #EFEFF4;

/* gap */
// 全局|间距|5像素间距|ignore
@global-gap-5-px: 50px; 
// 全局|间距|10像素间距|ignore
@global-gap-10-px: 10px;
// 全局|间距|15像素间距|ignore
@global-gap-15-px: 15px;

// 全局|字体|主题色
@global-theme-color: #5890ff;
// 全局|透明度|禁用|ignore
@global-disabled-opacity: 0.5;

/* warp width */
// 全局|字体|单倍系数
@w: 37.5rem;
// 全局|字体|双倍系数
@w2: 75rem;

/**
* components.less
*/

/* actionsheet */
// 弹出操作框|字体|标签突出色
@actionsheet-label-primary-color: #1AAD19;
// 弹出操作框|字体|标签警告色
@actionsheet-label-warn-color: #E64340;
// 弹出操作框|字体|标签默认色
@actionsheet-label-default-color: #000;
// 弹出操作框|字体|标签禁用色
@actionsheet-label-disabled-color: #ccc;
// 弹出操作框|边框|边框弧度
@actionsheet-android-border-radius: 2px;
// 弹出操作框|背景|默认背景色
@actionsheet-default-background-color: #EFEFF4;
// 弹出操作框|背景|激活态背景色
@actionsheet-active-background-color: #ECECEC;


/* tabbar */
// 底部标签|字体|激活态标签文字颜色
@tabbar-text-color-active: #09BB07;
// 底部标签|定位|底部标签层级
@tabbar-z-index: 100;

/* dialog */
// 对话框|字体|对话框按钮强调色
@dialog-button-text-primary-color: #5890ff;
// 对话框|字体|对话框按钮默认色
@dialog-button-text-default-color: #333;
// 对话框|背景|背景色
@dialog-background-color: #FAFAFC;
// 对话框|边框|边框颜色
@dialog-action-line-color: #D5D5D6;
// 对话框|字体|链接字体颜色
@dialog-action-font-color: #3CC51F;
// 对话框|字体|链接字体激活态颜色
@dialog-action-active-background: #EEEEEE;

/* x-number */
// 数字输入|字体|按钮颜色
@x-number-button-color: #3cc51f;
// 数字输入|字体|数字颜色
@x-number-number-color: #666;

/* checkbox */
// 单选框|字体|选择框选中态图标颜色
@checkbox-icon-color-checked: #5890ff;

/* check-icon */
// 单选框|字体|选择态颜色
@check-icon-color-checked: @checkbox-icon-color-checked;

/* Cell */
// Cell布局控件|字体|标签颜色
@cell-label-color: #000;
// Cell布局控件|字体|标签颜色
@cell-body-label-color: #000;
// Cell布局控件|背景|背景色
@cell-background-color: #FFFFFF;
// Cell布局控件|边框|边框颜色
@cell-border-color: #D9D9D9;
// Cell布局控件|尺寸|竖直距离
@cell-vertical-gap: 20/@w2;
// Cell布局控件|尺寸|水平距离
@cell-horizontal-gap: 30/@w2;
// Cell布局控件|尺寸|内部水平距离
@cell-inner-horizontal-gap: 70/@w2;
// Cell布局控件|尺寸|高度
@cell-height: 108/@w2;
// Cell布局控件|字体|字体大小
@cell-font-size: 30/@w2;
// Cell布局控件|字体|字体大小 小字号
@cell-font-size-little: 28/@w2;
// Cell布局控件|字体|描述字体大小 
@cell-tips-font-size: 26/@w2;
// Cell布局控件|尺寸|标题宽度
@cell-label-width: 180/@w2;
// Cell布局控件|尺寸|标题图标宽度
@cell-icon-width: 60/@w2;
// Cell布局控件|尺寸|行高
@cell-line-height: unit((@cell-height - 2 * @cell-vertical-gap) / @cell-font-size); // 高度为54px，减去上下padding的行高
// Cell布局控件|尺寸|上边距
@cells-margin-top: unit(20 / @cell-font-size, em);

/* Mask */
// 对话框|背景|遮罩层颜色
@dialog-mask-background: rgba(0, 0, 0, .6);


/* XHeader */
// 页头栏|背景|页头背景颜色
@x-header-background-color: #35495e;
// 页头栏|字体|页头标题颜色
@x-header-title-color: #fff;
// 页头栏|字体|页头文字颜色
@x-header-text-color: #ccc;
// 页头栏|字体|页头箭头颜色
@x-header-arrow-color: #ccc;

/* Switch */
// 开关按钮|背景|打开时背景色
@switch-checked-bg-color: @global-theme-color;
// 开关按钮|边框|打开时边框色
@switch-checked-border-color: @global-theme-color;
// 开关按钮|尺寸|按钮高度
@switch-height: 64/@w2;

/* Button */
// 按钮|背景|警告背景色
@button-warn-bg-color: #DA1768;
// 按钮|背景|激活态背景色
@button-warn-active-color: #C13E3E;
// 按钮|颜色|微信绿
@color-wechat-green: #5890ff;



/* Badge */
// 红点|背景|背景色
@badge-bg-color: #f74c31;

/* cui_button.less */
// 按钮|尺寸|默认外间距
@button-default-gap: 30/@w2;
// 按钮|尺寸|按钮高度
@button-height: 84/@w2;
// 按钮|尺寸|按钮最小行高
@button-mini-height: 1.9;
// 按钮|字体|按钮字体大小
@button-font-size: 36/@w2;
// 按钮|字体|字体颜色
@button-font-color: #FFFFFF;
// 按钮|字体|禁用态字体颜色
@button-disabled-font-color: rgba(255,255,255,.6);
// 按钮|字体|激活态字体颜色
@button-active-font-color: rgba(255,255,255,.4);
// 按钮|字体|最小字体大小
@button-mini-font-size: 38/@w2;
// 按钮|尺寸|圆角弧度
@button-border-radius: 5px;
// 按钮|背景|按钮默认背景色
@button-default-bg-color: #F7F7F7;
// 按钮|背景|按钮激活态默认背景颜色
@button-default-active-bg-color: #DEDEDE;
// 按钮|字体|按钮默认字体颜色
@button-default-font-color: #454545;
// 按钮|字体|按钮禁用态字体颜色
@button-default-disabled-font-color: #C9C9C9;
// 按钮|字体|按钮激活态默认字体颜色
@button-default-active-font-color: #A1A1A1;
// 按钮|背景|背景强调色
@button-primary-bg-color: #3B5999;
// 按钮|背景|激活态强调色
@button-primary-active-bg-color: #283C64;
// 按钮|背景|激活态警告背景色
@button-warn-active-bg-color: @button-warn-active-color;

/* cui_grid.less */
// 全局|边框|边框颜色
@grid-border-color: #D9D9D9;
// 全局|字体|字体大小
@grid-font-size: 14px;
// 全局|尺寸|图标大小
@grid-icon-size: 28px;
// 全局|尺寸|列数
@grid-column-count: 3;

/* cui_msg.less */
// // 消息|尺寸|上内边距|ignore
// @weuiMsgPaddingTop: 36px;
// // 消息|尺寸|图标边距|ignore
// @weuiMsgIconGap: 30px;
// // 消息|尺寸|标题边距|ignore
// @weuiMsgTitleGap: 5px;
// // 消息|尺寸|文本边距|ignore
// @weuiMsgTextGap: 25px;
// // 消息|尺寸|边距|ignore
// @weuiMsgOprGap: 25px;
// // 消息|尺寸|边距|ignore
// @weuiMsgExtraAreaGap: 15px;
// // 消息|尺寸|边距|ignore
// @weuiMsgExtraAreaOfMinHeight: 438px;

/* cui_progress.less */
// 进度条|背景|背景色
@progress-bg-color: #EBEBEB;
// 进度条|背景|进度条颜色
@progress-color: #09BB07;
// 进度条|尺寸|进度条高度
@progress-height: 3px;

// Checker|占位|占位
@placeholder: none;
// Checklist|占位|占位
@placeholder: none;
// Clocker|占位|占位
@placeholder: none;
// Close|占位|占位
@placeholder: none;
// ColorPicker|占位|占位
@placeholder: none;
// Comment|占位|占位
@placeholder: none;
// Confirm|占位|占位
@placeholder: none;
// Countdown|占位|占位
@placeholder: none;
// Countup|占位|占位
@placeholder: none;
// Datetime|占位|占位
@placeholder: none;
// Device|占位|占位
@placeholder: none;
// Divider|占位|占位
@placeholder: none;
// Flexbox|占位|占位
@placeholder: none;
// Group|占位|占位
@placeholder: none;
// Icon|占位|占位
@placeholder: none;
// IconLoading|占位|占位
@placeholder: none;
// InlineCalendar|占位|占位
@placeholder: none;
// Keyboard|占位|占位
@placeholder: none;
// List|占位|占位
@placeholder: none;
// Loading|占位|占位
@placeholder: none;
// Masker|占位|占位
@placeholder: none;
// Number-roller|占位|占位
@placeholder: none;
// Panel|占位|占位
@placeholder: none;
// Picker|占位|占位
@placeholder: none;
// Popup|占位|占位
@placeholder: none;
// PopupPicker|占位|占位
@placeholder: none;
// Pulldown|占位|占位
@placeholder: none;
// PulldownPullup|占位|占位
@placeholder: none;
// Pullup|占位|占位
@placeholder: none;
// Radio|占位|占位
@placeholder: none;
// Scroller-full|占位|占位
@placeholder: none;
// Scroller-header|占位|占位
@placeholder: none;
// Scroller-swiper|占位|占位
@placeholder: none;
// Scroller|占位|占位
@placeholder: none;
// ScrollerPage|占位|占位
@placeholder: none;
// Search|占位|占位
@placeholder: none;
// Selector|占位|占位
@placeholder: none;
// Selectorlist|占位|占位
@placeholder: none;
// Shake|占位|占位
@placeholder: none;
// Spinner|占位|占位
@placeholder: none;
// Steps|占位|占位
@placeholder: none;
// Sticky|占位|占位
@placeholder: none;
// Swiper|占位|占位
@placeholder: none;
// Tab|占位|占位
@placeholder: none;
// Tabbar|占位|占位
@placeholder: none;
// Tip|占位|占位
@placeholder: none;
// Toast|占位|占位
@placeholder: none;
// UploadPic|占位|占位
@placeholder: none;
// Verify-code|占位|占位
@placeholder: none;
// ViewBox|占位|占位
@placeholder: none;
// XAddress|占位|占位
@placeholder: none;
// XAlert|占位|占位
@placeholder: none;
// XDialog|占位|占位
@placeholder: none;
// XInput|占位|占位
@placeholder: none;
// XNumber|占位|占位
@placeholder: none;
// XProgress|占位|占位
@placeholder: none;
// XTextarea|占位|占位
@placeholder: none;