:root { 
  --atlantis: #97bf41;
  --black: #000000;
  --dove-gray: #6c6c6c;
  --dove-gray-2: #6f6f6f;
  --fern-green: #498040;
  --narvik: #ecfdf3;
  --narvik-2: #ebfdf2;
  --shark: #24272a;
  --white: #ffffff;
  --x2: #498040;
  --x3: #97bf41;
  --x4: #ffffff;
  --x5: #6c6c6c;
 
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 15px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 48px;

  /* 手机端 */
  --font-size-mobile-default: 12px;
  --font-size-mobile-16px: 16px;


  --font-family-inter: "Inter", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}

@font-face
{
  font-family: Poppins;
  src: url('../fonts/Poppins-Regular.ttf')
}

.poppins-normal-black-16px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-fern-green-16px {
  color: var(--fern-green);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-dove-gray-16px {
  color: var(--dove-gray);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-normal-shark-15px {
  color: var(--shark);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
}

.poppins-normal-white-20px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
}

.poppins-semi-bold-black-48px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.poppins-medium-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
}

.poppins-bold-black-24px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.poppins-normal-dove-gray-16px-2 {
  color: var(--dove-gray-2);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.nanjia-mail-home-a {
  color: #6f6f6f
}

.nanjia-mail-other-a {
  color: #ffffff
}

.nanjia-mail-home-a:hover {
  color: #8dceff !important;
}

.nanjia-mail-other-a:hover {
  color: #8dceff !important;
}

.nanjia-mail:active {
  text-decoration: underline;
}
.nanjia-mail:hover {
  text-decoration: underline;
}

.poppins-semi-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.poppins-medium-fern-green-18px {
  color: var(--fern-green);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.poppins-semi-bold-fern-green-78px {
  color: var(--fern-green);
  font-family: var(--font-family-poppins);
  font-size: 78px;
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
}

.poppins-semi-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.poppins-bold-black-20px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.poppins-semi-bold-black-32px {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 600;
}