<template>
  <div class="ai_rabit_component">
      <div class="ai-rabit">
        <img src="@/assets/images/wakeup/ai-rabit.png"/>
      </div>
<!--    </div>-->
  </div>
</template>
<script setup>
import {ref, onMounted, onUnmounted} from 'vue';

onMounted(() => {
});

</script>


<style scoped lang="scss">
.ai_rabit_component{
position: absolute;
right: 0px;
bottom: 20px;
  .ai-rabit{
    border: 1px solid;
    display: flex;
    align-items: center;
    .ai-rabit-text{
      width: 345px;
      height: 89px;
      background: #E8EEF7;
      font-weight: 300;
      margin-bottom: 20px;
      font-size: 22px;
      color: #000000;
      padding:16px;
      border-radius: 24px 24px 24px 24px;
    }
    img{
      width: 178px;
      height: 270px;
    }
  }
}



</style>