<template>
  <div class="a-banner">
    <div class="cover">
      <div class="title">整合内容资源，提升广告主的品牌曝光能力</div>
      <div class="btns">
        <a class="application" target="_blank" href="http://hfads.apps.xiaoyun.com/" >申请试用</a>
      </div>
    </div>
  </div>
</template>

<script>
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
.a-banner
  height: 500px
  width: 100%
  background-image: url("banner.png")
  background-size: cover
  background-position: center
  color: #fff
  text-align: center
  .cover
    height: 144px
    padding: 178px 0
    background-color: rgba(0, 0, 0, 0.5)
    .title
      font-size: 34px
      margin-bottom: 60px
    .btns
      .application
        width: 200px
        height: 50px
        font-size: 20px
        color: #fff
        display: inline-block
        line-height: 50px
        text-align: center
        background-color: #f40
        border-radius: 50px
        -webkit-transition: background-color .2s linear
        -moz-transition: background-color .2s linear
        -o-transition: background-color .2s linear
        -ms-transition: background-color .2s linear
        transition: background-color .2s linear
        &:hover
          background-color: #e60012
</style>
