CSS 组件。

Search(搜索框) PageNav(分页) Breadcrumb(面包屑导航) Headline(标题)
Group List(首页大列表) Catbox(图片列表) Tab Topbar(顶部导航)
Filter(类目过滤) Icons(小图标) Tag(小标签) Button(按钮)
Modal(弹出框) Dropdown(下拉菜单) Tips(可操作浮层) Alert Message(可操作消息)
Table(表格) Listing(列表) Images(图片展栏) Flow(流程)
Logo Navigation(导航) - -
<form action="/root/" class="form form-search">
	<input title="请输入类别名字或者关键字" placeholder="请输入类别名字或者关键字" class="form-input" />
	<div class="form-select">
		<span class="form-select-selected">全站搜索</span>
		<ul class="form-select-menu">
			<li data-action="/root/">全站搜索</li>
			<li data-action="/ershou/">物品交易</li>
			<li data-action="/cheliang/">车辆买卖</li>
			<li data-action="/fang/">房屋租售</li>
			<li data-action="/gongzuo/">全职招聘</li>
			<li data-action="/jianzhi/">兼职招聘</li>
			<li data-action="/qiuzhi/">求职简历</li>
			<li data-action="/huodong/">交友活动</li>
			<li data-action="/chongwuleimu/">宠物</li>
			<li data-action="/fuwu/">生活服务</li>
			<li data-action="/jiaoyupeixun/">教育培训</li>
		</ul>
	</div>
	<input type="submit" value="搜索" class="form-submit button button-grey" />
</form> <!-- .form -->
<form action="#" class="form form-search">
	<input class="form-input form-input-small" title="请输入类别名字或者关键字" placeholder="请输入类别名字或者关键字" />
	<input class="form-submit button button-grey button-medium" type="submit" value="搜索" />
</form> <!-- .form -->
<div class="pagenav clearfix">
	<a href="#" class="pagenav-cell">上一页</a>
	<span class="pagenav-cell pagenav-cell-ellipsis">…</span>
	<span class="pagenav-cell pagenav-cell-current">1</span>
	<a href="#" class="pagenav-cell">2</a>
	<a href="#" class="pagenav-cell">3</a>
	<a href="#" class="pagenav-cell">4</a>
	<a href="#" class="pagenav-cell">5</a>
	<a href="#" class="pagenav-cell">6</a>
	<a href="#" class="pagenav-cell">7</a>
	<a href="#" class="pagenav-cell">8</a>
	<a href="#" class="pagenav-cell">9</a>
	<a href="#" class="pagenav-cell">10</a>
	<a href="#" class="pagenav-cell">11</a>
	<span class="pagenav-cell pagenav-cell-ellipsis">…</span>
	<a href="#" class="pagenav-cell pagenav-cell-next">下一页</a>
</div> <!-- .pagenav -->

# Breadcrumb(面包屑导航)

上海互联网 > 上海物品交易 > 上海电脑配件/宽带(6262条信息)
<div class="bread">
	<a href="#" class="bread-cell">上海互联网</a> > 
	<a href="#" class="bread-cell">上海物品交易</a> > 
	<span class="bread-cell bread-cell-current">上海电脑配件/宽带<cite class="bread-cell-cite">(6262条信息)</cite></span>
</div> <!-- .bread -->

# Headline(标题)

<div class="headline">
	<a href="#" class="headline-more">更多</a>
	<a href="#">标题</a>
</div> <!-- .headline -->

# Group List(首页大列表)

<div id="glist" class="clearfix">
	<div class="glist">
		<div class="glist-title">
			<h3>
				<span class="icon icon-bag"></span>
				<a href="#">物品交易</a>
			</h3>
			<cite>200149</cite>
		</div>
		<div class="glist-section">
			<a href="#">奢侈大牌</a>
			<a href="#">全新转让/礼品</a>
		</div>
		<div class="glist-section glist-section-last">
			<a href="#">3C数码</a>
			<a href="#" class="red">苹果专区</a>
			<a href="#">二手手机</a>
			<a href="#">手机号码</a>
			<a href="#">台式电脑</a>
			<a href="#">电脑配件/宽带</a>
			<a href="#">笔记本</a>
			<a href="#">平板电脑/iPad</a>
			<a href="#">摄影摄像</a>
			<a href="#">MP3/游戏机</a> 
		</div>
	</div> <!-- .glist -->
	
	<div class="glist">
		<div class="glist-title">
			<h3>
				<span class="icon icon-bag"></span>
				<a href="#">物品交易</a>
			</h3>
			<cite>200149</cite>
		</div>
		<div class="glist-section glist-section-random glist-section-last">
			<a href="#" class="red glist-section-inlineblock">二手轿车</a>
			<a href="#">全国</a>
			<a href="#">3万以下</a>
			<a href="#">3-4万</a>
			<a href="#">4-7万</a>
			<a href="#">大众</a>
			<a href="#">别克</a>
			<a href="#">奇瑞</a>
			<a href="#">宝马</a>
			<a href="#">本田</a>
			<a href="#">奥迪</a>
			<a href="#">雪佛兰</a>
			<a href="#">丰田</a>
			<a href="#">本地下线车</a>
			<a href="#">全国下线车</a>
			<a href="#">新车优惠/4S店</a>
			<a href="#">货车/工程车</a>
			<a href="#">面包车/客车</a>
			<a href="#">拖拉机/收割机</a> 
		</div>
	</div> <!-- .glist -->
	
	<div class="glist">
		<div class="glist-title">
			<h3>
				<span class="icon icon-bag"></span>
				<a href="#">物品交易</a>
			</h3>
			<cite>200149</cite>
		</div>
		<div class="glist-section">
			<a href="#">奢侈大牌</a>
			<a href="#">全新转让/礼品</a>
		</div>
		<div class="glist-section glist-section-last">
			<a href="#">3C数码</a>
			<a href="#">苹果专区</a>
			<a href="#">二手手机</a>
			<a href="#">手机号码</a>
			<a href="#">台式电脑</a>
			<a href="#">电脑配件/宽带</a>
			<a href="#">笔记本</a>
			<a href="#">平板电脑/iPad</a>
			<a href="#">摄影摄像</a>
			<a href="#">MP3/游戏机</a> 
		</div>
	</div> <!-- .glist -->
	
