<template>
  <div class="party-content-box">
    <img src="https://webapp-pub.ezijing.com/pages/ciis/pc20210913/Banner.jpg" alt="" class="banner" />
    <div class="party-con-mian">
      <div class="tit">{{ $t('flower.contentTit1') }}</div>
      <div class="text-con">
        <p>{{ $t('flower.contentP1') }}</p>
      </div>
      <div class="tit">{{ $t('flower.contentTit2') }}</div>
      <ul class="text-con">
        <li>{{ $t('flower.contentP21') }}</li>
        <li>{{ $t('flower.contentP22') }}</li>
        <li>{{ $t('flower.contentP23') }}</li>
        <li>{{ $t('flower.contentP24') }}</li>
      </ul>
      <div class="tit">{{ $t('flower.contentTit3') }}</div>
      <ul class="text-con">
        <li>{{ $t('flower.contentP31') }}</li>
        <li>{{ $t('flower.contentP32') }}</li>
        <li>{{ $t('flower.contentP33') }}</li>
        <li>{{ $t('flower.contentP34') }}</li>
        <li>{{ $t('flower.contentP35') }}</li>
        <li>{{ $t('flower.contentP36') }}</li>
      </ul>
      <div class="tit">{{ $t('flower.contentTit4') }}</div>
      <div class="text-con">
        <p>{{ $t('flower.contentP4') }}</p>
      </div>
      <div class="tit">{{ $t('flower.contentTit5') }}</div>
      <div class="text-con">
        <p>{{ $t('flower.contentP5') }}</p>
      </div>
      <div class="text-con" style="text-align:right">
        <p>{{ $t('flower.contentP61') }}</p>
        <p>{{ $t('flower.contentP62') }}</p>
        <p>{{ $t('flower.contentP63') }}</p>
        <p>{{ $t('flower.contentP64') }}</p>
        <p>{{ $t('flower.contentP65') }}</p>
        <p>{{ $t('flower.contentP66') }}</p>
        <p>{{ $t('flower.contentP67') }}</p>
        <p>{{ $t('flower.contentP68') }}</p>
      </div>
      <div class="text-con" style="text-align:right">
        <p>{{ $t('flower.contentP7') }}</p>
      </div>
      <div class="alumnus-code" style="margin:auto">
        <p class="t">{{ $t('flower.contentP8') }}</p>
        <img src="https://webapp-pub.ezijing.com/pages/ciis/pc20210913/%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" />
      </div>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped>
.party-content-box {
  width: 1000px;
  padding-bottom: 100px;
  img {
    width: 100%;
    display: block;
  }
  .party-con-mian {
    padding: 50px;
    background: #fff;
    .tit {
      font-size: 22px;
      line-height: 100%;
      color: #424242;
      margin-bottom: 20px;
    }
    .text-con {
      margin-bottom: 35px;

      p,
      li {
        font-size: 16px;
        line-height: 32px;
        color: #424242;
      }
      li {
        list-style-type: decimal;
        text-indent: 1em;
        margin-left: 30px;
      }
    }
  }

  .alumnus-code {
    width: 230px;
    margin: 0 auto;
    padding-top: 28px;
    .t {
      font-size: 22px;
      line-height: 100%;
      margin-bottom: 24px;
      color: #424242;
      text-align: center;
    }
    img {
      width: 100%;
      display: block;
    }
  }
}
</style>
