body .nav-wrap{
  background-color: #3091f2;
}
.page-wrap{
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 100%;
  bottom: 0;
}
.scroll-area{
  position: absolute;
  top: 0.58rem;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-scroll{
  background: #fff;
}
.title-navigator{
  padding-left: .25rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.24rem;
  background: #fafafa;
  color: #9fa5bb;
}
.title-navigator a{
  padding-left: .05rem;
  padding-right: .1rem;
  color: #9fa5bb;
}
.news-title{
  padding: 0 .3rem;
  text-align: left;
  font-size: .28rem;
  font-weight: 600;
  line-height: .7rem;
  color: #303445;
}
.author-message{
  padding-right: .18rem;
  font-size: .18rem;
  overflow: hidden;
  color: #9fa5bb;
}
.author-message > p{
  float: right;
  padding-top: .12rem;
}
.author-message .author-name{
  padding: 0 .1rem;
  color: #9fa5bb;
}
.author-message .center-line{
  position: relative;
  top: 0;
  display: inline-block;
  width: 1px;
  height: .15rem;
  background: #9fa5bb;
}
.author-message .add-time{
  padding: 0 .1rem;
  color: #9fa5bb;
}
.news-content{
  padding: .3rem;
  padding-top: .35rem;
  font-size: .24rem;
  line-height: .42rem;
}
.news-content img{
  display: block;
  margin: .1rem auto;
  max-width: 100%;
  height: auto;
}
.statement{
  padding: 0 .3rem;
  font-size: .22rem;
  line-height: .42rem;
}