:root {
  /* 后续溢出max-w */
  --width-pc-max: 1280px;
  --color-primary: #2958a3;
  --color-primary-index: #5fa8df;
  --color-cataract-highlight: #e13540;
  --color-booknow: #5595df;
  --color-hover-index: #e57563;
  --color-text-info: #4d4d4d;
  --color-text-desc: #515151;
  --color-text-intro: #555555;
  /* 白内障 */
  --color-cataract: #1b80a0;
  --color-cataract-backtop: #9ee2f2;
  --color-cataract-third: #66c5dc;
  --color-cataract-light: #dbf3f8;
  /* 黄斑病变 */
  --color-macular: #c87f16;
  --color-macular-backtop: #fff6ef;
  --color-macular-light: #f9ebd7;
  /* 视网膜脱落 */
  --color-retinal: #975551;
  --color-retinal-backtop: #eab1a6;
  --color-retinal-light: #f3e3e2;
  /* 结膜炎 */
  --color-conjunctivitis: #675197;
  --color-conjunctivitis-backtop: #c1c1ee;
  --color-conjunctivitis-light: #dedeff;
  /* 飞蚊症 */
  --color-floaters: #207193;
  --color-floaters-backtop: #b7d9f2;
  --color-floaters-third: #ebf6ff;
  --color-floaters-light: #d0f1ff;
  /* 干眼症 */
  --color-dryeyes: #6460a3;
  --color-dryeyes-backtop: #cabddc;
  --color-dryeyes-light: #d3d0f8;
  /* 青光眼 */
  --color-glaucoma: #36aaa3;
  --color-glaucoma-backtop: #c8e3e3;
  --color-glaucoma-treat: #6bc8ba;
  --color-glaucoma-light: #d8fbf9;
  /* 儿童斜弱视 */
  --color-amblyopia: #3bb7c9;
  --color-amblyopia-backtop: #d7f1f5;
  /* 阿品脱眼药水 */
  --color-atropine: #4aadbd;
  --color-atropine-backtop: #b4e4ef;
  --color-atropine-list: #7bbfcb;
  /* 医学验光配镜 */
  --color-optometry: #00a6ce;
  /* 眼矯形及眼眶疾病 */
  --color-eyelid: #cc9d6e;
  --color-eyelid-backtop: #efddcb;
  --color-eyelid-imgbg: #fedbc7;
  /* 眼表及角膜疾病 */
  --color-ocular: #61a481;
  --color-ocular-backtop: #d9f0e1;
  --color-ocular-second: #7dbe9c;
  --color-ocular-third: #acd9c1;
}
/* 字体颜色 */
.text-primary {
  color: var(--color-primary);
}
.text-primaryIndex {
  color: var(--color-primary-index);
}
.text-indexHover {
  color: var(--color-hover-index);
}
.text-info {
  color: var(--color-text-info);
}
.text-desc {
  color: var(--color-text-desc);
}
.text-intro {
  color: var(--color-text-intro);
}
.text-cataract {
  color: var(--color-cataract);
}
.text-macular {
  color: var(--color-macular);
}
.text-retinal {
  color: var(--color-retinal);
}
.text-conjunctivitis {
  color: var(--color-conjunctivitis);
}
.text-eyelid {
  color: var(--color-eyelid);
}
.text-ocular {
  color: var(--color-ocular);
}
.text-ocular-second {
  color: var(--color-ocular-second);
}
.text-ocular-third {
  color: var(--color-ocular-third);
}
.text-floaters {
  color: var(--color-floaters);
}
.text-dryeyes {
  color: var(--color-dryeyes);
}
.text-glaucoma {
  color: var(--color-glaucoma);
}
.text-glaucoma-treat {
  color: var(--color-glaucoma-treat);
}
.text-amblyopia {
  color: var(--color-amblyopia);
}
.text-atropine {
  color: var(--color-atropine);
}
.text-atropine-list {
  color: var(--color-atropine-list);
}
.text-optometry {
  color: var(--color-optometry);
}
/* 背景颜色 */
.bg-primary {
  background-color: var(--color-primary);
}
.bg-primaryIndex {
  background-color: var(--color-primary-index);
}
.bg-indexHover {
  background-color: var(--color-hover-index);
}
.bg-cataract {
  background-color: var(--color-cataract);
}
.bg-cataract-backtop {
  background-color: var(--color-cataract-backtop);
}
.bg-cataract-light {
  background-color: var(--color-cataract-light);
}
.bg-macular {
  background-color: var(--color-macular);
}
.bg-macular-backtop {
  background-color: var(--color-macular-backtop);
}
.bg-macular-light {
  background-color: var(--color-macular-light);
}
.bg-retinal {
  background-color: var(--color-retinal);
}
.bg-retinal-backtop {
  background-color: var(--color-retinal-backtop);
}
.bg-conjunctivitis {
  background-color: var(--color-conjunctivitis);
}
.bg-conjunctivitis-backtop {
  background-color: var(--color-conjunctivitis-backtop);
}
.bg-conjunctivitis-light {
  background-color: var(--color-conjunctivitis-light);
}
.bg-eyelid {
  background-color: var(--color-eyelid);
}
.bg-eyelid-backtop {
  background-color: var(--color-eyelid-backtop);
}
.bg-eyelid-imgbg {
  background-color: var(--color-eyelid-imgbg);
}
.bg-ocular {
  background-color: var(--color-ocular);
}
.bg-ocular-backtop {
  background-color: var(--color-ocular-backtop);
}
.bg-ocular-second {
  background-color: var(--color-ocular-second);
}
.bg-ocular-third {
  background-color: var(--color-ocular-third);
}
.bg-floaters {
  background-color: var(--color-floaters);
}
.bg-floaters-backtop {
  background-color: var(--color-floaters-backtop);
}
.bg-floaters-third {
  background-color: var(--color-floaters-third);
}
.bg-floaters-light {
  background-color: var(--color-floaters-light);
}
.bg-dryeyes {
  background-color: var(--color-dryeyes);
}
.bg-dryeyes-backtop {
  background-color: var(--color-dryeyes-backtop);
}
.bg-dryeyes-light {
  background-color: var(--color-dryeyes-light);
}
.bg-glaucoma {
  background-color: var(--color-glaucoma);
}
.bg-glaucoma-backtop {
  background-color: var(--color-glaucoma-backtop);
}
.bg-glaucoma-treat {
  background-color: var(--color-glaucoma-treat);
}
.bg-glaucoma-light {
  background-color: var(--color-glaucoma-light);
}
.bg-amblyopia {
  background-color: var(--color-amblyopia);
}
.bg-amblyopia-backtop {
  background-color: var(--color-amblyopia-backtop);
}
.bg-atropine {
  background-color: var(--color-atropine);
}
.bg-atropine-backtop {
  background-color: var(--color-atropine-backtop);
}
.bg-atropine-list {
  background-color: var(--color-atropine-list);
}
.bg-optometry {
  background-color: var(--color-optometry);
}
/* 边框颜色 */
.border-primary {
  border-color: var(--color-primary);
}
.border-info {
  border-color: var(--color-text-info);
}
.border-indexHover {
  border-color: var(--color-hover-index);
}
.border-cataract {
  border-color: var(--color-cataract);
}
.border-macular {
  border-color: var(--color-macular);
}
.border-retinal {
  border-color: var(--color-retinal);
}
.border-conjunctivitis {
  border-color: var(--color-conjunctivitis);
}
.border-eyelid {
  border-color: var(--color-eyelid);
}
.border-ocular {
  border-color: var(--color-ocular);
}
.border-ocular-second {
  border-color: var(--color-ocular-second);
}
.border-ocular-third {
  border-color: var(--color-ocular-third);
}
.border-floaters {
  border-color: var(--color-floaters);
}
.border-dryeyes {
  border-color: var(--color-dryeyes);
}
.border-glaucoma {
  border-color: var(--color-glaucoma);
}
.border-amblyopia {
  border-color: var(--color-amblyopia);
}
.border-atropine {
  border-color: var(--color-atropine);
}
.border-atropine-list {
  border-color: var(--color-atropine-list);
}
.border-optometry {
  border-color: var(--color-optometry);
}