<template>
      <div class="bottom" >
      
      <div class="container" style="padding-bottom:30px">
        <div class="left">
          <div style="width: 150px;height: 150px;">
            <div style="width: 100px;height: 100px;margin:auto">
              <img style="width: 100px;height: 100px;" src="../assets/images/baseLogo1.png" alt="" />
            </div>
            <div style="width: 100px;height: 40px;margin:auto">
              <img style="width: 100px;height: 40px;" src="../assets/images/baseLogo2.png" alt="" />
            </div>
          </div>
        </div>
        <div class="center">
          <div>
            <p><span>安徽智信云教育科技有限公司</span></p>
            <p><span>公司地址：安徽省合肥市高新区中安创谷A4栋322室</span></p>
            <p><span>联系电话：0551-63858107  15385514775</span></p>
            <p><span>公司邮箱：zhixinchain@163.com</span></p>

<!--            -->
          </div>
        </div>
        <div class="right">
          <img src="../assets/images/baseQRCode.jpeg" alt="" />
        </div>
      </div>
        <div style="width: 100%;text-align: center;clear:both;background: #303133;position: relative;bottom: 52px;font-size: 12px;height: 30px;line-height: 22px">
          <p><span style="color: #909399">copyright &copy; 安徽智信云教育科技有限公司 版权所有</span></p>
        </div>
    </div>
</template>
<script>
export default {

}
</script>

<style lang="less">
  .bottom {
    position: relative;
    bottom: 0px;
    font-family: 'Source Han Serif CN';
    height: 200px;
    background: #2d2d2d;
    font-size: 14px;
    .container {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      .left {
        //display: block;
        margin-right: 78px;
        height: 58px;
        padding-right: 78px;
        margin-right: 78px;
        //border-right: 2px solid #fff;
      }
      .center {
          padding-right: 102px;
      }
    }
    img {
      width: 150px;
      height: 150px;
      margin-bottom: 3px;
    }
    span {
      color: #fff;
      margin-left: 10px;
    }
    .left,
    .right,
    .center {
      display: flex;
      align-items: center;
    }
    .right,
    .center {
      height: 78px;
      div{
        margin-top: 15px;
        p{
        margin-bottom: 15px;
      }
      }
      
    }
  }

</style>