$brand-color-primary: #4C91FF;
$brand-color-warning: #FF9933;
$brand-color-success: #6BC966;
$brand-color-error: #FF2B2B;
$brand-color-default: #D8D8D8;
$text-color: #000000;
$text-color-inverse: #ffffff;
$text-color-level-1: rgba($text-color, 0.9);
$text-color-level-2: rgba($text-color, 0.7);
$text-color-level-3: rgba($text-color, 0.5);
$text-color-level-4: rgba($text-color, 0.3);
$text-color-disabled: $text-color-level-4;
$text-link-default: #756C95;
$text-link-primary: #0176FF;
$placeholder-color: $text-color-level-3;
$font-size-xxl: 25px;
$font-size-xl: 20px;
$font-size-lg: 18px;
$font-size-md: 16px;
$font-size-nm: 14px;
$font-size-sm: 12px;
$font-size-xs: 10px;
$line-height-xxl: 33px;
$line-height-xl: 28px;
$line-height-lg: 26px;
$line-height-md: 24px;
$line-height-nm: 22px;
$line-height-sm: 20px;
$line-height-xs: 15px;
$font-bold: 700;
$font-medium: 500;
$font-regular: 400;
$font-line-height: 1.6;
$font-family: -apple-system-font, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
$bg-color-default: #ffffff;
$bg-color-block: #f7f7f7;
$bg-color-mask: rgba(0, 0, 0, 0.6);
$border-color-default: #e6e6e6;
$border-color-primary: $brand-color-primary;
$border-radius-nm: 8px;
$border-radius-sm: 4px;
$icon-color-default: #666;
$z-index-toast: 5000;
$z-index-overlay: 4000;
$z-index-mask: 3000;
$z-index-navigation: 2000;
$box-shadow-1: 0 4px 5px 0 rgba(0, 0, 0, 0.07);

$col-actionsheet-bg: $bg-color-default;
$actionsheet-padding: 10px;
$actionsheet-hd-padding: 40px;
$actionsheet-right:10px;
$actionsheet-border-radius: $border-radius-nm;

$actionsheet-title-font-size: $font-size-lg;
$actionsheet-title-font-color: $text-color-level-1;
$actionsheet-title-font-weight: $font-medium;
$actionsheet-title-padding: 17px 0;

$actionsheet-text-font-size: $font-size-nm;
$actionsheet-option-padding: 8px;

$actionsheet-padding-bottom: 32px;

$actionsheet-ft-padding-bottom: 24px;
$actionsheet-close-padding: 5px;

$actionsheet-status-min-height: 280px;
$actionsheet-status-padding: 15px 15px 11px;
$actionsheet-status-icon-size: 65px;
$actionsheet-status-text-margin-top: 19px;

$badge-bg: $brand-color-error; // 设计稿色为 #FF4D4D
$badge-fz-nm: $font-size-xs; // 设计稿fz为8px， 实际展示很小, 此处用了10px
$badge-fz-xs: 8px; // 设计稿fz为7px， 实际展示很小
$badge-border-radius: $border-radius-nm; // 圆角需设计侧规范
$badge-border-radius-xs: $border-radius-sm; // 圆角需设计侧规范
$badge-height: 16px;
$badge-height--xs: 14px;
$badge-height--square-xs: 12px;
$badge-padding: 0 6px;
$badge-padding--xs: 0 5px;
$badge-padding--square: 0 8px;
$badge-border-color: #fff;
$badge-border-width: 1px;
$badge-text-color: $text-color-inverse;
$barcode-padding: 20px;
$barcode-ft-margin-top: 20px;
$barcode-img-width: 255px;
$barcode-img-min-height: 50px;
$barcode-num-line-height: 16px;
$barcode-num-margin-top: 1px;
$barcode-desc-margin-top: 5px;
$barcode-tip-margin-bottom: 12px;
/*
-----------------------------
btn 按钮变量
----------------------------
*/

