html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
}
.fullPage {
  width: 100%;
  height: 100%;
}
.nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.contractList .nav .title {
  width: 100px;
}
.contractList .nav .container {
  width: 50%;
  display: flex;
  justify-content: space-around;
}
.contractList .nav .container .addContract {
  width: 200px;
}
.contractList .nav .container .searchInput {
  width: 300px;
  margin-right: 10px;
}
.contractList .contractListTable {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 80%;
  overflow: scroll;
}
.contractDetail .item {
  display: flex;
  margin-bottom: 20px;
}
.contractDetail .item .title {
  width: 100px;
}
.contractDetail .item .container {
  width: calc(100% - 100px);
}
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.other_mission {
  border: 1px solid black;
  width: 500px;
}
.addContract {
  width: 100%;
  height: 90%;
  overflow: scroll;
}
.mustTip {
  color: red;
}
.contractListNum {
  text-align: right;
  margin-bottom: 20px;
}