<template>
  <div class="com">
    <div class="title">
      <!-- 保证金比例说明: -->
      {{$t('account.l98')}}
    </div>
    <div class="cell">
      <div class="sub">
        <!-- 保证金比例计算公式： -->
        {{$t('account.l99')}}
      </div>
      <div>
        <!-- 保证金比例(%)=资产净值/占用保证金× 100% -->
        {{$t('account.l100')}}
      </div>
    </div>
    <div class="cell">
      <div class="sub">
        <!-- 保证金比例说明： -->
        {{$t('account.l101')}}
      </div>
      <div>
        <!-- 1、保证金比例越高，持仓订单被强制平仓风险越小； -->
        {{$t('account.l102')}}
      </div>
      <div>
        <!-- 2、保证金比例越低，持仓订单被强制平仓风险越大； -->
        {{$t('account.l103')}}
      </div>
      <div>
        <!-- 3、强制平仓保证金比例为≤30%。 -->
        {{$t('account.l104')}}
      </div>
    </div>
    <div class="cell">
      <div class="row row1">
        <div>
          <!-- 保证金比例≥100% -->
          {{$t('account.l105')}}
        </div>
        <div>
          <!-- 强平风险较低 -->
          {{$t('account.l106')}}
        </div>
      </div>
    </div>
    <div class="cell">
      <div class="row row2">
        <div>
          <!-- 50%≤保证金比例≤100% -->
          {{$t('account.l107')}}
        </div>
        <div>
          <!-- 请注意控制强平风险 -->
          {{$t('account.l108')}}
        </div>
      </div>
    </div>
    <div class="cell">
      <div class="row row3">
        <div>
          <!-- 保证金比例≤50% -->
          {{$t('account.l109')}}
        </div>
        <div>
          <!-- 强平风险较高 -->
          {{$t('account.l110')}}
        </div>
      </div>
    </div>
    <div class="cell">
      <div class="sub">
        <!-- 如何降低强制平仓风险？ -->
        {{$t('account.l111')}}
      </div>
      <div>
        <!-- 1、增加存款以提高保证金比例； -->
        {{$t('account.l112')}}
      </div>
      <div>
        <!-- 2、降低仓位； -->
        {{$t('account.l113')}}
      </div>
      <div>
        <!-- 3、时常关注保证金比例。 -->
        {{$t('account.l114')}}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      
    }
  },
}
</script>
<style lang="less" scoped>
.com {
  padding: 20px 16px 32px;
  .title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 23px;
  }
}
.cell {
  line-height: 22px;
  font-size: 14px;
  color: #888888;
  &+.cell {
    margin-top: 15px;
  }
  .sub {
    font-weight: 600;
    color: #343435;
  }
}
.row {
  line-height: 20px;
  font-size: 13px;
  padding-left: 18px;
  &+.row{
    margin-top: 8px;
  }
}
.row1 {
  border-left: 4px solid #36A975;
  color: #36A975;
}
.row2 {
  border-left: 4px solid #F19C52;
  color: #FF8E2B;
}

.row3 {
  border-left: 4px solid #DC5239;
  color: #DC5239;
}
</style>