<template>
  <div class="notice-box">
    <card title="报名须知" class="max-width-center">
      <div class="notice-list">
        <div class="notice-list_item">
          <div class="item-title">学员对象</div>
          <div class="item-content">
            <div class="item-content_text">
              企业董事长、总经理；<br />
              大企业核心高管（董监高）；<br />
              企业规模在5000万元以上。
            </div>
          </div>
        </div>
        <div class="notice-list_item">
          <div class="item-title">报名资料</div>
          <div class="item-content">
            <div class="item-content_text" style="line-height: 28px;">
              1、报名申请表；<br />
              2、最高学历学位证书复印件电子版1份；<br />
              3、营业执照副本复印件电子版1份；<br />
              4、名片电子版1张；<br />
              5、蓝底两寸电子照片1张（六个月内）；<br />
              6、身份证复印件电子版件1份。
            </div>
          </div>
        </div>
        <div class="notice-list_item">
          <div class="item-title">缴费/退费</div>
          <div class="item-content">
            <div class="item-content_text" style="line-height: 26px;">
              1、缴费通知：<br />
              课程费用应在收到付款通知书三个工作日内全部缴清；<br />
              2、退费申请：<br />
              开课前30日(含第30日)之前取消课程，将退还全部学费；<br />
              在开课前30日之内取消课程，将收取应付学费总额的20%。<br />
              开课后，学员因任何原因自行退出学习，学费概不退还。
            </div>
          </div>
        </div>
        <div class="notice-list_item">
          <div class="item-title">教学安排</div>
          <div class="item-content">
            <div class="item-content_text" style="line-height: 22px;">
              1、学习时间<br />
              学制一年，每月一次，每次周末2-3天集中授课，10次课程<br />
              时间: 09:30-12:30<br />
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14:30-17:30<br />
              上课地点：北京、深圳<br />
              2、补课方法<br />
              需向班主任请假，经协调后，可安排补课。<br />
              3、研修证书<br />
              课程结束，经考核成绩合格者，颁发“清科企业家高级工商管理研修班结业证书”
            </div>
          </div>
        </div>
      </div>
    </card>
    <card title="申请流程" style="margin-top: 95px;" class="max-width-center">
      <img
        style="margin-top: 70px;"
        src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-process.png"
      />
    </card>
  </div>
</template>
<script>
import Card from '@/components/Card'
export default {
  name: 'notice',
  components: {
    Card
  },
  data() {
    return {}
  },
  computed: {
    isMobile() {
      return this.$store.state.isMobile
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.notice-box {
  margin-top: 94px;
  .notice-list {
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
    .notice-list_item {
      width: 280px;
      .item-title {
        text-align: center;
        width: 220px;
        line-height: 50px;
        background: #aa1941;
        border-radius: 12px 12px 0px 0px;
        font-size: 22px;
        color: #ffffff;
        margin: 0 auto;
      }
      &:nth-child(1) {
        .item-content {
          background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg1.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(2) {
        .item-content {
          background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg2.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(3) {
        .item-content {
          background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg3.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(4) {
        .item-content {
          background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/exed/notice-bg4.png);
          background-size: 100% 100%;
        }
      }
      .item-content {
        width: 280px;
        height: 360px;
        border-radius: 8px;
        overflow: hidden;
        .item-content_text {
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.6);
          padding: 38px 10px 0 30px;
          font-size: 16px;
          color: #ffffff;
          line-height: 36px;
        }
      }
    }
  }
}
.max-width-center {
  width: 1200px;
  margin: 0 auto;
}
</style>
