你我贷组件库

核心文件引入

推广框架查看

									
										<!-- 你我贷推广框架 CSS 文件 -->
										<link rel="stylesheet" href="http://static2.niwodai.com/Public/Static/nwd/extension/pc/css/pc_products.css" />
										<link rel="stylesheet" href="http://static2.niwodai.com/Public/Static/nwd/extension/pc/css/pc_Webbase.css" />

										<!-- jQuery文件，请在你我贷官方网站框架 JS 文件之前引入 -->
										<script src="../jquery/2.1.0/jquery.min.js"></script>
										
										<!-- 你我贷官、推广框架 JS 文件之前引入 -->
										<script src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity/js/registerQuick.js"></script>
										<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webhongbao.js"></script>
										<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_dailogMsg.js"></script>

Header 下载PSD

已有账号，立即登录

免费注册送1212元

获取验证码

注册即视为同意《你我贷用户协议》

代码：

										    
											
												<!--弹框-->
<div class='bodybg'></div>
<div class="Top-tuiguang">
<div class="nwd-main">
<div class="nwd-logo">
<a href="http://www.niwodai.com/" title="你我贷，有钱没钱，找你我贷"><img src="http://static4.niwodai.com/Public/Static/nwd/active/2016/05/fanli/pc/images/logo.png"></a>
</div>
<div class="nwd-r">
<a class="fc_blue" href="https://member.niwodai.com/login.html">已有账号，立即登录</a>
</div>
</div>
</div>
<div class="banner-tuiguang mb_20" style="background:url(http://static2.niwodai.com/Public/Static/nwd/active/2016/12/yuren12/pc/image/old_userBanner.jpg) center no-repeat #a50704;">
<div class="nwd-main">
<div class="pc_dailogReg clearfix">
<h2 class="title_reg clearfix">免费注册送<i class="daojishiw1212" style="font-weight: bold;">1212</i>元</h2>
<div class="pc_dailogMsgBox pt_20 pb_20">
<label class="input_text yzm3">
<input class="inp_bor inpIco3" placeholder="请填写手机号" id="mobile" name="mobile" type="text">
<input name="uname" id="uname" type="hidden">
<input name="pwd" id="pwd" type="hidden">
<input name="repwd" id="repwd" type="hidden">
</label>
<div class="input_prompt">
<span class="fc_9 fs_14" style="display: none">请填写5-15位字符，可由英文、数字组合</span>
<span class="fs_14 fc_6" id="mobileMsg" style="display: none;"><i class="ico ico_s14 ico3"></i>手机号码不能为空</span>
</div>
<label class="input_text yzm3">
<i class="fr yzm_img"><img src="http://www.niwodai.com/validatecode/refresh.htm?date=1487742643742" style="margin-top:5px;" id="imgc" width="80" height="32"></i>
<input class="inp_bor inpIco4" placeholder="验证码" id="imgcode" name="imgcode" type="text">
</label>
<div class="input_prompt">
<span class="fc_9 fs_14" style="display:none;">提示语</span> 
<span class="fs_14 fc_6" id="imgcodeMsg" style="display: none;"><i class="ico ico_s14 ico3"></i>验证码不能为空</span> 
</div>
<label class="input_text yzm3">
<em style="display:none;" class="fr yzm1 fc_9" id="getPhonecoding">60S后可重发</em>
<em style="display:block;" class="fr yzm1 a_blue" id="getPhonecode">获取验证码</em>
<input placeholder="短信验证码" class="inp_bor inpIco4" name="phoneCode" id="phoneCode">
</label>
<div class="input_prompt">
<span style="display:none;" class="fc_9 fs_14" id="phoneCode2Msg">提示语</span>
<span style="display:none;" class="fs_14 fc_6" id="phoneCodeMsg"><i class="ico ico_s14 ico3"></i> 验证码错误</span> 
</div>
<input value="注册领红包" class="btn_resize btn_orange w_10 mb_10 bigBtn" id="submitBtn" type="button">
<span class="fc_white">注册即视为同意<a class="fc_blue" onclick="newFinancialAgreement();" href="javascript:void(0);">《你我贷用户协议》</a></span>
</div>
</div>
</div>
</div>

推广福利展示下载PSD

代码：

