:root{
  --el-color-primary: #0fd597;
  --el-color-primary-light-3: #96e3a3;
  --el-color-primary-light-5: #b2ebbc;
  --el-color-primary-light-7: #d3f3d8;
  --el-color-primary-light-8: #e3f8e6;
  --el-color-primary-light-9: #effbf1;
  --el-color-primary-dark-2: #699670;

  --el-color-success: #0fd597;
  --el-color-success-light-3: #96e3a3;
  --el-color-success-light-5: #b2ebbc;
  --el-color-success-light-7: #d3f3d8;
  --el-color-success-light-8: #e3f8e6;
  --el-color-success-light-9: #effbf1;
  --el-color-success-dark-2: #699670;

  /* --el-color-primary: #0fd697;
  --el-color-primary-light-3: #96e8ce;
  --el-color-primary-light-5: #b3f0dd;
  --el-color-primary-light-7: #d4f7eb;
  --el-color-primary-light-8: #e3fcf4;
  --el-color-primary-light-9: #f0fffa;
  --el-color-primary-dark-2: #2e8066;

  --el-color-success: #0fd697;
  --el-color-success-light-3: #96e8ce;
  --el-color-success-light-5: #b3f0dd;
  --el-color-success-light-7: #d4f7eb;
  --el-color-success-light-8: #e3fcf4;
  --el-color-success-light-9: #f0fffa;
  --el-color-success-dark-2: #2e8066; */

  --el-color-warning: #ff8a1c;
  --el-color-warning-light-3: #FB9E48;
  --el-color-warning-light-5: #f2b67d;
  --el-color-warning-light-7: #f7cca3;
  --el-color-warning-light-8: #fad8b8;
  --el-color-warning-light-9: #fce3cc;
  --el-color-warning-dark-2: #E87002;

  --el-color-danger: #f26969;
  --el-color-danger-light-3: #fa8585;
  --el-color-danger-light-5: #fcb3b3;
  --el-color-danger-light-7: #ffd1d1;
  --el-color-danger-light-8: #ffe0e0;
  --el-color-danger-light-9: #ffeded;
  --el-color-danger-dark-2: #E95151;

  --swiper-theme-color: #2bb967;
}

.el-message{
  --el-message-padding: 10px 15px;
}

.el-dialog{
  --el-dialog-border-radius: 16px;
}

.relative{
  position: relative;
}
.cursor-pointer{
  cursor: pointer;
}

.footer-privacy-main a{
  color: var(--el-color-primary);
}
.footer-privacy{
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-bottom: 10px;
}
.footer-privacy-icon{
  flex: 0 0 14px;
  display: inline-block;
  margin-right: 8px;
  height: 14px;
  border: 1px solid var(--el-color-primary);
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  transition: all 0.3s;
}
.footer-privacy-icon.active{
  border-color: var(--el-color-primary);
  background-color: var(--el-color-primary);
}
.footer-icon{
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.line-clamp{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.line-clamp2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 控制显示的行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}