@font-face {
  font-family: 'OhYeah';
  src: url('../daka/OhYeah.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
html,body {
  margin: 0;height: 100%;
}
html {
  font-size: 26.6666vw;
}
@media (min-width: 960px) {
  html {font-size: 128px;}
}
body {
  font-family: '-apple-system', 'Helvetica Neue', 'Helvetica', 'Tahoma', 'Arial', 'PingFang SC', 'Microsoft Yahei';
  font-size: 16px;
  color: #03081A;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body::before {
  content: '';
  display: block;
  height: 3.18rem;
  width: 100%;
  background-image: url(../daka/maotouying1.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;
  margin: .15rem 0 .08rem;
}
h1 {
  margin: 0;
  font-size: .28rem;
  order: 1;
  letter-spacing: .26em;
  text-indent: .26em;
}
p {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  font-size: .8rem;
}
p span {
  font-size: .2rem;
  letter-spacing: .14em;
  font-weight: 600;
  text-indent: .2em;
}
p strong {
  font-family: 'OhYeah';
  color: #ca3939;
  white-space: nowrap;
}
p:nth-child(3) {
  flex: 1;
  order: 2;
  width: 100%;
  margin: .2rem 0 0;
  font-family: inherit;
  background-color: #595f69;
  font-size: .46rem;
}
p:nth-child(3) strong {
  color: #fff;
}
p:nth-child(3) span {
  font-size: .12rem;
  margin: .1rem 0 0;
  color: rgba(255,255,255,.6);
  font-weight: 300;
}