<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>鲨鱼记账</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="鲨鱼记账,记账,账本理财,记账软件,手机记账,记账APP,网上记账,预算控制,省钱,攒钱,记账网站">
    <meta name="description" content="鲨鱼记账是一款专业的生活记账软件，极简的的操作流程，让你轻松上手，三秒钟即可完成记账，极速体验">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon" href="favicon.png" />
</head>

<body>
    <div class="header">
    	<div class="container">
	        <div class="right">
	            <img class="logo" src="img/logo.png" alt="鲨鱼记账官网">
	            <div class="download">
	                <a class="iphone" href="https://itunes.apple.com/cn/app/id1079718756" target="_blank"></a>
	                <a class="android" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.shark.jizhang&ckey=CK1379630860244" target="_blank"></a>
			        <img style="display: none" src="img/iphone-download-active.png">
			        <img style="display: none" src="img/android-download-active.png">
	            </div>

	        </div>
	        <img class="left www" src="img/top-phone.png" alt="鲨鱼记账页面截图">
	        <img class="left wap" src="img/top-phone-wap.png" alt="鲨鱼记账页面截图">
        </div>
    </div>
    <div class="main">
    	<div class="container">
	        <div class="top">功能特色</div>
	        <div class="middle">
	            <ul class="feature">
	                <li class="feature1">
	                    <img src="img/fun-feature1.png" alt="极简操作">
	                </li>
	                <li class="feature2">
	                    <img class="www" src="img/fun-feature2.png" alt="智能统计">
	                    <img class="wap" src="img/fun-feature2-1.png" alt="智能统计">
	                </li>
	                <li class="feature3">
	                    <img src="img/fun-feature3.png" alt="一目了然">
	                </li>
	            </ul>
	        </div>
	        <div class="bottom">
	            <ul class="fun">
	                <li class="fun1 odd">
	                    <img src="img/fun-icon1.png">
	                    <div class="item">
	                        <div class="title">预算功能</div>
	                        <div class="desc">设置月度预算和分类预算，不用担心超支了！</div>
	                    </div>
	                </li>
	                <li class="fun2 even">
	                    <img src="img/fun-icon2.png">
	                    <div class="item">
	                        <div class="title">导出数据</div>
	                        <div class="desc">导出EXCEL文件，整理财务数据不用愁！</div>
	                    </div>
	                </li>
	                <li class="fun3 odd">
	                    <img src="img/fun-icon3.png">
	                    <div class="item">
	                        <div class="title">定时记账</div>
	                        <div class="desc">设置定时记账，解放双手，不必重复操作！</div>
	                    </div>
	                </li>
	                <li class="fun4 even">
	                    <img src="img/fun-icon4.png">
	                    <div class="item">
	                        <div class="title">收支日历</div>
	                        <div class="desc">日历表显示每天的收支情况一目了然！</div>
	                    </div>
	                </li>
	                <li class="fun5 odd">
	                    <img src="img/fun-icon5.png">
	                    <div class="item">
	                        <div class="title">提醒功能</div>
	                        <div class="desc">设置记账提醒，培养记账好习惯，不怕漏记账！</div>
	                    </div>
	                </li>
	                <li class="fun6 even">
	                    <img src="img/fun-icon6.png">
	                    <div class="item">
	                        <div class="title">数据安全</div>
	                        <div class="desc">数据加密、同步上传、绝对安全保障！</div>
	                    </div>
	                </li>
	                <li class="fun7 odd">
	                    <img src="img/fun-icon7.png">
	                    <div class="item">
	                        <div class="title">账单搜索</div>
	                        <div class="desc">方便，快速的在众多收支中找到你需要的账单！</div>
	                    </div>
	                </li>
	                <li class="fun8 even">
	                    <img src="img/fun-icon8.png">
	                    <div class="item">
	                        <div class="title">手势密码</div>
	                        <div class="desc">密码保护，让你的收支数据更加隐私！</div>
	                    </div>
	                </li>
	            </ul>
	        </div>
        </div>
    </div>
    <div class="footer">
        <div class="info">
            <div class="qr-code">
                <img class="follow" src="img/qr-code-follow.png">
                <img class="download" src="img/qr-code-download.png">
            </div>
            <div class="contact wechat">微信公众号：shayujizhang</div>
            <div class="contact business">商务合作：hezuo#shayu-inc.com</div>
        </div>
        <div class="copyright">
			Copyright &copy; 
			<span id="year"></span>
			shark Inc. All Rights Reserved
            <span > 
				|
				<img style="margin-bottom: -5px;" src="img/gonganbeian.png"/>
					<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024093" target="_blank">
						<i></i>京公网安备 11010802024093号
					</a> 
					| 
					<a href="http://beian.miit.gov.cn" target="_blank">京ICP备17041179号-1</a>
					|
					<a href="wlaqxcz.html" target="_blank">网络安全宣传周</a>
				</span>
			<br/>
			<span style="margin-top: 5px;">鲨鱼快游网络技术（北京）有限公司&nbsp;&nbsp;&nbsp;&nbsp;地址：北京市海淀区黑泉路8号1幢康健宝盛广场D座7层7008号&nbsp;&nbsp;&nbsp;&nbsp;电话：010-53346552</span>
        </div>
    </div>
</body>
<script>
var _hmt = _hmt || [];
(function() {

  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?48ede12ba4a74469bb4d7710177edb59";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);

	//获取当前年份
  let year = new Date().getFullYear();
  document.getElementById('year').innerText = year;
})();
</script>
</html>