<ul>
			<li>
				<div class="newuserTop">
					<div class="newusertype">注册即送</div>
					<div class="newuserMsg"><span class="">100</span>元</div>
					<div class="newuserPro pb_40">可直接抵用投资金额</div>
					<div class="">
						<a href="javascript:;" class="nwd-btn-add Btn-NewPerCenter">立即领取</a>
					</div>
				</div>
			</li>
			<li>
				<div class="newuserTop">
					<div class="newusertype">投资即还</div>
					<div class="newuserMsg"><span class="">120</span>元</div>
					<div class="newuserPro pb_40">投财神道1万元返</div>
					<div class="">
						<a href="javascript:;" class="nwd-btn-add Btn-NewCsd">立即领取</a>
					</div>
				</div>
			</li>
			<li>
				<div class="newuserTop">
					<div class="newusertype">新手专享</div>
					<div class="newuserMsg"><span class="">15</span>%</div>
					<div class="newuserPro pb_40">近3个月年化收益</div>
					<div class="">
						<a href="javascript:;" class="nwd-btn-add Btn-NewCsd">立即领取</a>
					</div>
				</div>
			</li>
			<li>
				<div class="newuserTop">
					<div class="newusertype">推荐返现</div>
					<div class="newuserMsg"><span class="">1</span>%</div>
					<div class="newuserPro pb_40">好友投资成功返现金</div>
					<div class="">
						<a href="javascript:;" class="nwd-btn-add Btn-Newtuijian">立即领取</a>
					</div>
				</div>
			</li>
		</ul>

										    
											
												<div class="pc_newUserDiv mb_20 clearfix">
<div class="NewProfit clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_Newuser.js" type="text/javascript" charset="utf-8"></script>

产品展示模块下载PSD

代码：

										    
											
												<div class="pc_product1 mb_20 clearfix">
<div class="pc_Webcsd clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProduct1.js" type="text/javascript" charset="utf-8"></script>

代码：

<div class="pc_product2 mb_20 clearfix">
										<div class="newuserProcon clearfix">
											<div class="item item1" id="csdFtl_no2"><div class="titleshow clearfix">财神道<p>99.9%新手必选</p></div><div class="itemList">    <p class="nh">10<em>%+</em>5<em>%</em></p>   <p class="itemtop">近3个月年化收益</p>  </div>  <div class="itemList">    <p class="qx">30<em>天</em></p>   <p class="itemtop">封闭期</p>  </div>  <div class="clearfix"></div><div class="mid-tips clearfix">  	<span><em>50元</em> 起投 1万元收益：<em>123.28</em>元</span></div><div class="zc"><a class="btn_zc1 btn_zc btn_addcsd" href="javascript:;">免费注册抢购</a></div><div class="proTips_newuser"> </div></div>
											
											<div class="item item2" id="yysFtl_no2"><div class="titleshow clearfix">月月升<p>灵活存取，逐月加息0.5%！</p></div> <div class="itemList">    <p class="nh">5<em>%-</em>7.5<em>%</em></p>    <p class="itemtop">近3个月年化收益</p>  </div>  <div class="itemList">     <p class="qx">1~6<em>个月</em></p>    <p class="itemtop">封闭期</p>  </div>  <div class="clearfix"></div><div class="mid-tips clearfix">  	<span><em>2000元</em> 起投 1万元收益：<em>41.09</em>元</span></div> <div class="zc"><a class="btn_zc1 btn_zc btn_addyys" href="javascript:;">免费注册抢购</a></div> <div class="proTips_hotuser"> </div></div>
									  	</div>
									</div>

										    
											
												<div class="pc_product2 mb_20 clearfix">
<div class="newuserProcon clearfix">
<div class="item item1" id="csdFtl_no2"></div>
<div class="item item2" id="yysFtl_no2"></div>
</div>
</div>
<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProduct2.js" type="text/javascript" charset="utf-8"></script>

代码：

<div class="productCon_size3">
	<ul class="clearfix">
		<li>
			<div class="title">
				<h2>财神道</h2>尝鲜理财,新手翻倍赚 </div>
			<div class="infoCon clearfix">
				<dl>
					<dd class="dd1">10<span>%+</span>5<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2">
					<dd class="dd3"><em>30</em>天</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc1 btn_zc btn_addcsd" href="javascript:;">立即投资</a>
			</div>
			<div class="proTips_newuser"> </div>
		</li>
		<li>
			<div class="title">
				<h2>月月升</h2> 逐月增息，灵活变现 </div>
			<div class="infoCon clearfix">
				<dl style="width: 56%;">
					<dd class="dd1" style="font-size: 38px;">5-7.5<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2" style="width: 42%;">
					<dd class="dd3"><em>30</em>天</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc2 btn_zc btn_addyys" href="javascript:;">立即投资</a>
			</div>
			<div class="proTips_hotuser"> </div>
		</li>
		<li style="margin: 0;">
			<div class="title">
				<h2>嘉利宝</h2> 本息复投，收益最大 </div>
			<div class="infoCon clearfix">
				<dl>
					<dd class="dd1">11<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2">
					<dd class="dd3"><em>12</em>个月</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc2 btn_zc btn_addjlb" href="javascript:;">立即投资</a>
			</div>
			<div class="proTips_playuser"> </div>
		</li>
	</ul>
