<template>
  <div class="invoice-box">
    <div class="top-tipc">
      <div class="tit">开票内容：网络课程费</div>
      <div class="txt">根据国家税务部门规定开具商品明细</div>
    </div>
    <div class="emil">
      <div class="tit">请您将以下开票信息发送至邮箱：</div>
      <div class="em">jtaqgl@ezijing.com</div>
    </div>
    <div class="detail">
      <div class="tit">发邮件需提供以下</div>
      <div class="con">
        <div class="t">发票信息</div>
        <div class="p">1.发票抬头（需提供）</div>
        <div class="p">2.纳税人识别号（公司开票需提供）</div>
        <div class="p">3.注册地址（公司专票需提供）</div>
        <div class="p">4.联系电话（公司专票需提供）</div>
        <div class="p">5.开户银行（公司专票需提供）</div>
      </div>
      <div class="con">
        <div class="t">发票邮寄信息</div>
        <div class="p">1.收件人姓名</div>
        <div class="p">2.收件人电话</div>
        <div class="p">3.收件地址</div>
      </div>
      <div class="con">
        <div class="t">提示：</div>
        <div class="p">1.请务必将信息正确完整提供给我们，我们会尽快</div>
        <div class="p">把发票邮寄给您。</div>
        <div class="p">2.发票只能开一次，无法重复开票</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  metaInfo: {
    title: '申请发票'
  }
}
</script>
<style lang="scss" scoped>
.invoice-box{
  padding: .4rem;
}
.top-tipc{
  height: 1.36rem;
  margin-bottom: .4rem;
  background:#F47885;
  border-radius:.2rem;
  padding-top: .3rem;
  .tit{
    font-weight: bold;
    font-size: .3rem;
    line-height: 100%;
    color: #fff;
    margin: 0 0 .2rem .3rem;
  }
  .txt{
    font-size:.26rem;
    color: #fff;
    margin-left: .3rem;
    line-height: 100%;
  }
}
.emil{
  padding: 0 0 .2rem .3rem;
  border-bottom: .01rem solid rgba(238,238,238,1);
  .tit{
    font-weight:bold;
    color:rgba(34,34,34,1);
    font-size:.3rem;
    line-height: 100%;
  }
  .em{
    font-size:.3rem;
    margin-top: .2rem;
    color: #999;
  }
}
.detail{
  padding: .2rem .3rem;
  .tit{
    font-size: .3rem;
    font-weight:bold;
    color:rgba(34,34,34,1);
    line-height:100%;
  }
  .con{
    margin-top: .4rem;
    font-size: .26rem;
    color: #999;
    .t{
      color:rgba(34,34,34,1);
      margin-bottom: .2rem;
      line-height: 100%;
    }
    .p{
      margin-bottom: .15rem;
      line-height: 100%;
    }
  }
}
</style>
