
<!doctype html>
<html>
<head>
<title>选车贷款-产品详情页(等额本息)</title>
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="Author" content="wenqing_gz huangrongtao_gz"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!--忽略数字自动识别为电话号码-->
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="http://js.3conline.com/pcauto/2015/chedaiwap/css/pro.css" rel="stylesheet" type="text/css" />
<style type="text/css">

.m-fixbox{padding-top:10px;}
</style>
</head>
<body>
<!--栏目计数器-->

<script>document.body.insertBefore(document.createElement("script"),document.body.firstChild).src="http://count.pcauto.com.cn/count.php?channel={{{@root.pageCountId}}}&screen="+screen.width+"*"+screen.height+"&refer="+encodeURIComponent(document.referrer)+"&anticache="+new Date().getTime()+"&url="+encodeURIComponent(location.href)+"&from=cms"+"&uuid="+encodeURIComponent({{serialGroupId}}+":1");</script>
<div class="g-doc" id="JimgLoad">
<!--头部-->
<script src="http://www.pcauto.com.cn/global/wap/header_js/" charset="utf-8" class=" defer"></script>
<!--/头部-->
<div class="header">
<div class="header-bg"> 
    <a onclick="history.back(-1);" class="header-back" title=""></a>
    <div class="header-title">
     	   <span class="header-title-nav txt-hide"><a href="http://{{{@root.host}}}/choose/{{#if browser}}wx/{{/if}}f{{{@root.flow}}}/">选车系</a>&gt;<a href="http://{{{@root.host}}}/choose/sg{{serialGroupId}}-m{{modelId}}/{{#if browser}}wx/{{/if}}f{{{@root.flow}}}/">产品列表</a>&gt;产品详情</span>
        <a onclick="cityChange();" class="m-ipcity"   id="Jselect">广州</a>
    </div>