</div> <!-- #glist -->

# catbox

<div class="catbox clearfix">
	<div class="catbox-item">
		<p class="headline">
			<a class="headline-more" target="_blank" href="/ershouqiche/">更多</a>
			<a target="_blank" href="/ershouqiche/">二手轿车</a>
		</p>
		<ul class="list">
			<li class="list-item">
				<div>
					<a target="_blank" href="/ershouqiche/a185782512.html">
						<img width="64" height="64" align="left" src="http://img3.baixing.net/m/8825617b75af720634ef2f91f40a41ea_sq.jpg" />
					</a>
					<a target="_blank" class="topicLink" href="/ershouqiche/a185782512.html">09年的丰田凯美瑞高配13.9万9成新</a><br>
					<small>上海,宝山,通河新村</small><br>
					<cite>13.9万元</cite>
				</div>
			</li>
			<li class="list-item ">
				<div>
					<a target="_blank" href="/ershouqiche/a206152491.html">
						<img width="64" height="64" align="left" src="http://img3.baixing.net/m/eeee968c103ba16dee85f629e6ff268e_sq.jpg" />
					</a>
					<a target="_blank" class="topicLink" href="/ershouqiche/a206152491.html">原大使馆车凯迪拉克加长版!极具收藏价值!</a><br>
					<small>上海</small><br>
					<cite>4.5万元</cite>
				</div>
			</li>
			<li class="list-item ">
				<div>
					<a target="_blank" href="/ershouqiche/a198933938.html">
						<img width="64" height="64" align="left" src="http://img2.baixing.net/m/d59d91aee9a93174282f0efd5fb63bec_sq.jpg" />
					</a>
					<a target="_blank" class="topicLink" href="/ershouqiche/a198933938.html">宝马7系10款730Li 豪华型15587</a><br>
					<small>上海,嘉定,江桥</small><br>
					<cite>68万元</cite>
				</div>
			</li>
		</ul>
	</div>
</div> <!-- .catbox -->

# Tab

<div class="tab">
	<ul class="tab-title clearfix">
		<li class="tab-title-item"><a href="#" data-toggle="tab">全部</a></li>
		<li class="tab-title-item active"><a href="#" data-toggle="tab">个人</a></li>
		<li class="tab-title-item tab-title-item-last"><a href="#" data-toggle="tab">商家</a></li>
	</ul>
</div> <!-- .tab -->

# Topbar(顶部导航)

<div class="topbar">
	<span class="topbar-right-text">欢迎,<a href="#">user</a> 
	[<a href="#">退出</a>]</span>
	- <a rel="nofollow" href="#">用户中心</a>
	- <a target="_blank" rel="nofollow" href="#">付费推广</a>
	<div id="shownotice" class="dropdown dropdown-unibody">
		<a class="dropdown-trigger dropdown-trigger-active" data-toggle="dropdown" hidefocus="" data-target="#shownotice" href="#">消息<cite>1</cite><i class="arrow arrow-down"></i></a>
		<ul class="dropdown-menu clearfix">
			<li class="dropdown-menu-item"><a href="#"><cite>1</cite>条系统提示</a></li>
		</ul>
	</div>
	- <a rel="nofollow" class="tag tag-green" target="_blank" href="#" id="postAd">免费发布信息</a>
</div> <!-- .topbar -->
<div class="topbar">
	<span class="topbar-right-text">欢迎,<a href="#">user</a> 
	[<a href="#">退出</a>]</span>
	- <a rel="nofollow" href="#">用户中心</a>
	<div id="shownotice" class="dropdown dropdown-unibody">
		<a class="dropdown-trigger dropdown-trigger-active" data-toggle="" hidefocus="" data-target="#shownotice" href="#">消息<cite>1</cite><i class="arrow arrow-down"></i></a>
		<ul class="dropdown-menu clearfix">
			<li class="dropdown-menu-item"><a href="#"><cite>1</cite>条系统提示</a></li>
		</ul>
	</div>
	- <a target="_blank" rel="nofollow" href="/pay/entrance/">付费推广</a>
	- <a target="_blank" rel="nofollow" href="/pages/help">帮助</a>
	- <a target="_blank" rel="nofollow" href="/pages/mobilesite">手机版</a>
