<!DOCTYPE html>
<html lang="en">
<head>
<script>
    window.dataLayer = window.dataLayer || [];
</script>

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MDCVHGD');</script>

<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<link rel="icon" href="/dimains/img/favicon.png" type="image/x-icon" />
<title>Html5 Games - Free to play!</title>
<meta name="keywords" content="Action games,Arcade games,Sports game,Card game,Boards game,Puzzle game,Easy game,Beautiful game,Girl game, Strategy game,Defense game,Risk game,Cool math games,Brain games,Dress up games and make up games,Cooking games,Jump games,Football and basketball games,Zombie games,Rich content, Lots of fun, Extreme classic, Instant update, Completely free">
<meta name="description" content="Millions of players recommend, beyond the historical and sweep of the world, the year's most eye-catching leisure game box is coming!H5 GameBox is an application that includes dozens of free game style to play on your device.We offer 100+ free mobile h5 games with best graphics and gameplay! ">
<meta property="og:url" content="index.html" />
<meta property="og:title" content="Funny Games Enjoy Now" />
<meta property="og:type" content="website" />
<meta property="og:description" content="I am playing games here, come join us! https://hi.douyougame.com #html5game" />
<meta property="og:image" content="./img/shareimg.jpg" />
<meta property="og:image:width" content="820" />
<meta property="og:image:height" content="312" />
<meta property="fb:app_id" content="2308480479439919" />
<link rel="stylesheet" href="/dimains/css/public.css">
<link rel="stylesheet" href="/dimains/css/swiper.min.css">
<script src="/dimains/font/iconfont.js"></script>
<script src="/dimains/js/swiper.min.js"></script>
<script src="/dimains/js/lazyload.min.js"></script>
<script src="/dimains/js/clipboard.js"></script>
<script src="/dimains/js/fastclick.js"></script>
<script src="/dimains/js/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
<script type="text/javascript">
        var cn = {
            title:"在线游戏中心 - 好玩游戏大集合",
            gameTitle:"游戏中心",
            userAgreenment:"用户协议",
            privacy:"隐私",
            popTitle:"时下流行",
            hotTitle:"热门游戏",
            copySuccess:"复制成功，可以去分享给你的好友啦！",
            featured:"推荐",
            boy:"男孩",
            girl:"女孩",
            highscore:"休闲",
            kids:"儿童",
            skill:"街机",
            avoid:"益智游戏",
            puzzie:"解谜",
            collenting:"模拟",
            obstacle:"运动",
            adventure:"冒险",
            all:"全部",
            action:"动作",
            educational:"益智",
            popRecommend:"流行推荐",
            more:"更多",
            allTitle:"全部游戏",
            desc:"简介",
            like:"你或许会喜欢",
            preview:"预览",
            hot: "热门",
            casual: "休闲",
            word: "语言文字",
            math: "思维数学",
            educational: "教育",
            play_history: "最近游玩",
            graphics: "图形空间",
            trivia: "逻辑思维"
        }
                        cn.puzzle = "解谜";
                            cn.kids = "儿童";
                            cn.adventure = "冒险";
                            cn.sports = "运动";
                            cn.racing = "竞速";
                            cn.girl = "女孩";
                            cn.hot = "热门游戏";
                            cn.action = "动作";
                            cn.arcade = "街机";
                            cn.casual = "休闲";
                            var en = {
            title:"Online Game - The best casual game center which you don't need to download any app!",
            gameTitle:"Online Game",
            userAgreenment:"Users Agreement",
            privacy:"Privacy Policy",
            popTitle:"Popular Recommend",
            hotTitle:"Trending games",
            copySuccess:"Successful copy<br>You can paste and send it to your friends.",
            featured:"Featured",
            boy:"Boy",
            girl:"Girl",
            highscore:"Casual",
            kids:"Kids",
            skill:"Arcade",
            avoid:"Avoid",
            puzzie:"Puzzie",
            action:"Action",
            educational:"Educational",
            collenting:"Simulation",
            obstacle:"Sports",
            adventure:"Adventure",
            all:"All",
            popRecommend:"Recommended for you",
            more:"More",
            allTitle:"All Games",
            desc:"Description",
            like:"You might like.",
            preview:"Preview",
            hot: "Hot",
            casual: "Casual",
            word: "Word",
            math: "Math",
            educational: "Educational",
            graphics: "Graphics",
            play_history: "History Played",
            trivia: "Trivia"
        }
                        en.puzzle = "Puzzle";
                            en.kids = "Kids";
                            en.adventure = "Adventure";
                            en.sports = "Sports";
                            en.racing = "Racing";
                            en.girl = "Girl";
                            en.hot = "Hot";
                            en.action = "Action";
                            en.arcade = "Arcade";
                            en.casual = "Casual";
                        </script>
 <style type="text/css">
        #history_games .swiper-slide{
            width: 100px !important;
        }
    </style>
