body {
  position: relative;
  width: 100%;
}
.container {
  position: relative;
  width: 100%;
}
.container .news {
  position: absolute;
  top: 59%;
  left: 52%;
}
.container .news ul li {
  display: flex;
  line-height: 28px;
  font-size: 0.8vw;
  color: #727272;
  cursor: pointer;
  max-height: 1.5vw;
}
.container .news ul li:hover {
  color: #3b5876;
}
.container #download {
  width: 26vw;
  height: 10vw;
  position: absolute;
  top: 25%;
  left: 7%;
}
@media screen and (max-width: 500px) {
  .container .news {
    width: 90vw;
    top: 47%;
    left: 50%;
    margin-left: -45vw;
  }
  .container .news ul li {
    width: 90vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 3.2vw;
    max-height: 8vw;
    color: #000;
  }
  .container .news ul li span {
    color: #c7c7c7;
    font-weight: bold;
    display: inline-block;
  }
}