:root{
  --el-color-primary: #0fd597;
  --el-color-primary-light-3: rgba(15, 213, 151, 0.7);
  --el-color-primary-light-5: rgba(15, 213, 151, 0.7);
  --el-color-primary-light-6: rgba(15, 213, 151, 0.06);
  --el-color-primary-light-7: #d3f3d8;
  --el-color-primary-light-8: #e3f8e6;
  --el-color-primary-light-9: #effbf1;

  --el-color-primary-dark-2: rgba(15, 213, 151, 0.6);

  --el-color-success: #0fd597;
  --el-color-success-light-3: rgba(15, 213, 151, 0.7);
  --el-color-success-light-5: rgba(15, 213, 151, 0.7);
  --el-color-success-light-6: rgba(15, 213, 151, 0.5);
  --el-color-success-light-7: #d3f3d8;
  --el-color-success-light-8: #e3f8e6;
  --el-color-success-light-9: #effbf1;
  --el-color-success-dark-2: rgba(15, 213, 151, 0.6);

  --el-color-warning: #ff8a1c;
  --el-color-warning-light-3: rgba(255, 138, 28, 0.7);
  --el-color-warning-light-5: rgba(255, 138, 28, 0.7);
  --el-color-warning-light-7: #f7cca3;
  --el-color-warning-light-8: #fad8b8;
  --el-color-warning-light-9: #fce3cc;
  --el-color-warning-dark-2: rgba(255, 138, 28, 0.6);

  --el-color-danger: #f26969;
  --el-color-danger-light-3: rgba(242, 105, 105, 0.7);
  --el-color-danger-light-5: rgba(242, 105, 105, 0.7);
  --el-color-danger-light-7: #ffd1d1;
  --el-color-danger-light-8: #ffe0e0;
  --el-color-danger-light-9: #ffeded;
  --el-color-danger-dark-2: rgba(242, 105, 105, 0.6);

  --el-color-blue: #29B7F9;
  --el-color-blue-light-1: rgba(41, 183, 249, .1);
  --el-color-blue-light-3: rgba(41, 183, 249, .3);
  --el-color-blue-light-5: rgba(41, 183, 249, .5);
  --el-color-blue-light-7: rgba(41, 183, 249, .7);
  --el-color-blue-light-8: rgba(41, 183, 249, .8);
  --el-color-blue-light-9: rgba(41, 183, 249, .9);
  --el-color-blue-dark-2: rgba(41, 183, 249, .6);
  


  --el-color-info: #cccccc;
  --el-color-info-light-1: rgba(153,153,153,0.1);

  --el-component-size: 36px;

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

  --el-border-radius-base: 6px;
  --el-popover-border-radius: 16px;
  --normal-color: #222;
  --el-text-color-primary: #222;
  --el-text-color-regular: #666;

  --body-backgroug-color: #eff2f7;
  --el-border-color-light: var(--body-backgroug-color);
}
.el-button, .el-select__wrapper, .el-radio.is-bordered{
  height: var(--el-component-size);
}
/* 表格 */
.el-table{
  --el-table-header-bg-color: #F7F7F9;
  --el-table-header-text-color: var(--normal-color);
}
.el-card {
  color: var(--el-text-color-regular)
}
.el-tabs__item {
  font-size: var(--el-font-size-medium) 
}
.el-tag.el-tag--primary{
  --el-tag-border-color: transparent;
}

.el-tag.el-tag--warning{
  --el-color-warning:#FFA666;
  --el-color-warning-light-9: rgba(255,166,102,0.1);
  --el-tag-border-color: transparent;
}
.el-tag--dark.el-tag--blue {
  --el-tag-bg-color: var(--el-color-blue);
  --el-tag-border-color: var(--el-color-blue);
  --el-tag-hover-color: var(--el-color-blue-light-3);
}
.el-tag--light.el-tag--blue {
  --el-tag-bg-color: var(--el-color-blue-light-1);
  --el-tag-border-color: transparent;
  --el-tag-hover-color: var(--el-color-blue-light-3);
  --el-tag-text-color: var(--el-color-blue);
}
.el-tag--light.el-tag--info {
  --el-color-info: #666666;
  --el-tag-bg-color: var(--el-color-info-light-1);
  --el-tag-border-color: transparent;
}
.el-button--blue {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-blue);
  --el-button-border-color: var(--el-color-blue);
  --el-button-outline-color: var(--el-color-blue-light-5);
  --el-button-active-color: var(--el-color-blue-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-blue-light-5);
  --el-button-hover-bg-color: var(--el-color-blue-light-3);
  --el-button-hover-border-color: var(--el-color-blue-light-3);
  --el-button-active-bg-color: var(--el-color-blue-dark-2);
  --el-button-active-border-color: var(--el-color-blue-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-blue-light-5);
  --el-button-disabled-border-color: var(--el-color-blue-light-5);
}
.el-button--blue:hover {
  background-color: var(--el-color-blue);
  border-color: var(--el-color-blue);
}
.el-card{
  --el-card-border-radius: 8px;
  --el-card-padding: 30px;
}
.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover{
  box-shadow: none;
  border: none;
}
.el-dialog{
  --el-dialog-border-radius: 16px;
}
.el-pagination{
  --el-pagination-border-radius: 6px;
}
.el-date-picker{
  border-radius: var(--el-popover-border-radius);
}
.el-button--info {
  --el-color-info: #F7F7F9;
  --el-button-text-color: var(--normal-color);
  --el-color-info-light-3: var(--el-color-success-light-3);
}
.el-button--info:active{
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
}

.el-select--large .el-select__wrapper{
  min-height: 36px;
}

.el-input__prefix{
  position: unset;
  left: unset;
  top: unset;
}
.el-picker-panel__icon-btn{
  margin-top: 0;
}
.el-dialog__header{
  margin-right: 0;
}
a, a:active, a:hover{
  color: inherit;
}

.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;
}
.button-228{
  width: 228px;
  height: 36px;
}
.align-center{
  text-align: center;
}
.hot-icon{
  display: inline-block;
  height: 20px;
  width: 20px;
  position: relative;
}
.hot-icon::before, .hot-icon::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF5A5A;
}
.hot-icon::before{
  background: rgba(255,90,90,0.3);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.8);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}