<template>
  <div class="i-show">
    <div class="title">广告展现形式</div>
    <ul class="cards">
      <li><img src="./i-show/pp.png"><span>品牌EPR</span></li>
      <li><img src="./i-show/xb.png"><span>小编推荐</span></li>
      <li><img src="./i-show/sp.png"><span>相关商品推荐</span></li>
    </ul>
  </div>
</template>

<script>
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
.i-show
  padding: 70px 0
  text-align: center
  .title
    color: #232323
    font-size: 28px
    margin-bottom: 30px
  .cards
    width: 1000px
    overflow: hidden
    margin: 0 auto
    li
      cursor: pointer
      float: left
      color: #fff
      font-size: 18px
      margin-right: 192.5px
      &:last-child
        margin-right: 0  
      img
        width: 193px
        height: 344px
        border: 1px solid #cfcfcf
        border-radius: 5px
        padding: 5px
        background-color: #fff
        margin-bottom: 15px
        &:hover
          border-color: #707070
      span
        color: #808080
        display: block
        font-size: 16px
</style>
