<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5手机端万年历下载 - 网页模板</title>
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/swiper-3.3.1.min.css">
<script src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/swiper-3.3.1.min.js"></script>
</head>
<body>
<!-- 加载ing -->
<div class="loading loading1 covers" >
<div class="loading-bj"></div>
<p>加载中...</p>
</div>
<!-- 加载ing END -->
<section class="out-wrap">
<div class="header-main">
<section class="header">
<div class="child return"><!-- <i></i> --></div>
<div class="child date">
<em class="f34" id="ymym">2016年06月</em>
<i></i>
</div>
</section>
<section class="day">
<section class="grid clearfix">
<div class="day-left clearfix">
<h1 id="top_shu">20</h1>
<div class="top-contrl">
<p><em id="top_week">星期二</em></p>
<div><i id="top_yue">八月廿十</i></div>
<!-- <p><em id="ymym" class="date">2016年06月</em><span></span></p>
<div><i id="top_yue">八月廿十</i><em id="top_week">星期二</em></div> -->
</div>
</div>
<div class="day-right clearfix">
<div class="yun">
<span class="js_jin">今</span>
</div>
</div>
</section>
</section>
<!-- end day -->
</div>
<!-- end header -->
<section class="content">
<section class="week">
<ul class="clearfix f28">
<li><a href="#">日</a></li>
<li><a href="#">一</a></li>
<li><a href="#">二</a></li>
<li><a href="#">三</a></li>
<li><a href="#">四</a></li>
<li><a href="#">五</a></li>
<li><a href="#">六</a></li>
</ul>
</section>
<section class="calenda">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<table id="now1" class="tables">
<tr class="">
<td class=" list"><i>12</i><em>中秋</em></td>
</tr>
</table>
</div>
<div class="swiper-slide">
<table id="now2" class="tables">
<tr class="">
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
<td class=" list"><i>12</i><em>中秋</em></td>
</tr>
</table>
</div>
<div class="swiper-slide">
<table id="now3" class="tables">
<tr class="">
<td class="list"><i>12</i><em>中秋</em></td>
</tr>
</table>
</div>
</div>
</div>
</section>
<!-- end calenda -->
</section>
<!-- end content -->
<section class="prorup"></section>
<!-- 弹窗 -->
<div class="tc"></div>
<div class="tc-innner">
<h2>
<!-- <div class="title-right">
<div class="gl zblck active">公历</div>
<div class="nl zblck">农历</div>
</div> -->
选择日期
</h2>
<div class="current-time">
<i class="i-year">1900</i><i class="i-month">1</i><i class="i-date">1</i>
</div>
<div class="swiper-box">
<i class="i1"></i>
<i class="i2"></i>
<i class="i3"></i>
<div class="swiper-box-li">
<div class="swiper-container2 nbxs">
<div class="swiper-wrapper year">
<div class="swiper-slide">1900年</div>
<div class="swiper-slide">1901年</div>
<div class="swiper-slide">1902年</div>
<div class="swiper-slide">1903年</div>
<div class="swiper-slide">1904年</div>
<div class="swiper-slide">1905年</div>
<div class="swiper-slide">1906年</div>
<div class="swiper-slide">1907年</div>
<div class="swiper-slide">1908年</div>
<div class="swiper-slide">1909年</div>
<div class="swiper-slide">1910年</div>
<div class="swiper-slide">1911年</div>
<div class="swiper-slide">1912年</div>
<div class="swiper-slide">1913年</div>
<div class="swiper-slide">1914年</div>
<div class="swiper-slide">1915年</div>
<div class="swiper-slide">1916年</div>
<div class="swiper-slide">1917年</div>
<div class="swiper-slide">1918年</div>
<div class="swiper-slide">1919年</div>
<div class="swiper-slide">1920年</div>
<div class="swiper-slide">1921年</div>
<div class="swiper-slide">1922年</div>
<div class="swiper-slide">1923年</div>
<div class="swiper-slide">1924年</div>
<div class="swiper-slide">1925年</div>
<div class="swiper-slide">1926年</div>
<div class="swiper-slide">1927年</div>
<div class="swiper-slide">1928年</div>
<div class="swiper-slide">1929年</div>
<div class="swiper-slide">1930年</div>
<div class="swiper-slide">1931年</div>
<div class="swiper-slide">1932年</div>
<div class="swiper-slide">1933年</div>
<div class="swiper-slide">1934年</div>
<div class="swiper-slide">1935年</div>
<div class="swiper-slide">1936年</div>
<div class="swiper-slide">1937年</div>
<div class="swiper-slide">1938年</div>
<div class="swiper-slide">1939年</div>
<div class="swiper-slide">1940年</div>
<div class="swiper-slide">1941年</div>
<div class="swiper-slide">1942年</div>
<div class="swiper-slide">1943年</div>
<div class="swiper-slide">1944年</div>
<div class="swiper-slide">1945年</div>
<div class="swiper-slide">1946年</div>
<div class="swiper-slide">1947年</div>
<div class="swiper-slide">1948年</div>
<div class="swiper-slide">1949年</div>
<div class="swiper-slide">1950年</div>
<div class="swiper-slide">1951年</div>
<div class="swiper-slide">1952年</div>
<div class="swiper-slide">1953年</div>
<div class="swiper-slide">1954年</div>
<div class="swiper-slide">1955年</div>
<div class="swiper-slide">1956年</div>
<div class="swiper-slide">1957年</div>
<div class="swiper-slide">1958年</div>
<div class="swiper-slide">1959年</div>
<div class="swiper-slide">1960年</div>
<div class="swiper-slide">1961年</div>
<div class="swiper-slide">1962年</div>
<div class="swiper-slide">1963年</div>
<div class="swiper-slide">1964年</div>
<div class="swiper-slide">1965年</div>
<div class="swiper-slide">1966年</div>
<div class="swiper-slide">1967年</div>
<div class="swiper-slide">1968年</div>
<div class="swiper-slide">1969年</div>
<div class="swiper-slide">1970年</div>
<div class="swiper-slide">1971年</div>
<div class="swiper-slide">1972年</div>
<div class="swiper-slide">1973年</div>
<div class="swiper-slide">1974年</div>
<div class="swiper-slide">1975年</div>
<div class="swiper-slide">1976年</div>
<div class="swiper-slide">1977年</div>
<div class="swiper-slide">1978年</div>
<div class="swiper-slide">1979年</div>
<div class="swiper-slide">1980年</div>
<div class="swiper-slide">1981年</div>
<div class="swiper-slide">1982年</div>
<div class="swiper-slide">1983年</div>
<div class="swiper-slide">1984年</div>
<div class="swiper-slide">1985年</div>
<div class="swiper-slide">1986年</div>
<div class="swiper-slide">1987年</div>
<div class="swipe