<link rel="stylesheet" href="/dimains/css/index.css">
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
window.googletag = window.googletag || {cmd: []};
    googletag.cmd.push(function() {
        googletag.defineSlot('/24206745/h5-bwg-game/300x250-hometop3305-id00221-bwg', [300, 250], 'div-gpt-ad-16913985085164-0').addService(googletag.pubads());
        googletag.enableServices()
    });
</script> 
</head>
<body>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MDCVHGD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 <header>
<h1 tran="gameTitle"></h1>
<div role="button" id="shareBtn">
<span class="iconfont">&#xe611;</span>
</div>
</header>
<div id="navbar">
<a href="/interest/list/94">
<img src="/dimains/img/featured.png" alt>
<p tran="featured"></p>
</a>
<a href="/interest/list/91">
<img src="/dimains/img/action.png" alt>
<p tran="action"></p>
</a>
<a href="/interest/list/235">
<img src="/dimains/img/highscore.png" alt>
<p tran="highscore"></p>
</a>
<a href="javascript:void(0)" id="allType">
<img src="/dimains/img/all.png" alt>
<p tran="all"></p>
</a>
</div>
<div id="index_top_ad" style="display: flex;flex-direction:column;justify-content: center;align-items:center;width: 100%;margin-bottom: 10px;">
<p style="font-size: 10px;color: #666;text-align: center;margin-bottom: 5px;">Advertisement</p>

<div id="div-gpt-ad-16913985085164-0">
<script>
        googletag.cmd.push(function() {
        googletag.display('div-gpt-ad-16913985085164-0'); 
        });
    </script>