</div>

										    
											
												<div class="pc_product3 mb_20 clearfix">
<div class="productCon_size3">
<ul class="clearfix">
<li id="csdFtl_no3"></li>
<li id="yysFtl_no3"></li>
<li id="jjfFtl_no3" style="margin: 0;"></li>
</ul>
</div>
</div>
<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProduct3.js" type="text/javascript" charset="utf-8"></script>

代码：

<div class="productCon_size4">
	<ul class="clearfix">
		<li>
			<div class="title">
				<h2>月月升</h2> 逐月增息，灵活变现 </div>
			<div class="infoCon clearfix">
				<dl style="width: 56%;">
					<dd class="dd1" style="font-size: 38px;">5-7.5<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2" style="width: 42%;">
					<dd class="dd3"><em>30</em>天</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc2 btn_zc btn_addyys" href="javascript:;">立即投资</a>
			</div>
		</li>
		<li>
			<div class="title">
				<h2>季季丰</h2>90天投资，短平快收益稳 </div>
			<div class="infoCon clearfix">
				<dl>
					<dd class="dd1">6<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2">
					<dd class="dd3"><em>3</em>个月</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc1 btn_zc btn_addjjf" href="javascript:;">立即投资</a>
			</div>
		</li>
		<li>
			<div class="title">
				<h2>双季赢</h2> 省心投资，时间短收益高</div>
			<div class="infoCon clearfix">
				<dl style="width: 56%;">
					<dd class="dd1">8<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2" style="width: 42%;">
					<dd class="dd3"><em>6</em>个月</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc2 btn_zc btn_addsjy" href="javascript:;">立即投资</a>
			</div>
		</li>
		<li style="margin: 0;">
			<div class="title">
				<h2>嘉利宝</h2> 本金复投，按月返息</div>
			<div class="infoCon clearfix">
				<dl>
					<dd class="dd1">10<span>%</span></dd>
					<dd class="dd2">近3个月年化收益</dd>
				</dl>
				<dl class="dl2">
					<dd class="dd3"><em>12</em>个月</dd>
					<dd class="dd2">投资期限</dd>
				</dl>
			</div>
			<div class="tips">适用于本金保障计划</div>
			<div class="btn_touzhi">
				<a class="btn_zc2 btn_zc btn_addjlb" href="javascript:;">立即投资</a>
			</div>
		</li>
	</ul>
</div>

										    
											
												<div class="pc_product4 mb_20 clearfix">
<div class="productCon_size4">
<ul class="clearfix">
<li id="yysFtl_no4"></li>
<li id="jjfFtl_no4"></li>
<li id="sjyFtl_no4"></li>
<li id="jlbFtl_no4"  style="margin: 0;"></li>
</ul>
</div>
</div>
<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProduct4.js" type="text/javascript" charset="utf-8"></script>

安全保障板块下载PSD

代码：

										    
											
												<div class="pc_safe mb_20 clearfix">
<div class="safeMsgCon clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webSafe1.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_safe mb_20 clearfix">
<div class="safeMsgCon clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webSafe1.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_safe2 mb_20 clearfix">
<div class="safeMsg2Con clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webSafe2.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_safe3 mb_20 clearfix">
<div class="safeMsg3Con clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webSafe3.js" type="text/javascript" charset="utf-8"></script>

对标样式下载PSD

代码：

										    
											
												<div class="pc_case mb_20 clearfix">
<div class="caseMsgCon clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webCase1.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_case2 mb_20 clearfix">
<div class="caseMsg2Con clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webCase2.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_case3 mb_20 clearfix">
<div class="caseMsg3Con clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webCase3.js" type="text/javascript" charset="utf-8"></script>

对标样式下载PSD

代码：

