<template>
  <div class="foot-mian">
    <div class="foot-box">
      <div class="foot-content">
        <div class="left-content">
          <div class="logo-title">
            <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-logo.png" />
            <!-- <h1>工程管理硕士保研项目</h1> -->
          </div>

          <div class="bottom">
            <div class="bottom_left con">
              <a href="/about/school">项目介绍</a>
              <a href="/school/school3">清控紫荆教育</a>
              <a href="/question/question">巴黎PPA商学院</a>
              <!-- <a href="https://www.ezijing.com/" target="_blank">清控紫荆教育</a> -->
            </div>
            <div class="line"></div>
            <div class="bottom_center con">
              <a href="/enroll/apply">博士课程</a>
              <a href="/">教授团队</a>
              <a href="/about/teacher">教学安排</a>
              <!-- <a href="/about/course">
                项目优势
              </a>-->
            </div>
            <div class="line"></div>
            <div class="bottom_bottom con">
              <a href="/my/account">报名申请</a>
              <!-- <a href="/dataDownload/dataDownload">资料下载</a> -->
              <!-- <a href="/returnPolicy/returnPolicy">归国政策</a> -->
            </div>
          </div>
        </div>
        <div class="center-content">
          <div class="contact">联系我们</div>
          <!-- <div class="contact">中国招生与教学中心（清控紫荆教育）</div> -->
          <div class="bottom">
            <div class="address" v-html="$t('foot.address')"></div>
            <div class="phone" v-html="$t('foot.contact')"></div>
            <a class="mail" href="mailto:service@ezijing.com"
              >邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com
            </a>
            <!-- <div class="mail" v-html="$t('foot.email')"></div> -->
          </div>
        </div>
        <div class="right-content">
          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/seg-ppa/foot-code.png" class="code" />
          <div class="tips-txt">
            <img src="https://zws-imgs-pub.ezijing.com/static/public/184235d9f6edbb39d52fc6f77339ff5b.png" />
            <div class="txt">微信公众号</div>
          </div>
        </div>
      </div>
      <!-- <div class="links">
        友情链接：中国人民银行  中国涉外监管网  中国银行协会   中国证券投资基金业协会
      </div> -->
    </div>
    <div class="copyright" style="height: 40px; line-height: 40px; color: rgba(153, 153, 153, 1); background: #fff">
      <div class="inner" style="width: 100%; justify-content: center; display: flex">
        <p style="font-size: 12px">
          Copyright © 2017 Zijing Education. All rights reserved. 清控紫荆（北京）教育科技股份有限公司
        </p>
        <a
          target="_blank"
          href="https://tsm.miit.gov.cn/dxxzsp/"
          style="color: rgba(153, 153, 153, 1); text-decoration: none; margin-left: 10px"
        >
          <p style="font-size: 12px">京ICP证150431号</p>
        </a>
        <a
          target="_blank"
          class="record"
          href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802023681"
          style="
            color: rgba(153, 153, 153, 1);
            text-decoration: none;
            align-items: center;
            display: flex;
            margin-right: 5px;
          "
        >
          <img
            src="https://zws-imgs-pub.ezijing.com/e0a0ec47dfdfc1e0797b1d5254021d00.png"
            style="width: 20px; height: 20px; margin: 0 6px; display: block"
          />
          <p style="font-size: 12px">安备 11010802023681号</p>
        </a>
        <a
          target="_blank"
          href="https://beian.miit.gov.cn/#/Integrated/index"
          style="color: rgba(153, 153, 153, 1); text-decoration: none"
        >
          <p style="font-size: 12px">京ICP备15016866号-1</p>
        </a>
      </div>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="scss" scoped>
.foot-mian {
  width: 100%;
  background: rgba(170, 25, 65, 1);
  .links {
    padding-top: 12px;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #ffffff;
    opacity: 0.6;
    width: 1200px;
    margin: 0 auto;
  }
  .foot-box {
    padding: 80px 0 35px;
    width: 1200px;
    margin: 0 auto;
  }
  .foot-content {
    // height: 300px;
    display: flex;
    .left-content {
      display: flex;
      flex-direction: column;
      width: 457px;
      .bottom {
        margin-top: 42px;
        display: flex;
        justify-content: flex-start;
        .con {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
        }
        .line {
          width: 0px;
          // height: 110px;
          border-right: 0.6px solid #cc9d9d;
          opacity: 0.7;
          margin: 4px 53px 0 39px;
        }
        a {
          opacity: 0.7;
          color: #ededed;
          font-size: 14px;
          line-height: 30px;
          // letter-spacing: 3px;
        }
      }
    }
    .center-content {
      margin-left: 70px;
      .contact {
        height: 50px;
        font-size: 20px;
        font-weight: 400;
        color: #ffffff;
        line-height: 50px;
      }
      .bottom {
        margin-top: 42px;
        line-height: 30px;
        font-size: 14px;
        font-weight: 300;
        color: #ededed;
      }
    }
    .right-content {
      margin-left: 60px;
      padding-top: 25px;
      .code {
        width: 120px;
        display: block;
      }
      .tips-txt {
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          width: 21px;
          display: block;
        }
        .txt {
          font-size: 14px;
          color: #ffffff;
          margin-left: 7px;
        }
      }
    }
  }
}
.logo-title {
  display: flex;
  align-items: center;
  // height: 50px;
  img {
    margin-top: -30px;
    height: 98px;
  }
  h1 {
    margin-left: 14px;
    padding: 0 14px;
    font-size: 23px;
    color: #fff;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 2px;
    border-left: 1px solid #fff;
  }
}
</style>
