﻿<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/Content/libs/swiper.min.css">
    <link rel="stylesheet" href="/Content/public/css/public.css" />
    <link rel="stylesheet" href="css/index.css" />
    <title>index </title>
    <style>
        .title-box {
            margin-bottom: 14px;
        }
        
        .title-tag {
            display: inline-block;
            width: 82px;
            height: 30px;
            text-align: center;
            line-height: 24px;
            background: url('/Content/public/img/index/title-tag-bg.png') no-repeat;
            background-size: 100% 100%;
            font-size: 16px;
            color: #fff;
            margin-right: 11px;
        }
        
        .box.game_banner {
            height: 165px;
            margin-bottom: 10px;
        }
        
        .swiper-container {
            width: 1006px;
            /* width: 998px; */
            height: 140px;
            cursor: pointer;
            margin: 0;
            overflow: visible;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .swiper-slide img {
            /* width: 1006px; */
            width: 488px;
            height: 140px;
        }
        
        .swiper-container-horizontal>.swiper-pagination-bullets,
        .swiper-pagination-custom {
            bottom: -25px;
        }
        
        .swiper-pagination-bullet {
            /* width: 16px;
            height: 3px;
            background-color: #ffffff;
            border-radius: 0;
            opacity: 1; */
            width: 12px;
            height: 7px;
            background: #DADADA;
            border-radius: 4px;
            margin: 0 3px;
        }
        
        .swiper-pagination-bullet-active {
            /* width: 24px;
            height: 3px;
            background-color: #00A8F7; */
            width: 30px;
            height: 7px;
            background: #999999;
            border-radius: 4px;
        }
        
        .swiper-button-prev,
        .swiper-button-next {
            width: 30px;
            height: 50px;
            display: none;
            background-color: #000;
            opacity: 0.65;
            line-height: 50px;
            text-align: center;
            background-image: url('../../Content/public/img/left.png');
            background-size: 12px 20px;
        }
        
        .swiper-button-next {
            background-image: url('../../Content/public/img/right.png');
        }
        
        .swiper-button-next:hover {
            background-image: url('../../Content/public/img/right-1.png');
        }
        
        .swiper-button-prev:hover {
            background-image: url('../../Content/public/img/left-1.png');
        }
        
        .ad-box ul {
            /* margin-top: 16px; */
            margin-bottom: 13px;
            /* height: 137px; */
            overflow: hidden;
        }
        
        .ad-box li {
            /* width: 238px;
            height: 136px; */
            /* width: 184px; */
            width: 238px;
            /* border: 1px solid #eaeaea; */
            float: left;
            margin-left: 15px;
            /* transition: all .3s;
            -ms-transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
            -o-transition: all .3s; */
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }
        
        .ad-box li .game-tag {
            position: absolute;
            top: 0;
            right: 7px;
            /* display: inline-block; */
            width: 41px;
            height: 28px;
            line-height: 24px;
            font-size: 14px;
            background: url('../../Content/public/img/index/jp.png') no-repeat;
            background-size: 100% 100%;
            color: #fff;
            text-align: center;
        }
        
        .ad-box li:first-child {
            margin-left: 0;
        }
        
        .ad-box li img {
            width: 100%;
            /* height: 108px; */
            height: 128px;
            vertical-align: top;
        }
        
        .ad-box li .game-info {
            height: 34px;
            line-height: 34px;
            padding: 0 5px;
            font-size: 14px;
            color: #333333;
            white-space: nowrap;
        }
        
        .game-info .game-price {
            color: #F21E1E;
            text-align: right;
        }
        
        .ad-box .game-info>span {
            display: inline-block;
            width: 112px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: top;
        }
        /*         
        .ad-box li:hover {
            border: 1px solid #EAEAEA;
            box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 1);
            transform: translateY(-7px);
            -ms-transform: translateY(-7px);
            -moz-transform: translateY(-7px);
            -webkit-transform: translateY(-7px);
            -o-transform: translateY(-7px);
        } */
        
        .ad-box li .mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 238px;
            height: 128px;
            text-align: center;
            background: rgba(47, 128, 236, 0.85);
            opacity: 0;
            transition: opacity 0.3s;
        }
        
        .ad-box li:hover .mask {
            opacity: 1;
        }
        
        .ad-box li .mask-btn {
            width: 86px;
            height: 27px;
            line-height: 24px;
            text-align: center;
            border: 1px solid #FFFFFF;
            border-radius: 4px;
            color: #fff;
            margin: 51px auto;
        }
        .title-box > img{
            width: 24px;
        }
        .title-box .text{
            font-size: 18px;
            font-family: Microsoft YaHei;
            color: #000000;
            margin: 0 15px 0 10px;
        }
        .title-box .desc{
            display: inline-block;
            height: 28px;
            line-height: 28px;
            padding: 0 16px;
            /* background: linear-gradient(90deg, #D2E5FF, #FFFFFF); */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, #D2E5FF), color-stop(100%, #FFFFFF));
   
            background: -moz-linear-gradient(right, #D2E5FF 0%, #FFFFFF 100%);
            
            background: -webkit-linear-gradient(left, #D2E5FF 0%, #FFFFFF 100%);
            
            background: -o-linear-gradient(right, #D2E5FF 0%, #FFFFFF 100%);
        
            background: -ms-linear-gradient(right, #D2E5FF 0%, #FFFFFF 100%);
            
            background: linear-gradient(to right, #D2E5FF, #FFFFFF);
            
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2E5FF', endColorstr='#FFFFFF',GradientType=1)";
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#D2E5FF', endColorstr='#FFFFFF', GradientType=1);
            border-radius: 14px;
            font-size: 14px;
            color: #666666;
        }        
        .color-F33A3A{
            color: #F33A3A;
        }
    </style>
    <script>
        function imgError(e) {
            e.src = '/Content/public/img/product_default.jpg';
        }
    </script>
</head>

<body>
    <div class="add-sc self-scroll-bar">
        <div class="title-box">
            <!-- <div class="title-tag">推荐活动</div>
            <span class="font14 color-999">特色活动等你参与</span> -->
            <img src="/Content/public/img/menu/10.png" alt="">
            <span class="text">推荐活动</span>
            <span class="desc">特色活动等你参与</span>
        </div>
        <div id="banner_boxes" v-cloak>
            <div class="box game_banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" v-for="(item,index) in list1"><img :src="item.ADImageUrl" :data-href="item.ADOpenUrl" :linkType="'ad_'+index" onclick="linkTo(this)" /></div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination">

                    </div>
                    <!-- <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span></div> -->

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>

                    <!-- 如果需要滚动条 -->
                    <!-- <div class="swiper-scrollbar"></div> -->
                </div>
            </div>
            <div class="title-box">
                <!-- <div class="title-tag">热门游戏</div>
                <span class="font14 color-999">热门游戏推荐一步到位</span> -->
                <img src="/Content/public/img/menu/11.png" alt="">
                <span class="text">热门游戏</span>
                <span class="desc">热门游戏推荐一步到位</span>
                <div class="rt color-666 font14 cursor-pointer" style="padding: 5px 10px 5px 0;" onclick="window.parent.GoToUrl('../hall/hall.html')">
                    <span>查看更多</span>
                    <img src="/Content/public/img/index/more-arrow.png">
                </div>
            </div>
            <div>
                <ul style="overflow: hidden;padding-bottom: 20px;">
                    <li class="hot-game-item" v-for="(item,index) in hotGameList" :key="index" v-if="index<10" @click="navigateTo(item)">
                        <img :src="'/Content/public/img/game-icon/'+item.GameID+'.png'" alt="">
                        <span>{{item.GameName}}</span>
                    </li>
                </ul>
            </div>
            <!-- <div class="title-box">
                <div class="title-tag">精选商品</div>
                <span class="font14 color-999">认证精选商品一应俱全</span>
                <div class="rt color-666 font14 cursor-pointer" style="padding: 5px 10px 5px 0;" onclick="window.parent.GoToUrl('../selectedProduct/selectedProduct.html')">
                    <span>查看更多</span>
                    <img src="/Content/public/img/index/more-arrow.png">
                </div>
            </div> -->
            <div class="title-box" style="display: none;">
                <img src="/Content/public/img/menu/12.png" alt="">
                <span class="text">特价专区</span>
                <span class="desc">每日<span class="color-F33A3A"> {{count}} </span>个特价账号限量供应，剩余<span class="color-F33A3A"> {{SurplusProductNum}} </span>个</span>
                <div class="rt color-666 font14 cursor-pointer" style="padding: 5px 10px 5px 0;" onclick="window.parent.GoToUrl('../selectedProduct/specialOffer.html')">
                    <span>查看更多</span>
                    <img src="/Content/public/img/index/more-arrow.png">
                </div>
            </div>
            <div class="ad-box" style="display: none;">
                <ul>
                    <li v-for="(item,index) in primeList" :key="index">
                        <a href="javascript:;">
                            <img :src="'http://img.ggzuhao.com/img/ImgProc/small/'+item.GameID+'.jpg'">
                            <span class="game-tag">特价</span>
                            <p class="game-info">
                                <span>{{item.GameName}}</span>
                                <span class="game-price">{{item.AddPrice}}/小时<span class="color-999">起</span></span>
                            </p>
                        </a>
                        <div class="mask" @click="navigateTo2(item)">
                            <div class="mask-btn">立即租号</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="box game-category" style="padding-top: 26px;" id="GamesBodyList" v-cloak>
            <div class="title-box">
                <!-- <div class="title-tag">推荐游戏</div>
                <span class="font14 color-999">热门游戏标签快速选择</span> -->
                <img src="/Content/public/img/menu/13.png" alt="">
                <span class="text">推荐游戏</span>
                <span class="desc">热门游戏标签快速选择</span>
                <div class="rt color-666 font14 cursor-pointer" style="padding: 5px 10px 5px 0;" onclick="window.parent.GoToUrl('../hall/hall.html')">
                    <span>查看更多</span>
                    <img src="/Content/public/img/index/more-arrow.png">
                </div>
            </div>
            <div class="recomm-game-box">
                <ul style="overflow: hidden;padding-bottom: 20px;">
                    <li class="hot-game-item" :class="{active:selectedGameId===item.GameID}" v-for="(item,index) in items" :key="index" v-if="index<5 && item.GameName != 'steam游戏'" @click="selectGame(item.GameID)">
                        <img :src="'/Content/public/img/game-icon/'+item.GameID+'.png'" />
                        <span>{{item.GameName}}</span>
                    </li>
                </ul>
            </div>
            <div class="tab-items" v-if="tags.length">
                <!-- <i class="item active" gameTypeID="-1">全部游戏</i>
                <i class="item" gameTypeID="1">WeGame专区</i>
                <i class="item" gameTypeID="5">Steam专区</i>
                <i class="item" gameTypeID="2">手游专区</i> -->
                <i class="item" :class="{active:TagId==item.TagId}" v-for="(item,index) in tags" :key="index" @click="selectTag(item)">{{item.TagName}}</i>
            </div>
            <div class="tab-content">
                <ul class="content-list no-scroll-bar" v-cloak>
                    <li v-for="item in productList" @click="linkTo(item.ProductNumber)" class="cursor-pointer">
                        <div>
                            <img :src="'http://img.ggzuhao.com/img/ImgProc/small/'+item.GameID+'.jpg'" class="rounded" onerror="imgError(this)" />
                            <div class="ellipsis-2 t-center" style="height: 38px;">{{item.Description}}</div>
                            <div class="font14 color-F21E1E" style="padding: 10px 0;">
                                <span>{{item.AddPrice.toFixed(2)}}/小时</span>
                                <div class="color-999 rt ellipsis t-right" style="width: 100px;">{{item.GameClassNameQ}}/{{item.GameClassNameF}}</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div style="padding: 20px 0 50px;position: relative;" class="t-center" v-show="!productList.length">
                    <img src="/Content/public/img/no-data.png" alt="" style="width: 260px;">
                    <div class="color-666 font16 t-center" style="position: absolute;top:235px;width: 100%;">暂无相关商品</div>
                </div>
            </div>
        </div>
        <div class="kefu-pop">
            <img src="/Content/public/img/index/bottom-kefu.png" alt="">
            <div>客服</div>
        </div>
    </div>
    <div style="display:none">
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?1cd36ca5b93066b0112c88b37f5438e3";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
        <script>
            var _czc = _czc || [];
            (function () {
                var um = document.createElement("script");
                um.src = "https://s4.cnzz.com/z.js?id=1281356450&async=1";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(um, s);
            })();
        </script>
    </div>
    <script src="/Content/libs/jquery-1.11.3.min.js"></script>
    <script src="/Content/libs/swiper.min.js"></script>
    <script src="/Content/libs/layer/layer.js"></script>
    <script src="/Content/libs/vue.js"></script>
    <script src="/Content/libs/promise.js"></script>
    <script src="/Content/libs/axios.js"></script>
    <script src="/Content/libs/jquery.cookie.js"></script>
    <script src="/Content/libs/Common.js"></script>
    <script src="/Content/libs/Cryptojs/src/core.js"></script>
    <script src="/Content/libs/Cryptojs/src/md5.js"></script>
    <script src="/Content/libs/Cryptojs/src/enc-base64.js"></script>
    <script src="/Content/libs/Cryptojs/src/cipher-core.js"></script>
    <script src="/Content/libs/Cryptojs/src/aes.js"></script>
    <script src="/Content/libs/Cryptojs/src/mode-ecb.js"></script>
    <script>
        //广告列表
        var timer, index = 0,
            timeGap = 2000;
        var content, lis;

        var banner_boxes = new Vue({
            el: '#banner_boxes',
            data: {
                list1: [],
                list2: [],
                hotGameList: [],
                primeList: [],
                count: 0,
                SurplusProductNum: 0
            },
            mounted: function() {
                $(".kefu-pop").click(function() {
                    // OpenWindowIEUrl("https://clientweb.ggzuhao.com/xiaoneng.html");       
                    _czc.push(['_trackEvent', '在线客服按钮', '点击', '在线客服']);
                    if (window.location.hostname === 'testclientweb.ggzuhao.com') {
                        parent.OpenWindowIEUrl("https://testclientweb.ggzuhao.com/Html/web/kefu.html");
                    } else {
                        parent.OpenWindowIEUrl("https://clientweb.ggzuhao.com/Html/web/kefu.html");
                    }
                });
            },
            created: function() {

                //获取首页广告数据       
                HttpGet("/Advertising/GetIndexAdvert").then(function(result) {
                    //这里处理成功回调
                    console.log(result, 77)
                    if (result.Code == "0") {
                        // banner_boxes.list1 = result.Content;        
                        banner_boxes.list1 = result.Index;
                        banner_boxes.list2 = result.IndexRecommend;
                    } else {
                        layer.alert(result.Message)
                    }

                    setTimeout(function() {
                        var swiper = new Swiper('.swiper-container', {
                            slidesPerView: 2,
                            spaceBetween: 22,
                            initialSlide: 0,
                            slidesPerGroup: 1,
                            observer: true, //修改swiper自己或子元素时，自动初始化swiper 
                            observeParents: false, //修改swiper的父元素时，自动初始化swiper
                            loop: true,
                            autoplay: {
                                delay: 3000,
                                stopOnLastSlide: false,
                                disableOnInteraction: false,
                            },
                            pagination: {
                                el: '.swiper-pagination',
                                clickable: true,
                                type: 'custom',
                                renderCustom: function(swiper, current, total) {

                                    var customPaginationHtml = "";
                                    for (var i = 0; i < result.Index.length; i++) {
                                        //判断哪个分页器此刻应该被激活
                                        if (i == (current - 1)) {
                                            customPaginationHtml += '<span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>';
                                        } else {
                                            customPaginationHtml += '<span class="swiper-pagination-bullet"></span>';
                                        }
                                    }
                                    return customPaginationHtml;
                                },
                            },
                            navigation: {
                                nextEl: '.swiper-button-next',
                                prevEl: '.swiper-button-prev',
                            },
                            onSlideChangeEnd: function(swiper) {　　　
                                swiper.update();　　　
                                mySwiper.startAutoplay();　　
                                mySwiper.reLoop();
                            }
                        });
                        $('.swiper-container').on('mouseover', function() {
                            swiper.autoplay.stop();
                            // $('.swiper-button-next').css("opacity","0.65")
                            // $('.swiper-button-prev').css("opacity","0.65")
                            $('.swiper-button-next').show()
                            $('.swiper-button-prev').show()
                        }).on('mouseleave', function() {
                            swiper.autoplay.start();
                            // $('.swiper-button-next').css("opacity","0")
                            // $('.swiper-button-prev').css("opacity","0")
                            $('.swiper-button-next').hide()
                            $('.swiper-button-prev').hide()
                        })
                    }, 500)
                }).catch(function(result) {

                });
                this.getData()
            },
            methods: {
                navigateTo: function(item) {
                    parent.GoToUrl('../hall/hall.html?id=' + item.GameID + '&name=' + item.GameName)
                },
                navigateTo2: function(item) {
                    parent.GoToUrl('../selectedProduct/specialOffer.html?id=' + item.GameID + '&name=' + item.GameName)
                },
                linkTo: function(ProductNumber) {
                    window.location.href = '/html/hall/hall_detail.html?id=' + ProductNumber;
                },
                getData: function() {
                    var that = this;
                    HttpGet("/Product/GetSurplusProductData").then(function(result) {
                        //这里处理成功回调
                        console.log(result, 8877)
                        if (result.Code == 0) {
                            var list = result.SurplusGameList.split('|')
                            var primeList = []
                            list.forEach(function(v){
                                var item = v.split(',')
                                primeList.push({
                                    GameID: item[0],
                                    GameName: item[1],
                                    AddPrice: item[2]
                                })
                            })
                            that.primeList = primeList;
                            that.count = result.SurplusProductCount
                            that.SurplusProductNum = result.SurplusProductNum
                        } else {
                            layer.alert(result.Message)
                        }
                    }).catch(function(result) {

                    });
                }
            }
        });

        //按游戏类型查询
        var GameListForGameTypeID = new Vue({
            el: '#GamesBodyList',
            data: {
                items: [],
                gameInfo: [],
                hotGame: [],
                wegame: [],
                productList: [],
                tags: [],
                TagId: 0,
                selectedGameId: 0
            },
            created: function() {
                var that = this;
                var _index = layer.msg('加载中，请稍候', {
                    icon: 16,
                    time: false,
                    shade: 0.1
                });
                //获取首页数据 
                HttpGet("/product/GetIndexData").then(function(result) {
                    //这里处理成功回调
                    console.log(result, 767)
                    if (result.Code == "0") {
                        var hotGame = result.hotGame;
                        that.items = (hotGame.filter(function(v) {
                            return (v.GameID !== 'FAFE917F-2478-4633-89D0-D6E23174F0A4');
                        }));
                        that.gameInfo = result.gameInfo;
                        that.hotGame = result.hotGame;
                        that.wegame = result.wegame;
                        that.selectedGameId = result.hotGame[0].GameID;
                        that.getData();
                        banner_boxes.hotGameList = (hotGame.filter(function(v) {
                            return (v.GameTypeID == 1 && (v.GameID !== 'FAFE917F-2478-4633-89D0-D6E23174F0A4'));
                        }));
                        layer.close(_index)
                    } else {
                        layer.alert(result.Message)
                    }
                }).catch(function(result) {

                });
            },
            methods: {
                selectTag: function(item) {
                    this.TagId = item.TagId;
                    this.getData(item.TagId)
                },
                selectGame: function(GameID) {
                    this.selectedGameId = GameID;
                    this.TagId = 0;
                    this.getData();
                },
                linkTo: function(ProductNumber) {
                    window.location.href = '/html/hall/hall_detail.html?id=' + ProductNumber;
                },
                getData: function(TagId) {
                    var that = this;
                    var _userInfo = GetLoginUserCookie();
                    var params = {
                        currUserId: _userInfo && _userInfo.UserID ? _userInfo.UserID : undefined,
                        pageIndex: 1,
                        pageSize: 20,
                        json: JSON.stringify({
                            "ID": that.selectedGameId,
                            "IDQ": "",
                            "IDF": "",
                            "QJ": "",
                            "where": ""
                        })
                    }
                    if (TagId) {
                        params.tag = TagId;
                    } else {
                        if (params.hasOwnProperty('tag')) {
                            delete params.tag;
                        }
                    }
                    HttpGet("/Product/GetZuHaoDaTing", params).then(function(result) {
                        //这里处理成功回调
                        console.log(result, 11111)
                        if (result.Code == 0) {
                            that.productList = result.list || [];
                            that.tags = result.tags || [];
                            if (!that.TagId) {
                                that.TagId = that.tags[0].TagId;
                            }
                        } else {
                            layer.alert(result.Message)
                        }
                    }).catch(function(result) {

                    });
                }
            }
        });

        function linkTo(e) {

            var url = $(e).attr('data-href');
            var linkType = $(e).attr("linkType");
            if (linkType.indexOf('ad_') > -1) {
                _czc.push(['_trackEvent', 'nav', 'click', '广告' + linkType.split('_')[1]])
            }
            if (linkType.indexOf('te_') > -1) {
                _czc.push(['_trackEvent', 'nav', 'click', '特价' + linkType.split('_')[1]])
            }
            if (url) {
                if (url !== '#') {
                    if (url.indexOf('http') > -1) {
                        parent.OpenWindowIEUrl(url);
                    } else {

                        if (url.indexOf('/RealNameAuthentication') > -1) {
                            parent.showAuthModal2()
                                //window.parent.document.getElementById('authentication').className = 'form-box active';     
                        } else {
                            parent.GoToUrl(url)
                        }
                    }
                }
            }
        }

        function LoadGamesWithGameTypeID(gameTypeID) {
            _index = layer.msg('加载中，请稍候', {
                icon: 16,
                time: false,
                shade: 0.1
            });
            var _params = new Object();
            _params.GameTypeID = gameTypeID;
            // Product/GetGames
            if (gameTypeID == -1) {
                GameListForGameTypeID.items = GameListForGameTypeID.hotGame;
                layer.close(_index)
            } else {
                if (gameTypeID == 1) {
                    var list = GameListForGameTypeID.wegame;
                } else if (gameTypeID == 3) {
                    var list = GameListForGameTypeID.gameInfo.filter(function(v) {
                        return v.GameID == '89841EC2-15E8-4E02-92C6-A7C7D2D779A2';
                    });
                } else if (gameTypeID == 5) {
                    var list = GameListForGameTypeID.gameInfo.filter(function(v) {
                        return !v.IsStream;
                    });
                } else if (gameTypeID == 6) {
                    var list = GameListForGameTypeID.gameInfo.filter(function(v) {
                        return v.GameID == 'B2C23285-3665-4391-B7F9-33F9B6E4735C';
                    });
                } else {
                    var list = GameListForGameTypeID.gameInfo.filter(function(v) {
                        return v.GameTypeID == gameTypeID;
                    });
                }
                GameListForGameTypeID.items = list;
                layer.close(_index)
                    //   HttpGet("/product/GetGameListByType", _params).then(function(result) {
                    //   console.log(result)
                    //   if (result&& typeof result === "object"&&result.Code == "0") {
                    //     debugger
                    //     console.log(result.gameInfo.Games,999999)
                    //     var list=result.gameInfo.Games.filter(function(v){
                    //       return v.GameTypeID==gameTypeID;
                    //     });          
                    //     GameListForGameTypeID.items = list;
                    //     layer.close(_index)
                    //   } else {
                    //     if(result&&typeof result === "object"){
                    //       layer.alert(result.Message, {
                    //         title: '提示',
                    //         icon: 5
                    //       });
                    //     }else{
                    //       layer.alert('服务器异常', {
                    //         title: '提示',
                    //         icon: 5
                    //       });
                    //     }
                    //   }
                    // }).catch(function(result) {
                    //   layer.alert('未获取到数据，请刷新重试！', {
                    //     title: '提示',
                    //     icon: 5
                    //   });
                    // });
            }
        }


        $(document).ready(function() {
            //LoadGamesWithGameTypeID(-1);
            $(".tab-items .item").click(function() {
                $(".tab-items .item").removeClass("active");
                $(this).addClass("active");
                var gameTypeID = $(this).attr("gameTypeID");
                if (gameTypeID == -1) {
                    _czc.push(['_trackEvent', '首页', '全部游戏', '点击量']);
                } else if (gameTypeID == 1) {
                    _czc.push(['_trackEvent', '首页', 'wegame专区', '点击量']);
                } else if (gameTypeID == 5) {
                    _czc.push(['_trackEvent', '首页', 'steam', '点击量']);
                } else if (gameTypeID == 2) {
                    _czc.push(['_trackEvent', '首页', '手游专区', '点击量']);
                }
                LoadGamesWithGameTypeID(gameTypeID);
            });
            // setTimeout(function(){
            //   $('.game_Souree a').mouseenter(function(){         
            //     $(this).find(".img_box .kuai").animate({left:'500px'},400);
            //     setTimeout(function(){
            //       $('.game_Souree a .img_box .kuai').css('left','-122px');
            //     },600)
            //   })
            // },1000)
        });

        function GoToUrl(e) {
            console.log(window.parent)
            window.parent.GoToUrl($(e).attr('data-href'));
            //window.parent.sfa.src=$(id).attr('data-href');
        }
    </script>

</body>

</html>