<template>
  <app-container title="联系客服" class="contact">
    <p><img src="../../assets/images/ser-icon1.png" />客服微信：1777777777</p>
    <p><img src="../../assets/images/ser-icon2.png" />客服电话：1777777777</p>
    <p><img src="../../assets/images/ser-icon3.png" />工作时间：工作日9:00-12:00,13:00-18:00</p>
    <div class="footer">
      <div class="item">
        <p>客服微信二维码：</p>
        <div class="pic"></div>
      </div>
      <div class="item">
        <p>想了解更多，请关注官方公众号：</p>
        <div class="pic"></div>
      </div>
    </div>
  </app-container>
</template>

<script>
import AppContainer from '@/components/AppContainer'
export default {
  components: { AppContainer }
}
</script>

<style lang="scss" scoped>
.contact {
  p {
    margin-bottom: 20px;
    line-height: 20px;
    img {
      width: 20px;
      margin-right: 10px;
      vertical-align: middle;
    }
  }
  .footer {
    display: flex;
  }
  .item {
    .pic {
      width: 120px;
      height: 120px;
      margin-right: 84px;
      background-color: #d8d8d8;
    }
  }
}
</style>
