.r-page-404 .page-404 {
  height: 100vh;
  width: 100vw;
  position: relative;
  background-size: cover;
}
.r-page-404 .page-404 .content {
  color: #fff;
  position: absolute;
  top: 20.625vw;
  left: 64.7916666667vw;
}
.r-page-404 .page-404 .content h2.title {
  font-family: HYQiHeiX1-Bold;
  font-size: 4.1666666667vw;
  line-height: 4.1666666667vw;
  margin-bottom: 2.0833333333vw;
}
.r-page-404 .page-404 .content p.des {
  font-size: 0.8333333333vw;
  line-height: 1.25vw;
  margin-bottom: 0.4166666667vw;
  margin-top: 0.2604166667vw;
}
.r-page-404 .page-404 .content p.des span {
  opacity: 0.5;
}
.r-page-404 .page-404 .content .message {
  line-height: 2.03125vw;
}
.r-page-404 .page-404 .content .message div {
  font-size: 0.8333333333vw;
  opacity: 0.5;
}
@media (min-width: 0) and (max-width: 767px) {
.r-page-404 .page-404 {
    height: 100vh;
    width: 100vw;
    position: relative;
    background-size: cover;
}
.r-page-404 .page-404 .content {
    position: absolute;
    top: 37.3333333333vw;
    left: 10.6666666667vw;
}
.r-page-404 .page-404 .content h2.title {
    font-size: 16vw;
    line-height: 16vw;
    margin-bottom: 10.6666666667vw;
}
.r-page-404 .page-404 .content p.des {
    font-size: 3.7333333333vw;
    line-height: 5.8666666667vw;
    margin-bottom: 2.1333333333vw;
}
.r-page-404 .page-404 .content p.des span {
    opacity: 0.5;
}
.r-page-404 .page-404 .content p.des:last-child {
    margin-top: 5.3333333333vw;
}
.r-page-404 .page-404 .content .message {
    line-height: 10.4vw;
}
.r-page-404 .page-404 .content .message div {
    font-size: 3.7333333333vw;
    opacity: 0.5;
}
}