:root {
  --color-main-active: rgba(5, 95, 194, 1);
  --color-main-primay: rgba(59, 65, 75, 1);
  --font-family-base: "Source Han Sans CN";
  --font-size-base: 16px;

  --color-bg-hover: #f6faff;

  /* 普通按钮颜色 */
  --btn-plain-border-color: rgba(230, 231, 232, 1);
  --btn-plain-bg-color: rgba(255, 255, 255, 1);
  --btn-plain-text-color: rgba(59, 65, 75, 1);
  /* 选中按钮颜色 */
  --btn-active-border-color: var(--color-main-active);
  --btn-active-bg-color: rgba(231, 243, 255, 1);
  --btn-active-text-color: var(--color-main-active);

  /* 文字颜色 设计定义*/
  --text-primary-color: #0a121e;
  --text-primary-90-color: #222934;
  --text-primary-80-color: #3b414b;
  --text-primary-65-color: #5f656c;
  --text-primary-50-color: #84888e;

  /* 背景颜色 设计定义*/
  --bg-black-10: #E6E7E8;
  --bg-black-5: #EAECEE;
  --bg-black-2: #F7F8F9;
  --bg-white-100: #FFFFFF;
  --bg-white-80: rgba(255, 255, 255, 0.8);
  --bg-white-65: rgba(255, 255, 255, 0.65);
  --bg-white-50: rgba(255, 255, 255, 0.5);
  --bg-white-35: rgba(255, 255, 255, 0.35);

  /* 描边颜色 设计定义*/
  --border-black-10: #E6E7E8;
  --border-black-5: #EAECEE;

  /* 主色 设计定义*/
  --color-primary-100: #055FC2;
  --color-primary-50: #89C1FF;
  --color-primary-35: #B9DCFF;
  --color-primary-10: #E7F3FF;
  --color-primary-2: #F6FAFF;
  /* 红色 设计定义 */
  --color-red-100:#CE4F51;
  --color-red-10:rgba(206, 79, 81, 0.1);
  /* 橙色 设计定义 */
  --color-orange-100:#FF954D;
  --color-orange-10:rgba(255, 149, 77, 0.1);
  /* 黄色 设计定义 */
  --color-yellow-100:#E8BD0B;
  --color-yellow-10:rgba(232, 189, 11, 0.1);
  /* 绿色 设计定义 */
  --color-green-100:#218139;
  --color-green-10:rgba(33, 129, 57, 0.1);
}

.hover-dialog {
  max-width: 1200px;
  max-height: 600px;
  overflow: hidden;
  overflow-y: auto;
  padding: 8px 16px;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
  background: rgba(59, 65, 75, 1);
  color: #fff;
  font-family: Microsoft YaHei;
  font-style: Regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0px;
  text-align: left;
}
