<template>
  <div class="section">
    <div class="title">
      <!-- 成为交易专家 -->
      {{ $t('follow.l4') }}
    </div>
    <div class="lab">
      <!-- 赚取 10 % 分润 -->
      {{ $t('follow.l5') }}
    </div>
    <div class="flex">
      <div class="btn" @click="$router.push('/copy')">
        <!-- 立即申请 -->
        {{ $t('join.l12') }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang="less" scoped>
.section {
  padding: 14px 16px 10px 30px;
  background-image: url('@/assets/img/copy/bg1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 6px;
}
.lab {
  font-size: 12px;
  color: #B6B6B6;
  margin-bottom: 10px;
}
.btn {
  font-size: 12px;
  background-color: #0F8DDF;
  border-radius: 2px;
  cursor: pointer;
  padding: 8px 14px;
  color: #fff;
}
</style>