body {
  background-color: #0a0a0a;
}
.headerAppear {
  transform: translateY(0px);
}
.headerDisappear {
  transform: translateY(-200px);
}
.main {
  width: 100%;
  height: 100vh;
  margin-top: 153px;
  transition: transform 0.8s ease 0.1s;
}
.newsTitle {
  text-align: center;
  font-size: 28px;
  color: #fff;
  width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.other {
  margin-top: 30px;
  display: table;
  text-align: center;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
.other span {
  margin-left: 20px;
  margin-right: 20px;
}
.newsContent {
  margin-top: 50px;
  color: #999;
  width: 1300px;
  margin-left: auto;
  margin-right: auto;
  min-height: 500px;
}
.newsContent p {
  line-height: 30px;
}
.newsContent p {
  background: transparent !important;
  text-align: justify;
}
.newsContent p span {
  color: #fff !important;
  background: transparent !important;
}
.newsContent img {
  height: auto !important;
}
@media screen and (max-width: 800px) {
  .main {
    height: 94vh;
    margin-top: 100px;
  }
  .main .ani {
    opacity: 1;
  }
  .main .ani-fromDown {
    transform: translateY(0vh);
  }
  .newsTitle {
    font-size: 18px;
    text-align: center;
    width: 90vw;
  }
  .other {
    margin-top: 30px;
    display: table;
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
  }
  .other span {
    margin-left: 20px;
    margin-right: 20px;
  }
  .newsContent {
    margin-top: 50px;
    width: 90vw;
    font-size: 12px;
    line-height: 14px;
  }
  .newsContent p {
    line-height: 30px;
  }
  .newsContent p img {
    width: 100% !important;
  }
}