/*css样式初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,span { margin:0; padding:0; }
html,body { height:100%;background:#CCC; color:#555;  font-family: '微软雅黑'; margin:0}
body{background:#3e485c;background:-url(../index.png) no-repeat;}
div{max-width:480px !important;margin:0;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
#first{height:100%;margin:0 auto;}
#header{position:relative;height:10% ;max-width:480px;text-align:left bottom;color:#f2f2f2;width:94%;margin:0 auto;font-size:1.3em;}
#header>p{position:absolute;bottom:0.4em;font-weight:bold;letter-spacing:2px;}
#content{height:87%;width:96%;margin:0 auto;background:#f1f3f2;padding-top:0.2em;}
#content>ul>a>li{color:#000;font-weight:-bolder;border-radius:0.4em;background:#fafcfc;margin:5px auto;width:96%;font-size:1.2rem;height:4.5rem;border:1px solid #c4c7c8;text-align:center;line-height:4.5rem;transition:0.2s;}


.on{background:#09F !important;color:#FFFFFF !important;}



/* 清除浮动 */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.fl{float: left;}
.fr{float: right;}