<template>
  <div class="m-mechanism mx-4">
    <h4 class="m-title w-full text-20px text-title-color text-center pt-4 mt-2 mb-7">{{ $t('lang.Consensus') }}</h4>
    <div class="">
      <img v-show="!enStyle" src="@/assets/images/mobile/m-me.png" alt="">
      <img v-show="enStyle" src="@/assets/images/mobile/m-me-e.png" alt="">
      <p class="m-m-text px-4 text-xs text-article-color leading-normal pt-9 pb-4">
				{{ $t('lang.ConT1') }}<br/><br/>
				{{ $t('lang.ConT2') }}<br/><br/>
				{{ $t('lang.ConT3') }}</p>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import lang from '@/mixin/lang'
export default Vue.extend({
	mixins: [lang]
})
</script>

<style scoped>
  .m-mechanism {
    /* height: 105px; */
    background-image: url(../../assets/images/mobile/m-m.png);
    background-size: 100%;
    background-position: 0 bottom;
    background-repeat: no-repeat;
  }
</style>