<div class="ProfitMsgCon clearfix">
	<table width="100%" border="0" cellpadding="0" cellspacing="0" class="bbproTabCon">
		<tbody>
			<tr>
				<td width="333" valign="top">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bbproMsg">
						<tbody>
							<tr>
								<th>预期年化收益</th>
								<th>银行活期</th>
							</tr>
							<tr>
								<td class="bbsizecolor">2.7%</td>
								<td class="bbsizecolor">7倍</td>
							</tr>
							<tr>
								<td colspan="2" class="bbprotips">风险度不定<br> 起投金额依产品而定<br> 年化收益不稳定</td>
							</tr>
						</tbody>
					</table>
				</td>
				<td width="333" valign="top">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="nwdproMsg">
						<tbody>
							<tr>
								<th>预期年化收益</th>
								<th>银行活期</th>
							</tr>
							<tr>
								<td class="bbsizecolor">11%</td>
								<td class="bbsizecolor">31倍</td>
							</tr>
							<tr>
								<td colspan="2" class="bbprotips"><img src="http://static4.niwodai.com/Public/Static/nwd/active/2016/07/demo/images/cirl.png">本息保障计划<br> <img src="http://static4.niwodai.com/Public/Static/nwd/active/2016/07/demo/images/cirl.png">50元即可投资<br> <img src="http://static4.niwodai.com/Public/Static/nwd/active/2016/07/demo/images/cirl.png">年化收益稳高</td>
							</tr>
							<tr>
								<td colspan="2">
									<a href="#">注册送<em>100元</em></a>
								</td>
							</tr>
						</tbody>
					</table>
				</td>
				<td width="333" valign="top">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bbproMsg">
						<tbody>
							<tr>
								<th>预期年化收益</th>
								<th>银行活期</th>
							</tr>
							<tr>
								<td class="bbsizecolor">2.4%</td>
								<td class="bbsizecolor">6倍</td>
							</tr>
							<tr>
								<td colspan="2" class="bbprotips">风险度不定<br> 起投金额依产品而定<br> 年化收益不稳定</td>
							</tr>
						</tbody>
					</table>
				</td>
			</tr>
		</tbody>
	</table>
</div>

										    
											
												<div class="pc_Profit mb_20 clearfix">
<div class="ProfitMsgCon clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProfit1.js" type="text/javascript" charset="utf-8"></script>

代码：

										    
											
												<div class="pc_Profit2 mb_20 clearfix">
<div class="ProfitMsg2Con clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webProfit2.js" type="text/javascript" charset="utf-8"></script>

公司简介下载PSD

代码：

										    
											
												<div class="pc_Aboutus mb_20 clearfix">
<div class="AboutusMsg clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webAbout1.js" type="text/javascript" charset="utf-8"></script>

实时数据下载PSD

代码：

										    
											
												<div class="pc_comNum mb_20 clearfix">
<div class="comNumMsg clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webcompnaysize.js" type="text/javascript" charset="utf-8"></script>

充值渠道下载PSD

代码：

<div class="BankMsg">
	<h2 class="bank_title">140余家银行快捷支付，安全又便捷！</h2>
	<table cellspacing="1" cellpadding="0" border="0">
		<tbody>
			<tr>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank01020000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank01050000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank01030000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03080000.gif"></td>
				<td><img src="http://www.niwodai.com/index.do?method=imageView&imgPath=articlePic/20160120/b5e884c1-dbfa-4329-a735-4ee0b3903b88.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank01040000.gif"></td>
			</tr>
			<tr>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03100000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03050000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03030000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03020000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03090000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03070000.gif"></td>
			</tr>
			<tr>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank04012900.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03060000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank03040000.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank04243010.gif"></td>
				<td><img src="http://www.niwodai.com/index.do?method=imageView&imgPath=articlePic/20160120/767aa217-5643-4803-8f7f-778b30b6fc79.gif"></td>
				<td><img src="http://static2.niwodai.com/Public/Static/201404/event/quickRegister/activity4/images/bank65012900.gif"></td>
			</tr>
			<tr>
				<td><img src="http://www.niwodai.com/index.do?method=imageView&imgPath=articlePic/20160120/ac1a122a-615b-48a1-bb14-47c704210c41.gif"></td>
				<td><img src="http://www.niwodai.com/index.do?method=imageView&imgPath=articlePic/20160120/b97a6364-c01f-4f41-9bd7-43365a0d9d41.gif"></td>
				<td>
					<a href="https://member.niwodai.com/register.html" target="_blank" class="myreglink">注册后查看更多银行</a>
				</td>
			</tr>
		</tbody>
	</table>
</div>

										    
											
												<div class="pc_Bank mb_20 clearfix">
