/* 主色 */
.primary-text-color {
  color: #427cf5;
}
.primary-border-color {
  border-color: #427cf5;
}
/* 次色 */
.secondary-text-color {
  color: #424242;
}
.secondary-border-color {
  border-color: #424242;
}
/* 辅助色 */
.subsidiary-text-color {
  color: #808080;
}
.subsidiary-border-color {
  border-color: #808080;
}
/* 标题及主要文案颜色 */
.title-text-color {
  color: #000;
}
/* 激活色 */
.active-text-color {
  color: #134ed3;
}
.active-border-color {
  border-color: #134ed3;
}
.active-bg-color {
  background-color: #134ed3;
}
/* 文字颜色 */
.text-color {
  color: #2e2d2d;
}
.text-color-secondary {
  color: #333333;
}
.text-link-color {
  color: #0a72ff;
}
.text-link-hover-color {
  color: #134ed3;
}
/* 背景色 */
.primary-bg-color {
  background-color: rgba(255, 255, 255, 0.4);
}
.secondary-bg-color {
  background-color: rgba(255, 255, 255, 1);
}
/* 分割线 */
.line {
  border-top: 1px solid #cbd2e2;
}
/* 常用字体 */
.biggest-font-size {
  font-size: 24px;
}
.more-than-bigger-font-size {
  font-size: 20px;
}
.title-font-size {
  font-size: 20px;
}
.bigger-font-size {
  font-size: 18px;
}
.main-font-size {
  font-size: 16px;
}
.minor-font-size {
  font-size: 14px !important;
}
.less-minor-font-size {
  font-size: 13px;
}

/* 基础圆角 */
.base-border-radius {
  border-radius: 12px;
}
.base-border-top-left-radius {
  border-top-left-radius: 12px;
}
.base-border-top-right-radius {
  border-top-right-radius: 12px;
}
.base-border-bottom-left-radius {
  border-bottom-left-radius: 12px;
}
.base-border-bottom-right-radius {
  border-bottom-right-radius: 12px;
}
/* 常用边距 */
.base-padding {
  padding: 20px 20px 20px 20px;
}
.base-left-padding {
  padding-left: 20px !important;
}
.base-right-padding {
  padding-right: 20px !important;
}
.base-top-padding {
  padding-top: 20px !important;
}
.base-bottom-padding {
  padding-bottom: 20px !important;
}
.base-up-and-down-padding {
  padding-top: 20px;
  padding-bottom: 20px;
}
.base-left-and-right-padding {
  padding-left: 20px;
  padding-right: 20px;
}
.base-margin {
  margin: 20px 20px 20px 20px;
}
.base-left-margin {
  margin-left: 20px;
}
.base-right-margin {
  margin-right: 20px;
}
.base-top-margin {
  margin-top: 20px;
}
.base-bottom-margin {
  margin-bottom: 20px;
}
.base-up-and-down-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.base-left-and-right-margin {
  margin-left: 20px;
  margin-right: 20px;
}
/* asidbar颜色配置 */
.asidbar-bg-color {
  background-color: #427cf5;
}

/* 按钮 */
.layui-btn-radius {
  border-radius: 100px !important;
}
.layui-btn.primary-btn {
  background-color: #427cf5;
  color: #fff;
  font-size: 18px;
  border-color: #427cf5;
}
.layui-btn.primary-btn:hover {
  background-color: #2966e4;
  border-color: #2966e4;
  color: #fff;
}
.layui-btn.info-btn {
  font-size: 18px;
  color: #223752;
  background-color: #fff;
  border-color: #b9c5d4;
}
.layui-btn.info-btn:hover {
  background: #f0f5fb !important;
  border-color: #b9c5d4 !important;
  color: #223752 !important;
}