<template>
  <div class="infocon">
    <div class="itrcon">
      <div class="title">
        <span>简介</span>
      </div>
      <div class="introduce" @click.stop>
        梅瓶是古代瓷器中一种兼具使用和观赏功能的用具,小口、短颈、丰肩、肩以下逐渐收敛,体型修长亭亭玉立。它流行于宋、元、明、清。
      </div>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
  
  },
};
</script>

<style lang="less" scoped>
.infocon {
  .itrcon {
    position: absolute;
    top: 26%;
    left: 10%;
    width: 312px;
    z-index: 99999;
    color: #fff;

    .title {
      font-size: 30px;
      width: 100%;
      font-weight: bolder;
      font-family: SimSun;
      padding-bottom: 18px;
    }

    .introduce {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px dashed rgba(169, 153, 121, .5);
      width: 100%;
      padding-top: 18px;
      color: rgba(255, 255, 255, 0.8);
      font-family: SimSun;
      line-height: 2;
      text-align: justify;
    }
  }


}
</style>

