:root {
  --neutralPrimary: #323130;
  --white: #ffffff;
  --black: #000000;
  --neutralLighterAlt: #faf9f8;
  --neutralLighter: #f3f2f1;
  --neutralLight: #edebe9;
  --neutralDark: #201f1e;
  --themeLighter: #deecf9;
  --themeLighterAlt: #eff6fc;
  --themeLight: #c7e0f4;
  --themePrimary: #0078d4;
  --themeSecondary: #2b88d8;
  --themeTertiary: #71afe5;
  --themeDarkAlt: #106ebe;
  --themeDark: #005a9e;
  --themeDarker: #004578;
  --neutralQuaternaryAlt: #e1dfdd;
  --neutralQuaternary: #d0d0d0;
  --neutralTertiaryAlt: #c8c6c4;
  --neutralTertiary: #a19f9d;
  --neutralPrimary-trs: #32313044;
  --white-trs: #ffffff44;
  --black-trs: #00000044;
  --neutralLighterAlt-trs: #faf9f844;
  --neutralLighter-trs: #f3f2f144;
  --neutralLight-trs: #edebe944;
  --neutralDark-trs: #201f1e44;
  --themeLighter-trs: #deecf944;
  --themeLighterAlt-trs: #eff6fc44;
  --themeLight-trs: #c7e0f444;
  --themePrimary-trs: #0078d444;
  --themeSecondary-trs: #2b88d844;
  --themeTertiary-trs: #71afe544;
  --themeDarkAlt-trs: #106ebe44;
  --themeDark-trs: #005a9e44;
  --themeDarker-trs: #00457844;
  --neutralQuaternaryAlt-trs: #e1dfdd44;
  --neutralQuaternary-trs: #d0d0d044;
  --neutralTertiaryAlt-trs: #c8c6c444;
  --neutralTertiary-trs: #a19f9d44;
  --shared-red20: #a4262c;
  --shared-redorange10: #da3b01;
  --shared-bluemagenta30: #5c2e91;
  --shared-purpledark: #32145a;
  --shared-bluedark: #002050;
  --shared-tealdark: #004b50;
  --shared-bluemid: #00188f;
  --shared-orangelight: #ea4300;
  --shared-greendark: #004b1c;
  --shared-red20-trs: #a4262c44;
  --shared-redorange10-trs: #da3b0144;
  --shared-bluemagenta30-trs: #5c2e9144;
  --shared-purpledark-trs: #32145a44;
  --shared-bluedark-trs: #00205044;
  --shared-tealdark-trs: #004b5044;
  --shared-bluemid-trs: #00188f44;
  --shared-orangelight-trs: #ea430044;
  --shared-greendark-trs: #004b1c44;
  --transparent: transparent;
  --transparent-trs: transparent;
}

.pfButton {
  text-decoration: none;
  display: inline-block;
  position: relative;
  line-height: 20px;
}

.pfButton:hover {
  text-decoration: none;
}

.pfButton.button-white {
  text-align: center;
  background: #fff;
  color: var(--themePrimary);
}

.pfButton.button-white:hover {
  background: var(--neutralLight);
}

.pfHorizontalSeparator {
  position: relative;
  text-align: center;
}

.pfHorizontalSeparator.spaceHeight-30 {
  height: 30px;
}

.pfHorizontalSeparator .separatorLine {
  position: absolute;
  top: 50%;
  width: 100%;
}

.pfHorizontalSeparator.spaceLineHeight-1 .separatorLine {
  height: 1px;
}

h1,
h4,
p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  cursor: pointer;
}

article> :first-child {
  margin-top: 0;
}

main>* {
  margin-top: 15px;
}

.pageFull>main {
  width: 100%;
}

.pageWrapper {
  display: flex;
  margin-top: 15px;
}

img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

footer {
  margin-top: 25px;
}

.pageWrapper,
.syncWithContentWidth {
  margin-left: auto;
  margin-right: auto;
}

