<!-- Content -->
    <div class="p_ye <?php if(check_mobi()==true){echo 'mobi_top';}?>">
        <li><a href="index.php?c=home">推荐</a></li>
        <li class="left_b"><a href="javascript:void(0)" onclick="hot()"><i class="fa fa-fire"></i>热门</a></li>
        <li class="left_b"><a href="javascript:void(0)" onclick="news()">最新</a></li>
        <li class="left_b"><a href="javascript:void(0)" onclick="free()" style="color: red">免费</a></li>
    </div>
<div id="content" >
        <div style=" padding: 10px; text-align: left; border-bottom: 1px solid #ececec">
           <span class="new_title"><i class="fa fa-fire"></i> 热门活动</span><br/>
           <span class="new_title_1">徒步、跑步、铁三及其他</span>
            <br/><br/>
                    <?php
                    $sql_index_race = "select * from race where display = '1' order by id desc limit 0,4 ";
                    $result_index_race = $home->get_data($sql_index_race);
                    foreach ($result_index_race as $row)
                    {
                        ?>
                        <div style="padding: 10px;">
                            <h4 style="color: #666666"><font style="color: red"><?php echo low_price($row['low_price'])?></font>|<?php echo $row['race_title']?> <a href="index.php?c=race&action=race_msg&id=<?php echo $row['id']?>" style="color: white; background: skyblue; border-radius: 3px; padding:4px; font-size: 9pt;">报名</a></h4>
                        </div>
                            <div style='background: url( "<?php echo $race->getimg($row['id'])?>") center center no-repeat;background-size:cover; height: 220px; margin-bottom: 10px;' onclick="window.location.href='index.php?c=race&action=race_msg&id=<?php echo $row['id']?>'">            
                            </div>
                    <?php }?>
        </div>
        <br/><br/>
        <center>
        <a href="index.php?c=race&action=race_q_list" class="btn"> &nbsp;  &nbsp; 更多.. &nbsp;  &nbsp; </a>
    </center>
    </div>
<br/>
<style type="text/css">
    .new_title{font-size: 1.6em; font-weight: bold;color: #666666;}
    .new_title_1{color: #999999;font-weight: 100}
    .margin-top-100{margin-top: 100px;}
    .contant-body{height:auto;padding: 30px}
    .background-black{background: #f9f9f9}
    .index-n {width: 100%; margin: 0px;}
    .index-n img {width: 100%}
    #content1 ul li{float: left; width:24%;text-align: center;}
    .p_ye{width: 100%; height: 43px; border-bottom:1px solid #cecece ; background: white}
    .p_ye li{float: left;width: 25%; padding: 1%; text-align: center;line-height: 42px;height: 42px;}
    .left_b{border-left:1px solid #cecece }
</style>
<script type="text/javascript">
    function hot()
    {
        $('#content').html("loading...");
        url = "index.php?c=race&action=race_hot";
        $.get(url,function(data)
        {
            $('#content').html(data);
        })
    }

    function news()
    {
        $('#content').html("loading...");
        url = "index.php?c=race&action=race_new";
        $.get(url,function(data)
        {
            $('#content').html(data);
        })
    }

    function free()
    {
        $('#content').html("loading...");
        url = "index.php?c=race&action=race_free";
        $.get(url,function(data)
        {
            $('#content').html(data);
        })
    }

    $.get("index.php?c=ajax&action=index_banner",function (data) {
        $("#sl").html(data);
    })
</script>