<template>
  <div class="right" :style="{ height: height, width: width }">
    1
  </div>
</template>
<script>



</script>

<style scoped>
.up {
  width: 96%;
  height: 170px;
  margin-top: 20px;
  margin-left: 2%;
  border: 1px solid #ccc;
  border-radius: 4px;

}

.up-title {
  font-size: 20px;
  width: 20%;
  margin-left: 20px;
  margin-top: 20px;
  float: left;
}

.btn {
  float: right;
  padding-right: 3%;
  margin-top: 2.5%;
}

.up-input {
  width: 250px;
  margin-left: 15px;
}

.up-input-title {

  margin-left: 40px;

  float: left;
}

.up-input-right {
  margin-left: 15px;
  width: 500px;
}

.up-input-title-right {
  width: 800px;
  margin-left: 450px;


}

.left-up {
  width: 80%;
  float: left;
  height: 37px;
  margin-top: 50px;
}

.right-up {
  width: 16%;
  margin-top: 2%;
  float: right;

}

.anniu {
  padding-right: 5%;
}

.down {
  margin-top: 40px;
}

.down-add {
  padding: 10px;
  margin: 0 27px;
  border: 1px solid #ccc;
  border-radius: 2px
}

.down-title {
  padding-top: 10px;
  color: #303133;
}

.down-table {
  margin-top: 15px;
  text-align: center;
  margin: 35px 27px;
}

.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  /* background-color: #f8f8f9; */
  color: #515a6e;
  height: 40px;
  font-size: 13px;
  text-align: center;
}

.bottom-number {
  padding-top: 5px;
  color: #303133;
  float: right;
}

.bottom-page {
  float: right;
}

.el-icon-search {
  padding-right: 10px;
}

.btn-delete {
  margin-left: 20px;
}

/**
自适应
*/
/* .demonstration{
  width: 50%;
} */
.right {
  float: none;
  width: 100%;
  height: 100%;
  /* background-color: #9dc3e6; */
}
</style>