body, html {
  margin: 0;
  padding: 0;
  font-size: 12px;
  margin: auto;
  text-align: center;
  border-top: 1px solid transparent;
  width:100%;
  height: 100%;
  font-family: 'HanHei SC', 'PingFang SC', 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', 'Microsoft Yahei', 'Arial', sans-serif;
}
#box{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}
a{
  text-decoration: none;

}

#box img{
  width: 100%;
  height:auto;
}
#box p{
  opacity: .3;
  font-size: 11px;
  margin: 0 auto;
  text-align: right;
  white-space: nowrap;
  margin-bottom: 3px;
  position: absolute;
  right: 0;
  top: -20px;
}
#text{
  width: 24.5rem;
  height:auto;
  opacity: .3;
  line-height: 1.5rem;
  position: absolute;
  left: 50%;
  margin-left: -12.25rem;
  bottom: 10px;
  transition: all .1s linear;
}
#text p,#text p a{
  font-size: 11px;
  color:#232323;
  text-align: center;
  margin: 0;
}