</div> <!-- .topbar -->

# Filter(类目筛选)

<form action="" method="get">
	<ul class="filter filter-intype clearfix">
		<li class="filter-item ">
			<span class="filter-item-cap">
			<input type="text" value="" class="form-input form-input-small form-input-230" alt="搜索: 请输入关键字" maxlength="100" id="query" name="query">
			<input type="hidden" value="jianzhi" name="cater">
			<input type="submit" class="form-submit button button-grey button-medium" value="搜索">
			</span>
		</li>
		<li class="filter-item ">
			<span class="filter-item-cap">类目:</span>
			<div>
				<a href="/xueshengjianzhi/m7264/">学生兼职/实习</a>
				<a href="/cuxiaojianzhi/m7264/">促销</a>
				<a href="/paifajianzhi/m7264/">传单派发</a>
				<a href="/jiajiao/m7264/">家教</a>
				<a href="/wenjuanjianzhi/m7264/">问卷调查</a>
				<a href="/kefujianzhi/m7264/">客服</a>
				<a href="/cantingjianzhi/m7264/">餐厅/服务员</a>
				<a href="/mote/m7264/">模特</a>
				<a href="/liyi/m7264/">礼仪</a>
				<a href="/yanyuan/m7264/">演员</a>
				<a href="/sheyingjianzhi/m7264/">摄影</a>
				<a href="/wangzhan/m7264/">网站</a>
				<a href="/shejijianzhi/m7264/">设计</a>
				<a href="/kuaijijianzhi/m7264/">会计</a>
				<a href="/fanyijianzhi/m7264/">翻译</a>
				<a href="/qitajianzhi/m7264/">其它兼职</a>
				<a href="/chongchang/m7264/">充场/座谈会</a>
			</div>
		</li>
		<li class="filter-item filter-item-last">
			<span class="filter-item-cap">地区:</span>
			<div>
				<a href="/jianzhi/">全部</a>
				<a href="/jianzhi/m7255/">浦东</a>
				<a class="tag tag-green filter-item-selected" href="/jianzhi/m7264/">黄浦</a>
				<a href="/jianzhi/m7261/">徐汇</a>
				<a href="/jianzhi/m7260/">长宁</a>
				<a href="/jianzhi/m7254/">闵行</a>
				<a href="/jianzhi/m7263/">静安</a>
				<a href="/jianzhi/m7252/">宝山</a>
				<a href="/jianzhi/m7245/">上海周边</a>
				<a href="/jianzhi/m7257/">虹口</a>
				<a href="/jianzhi/m7258/">普陀</a>
				<a href="/jianzhi/m7256/">杨浦</a>
				<a href="/jianzhi/m7259/">闸北</a>
				<a href="/jianzhi/m7253/">松江</a>
				<a href="/jianzhi/m7262/">卢湾</a>
				<a href="/jianzhi/m7251/">嘉定</a>
				<a href="/jianzhi/m7250/">青浦</a>
				<a href="/jianzhi/m7249/">奉贤</a>
				<a onclick="this.style.display='none';this.nextSibling.style.display='';return false;" href="javascript:void(0)">更多?</a>
				<span style="display:none;"><a href="/jianzhi/m7248/">南汇</a>
					<a href="/jianzhi/m7247/">金山</a><a href="/jianzhi/m7246/">崇明</a>
				</span>
			</div>
			<div class="filter-children">
				<a class="tag tag-green filter-item-selected" href="/jianzhi/m7264/">全部</a>
				<a href="/jianzhi/m2363/">南京东路</a>
				<a href="/jianzhi/m2361/">人民广场</a>
				<a href="/jianzhi/m2359/">老西门</a>
				<a href="/jianzhi/m2355/">黄浦滨江</a>
				<a href="/jianzhi/m2356/">半淞园路</a>
				<a href="/jianzhi/m2357/">蓬莱公园</a>
				<a href="/jianzhi/m2358/">董家渡</a>
				<a href="/jianzhi/m2360/">豫园</a>
				<a href="/jianzhi/m2362/">外滩</a>
			</div>
		</li>
	</ul>
