@use './var.scss' as *; 
 | 
@use './function.scss' as *; 
 | 
@use './reset.scss' as *; 
 | 
@use './nut.scss' as *; 
 | 
@use './mixins.scss' as *; 
 | 
@use './font.scss' as *; 
 | 
@use 'sass:map'; 
 | 
@use 'senin-mini/dist/styles/index.scss' as *; 
 | 
@use '@life-payment/components/src/styles/index.scss' as *; 
 | 
  
 | 
:root, 
 | 
page { 
 | 
  @include bole-set-component-css-var('color', $bole-colors); 
 | 
  @include bole-set-component-css-var('text-color', $bole-text-color); 
 | 
  @include bole-set-component-css-var('size', $bole-size); 
 | 
  background-color: map-get($bole-colors, 'body-background-color'); 
 | 
  
 | 
  font-family: Source Han Sans CN, 'PingFang SC', 'miui', 'Microsoft Yahei', BlinkMacSystemFont, 
 | 
    'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'Hiragino Sans GB', sans-serif; 
 | 
  
 | 
  --primary-color: #{map-get($bole-colors, 'primary')}; 
 | 
  overflow: hidden; 
 | 
  
 | 
  --nut-primary-color: #{map-get($bole-colors, 'primary')}; 
 | 
  --nut-primary-color-end: $primary-color-end; 
 | 
  
 | 
  --nut-tag-success-background-color: #d0f8e2; 
 | 
  --nut-tag-danger-background-color: #ffe5e5; 
 | 
  
 | 
  --nut-badge-background-color: #{map-get($bole-colors, 'danger')}; 
 | 
} 
 | 
  
 | 
.clearfix:after { 
 | 
  content: ''; 
 | 
  display: block; 
 | 
  height: 0; 
 | 
  clear: both; 
 | 
  visibility: hidden; 
 | 
} 
 | 
  
 | 
.clearfix { 
 | 
  /* 触发 hasLayout */ 
 | 
  zoom: 1; 
 | 
} 
 | 
  
 | 
// 解决iPhone x 以后的机型 底部安全区域的问题 https://jelly.jd.com/article/6006b1055b6c6a01506c87fd 
 | 
.safe-area-bottom { 
 | 
  padding-bottom: constant(safe-area-inset-bottom); 
 | 
  padding-bottom: env(safe-area-inset-bottom); 
 | 
} 
 | 
  
 | 
.primary { 
 | 
  color: boleGetCssVar('color', 'primary'); 
 | 
} 
 | 
  
 | 
.warning { 
 | 
  color: boleGetCssVar('color', 'warning'); 
 | 
} 
 | 
  
 | 
.danger { 
 | 
  color: boleGetCssVar('color', 'danger'); 
 | 
} 
 | 
  
 | 
.success { 
 | 
  color: boleGetCssVar('color', 'success'); 
 | 
} 
 | 
  
 | 
.common-infinite-scroll-list-no-padding { 
 | 
  @include listScrollViewWithNoPadding; 
 | 
} 
 | 
  
 | 
.common-infinite-scroll-list { 
 | 
  @include listScrollView; 
 | 
} 
 | 
  
 | 
.common-page-infinite-scroll-list { 
 | 
  @include listScrollView; 
 | 
  padding-top: 16px; 
 | 
} 
 | 
  
 | 
.id-imgUrl-wrapper { 
 | 
  display: flex; 
 | 
  gap: 40px; 
 | 
} 
 |