播客趣QQ个性网静态网页代码分享
QQ个性网主要有哪些?QQ个性网址大全，QQ个性网站导航有哪些?QQ个性网站主要是分享一些qq个性网名、好听的qq个性签名、QQ空间日志、QQ头像图片、QQ图片素材、非主流图片等等。QQ个性网址大全http://m.bokequ.com/list/32-0.html
在个性网可以寻找各种男生女生头像、情侣头像、带字等个性的QQ头像。个性网的QQ网名大全也有汇集了情侣网名、男生网名、女生网名等QQ个性网名,您也可以发布分享你喜欢的QQ网名。
主页html
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>QQ个性 _ 网址大全 _ 播客趣导航 - 第1页</title>
<meta name="keywords" content="qq个性签名,qq个性签网,qq个性签名大全"/>
<meta name="description" content="QQ个性网站排名,QQ个性网站排行榜,QQ个性网站大全,QQ个性中文网站排名,qq空间"/>
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/style2.css" rel="stylesheet" type="text/css" />
<link href="/css/list.css" rel="stylesheet" type="text/css" />
<link id="js_oStyle" href="/css/index.css" rel="stylesheet" />
<link href="/css/otherlist.css" rel="stylesheet">
<style>
dl,dd{margin:0;padding:0}
</style>
</head>
<body>
<div id="classicsWrap">
<div class="topbar">
<div class="w980 cf top-bd">
<div class="wel fl">
<ul>
<li class="mcol"><a href="/" class="home">首页</a></li>
<li> 分类栏目<font size="2" color="#FD944F">
111</font>个</li>
<li>已收录<font size="2" color="#FD944F">1374</font>站</li>
<li>待审核<font color="#FD944F">541</font>站</li>
<li>当月收录<font color="#FD944F">4</font>站</li>
<li>今日审核<font color="#FD944F">4</font>站</li>
</ul>
</div>
<ul class="sets fr cf" id="set">
<li class="themeChange " id="themeChange">
<script src="/e/member/login/loginjs.php"></script>
</li>
<li class=""></li>
</ul>
</div>
</div>
<div class="theme" id="theme">
<div class="themeWrap loadingBig"></div>
</div>
<div id="wrap">
<div class="container">
<div class="header">
<div class="header-bd cf">
<div class="fr cf">
<div class="fl handle bg" id="qingtiancms_com_xiaohua">
<a href="http://www.99jky.com/" target="_blank"><img src="http://m.bokequ.com/img/mulu.gif" border="0" width="350" height="50"></a> </div>
</div>
<h1><a href="http://m.bokequ.com/" title="播客趣导航"><img src="http://m.bokequ.com/images/logo.gif" style="padding-top:16px"></a></h1>
</div>
</div>
<div class="w980 m-search rep" block="search">
<header id="header">
<section id="hd_logo"><a href="/" title="网站搜索">网站搜索</a></section>
<section id="hd_searchbar">
<form class="fm" action="/e/search/index.php" method="post" name="searchform" id="searchform">
<div id="search-input" class="">
<input name="keyboard" type="text" id="search-kw" maxlength="100" value="" placeholder="请输入您要搜索的关键词……" />
<input name="src" class="src" type="hidden" value="newhome">
<input type="hidden" name="show" value="title,smalltext" />
<input type="hidden" name="tempid" value="1" />
<input type="hidden" value="url" name="tbname">
<div id="search-hotword" class="g-toggle" onselectstart="return false;"></div>
<div id="search-hotword-update" data-expires="24"></div>
</div>
<span class="s_btn_wr">
<button type="submit" class="s_btn" onmousedown="this.className='s_btn s_btn_f'" onmouseout="this.className='s_btn'">搜索</button>
</span>
</form>
<div id="suggest-container" style="visibility: hidden; position: absolute; top: 69px; left: 581.5px; width: 528px; z-index: 999;">
<div class="suggest-bd"></div>
<div class="suggest-ft">
<div class="declare">网址导航目录</div>
</div>
</div>
</section>
<nav id="hd_othernav">
<ul>
<li><a href='http://m.bokequ.com/e/search/result/?searchid=468' target=_blank>yl</a> <a href='http://m.bokequ.com/e/search/result/?searchid=467' target=_blank>55</a>
<a href='http://m.bokequ.com/e/search/result/?searchid=466' target=_blank>91</a> <a href='http://m.bokequ.com/e/search/result/?searchid=460' target=_blank>搜索</a> </li>
</ul>
</nav>
</header>
</div>
<div class="w980 content_top_ad1 cf" id="content_top_ad1" style="display:none"> </div>
<div class="menus" id="menu_tab">
<li><a href="/"><em><i class="menutop qt_tab_1"></i><span>首页</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/12-0.html"><em><i class="menutop qt_tab_2"></i><span>电脑网络</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/19-0.html"><em><i class="menutop qt_tab_3"></i><span>综合其它</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/24-0.html"><em><i class="menutop qt_tab_4"></i><span>休闲娱乐</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/16-0.html"><em><i class="menutop qt_tab_5"></i><span>教育文化</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/33-0.html"><em><i class="menutop qt_tab_6"></i><span>生活服务</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/list/34-0.html"><em><i class="menutop qt_tab_7"></i><span>行业企业</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/web/"><em><i class="menutop qt_tab_8"></i><span>文章资讯</span></em></a></li>
<li class=""><a href="http://m.bokequ.com/moban/"><em><i class="menutop qt_tab_9"></i><span>模板源码</span></em></a></li>
</div>
<div style="line-height:0px; font-size:0px; clear:both" id="menu_id_both"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="seatt">
<div class="seat_left">
当前位置：<a href="http://m.bokequ.com/">首页</a> > <a href="http://m.bokequ.com/list/24-0.html">休闲娱乐</a> > <a href="http://m.bokequ.com/list/32-0.html">QQ个性</a></div>
</div>
<div class="mainWrapper">
<div class="mainWrapper_left">
<div class="k">
<div class="t">
<span style="padding-left:15px;">QQ个性站点分类</span>
</div>
<div class="t2">
<ul><li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/55-0.html" title="旅游出行" >旅游出行</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/56-0.html" title="明星粉丝 " >明星粉丝 </a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/57-0.html" title="动漫网站 " >动漫网站 </a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/58-0.html" title="收藏爱好" >收藏爱好</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/59-0.html" title="小说文学" >小说文学</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/60-0.html" title="星座运势" >星座运势</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/61-0.html" title="图片摄影" >图片摄影</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/62-0.html" title="娱乐时尚" >娱乐时尚</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/63-0.html" title="游戏网站" >游戏网站</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/64-0.html" title="幽默笑话" >幽默笑话</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/65-0.html" title="兴趣爱好" >兴趣爱好</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/66-0.html" title="体育文化" >体育文化</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/67-0.html" title="琴棋书画 " >琴棋书画 </a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/130-0.html" title="直播平台" >直播平台</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/143-0.html" title="聊天交友" >聊天交友</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/145-0.html" title="曲艺演出" >曲艺演出</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/166-0.html" title="艺术创作" >艺术创作</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/32-0.html" title="QQ个性" >QQ个性</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/25-0.html" title="音乐MP3" >音乐MP3</a></li>
<li id="tabnav_btn_1" onMouseOver="tabit(this)"><a href="http://m.bokequ.com/list/26-0.html" title="视频电影" >视频电影</a></li>
</ul>
</div>
</div>
<div class="k1">
<div class="title">
<div class="text">
<b>QQ个性 - 网址大全</b>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/575-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.qqkw.com" alt="我要个性网 " width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/575-0.html" target="_blank"><b>我要个性网 </b></a></div>
</div>
<div class="tt_detail">
我要个性网是一个专注分享图片、文字等素材（头像,图片,网名,个性签名等）。汇集了海量个性类资源，在这里可以寻找到您想要的、分享你喜欢的。
</div>
<div class="tt_url">
网站地址：www.qqkw.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=江苏省">江苏省</a>
</div>
<div class="tt_time">
更新时间：2023-12-07 06:35:56
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/626-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.shuoshuokong.com" alt="说说控-QQ说说大全" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/626-0.html" target="_blank"><b>说说控-QQ说说大全</b></a></div>
</div>
<div class="tt_detail">
说说控——为您提供最精品的说说！专业提供2020最新的QQ心情说说大全，包括：伤感说说、个性说说、经典说说、搞笑说说、爱情说说等QQ空间说说及QQ说说心情短语。
</div>
<div class="tt_url">
网站地址：www.shuoshuokong.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=湖北省">湖北省</a>
</div>
<div class="tt_time">
更新时间：2020-09-13 14:53:36
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/611-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.oicq88.com" alt="QQ网名" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/611-0.html" target="_blank"><b>QQ网名</b></a></div>
</div>
<div class="tt_detail">
QQ网名 QQ网名大全 QQ个性网名 好听的网名 扣扣网名 好的网名
</div>
<div class="tt_url">
网站地址：www.oicq88.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=福建省">福建省</a>
</div>
<div class="tt_time">
更新时间：2020-01-12 08:03:20
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/285-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.qqpk.cn" alt="QQ加油站" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/285-0.html" target="_blank"><b>QQ加油站</b></a></div>
</div>
<div class="tt_detail">
QQ加油站为你提供精选免费的QQ个性签名、唯美图片、说说、头像图片、QQ网名、优美句子、范文大全、经验技巧大全...
</div>
<div class="tt_url">
网站地址：www.qqpk.cn 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=湖北省">湖北省</a>
</div>
<div class="tt_time">
更新时间：2018-08-08 01:01:46
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/267-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.kanqq.com" alt="KanQQ个性网" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/267-0.html" target="_blank"><b>KanQQ个性网</b></a></div>
</div>
<div class="tt_detail">
KanQQ个性网专注于分享QQ个性内容,我们提供最新最炫的QQ头像、QQ网名、QQ个性签名、QQ分组、QQ皮肤、QQ说说、QQ表情、QQ日志等QQ周边个性内容，还有最全的唯美图片、QQ心情日志等QQ空间素材等您发现和使用，看QQ个性网是您装扮个性QQ的首选网站。
</div>
<div class="tt_url">
网站地址：www.kanqq.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=河南省">河南省</a>
</div>
<div class="tt_time">
更新时间：2018-08-07 09:17:17
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/254-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.qqmmgg.com" alt="QQ个性网名" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/254-0.html" target="_blank"><b>QQ个性网名</b></a></div>
</div>
<div class="tt_detail">
收录汇聚用户原创QQ网名、游戏网名、个性签名、分组信息，输入您的姓名，为您量身定制专属网名，喊出您的表白，获得亿万用户的祝福
</div>
<div class="tt_url">
网站地址：www.qqmmgg.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=北京市">北京市</a>
</div>
<div class="tt_time">
更新时间：2018-08-07 09:16:05
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/232-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.qzby.com" alt="Q友地带网" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/232-0.html" target="_blank"><b>Q友地带网</b></a></div>
</div>
<div class="tt_detail">
Q友地带网提供多种风格QQ头像、QQ个性图片、好看的QQ皮肤大图、个性qq网名签名、qq分组大全等内容,更有数万张热门图片头像等你来分享
</div>
<div class="tt_url">
网站地址：www.qzby.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=广东省">广东省</a>
</div>
<div class="tt_time">
更新时间：2018-08-04 16:36:19
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/1254-0.html">
<img src="http://s0.wp.com/mshots/v1/http://qz.100bt.com" alt="Q族" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/1254-0.html" target="_blank"><b>Q族</b></a></div>
</div>
<div class="tt_detail">
Q族-是百田网推出的QQ个性素材分享频道，为网友提供QQ头像、QQ网名、QQ分组、QQ个性签名素材内容，在线交Q友，就来百田网Q族吧
</div>
<div class="tt_url">
网站地址：qz.100bt.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=广东省">广东省</a>
</div>
<div class="tt_time">
更新时间：2018-06-26 08:59:45
</div>
</div>
</div>
<div class="box1">
<div class="picture">
<a name="obj_1" id="obj_1" href="http://m.bokequ.com/article/32/1668-0.html">
<img src="http://s0.wp.com/mshots/v1/http://www.qqjay.com" alt="QQJAY空间站" width="164" height="114" />
</a>
</div>
<div class="tt">
<div class="tt_title">
<div class="tu">
<a href="http://m.bokequ.com/article/32/1668-0.html" target="_blank"><b>QQJAY空间站</b></a></div>
</div>
<div class="tt_detail">
QQJAY空间站为您提供QQ头像,QQ分组,个性签名,QQ网名,空间日志,非主流图片,QQ空间素材,还有更多的原创皮肤,与您共分享！
</div>
<div class="tt_url">
网站地址：www.qqjay.com 所属地区：<a href="/e/action/ListInfo.php?&mid=10&tempid=13&ph=1&pro=河南省">河南省</a>
</div>
<div class="tt_time">
更新时间：2018-04-09 07:42:15
</div>
</div>
</div>
</div>
<div class="page">
<div class="page_box">
<a title="总数"> 12 </a> <b>1</b> <a href="http://m.bokequ.com/list/32-1.html">2</a>
<a href="http://m.bokequ.com/list/32-1.html">下一页</a> <a href="http://m.bokequ.com/list/32-1.html">尾页</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer cf" id="content_top_ad_foot3">
<div class="link">
<p class="copyright">Copyright ©2023.12 <a target="_self" href="http://m.bokequ.com/">播客趣导航</a>
</p>
</div>
</body>
</html>
css样式
/* CSS Document */
.seat{ width:1200px;height:16px; line-height:16px; margin:0 auto; margin-top:15px; font-size:13px;}
.seat_left{
width: 1000px;
height:16px;
margin-left: auto;
margin-right: auto;
}
.seat_left2{ width:500px; height:16px; float:left;}
.seat_left3{ width:460px; height:16px; float:left;}
.seat_left3 ul li{ height:16px; float:left;}
.seat_img{ width:30px; height:11px; float:left; margin-top:2px;}
.seatt{ width: 1000px;height:16px; line-height:16px; margin:0 auto; margin-top:15px; font-size:13px;}
.seatt_left{ width:1200px; height:16px; margin-left: auto;
margin-right: auto;}
.seatt_left2{ width:500px; height:16px; float:left;}
.seatt_left3{ width:460px; height:16px; float:left;}
.seatt_left3 ul li{ height:16px; float:left;}
.seatt_img{ width:30px; height:11px; float:left; margin-top:2px;}
.container{ width:1200px; overflow:hidden; margin:0 auto; margin-top:12px;}
.container .mudao{
width: 928px;
height: auto;
float: left;
border: #dcdcdc 1px solid;
overflow: hidden;
}
.container .mudao .t {
width: 928px;
border-bottom: #dcdcdc 1px dashed;
height: 32px;
line-height: 32px;
font-size: 15px;
float: left;
overflow: hidden;
}
.container .mudao .t2 {
width: 900px;
line-height: 32px;
font-size: 12px;
margin-left: 15px;
overflow: hidden;
}
.container .mudao .t2 ul li {
height: 32px;
padding-right: 18px;
float: left;
}
.container_list{ width:930px; float:left;}
.container_list .x{ width:930px; height:32px; border-bottom:#dcdcdc 1px solid; float:left;}
.container_list .title{ width:75px; height:32px; border-bottom:#c81521 2px solid; text-align:center; font-size:16px; line-height:32px;}
.container_list .info{ width:930px; height:177px; border-bottom:#dcdcdc 1px solid; float:left;}
.info_title{ width:775px; height:30px; float:left; margin:27px 0 0 20px; font-size:25px;}
.info_dian{ width:16px; height:16px; float:right; margin:37px 50px 0 0;}
.info_title a{ color:#3d3d3d;}
.info_title a:hover{ color:#3d3d3d; text-decoration:underline;}
.info_text{ width:890px; height:53px; float:left; font-size:15px; line-height:26px; margin:15px 0 0 20px; color:#757575;}
.info_text a{ color:#418dd9;}
.info_text a:hover{ color:#c81521;}
.info_time{ width:934px; height:18px; margin:10px 0 0 20px; font-size:14px; float:left; color:#C6C6C6;}
.container_sidebar{ width:250px; height:1400px; float:right;}
.container_sidebar .img{ width:250px; height:250px; float:left;}
.container_sidebar .title{ width:250px; height:36px; margin-top:15px; float:left; border-bottom:#dcdcdc 1px dashed; border-top:#c81521 2px solid; line-height:36px; font-size:15px;}
.container_sidebar .title a{ color:#999999;}
.container_sidebar .information{ width:250px; height:280px; margin-top:8px; float:left;}
.container_sidebar .information ul li{ width:250px; height:28px; font-size:14px;}
.container_sidebar .tip{ width:250px; height:62px; float:left; margin-top:16px;}
.tip_left{ width:81px; height:60px; border:#dcdcdc 1px solid; float:left;}
.tip_right{ width:140px; height:62px; float:left; margin-left:9px; font-size:10px; line-height:17px;}
.container_sidebar .text {
width: 250px;
overflow:hidden;
float: left;
}
.w250 .text{
width: 250px;
overflow: hidden;
float: left;
}
.module .text{
width: 250px;
overflow: hidden;
float: left;
}
.weblist_b {padding: 0 10px;}
.weblist_b li {padding: 8px 0 5px 0; position: relative;}
.weblist_b li img {background: #fff; border: solid 1px #dbdbdb; height: 65px; width: 85px;}
.weblist_b li strong {display: block; font: normal 12px ''; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 8px; width: 135px;}
.weblist_b li strong a {color: #c81521; text-decoration: none;}
.weblist_b li p {display: block; height: 35px; line-height: 18px; overflow: hidden; position: absolute; left: 90px; top: 25px; width: 140px;font-size: 12px;}
.weblist_b li address {display: block; height: 20px; overflow: hidden; position: absolute; left: 90px; top: 56px; width: 130px;}
.visit {
background: url(../images/visit.gif) no-repeat right;
padding-right: 15px; font-size:12px;
}
.tip_right a{ color:#4aae5f;}
.xian{ width:250px; height:1px; border-bottom:#dcdcdc 1px solid; float:left; margin-top:25px;}
.k1 {
float: left;
margin-top: 13px;
margin-bottom: 15px;
}
.page{ width: 670px; margin:0 auto; margin-top:37px;}
.page_box{text-align: center;margin-bottom: 15px;}
.page a{display: inline-block;
min-width: 30px;
height: 30px;
border-radius: 3px;
margin-right: 10px;
background-color: #f2f2f2;
line-height: 30px;
font-size: 16px;
color: #999999;padding: 0px 10px;}
.prev-page{}
.next-page{}
.page b{background-color: #4b87cb;
color: #fff;
display: inline-block;
min-width: 30px;
height: 30px;
border-radius: 3px;
margin-right: 10px;
line-height: 30px;
font-size: 16px;
padding: 0px 10px;}
.page_box .total_page{ padding-left:10px; padding-right:10px; height:26px; background:#c81521; float:left;text-align:center; line-height:26px; color:#FFFFFF; margin-right:8px;}
.page_box .current {background: #c81521;color: #fff;display: block;float: left;margin-right: 8px;margin-left: 8px;padding: 3px 10px;}
.first_page, .last_page, .prev_page, .next_page, .pages {
background: #fff;
border: 1px solid #c81521;
color: #c81521;
display: block;
float: left;
margin-right: 8px;
margin-left: 8px;
padding: 2px 10px;
text-decoration: none;
}
.page_box .btn a{ color:#FFFFFF; }
.page_box .btn:hover{ background:#2E2E2E;}
.page_box .btn2 a{ width:24px; height:24px; border:#474747 1px solid; margin-left:5px; float:left; color:#474747; text-align:center; line-height:26px;}
.page_box .btn2 a:hover{color:#FFFFFF;background:#474747;}
