a {
  text-decoration: none;
}

/* more-game */
#more-game {
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, -50%);
  display  : none;
  font-size: 14px;
  z-index  : 999;
}

#more-game .container {
  width: 347px;
}

#more-game .header {
  background: url(./assets/om_ht_02.png) no-repeat center/100% auto;
  height    : 80px;
}

#more-game .close {
  background: url(./assets/bt_ht_gb.png) no-repeat center/100% auto;
  width     : 25px;
  height    : 25px;
  position  : absolute;
  top       : 45px;
  right     : 10px;
}

#more-game .content {
  background-color: #bee1fd;
  padding         : 10px 0;
}

#more-game .list {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-around;
}

#more-game .list-item {
  width           : 30%;
  background-color: #fff;
  margin          : 10px auto;
  border-radius   : 4px;
  overflow        : hidden;
  box-shadow      : 0 2px 5px rgb(0 0 0);
}

#more-game .game-icon {
  width  : 90px;
  height : 90px;
  display: block;
  margin : 5px auto;
}

#more-game .game-title {
  margin       : auto;
  line-height  : 24px;
  text-align   : center;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  background   : url(./assets/box_ht_dk6.png) no-repeat center / auto 100%;
  color        : #fff;
}

/* more-game2 */
#more-game2 {
  position : absolute;
  left     : 50%;
  top      : 50%;
  transform: translate(-50%, -50%);
  display  : none;
  font-size: 14px;
  z-index  : 999;
}

#more-game2 .container {
  width: 240px;
}

#more-game2 .list {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-around;
}

#more-game2 .list-item {
  width        : 30%;
  margin-top   : 2px;
  border-radius: 4px;
  overflow     : hidden;
}

#more-game2 .game-icon {
  width  : 70px;
  height : 70px;
  display: block;
}

#more-game2 .game-title {
  margin       : auto;
  line-height  : 24px;
  text-align   : center;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  color        : #fff;
  font-size    : 12px;
  text-shadow  : 1px 1px 0 black;
}


/* custom-box */
.custom-box {
  position : absolute;
  top      : 0;
  display  : none;
  font-size: 14px;
  z-index  : 999;
}

.custom-box .container {
  width     : 60px;
  text-align: center;
}

.custom-box .list {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-around;
}

.custom-box .list-item {
  margin-top   : 2px;
  border-radius: 4px;
  overflow     : hidden;
}

.custom-box .game-icon {
  width  : 50px;
  height : 50px;
  display: block;
  margin : 0 auto;
}

.custom-box .game-title {
  margin       : auto;
  line-height  : 20px;
  text-align   : center;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  color        : #fff;
  font-size    : 12px;
  text-shadow  : 1px 1px 0 black;
}

/* game-banner */
#game-banner {
  position        : fixed;
  left            : 50%;
  bottom          : 0;
  transform       : translateX(-50%);
  display         : none;
  font-size       : 14px;
  width           : 100%;
  max-width       : 405;
  background-color: rgba(0, 0, 0, 0.8);
  z-index         : 999;
}

#game-banner .container {
  width: 100%;
}

#game-banner .content {
  padding : 5px 0;
  overflow: hidden;
}

#game-banner .list {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-around;
}

#game-banner .list-item {
  width        : 82px;
  border-radius: 4px;
  overflow     : hidden;
  margin       : 0 4px;
}

#game-banner .game-icon {
  width  : 60px;
  height : 60px;
  display: block;
  margin : 5px auto;
}

#game-banner .game-title {
  margin       : auto;
  line-height  : 20px;
  text-align   : center;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  color        : #fff;
  font-size    : 10px;
}