$btn-padding-gap: 22px;
$btn-padding-gap--sm: 12px;
$btn-font-size: $font-size-md;
$btn-font-size-xl: $font-size-xl;
$btn-font-size-nm: $font-size-nm;
$btn-font-weight: $font-medium;
$btn-height-lg: 50px;
$btn-height: 45px;
$btn-height-sm: 40px;
$btn-border-radius: $border-radius-sm;
$btn-border-round: 999px;
$btn-color-bg: $bg-color-default;
$btn-color-font-disabled: $text-color-level-3;
$btn-theme-primary: $brand-color-primary;
$btn-theme-primary-font: $text-color-inverse;
$btn-theme-danger: $brand-color-error;
$btn-theme-danger-font: $text-color-inverse;
$btn-fixed-z-index: $z-index-navigation;
$btn-opacity-normal-10: 0.1;
$btn-opacity-active: 0.7;
$btn-opacity-disabled: 0.3;

$btn-group-padding: 8px 12px;
$btn-group-padding-bottom--fixed: 32px;

// checkbox

$checkbox-margin: 5px;
$checkbox-size: 18px;
$checkbox-iconfont-size: 9px;
$checkbox-border-width: 2PX;
$checkbox-radius: 50%;
$checkbox-color-iconfont: #fff;
$checkbox-color-bg: $bg-color-default;
$checkbox-color-border: $brand-color-primary;
$checkbox-color-border-disabled: $border-color-default;
$checkbox-color-primary: $brand-color-primary;
$checkbox-color-success: $brand-color-success;
$checkbox-transition: all .3s;

$comment-padding: 15px;
$comment-rate-margin: 6px 0;
$comment-tags-margin: 19px -2px 0;
$comment-tag-min-width: 75px;
$comment-tag-padding: 12px;
$comment-tag-margin: 0 3px 5px;
$comment-common-background: $bg-color-block;
$comment-textarea-wrap-border-color: $border-color-default;
$comment-textarea-wrap-border-width: 1px;
$comment-textarea-wrap-border-radius: 5px;
$comment-textarea-wrap-margin-top: 20px;
$comment-textarea-wrap-padding: 8px 4px;
$comment-textarea-height: 81px;
$dialog-width: 320px;
$dialog-width--lg: 340px;
$dialog-ft-padding--lg: 10px;

$dialog-zindex: $z-index-overlay;
$dialog-background: $bg-color-default;
$dialog-radius: $border-radius-nm;

$dialog-hd-padding: 16px 18px;

$dialog-title-font-size: $font-size-lg;
$dialog-title-font-weight: $font-medium;
$dialog-title-line-height: $line-height-lg;
$dialog-title-color: $text-color-level-1;

$dialog-btn-close-size: 25px;
$dialog-btn-close-icon-size: 18px;
$dialog-btn-close-top: 18px;
$dialog-btn-close-padding-right: 8px;


$dialog-content-padding: 32px 24px 20px;
$dialog-content-padding-top: 8px;
$dialog-content-font-size: $font-size-md;
$dialog-content-font-size--lg: $font-size-nm;
$dialog-content-line-height: $line-height-md;
$dialog-content-line-height--lg: $line-height-nm;
$dialog-content-color: $text-color-level-2;

$dialog-header-padding-tb: 10px;
$dialog-header-padding-lr: 40px;
$dialog-body-padding: 15px;

$dialog-form-padding: 8px 15px 24px;
$dialog-form-input-height: 40px;
$dialog-form-input-padding: 0 10px;
$dialog-form-input-border-radius: $border-radius-sm;
$dialog-form-input-border-width: 1px;

$dialog-btn-active-opacity: 0.5;

