body {background:#F5F5F5;}
.top {height:20px; padding:13px 0; background:url(../img/top-bg.png) repeat-x 0 0; text-align:center; overflow:hidden;}
.top .logo {width:160px; height:20px; margin:0 auto; background:url(../img/top-logo.png) no-repeat 0 -20px; text-indent:-9999px;}
.back {width:320px; height:24px; margin:-35px auto 11px;}
.back .btn-backtohome {float:left; width:46px; height:24px; padding-left:6px; background:url(../img/backtohome.png) no-repeat 0 0; font:12px/24px arial; text-align:center; color:#666;}
.back .btn-back {float:right; width:46px; height:24px; background:url(../img/back.png) no-repeat 0 0; font:12px/24px arial; text-align:center; color:#666;}

/* Pagebar */
.pagebar {padding:10px 0; text-align:center; line-height:22px;}
.pagebar li {display:inline;}
.pagebar .nolink {display:inline-block; height:22px; margin-right:2px; padding:0 6px; border:1px solid #eee; vertical-align:top; color:#ccc;}
.pagebar .ellipse {display:inline-block; height:22px; margin-right:2px; border:1px solid #fff; vertical-align:top; color:#ccc;}
.pagebar .c {font-weight:bold; color:#f60; border-color:#fff;}
.pagebar a {display:inline-block; height:22px; margin-right:2px; padding:0 6px; border:1px solid #ccc; vertical-align:top; color:#36c;}
.pagebar a:hover {background:#ffc; border-color:#f60; text-decoration:none; color:#f60;}
.pagebar a.nolink:hover {color:#ccc; border-color:#eee; background:none;}
.pagebar a.c:hover {font-weight:bold; color:#f60; border-color:#fff;}
.pagebar .inputbox {width:25px; height:22px; border:1px solid #e5e5e5; line-height:22px;}

.container {padding:5px 0;}

.app {width:320px; margin:0 auto;}
.app-nav {width:320px; height:40px; margin-bottom:5px; overflow:hidden;}
.app-nav-items {width:320px; height:40px;}
.app-nav-items li {float:left; width:63px; height:40px; margin-right:1px;}
.app-nav-items li a {float:left; width:63px; height:40px; background:#B9B9B9; font:12px/40px arial; color:#fff; text-align:center;}
.app-nav-items li .c {background:#EB8787;}
.app-nav-items .first, 
.app-nav-items .first a {width:62px;}
.app-list {margin-bottom:5px; font:12px/1.5 arial; color:#999;}
.app-list-items li {float:left; width:150px; padding:5px;}
.app-list-items dl {width:140px; height:215px; padding:4px; border:1px solid #E0E0E0; background:#fff;}
.app-list-items dt {float:left; width:27px; height:27px; margin:0 8px 8px 0;}
.app-list-items .name {float:left; width:105px; height:27px; margin:0 0 8px; font:14px/27px arial;}
.app-list-items .pic {clear:both; height:140px; overflow:hidden; text-align:center;}
.app-list-items .intro {height:40px; overflow:hidden; font:12px/20px arial;}

.art-detail-title {padding:10px 0; font:bold 14px arial; text-align:center;}
.art-detail-meta {padding:0 0 10px; border-bottom:1px solid #E8E8E8; text-align:center; color:#A5A5A5;}
.art-detail-content {padding:10px 0; border-top:1px solid #fff;}
.art-detail-download {padding:10px 0; text-align:center;}
.art-detail-download .btn-download {display:block; width:144px; height:43px; margin:0 auto; background:url(../img/download.png) no-repeat 0 0; font:bold 16px/43px arial; color:#fff;}

.footer {height:85px; padding:10px 0 0; background:url(../img/footer.png) repeat-x 0 0; text-align:center; font:12px/30px arial; color:#666;}
.footer a {margin:0 10px; font-size:14px; color:#0161D1;}