</form>
<div class="filter">
	<form class="form" method="get">
		<input type="text" value="" class="form-input form-input-small form-input-230" alt="搜索: 请输入关键字" id="query" name="query">
		<input type="submit" class="form-submit button button-grey button-medium" value="搜索">
	</form>
	<ul class="filter-block clearfix">
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/shouji/">二手手机</a>
			<a target="_blank" href="/shouji/m34345/">诺基亚</a><a target="_blank" href="/shouji/m35545/">苹果</a><a target="_blank" href="/shouji/m33998/">三星</a><a target="_blank" href="/shouji/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/diannao/">台式电脑</a>
			<a target="_blank" href="/diannao/m18990/">组装机</a><a target="_blank" href="/diannao/m18933/">品牌台式电脑</a><a target="_blank" href="/diannao/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/bijiben/">笔记本</a>
			<a target="_blank" href="/bijiben/m33534/">Gateway</a><a target="_blank" href="/bijiben/m33535/">清华同方</a><a target="_blank" href="/bijiben/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/pingbandiannao/">平板电脑/iPad</a>
			<a target="_blank" href="/pingbandiannao/m37019/">iPad</a><a target="_blank" href="/pingbandiannao/m37020/">联想</a><a target="_blank" href="/pingbandiannao/m37021/">华硕</a><a target="_blank" href="/pingbandiannao/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/diannaopeijian/">电脑配件/宽带</a>
			<a target="_blank" href="/diannaopeijian/m18690/">电脑配件</a><a target="_blank" href="/diannaopeijian/">全部</a>
			</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/zhaoxiangji/">摄影摄像</a>
			<a target="_blank" href="/zhaoxiangji/m36590/">数码相机</a><a target="_blank" href="/zhaoxiangji/m36608/">单反相机</a><a target="_blank" href="/zhaoxiangji/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/shuma/">MP3/游戏机</a>
			<a target="_blank" href="/shuma/m18918/">游戏机/配件</a><a target="_blank" href="/shuma/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/shoujihaoma/">手机号码</a>
			<a target="_blank" href="/shoujihaoma/m37658/">888</a><a target="_blank" href="/shoujihaoma/m37650/">000</a><a target="_blank" href="/shoujihaoma/m37651/">111</a><a target="_blank" href="/shoujihaoma/m37652/">222</a><a target="_blank" href="/shoujihaoma/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/xianzhishipin/">食品</a>
			<a target="_blank" href="/xianzhishipin/m36153/">茶叶</a><a target="_blank" href="/xianzhishipin/m36152/">咖啡</a><a target="_blank" href="/xianzhishipin/m36151/">巧克力</a><a target="_blank" href="/xianzhishipin/m36159/">蜂蜜</a><a target="_blank" href="/xianzhishipin/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/jiaju/">家具</a>
			<a target="_blank" href="/jiaju/m18798/">床</a><a target="_blank" href="/jiaju/m18821/">桌子/茶几</a><a target="_blank" href="/jiaju/m18814/">沙发</a><a target="_blank" href="/jiaju/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/dianqi/">家电</a>
			<a target="_blank" href="/dianqi/m18733/">大家电</a><a target="_blank" href="/dianqi/m18743/">小家电</a><a target="_blank" href="/dianqi/m18762/">厨房电器</a><a target="_blank" href="/dianqi/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/riyongpin/">日用品</a>
			<a target="_blank" href="/riyongpin/m18638/">厨房餐饮</a><a target="_blank" href="/riyongpin/m18629/">床上用品</a><a target="_blank" href="/riyongpin/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/bangongyongpin/">办公家具/耗材</a>
			<a target="_blank" href="/bangongyongpin/m36164/">打印机</a><a target="_blank" href="/bangongyongpin/m36166/">办公桌</a><a target="_blank" href="/bangongyongpin/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/shoucang/">收藏品/工艺品</a>
			<a target="_blank" href="/shoucang/m36204/">钱币</a><a target="_blank" href="/shoucang/m36195/">十字绣</a><a target="_blank" href="/shoucang/">全部</a>
		</li>
		<li class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/fushi/">服装/配饰</a>
			<a target="_blank" href="/fushi/m18565/">女装</a><a target="_blank" href="/fushi/m18564/">男装</a><a target="_blank" href="/fushi/m18566/">童装/婴儿</a><a target="_blank" href="/fushi/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/peishi/">手表/首饰</a>
			<a target="_blank" href="/peishi/m18533/">手表</a><a target="_blank" href="/peishi/m18534/">首饰</a><a target="_blank" href="/peishi/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/xiemao/">鞋子</a>
			<a target="_blank" href="/xiemao/m36719/">女鞋</a><a target="_blank" href="/xiemao/m36707/">男鞋</a><a target="_blank" href="/xiemao/m36731/">童鞋</a><a target="_blank" href="/xiemao/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/xiangbao/">箱包</a>
			<a target="_blank" href="/xiangbao/m36207/">女包</a><a target="_blank" href="/xiangbao/m36206/">男包</a><a target="_blank" href="/xiangbao/m36208/">钱包</a><a target="_blank" href="/xiangbao/m36209/">旅行箱包</a><a target="_blank" href="/xiangbao/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/huazhuangpin/">化妆品</a>
			<a target="_blank" href="/huazhuangpin/m36744/">护肤</a><a target="_blank" href="/huazhuangpin/m36766/">彩妆</a><a target="_blank" href="/huazhuangpin/m36920/">香水</a><a target="_blank" href="/huazhuangpin/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/yinger/">母婴/幼儿/玩具</a>
			<a target="_blank" href="/yinger/m36979/">童车童床</a><a target="_blank" href="/yinger/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/shu/">图书/音像</a>
			<a target="_blank" href="/shu/m36217/">书籍</a><a target="_blank" href="/shu/m36211/">教辅书</a><a target="_blank" href="/shu/m36220/">光盘</a><a target="_blank" href="/shu/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/yueqi/">乐器/文具</a>
			<a target="_blank" href="/yueqi/m36239/">钢琴</a><a target="_blank" href="/yueqi/m36254/">文具</a><a target="_blank" href="/yueqi/m36238/">吉他</a><a target="_blank" href="/yueqi/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/yundongqicai/">运动器材</a>
			<a target="_blank" href="/yundongqicai/m36261/">健身器</a><a target="_blank" href="/yundongqicai/m36259/">跑步机</a><a target="_blank" href="/yundongqicai/m36275/">台球</a><a target="_blank" href="/yundongqicai/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/menpiao/">门票/电影票</a>
			<a target="_blank" href="/menpiao/m36286/">电影票</a><a target="_blank" href="/menpiao/m36288/">音乐会</a><a target="_blank" href="/menpiao/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/quan/">消费卡/优惠券</a>
			<a target="_blank" href="/quan/m36299/">代金券</a><a target="_blank" href="/quan/m36300/">健身卡</a><a target="_blank" href="/quan/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/nongchanpin/">农产品</a>
			<a target="_blank" href="/nongchanpin/m36329/">土特产</a><a target="_blank" href="/nongchanpin/m36320/">鸡</a><a target="_blank" href="/nongchanpin/m36321/">鸭</a><a target="_blank" href="/nongchanpin/m36322/">鱼</a><a target="_blank" href="/nongchanpin/m36323/">羊</a><a target="_blank" href="/nongchanpin/">全部</a>
		</li>
		<li style="display:none" class="filter-item">
			<a class="filter-item-cap" target="_blank" href="/gongyeshebei/">工业设备</a>
			<a target="_blank" href="/gongyeshebei/m36339/">仪器仪表</a><a target="_blank" href="/gongyeshebei/m36337/">机床</a><a target="_blank" href="/gongyeshebei/">全部</a>
		</li>
	</ul>
	<div class="filter-toggle">
		<a class="groupNavMore-show" href="#">
			显示全部分类
			<span class="arrow arrow-down">↓</span>
		</a>
	</div>