$dialog-ft-btn-height--plain: 56px;
$dropdown-tab-height: 44px;
$dropdown-tab-font-size: $font-size-nm;
$dropdown-tab-font-color: $text-color-level-2;
$dropdown-tab-active-color: $brand-color-primary; 
$dropdown-tab-disabled-color: $text-color-disabled; 
$dropdown-tab-triangle-size: 5px;
$dropdown-tab-triangle-margin-left: 6px;
$dropdown-body-zIndex: $z-index-navigation;
$dropdown-body-mask-zIndex: $z-index-mask;
$dropdown-body-menu-zIndex: $z-index-overlay;
/** font相关 **/
// $footer-font-size: $font-size-sm;
$footer-link-border-color: #cacaca;
$footer-link-color-primary: $text-link-default;
// $footer-link-color-default: $text-color-level-3;
$footer-link-color-default: #A8A8A8;
// $footer-padding: 50px 0;
$footer-padding: 25px 0;

$footer-link-padding: 0 10px;

$footer-text-margin-top: 5px;
$footer-text-margin-left: 8px;

$footer-brand-margin-left: 15px;
$footer-brand-padding-left: 15px;

$footer-logo-width: 20px;
/*
---------------------------
form 表单
--------------------------
*/
$form-font-size-xs: $font-size-xs;
$form-font-size-s: $font-size-sm;
$form-font-size: $font-size-md;
$form-font-size-m: $font-size-nm;
$form-line-height: calc($font-size-md + 6px);
$form-color: $text-color;
$form-color-placeholder: $placeholder-color;
$form-item-padding-gap: 20px;
$form-item-color-active: #f5f5f5;
$form-item-label-width: 100px;
$form-item-label-color: $text-color-level-1;
$form-item-ft-margin-gap: 10px;
$form-item-warning: $brand-color-error;
$form-color-selected: $bg-color-block;
$form-color-caret: $text-link-default;

$header-padding: 20px 15px;
$header-padding--small: 15px;
$header-hd-szie: 60px;
$header-hd-szie--small: 40px;
$header-bd-margin-left: 11px;
$header-sex-icon-size: 16px;
$header-sex-icon-margin-left: 6px;
$header-operation-padding-right: 10px;
$header-operation-margin-top--double: 10px;

$header-switch-right: 5px;
$header-switch-bottom: 3px;
$header-switch-height: 14px;
$header-switch-padding: 0 6px;
$header-switch-border-radius: 7px;
$header-switch-line-height: 14px;

$header-users-left: 21px;
$header-users-bottom: -80px;
$header-users-max-width: 285px;
$header-users-height: 74px;
$header-users-background: $bg-color-default;
$header-users-border-width: 1px;
$header-users-border-color: $border-color-default;
$header-users-border-radius: $border-radius-sm;
$header-users-box-shadow: $box-shadow-1;
$header-users-transition-time: 0.3s;

$header-user-inner-max-width: 285px;
$header-user-inner-padding-left: 21px;
$header-user-inner-triangle-size: 5px;
$header-user-inner-triangle-left: 8px;
$header-user-inner-triangle-top--before: -5px;
$header-user-inner-triangle-top--after: -4px;
$header-user-inner-triangle-color: $icon-color-default;

$header-user-margin: 0 10px;
$header-user-margin-right--last-child: 15px;
$header-user-avatar-size: 40px;
$header-user-avatar-border-width: 1px;
$header-user-add-border-width: 1px;
$header-user-add-border-color: $border-color-default;
$header-user-add-icon-bg: #D8D8D8;
$header-user-add-icon-width: 11px;
$header-user-add-icon-height: 2px;
$header-user-add-name-max-width: 50px;
$header-user-add-name-margin-top: 2px;
$list-font-size: $font-size-md;
$list-text-desc: $font-size-nm;
$list-color-primary: $brand-color-primary;

$list-padding: 15px;
$list-arrow-color: $icon-color-default;
$list-ft-margin-left: 10px;
$list-margin-top: 5px;

// $list-logo-size: 40px;
// $list__ft-icon-size: 28px;
$list-arrow-right-size: 24px;
$list-arrow-right-margin-right--after: 5px;

