<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 />
              高层管理人员<br />
              企业董事、股东、合伙人
            </div>
          </div>
        </div>
        <div class="notice-list_item">
          <div class="item-title">报名资料</div>
          <div class="item-content">
            <div class="item-content_text">
              1、名片电子版1份；<br />

              2、蓝底两寸电子照片1张（六个月内）；<br />

              3、身份证正反面电子版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;">
              开课前30日(含第30日)之前 取消课程，将退还全部学费。<br />
              <br />
              在开课前30日之内取消课程， 将收取已付学费总额的20%。<br />
              <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天，10次课程 <br /><br />
              2、授课地点<br />北京 清华科技园 / 深圳清华大学研究院 <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.ezijing.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.ezijing.com/project/exed/notice-bg1.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(2) {
        .item-content {
          background: url(https://webapp-pub.ezijing.com/project/exed/notice-bg2.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(3) {
        .item-content {
          background: url(https://webapp-pub.ezijing.com/project/exed/notice-bg3.png);
          background-size: 100% 100%;
        }
      }
      &:nth-child(4) {
        .item-content {
          background: url(https://webapp-pub.ezijing.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>
