﻿/*tony维护*/
body { background-color:#FFF; max-width:480px; margin:auto; padding:0; color:#333; font-size:14px; font-family:Microsoft YaHei,宋体,Verdana,Lucida Grande,Lucida,sans-serif;}
/* -webkit-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
.header { z-index:10000; position:relative; width:100%; height:40px; margin:auto;}
.header>div { position:fixed; left:initial; top:0; background-color:#0AF; width:100%; min-width:320px; max-width:480px; height:40px; line-height:40px; text-align:center;}
.header>div>a { cursor:pointer; width:10%; float:left; color:#FFF;}
/*.header>div>dl.lang { display:none; position:absolute; top:0; left:0; margin:0; padding:0;}
.header>div>dl.lang>dt { position:relative; width:40px; height:40px; margin:0; padding:0;}
.header>div>dl.lang>dt>i { display:block; background:url(css/ico.png) -60px -60px no-repeat; width:20px; height:20px; margin:10px;}
.header>div>dl.lang>dd { display:none; position:absolute; top:39px; left:0; background-color:rgba(255,255,255,0.9); width:70px; line-height:30px; margin:0; padding:10px; border:1px solid #4F91AA;}
.header>div>dl.lang>dd>a { display:block; color:#4F91AA; text-decoration:none; font-size:15px;}*/
.header>div>a.back { cursor:pointer; width:40px; height:40px;}
.header>div>a.back>i { display:block; background:url(css/ico.png) 0 -20px no-repeat; width:20px; height:20px; margin:10px;}
.header>div>a.home { width:40px; height:40px;}
.header>div>a.home>i { display:block; background:url(css/ico.png) -20px 0 no-repeat; width:20px; height:20px; margin:10px;}
.header>div>a.user { position:absolute; top:0; right:0; display:block; width:40px; height:40px;}
.header>div>a.user>i { display:block; background:url(css/ico.png) -40px 0 no-repeat; width:20px; height:20px; margin:10px;}
.header>div>dl.more { position:absolute; top:0; right:0; margin:0; padding:0;}
.header>div>dl.more>dt { position:relative; width:40px; height:40px; margin:0; padding:0;}
.header>div>dl.more>dt>i { cursor:pointer; display:block; background:url(css/ico.png) -100px 0 no-repeat; width:20px; height:20px; margin:10px;}
.header>div>dl.more>dd { display:none; position:absolute; top:39px; left:-57px; background-color:rgba(255,255,255,0.9); width:75px; line-height:30px; margin:0; padding:10px; border:1px solid #4F91AA;}
.header>div>dl.more>dd>span { display:block; line-height:1em; margin-bottom:8px; font-weight:bold;}
.header>div>dl.more>dd>a { display:block; color:#4F91AA; text-decoration:none; font-size:15px;}
.header>div>span { display:block; width:80%; margin:0 10%; color:#FFF; font-size:16px; font-weight:bold;}
.header>div>dl.user { position:absolute; top:0; right:0; margin:0; padding:0;}
.header>div>dl.user>dt { position:relative; width:40px; height:40px; margin:0; padding:0;}
.header>div>dl.user>dt>i { display:block; background:url(css/ico.png) -40px 0 no-repeat; width:20px; height:20px; margin:10px;}
.header>div>dl.user>dd { display:none; position:absolute; top:39px; left:-57px; background-color:rgba(255,255,255,0.8); width:75px; line-height:30px; margin:0; padding:10px; border:1px solid #0AF;}
.header>div>dl.user>dd>span { display:block; line-height:1em; margin-bottom:8px; font-weight:bold;}
.header>div>dl.user>dd>a { display:block; color:#0AF; text-decoration:none; font-size:15px;}

.footer { z-index:10000; position:relative; width:100%; height:60px;}
.footer>div { position:fixed; left:initial; bottom:0; background-color:#0AF; width:100%; min-width:320px; max-width:480px; height:59px; border-top:1px solid #EEE;}
.footer>div>a { opacity:0.8; width:20%; height:100%; float:left; color:#FFF; text-align:center;}
.footer>div>a.cur { opacity:initial; color:#FF0;}
.footer>div>a>i { display:block; background:url(css/ico.png) 0 0 no-repeat; width:20px; height:20px; margin:8px auto 2px;}
.footer>div>a>i.home { background-position-x:0;}
.footer>div>a.cur>i { background-position-y:-20px;}

.content { display:inline-block; width:100%;}
