<script data-ad-client="ca-pub-8492706709802592" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>YX - Fantasy H5 Browser Games - Free Game Online</title>
    <meta name="keywords" content="YX,html5 games,html5,mobile,mobile games,free mobile games,free online games,best online games">
    <meta name="description" content="ht5game, Play the Best free online games! We have the best online games website, free html5 games, html5 games, and much more... Choose a game to play for free and have fun with us now!">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="https://d3eaqvsadizu5h.cloudfront.net//static/css/swiper.min.css" media="screen"/>
    <link rel="icon" href="https://d3eaqvsadizu5h.cloudfront.net//static/img/logo.ico">
    <link rel="stylesheet" href="https://d3eaqvsadizu5h.cloudfront.net//static/css/public.css" media="screen">
    <link rel="stylesheet" href="https://d3eaqvsadizu5h.cloudfront.net//static/css/main_v1.1.0.css" media="screen">







    <meta name="google-site-verification" content="RPIUN0Gu6Fp6-lie5h-9z0E7S3PD5hX57800Bv_WHGE" />
</head>

<body id="body">
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/zepto.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
(function () {
    var isInPhone = isInPhone();
    if (!isInPhone) {
        $("#body").addClass("pc");
    } else {
        $("#body").addClass("phone");
    }
    function isInPhone() {
        if ((navigator.userAgent.match(
            /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
        ))) {
        return true
        } else {
            return false
        }
    }
})()
</script>
<div class="p_index">
<div class="m_head_nav">
    <nav class="nav_box">
        <div class="url_box">
        </div>
    </nav>
    <div class="nav_bg hid_i"></div>
    <div class="nav_btn">
        <img src="https://d3eaqvsadizu5h.cloudfront.net//static/img/nav2.png">
    </div>
    <div class="head_content">
	        <img src="https://d3eaqvsadizu5h.cloudfront.net//image/view/h5//ROGAME2.png">
    </div>
    <div class="share_btn" id="copeUrl">
        <img src="https://d3eaqvsadizu5h.cloudfront.net//static/img/share.png">
    </div>