</div>

# Icons(小图标)

# # # # # # # # # # #
<span class="icon icon-bag">#</span>
<span class="icon icon-car">#</span>
<span class="icon icon-house">#</span>
<span class="icon icon-friend">#</span>
<span class="icon icon-love">#</span>
<span class="icon icon-book">#</span>
<span class="icon icon-pet">#</span>
<span class="icon icon-doc">#</span>
<span class="icon icon-umbrella">#</span>
<span class="icon icon-time">#</span>
<span class="icon icon-play">#</span>
# # # # #
<a class="icon icon-mobile" href="###">#</a>
<a class="icon icon-connect" href="###">#</a>
<a class="icon icon-star"href="###">#</a>
<a class="icon icon-comment"href="###">#</a>
<a class="icon icon-flag"href="###">#</a>
× + -
<a class="icon icon-del" href="###">×</a>
<a class="icon icon-done" href="###">√</a>
<a class="icon icon-add"href="###">+</a>
<a class="icon icon-minus"href="###">-</a>
<a class="icon icon-phone icon-phone-done" href="###">手机认证</a>
<a class="icon icon-trade icon-trade-done" href="###">营业执照认证</a>
<a class="icon icon-id icon-id-done" href="###">个人认证</a>
<a class="icon icon-phone" href="###">手机认证</a>
<a class="icon icon-trade" href="###">营业执照认证</a>
<a class="icon icon-id" href="###">个人认证</a>

up arrow down arrow

<a href="###" class="arrow arrow-up">↑</a>
<a href="###" class="arrow arrow-down">↓</a>

# Tag (标签)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

之乎者也,如果用的是中文呢?来点English混排一下。

来个小字体版的:之乎者也,如果用的是中文呢?来点English混排一下。

<a class="tag tag-blue" href="###">labore</a>
<a class="tag tag-red" href="###">aliquip</a>
<span class="tag">cillum</span>
<a class="tag tag-blue" href="###">如果</a>
<a class="tag tag-green" href="###">English</a>

# Button(按钮)

<a class="button button-icon" href="###">
	<span class="icon icon-mobile">#</span> 免费发送到手机
</a>

<a class="button button-icon" href="###">
	<span class="icon icon-connect">#</span> 分享
</a>

<a class="button button-icon" href="###">
	<span class="icon icon-star">#</span> 收藏
</a>

<a class="button button-icon" href="###">
	<span class="icon icon-comment">#</span> 留言
</a>

<a class="button button-icon" href="###">
	<span class="icon icon-flag">#</span> 监督
</a>
<a href="###" class="button button-green">免费发布信息</a>
<a href="###" class="button button-green button-green-hover">免费发布信息</a>
<a href="###" class="button button-grey">修改/删除信息</a>
<a href="###" class="button button-grey button-grey-hover">修改/删除信息</a>
<a href="###" class="button button-green button-medium">免费发布信息</a>
<a href="###" class="button button-grey button-medium">修改/删除信息</a>

四、button in input

