* {
  margin: 0;
  padding: 0;
}

div {
  position: relative;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

.container {
  background: url(/resource/overseas/images/indie_games_website/sngx/news_bg.jpg)
  repeat top;
  background-size: 100%;
  min-height: 100vh;
}

.back {
  position: absolute;
  background: url(/resource/overseas/images/indie_games_website/sngx/back.png)
  no-repeat center / contain;
  z-index: 1;
  cursor: pointer;
}

.title {
  color: #ffe47a;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px dashed #fff;
}

.pub-time {
  color: #cacaca;
  text-align: center;
}

.content img {
  max-width: 100%;
  object-fit: contain;
}

/* PC端 */
@media (min-width: 751px) {
  .container {
    padding: 5vw;
  }

  .back {
    left: 2vw;
    top: 2vw;
    width: 18.43vw;
    height: 2.65vw;
  }

  .pub-time {
    font-size: 0.8vw;
    margin-bottom: 2vw;
  }

  .title {
    font-size: 2vw;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
  }

  .content {
    padding: 0 5vw;
  }
}

/* 移动端 */
@media (max-width: 750px) {
  .container {
    padding: 5vw;
    padding-top: 10vw;
  }

  .back {
    left: 3vw;
    top: 3vw;
    width: 30vw;
    height: 4.65vw;
  }

  .pub-time {
    font-size: 2vw;
    margin-bottom: 2vw;
  }

  .title {
    font-size: 3.5vw;
    margin-bottom: 1vw;
  }

  .content {
    padding: 0 2vw;
  }
}