<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script lang="ts">
import Vue from 'vue'

export default Vue.extend({
  name: 'Home',
})
</script>
<style>
.el-table--striped .el-table__body td.el-table__cell {
  background: #fafbfc;
}
.el-table--striped .el-table__body tr.el-table__row--striped:hover > td {
  background: rgba(37, 69, 203, 0.04) !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: white;
}

.c-consensusNodeTable {
  border-bottom: 10px solid #fafbfc !important;
}
.c-consensusNodeTable .el-table::before {
  height: 0px;
}
.c-consensusNodeTable td.el-table__cell {
  border-bottom: 10px solid #fafbfc !important;
  border-top: 10px solid #fafbfc !important;
}
.el-table .el-table__header thead tr {
  height: 70px;
}
.el-table .el-table__body-wrapper .el-table__row {
  height: 60px;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 0 !important;
}
table .has-gutter {
  color: #7c88ad;
}
.ant-message {
  z-index: 4000 !important;
}
.my-title {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #7c88ad;
}
.my-block-height {
  font-size: 32px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #2545cb;
}
.my-benifit {
  font-size: 24px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #22356c;
}

.my-content1 {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1f3470;
}

.slide-in-enter-active {
  transition: all 0.3s ease;
}
.slide-in-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-in-enter, .slide-fade-leave-to
/* .slide-in-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}
</style>