<input type="button" class="button button-green" value="免费发布信息" />
<input type="button" class="button button-green button-green-hover" value="免费发布信息" />
<input type="button" class="button button-grey" value="修改/删除信息" />
<input type="button" class="button button-grey button-grey-hover" value="修改/删除信息" />
<input type="button" class="button button-green button-medium" value="免费发布信息" />
<input type="button" class="button button-grey button-medium" value="修改/删除信息" />

五、filter

广东海洋大学 × 法学院 × 林建锋 ×
<span class="button button-filter">广东海洋大学 <a class="close" href="###">×</a></span>
<span class="button button-filter">法学院 <a class="close" href="###">×</a></span>
<span class="button button-filter">林建锋 <a class="close" href="###">×</a></span>

六、蓝色小按钮

查看全部
<a class="button button-blue">查看全部</a>
<a href="#myModal" data-toggle="modal">Modal Demo</a>

<div id="myModal" class="modal fade hide in" style="margin-left: -280px; margin-top: -93px; top: 14275px; left: 50%; display: block;">
	<h4 class="modal-title">本操作需要您先注册互联网</h4>
	<a href="###" data-dismiss="modal" class="close">×</a>
	<div class="modal-content">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
</div>
<div class="dropdown" id="mydropdown">
					
	<span>一般下拉菜单 <a href="#mydropdown" data-toggle="dropdown" class="dropdown-trigger arrow arrow-down"></a></span>

	<ul class="dropdown-menu clearfix">
		<li class="dropdown-menu-item">@sofish</li>
		<li class="dropdown-menu-item">@dengjia</li>
		<li class="dropdown-menu-item">@arch</li>
	</ul>

</div> 

# Tips(可操作浮层)

hello world
×
hello world
×
hello world
×
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
×
<div class="tips">
	<span class="tips-angle diamond"></span>
	<div class="tips-text">
		hello world
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>

<div class="tips tips-right" id="tips1">
	<span class="tips-angle diamond"></span>
	<div class="tips-text">
		hello world
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>

<div class="tips tips-left" id="tips2">
	<span class="tips-angle diamond"></span>
	<div class="tips-text">
		hello world
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>

<div class="tips tips-bottom" id="tips3">
	<span class="tips-angle diamond"></span>
	<div class="tips-text">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>

# Alert(可操作消息)

这是一条 H4 标题

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

×
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
×
<div class="alert alert-ok">
	<div class="alert-text">
		<h3 class="typo-h4 alert-title">这是一条 H4 标题</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>


<div class="alert">
	<div class="alert-text">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>
	<a class="close" href="###" data-dismiss="alert">×</a>
</div>

# Table

Default table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table">
	<thead>
		<tr>
			<th>#</th>
			<th>First Name</th>
			<th>Last Name</th>
			<th>Username</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Jacob</td>
			<td>Thornton</td>
			<td>@fat</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Larry</td>
			<td>the Bird</td>
			<td>@twitter</td>
		</tr>
	</tbody>
</table>

Striped table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-striped">
	<thead>
		<tr>
			<th>#</th>
			<th>First Name</th>
			<th>Last Name</th>
			<th>Username</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Jacob</td>
			<td>Thornton</td>
			<td>@fat</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Larry</td>
			<td>the Bird</td>
			<td>@twitter</td>
		</tr>
	</tbody>
</table>

Bordered table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-bordered">
	<thead>
		<tr>
			<th>#</th>
			<th>First Name</th>
			<th>Last Name</th>
			<th>Username</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Jacob</td>
			<td>Thornton</td>
			<td>@fat</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Larry</td>
			<td>the Bird</td>
			<td>@twitter</td>
		</tr>
	</tbody>
</table>

Condensed table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-condensed">
	<thead>
		<tr>
			<th>#</th>
			<th>First Name</th>
			<th>Last Name</th>
			<th>Username</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Jacob</td>
			<td>Thornton</td>
			<td>@fat</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Larry</td>
			<td>the Bird</td>
			<td>@twitter</td>
		</tr>
	</tbody>
</table>

All

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
<table class="table table-striped table-bordered table-condensed">
	<thead>
		<tr>
			<th>#</th>
			<th>First Name</th>
			<th>Last Name</th>
			<th>Username</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>1</td>
			<td>Mark</td>
			<td>Otto</td>
			<td>@mdo</td>
		</tr>
		<tr>
			<td>2</td>
			<td>Jacob</td>
			<td>Thornton</td>
			<td>@fat</td>
		</tr>
		<tr>
			<td>3</td>
			<td>Larry</td>
			<td>the Bird</td>
			<td>@twitter</td>
		</tr>
	</tbody>
</table>

# Listing (列表)

<ul class="list">
	<li class="list-item list-item-title clearfix">
		<span class="list-item-block">区域</span>
		<span class="list-item-block">价钱</span>
		<div class="list-item-content">内容</div>
		<span class="list-item-block">时间</span>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			<a href="#">徐汇区</a>
		</span>
		<span class="list-item-block"><cite>2600</cite> 元</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
		<span class="list-item-block">4月22日</span>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			<a href="#">徐汇区</a>
		</span>
		<span class="list-item-block"><cite>2600</cite> 元</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等。如果内容超长了肿么办啊?</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
		<span class="list-item-block">4月22日</span>
	</li>