</div>
<script>
$(function(){
   var cdnUrl = 'https://d3eaqvsadizu5h.cloudfront.net/';
    var moreUrl = '/genre/ro';
    $.ajax({
        type: 'GET',
        url: "/api/game-genre/list",
        dataType: 'json',
        success: function (data2) {
            var data = data2.data;
            var str = "";
            for (var i = 0; i < data.length; i++) {
                var className = i == 0 ? "active" : "";
                str += '<a class="' + className + '" href="' + moreUrl + '">' +
                    '<img src="' + cdnUrl + data[i].icon + '" >' + data[i].label + '</a>';
            }

            $(".url_box").html(str);

        }
    });
    $(".nav_btn").on("click", function () {
        $(".nav_box").toggleClass("show_nav");
        $(".m_head_nav .nav_bg").toggleClass("hid_i");
    });
    $(".m_head_nav .nav_bg").on("click", function () {
        $(".nav_box").removeClass("show_nav");
        $(this).toggleClass("hid_i");
    });
    var clipboard = new Clipboard('#copeUrl', {
        text: function () {
            return window.location;
        }
    });

    clipboard.on('success', function (e) {
        alert("coped!");
    });

    clipboard.on('error', function (e) {
        alert("coped error!");
        console.error(e);
    }); 
});
</script>
<style>
    body {
        padding: 50px 0 0;
    }
    .m_head_nav {
        display: flex;
        position: fixed;
        z-index: 100;
        top: 0;
        height: 50px;
        width: 100%;
        background: #fff;
        max-width: 640px;
        box-shadow: 0 2px 13px #c7c7c7;
    }

    .m_head_nav .nav_btn {
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .m_head_nav .nav_btn img {
        height: 20px;
    }

    .m_head_nav .head_content {
        flex: 1;
        text-align: center;
    }

    .m_head_nav .share_btn {
        width: 45px;
        height: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .m_head_nav .share_btn img {
        width: 20px;
    }

    .m_head_nav .head_content img {
        height: 35px;
        margin-top: 7px;
    }

    .m_head_nav .nav_box {
        position: fixed;
        top: 50px;
        bottom: 0;
        z-index: 999;
        left: 0;
        background: #fff;
        width: 200px;
        transform: translateX(-200px);
        transition: all 0.5s;
    }

    .m_head_nav .nav_box.show_nav {
        transform: translateX(0px);
    }

    .m_head_nav .nav_box .url_box {
        margin-top: 10px;
    }

    .m_head_nav .nav_box a {
        display: block;
        border-bottom: 1px solid #ebebeb;
        font-size: 14px;
        padding: 10px 5px;
    }

    .m_head_nav .nav_box a img {
        width: 18px;
        margin-right: 10px;
        vertical-align: middle;
    }

    .m_head_nav .nav_box .url_box .active {
        background: #f4f4f4;
    }

    .m_head_nav .nav_bg {
        position: fixed;
        top: 50px;
        bottom: 0;
        z-index: 998;
        right: 0;
        width: 100%;
        background: hsla(0, 0%, 78%, .7);
    }
</style><div class="m_index_banner2_v3 ">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="/random/ro/10017">
                    <img src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/aerfeimaoxian/iconbanner.webp" />
                </a>
            </div>
            <div class="swiper-slide">
                <a href="/random/ro/10018">
                    <img src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/bangqiuyinghun/iconbanner.webp" />
                </a>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
    .m_index_banner2_v3 {
        padding: 0.1rem 0;
    }

    .m_index_banner2_v3 .swiper-container {
        padding: 5px 0;
    }

    .m_index_banner2_v3 .swiper-container .swiper-slide {
    }

    .m_index_banner2_v3 .swiper-container .swiper-slide a {
        display: block;
    }

    .m_index_banner2_v3 .swiper-container .swiper-slide a img {
        display: block;
        min-height: 2.09rem;
        width: 100%;
        box-shadow: 0 1.5px 3px #8c8c8c;
    }
</style>
<script type="text/javascript">
$(function(){
    var swiper1 = new Swiper('.m_index_banner2_v3 .swiper-container', {
        autoplay: false,
        loop: true,
    });
});
</script><div class="m_index_history_v3  hid_i">
    <div class="head"></div>
    <div class="swiper-container">
        <div class="swiper-wrapper favoriteContent">
        </div>
    </div>
</div>
<style type="text/css">
    .m_index_history_v3 {
        margin: 8px 0 0 0;
        color: #333;
    }
    .m_index_history_v3 .head {
        font-size: 14px;
        margin: 0 0 5px 15px;
    }
    .m_index_history_v3 .swiper-container {
        padding: 5px 0;
    }
    .m_index_history_v3 .favoriteContent {
        margin-left: 11px;
    }
    .m_index_history_v3 .swiper-container .swiper-slide {
        padding: 0 5px;
    }
    .m_index_history_v3 .swiper-container .swiper-slide a {
        display: block;
    }
    .m_index_history_v3 .swiper-container .swiper-slide a img {
        display: block;
        width: 100%;
        border-radius: 10px;
    }
</style>
<script type="text/javascript">
    $(function () {
        var gameArrStr = localStorage.getItem("h5_history");
        var gameImgArrStr = localStorage.getItem("h5_history_img");
        var gameUrlArrStr = localStorage.getItem("h5_history_url");
        if (gameArrStr != null && gameArrStr != '') {
            var gameArr = gameArrStr.split('_').filter(d => d);
            var gameImgArr = gameImgArrStr.split('_').filter(d => d);
            var gameUrlArr = gameUrlArrStr.split('_').filter(d => d);
            var str = '';
            for (var i = 0; i < gameArr.length; i++) {
                if (i < 9) {
                    str += '<div class="swiper-slide">' +
                        '<a href="' + gameUrlArr[i] + '">' +
                        ' <img src="' + gameImgArr[i] + '" />' +
                        '</a>' +
                        ' </div>'
                }
            }
            if (gameArr.length != 0) {
                $(".m_index_history_v3").removeClass("hid_i");
                $(".m_index_history_v3 .favoriteContent").html(str);
                var historySwiper = new Swiper('.m_index_history_v3 .swiper-container', {
                    autoplay: false,
                    slidesPerView: 6,
                });
            }
        }
    });
</script><div class="m_index_cell3_v3">
    <div class="head">Hot Game</div>
    <div class="list clear">
        <a href="/random/ro/10024">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/conglinfangkuai/icon160.webp" />
            <p class="img_title">Blocks Jungle</p>
            <span class="img_text"><i class="play">131536</i>plays</span>
        </a>
        <a href="/random/ro/10023">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/chengshilianjie/icon160.webp" />
            <p class="img_title">City Connect</p>
            <span class="img_text"><i class="play">202336</i>plays</span>
        </a>
        <a href="/random/ro/10022">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/chaojikadingche/icon160.webp" />
            <p class="img_title">Super Sprint Karts</p>
            <span class="img_text"><i class="play">279299</i>plays</span>
        </a>
        <a href="/random/ro/10032">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/fengkuangrenyiqiu/icon160.webp" />
            <p class="img_title">Crazy Freekick</p>
            <span class="img_text"><i class="play">6570</i>plays</span>
        </a>
        <a href="/random/ro/10036">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/gonglusaiche/icon160.webp" />
            <p class="img_title">Track Racer</p>
            <span class="img_text"><i class="play">166626</i>plays</span>
        </a>
        <a href="/random/ro/10040">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/honglanxuanzhuan/icon160.webp" />
            <p class="img_title">Red and Blue Rotation</p>
            <span class="img_text"><i class="play">12997</i>plays</span>
        </a>
    </div>
</div>

<style type="text/css">
    .m_index_cell3_v3 {
        padding: 0.3125rem 0;
    }

    .m_index_cell3_v3 .head {
        font-size: 14px;
        color: #333;
        margin: 0 15px 5px;
    }

    .m_index_cell3_v3 .list {
        margin: 0 0.2rem;
    }

    .m_index_cell3_v3 .list a {
        float: left;
        color: rgba(71, 74, 79, .87);
        font-size: 14px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
    }


    .m_index_cell3_v3 .list a img {
        width: 84%;
        border-radius: 15px;
    }

    .m_index_cell3_v3 .list a p {
        color: #333;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 5px;
    }

    .m_index_cell3_v3 .list a .img_text {
        color: rgba(129, 129, 129, 0.8);
        transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
    }
</style>
<script type="text/javascript">
$(function(){
    $(".m_index_cell3_v3 .list a").on("click", function () {
        ga('set', 'dimension3', 'customData');
        ga('send', 'event', 'main', 'click', {
            dimension3: 'game_1002'
        });
        ga('send', 'event', 'main', 'click', {
            dimension3: '细胞1_1'
        });
        ga('send', 'event', 'mainPage', 'click', 'game_1003');
        console.log(11);
    });
});
</script><div class="m_index_cell3_v3">
    <div class="head">Puzzle</div>
    <div class="list clear">
        <a href="/random/ro/10047">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jiaoshoupaopaolong/icon160.webp" />
            <p class="img_title">Professor Bubble</p>
            <span class="img_text"><i class="play">18741</i>plays</span>
        </a>
        <a href="/random/ro/10048">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jiedong/icon160.webp" />
            <p class="img_title">Froze Our Kids</p>
            <span class="img_text"><i class="play">118908</i>plays</span>
        </a>
        <a href="/random/ro/10053">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/konglongmishi/icon160.webp" />
            <p class="img_title">Dino Steak</p>
            <span class="img_text"><i class="play">32972</i>plays</span>
        </a>
        <a href="/random/ro/10057">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/mofayaoshui/icon160.webp" />
            <p class="img_title">Master of Potions</p>
            <span class="img_text"><i class="play">90639</i>plays</span>
        </a>
        <a href="/random/ro/10067">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/shuijingduidie/icon160.webp" />
            <p class="img_title">Crystal Stacker</p>
            <span class="img_text"><i class="play">95756</i>plays</span>
        </a>
        <a href="/random/ro/10069">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/taiyangmeili/icon160.webp" />
            <p class="img_title">Sun Charms</p>
            <span class="img_text"><i class="play">15277</i>plays</span>
        </a>
        <a href="/random/ro/10071">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/tantiaomaoxian/icon160.webp" />
            <p class="img_title">Bounce Adventure</p>
            <span class="img_text"><i class="play">24234</i>plays</span>
        </a>
        <a href="/random/ro/10072">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/tgqbt/icon160.webp" />
            <p class="img_title">Candy Cupid</p>
            <span class="img_text"><i class="play">16049</i>plays</span>
        </a>
        <a href="/random/ro/10082">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/xiaobenbunengsi/icon160.webp" />
            <p class="img_title">Silly Ways To Die</p>
            <span class="img_text"><i class="play">89585</i>plays</span>
        </a>
    </div>
</div>

<style type="text/css">
    .m_index_cell3_v3 {
        padding: 0.3125rem 0;
    }

    .m_index_cell3_v3 .head {
        font-size: 14px;
        color: #333;
        margin: 0 15px 5px;
    }

    .m_index_cell3_v3 .list {
        margin: 0 0.2rem;
    }

    .m_index_cell3_v3 .list a {
        float: left;
        color: rgba(71, 74, 79, .87);
        font-size: 14px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
    }


    .m_index_cell3_v3 .list a img {
        width: 84%;
        border-radius: 15px;
    }

    .m_index_cell3_v3 .list a p {
        color: #333;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 5px;
    }

    .m_index_cell3_v3 .list a .img_text {
        color: rgba(129, 129, 129, 0.8);
        transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
    }
</style>
<script type="text/javascript">
$(function(){
    $(".m_index_cell3_v3 .list a").on("click", function () {
        ga('set', 'dimension3', 'customData');
        ga('send', 'event', 'main', 'click', {
            dimension3: 'game_1002'
        });
        ga('send', 'event', 'main', 'click', {
            dimension3: '细胞1_1'
        });
        ga('send', 'event', 'mainPage', 'click', 'game_1003');
        console.log(11);
    });
});
</script><div class="m_index_cell3_v3">
    <div class="head">Action</div>
    <div class="list clear">
        <a href="/random/ro/10046">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jiangshiganran/icon160.webp" />
            <p class="img_title">Zombie Infect</p>
            <span class="img_text"><i class="play">20721</i>plays</span>
        </a>
        <a href="/random/ro/10041">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/hongzhajiangshi/icon160.webp" />
            <p class="img_title">Bombs and Zombies</p>
            <span class="img_text"><i class="play">30010</i>plays</span>
        </a>
        <a href="/random/ro/10055">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/mishishikong/icon160.webp" />
            <p class="img_title">LOST IN TIME</p>
            <span class="img_text"><i class="play">51363</i>plays</span>
        </a>
        <a href="/random/ro/10078">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/wangguozhizhan/icon160.webp" />
            <p class="img_title">Battle for Kingdom</p>
            <span class="img_text"><i class="play">6372</i>plays</span>
        </a>
        <a href="/random/ro/10086">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/ydqw/icon160.webp" />
            <p class="img_title">Boxing King</p>
            <span class="img_text"><i class="play">883771</i>plays</span>
        </a>
        <a href="/random/ro/10096">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/baoshizhanzheng/icon160.webp" />
            <p class="img_title">Puzzle Battle</p>
            <span class="img_text"><i class="play">3063</i>plays</span>
        </a>
        <a href="/random/ro/10098">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/chongtuchuanshuo/icon160.webp" />
            <p class="img_title">Conflict legend</p>
            <span class="img_text"><i class="play">23980</i>plays</span>
        </a>
        <a href="/random/ro/10119">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/longzhiguodu/icon160.webp" />
            <p class="img_title">Dragon Land</p>
            <span class="img_text"><i class="play">84607</i>plays</span>
        </a>
        <a href="/random/ro/10141">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/yingyongqishi/icon160.webp" />
            <p class="img_title">Valiant Knight</p>
            <span class="img_text"><i class="play">129544</i>plays</span>
        </a>
    </div>
</div>

<style type="text/css">
    .m_index_cell3_v3 {
        padding: 0.3125rem 0;
    }

    .m_index_cell3_v3 .head {
        font-size: 14px;
        color: #333;
        margin: 0 15px 5px;
    }

    .m_index_cell3_v3 .list {
        margin: 0 0.2rem;
    }

    .m_index_cell3_v3 .list a {
        float: left;
        color: rgba(71, 74, 79, .87);
        font-size: 14px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
    }


    .m_index_cell3_v3 .list a img {
        width: 84%;
        border-radius: 15px;
    }

    .m_index_cell3_v3 .list a p {
        color: #333;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 5px;
    }

    .m_index_cell3_v3 .list a .img_text {
        color: rgba(129, 129, 129, 0.8);
        transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
    }
</style>
<script type="text/javascript">
$(function(){
    $(".m_index_cell3_v3 .list a").on("click", function () {
        ga('set', 'dimension3', 'customData');
        ga('send', 'event', 'main', 'click', {
            dimension3: 'game_1002'
        });
        ga('send', 'event', 'main', 'click', {
            dimension3: '细胞1_1'
        });
        ga('send', 'event', 'mainPage', 'click', 'game_1003');
        console.log(11);
    });
});
</script><div class="m_index_cell3_v3">
    <div class="head">Racing</div>
    <div class="list clear">
        <a href="/random/ro/10049">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jiqingshisu/icon160.webp" />
            <p class="img_title">Furious Speed</p>
            <span class="img_text"><i class="play">585372</i>plays</span>
        </a>
        <a href="/random/ro/10100">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/dajiaopengpengche/icon160.webp" />
            <p class="img_title">Monster Truck</p>
            <span class="img_text"><i class="play">133480</i>plays</span>
        </a>
        <a href="/random/ro/10135">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/wanmeisaiche/icon160.webp" />
            <p class="img_title">Mighty Montors</p>
            <span class="img_text"><i class="play">143696</i>plays</span>
        </a>
        <a href="/random/ro/10147">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/duoluertao/icon160.webp" />
            <p class="img_title">Get Away Driver</p>
            <span class="img_text"><i class="play">132948</i>plays</span>
        </a>
        <a href="/random/ro/10165">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/bxsc/icon160.webp" />
            <p class="img_title">Trubo Tastic</p>
            <span class="img_text"><i class="play">154659</i>plays</span>
        </a>
        <a href="/random/ro/10166">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/gnddc/icon160.webp" />
            <p class="img_title">Starter Kit</p>
            <span class="img_text"><i class="play">154507</i>plays</span>
        </a>
        <a href="/random/ro/10168">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jsbcs/icon160.webp" />
            <p class="img_title">Rally Race</p>
            <span class="img_text"><i class="play">145231</i>plays</span>
        </a>
        <a href="/random/ro/10167">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/jczjz/icon160.webp" />
            <p class="img_title">Cop Chase</p>
            <span class="img_text"><i class="play">244682</i>plays</span>
        </a>
        <a href="/random/ro/10175">
            <img class="lazy" alt="" data-original="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/wujindekache/icon160.webp" />
            <p class="img_title">Endless Truck</p>
            <span class="img_text"><i class="play">223014</i>plays</span>
        </a>
    </div>
</div>

<style type="text/css">
    .m_index_cell3_v3 {
        padding: 0.3125rem 0;
    }

    .m_index_cell3_v3 .head {
        font-size: 14px;
        color: #333;
        margin: 0 15px 5px;
    }

    .m_index_cell3_v3 .list {
        margin: 0 0.2rem;
    }

    .m_index_cell3_v3 .list a {
        float: left;
        color: rgba(71, 74, 79, .87);
        font-size: 14px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
    }


    .m_index_cell3_v3 .list a img {
        width: 84%;
        border-radius: 15px;
    }

    .m_index_cell3_v3 .list a p {
        color: #333;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        margin-top: 5px;
    }

    .m_index_cell3_v3 .list a .img_text {
        color: rgba(129, 129, 129, 0.8);
        transform: scale(0.9, 0.9);
        -webkit-transform: scale(0.9, 0.9);
    }
</style>
<script type="text/javascript">
$(function(){
    $(".m_index_cell3_v3 .list a").on("click", function () {
        ga('set', 'dimension3', 'customData');
        ga('send', 'event', 'main', 'click', {
            dimension3: 'game_1002'
        });
        ga('send', 'event', 'main', 'click', {
            dimension3: '细胞1_1'
        });
        ga('send', 'event', 'mainPage', 'click', 'game_1003');
        console.log(11);
    });
});
</script><section class="m_index_banner_item_v2">
    <a class="banner_item" href="/random/ro/10270">
        <div class="banner_image">
            <img class="lazy banner-img" src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/snailbob6/iconbanner.webp">
        </div>

        <div class="banner_desc">
            <div class="banner_left_icon">
                <img class="lazy" src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/snailbob6/icon160.webp">
            </div>
            <div class="banner_center">
                <p class="game_title">SNAIL BOB 6</p>
                <span class="img_text">
                In Snail Bob 6 Winter Story you must give Snailbob a merry Christmas. Keep him alive by solving all the puzzles. Complete all the levels with 3 stars and unlock many of the minigames.
                </span>
            </div>
            <div class="play_info_box">
                <p><span class="play_num">46852</span> <span class="plays">PLAYS</span></p>
                <img class="star" src="https://d3eaqvsadizu5h.cloudfront.net//static/img/star-circle2.png" />
            </div>
        </div>
    </a>
</section>
<style type="text/css">
    .m_index_banner_item_v2 {
        margin-top: .4rem;
    }

    .m_index_banner_item_v2 .banner_item {
        display: block;
        position: relative;
        margin: 0 .267rem 0;
        font-size: .347rem;
        border-bottom: 1px solid #ccc;
    }

    .m_index_banner_item_v2 .banner_item .banner_image {
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .m_index_banner_item_v2 .banner_item .banner_image .banner-img {
        width: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 5px;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc {
        position: relative;
        display: flex;
        margin: 0 0.053rem .267rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_left_icon {
        margin: 0.25rem 0.15625rem 0 0;
        width: 1.6rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_left_icon img {
        width: 100%;
        -webkit-border-radius: .08rem;
    }


    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center {
        padding-top: .267rem;
        padding-bottom: .187rem;
        margin-left: .267rem;
        width: 4.8rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center .game_title {
        margin-bottom: .08rem;
        font-size: .4rem;
        font-weight: 600;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center .img_text {
        color: rgba(115, 111, 111, 1);
        margin-top: .133rem;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .m_index_banner_item_v2 .play_info_box {
        position: absolute;
        right: .133rem;
        top: .347rem;
        z-index: 3;
        font-style: italic;
        font-size: .32rem;
        letter-spacing: -0.027rem;
        font-weight: 500;
    }

    .m_index_banner_item_v2 .play_info_box .play_num {
        color: rgb(255, 152, 0);
    }

    .m_index_banner_item_v2 .play_info_box .plays {
        color: rgba(115, 111, 111, 1);
    }

    .m_index_banner_item_v2 .play_info_box .star {
        width: .587rem;
        margin-top: .133rem;
        float: right;
    }
</style>
<script>
$(function(){
    $(".m_index_banner_item_v2  .img_text").each(function (item) {
        var str = $.trim($(this).html());
        if (str.length > 40) {
            str = str.substring(0, 40) + "...";
            $(this).html(str);
        }
    });
});
</script><section class="m_index_banner_item_v2">
    <a class="banner_item" href="/random/ro/10242">
        <div class="banner_image">
            <img class="lazy banner-img" src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/crickethero/iconbanner.webp">
        </div>

        <div class="banner_desc">
            <div class="banner_left_icon">
                <img class="lazy" src="https://d3eaqvsadizu5h.cloudfront.net//allgame/ICON/crickethero/icon160.webp">
            </div>
            <div class="banner_center">
                <p class="game_title">Cricket Hero</p>
                <span class="img_text">
                hit the balls and avoid bombs and eggs
                </span>
            </div>
            <div class="play_info_box">
                <p><span class="play_num">86523</span> <span class="plays">PLAYS</span></p>
                <img class="star" src="https://d3eaqvsadizu5h.cloudfront.net//static/img/star-circle2.png" />
            </div>
        </div>
    </a>
</section>
<style type="text/css">
    .m_index_banner_item_v2 {
        margin-top: .4rem;
    }

    .m_index_banner_item_v2 .banner_item {
        display: block;
        position: relative;
        margin: 0 .267rem 0;
        font-size: .347rem;
        border-bottom: 1px solid #ccc;
    }

    .m_index_banner_item_v2 .banner_item .banner_image {
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .m_index_banner_item_v2 .banner_item .banner_image .banner-img {
        width: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 5px;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc {
        position: relative;
        display: flex;
        margin: 0 0.053rem .267rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_left_icon {
        margin: 0.25rem 0.15625rem 0 0;
        width: 1.6rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_left_icon img {
        width: 100%;
        -webkit-border-radius: .08rem;
    }


    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center {
        padding-top: .267rem;
        padding-bottom: .187rem;
        margin-left: .267rem;
        width: 4.8rem;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center .game_title {
        margin-bottom: .08rem;
        font-size: .4rem;
        font-weight: 600;
    }

    .m_index_banner_item_v2 .banner_item .banner_desc .banner_center .img_text {
        color: rgba(115, 111, 111, 1);
        margin-top: .133rem;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .m_index_banner_item_v2 .play_info_box {
        position: absolute;
        right: .133rem;
        top: .347rem;
        z-index: 3;
        font-style: italic;
        font-size: .32rem;
        letter-spacing: -0.027rem;
        font-weight: 500;
    }

    .m_index_banner_item_v2 .play_info_box .play_num {
        color: rgb(255, 152, 0);
    }

    .m_index_banner_item_v2 .play_info_box .plays {
        color: rgba(115, 111, 111, 1);
    }

    .m_index_banner_item_v2 .play_info_box .star {
        width: .587rem;
        margin-top: .133rem;
        float: right;
    }
</style>
<script>
$(function(){
    $(".m_index_banner_item_v2  .img_text").each(function (item) {
        var str = $.trim($(this).html());
        if (str.length > 40) {
            str = str.substring(0, 40) + "...";
            $(this).html(str);
        }
    });
});
</script><div class="m_footer">
  <div class="top">
    <img class="game_icon" src="https://d3eaqvsadizu5h.cloudfront.net//static/img/game.png" /> Game
  </div>
  <div class="middle">
Notice:the content is provided by the content developer . If there are any objections, please give us the original proof and we will remove it after verification. 
  </div>
</div>
<style type="text/css">
.m_footer {
  padding: 0.375rem 0 0;
}
.m_footer .top {
  text-align: center;
}
.m_footer .game_icon {
  width: 20px;
  vertical-align: middle;
}
.m_footer .middle {
  color: #999;
  font-size: 0.32rem;
  text-align: center;
  padding: 0.1875rem 0.3rem 0.625rem;
}
</style>
</div>

</body>
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/swiper.js" type="text/javascript" charset="utf-8"></script>    
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/lazyload.min.1.js" type="text/javascript" charset="utf-8"></script>
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/owl.js" defer></script>
<script src="https://d3eaqvsadizu5h.cloudfront.net//static/js/clipboard.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
$(function(){
    $("img.lazy").lazyload({
        threshold:100,
        effect: "fadeIn",
        failure_limit : 10,
    });
})
</script>
</html>

