<template>
  <div class="bd4 overflow-hidden block1" style="width: 31%">
    <p class="txt6 overflow-ellipsis overflow-hidden" style="margin-top: 30px">
      {{ item.lanhutext0 }}
    </p>
    <p class="word10 overflow-ellipsis overflow-hidden">
      {{ item.lanhutext1 }}
    </p>
    <p class="word11 overflow-ellipsis overflow-hidden">
      {{ item.lanhutext2 }}
    </p>
    <p class="txt7 overflow-ellipsis overflow-hidden">{{ item.lanhutext3 }}</p>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  props: ["item"],
});
</script>
<style scoped>
.bd4 {
  z-index: auto;
  height: 110px;
}

.block1 {
  height: 160px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 1);
  width: 105px;
  justify-content: flex-end;
  padding-bottom: 20px;
  align-items: center;
}

.txt6 {
  z-index: 121;
  display: block;
  overflow-wrap: break-word;
  color: rgba(27, 31, 55, 1);
  font-size: 14px;
  letter-spacing: 0.1679999977350235px;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
  align-self: center;
}

.word10 {
  z-index: 122;
  display: block;
  overflow-wrap: break-word;
  color: rgba(141, 146, 175, 1);
  font-size: 12px;
  letter-spacing: 0.14399999380111694px;
  white-space: nowrap;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}

.word11 {
  z-index: 119;
  display: block;
  overflow-wrap: break-word;
  color: rgba(240, 58, 48, 1);
  font-size: 20px;
  letter-spacing: 0.23999999463558197px;
  font-family: PingFangSC-Semibold;
  white-space: nowrap;
  line-height: 28px;
  text-align: center;
  align-self: center;
  margin-top: 20px;
}

.txt7 {
  z-index: 120;
  display: block;
  overflow-wrap: break-word;
  color: rgba(141, 146, 175, 1);
  font-size: 12px;
  letter-spacing: 0.14399999380111694px;
  white-space: nowrap;
  line-height: 17px;
  text-align: center;
  align-self: center;
  margin-top: 3px;
}
</style>