$list-desc-margin-top: 4px;
$list-tag-group-margin-top: 2px;

$list-active-opacity: 0.5;

// 以下为旧版本中使用的变量
// $list-padding-tb: 10px;
// $list-padding-lr: 20px;
// $list-post-padding:15px;
// $list-padding--arrow: $list-padding * 2.6;
$list-item-active-icon-size: 0.85em;
// $list-media-play-size:20px;
$loading-desc-margin-top: 16px;
$loading-animation-time: 1.5s;
$msg-padding-top: 50px;
$msg-padding-bottom: 30px;
$msg-main-size: 65px;
$msg-main-size--empty: 115px;

$msg-title-margin-top: 20px;
$msg-desc-padding: 0 90px;
$msg-desc-padding--empty: 0 30px;
$msg-desc-margin-top: 9px;
$msg-desc-margin-top--empty: 19px;
$multicode-padding: 20px;
$multicode-bd-margin-top: 20px;
// 此处颜色取用了设计稿的颜色，未使用主题色，因为主题色对比度不明显，影响阅读
// $noticebar-warning: #FF9933;
// $noticebar-success: #6BC966;
// $noticebar-error: #FF2B2B;
$noticebar-warning: $brand-color-warning;
$noticebar-success: $brand-color-success;
$noticebar-error: $brand-color-error;
$noticebar-status-optity: 0.1;

$noticebar-padding: 7px 15px;
$noticebar-bd-lineheight: 20px;
$noticebar-bd-margin-left: 7px;
$noticebar-ft-margin-left: 17px;

$noticebar-care-btn-border-radius: $border-radius-sm;
$noticebar-care-btn-width: 64px;
$noticebar-care-btn-height: 20px;

$noticebar-btn-margin-left: 15px;
$noticebar-btn-size: 20px;
$noticebar-btn-arrow-position-left: 1px;

$qrcode-padding: 40px;
$qrcode-size: 180px;
$qrcode-ft-margin-top: 15px;
$qrcode-logo-size: 46px;
$qrcode-desc-margin-top: 5px;
$qrcode-text-margin-top: 5px;
// radio

$radio-margin: 5px;
$radio-size: 18px;
$radio-iconfont-size: 9px;
$radio-border-width: 2PX;
$radio-radius: 50%;
$radio-color-iconfont: #fff;
$radio-color-bg: $bg-color-default;
$radio-color-border: $brand-color-primary;
$radio-color-border-disable: $border-color-default;
$radio-color-primary: $brand-color-primary;
$radio-color-success: $brand-color-success;
$radio-transition: all .3s;
$radio-font-size: $font-size-sm;
$radio-font-size--md: $font-size-md;
$rate-icon-margin-left: 6px;
$rate-icon-size: 17px;
$rate-color-disabled: #c0c0c0;
/*
------------------
search变量
-------------------
*/

$search-page-gap-empty: 13px;
$search-page-height: 100vh;
$search-page-height-bar: 76px;
$search-page-area-bottom: 32px;
$search-page-size-empty-icon: 65px;
$search-page-size-empty-text: $font-size-nm;
$search-page-line-height-empty: 22px;
$search-bgcolor-page: $bg-color-default;


/*
------------------
search变量
-------------------
*/

$search-common-gap: 10px;
$search-gap-bar: 20px;
$search-gap-dropdown: 5px;
$search-gap-action-icon: 10px;
$search-width: 75px;
$search-width-action-icon: 18px;
$search-height: 36px;
$search-height-action-icon: 22px;
$search-size-icon: 14px;
$search-size-triangle: 4px;
$search-btn-icon-width: 20px;
$search-border-radius-round: 999px;
$search-font-size-s: $font-size-sm;
$search-font-size-m: $font-size-nm;
$search-font-size-l: $font-size-md;
$search-font-weight-regular: $font-regular;
$search-font-weight-medium: $font-medium;
$search-font-weight-bold: $font-bold;
$search-font-action: $font-bold;
$search-font-action-icon: 21px;
$search-line-height-action: 22px;
$search-color-normal: $text-color;
$search-color-action: $brand-color-primary;
$search-color-font-action: $text-color-level-3;
$search-color-border: $text-color-level-3;
$search-color-bg: $bg-color-default;
$search-color-90: $text-color-level-1;
$search-color-50: $text-color-level-3;
$search-color-sel-arrow: $text-color-level-3;

