.hg-home .ads, .hg-home .ads-prompt, .hg-home .grid-warp{margin: 0 auto}
.hg-home a{color: #fff;
            text-decoration: none}
.hg-home *{padding: 0;
            margin: 0;
            box-sizing: border-box;
            font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none}
.hg-home .ads{width: 100%;
            max-width: 1200px;
            text-align: center;
            display: flex;
            flex-direction: column}
.hg-home .ads-prompt{font-size: 12px;
            color: #d5c5c5;
            font-family: auto}
.hg-home .game-item-title, .hg-home .game-title{color: #fff;
            opacity: 0;
            text-align: center}
.hg-home .adsbygoogle[data-ad-status=unfilled]{display: none !important}
.hg-home .game-list li a, .hg-home .game-list-warp .game-link{display: block;
            transition: .2s;
            position: relative;
            height: 100%;
            width: 100%}
.hg-home{width: 100%;
            height: 100%;
            background-color: #838fff}
.hg-home li{list-style: none}
.hg-home img{vertical-align: middle}
.hg-home .index-content{position: relative;
            width: 100%;
            margin: 0 auto}
.hg-home .game-list li img{border-radius: 16px;
            width: 100%}
.hg-home .game-title{display: none;
            --fontSize: 12px;
            --lineHeight: 16px;
            --bezier: cubic-bezier(0.25, 0.1, 0.25, 1);
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 6px;
            font: 700 var(--fontSize)/var(--lineHeight) "Proxima Nova", sans-serif;
            z-index: 5;
            transition: transform .3s var(--bezier) .1s, opacity .3s var(--bezier) .1s;
            transform: translate(0, 10px);
            -webkit-font-smoothing: antialiased}
.hg-home .game-list li a:hover span{transform: translate(0, 0);
            opacity: 1}
.hg-home .game-list li:first-child a{grid-area: ip0/ip0/ip0/ip0}
.hg-home .game-list li:nth-child(2) a{grid-area: ip1/ip1/ip1/ip1}
@media (min-width:104px) and (max-width:543px){
.hg-home .game-list-warp{grid-template: auto/auto;
                grid-template-areas: "ip0 ip0 ." "ip0 ip0 ." ". ip1 ip1" ". ip1 ip1"}
}
@media (min-width:544px) and (max-width:763px){
.hg-home .game-list-warp{grid-template: auto/auto;
                --gridTemplateColumns: 5;
                grid-template-areas: ". . . ip0 ip0" ". . . ip0 ip0" "ip1 ip1 . . ." "ip1 ip1 . . ."}
}
@media (min-width:764px) and (max-width:1204px){
.hg-home .game-list-warp{--gridTemplateColumns: 7;
                grid-template-areas: ". ip0 ip0 ip0 . . ." ". ip0 ip0 ip0 . . ." ". ip0 ip0 ip0 . . ." ". . . . ip1 ip1 ip1" ". . . . ip1 ip1 ip1" ". . . . ip1 ip1 ip1"}
}
.hg-home .game-list-warp{display: grid;
            grid-auto-rows: calc(100vw / var(--gridTemplateColumns) - 16px - 2px);
            grid-gap: 16px;
            grid-auto-flow: dense;
            justify-content: center;
            margin: 16px auto;
            padding: 0;
            list-style-type: none;
            grid-template-columns: repeat(var(--gridTemplateColumns), calc(100vw / var(--gridTemplateColumns) - 16px - 2px))}
.hg-home .game-list, .hg-home .game-list li{display: contents}
.hg-home .game-list-warp .game-link{border-radius: 16px;
            box-shadow: #0000003d 0 6px 12px 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none}
.hg-home .game-item-shadow, .hg-home .game-item-title, .hg-home .loader, .hg-home .text{position: absolute}
.hg-home .game-list li{border-radius: 16px}
.hg-home .game-list li a:hover{z-index: 1000;
            transform: scale(1.03) translateY(-5px)}
.hg-home .game-list-warp .game-img{border-radius: 16px;
            width: 100%;
            min-width: 94px;
            min-height: 94px}
.hg-home .game-list-warp .loading-img{position: absolute;
            left: 50%;
            right: 50%;
            top: 50%;
            bottom: 50%}
@media (min-width:104px) and (max-width:543px){
.hg-home .grid-warp{width: 100%}
.hg-home .game-list-warp{--gridTemplateColumns: 3}
}
@media (min-width:544px) and (max-width:763px){
.hg-home .grid-warp{width: 100%}
.hg-home .game-list-warp{--gridTemplateColumns: 5}
}
@media (min-width:764px) and (max-width:1204px){
.hg-home .grid-warp{width: 100%}
.hg-home .game-list-warp{--gridTemplateColumns: 7}
}
@media (min-width:1204px) and (max-width:1313px){
.hg-home .game-list-warp{grid-template-areas: ". . . . ip0 ip0 ip0 . . ." ". ip1 ip1 ip1 ip0 ip0 ip0 . . ." ". ip1 ip1 ip1 ip0 ip0 ip0 . . ." ". ip1 ip1 ip1 . . . . . .";
                --gridTemplateColumns: 11}
.hg-home .grid-warp{width: 100%}
}
@media (min-width:1314px) and (max-width:1533px){
.hg-home .game-list-warp{grid-template-areas: ". . . . ip0 ip0 ip0 . . ip1 ip1 ip1" ". . . . ip0 ip0 ip0 . . ip1 ip1 ip1" ". . . . ip0 ip0 ip0 . . ip1 ip1 ip1";
                --gridTemplateColumns: 12}
.hg-home .grid-warp{width: 100%}
}
@media (min-width:1534px) and (max-width:1863px){
.hg-home .game-list-warp{grid-template-areas: ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1" ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1" ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1";
                --gridTemplateColumns: 14}
.hg-home .grid-warp{width: 100%}
}
@media (min-width:1864px){
.hg-home .game-list-warp{grid-template-areas: ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1 . . ." ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1 . . ." ". . . . ip0 ip0 ip0 . . . . ip1 ip1 ip1 . . .";
                --gridTemplateColumns: 17}
.hg-home .grid-warp{width: 100%}
}
.hg-home .lazy-load{display: none}
.hg-home .game-item-title{bottom: 10px;
            font-size: 14px;
            margin: 0;
            width: 100%;
            z-index: 5003;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2}
.hg-home .game-item-shadow{background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, transparent 50%);
            border-radius: 8px;
            bottom: 0;
            display: none;
            height: 100%;
            width: 100%;
            z-index: 5002}
@media screen and (min-width:768px){
.hg-home .game-list-warp .game-list .game-link:hover .game-item-title{opacity: 1}
.hg-home .game-list-warp .game-list .game-link:hover .game-item-shadow{border: 2px solid #fff;
                display: block}
}
.hg-home .game-link .loading-img{background: #fff !important}
.hg-home .loader{height: 5px;
            width: 1px;
            -webkit-animation: 3.5s linear infinite rotate0234;
            animation: 3.5s linear infinite rotate0234}
.hg-home .loader .dot{top: 15px;
            height: 7px;
            width: 7px;
            background: #268fe4;
            border-radius: 50%;
            position: relative}
.hg-home .text{bottom: -85px;
            font-size: 25px;
            font-weight: 400;
            color: #26aee4}
@-webkit-keyframes rotate0234{30% {
                transform: rotate(220deg)
            }

            40% {
                transform: rotate(450deg);
                opacity: 1
            }

            75% {
                transform: rotate(720deg);
                opacity: 1
            }

            76% {
                opacity: 0
            }

            100% {
                opacity: 0;
                transform: rotate(0)
            }}
@keyframes rotate0234{30% {
                transform: rotate(220deg)
            }

            40% {
                transform: rotate(450deg);
                opacity: 1
            }

            75% {
                transform: rotate(720deg);
                opacity: 1
            }

            76% {
                opacity: 0
            }

            100% {
                opacity: 0;
                transform: rotate(0)
            }}
.hg-home .loader:first-child{-webkit-animation-delay: .15s;
            animation-delay: .15s}
.hg-home .loader:nth-child(2){-webkit-animation-delay: .3s;
            animation-delay: .3s}
.hg-home .loader:nth-child(3){-webkit-animation-delay: .45s;
            animation-delay: .45s}
.hg-home .loader:nth-child(4){-webkit-animation-delay: .6s;
            animation-delay: .6s}
.hg-home .loader:nth-child(5){-webkit-animation-delay: .75s;
            animation-delay: .75s}
.hg-home .loader:nth-child(6){-webkit-animation-delay: .9s;
            animation-delay: .9s}
.hg-home footer{padding-bottom: 24px}
.hg-home footer .line{width: 95%;
            max-width: 1150px;
            height: 1px;
            background-color: #eee;
            margin: 0 auto 24px}
.hg-home .links{text-align: center;
            margin-top: 15px;
            margin-bottom: 10px}
.hg-home .links a{margin: 0 10px;
            color: #e0e0e0}
.hg-home .introduce{text-align: center;
            color: #b9b9b9}
.hg-home .footer-content{position: relative;
            width: 85%;
            margin: 0 auto}