</div>
  {{#if rid}}
    {{else}}
<div class="m-notice">
    我们的车贷产品暂时未能覆盖到您所在的城市。
</div>{{/if}}
<div class="head-th">
    <div class="u-tit">
        <img src="{{logo}}" alt=""/>
        {{orgName}}
    </div>
    <div class="u-info">{{productName}}</div>
</div>
<ul class="m-plst bg-white">
    <li class="m-plst-a">
        <img src="{{icon}}"/>
        <div class="des txt-hide">
            <p class="pTit">经销商平均报价：<span class="red">{{price}}万</span></p>
            <p>
                <em class="gray" id="shoufuPrice">首付：{{downPayment}}万&nbsp;&nbsp;</em>
                <em class="gray" id="loadPrice">贷款金额：{{loanValue}}万</em>
            </p>
        </div>
    </li>   
	
    <li class="m-plst-b txt-hide blue" id="JselectC">{{name}} </li>     
    <li class="m-plst-c">
        <div class="selectX" id="JselectX">
            <div class="item-wrap" id="JitemWrap">
                <div class="item">
                    <a class="tit">
					 {{#if shoufu}}
                        <span class="mark" >首付 <i class="red" id="shoufu">{{shoufu}}%</i></span>
						{{else}}
                         <span class="mark" >首付 <i class="red" id="shoufu">{{firstdownPayment}}%</i></span>
						{{/if}}
                        <span class="icon"></span>                            
                    </a>
                </div>
                <div class="item">
                    <a class="tit">
					  {{#if  term}}
                        <span class="mark" >期限 <i class="red" id="qixian">{{term}}期</i></span>
						{{else}}
                           <span class="mark" >期限 <i class="red" id="qixian">{{firstPeriods}}期</i></span>
					{{/if}}
                        <span class="icon"></span>
                    </a>
                </div>
            </div>
          
            <div class="pop-wrap" id="JpopWrap">
                <div class="select-wrap">
                    <div class="selectConA">
				    {{#if shoufu}}
                        {{#if_eq shoufu firstdownPayment}}
					      <i class="cur">
					        {{else}}
                          <i>
                        {{/if_eq}}
					
					    <a onclick="changeShoufu({{firstdownPayment}})">{{firstdownPayment}}%</a></i>
                     {{#if downPaymentArr}}
					 {{#each downPaymentArr}}
					    {{#if_eq ../shoufu downPayment}}
						    <i class="cur">
					        {{else}}
                            <i>
					    {{/if_eq}}
						<a onclick="changeShoufu({{downPayment}})">{{downPayment}}%</a></i>
					  {{/each}}
					  {{/if}}
					{{else}}
					    <i class="cur">
						<a onclick="changeShoufu({{firstdownPayment}})">{{firstdownPayment}}%</a></i>
					  {{#if downPaymentArr}}
			             {{#each downPaymentArr}}
                        <i><a onclick="changeShoufu({{downPayment}})">{{downPayment}}%</a></i>
					    {{/each}}
					  {{/if}}
					 {{/if}}
                    </div>
                </div>
                <div class="select-wrap">
                  <div class="selectConA selQx">
                      {{#if term}}
                           {{#if_eq term firstPeriods}}
						    <i class="cur">
					       {{else}}
                            <i>
                          {{/if_eq}}
                             <a href="javascript:;">{{firstPeriods}}期</a></i>
				
					 {{#if periodsList}}
			           {{#each periodsList}}
					        {{#if_eq ../term periods}}
						   <i class="cur">
						   {{else}}
						   <i>
						   {{/if_eq}}
                           <a href="javascript:;">{{periods}}期</a></i>
						{{/each}}
					 {{/if}}
					 {{else}}
                          <i class="cur"><a href="javascript:;">{{firstPeriods}}期</a></i>
						   {{#each periodsList}}
					      <i><a href="javascript:;">{{periods}}期</a></i>
						{{/each}}
					{{/if}}
                    </div>
                </div>
            </div>
        </div>
    </li>
</ul>
</div>


<!--选车-->
<div class="popCar" id="JpopCar">
    <div class="pop-bg"></div>
    <div class="pop-inner" id="Jpop-inner">
        <div class="pop-list">
            <div class="pop-th gray">选择车型</div>
			 {{#if list}}
			  {{#each list}}
            <ul class="item item1">
                <li class="item-th">{{year}}</li>
                {{#if data}}
				  {{#each data}}
				   <a onclick="modelChange('{{id}}');">
                <li><em class="brand txt-hide">{{title}}</em><em class="red">{{price}}万</em>
			   <!-- <input type="hidden" id="moderId" value ="{{id}}" /> -->
				</a>
				</li>
                {{/each}}
				 {{/if}}
            </ul>
				{{/each}}
			{{/if}}
        </div>
        <div class="pop-icon bg-white">
            <em></em>
            <em></em>
        </div>
    </div>
</div>
<!--/选车-->
<!--以上为公共部分-->
<div class="m-fixbox">
   <div class="m-fixboxbg" id="Jside"><a class="u-btn" onclick="supply();">立即申请</a></div>
</div>
<div class="m-section m-detail">
    <div class="u-tit"><h1>产品详情</h1></div>
    <div class="m-tab" id="Jprotable">
	 <div class="m-control" id="Jcontrol">
                <a href="javascript:">12期</a>
                <a href="javascript:">18期</a>
                <a href="javascript:">24期</a>
                <a href="javascript:">36期</a>
            </div>
			<!--
        <div class="m-control" id="Jcontrol">
              <a href="javascript:" class="cur">{{firstPeriods}}期</a>
		{{#if   periodsList}}
			 {{#each   periodsList}}
             <a href="javascript:" >{{periods}}期</a>
			 {{/each}}
		{{/if}}
          
        </div>
		-->
        <div class="m-content" id="Jcontent">
            <div class="u-cont">
                <dl>
                    <dt>
                        <span>首付</span>
                        <span>月供</span>
                        <span>贷款成本</span>
                    </dt>
			    {{#if loanDetailList}}
			      {{#each loanDetailList}} 
                   {{#if  monthPay12}}
				     {{#if flag}}
                    <dd class="cur">
					 {{else}}
                      <dd>
					{{/if}}
                        <span>{{downPayment}}%</span>
                        <span>{{monthPay12}}元</span>
                        <span>{{cost12}} 万</span>
                    </dd>
					{{else}}
					 <dd>
                        <span>{{downPayment}}%</span>
                        <span class="n"></span>
                        <span class="n"></span>
                      </dd>
					  {{/if}}
					 {{/each}}
		          {{/if}}  
                </dl>
            </div>
            <div class="u-cont">
                <dl>
                    <dt>
                        <span>首付</span>
                        <span>月供</span>
                        <span>贷款成本</span>
                    </dt>
                   {{#if loanDetailList}}
			         {{#each loanDetailList}}
					  {{#if  monthPay18}}
                      {{#if flag}}
                        <dd class="cur">
					    {{else}}
                        <dd>
					   {{/if}}
                        <span>{{downPayment}}%</span>
                        <span>{{monthPay18}}元</span>
                        <span>{{cost18}} 万</span>
                        </dd>
					  {{else}}
					   <dd>
                        <span >{{downPayment}}%</span>
                        <span class="n"></span>
                        <span class="n"></span>
                      </dd>
                       {{/if}}
					 {{/each}}
		          {{/if}}  
                </dl>
            </div>
            <div class="u-cont">
                <dl>
                   <dt>
                        <span>首付</span>
                        <span>月供</span>
                        <span>贷款成本</span>
                    </dt>
                    {{#if loanDetailList}}
			         {{#each loanDetailList}}
                       {{#if  monthPay24}}
                      {{#if flag}}
                       <dd class="cur">
					   {{else}}
                         <dd>
					  {{/if}}
                        <span>{{downPayment}}%</span>
                        <span>{{monthPay24}}元</span>
                        <span>{{cost24}} 万</span>
                      </dd>
					  {{else}}
					  <dd>
                        <span>{{downPayment}}%</span>
                        <span class="n"></span>
                        <span class="n"></span>
                      </dd>
					 {{/if}}
					 {{/each}}
		          {{/if}}  
                   
                </dl>
            </div>
            <div class="u-cont">
                <dl>
                    <dt>
                        <span>首付</span>
                        <span>月供</span>
                        <span>贷款成本</span>
                    </dt>
                    {{#if loanDetailList}}
			         {{#each loanDetailList}}
                       {{#if  monthPay36}}
                     {{#if flag}}
                    <dd class="cur">
					 {{else}}
                      <dd>
					 {{/if}}
                        <span>{{downPayment}}%</span>
                        <span>{{monthPay36}}元</span>
                        <span>{{cost36}} 万</span>
                    </dd>
					{{else}}
					 <dd>
                        <span>{{downPayment}}%</span>
                        <span class="n"></span>
                        <span class="n"></span>
                      </dd>
					  {{/if}}
					 {{/each}}
		          {{/if}} 
                </dl>
            </div>
        </div>
    </div>
</div>  
<div class="m-section m-applys">
    <div class="u-tit"><h1>申请条件</h1></div>
    <div class="m-cont">
       {{#if requirement.ageMsg}}
        年龄要求：{{requirement.ageMsg}};<br>
		{{/if}}
		 {{#if requirement.annualIncome}}
        资质要求：≥{{{requirement.annualIncome}}};<br>
		{{/if}}
		 {{#if requirement.houseMsg}}
        住房要求：{{{requirement.houseMsg}}};<br>
		{{/if}}
		 {{#if requirement.shebaoMsg}}
        社保要求：{{requirement.shebaoMsg}};<br>
		{{/if}}
		 {{#if requirement.workMsg}}
        工作要求：{{requirement.workMsg}};<br>
		{{/if}}
		 {{#if requirement.xinyongMsg}}
        信用要求：{{requirement.xinyongMsg}};<br>
		{{/if}}
		 {{#if requirement.xueliMsg}}
        学历要求：{{requirement.xueliMsg}};<br>
		{{/if}}
		 {{#if memo1}}
          {{memo1}};<br>
		{{/if}}
		{{#if memo2}}
          {{memo2}};<br>
		{{/if}}
	    {{#if memo3}}
          {{memo3}};<br>
		{{/if}}
		{{#if memo4}}
          {{memo4}};<br>
		{{/if}}
		{{#if memo5}}
          {{memo5}};<br>
		{{/if}}
    </div>
</div>
<div class="m-section m-applys">
    <div class="u-tit"><h1>详细介绍</h1></div>
    <div class="m-cont">
	{{{introduce}}}
    </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>
var Cookie = {
        get: function(check_name) {
            check_name = encodeURIComponent(check_name);
            var a_all_cookies = document.cookie.split(';');
            var a_temp_cookie = '';
            var cookie_name = '';
            var cookie_value = '';
            var b_cookie_found = false;
            var i = '';
            var len = a_all_cookies.length;
            for (i = 0; i < len; i++) {
                a_temp_cookie = a_all_cookies[i].split('=');
                cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');
                if (cookie_name == check_name) {
                    b_cookie_found = true;
                    if (a_temp_cookie.length > 1) {
                        cookie_value = unescape(decodeURI(a_temp_cookie[1]).replace(/^\s+|\s+$/g, ''));//对url进行解码再进行处理
                    }
                    return cookie_value;
                    break;
                }
                a_temp_cookie = null;
                cookie_name = '';
            }
            if (!b_cookie_found) {
                return null;
            }
        },
        set: function(name, value, expires, path, domain, secure) {
            var today = new Date();
            today.setTime(today.getTime());
            if (expires) {
                expires = expires * 1000 * 60 * 60 * 24;
            }
            var expires_date = new Date(today.getTime() + (expires));
            document.cookie = encodeURIComponent(name) + "=" + value +
                    ((expires) ? ";expires=" + expires_date.toGMTString() : "") +
                    ((path) ? ";path=" + path : "") +
                    ((domain) ? ";domain=" + domain : "") +
                    ((secure) ? ";secure" : "");
        },
        remove: function(name) {
            Cookie.set(name,null, -1, "/", "{{{@root.cookieHost}}}");
        }
    };
function supply(){
    var shoufuSpan =  document.getElementById("shoufu").innerHTML;
	var qixianSpan =  document.getElementById("qixian").innerHTML;
	//var shoufuText = shoufuSpan.subStr(shoufuSpan.length-4,shoufuSpan.length-2);
	var shoufuText = shoufuSpan.substring(shoufuSpan.length - 3, shoufuSpan.length-1);
	var qixianText = qixianSpan.substring(qixianSpan.length - 3, qixianSpan.length-1);
	//var moderId = document.getElementById('moderId').value  
	/*if(moderId){
		var url="http://m.jr.pcauto.com.cn/apply/r{{rid}}/sg{{serialGroupId}}-m"+moderId+"-org{{orgId}}-pro{{productId}}-p"+qixianText+"-s"+shoufuText+"/";
		{{#if browser}}
    	url  = url + 'wx/'
	    {{/if}}
	}else{*/

	var   url="http://{{{@root.host}}}/apply/r{{rid}}/sg{{serialGroupId}}-m{{modelId}}-org{{orgId}}-pro{{productId}}-p"+qixianText+"-s"+shoufuText+"-a"+{{price}}+"/";
	{{#if browser}}
    	url  = url + 'wx/'
	{{/if}}
    url+='f{{{@root.flow}}}/?ad={{{@root.applyCountId}}}';
    var value = "/r{{rid}}/sg{{serialGroupId}}-m{{modelId}}-org{{orgId}}-pro{{productId}}-p"+qixianText+"-s"+shoufuText+"-a"+{{price}}+"/f{{{@root.flow}}}/"
	Cookie.set('initialRequest',value,1, "/", "{{{@root.cookieHost}}}");//设置登录cookie
	window.location.href= url;
}
function cityChange(){
   var shoufuSpan =  document.getElementById("shoufu").innerHTML;
	var qixianSpan =  document.getElementById("qixian").innerHTML;
	var shoufuText = shoufuSpan.substring(shoufuSpan.length - 3, shoufuSpan.length-1);
	var qixianText = qixianSpan.substring(qixianSpan.length - 3, qixianSpan.length-1);
	var url ="http://m.pcauto.com.cn/x/selectcity/jr/?returns=http://{{{@root.host}}}/product/pro{{productId}}-m{{modelId}}-s"+shoufuText+"-p"+qixianText+"/{{#if browser}}wx/{{/if}}f{{{@root.flow}}}/";
	window.location.href= url;
}
function modelChange(moderId){
	var shoufuSpan =  document.getElementById("shoufu").innerHTML;
	var qixianSpan =  document.getElementById("qixian").innerHTML;
	var shoufuText = shoufuSpan.substring(shoufuSpan.length - 3, shoufuSpan.length-1);
	var qixianText = qixianSpan.substring(qixianSpan.length - 3, qixianSpan.length-1);
	//var moderId = document.getElementById("moderId").value;
	var url ="http://{{{@root.host}}}/product/r{{rid}}/pro{{productId}}-m"+moderId+"-s"+shoufuText+"-p"+qixianText+"/{{#if browser}}wx/{{/if}}f{{{@root.flow}}}/";
	window.location.href= url;
}
function changeShoufu(shoufuRate){
	//var shoufuRate = shoufu%;
	var shoufuSpan = (shoufuRate/100 * {{price}}).toFixed(2);
	document.getElementById("shoufuPrice").innerHTML = "首付："+shoufuSpan+"万&nbsp;&nbsp;";
	document.getElementById("loadPrice").innerHTML = "贷款金额："+({{price}}-shoufuSpan).toFixed(2)+"万";

}

</script>
<script type="text/javascript">
//判断多个期限
function countQX(){
    var toc=$('.selQx').find('a');
    var target=$('#Jcontrol').find('a');
    var cont=$('#Jcontent').find('div');
    target.each(function(k,elem){
        var tar=target.eq(k).text();
        var nk = k;
        toc.each(function(k,elem){
           var t=toc.eq(k).text();
           if(t == tar){
            target.eq(nk).addClass('toc')
            cont.eq(nk).addClass('cont')
           }
        });
    })
}
countQX()



</script>
<script src="http://js.3conline.com/min2/temp/v2/plugin-location2.js" charset="utf-8"></script>
<script src="http://js.3conline.com/pcauto/2015/chedaiwap/js/pro.js" charset="utf-8"></script>

</body>
</html>