<div class="BankMsg clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webBank1.js" type="text/javascript" charset="utf-8"></script>

排行榜单下载PSD

代码：

<div class="perlistMsg clearfix">
	<div class="zhangyanleft">
		<div class="pablist_title">新手礼包领取</div>
		<p><span class="Numsizeshow"></span>今日已有20375位用户领取新手礼包</p>
		<table cellspacing="0" cellpadding="0" border="0">
			<tbody>
				<tr>
					<th>用户名</th>
					<th>时间</th>
					<th>红包</th>
				</tr>
			</tbody>
		</table>
		<div class="myscroll">
			<ul style="margin-top: -185px;">
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>q***s</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>w***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***w</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***q</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>q***s</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>w***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***w</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***q</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>q***s</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>w***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***l</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***w</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
				<li>
					<table cellspacing="0" cellpadding="0" border="0">
						<tbody>
							<tr>
								<td>n***q</td>
								<td><span class="datetime">2017年3月3日</span></td>
								<td><i class="daojishiw1212" style="font-weight: bold;">668</i></td>
							</tr>
						</tbody>
					</table>
				</li>
			</ul>
		</div>
		<div style="height: 20px;"></div>
	</div>
	<div class="zhangyanright">
		<div class="pablist_title">今日投资排行榜</div>
		<p>已有1585用户在今日投资</p>
		<table cellspacing="0" cellpadding="0" border="0">
			<tbody>
				<tr>
					<th>排名</th>
					<th>用户名</th>
					<th>投资金额（元）</th>
				</tr>
				<tr>
					<td><span>1</span></td>
					<td>y***1</td>
					<td>366,869.18</td>
				</tr>
				<tr>
					<td><span>2</span></td>
					<td>x***6</td>
					<td>348,751.98</td>
				</tr>
				<tr>
					<td><span>3</span></td>
					<td>x***2</td>
					<td>264,658.21</td>
				</tr>
				<tr>
					<td><span>4</span></td>
					<td>h***7</td>
					<td>113,347.33</td>
				</tr>
				<tr>
					<td><span>5</span></td>
					<td>n***l</td>
					<td>103,132.55</td>
				</tr>
				<tr>
					<td><span>6</span></td>
					<td>n***l</td>
					<td>93,326.68</td>
				</tr>
			</tbody>
		</table>
		<div style="height: 17px;"></div>
	</div>
</div>

										    
											
												<div class="pc_perlist mb_20 clearfix">
<div class="perlistMsg clearfix">
</div>
</div>
JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webpersonlist.js" type="text/javascript" charset="utf-8"></script>

挽留弹框样式下载PSD

代码：

<div class="dailogMsgBox">
	<div class="dailog_leftMsgBox">
		<div class="dailog_hongbao">
			<p class="dailog_hongbao_title">新手理财收益<span class="dailog_Numsize">15<span>%</span></span>
			</p>
			<p class="dailog_hongbao_title2">注册即送<span class="dailog_Numsize"><i class="daojishiw1212" style="font-weight: bold;">668</i></span>元</p>
			<p class="dailog_safeBox"><img src="http://www.niwodai.com/Public/Static/nwd/extension/pc/image/dailogsafe.png"></p>
		</div>
	</div>
	<div class="dailog_close">
		<a href="javascript:;" onclick="dailog_Tips();"><img src="http://www.niwodai.com/Public/Static/nwd/extension/pc/image/dailogClose.png"></a>
	</div>
</div>
<div class="dailogMsgBox_double">
	<div class="dailog_double_leftMsgBox">
		<div class="dailog_double_hongbao">
			<p class="dailog_hongbao_title">你还有好礼没有领取</p>
			<p class="dailog_hongbao_title2">15%高收益+668元红包</p>3
		</div>
	</div>
	<div class="dailog_double_rightMsgBox">
		<div class="dailog_double_guest">
			<p class="double_guest_title">你真的要走了吗？<span>请再多给我一次机会吧！</span></p><img src="http://www.niwodai.com/Public/Static/nwd/extension/pc/image/personPic.jpg" style="width:160px">
			<p class="double_perSonNum">截止今日，共有<span class="jyrc_money2">15916135</span>位用户选择加入我们</p>
			<div>
				<a href="javascript:;" class="dailog_missBtn" onclick="dilog_close();">遗憾错过</a>
				<a href="javascript:;" class="dailog_joinBtn" onclick="dailogMsg();">领取奖励</a>
			</div>
		</div>
	</div>
	<div class="dailog_close">
		<a href="javascript:;" onclick="dilog_close();"><img src="http://www.niwodai.com/Public/Static/nwd/extension/pc/image/dailogClose.png"></a>
	</div>
