<template>
    <div class="footer-wrapper">
      <div class="container">
        <div class="footer-link clearfix">
          <div class="about">
            <h2>关于众包标定平台</h2>
            <ul>
              <li>
                众包标定团队
              </li>
              <li>
                意见反馈
              </li>
            </ul>
          </div>
          <div class="contact">
            <h2>联系方式</h2>
            <ul>
              <li class="tel">
                010-8888888
              </li>
              <li class="email">
                osdkj@kedacom.com
              </li>
              <li class="address">
                苏州市高新区金山路88号
              </li>
            </ul>
          </div>
          <div class="link">
            <h2>友情链接</h2>
            <ul>
              <li>
                http://oa.kedacom.com
              </li>
            </ul>
          </div>
        </div>
        <div class="footer-copy">
           <p>版权所有©1995-2017 苏州科达科技股份有限公司 (苏ICP备10015492号-1) 举报邮箱:ffjb@kedacom.com</p>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
      name: 'footer'
    }
</script>

<style lang="scss" scoped="">
  .footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 166px;
    background-color: #333333;
    .footer-link{
      >div{
        color: #ccc;
        float:left;
        h2{
          font-size: 14px;
          font-weight: 400;
          margin: 17px 0 12px;
        }
        ul{
          margin: 0;
          padding:0;
          list-style:none;
          li{
            color: #999;
            font-size: 12px;
          }
        }
      }
      .about{
        margin-left: 71px;
      }
      .contact{
        margin-left: 348px;
        li{
          padding-left: 16px;
          background-position:0 center;
        }
      }
      .link{
        margin-left: 287px;
      }
    }
    .footer-copy p{
      text-align: center;
      color: #999;
      font-size: 12px;
      margin: 14px 0 0;
    }
  }
</style>

