:root {
  /* 主题颜色 */
  --global-primary-color: #017aff;

  /* 主题颜色的中间色 */
  --global-primary-color-lighten: color-mix(in srgb, var(--global-primary-color), #fff 80%);

  --global-primary-color-lighten-90: color-mix(in srgb, var(--global-primary-color), #fff 90%);

  --global-primary-color-lighten-70: color-mix(in srgb, var(--global-primary-color), #fff 70%);

  --global-primary-color-lighten-50: color-mix(in srgb, var(--global-primary-color), #fff 50%);

  /** 圆角度数 */
  --global-border-radius: 4px;

  --global-color-gray: #757575;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: #e6e6e6;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #e6e6e6;
}

*::-webkit-scrollbar-corner {
  background: #f6f6f6;
}

.sk-input-placeholder {
  height: 38px;
}

.sk-text-left {
  text-align: left !important;
}

.sk-pl-0 {
  padding-left: 0 !important;
}

.sk-pr-0 {
  padding-right: 0 !important;
}

.sk-mb-0 {
  margin-bottom: 0 !important;
}

.sk-text-right {
  text-align: right !important;
}

.sk-card {
  box-shadow: none;
}

.sk-card .layui-card-header {
  font-size: 18px;
}

.sk-card .layui-card-body {
  padding: 0;
}

.sk-form-lable-fluid {
  width: 100% !important;
  box-sizing: border-box;
}

.sk-from-item-block {
  border: 1px solid var(--global-primary-color-lighten-50);
  background-color: var(--global-primary-color-lighten-90);
  border-radius: var(--global-border-radius);
}

.layui-slider {
  background-color: var(--global-primary-color-lighten);
}