:root {
    /* 主题颜色 */
    --primary-color: #0060FF;
    --primary-color__hover: #3E86FD;
    --primary-color__active: #80B0FF;
    --primary-color-x: #2064ed;
    --primary-color-1: #008bff;
    --primary-color-7: #e3f3ff;
    
    /* 背景和警告色 */
    --bg-color: #F3F3F4;
    --main-color: #0060FF;
    

    --warning-color-1: #FF9900;
    
    /* 尺寸变量 */
    --aiv-size-1: 2px;
    --aiv-size-2: 4px;
    --aiv-size-3: 6px;
    --aiv-size-4: 8px;
    --aiv-size-5: 10px;
    --aiv-size-6: 12px;
    --aiv-size-7: 14px;
    --aiv-size-8: 16px;
    --aiv-size-9: 18px;
    --aiv-size-10: 20px;
    --aiv-size-11: 24px;
    --aiv-size-12: 28px;
    --aiv-size-13: 32px;
    --aiv-size-14: 36px;
    --aiv-size-15: 42px;
    --aiv-size-16: 48px;
    
    /* 圆角变量 */
    --aiv-radio-s: var(--aiv-size-2);
    --aiv-radio-m: var(--aiv-size-3);
    --aiv-radio-l: var(--aiv-size-5);
    --aiv-radio-xl: var(--aiv-size-6);
    --aiv-radio-xxl: var(--aiv-size-8);
    --aiv-radio-circle: 50%;
}
.w-full{
  width: 100%;
}
.h-full{
  height: 100%;
}
.cl-main{
  color: var(--primary-color);
}
.cl-main:hover{
  color: var(--primary-color__hover) !important;
}
.cl-money{
  color: #FF5E14;
}
.aiv-button_old{
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
input.aiv-button_old{
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}
button.aiv-button_old{
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--primary-color) !important;
}
.aiv-button_old:hover{
  background-color: var(--primary-color__hover)!important;
  color: #fff !important;
}
.aiv-button_old:active{
  background-color: var(--primary-color__active) !important;
  color: #fff !important;
}
.aiv-button_outline{
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  background-color: #fff !important;
}
input.aiv-button_outline{
  outline: none !important;
  box-shadow: none !important;
}
/* .aiv-button_outline:hover{
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.aiv-button_outline:active{
  background-color: var(--primary-color__active) !important;
  color: #fff !important;
} */
.member-header{
  border-bottom: 1px solid #EAEDF1;
  padding-bottom: 10px;
}
.text-ellipsis-1, .text-clamp-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }
  
  .text-ellipsis-2, .text-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  
  .text-ellipsis-3, .text-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  
  .text-ellipsis-4, .text-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4 !important;
    line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  .text-ellipsis-5, .text-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5 !important;
    line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-word;
  }
  /* form */
  input.aiv-input{
    border:1px solid #D9D9D9;
    border-radius: var(--aiv-radio-m);
    height: var(--aiv-size-14);
    padding: 0 var(--aiv-size-5);
    line-height: var(--aiv-size-15);
  }
  /* upload  */
  .aiv-btn__upload{
    background-color: var(--primary-color);
    border-radius: var(--aiv-radio-s);
  }
  .aiv-btn__upload:hover{
    background-color: #fff;
    border: 1px solid var(--primary-color);
  }