.hg-game .ads, .hg-game .detail-main-container{max-width: 1200px;
            width: 100%}
.hg-game .ads, .hg-game .introduce, .hg-game .links, .hg-game .tooltip-button-cancel{text-align: center}
.hg-game *{margin: 0;
            padding: 0;
            font-family: 'Noto Sans', sans-serif;
            touch-action: manipulation;
            -ms-touch-action: manipulation;
            box-sizing: border-box}
.hg-game .ads{display: flex;
            margin: 0 auto;
            flex-direction: column}
.hg-game .ads-prompt{font-size: 12px;
            color: #d5c5c5;
            font-family: auto;
            margin: 0 auto}
.hg-game .adsbygoogle[data-ad-status=unfilled], .hg-game .phone{display: none !important}
.hg-game a{color: #fff;
            text-decoration: none}
.hg-game{background-color: #fff}
.hg-game h2{color: #000}
.hg-game .lazy-load, .hg-game .screenshot-list-swiper .swiper-button-next:after, .hg-game .screenshot-list-swiper .swiper-button-prev:after{display: none}
.hg-game .detail-main-container{display: flex;
            justify-content: space-between;
            margin: 30px auto 0;
            padding: 0 24px;
            background-color: #fff}
.hg-game .info-developer .line{height: 80%;
            border-right: 1px solid #b4b4b4;
            margin: 0 30px}
.hg-game .detail-main-container .main-container{width: calc(100% - 321px)}
.hg-game .detail-main-container .right-rec-container{width: 300px}
.hg-game .detail-info-main-cointainer, .hg-game .rec-game .rec-game-container, .hg-game .you-may-like .game-list .game-item .game-item-img{width: 100%}
.hg-game .info-card{display: flex;
            width: 100%;
            height: 164px;
            margin-bottom: 30px}
.hg-game .relative{position: relative}
.hg-game .info-card .info-img{position: relative;
            border-radius: 20px;
            height: 100%;
            overflow: hidden;
            width: 164px;
            background-color: #eee}
.hg-game .info-card .info-img .cover-img{width: 100%;
            -o-object-fit: cover;
            object-fit: cover}
.hg-game h1{font-size: unset}
.hg-game .info-card .info-info{height: 100%;
            width: 70%;
            margin-left: 32px;
            display: flex;
            flex-direction: column;
            justify-content: space-around}
.hg-game .info-card .info-info .rating-container{margin-bottom: 12px}
.hg-game .info-card .info-info .info-name{font-size: 44px !important;
            font-weight: 800;
            width: 100%}
.hg-game .info-card .info-info .info-name h1{overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            color: #222;
            font-size: 28px;
            font-weight: 600}
.hg-game .info-card .info-info .info-developer{width: 80%;
            display: flex;
            align-items: center}
.hg-game .info-developer-item, .hg-game .rating-container{align-items: center;
            display: flex}
.hg-game .info-developer-item .number{font-size: 18px;
            color: #73777a;
            font-weight: 400}
.hg-game .info-developer-item .icon{margin-right: 12px;
            height: 17px}
.hg-game .info-card .info-info .info-developer span{overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%}
.hg-game .rating-container .start{margin-right: 4px;
            width: 24px}
.hg-game .about-game{width: 100%;
            margin-top: 30px;
            border-radius: 10px}
.hg-game .about-game .about-game-title{color: #585454;
            font-size: 24px;
            font-weight: 500;
            padding: 17px 0;
            width: 100%}
.hg-game .about-game .game-info-table{display: grid;
            list-style: none;
            margin: 0;
            width: 100%}
.hg-game .about-game .game-info-table li{display: grid;
            grid-template-columns: 1fr 1fr;
            list-style: none;
            height: 50px}
.hg-game .about-game .game-info-table li .info-key{border-bottom: none;
            text-align: left;
            color: #222;
            font-size: 16px;
            font-weight: 600}
.hg-game .about-game .game-info-table li .info-value{color: #575757;
            font-weight: 400;
            overflow: hidden;
            text-align: left;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 16px}
.hg-game .editor-review{width: 100%;
            margin: 36px 0}
.hg-game .editor-review .editor-review-title{color: #222;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 24px;
            width: 100%}
.hg-game .editor-review .desc, .hg-game .how-to-play .how-to-play-info{display: block;
            white-space: pre-line;
            width: 100%;
            color: #3a3a3a;
            font-size: 16px;
            font-weight: 400;
            line-height: 180%;
            letter-spacing: .16px}
.hg-game .download-link{width: 100%;
            margin-top: 30px}
.hg-game .rating-histogram, .hg-game .rec-game, .hg-game .screenshots{margin-top: 36px;
            width: 100%}
.hg-game .download-link .get-the-game-down{align-items: center;
            display: flex;
            justify-content: space-between}
.hg-game .download-link .get-the-game-down-4{flex-wrap: wrap}
.hg-game .button-disabled:first-child{background-color: #dcdddb}
.hg-game .download-link .get-the-game-down .down-link-item{background-color: #14c72d;
            border-radius: 35px;
            height: 47px;
            width: calc(50% - 20px);
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center}
.hg-game .down-link-item-ban{pointer-events: none;
            filter: grayscale(100%)}
.hg-game .download-link .get-the-game-down .gray{background-color: #dcdddb;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none}
.hg-game .download-link .get-the-game-down .down-link-item img{width: 20px;
            margin-right: 15px}
.hg-game .download-link .get-the-game-down .down-link-item span{color: #fdfdfd;
            font-size: 18px;
            font-weight: 600}
.hg-game .rating-histogram .rating-histogram-title{margin-bottom: 26px;
            color: #222;
            font-size: 22px;
            font-weight: 600;
            width: 100%}
.hg-game .rating-histogram .rating-box-container{display: flex;
            padding-left: 0;
            width: 100%;
            height: 145px}
.hg-game .rating-histogram .rating-box-container .rating-info{align-items: center;
            display: flex;
            flex-direction: column;
            font-size: 30px;
            font-weight: 700;
            justify-content: center;
            width: 216px;
            margin-right: 50px}
.hg-game .rating-histogram .rating-box-container .rating-info span{margin-left: -10px;
            color: #585454;
            font-size: 80px;
            font-weight: 700}
.hg-game .rating-histogram .rating-box-container .histogram-info{width: 605px;
            height: 100%}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail{height: 100%;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            list-style: none}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li{align-items: center;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li span{color: #5f6368;
            display: inline-block;
            font-size: 14px;
            text-align: center}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li p{background-color: #eee;
            border-radius: 10px;
            height: 15px;
            overflow: hidden;
            position: relative;
            width: 96%}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li p b{background-color: #48a8ff;
            border-radius: 10px;
            display: block;
            height: 100%;
            left: 0;
            overflow: hidden;
            position: absolute;
            top: 0;
            width: var(--width)}
.hg-game .screenshots .screenshots-title{color: #4f4f4f;
            font-size: 18px;
            font-weight: 600;
            width: 100%;
            margin-bottom: 26px}
.hg-game .how-to-play .how-to-play-title, .hg-game .rec-game .rec-game-title, .hg-game .screenshots-title span, .hg-game .you-may-like .you-may-like-title{color: #222;
            font-size: 22px;
            font-weight: 600}
.hg-game .screenshots .screenshot-list-swiper{height: 300px;
            position: relative;
            width: 100%}
.hg-game .screenshots .screenshot-list-swiper .screenshot-list-swiper-slide{width: auto}
.hg-game .screenshots .screenshot-list-swiper .screenshot-list-swiper-slide .screenshot-item-img{height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: auto}
.hg-game .screenshot-list-swiper .swiper-button-next, .hg-game .screenshot-list-swiper .swiper-button-prev{background-color: #00c9a9;
            border-radius: 50%;
            height: 60px;
            width: 60px}
.hg-game .rec-game .rec-game-title{margin-bottom: 26px;
            width: 100%}
.hg-game .rec-game .rec-game-container .game-list{display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
            justify-content: space-between}
.hg-game .rec-game .rec-game-container .game-list .game-item{width: calc((100% - 100px)/ 5);
            margin-bottom: 12px}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-img{background-color: #eee;
            border-radius: 10px;
            overflow: hidden;
            padding-top: 100%;
            position: relative;
            width: 100%}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-img .game-item-img{border-radius: 10px;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-info{margin-top: 6px;
            width: 100%}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-info h2{font-size: 18px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            color: #444;
            font-weight: 500}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-info span{display: inline-block;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%}
.hg-game .how-to-play{width: 100%;
            margin-bottom: 36px}
.hg-game .how-to-play .how-to-play-title{margin-bottom: 24px;
            width: 100%}
.hg-game .you-may-like{overflow: hidden;
            width: 100%}
.hg-game .you-may-like .rating-container .start{width: 13px;
            margin-left: 2px}
.hg-game .you-may-like .you-may-like-title{width: 100%;
            margin: 10px auto 20px}
.hg-game .you-may-like .game-list{align-items: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%}
.hg-game .you-may-like .game-list .game-item{align-items: center;
            display: flex;
            flex: 0 0 100%;
            flex-direction: row;
            padding: 12px;
            width: 100%;
            height: 93px;
            border-radius: 10px;
            margin-bottom: 8px}
.hg-game .you-may-like .game-list .game-item:hover{background-color: #f1f1f1}
.hg-game .you-may-like .game-list .game-item .item-img{background-color: #eee;
            border-radius: 10px;
            height: 71px;
            width: 71px;
            -o-object-fit: cover;
            object-fit: cover;
            overflow: hidden;
            margin-right: 12px}
.hg-game .you-may-like .game-list .game-item .item-info{width: 192px;
            height: 71px;
            display: flex;
            flex-direction: column;
            justify-content: space-between}
.hg-game .you-may-like .game-list .game-item .item-info h2{border: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%;
            color: #444;
            font-size: 16px;
            font-weight: 500}
.hg-game .you-may-like .game-list .game-item .item-info span{border: none;
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-left: 0 !important;
            color: #b4b4b4;
            font-weight: 400;
            font-size: 12px}
.hg-game #main-screenshots-left, .hg-game #main-screenshots-right{z-index: 1;
            position: absolute;
            top: 50%;
            margin-top: -29px;
            width: 58px;
            height: 58px;
            border-radius: 50%}
.hg-game .main-screenshots{width: 100%;
            position: relative}
.hg-game #main-screenshots-content::-webkit-scrollbar{display: none}
.hg-game #main-screenshots-left{left: 10px;
            background: url("https://warap.net/images/right.png");
            box-shadow: 0 -4px 4px rgba(0, 0, 0, .25);
            background-size: contain;
            rotate: 180deg}
.hg-game .disabled{opacity: .6}
.hg-game #main-screenshots-right{right: 10px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
            background: url("https://warap.net/images/right.png") 0 0/contain}
.hg-game #main-screenshots-content{display: flex;
            height: 320px;
            padding: 5px 0;
            white-space: nowrap;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none}
.hg-game .main-screenshots-sub-container{display: flex;
            min-width: 100%}
.hg-game .main-screenshots-item{background-color: #eee;
            border-radius: 20px;
            min-width: 100px;
            margin-right: 14px;
            height: 100%;
            flex-shrink: 0}
.hg-game .loader, .hg-game .loader::after{right: 0;
            bottom: 0;
            margin: auto;
            position: absolute;
            top: 0;
            left: 0}
.hg-game .main-screenshots-item .loading-img{min-width: 174px;
            border-radius: 5px}
.hg-game .main-screenshots-img{height: 100%;
            border-radius: 15px}
.hg-game .info-info .rating-container .rating-score{color: #73777a;
            font-weight: 400;
            margin-left: 8px;
            font-size: 20px}
.hg-game .loader{display: flex;
            justify-content: center;
            align-items: center;
            width: 50%;
            height: 0;
            padding-top: 50%}
.hg-game .loader::after{content: "";
            width: 100%;
            height: 100%;
            border: 5px solid #dcdddb;
            border-top-color: #48a8ff;
            border-radius: 50%;
            -webkit-animation: .75s ease-out infinite loading;
            animation: .75s ease-out infinite loading;
            box-sizing: border-box}
@media screen and (max-width:1200px){
.hg-game .download-link .get-the-game-down .down-link-item:hover, .hg-game .rec-game .rec-game-container .game-list .game-item .item-img:hover{scale: 1.08;
                box-shadow: rgba(0, 0, 0, .4) 0 2px 4px 0}
.hg-game .download-link{margin-top: 32px}
.hg-game .about-game .game-info-table li .info-key{font-weight: 500}
.hg-game .detail-main-container .main-container{margin: 0 auto;
                width: 100%}
.hg-game .detail-main-container .right-rec-container{display: none}
.hg-game .share-header .share-header-logo{margin-left: 0}
}
@media screen and (min-width:700px){
.hg-game .info-card .loader::after{border: 10px solid #dcdddb;
                border-top-color: #48a8ff}
}
@media screen and (max-width:700px){
.hg-game .detail-main-container{margin: 20px auto 0;
                padding: 0 12px}
.hg-game .info-card{height: 85px;
                margin-bottom: 20px}
.hg-game .info-card .info-img{width: 88px;
                border-radius: 10px}
.hg-game .info-card .info-info .info-name{display: flex;
                align-items: center;
                padding-top: 4px}
.hg-game .info-card .info-info{margin-left: 18px}
.hg-game .info-card .info-info .info-name h1{width: 100%;
                font-size: 22px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                white-space: break-spaces;
                font-weight: 600}
.hg-game .info-card .info-info .info-rating{margin-top: 5px}
.hg-game .info-card .info-info .rating-container{margin-bottom: 4px;
                height: 24px}
.hg-game .rating-container .start{width: 16px;
                margin-right: 2px}
.hg-game .info-info .rating-container .rating-score{font-size: 14px;
                margin-left: 12px}
.hg-game .about-game{margin-top: 30px;
                margin-bottom: 2px}
.hg-game .about-game .about-game-title, .hg-game .editor-review .editor-review-title, .hg-game .how-to-play .how-to-play-title, .hg-game .rating-histogram .rating-histogram-title, .hg-game .rec-game .rec-game-title, .hg-game .screenshots-title{font-size: 20px}
.hg-game .editor-review{margin: 30px 0}
.hg-game .how-to-play{margin-bottom: 30px}
.hg-game .editor-review .editor-review-title, .hg-game .how-to-play .how-to-play-title{margin-bottom: 16px}
.hg-game .about-game .about-game-title{padding: 10px 0}
.hg-game .about-game .game-info-table li{height: 44px}
.hg-game .about-game .game-info-table li .info-key{font-size: 16px;
                font-weight: 600}
.hg-game .about-game .game-info-table li .info-value{font-size: 16px}
.hg-game .download-link .get-the-game-down .down-link-item span{font-size: 14px;
                border-radius: 4px}
.hg-game #main-screenshots-left, .hg-game #main-screenshots-right{width: 38px;
                height: 38px;
                margin-top: -19px}
.hg-game .download-link .get-the-game-down .down-link-item img, .hg-game .download-link .get-the-game-down .down-link-item img:first-child{width: 18px}
.hg-game .download-link .get-the-game-down .down-link-item{height: 40px;
                width: calc(50% - 5px)}
.hg-game #main-screenshots-content{height: 230px;
                padding: 0}
.hg-game .rating-histogram, .hg-game .rec-game, .hg-game .screenshots{margin-top: 30px}
.hg-game .rating-histogram .rating-histogram-title, .hg-game .rec-game .rec-game-title, .hg-game .screenshots .screenshots-title{margin-bottom: 20px}
.hg-game .main-screenshots-sub-container{max-width: 100%;
                min-width: 100%}
.hg-game .pc{display: none !important}
.hg-game .phone{display: grid !important}
.hg-game .main-screenshots-item{max-width: 100%;
                min-width: 30%}
.hg-game .main-screenshots-img{max-width: 100%;
                min-width: 50%}
.hg-game .rating-histogram .rating-box-container{height: 102px}
.hg-game .rating-histogram .rating-box-container .rating-info{margin-right: 20px}
.hg-game .rating-histogram .rating-box-container .rating-info span{font-size: 48px;
                margin-bottom: 10px}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li p{height: 12px}
.hg-game .rating-histogram .rating-box-container .histogram-info .rating-detail li span{margin-right: 8px}
.hg-game .rec-game .rec-game-container .game-list .game-item{width: calc((100% - 36px)/ 3);
                margin-bottom: 12px}
.hg-game .rec-game .rec-game-container .game-list .game-item .item-info h2{color: #5f6368;
                font-size: 14px}
}
@-webkit-keyframes loading{from {
                transform: rotate(0turn)
            }

            to {
                transform: rotate(1turn)
            }}
@keyframes loading{from {
                transform: rotate(0turn)
            }

            to {
                transform: rotate(1turn)
            }}
.hg-game .body-loading{display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: rgba(23, 31, 71, .8);
            z-index: 10;
            justify-content: center;
            align-items: center}
.hg-game .body-loading .loader{width: 3%;
            padding-top: 3%}
.hg-game .tooltip{display: none;
            background: #fff;
            padding: 30px;
            max-width: 480px;
            border-radius: 4px;
            box-shadow: rgba(252, 213, 189, .45) 0 0 50px 0}
.hg-game .tooltip-text{font-size: 20px;
            font-weight: 500;
            margin-bottom: 20px;
            color: #171f47}
.hg-game .tooltip-button{display: flex;
            -webkit-box-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            align-items: center}
.hg-game .tooltip-button-cancel, .hg-game .tooltip-button-continue{width: 46%;
            padding: 8px 15px;
            font-size: 16px;
            font-weight: 500;
            opacity: .9;
            cursor: pointer;
            transition: opacity .1s linear;
            outline: 0;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .03em;
            height: 40px;
            font-family: inherit;
            display: inline-flex}
.hg-game .tooltip-button-cancel{color: #48a8ff;
            background: #fff;
            border: 2px solid #48a8ff;
            border-radius: 4px;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center}
.hg-game .tooltip-button-continue{background: #48a8ff;
            background: linear-gradient(90deg, #48a8ff 4%, #10ddff 100%);
            border: 0;
            color: #fff;
            border-radius: 4px;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center}
@media (max-width:400px){
.hg-game .body-loading .loader{width: 9%;
                padding-top: 9%}
.hg-game .tooltip{padding-bottom: 18px}
.hg-game .tooltip-text{margin-bottom: 12px;
                text-align: center}
.hg-game .tooltip-button{flex-direction: column}
.hg-game .tooltip-button-cancel, .hg-game .tooltip-button-continue{margin: 8px 0;
                width: 200px}
}
.hg-game footer{padding-bottom: 24px}
.hg-game footer .line{width: 95%;
            max-width: 1150px;
            height: 1px;
            background-color: #eee;
            margin: 0 auto 24px}
.hg-game .links{margin-top: 15px;
            margin-bottom: 10px}
.hg-game .links a{margin: 0 10px;
            color: #777}
.hg-game .introduce{color: #777}
.hg-game .footer-content{position: relative;
            width: 85%;
            margin: 0 auto}