main {
  min-height: 480px;
}

.brand img.site-logo {
  height: 45px;
  max-width: 250px;
  width: auto;
}

.search-form {
  position: relative;
  display: block;
}

.search-form .search-input {
  display: block;
  background: #e5e9ef;
  color: #fff;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 0 45px 0 15px;
  background-color: #4600c5;
  font-size: 16px;
  outline: none;
}

.search-form .search-input::placeholder {
  color: #d0deed
}

.search-form .search-input:focus {
  background-color: #45179c
}

.search-form .search-btn {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0px;
  top: 0px;
  border: none;
  border-radius: 0 5px 5px 0;
  background: transparent;
  cursor: pointer;
}
@keyframes moveIocn{
  from{-webkit-transform:translateX(0);transform: translateX(0);}
  50%{-webkit-transform:translateX(-5px);transform: translateX(-5px);}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes moveIocn{
  from{-webkit-transform:translateX(0);transform: translateX(0);}
  50%{-webkit-transform:translateX(-5px);transform: translateX(-5px);}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
.game-iframe-container{overflow: hidden; max-width: 1200px;margin:0 auto;}
.game-iframe-container .game-play-box{width: 100%;height:480px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 20px;overflow: hidden;}
.game-iframe-container .game-play-box .game-bg{width: 100%;height:100%;position: absolute;left: 0;top:0;filter: blur(20px);z-index: -1;}
.game-iframe-container .game-play-box .game-img{width: 180px;height:180px;border-radius: 30px;}
.game-iframe-container .game-play-box .game-title{font-size:16px;margin-top:15px;color:#fff}
.game-iframe-container .game-play-box .start-game-btn{margin-top:30px;background:linear-gradient(180deg,#fd0,#ff9012);box-shadow:12px 14px 15px -1px #0003,-20px -11px 15px -1px #fff6;color:#0a0a0a;height:60px;box-sizing:border-box;font-weight:700;width:290px;border-radius:30px;display:inline-flex;font-size:16px;align-items:center;justify-content:center;outline:none;cursor:pointer;border:3px solid #fff}
.game-iframe-container .game-play-box .start-game-btn .triangle-icon{margin-right:15px;display: inline-block;height:8px;width:8px;position:relative;top:-8px;animation: moveIocn 0.8s infinite linear;}
.game-iframe-container .game-play-box .start-game-btn:hover{background:#fd0;color:#4a4a4a}
.game-iframe-container .game-description{margin:15px 0;font-size:18px;line-height:25px;color: #333;}



.recommended p.g-name,
.compilation-items,
.recommended-items,
.text-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

#footer-box {
  padding: 15px;
  background-color: #333;
  line-height: 28px;
}

#footer-box .footer-top {
  text-align: center;
}

#footer-box .footer-top a {
  margin: 0 6px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

#footer-box .footer-top a:hover {
  opacity: 0.85;
}

#footer-box .footer-bottom {
  text-align: center;
  color: #eee;
  font-size: 14px;
}

.gotop-btn {
  display: none;
  opacity: 0.8;
  background: none;
  color: rgb(252, 90, 85);
}

#nav.active #nav-list ul li a {
  display: block;
}

@media screen and (max-width:768px) {

  .recommended p.g-name,
  .text-ellipsis-2 {
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }
}