</div> </div>
<div id="history">
<div class="sortTitle">
<h3 tran="play_history"></h3>
</div>
<div class="pop pop-2">
<div class="swiper-wrapper" id="history_games">
</div>
</div>
</div>
<div id="pop">
<div class="sortTitle">
<h3 tran="popRecommend"></h3>
<a href="/interest/list/88" tran="more"></a>
</div>
<div class="pop pop-1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/interest/detail/2/2162">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230707/d9b771d89b0f7c3abbd5cebe66a86282.jpg" /></div>
<h3>Car Out</h3>
<div class="desc"><span>22.8K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/2/2162">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/32/1898">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220505/Crary_Foot.jpg" /></div>
<h3>Crary Foot</h3>
<div class="desc"><span>464K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/32/1898">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/235/1949">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221011/CarromChallenge.png" /></div>
<h3>Carrom Challenge</h3>
<div class="desc"><span>18.7K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/235/1949">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/3/2161">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230706/e5f87483844f3b8b16824244114d2261.jpg" /></div>
<h3>Make UP Queen</h3>
<div class="desc"><span>23K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/3/2161">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/88/1944">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221011/AirWarriors.png" /></div>
<h3>Air Warriors</h3>
<div class="desc"><span>164K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/88/1944">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/88/1927">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220701/Crazy_Road.png" /></div>
<h3>Crazy Road</h3>
<div class="desc"><span>65.3K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/88/1927">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/14/2005">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/luckythief.png" /></div>
<h3>lucky thief</h3>
<div class="desc"><span>49.3K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/14/2005">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/88/1947">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221011/Battle_Tank.png" /></div>
<h3>Battle Tank</h3>
<div class="desc"><span>171K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/88/1947">Play</a>
</div>
<div class="swiper-slide">
<a href="/interest/detail/32/2008">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/Mini_golf_master.png" /></div>
<h3>Mini golf master</h3>
<div class="desc"><span>62.8K</span>&nbsp;Play</div>
</a>
<a class="play" href="/interest/play/32/2008">Play</a>
</div>
</div>
</div>
</div>
<div class="recommend">
<div class="sortTitle">
<h3 tran="hotTitle"></h3>
<a href="/interest/list/90" tran="more"></a>
</div>
<div class="recommendCon">
<a href="/interest/detail/2/1988">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/drawandsave.png" /></div>
<h3>Draw and save</h3>
<div class="desc"><span>115K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/1955">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221011/Num_Breaker.png" /></div>
<h3>Num Breaker</h3>
<div class="desc"><span>28.5K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/41/1759">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/Bike_Race.png" /></div>
<h3>Bike Race.io</h3>
<div class="desc"><span>217K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/2009">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/motormaster.png" /></div>
<h3>Motor Master</h3>
<div class="desc"><span>58.6K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/46/1998">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/Kitten-Hide-And-Seek.png" /></div>
<h3>Kitten Hide And Seek</h3>
<div class="desc"><span>50.3K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/3/2152">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230628/3598a818d835b6c8fa5713ff50a1d6fc.png" /></div>
<h3>Triple Play Football</h3>
<div class="desc"><span>16.9K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/14/1817">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/tank_zombies.png" /></div>
<h3>Tank Zombies</h3>
<div class="desc"><span>121K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/2002">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/LikeADino.png" /></div>
<h3>Like A Dino</h3>
<div class="desc"><span>36.9K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/2/2172">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230810/8826414bef3705e80459714a2337e1d1.png" /></div>
<h3>Dog Puzzle</h3>
<div class="desc"><span>14.6K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/46/1800">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/Queen-Run-3d.png" /></div>
<h3>queen Run 3d</h3>
<div class="desc"><span>217K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/14/1916">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220701/Doomsday_Town.png" /></div>
<h3>Idle Zombie Shelter</h3>
<div class="desc"><span>180K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/1735">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/Football_Among_Us.jpg" /></div>
<h3>Football Among Us</h3>
<div class="desc"><span>148K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/2/2141">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230524/fc6f13f8f44e08c4d40a5bbc6cd4a2e0.jpeg" /></div>
<h3>2048 LINES</h3>
<div class="desc"><span>19.9K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/3/1799">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220425/3caaaa13d8ca1f99893619b6dc321139.jpg" /></div>
<h3>Puzzle Parking 3d</h3>
<div class="desc"><span>342K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/14/2177">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230825/ce3cda0a4976a07eacad254a0cd117df.png" /></div>
<h3>Brick layer</h3>
<div class="desc"><span>13.2K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/46/2168">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230726/fe0e680d3ac5c3944119021a7ac21c9b.jpg" /></div>
<h3>Summer Party</h3>
<div class="desc"><span>8K</span>&nbsp;Play</div>
</a>
</div>
</div>
<div id="index_bottom_ad" style="display: flex;flex-direction:column;align-items:center;justify-content: center;width: 100%;">
<p style="font-size: 10px;color: #666;text-align: center;margin-bottom: 5px;">Advertisement</p>
 </div>
