1. 基础外观

    <div class="c_list">
    	<ul>
    		<li>
    			<span class="info" style="width:5em;"><img src="..." style="width:5em;" /></span>
    			<span class="txt">
    				<span class="title">标题</span>
    				<!-- 可循环项 开始 -->
    				<span class="detail">细节</span>
    				<!-- 可循环项 结束 -->
    			</span>
    			<!-- 可循环项 开始 -->
    			<span class="info" style="width:4em;">其他信息</span>
    			<!-- 可循环项 结束 -->
    		</li>
    	</ul>
    </div>
    
  2. 扩展外观

    1. 当前项

      <div class="c_list">
      	<ul>
      		<li class="on">
      			<span class="info" style="width:5em;"><img src="..." style="width:5em;" /></span>
      			<span class="txt">
      				<span class="title">标题</span>
      				<!-- 可循环项 开始 -->
      				<span class="detail">细节</span>
      				<!-- 可循环项 结束 -->
      			</span>
      			<!-- 可循环项 开始 -->
      			<span class="info" style="width:4em;">其他信息</span>
      			<!-- 可循环项 结束 -->
      		</li>
      	</ul>
      </div>