
<!doctype HTML>
<html>
<head>
    <title>选品牌</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="author" content="yangzhifang_gz maiyaotang_gz" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/><!-- 手机视图 -->
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" >
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="canonical" href="http://jr.pcauto.com.cn/" ><!-- 适配页，即和pc同权重页面 -->
    <link href="http://js.3conline.com/pcauto/2015/chedaiwap/css/discount.css" rel="stylesheet" type="text/css" />
</head>
<script>if(!window._addIvyID) document.write("<scr"+"ipt src='http://www.pconline.com.cn/_hux_/auto/default/index.js'><\/scr"+"ipt>");</script>
<body>
<!-- <script>document.body.insertBefore(document.createElement("script"),document.body.firstChild).src="http://count.pcauto.com.cn/count.php?channel=6659&screen="+screen.width+"*"+screen.height+"&refer="+encodeURIComponent(document.referrer)+"&anticache="+new Date().getTime()+"&url="+encodeURIComponent(location.href);</script>-->
<div class="g-doc">
    <!--头部-->
    <script src="http://www.pcauto.com.cn/global/wap/header_js/" charset="utf-8" class=" defer"></script>
    <!--/头部-->
    <div class="header-bg">
        <a onclick="history.back(-1);" class="header-back" title=""></a>
        <div class="header-title">
            <span class="header-title-nav"><a href="http://{{{@root.host}}}/">首页</a> &gt; <a href="http://{{{@root.host}}}/budget/{{#equal 'wx' browser}}wx/{{/equal}}/f{{{@root.flow}}}/">预算选车</a> &gt; 选品牌</span>
        </div>
    </div>
    <ul class="boxListA">
        <li class="cur"><a href="javascript:void(0)"onclick="letterClick('HOT')">热门</a></li>
        {{#each lettersMap}}
        <li {{#equal 0 this}}class="disabled"{{/equal}}>
        <a   href="javascript:void(0)"
             {{#equal 1 this}}onclick="letterClick('{{@key}}')"{{/equal}}>{{@key}}</a></li>
        {{/each}}
    </ul>
    <div class="m-sectionA"> <span class="m-mark">热门</span> </div>
    <div class="selectB"  id="Jselect">
        <div class="con">
            <div class="item-wrap">
            {{#each list}}
            {{#each brands}}
            <div  class="item item{{../index}}" {{#equal 'HOT' ../index}}{{else}}style="display:none;"{{/equal}}>
                <span class="tit {{#equal hasProduct 0}}none{{/equal}}">
                    <a href="http://{{{@root.host}}}/budgetp/r{{../../param.rid}}/s{{../../param.pPR}}-m{{../../param.pR}}-l{{../../param.lv}}-st{{../../param.st}}-b{{id}}/{{#equal 'wx' ../../browser}}wx/{{/equal}}f{{{@root.flow}}}/" {{#equal hasProduct 0}}onclick="javascript:return false;"{{/equal}}>
                    <img src="{{logo}}" alt="{{name}}"/>
                    <em>{{name}}</em>
                    </a>
                </span>
            </div>
            {{/each}}
            {{/each}}
           </div>
         </div>
    </div>
    <!--尾部-->
    <script src="http://www.pcauto.com.cn/global/wap/footer_js/" charset="utf-8" class=" defer"></script>
    <!--/尾部-->
</div>

<script src="http://js.3conline.com/wap/2013/common/js/zepto.min.js"></script>
<script type="text/javascript">
   function letterClick(index){
    //显示当前所选择的索引
    if(index=="HOT") {
        $(".m-mark").html("热门");
    }else {
        $(".m-mark").html(index);
    }
    //赋予选择的按钮"cur"属性
    $(document).ready(function() {  
        $("ul li").click(function() {
            $("ul li").removeClass("cur");//移除所有ul下li的class="cur"属性
            $(this).addClass("cur");//为当前按钮添加class="cur"属性
        });
    });
    //根据检索的字母显示相应的brands
    $(".item").hide();//全部隐藏
    $(".item"+index).show();//显示当前索引字符下的品牌
   }
</script>
</body>
</html>