</div>

										    
											
												JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_dailogMsg.js" type="text/javascript" charset="utf-8"></script>

理财计算器下载PSD

收益计算器

元

代码：

<ul class="clearfix">
						<li class="fl li1">
							<div class="fs_18 fc_3 ">收益计算器</div>
							<div class="incomeNumBox mar_t20">
								<input placeholder="10000" class="incomeNum" id="incomeNum" value="" maxlength="10" type="text">
								<em>元</em>
							</div>
							<div class="mar_t10">
								<button class="countBtn" id="countBtn">开始计算</button>
							</div>
						</li>
						<li class="fl li2">
							<div id="csdTpl"><div class="ring" id="csdCir"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="76" height="76"><desc>Created with Raphaël</desc><defs/><path fill="#ffffff" stroke="#ededed" d="M38,5A33,33,0,1,1,37.99,5" style="stroke-width: 5;" stroke-width="5"/><path fill="none" stroke="#ff6600" d="M38,5A33,33,0,0,1,54.44010847620319,9.386666861571829" style="stroke-width: 5;" stroke-width="5"/></svg>	<em>月月升</em></div><div class="incomeMoney" id="csdMoney">45.83元</div></div>
						</li>
						<li class="fl li2"> 
							<div id="jjfTpl"><div class="ring" id="jjfCir"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="76" height="76"><desc>Created with Raphaël</desc><defs/><path fill="#ffffff" stroke="#ededed" d="M38,5A33,33,0,1,1,37.99,5" style="stroke-width: 5;" stroke-width="5"/><path fill="none" stroke="#ff6600" d="M38,5A33,33,0,0,1,54.44010847620319,9.386666861571829" style="stroke-width: 5;" stroke-width="5"/></svg>	<em>季季丰</em></div><div class="incomeMoney" id="jjfMoney">147.95元</div></div>
						</li>
						<li class="fl li2"> 
							<div id="sjyTpl"><div class="ring" id="sjyCir"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="76" height="76"><desc>Created with Raphaël</desc><defs/><path fill="#ffffff" stroke="#ededed" d="M38,5A33,33,0,1,1,37.99,5" style="stroke-width: 5;" stroke-width="5"/><path fill="none" stroke="#ff6600" d="M38,5A33,33,0,1,1,18.6030866743484,64.69756081437328" style="stroke-width: 5;" stroke-width="5"/></svg>	<em>双季赢</em></div><div class="incomeMoney" id="sjyMoney">394.52元</div></div>
						</li>
						<li class="fl li2"> 
							<div id="jlbTpl"><div class="ring" id="jlbCir"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="76" height="76"><desc>Created with Raphaël</desc><defs/><path fill="#ffffff" stroke="#ededed" d="M38,5A33,33,0,1,1,37.99,5" style="stroke-width: 5;" stroke-width="5"/><path fill="none" stroke="#ff6600" d="M38,5A33,33,0,1,1,6.61513496225993,27.80243918562674" style="stroke-width: 5;" stroke-width="5"/></svg>	<em>嘉利宝</em></div><div class="incomeMoney" id="jlbMoney">1000.00元</div></div>
						</li>
					</ul>

										    
											
												<ul class="clearfix">

<li class="fl li1">

<div class="fs_18 fc_3 ">收益计算器</div>

<div class="incomeNumBox mar_t20">

<input type="text" placeholder="10000" class="incomeNum" id="incomeNum" value="" maxlength="10" >

<em>元</em>

</div>

<div class="mar_t10">

<button class="countBtn" id="countBtn">开始计算</button>

</div>

</li>

<li class="fl li2">

<div id="csdTpl">



</div>

</li>

<li class="fl li2"> 

<div id="jjfTpl">



</div>

</li>

<li class="fl li2"> 

<div id="sjyTpl">



</div>

</li>

<li class="fl li2"> 

<div id="jlbTpl">



</div>

</li>

</ul>

吸底样式下载PSD

免费注册送668元红包

→市场有风险，投资需谨慎

代码：

										    
											
												<div class="pc_webfooterDiv">
<div class="pc_webfooterMsg">
&nbsp;" 
</div>
</div>
												JS文件<script src="http://static2.niwodai.com/Public/Static/nwd/extension/pc/js/pc_webfooter.js" type="text/javascript" charset="utf-8"></script>