.pfStackPanel.stack-vertical {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pfStackPanel>* {
  margin-top: 0;
  margin-bottom: 0;
}

.pfStackPanel.stack-vertical>* {
  flex: 100%;
}

.pfStackPanel.stack-vertical.content-horizontal-align-center {
  align-items: center;
}

.pfStackPanel.stack-vertical.space-20>* {
  margin-bottom: 20px !important;
}

.pfStackPanel.stack-vertical> :last-child {
  margin-bottom: 0 !important;
}

.margin-0 {
  margin: 0 !important;
}

.pfBox {
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
}

.pfBox.bgImgFill {
  background-size: cover;
  background-position: 50%;
}

.pfBox.padding-0 {
  padding: 0;
}

.pfBox.padding-10 {
  padding: 10px;
}

.pfBox.padding-15 {
  padding: 15px;
}

.pfBox.height-fill {
  height: 100%;
}

.text-align-default {
  text-align: inherit;
}

.text-align-center {
  text-align: center;
}

.pfBox.content-vertical-align-center {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.pfBox.content-horizontal-align-center {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.height-auto {
  height: auto;
}

.height-75 {
  min-height: 75px !important;
}

.height-180 {
  min-height: 180px !important;
}

.height-600 {
  min-height: 600px !important;
}

.pfLayout {
  display: flex;
}

.pfLayout.layout50 .pfLayoutColumn {
  width: 50%;
}

@media (max-width: 480px) {
  .pfLayout {
    display: block;
  }

  .pfLayout>.pfLayoutColumn {
    flex: none;
    width: 100% !important;
    display: block;
  }

  .pageWrapper {
    display: block;
  }
}

.pfBox.background-trans {
  background-color: var(--transparent);
}

.pfBox.background-trans.boxdecoration-acrylic {
  background-color: var(--transparent-trs);
}

.pfBox.background-themeSecondary {
  background-color: var(--themeSecondary);
}

.pfBox.background-themeTertiary {
  background-color: var(--themeTertiary);
}

.pfBox.background-themeTertiary.boxdecoration-acrylic {
  background-color: var(--themeTertiary-trs);
}

.pfBox.background-themeLight {
  background-color: var(--themeLight);
}

.pfBox.background-themeLight.boxdecoration-acrylic {
  background-color: var(--themeLight-trs);
}

.pfBox.background-themeLighter {
  background-color: var(--themeLighter);
}

.pfBox.background-themeLighterAlt {
  background-color: var(--themeLighterAlt);
}

.text-white {
  color: var(--white);
}

.text-neutralPrimary {
  color: var(--neutralPrimary);
}

.pfHorizontalSeparator.border-tertiary .separatorLine {
  background-color: #a19f9d;
}

:root {
  --corner-radius: 2px;
  --font-size: 14px;
  --font-family: 'Open Sans', sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: var(--neutralPrimary);
  background: var(--white);
}

a {
  color: var(--themePrimary);
  text-decoration: none;
}

a:hover {
  color: var(--themeDark);
  text-decoration: underline;
}

h1 {
  font-size: 3em;
  font-weight: bold;
}

h4 {
  font-size: 2em;
  font-weight: bold;
}

ul,
li {
  margin: 0;
  padding-left: 20px;
}

ul li {
  padding: 0;
  margin: 0;
  list-style: disc;
}

strong {
  font-weight: 600;
}

p {
  line-height: 150%;
}

.pageWrapper {
  margin-top: 0;
}

.boxdecoration-none {
  border-radius: none;
  box-shadow: none;
}

.boxdecoration-acrylic {
  -webkit-backdrop-filter: blur(10px) saturate(125%);
  backdrop-filter: blur(10px) saturate(125%);
}

.pfButton {
  font-weight: 600;
  border-radius: var(--corner-radius);
  text-transform: uppercase;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  padding: 6px 14px 8px 14px;
}

@media (max-width: 600px) {
  h1 {
    font-size: 2em !important;
  }

  h4 {
    font-size: 1.4em !important;
  }
}

.pfButton {
  text-decoration: none;
  display: inline-block;
  position: relative;
  line-height: 20px;
}

.pfButton:hover {
  text-decoration: none;
}

.pfButton.button-white {
  text-align: center;
  background: #fff;
  color: var(--themePrimary);
}

.pfButton.button-white:hover {
  background: var(--neutralLight);
}

.pfHorizontalSeparator {
  position: relative;
  text-align: center;
}

.pfHorizontalSeparator.spaceHeight-30 {
  height: 30px;
}

.pfHorizontalSeparator .separatorLine {
  position: absolute;
  top: 50%;
  width: 100%;
}

.pfHorizontalSeparator.spaceLineHeight-1 .separatorLine {
  height: 1px;
}

h1,
h4,
p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  cursor: pointer;
}

article> :first-child {
  margin-top: 0;
}

main>* {
  margin-top: 15px;
}

.pageFull>main {
  width: 100%;
}

.pageWrapper {
  display: flex;
  margin-top: 15px;
}

img {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

footer {
  margin-top: 25px;
}

.pageWrapper,
.syncWithContentWidth {
  margin-left: auto;
  margin-right: auto;
}

.pfStackPanel.stack-vertical {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pfStackPanel>* {
  margin-top: 0;
  margin-bottom: 0;
}

.pfStackPanel.stack-vertical>* {
  flex: 100%;
}

.pfStackPanel.stack-vertical.content-horizontal-align-center {
  align-items: center;
}

.pfStackPanel.stack-vertical.space-20>* {
  margin-bottom: 20px !important;
}

.pfStackPanel.stack-vertical> :last-child {
  margin-bottom: 0 !important;
}

.margin-0 {
  margin: 0 !important;
}

.pfBox {
  box-sizing: border-box;
  background-size: contain;
  background-repeat: no-repeat;
}

.pfBox.bgImgFill {
  background-size: cover;
  background-position: 50%;
}

.pfBox.padding-0 {
  padding: 0;
}

.pfBox.padding-10 {
  padding: 10px;
}

.pfBox.padding-15 {
  padding: 15px;
}

.pfBox.height-fill {
  height: 100%;
}

.text-align-default {
  text-align: inherit;
}

.text-align-center {
  text-align: center;
}

.pfBox.content-vertical-align-center {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.pfBox.content-horizontal-align-center {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.height-auto {
  height: auto;
}

.height-75 {
  min-height: 75px !important;
}

.height-180 {
  min-height: 180px !important;
}

.height-600 {
  min-height: 600px !important;
}

.pfLayout {
  display: flex;
}

.pfLayout.layout50 .pfLayoutColumn {
  width: 50%;
}

@media (max-width: 480px) {
  .pfLayout {
    display: block;
  }

  .pfLayout>.pfLayoutColumn {
    flex: none;
    width: 100% !important;
    display: block;
  }

  .pageWrapper {
    display: block;
  }
}

.pfBox.background-trans {
  background-color: var(--transparent);
}

.pfBox.background-trans.boxdecoration-acrylic {
  background-color: var(--transparent-trs);
}

.pfBox.background-themeSecondary {
  background-color: var(--themeSecondary);
}

.pfBox.background-themeTertiary {
  background-color: var(--themeTertiary);
}

.pfBox.background-themeTertiary.boxdecoration-acrylic {
  background-color: var(--themeTertiary-trs);
}

.pfBox.background-themeLight {
  background-color: var(--themeLight);
}

.pfBox.background-themeLight.boxdecoration-acrylic {
  background-color: var(--themeLight-trs);
}

.pfBox.background-themeLighter {
  background-color: var(--themeLighter);
}

.pfBox.background-themeLighterAlt {
  background-color: var(--themeLighterAlt);
}

.text-white {
  color: var(--white);
}

.text-neutralPrimary {
  color: var(--neutralPrimary);
}

.pfHorizontalSeparator.border-tertiary .separatorLine {
  background-color: #a19f9d;
}

:root {
  --corner-radius: 2px;
  --font-size: 14px;
  --font-family: 'Open Sans', sans-serif;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: var(--neutralPrimary);
  background: var(--white);
}

a {
  color: var(--themePrimary);
  text-decoration: none;
}

a:hover {
  color: var(--themeDark);
  text-decoration: underline;
}

h1 {
  font-size: 3em;
  font-weight: bold;
}

h4 {
  font-size: 2em;
  font-weight: bold;
}

ul,
li {
  margin: 0;
  padding-left: 20px;
}

ul li {
  padding: 0;
  margin: 0;
  list-style: disc;
}

strong {
  font-weight: 600;
}

p {
  line-height: 150%;
}

.pageWrapper {
  margin-top: 0;
}

.boxdecoration-none {
  border-radius: none;
  box-shadow: none;
}

.boxdecoration-acrylic {
  -webkit-backdrop-filter: blur(10px) saturate(125%);
  backdrop-filter: blur(10px) saturate(125%);
}

.pfButton {
  font-weight: 600;
  border-radius: var(--corner-radius);
  text-transform: uppercase;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  padding: 6px 14px 8px 14px;
}

/* 倒计时样式 */
.days,
.hour,
.minute,
.second {
  display: inline-block;
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.545);
  font-weight: 900;
  text-align: center;
  line-height: 80px;
}

@media (max-width: 600px) {
  h1 {
    font-size: 2em !important;
  }

  h4 {
    font-size: 1.4em !important;
  }
}