</ul> <!-- .list -->
<ul class="list list-thumb">
	<li class="list-item list-item-title clearfix">
		<span class="list-item-block">图片</span>
		<div class="list-item-content">内容</div>
		<span class="list-item-block">价钱</span>
		<span class="list-item-block">时间</span>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			<img src="http://tu.baixing.net/m/8dde045e2717c67ab3f894318c97d304_sq.jpg" />
		</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
			<p class="list-item-content-meta">hello world/中文/随便</p>
		</div>
		<span class="list-item-block"><cite>2600</cite> 元</span>
		<span class="list-item-block">4月22日</span>
	</li>
	<li class="list-item clearfix list-item-hover">
		<span class="list-item-block">
			<img src="http://tu.baixing.net/m/8dde045e2717c67ab3f894318c97d304_sq.jpg" />
		</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等。如果内容超长了肿么办啊?</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
			<p class="list-item-content-meta">联系方式:0xx-56x338x1 15000x7973x</p>
		</div>
		<span class="list-item-block"><cite>2600</cite> 元</span>
		<span class="list-item-block">4月22日</span>
	</li>
</ul> <!-- .list -->
<ul class="list">
	<li class="list-item list-item-title clearfix">
		<span class="list-item-block">区域</span>
		<div class="list-item-content">内容</div>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			<a href="#">徐汇区</a>
		</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
	</li>
	<li class="list-item list-item-hover clearfix">
		<span class="list-item-block">
			<a href="#">徐汇区</a>
		</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
	</li>
</ul> <!-- .list -->
<ul class="list list-5">
	<li class="list-item list-item-title clearfix">
		<span class="list-item-block">发布时间</span>
		<span class="list-item-block">工作地点</span>
		<div class="list-item-content">标题</div>
		<div class="list-item-content">公司名称</div>
		<span class="list-item-block">工资</span>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			4月16日
		</span>
		<span class="list-item-block">卢湾</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
		<div class="list-item-content list-item-content-small"><a href="###">客齐集网络信息技术服务(上海)有限公司</a></div>
		<span class="list-item-block"><cite>2600-3500</cite> 元</span>
	</li>
	<li class="list-item clearfix">
		<span class="list-item-block">
			4月16日
		</span>
		<span class="list-item-block">卢湾</span>
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
			<i>图</i>
			<a class="tag" href="/yanyuan/">演员</a>
		</div>
		<div class="list-item-content list-item-content-small"><a href="###">客齐集网络信息技术服务(上海)有限公司</a></div>
		<span class="list-item-block"><cite>2600-3500</cite> 元</span>
	</li>
</ul> <!-- .list .list-5 -->
<ul class="list list-2">
	<li class="list-item clearfix">
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
		</div>
		<span class="list-item-block"><cite>2600-3500</cite> 元</span>
	</li>
	<li class="list-item clearfix">
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
		</div>
		<span class="list-item-block"><cite>2600-3500</cite> 元</span>
	</li>
	<li class="list-item clearfix">
		<div class="list-item-content">
			<a href="/yanyuan/a174844128.html" class="topicLink" target="_blank">诚聘美美演唱组和美美舞蹈团和歌手键盘手吉他手等</a>
		</div>
		<span class="list-item-block"><cite>2600-3500</cite> 元</span>
	</li>
</ul> <!-- .list .list-2 -->

# Images(图片展栏)

<div class="images clearfix">
	<a target="_blank" href="###" class="images-item">
		<img class="images-item-img" src="http://img1.baixing.net/m/392dc4766ba811d87956147949a173b1/180x180.jpg" />
		<div class="images-item-caption">
			<strong>家里的金毛小狗狗 低价出售 小狗2个多月了</strong>
			<p class="images-item-caption-meta">
				<em>6月5日</em> / 4图
				<cite>500元</cite>
			</p>
		</div>
	</a>
	<a target="_blank" href="###" class="images-item">
		<img class="images-item-img" src="http://img1.baixing.net/m/392dc4766ba811d87956147949a173b1/180x180.jpg" />
		<div class="images-item-caption">
			<strong>家里的金毛小狗狗 低价出售 小狗2个多月了</strong>
			<p class="images-item-caption-meta">
				<em>6月5日</em> / 4图
				<cite>500元</cite>
			</p>
		</div>
	</a>
</div> <!-- .images -->

# Flow(流程)

  • 1.选择类目
  • 2.填写信息
  • 3.发布成功
<ul class="flow clearfix">
	<li class="flow-item flow-item-first flow-item-done flow-item-1">
		1.选择类目
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
	</li>
	<li class="flow-item flow-item-current flow-item-2">
		2.填写信息
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
	</li>
	<li class="flow-item flow-item-last flow-item-3">
		3.发布成功
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
	</li>
