<template>
    <div class="container">
      <div class="top">
      </div>
      <div class="w12">
        <div class="content">
          <h2>关于去约旅行</h2>
          <p>世界那么大，您想去看看吗？但大多数时候，贵不贵、去哪儿成了限制您出行的条条框框。</p>
          <p>现在我们有一些解决办法！</p>
          <p>通过动态打包技术，当您选择“哪便宜去哪”时我们会以毫秒级速度对比国内所有航空公司与酒店资源，找到国内机+酒最便宜的组合方案。</p>
          <p>我们还是对旅行充满热情的旅行者，致力于寻找最适合周末度假的目的地、酒店。不管您是带着小朋友出行，或是浪漫的情侣之旅，通过我们的个性化标签可以快速匹配到适合您的产品。</p>
          <p>我们希望为您创建一个平台，让您的周末出行简单，安排得当，并且以您的利益为唯一考量。瞧着吧！</p>
        </div>
      </div>
      <footB></footB>
    </div>
</template>
<script>
   import homeHead from './../home/homeHead.vue'
    export default {
        name: '',
        data () {
            return {}
        },
        methods: {},
        components:{
          homeHead
        },
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.top{
  width: 100%
  min-width: 1200px
  height: 430px
  background: url(../../assets/images/pc/about.png) no-repeat 50%
  background-size cover
}
.content{
  width 820px
  max-width 100%
  margin auto
  padding-bottom 50px
  h2{
    line-height 40px
    margin 35px 0
    font-size 36px
    color #666
  }
  p{
    line-height 30px
    font-size 14px
    color #666
  }
}
@media (max-width: 768px){
  .top{
    min-width auto
    height 360px
  }
  .w12{
    width 100%
    padding 20px
    box-sizing border-box
  }
}

</style>