<div class="recommend">
<div class="sortTitle">
<h3 tran="allTitle"></h3>
</div>
<div class="recommendCon" id="allGame">
<a href="/interest/detail/2/2174">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230816/85b9b5a79c171a7b759a7cf6c785fdb5.png" /></div>
<h3>Twisted City</h3>
<div class="desc"><span>12.2K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/2/1980">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/brain_out.png" /></div>
<h3>Brain out</h3>
<div class="desc"><span>42.3K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/2/2146">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230606/3728769485d6e132aac481ba7904ba9b.png" /></div>
<h3>2K Bubbles</h3>
<div class="desc"><span>11.2K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/32/1978">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/BicycleStuntRace.png" /></div>
<h3>Bicycle Stunt Race</h3>
<div class="desc"><span>103K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/32/1756">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/Basketball-Beans.png" /></div>
<h3>Basketball Beans</h3>
<div class="desc"><span>116K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/46/1792">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/Money-Rush-3d.png" /></div>
<h3>Money Rush 3d</h3>
<div class="desc"><span>127K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/3/2151">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230620/c2381031e708abbab466d4fe3798da28.png" /></div>
<h3>Bowling Battle</h3>
<div class="desc"><span>25.3K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/2/2017">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/PetCrush.png" /></div>
<h3>Pet Crush</h3>
<div class="desc"><span>22K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/88/1811">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230818/330cdd26d597304e47e1a8cd56231d43.png" /></div>
<h3>Snowball</h3>
<div class="desc"><span>358K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/88/1810">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/Snowball-Rush-3d.png" /></div>
<h3>Snowball Rush</h3>
<div class="desc"><span>219K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/14/2165">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20230717/2ca72649c4de0b469ee99b083fee01c3.jpg" /></div>
<h3>Impostor Assassin</h3>
<div class="desc"><span>62.9K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/14/2006">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/Merge-Commander-Battle.png" /></div>
<h3>Merge Commander Battle</h3>
<div class="desc"><span>38.5K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/1962">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221011/super-puffer-fish-3d.png" /></div>
<h3>Super Puffer Fish</h3>
<div class="desc"><span>26.7K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/88/2013">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20221017/OpenFire.png" /></div>
<h3>Open Fire</h3>
<div class="desc"><span>45.3K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/88/1917">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220701/Airport_Security.png" /></div>
<h3>Airpor Security</h3>
<div class="desc"><span>166K</span>&nbsp;Play</div>
</a>
<a href="/interest/detail/90/1816">
<div class="thum"><img class="lazyLoad" src="/dimains/img/loading.png" data-src="/uploads/gamepic/20220420/SuperSpyFig.png" /></div>
<h3>Super Spy Fig</h3>
<div class="desc"><span>140K</span>&nbsp;Play</div>
</a>
</div>
<p id="notice">Pull up to load more.</p>
</div>
<footer id="footer">
<p><img src="/dimains/img/logo-mini.png" width="14" />Online Games</p>
<p>
<a href="/interest/terms" target="_blank"> Users Agreement</a>
&nbsp;|&nbsp;
<a href="/interest/privacy" target="_blank">Privacy Policy</a>
</p>
<p class="copy">Copyright © 2019 Online Games. All rights Reserved.</p>
</footer>
<div id="shareMask">
<div id="sidebar">
<div role="button" class="close-sidebar"><span class="iconfont">&#xe630;</span></div>
<ul class="sidebar">
<li id="faceBook">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-facebook"></use>
</svg>
</li>
<li id="twitter">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-twitter"></use>
</svg>
</li>
<li id="copyLink">
<span class="iconfont">&#xe694;</span>
</li>
</ul>
</div>
</div>
<p class="copySuccessed" tran="copySuccess"></p>

<script>
          window.googletag = window.googletag || {cmd: []};
          googletag.cmd.push(function() {
             var slot = googletag.defineOutOfPageSlot(
                  '/24206745/h5-bwg-game/320x480-outofpage3305-id00221-bwg',          
                  googletag.enums.OutOfPageFormat.INTERSTITIAL);
             // Slot returns null if the page or device does not support interstitials
             if (slot) slot.addService(googletag.pubads());
             googletag.enableServices();
             // Consider delaying until first div on page
             googletag.display(slot);
          });
