/* 主体部分 start */
.page {
  height: 510px;
  margin-top: 30px;
}

.page .content .left,
.right {
  float: left;
}

.page .content {
  height: 500px;
}

.page .content .left {
  width: 20%;
  height: 500px;
  padding-left: 50px;
}

.page .content .left .title {
  width: 70%;
  height: 60px;
  font-size: 20px;
  font-weight: 700;
  line-height: 60px;
  padding-left: 10px;
  background-color: rgb(204,
      204,
      204);
  color: white;
}

.page .content .left ul li {
  background: rgb(255,
      255,
      255);
  width: 70%;
  height: 50px;
  padding-left: 15px;
  line-height: 50px;
  border-bottom: 1px solid rgb(252, 199, 199);
}

.page .content .left ul li:hover {
  background-color: rgb(238,
      238,
      238);

}

.page .content .left ul li:hover a {
  color: rgb(177,
      136,
      110);
}

.page .content .right h1 {
  margin-bottom: 20px;
}

.page .content .right ul li {
  /* margin: 22px; */
  margin: 22px 0;
  font-size: 18px;
  display: inline-block;
  width: 1000px
}



.page .content .right ul li a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  /* width: 90%; */
}

.page .content .right ul li:first-child {
  font-size: 20px;
}

.page .content .right ul li:first-child a {
  width: 90%;
}

.page .content .right ul li span {
  float: right;
  margin-top: 5px;
  font-size: 14px;
}

.page .content .right ul li:hover {
  color: rgb(177,
      136,
      110);
}

.page .content .right .list li:hover a {
  color: rgb(177,
      136,
      110);
}

/*  分页导航栏 */
#pagination {
  margin-top: 30px;
  display: flex;
  align-items: center;
  margin-left: 40%;
  width: 90%;
  color: rgb(109, 120, 122);
  /* border: 1px solid black; */
}


#pagination button {
  margin: 0 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  cursor: pointer;
  width: 50px;
  height: 35px;
  border-radius: 20px;
}

/* 主体部分 end */