SOURCE

<table>
    <caption>我的优惠券</caption>
    <thead>
        <tr>
            <th>编号</th>
            <th>类别</th>
            <th>面额</th>
            <th>使用条件</th>
            <th>有效期</th>
            <th>来源</th>
            <th>使用状态</th>
        </tr>
    </thead>
    <tfoot>
      <tr>
        <td>注：这里的优惠券已过期</td>
      </tr>
    </tfoot>
    <colgroup>
        <col>
        <col>
        <col>
        <col>
        <col>
        <col>
        <col>
    </colgroup>
    <tbody>
        <tr>
            <td>X8ZMVB3C</td>
            <td>优惠券</td>
            <td>￥100.00</td>
            <td>6月民用活动100元立减劵</td>
            <td>2016-06-01至2016-06-30 </td>
            <td><a>6月民用活动100元立减劵</a></td>
            <td><a>已使用</a></td>
        </tr>
        <tr>
            <td>2UNCWM4F</td>
            <td>优惠券</td>
            <td>￥300.00</td>
            <td>6月民用活动300元立减劵</td>
            <td>2016-06-01至2016-06-30 </td>
            <td><a>6月民用活动300元立减劵</a></td>
            <td><a>已使用</a></td>
        </tr>
        <tr>
            <td>Q3AKUZ2X</td>
            <td>优惠券</td>
            <td>￥300.00</td>
            <td>321活动300元立减券（满5000元使用）</td>
            <td>2016-03-21至2016-04-20 </td>
            <td><a>321活动300元立减券（满5000元使用）</a></td>
            <td><a>使用锁定</a></td>
        </tr>
        <tr>
            <td>HCXDHOUV</td>
            <td>优惠券</td>
            <td>￥100.00</td>
            <td>315活动（满3000减100）</td>
            <td>2016-03-01至2016-03-20 </td>
            <td><a>315活动（满3000减100）</a></td>
            <td><a>使用锁定</a></td>
        </tr>
        <tr>
            <td>5HFEPFCH</td>
            <td>优惠券</td>
            <td>￥600.00</td>
            <td>新春红包（满8000减600）</td>
            <td>2016-01-26至2016-02-29 </td>
            <td><a>新春红包（满8000减600）</a></td>
            <td><a>使用锁定</a></td>
        </tr>
    </tbody>
    <tbody></tbody>
</table>

table {
  border-collapse: collapse;
  text-align: center;
  font: 12px Microsoft Yahei;
  color:  #333;
  table-layout: fixed;
}
thead {
  background: #61bbe0;
}
thead th {
  color: #fff;
  font-weight: normal;
}
thead tr {
  height: 30px;
}
tbody {
  background: #fff;
}
tbody tr {
  height: 59px;
  border-bottom: 1px solid #ccc;
}
tbody tr td:first-child+td+td+td {
  color: #8c8c8c;
  text-align: left;
}
tbody tr td:first-child+td+td+td+td+td a {
  color: #2f6cab;
  text-decoration: none;  
}
tbody tr td:first-child+td+td+td+td+td+td a {
  color: #f60;
  text-decoration: none;  
}
col:first-child {
  width: 170px;
}
col:first-child+col {
  width: 100px;
}
col:first-child+col+col {
  width: 100px;
}
col:first-child+col+col+col {
  width: 200px;
}
col:first-child+col+col+col+col {
  width: 200px;
}
col:first-child+col+col+col+col+col {
  width: 150px;
}
col:first-child+col+col+col+col+col+col {
  width: 90px;
}
caption {
  height: 30px;
  font-size: 16px;
}
tfoot tr {
  height: 30px;
}