/*
------------------
care-street-picker
-------------------
*/

$streetpicker-gap: 15px;
$streetpicker-gap-btn: 10px;
$streetpicker-gap-content: 15px;
$streetpicker-gap-timeline: 16px;
$streetpicker-gap-timeline-item: 21px;
$streetpicker-gap-input: 15px;
$streetpicker-gap-timeline-input: 15px;
$streetpicker-gap-input-tip: 10px;
$streetpicker-padding-bottom-item: 20px;
$streetpicker-width-dot: 7px;
$streetpicker-width-line: 1PX;
$streetpicker-width-input-line: 1PX;
$streetpicker-height-content: 307px;
$streetpicker-height-input: 23px;
$streetpicker-font-weight: $font-medium;
$streetpicker-font-lg: $font-size-lg;
$streetpicker-font-md: $font-size-md;
$streetpicker-lineheight-timeline: 26px;
$streetpicker-radius-timeline: $border-radius-sm;
$streetpicker-radius-input: $border-radius-nm;
$streetpicker-offset-line: 3px;
$streetpicker-offset-dot: 11px;
$streetpicker-offset-line-special: 12px;
$streetpicker-color-timeline-left: #c9c9c9;
$streetpicker-color-timeline: $text-color-level-1;
$streetpicker-color-placeholder: $text-color-level-3;
$streetpicker-color-error: $brand-color-error;
$streetpicker-bgcolor-content: $bg-color-block;
$streetpicker-zindex-dot: 1;





// switch
$switch-gap: 2px;
$switch-transition: all .35s;
$switch-size-width: 45px;
$switch-size-height: 25px;
$switch-size-dot: 21px;
$switch-radius: 999px;
$switch-dot-offset: 100%;
$switch-dot-color: #fff;
$switch-bg-color: #e6e6e6;
$switch-bg-color-opacity: $text-color-level-3;
$switch-color-primary: $brand-color-primary;
/*
------------------
care-tab变量
-------------------
*/
$tab-common-gap: 6px;
$tab-gap-desc: 12px;
$tab-gap-desc-headline: 18px;
$tab-gap-headline: 1px;
$tab-width-left: 65px;
$tab-height-slide: 3px;
$tab-line-height-desc: 14px;
$tab-size-desc: 10px;
$tab-font-size-xs: $font-size-xs;
$tab-font-size-md: $font-size-md;
$tab-font-weight-mudium: $font-medium;
$tab-color-primary: $brand-color-primary;
$tab-color-font: $text-color;
$tab-color-desc: $text-color-level-3;
$tab-color-bg: $bg-color-default;
$tab-transition: all .35s;
$tab-height: 50px;
// tabbar

