why me use ineffective?

[yyman001]

why me use ineffective?
index.html

<div class="main swiper-container">

    <div class="load-page">
        <div class="loading-mode">
            <div class="loading-bar">
                <div class="loading-bars">
                    <p class="load-text" id="loading_bars"><span class="bf" id="percent_num">0</span>%</p>
                </div>
            </div>
            <a href="http://www.appgame.com/" class="logo"><img src="images/appgame.png"></a>
        </div>
    </div>

    <div class="music-box">
        <a class="music-btn music-rotate-ani close"></a>
    </div>


    <!-- @@placeholder game1 -->

    <!-- @@placeholder game2 -->


</div>

game1.html

<!-- @@master = index.html -->
    <!-- @@block = game1 -->
    <div class="swiper-slide game1">
        <div id="game1Mask" class="mask">
            <div class="game-tip">
                <p>京都脸连连看</p>
                <p>限时（15秒）</p>
                <p>点击相同角色即可消除</p>
            </div>
        </div>
        <h2 class="time-title">倒计时 <b>15</b></h2>
        <div class="games-box">
            <img src="images/p8-ico.png" alt="">
            <img src="images/p8-ico2.png" alt="">
            <img src="images/p8-ico3.png" alt="">
            <img src="images/p8-ico4.png" alt="">
            <img src="images/p8-ico.png" alt="">
            <img src="images/p8-ico2.png" alt="">
            <img src="images/p8-ico3.png" alt="">
            <img src="images/p8-ico4.png" alt="">
        </div>
    </div>
    <!-- @@close -->

game2.html

<!-- @@master index.html -->
    <!-- @@block game2 -->
    <div class="swiper-slide game2">
        <div id="game2Mask" class="mask">
            <div class="game-tip">
                <p>黑影凶手连连看</p>
                <p>限时（20秒）</p>
                <p>点击相同角色即可消除</p>
            </div>
        </div>
        <h2 class="time-title">倒计时 <b>20</b></h2>
        <div class="games-box">
            <img src="images/p9-ico1.png" alt="">
            <img src="images/p9-ico2.png" alt="">
            <img src="images/p9-ico3.png" alt="">
            <img src="images/p9-ico4.png" alt="">
            <img src="images/p9-ico5.png" alt="">
            <img src="images/p9-ico6.png" alt="">
            <img src="images/p9-ico7.png" alt="">
            <img src="images/p9-ico8.png" alt="">
            <img src="images/p9-ico1.png" alt="">
            <img src="images/p9-ico2.png" alt="">
            <img src="images/p9-ico3.png" alt="">
            <img src="images/p9-ico4.png" alt="">
            <img src="images/p9-ico5.png" alt="">
            <img src="images/p9-ico6.png" alt="">
            <img src="images/p9-ico7.png" alt="">
            <img src="images/p9-ico8.png" alt="">
        </div>
    </div>
    <!-- @@close -->

build:
index.html is No change,but game1.html and game2.html is change.
look this code:
game1.html

<!-- start game1 -->
    <div class="swiper-slide game1">
        <div id="game1Mask" class="mask">
            <div class="game-tip">
                <p>京都脸连连看</p>
                <p>限时（15秒）</p>
                <p>点击相同角色即可消除</p>
            </div>
        </div>
        <h2 class="time-title">倒计时 <b>15</b></h2>
        <div class="games-box">
            <img src="images/p8-ico.png" alt="">
            <img src="images/p8-ico2.png" alt="">
            <img src="images/p8-ico3.png" alt="">
            <img src="images/p8-ico4.png" alt="">
            <img src="images/p8-ico.png" alt="">
            <img src="images/p8-ico2.png" alt="">
            <img src="images/p8-ico3.png" alt="">
            <img src="images/p8-ico4.png" alt="">
        </div>
    </div>

<!-- end game1 -->

<!-- start game2 -->


<!-- end game2 -->

game2.html

<!-- start game1 -->


<!-- end game1 -->

<!-- start game2 -->
    <div class="swiper-slide game2">
        <div id="game2Mask" class="mask">
            <div class="game-tip">
                <p>黑影凶手连连看</p>
                <p>限时（20秒）</p>
                <p>点击相同角色即可消除</p>
            </div>
        </div>
        <h2 class="time-title">倒计时 <b>20</b></h2>
        <div class="games-box">
            <img src="images/p9-ico1.png" alt="">
            <img src="images/p9-ico2.png" alt="">
            <img src="images/p9-ico3.png" alt="">
            <img src="images/p9-ico4.png" alt="">
            <img src="images/p9-ico5.png" alt="">
            <img src="images/p9-ico6.png" alt="">
            <img src="images/p9-ico7.png" alt="">
            <img src="images/p9-ico8.png" alt="">
            <img src="images/p9-ico1.png" alt="">
            <img src="images/p9-ico2.png" alt="">
            <img src="images/p9-ico3.png" alt="">
            <img src="images/p9-ico4.png" alt="">
            <img src="images/p9-ico5.png" alt="">
            <img src="images/p9-ico6.png" alt="">
            <img src="images/p9-ico7.png" alt="">
            <img src="images/p9-ico8.png" alt="">
        </div>
    </div>

<!-- end game2 -->

why?How to solve? thanks!

[FrankFang]

Could you create a repo or gist for me to test?