<template>
  <div class="bottom_container">
    <div class="online">在线咨询</div>
    <div class="phone">拨打电话</div>
    <div class="online">添加微信</div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.bottom_container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: $bottom-height;
  background: #ffa18e;
  z-index: 100;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  .online {
    width: 132px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 9px 40px;
    white-space: nowrap;
    box-sizing: border-box;
  }
  .phone {
    flex: 1;
  }
}
</style>
