<!--
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title id="tn"></title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<style>
*{margin:0;padding:0;}
#container{width:310px;height:310px;margin:30px auto;}
#cont{margin:0 auto;padding:0;background:#f3f3f3;width:100%;min-height:100%;position:fixed;bottom:0;left:0;right:0;top:0;text-align:center;}
.hdcont{margin:0 auto;padding:5px 0;height:32px;line-height:32px;text-align:center;background:#fff;}
.hdcont div{width:32px;height:32px;color:#999;}
#ul1{width:310px;height:310px;list-style:none;}
#ul1 li,#ul1 a{width:100px;height:100px;border:1px solid #f3f3f3;float:left;text-align:center;line-height:100px;}
#ul1 a:hover{cursor:pointer;color:orange;font-size:18px;}
#ul1 .active{background:red;color:#fff;}
#pp{margin:0 auto;padding:5px;line-height:42px;text-align:center;list-style:none;color:#999;overflow:auto;}
#pp li{float:left;width:100%;background:#fff;border-bottom:1px solid #f3f3f3;}
.hidden{display:none;}
.l{float:left;}
.r{float:right;}
.dbts{fon