<template>
  <div class="renewal renewal_open">
    <p class="renewal-status">该保单已开通</p>
    <p class="renewal-desc">次年自动续保</p>
    <div class="renewal-container">
      <p class="renewal-container-title">现在已享受</p>
      <div class="renewal-container-content">
        <div class="Rc-content-item">
          <svg-icon class-name="Rcc-item-svg" icon-class="check-circle" />
          <span class="Rcc-item-text">无需次年自己手动操作续保</span>
        </div>
        <div class="Rc-content-item">
          <svg-icon class-name="Rcc-item-svg" icon-class="check-circle" />
          <span class="Rcc-item-text">本功能无额外费用，可随时取消</span>
        </div>
        <div class="Rc-content-item">
          <svg-icon class-name="Rcc-item-svg" icon-class="check-circle" />
          <span class="Rcc-item-text">续保保费按照续保应交保费，自动扣款</span>
        </div>
      </div>
      <p class="renewal-container-read">阅读并同意《<span>次年自动续保服务协议</span>》</p>
      <div class="renewal-container-detail">
        <div class="Rc-detail-item">
          <span>次年保但生效时间</span>
          <span>2020.05.31</span>
        </div>
        <div class="Rc-detail-item">
          <span>扣款方式</span>
          <span>安微信默认顺序依次扣款</span>
        </div>
      </div>
      <cr-button class="renewal-container-button">取消续保</cr-button>
    </div>
  </div>
</template>
<script></script>
<style lang="less" src="./index.less" scoped></style>