$tabbar-common-gap: 6px;
$tabbar-bottom-gap: 25px;
$tabbar-item-gap: 6px;
$tabbar-tip-gap: 6px;
$tabbar-item-hd-gap: 6px;
$tabbar-item-remind-gap: 3px;
$tabbar-color-bg: $bg-color-default;
$tabbar-color-font: $text-color-inverse;
$tabbar-color-remind: $brand-color-error;
$tabbar-primary-color: $brand-color-primary;
$tabbar-font-size-s: $font-size-sm;
$tabbar-font-size: $font-size-nm;
$tabbar-font-size-icon: 19px;
$tabbar-font-weight-mudium: $font-medium;
$tabbar-size-img: 18px;
$tabbar-radius-tip: 15px;
$tabbar-tip-gap: 5px;
$tabbar-offset-tip: -35px;
$tabbar-border-tip: 8px;
$tabbar-width-remind: 8px;
$tabbar-height-remind: 14px;
$tabbar-dot-size: 4px;
$tabbar-border-width: 1PX;
$tabbar-border-color: $border-color-default;
$tabbar-itemft-height: 20px;
$tabbar-item-icon-size: 24px;
$tabbar-item-special-size: 40px;
$tabbar-special-icon-size: 60px;
$tabbar-special-offset: -18px;
$tabbar-special-clip-path: 40px;
$tag-triangleWidth: 8px;
// $tag-col-default: $border-color-default; // $brand-color-default
$tag-col-default: $brand-color-default; // $brand-color-default
$tag-col-primary: $brand-color-primary;
$tag-col-success: $brand-color-success;
$tag-col-danger: $brand-color-error;
$tag-col-warning: $brand-color-warning;

$tag-col-light: rgba(255, 255, 255, 0.2);

$tag-min-width: 40px;
$tag-border-radius: 0.2em;
$tag-padding: 0.13em 0.35em;
$tag-padding--xs: 0.01em 0.4em;
$tag-padding--text: 0.2em 0.5em;
$tag-padding--round: 0.1em 0.4em;

$tag-icon-size: 1.16em;
$tag-icon-margin-right: 0.16em;
/*
------------------
care-timeline
-------------------
*/

$timeLine-gap-item: 10px;
$timeLine-gap-content: 15px;
$timeLine-gap-point: 20px;
$timeLine-gap-year: 4px;
$timeLine-gap-arrow: 15px;
$timeLine-gap-arrow-margin: 2px;
$timeLine-gap-arrow-top: 21px;
$timeLine-gap-labels: 5px;
$timeLine-gap-imgs: 3px;
$timeLine-gap-imgs-top: 11px;
$timeLine-gap-edit: 10px;
$timeLine-gap-left: 11px;
$timeLine-gap-range-dot: 12px;
$timeLine-gap-date: 45px;
$timeLine-gap-special-left: 4px;
$timeLine-gap-sort-left: 6px;
$timeLine-gap-tag: 1px;
$timeLine-width-detail: 40px;
$timeLine-width-special: 48px;
$timeLine-width-edit: 12px;
$timeLine-width-imgs: 57px;
$timeLine-height-year: 28px;
$timeLine-size-point: 6px;
$timeLine-size-sort-icon: 18px;
$timeLine-offset-point: 17px;
$timeLine-boxshadow: $box-shadow-1;
$timeLine-radius: $border-radius-sm;
$timeLine-radius-year: 50px;
$timeLine-font-sm: $font-size-sm;
$timeLine-font-nm: $font-size-nm;
$timeLine-font-md: $font-size-md;
$timeLine-font-lg: $font-size-lg;
$timeLine-font-regular: $font-regular;
$timeLine-font-medium: $font-medium;
$timeLine-line-height-align: 25px;
$timeLine-line-height-range: 16px;
$timeLine-line-height-arrow: 25px;
$timeLine-line-height-sort: 22px;
$timeLine-line-height-text: 20px;
$timeLine-line-height-tags: 25px;
$timeLine-color-dot: $brand-color-primary;
$timeLine-color-dot-border: $border-color-default;
$timeLine-color-theme-blue: #333;
$timeLine-color-range: #656565;
$timeLine-color-text: rgba(14, 10, 10, 0.7);
$timeLine-color-50: $text-color-level-3;
$timeLine-color-70: $text-color-level-2;
$timeLine-color-90: $text-color-level-1;
$timeLine-bg-color-range: #B1B1B1;
$timeLine-bg-color-year: rgba(60, 111, 255, .08);
$timeLine-bg-color-content: $bg-color-default;
$timeLine-bg-color-theme-blue: #F0F7FD;
$timeLine-line-color: $border-color-default;
// 时间轴部分颜色没有通用值，暂时以视觉稿颜色为准
// 层级