基础外观

<div class="c_title">
	<div class="text">标题</div>
</div>

扩展外观

1. 操作按钮

   标题

   <div class="c_title">
   	<div class="text">标题</div>
   	<div class="op">
   		<a class="refresh" href="#nogo"></a>
   		<a class="close" href="#nogo"></a>
   		<a class="fold" href="#nogo"></a>
   		<a class="unfold" href="#nogo"></a>
   	</div>
   </div>
   

2. 提示

   标题

   提示信息

   标题

   提示信息

   <div class="c_title">
   	<div class="text">标题</div>
   	<div class="tip">提示信息</div>
   </div>
   

3. 功能区域

   标题

   新增 编辑

   <div class="c_title">
   	<div class="text">标题</div>
   	<div class="fn">
   		<a href="#nogo" class="e_button e_button-left"><i class="e_ico-add"></i><span>新增</span></a>
   		<a href="#nogo" class="e_button e_button-right"><i class="e_ico-edit"></i><span>编辑</span></a>
   		<a href="#nogo" class="e_button l_ml"><i class="e_ico-view"></i><span></span></a>
   	</div>
   </div>
   

   标题

   填写邮寄信息 填写担保信息

   <div class="c_title">
   	<div class="text">标题</div>
   	<div class="fn">
   		<label><input type="checkbox" class="e_checkbox" />填写邮寄信息</label>
   		<label class="l_ml"><input type="checkbox" class="e_checkbox" />填写担保信息</label>
   	</div>
   </div>
   

   标题

   查询：

   <div class="c_title">
   	<div class="text">标题</div>
   	<div class="fn">
   		<span class="label">查询：</span>
   		<span class="e_elements">
   			<button type="button" class="e_button-right"><i class="e_ico-search"></i><span></span></button>
   			<span class="e_input e_input-left"><span><input type="text" /></span></span>
   		</span>
   		<a href="#nogo" class="e_button l_ml"><i class="e_ico-view"></i><span></span></a>
   	</div>
   </div>
   

   【注】标题组件中的按钮或者 input 等等，默认都是紧贴的，如需产生距离，请使用“布局”一章中所提供的 class="l_ml" 方法。

4. 次级标题

   标题

   标题

   新增 编辑

   <div class="c_title c_title-2">
   	<div class="text">标题</div>
   </div>
   

5. 三级标题

   标题

   标题

   新增 编辑

   <div class="c_title c_title-3">
   	<div class="text">标题</div>
   </div>