</ul>
<ul class="flow flow-5 clearfix">
	<li class="flow-item flow-item-first flow-item-1">
		<a class="flow-item-head" target="_blank" href="###">1. 上网看车</a>
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
		<ul class="flow-item-menu">
			<li><a rel="nofollow" target="_blank" href="###">选车比价</a></li>
			<li><a target="_blank" href="###">电话预约</a></li>
			<li><a target="_blank" href="###">请人看车</a></li>
		</ul>
	</li>
	<li class="flow-item flow-item-2">
		<a class="flow-item-head" target="_blank" href="###">2. 现场看车</a>
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
		<ul class="flow-item-menu">
			<li><a target="_blank" href="###">检查车况</a></li>
			<li><a target="_blank" href="###">检查资料</a></li>
			<li><a target="_blank" href="###">检查记录</a></li>
		</ul>
	</li>
	<li class="flow-item flow-item-3">
		<a class="flow-item-head" target="_blank" href="###">3. 确认购买</a>
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
		<ul class="flow-item-menu">
			<li><a target="_blank" href="###">协商价格</a></li>
			<li><a target="_blank" href="###">交付定金</a></li>
			<li><a target="_blank" href="###">签订合同</a></li>
		</ul>
	</li>
	<li class="flow-item flow-item-4">
		<a class="flow-item-head" target="_blank" href="###">4. 过户转籍</a>
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
		<ul class="flow-item-menu">
			<li><a target="_blank" href="###">处理违章</a></li>
			<li><a target="_blank" href="###">验车过户</a></li>
			<li><a target="_blank" href="###">换牌上险</a></li>
		</ul>
	</li>
	<li class="flow-item flow-item-last flow-item-5">
		<a class="flow-item-head" target="_blank" href="###">5. 付款提车</a>
		<i class="diamond"></i>
		<i class="diamond diamond-next"></i>
		<ul class="flow-item-menu">
			<li><a target="_blank" href="###">付清余款</a></li>
			<li><a target="_blank" href="###">检查证件</a></li>
			<li><a target="_blank" href="###">提车回家</a></li>
		</ul>
	</li>
</ul>

# Logo

<div class="logo clearfix">
	<h1><a href="/"><img alt="互联网" src="http://static-zhanglin.dev.baixing.net/images/logo_w_bg5.gif"></a></h1>
	<div id="mydropdown5" class="logo-side">        				
		<a data-target="#mydropdown5" data-toggle="dropdown" hidefocus="" href="http://www.baixing.com/?changeLocation=yes" class="logo-side-current">上海站 <span class="ddarrow"><span class="arrow arrow-down"></span></span></a>
		<div class="dropdown-menu clearfix">
			<table>
				<tbody><tr>
					<td>华北东北:</td>
					<td><a href="http://beijing.baixing.com/">北京</a> <a href="http://shenyang.baixing.com/">沈阳</a> <a href="http://dalian.baixing.com/">大连</a> <a href="http://shijiazhuang.baixing.com/">石家庄</a> <a href="http://changchun.baixing.com/">长春</a> <a href="http://jilin.baixing.com/">吉林</a></td>
				</tr>
				<tr>
					<td>华东地区:</td>
					<td><a href="http://shanghai.baixing.com/">上海</a> <a href="http://suzhou.baixing.com/">苏州</a> <a href="http://wuxi.baixing.com/">无锡</a> <a href="http://hangzhou.baixing.com/">杭州</a> <a href="http://qingdao.baixing.com/">青岛</a> <a href="http://zibo.baixing.com/">淄博</a></td>
				</tr>
				<tr>
					<td>华南地区:</td>
					<td><a href="http://guangzhou.baixing.com/">广州</a> <a href="http://shenzhen.baixing.com/">深圳</a> <a href="http://dongguan.baixing.com/">东莞</a> <a href="http://zhongshan.baixing.com/">中山</a> <a href="http://nanning.baixing.com/">南宁</a> <a href="http://foshan.baixing.com/">佛山</a></td>
				</tr>
				<tr>
					<td>中部西部:</td>
					<td><a href="http://zhengzhou.baixing.com/">郑州</a> <a href="http://xian.baixing.com/">西安</a> <a href="http://chengdu.baixing.com/">成都</a> <a href="http://wuhan.baixing.com/">武汉</a> <a href="http://changsha.baixing.com/">长沙</a> <a href="http://chongqing.baixing.com/">重庆</a></td>
				</tr>
			</tbody></table>
			<a href="http://www.baixing.com/?changeLocation=yes" rel="nofollow" class="more-city">更多城市</a>
		</div>
	</div>
</div><!-- .logo -->
<ul class="nav clearfix">
	<li class="nav-item nav-item-home"><a class="nav-item-link" href="/">首页</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/ershou/">物品交易</a></li>
	<li class="nav-item nav-item-hover"><a class="nav-item-link" href="/cheliang/">车辆买卖</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/fang/">房屋租售</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/gongzuo/">全职招聘</a></li>
	<li class="nav-item nav-item-current"><a class="nav-item-link" href="/jianzhi/">兼职招聘</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/qiuzhi/">求职简历</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/huodong/">交友活动</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/chongwuleimu/">宠物</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/fuwu/">生活服务</a></li>
	<li class="nav-item"><a class="nav-item-link" href="/jiaoyupeixun/">教育培训</a></li>
</ul> <!-- .nav -->