* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.game-detail {
  width: 100%; }
  .game-detail .top .header {
    width: 96%;
    margin: 0 auto;
    margin-top: 12rem;
    margin-bottom: 24rem;
    background-color: #fff;
    color: #000;
    height: 205rem;
    overflow: hidden;
    padding: 40rem 24rem;
    padding-top: 35rem;
    vertical-align: middle;
    clear: both;
    border-radius: 14rem;
    box-shadow: 0rem 4rem 6rem 2rem rgba(0, 0, 0, 0.3); }
    .game-detail .top .header .img {
      width: 160rem;
      display: block;
      float: left;
      line-height: 0;
      position: relative;
      margin-right: 24rem;
      margin-top: 10rem;
      overflow: hidden;
      border-radius: 10rem; }
    .game-detail .top .header a {
      text-decoration: none;
      color: inherit; }
    .game-detail .top .header h1 {
      max-width: 70%;
      margin-top: 20rem;
      padding-left: 6rem;
      font-size: 32rem;
      font-weight: 500;
      text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration: none; }
    .game-detail .top .header .star {
      display: inline-block;
      width: 270rem;
      margin-top: 12rem;
      background: url(/sp-meter.svg) no-repeat;
      height: 48rem;
      background-size: cover;
      background-repeat: no-repeat; }
  .game-detail .current-game-header {
    width: 96%;
    color: #000;
    margin: 0 auto;
    margin-bottom: 24rem;
    overflow: hidden;
    padding: 40rem 24rem;
    border-radius: 14rem;
    vertical-align: middle;
    box-shadow: 0rem 4rem 6rem 2rem rgba(0, 0, 0, 0.3);
    clear: both; }
    .game-detail .current-game-header .img {
      width: 160rem;
      display: block;
      float: left;
      line-height: 0;
      position: relative;
      margin-right: 24rem;
      overflow: hidden;
      border-radius: 10rem; }
    .game-detail .current-game-header h1 {
      max-width: 60%;
      margin-top: 6rem;
      overflow: hidden;
      font-size: 24rem;
      font-weight: 400;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }
    .game-detail .current-game-header .tag {
      display: block;
      margin-top: 10rem;
      color: #000;
      font-size: 18rem;
      overflow: hidden; }
  .game-detail .play-button {
    margin: 40rem;
    margin-top: 0; }
    .game-detail .play-button .btn {
      position: relative;
      display: inline-block;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle;
      white-space: nowrap;
      border: 0;
      border-radius: 26rem;
      font-size: 18px;
      height: 52px;
      line-height: 18px;
      margin-top: -1rem;
      padding: 18px 0;
      width: 100%;
      background: #a3c540;
      border-color: #a3c540;
      color: #fff;
      border-bottom: 2rem solid rgba(0, 0, 0, 0.5);
      font-weight: 500;
      cursor: pointer;
      margin: 0;
      min-width: 2rem;
      text-decoration: none; }
      .game-detail .play-button .btn .ic {
        display: inline-block;
        height: 30px;
        vertical-align: middle;
        margin-top: -6px;
        margin-right: 12rem;
        width: 30px;
        background: url(/play-icon.png);
        background-repeat: no-repeat;
        background-size: cover; }
      .game-detail .play-button .btn span {
        display: inline-block;
        vertical-align: middle;
        margin-top: -5rem; }
  .game-detail .descriptionContainer {
    margin-top: 20rem;
    margin-inline: auto;
    border-radius: 40rem;
    width: 90%;
    display: flex;
    flex-direction: column; }
    .game-detail .descriptionContainer .header {
      display: flex; }
      .game-detail .descriptionContainer .header .icon {
        display: inline-block;
        margin-right: 12rem;
        align-self: anchor-center;
        height: 36rem;
        width: 36rem;
        border-radius: 36rem;
        text-align: center;
        line-height: 36rem;
        font-size: 28rem;
        color: #fff;
        background-color: #a3c540; }
      .game-detail .descriptionContainer .header .title {
        width: 85%;
        font-size: 36rem;
        font-weight: 400;
        max-width: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #636669; }
    .game-detail .descriptionContainer .description {
      flex: 1;
      overflow: auto;
      font-size: 26rem;
      padding-bottom: 50rem;
      color: #505a60; }
  .game-detail .similar-games-container {
    position: relative;
    margin-bottom: 50rem;
    margin-top: -12rem;
    padding: 12rem 24rem 0;
    margin-left: -24rem;
    font-size: 0;
    list-style: none; }
    .game-detail .similar-games-container .header {
      display: flex;
      color: #636669;
      font-weight: 400;
      padding: 15px 12px 10px;
      position: relative;
      vertical-align: middle;
      width: 100%;
      margin-bottom: 12rem; }
      .game-detail .similar-games-container .header .icon {
        vertical-align: middle; }
      .game-detail .similar-games-container .header h2 {
        width: 85%;
        padding-left: 12rem;
        font-size: 36rem;
        font-weight: 400;
        max-width: inherit;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .game-detail .similar-games-container .inner {
      position: relative;
      margin-bottom: 50rem;
      margin-top: -12rem;
      padding: 12rem 24rem 0rem 24rem;
      margin-left: -24rem;
      font-size: 0;
      list-style: none; }
    .game-detail .similar-games-container .item {
      width: 25%;
      vertical-align: top;
      box-sizing: border-box;
      display: inline-block;
      margin-bottom: 20rem;
      padding-left: 20rem;
      line-height: 1.71429;
      transition: all .16s ease; }
    .game-detail .similar-games-container .img {
      display: block;
      width: 133rem;
      height: 100rem;
      margin: auto;
      overflow: hidden;
      border-radius: 10rem; }
    .game-detail .similar-games-container .ellipsis {
      display: inline-block;
      margin: 0;
      margin-top: 20rem;
      text-transform: none;
      color: #97989b;
      font-size: 12px;
      line-height: 20px;
      vertical-align: middle;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: center; }