</script><script src="/dimains/js/common.js"></script>
<div id="menuListMask">
<div class="menuList">
<div class="list">
<a href="/interest/list/2">
<img src="/uploads/games/20210315/51c3e30246bd7fce9a317fffb236b586.png"><p tran="puzzle">Puzzle</p>
</a>
<a href="/interest/list/3">
<img src="/uploads/games/20210315/d91c3f50739b43ed1b3b825b9ffe78c8.png"><p tran="kids">Kids</p>
</a>
<a href="/interest/list/14">
<img src="/uploads/games/20210315/af72ab82766500236b1c53f0baf6a2dd.png"><p tran="adventure">Adventure</p>
</a>
<a href="/interest/list/32">
<img src="/uploads/games/20210315/d2a63ffcdf480f0b3cd1f75c97e89630.png"><p tran="sports">Sports</p>
</a>
<a href="/interest/list/41">
<img src="/uploads/games/20210315/097bc8d741a54de40484f823b3ec85bf.png"><p tran="racing">Racing</p>
</a>
<a href="/interest/list/46">
<img src="/uploads/games/20210315/f8d565f764add73d6c8dbc69e7d36855.png"><p tran="girl">Girl</p>
</a>
<a href="/interest/list/90">
<img src="/uploads/games/20210315/df830c54f2b538529a02002ae6351760.png"><p tran="hot">Hot</p>
</a>
<a href="/interest/list/91">
<img src="/uploads/games/20210315/0ccfab0efc4a70e294f09457d4d02dba.png"><p tran="action">Action</p>
</a>
<a href="/interest/list/94">
<img src="/uploads/games/20210315/5e575e69f2960a4471640343b3f71f1b.png"><p tran="arcade">Arcade</p>
</a>
<a href="/interest/list/235">
<img src="/uploads/games/20210315/db90ea00a121cf5b9cf63046ccb49a64.png"><p tran="casual">Casual</p>
</a>
</div>
<a href="javascript:void (0)" class="close"><span class="iconfont">&#xe630;</span></a>
</div>
</div>
<script>
    // 新增历史记录
    var ids = localStorage.getItem("q_ids");
    function sortdata(data1,data2) {
        return data1.map(n=>{return data2.filter(nn=>nn.gameId == n)[0]}).filter(n=>n);
    }
    if(!ids){
        //暂无历史记录
        $('#history').css('display','none')
    }else{
        var ids = localStorage.getItem("q_ids").split(",").slice(0,9).join(',');
        
        $.ajax({
            type: 'get',
            url: '/interest/api/infos?ids='+ids,
            dataType:'jsonp',
            processData: false,
            jsonp: "callback",
            jsonpCallback:"jsonpCallback",
            cache: true,
            success:function (result) {
                if(result.code != 0){
                    var res = "";
                    sortdata(ids.split(','),result.data).forEach(ret=>{
                        res+=`
                            <div class="swiper-slide" style="background-color: transparent;width：100px;">
                                <a href="/interest/detail/${ret.classId}/${ret.gameId}">
                                    <div class="thum">
                                        <img class="lazyLoad" src="/dimains/img/loading.png" data-src="${ret.icon}" />
                                    </div>
                                    <h3>${ret.name}</h3>
                                    <div class="desc">
                                    <span>${ret.playtime}</span>&nbsp;Play</div>
                                </a>
                            </div>
                        `;
                    });
                    $('#history_games').append(res);
                    lazyload($("img.lazyLoad"));
                    new Swiper ('.pop-2', {
                        freeMode:true,
                        slidesPerView: 'auto',
                        spaceBetween: 10,
                        delay: 2500
                    });
                }
            },
            error: function(e){console.log(e);}
        })
    }

    var totalWidth = document.getElementById("pop").offsetWidth;
    var sideLength = Math.floor((totalWidth-30)/4);
    var thumImg = document.querySelectorAll(".thum");
    for(i=0;i<thumImg.length;i++){
        thumImg[i].style.width = thumImg[i].style.height = sideLength +"px";
    }
    var allGameBox = document.getElementById("allGame");
    var notice =  document.getElementById("notice");
    var pageSize = 2;
    var isGet = true;
    var pubid = new URLSearchParams(window.location.search).get("pubid");
    document.addEventListener("scroll",parseToDOM,false);
    function parseToDOM(){
        //获取可视窗口的高度
        var clientHeight = window.innerHeight;
        //获取滚动高度
        var scrollTop = window.scrollY || document.body.scrollTop;
        //获取文档的高度
        var bodyHeight = document.body.offsetHeight||document.body.clientHeight;
        var isToBottom = scrollTop + clientHeight + 140 >= bodyHeight;
        if(isToBottom && isGet){
            isGet = false;
            notice.innerText = "Loading...";
            var xhr = new XMLHttpRequest();
            xhr.open("GET","/interest/all/"+pageSize,true);//第二个参数填写地址
            xhr.responseType = "text";
            xhr.onreadystatechange = function(){
                if (xhr.readyState === 4 && xhr.status === 200){
                    var res = JSON.parse(xhr.responseText);
                    if(res.length === 0){
                        notice.innerText = "NO DATA.";
                        return;
                    }
                    var docFrag = document.createDocumentFragment();
                    res.forEach(function (ele) {
                        var Link = document.createElement("a");
                        Link.href = '/interest/detail/'+ele.classId+'/'+ele.gameId;
                        var thum = document.createElement("div");
                        thum.className = "thum";
                        thum.style.width = thum.style.height = sideLength + "px";
                        var img = document.createElement("img");
                        img.className = "lazyload";
                        img.src = "/dimains/img/loading.png";
                        img.dataset.src = ele.icon;
                        var h3 = document.createElement("h3");
                        h3.innerText = ele.name;
                        var desc = document.createElement("div");
                        desc.className = "desc";
                        var descSpan = document.createElement("span");

                        if( ele.playtime != undefined )
                        {
                            var playerNum = ele.playtime;
                        }else{
                            var playerNum = 0;
                        }
                        descSpan.innerText = playerNum;
                        // var playerNum = Math.floor(Math.random()*900)+100;
                        // descSpan.innerText = playerNum+"K+";
                        var text = document.createTextNode(" Play");
                        desc.appendChild(descSpan);
                        desc.appendChild(text);
                        thum.appendChild(img);
                        Link.appendChild(thum);
                        Link.appendChild(h3);
                        Link.appendChild(desc);
                        this.appendChild(Link);
                    },docFrag);
                    setTimeout(function () {
                        allGameBox.appendChild(docFrag);
                        var lad = allGameBox.querySelectorAll('.lazyload');
                        lazyload(lad);
                        pageSize++;
                        isGet = true;
                        notice.innerText = "Pull up to load more.";
                    },100)
                }
            }
            xhr.send(null);
        }
    }

    //导航部分
    var menuBtn = document.getElementById("allType");
    var menuMask = document.getElementById("menuListMask");
    var menuClose = menuMask.querySelector(".close");
    menuClose.addEventListener('click', function () {
        hide(menuMask);
    });
    menuBtn.addEventListener('click', function () {
        menuMask.style.display = 'block';
    });
    menuMask.addEventListener('click', function (e) {
        if (e.target === e.currentTarget) {
            hide(this);
        }
    });
    new Swiper ('#banner', {
        freeMode:true,
        slidesPerView: 'auto',
        spaceBetween: 0,
        // centeredSlides:true,
        delay: 2500,
        loopedSlides: 3,
        lazy:{
            loadPrevNext: true
        }
    });
    new Swiper ('#banners', {
        freeMode:true,
        slidesPerView: 'auto',
        spaceBetween: 0,
        // centeredSlides:true,
        delay: 2500,
        loopedSlides: 3,
        lazy:{
            loadPrevNext: true
        }
    });
    new Swiper ('.pop-1', {
        freeMode:true,
        slidesPerView: 'auto',
        spaceBetween: 15,
        delay: 2500,
        loopedSlides: 3
    });
</script>
<script>(function(){var js = "window['__CF$cv$params']={r:'817be3a3ae0a1040',t:'MTY5NzU4MDgxMC44MzgwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script></body>
<script src="https://recaptcha.net/recaptcha/api.js?render=6LdwmLgUAAAAAFrJzuRXjNI5zqxhg_biPwmaZenx"></script>
<script>
    var actions = window.location.hostname.split(".").join("");
    grecaptcha.ready(function() {
        grecaptcha.execute('6LdwmLgUAAAAAFrJzuRXjNI5zqxhg_biPwmaZenx', {action: actions});
    });
</script>

<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
    window.cookieconsent.initialise({
        "palette": {
            "popup": {
                "background": "#edeff5",
                "text": "#838391"
            },
            "button": {
                "background": "#4b81e8"
            }
        },
        "content": {
            "message": "By continuing to browse DouYouGame, you agree to the use of cookies for advertising and audience measurement purposes. Learn more in our privacy policy.",
            "dismiss": "Accept",
            "link": "<span style='font-size: x-small'>Here</span>",
            "href": "/interest/privacy"
        }
    });
</script>
</html>