<template>
  <div class="components">
    <side-nav></side-nav>
    <div class="main">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style lang="less">
.components {
  margin: 0px 10%;
}

.main {
  margin-left: 260px;
  padding: 0px 100px;
  margin-top: 50px;
}

.table {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
  color: #5e6d82;
  font-size: 14px;
  margin-bottom: 45px;
  line-height: 1.5em;
  td:first-child {
    padding-left: 10px;
  }
  td,
  th {
    border-bottom: 1px solid #eaeefb;
    padding: 10px;
    max-width: 250px;
    text-align: center;
  }
  th {
    border-top: 1px solid #eaeefb;
    background-color: #EFF2F7;
    white-space: nowrap;
  }
}

blockquote {
  margin: 0
}

blockquote p {
  font-size: 1rem;
  margin-bottom: .33999rem;
  font-style: italic;
  padding: .66001rem 1rem 1rem;
  border-left: 3px solid #A0AABF;
}
</style>
