body {
  background-color: #fff;
}
body .part1 {
  background-color: #F1F9FF;
  overflow: hidden;
  padding-bottom: 40px;
}
body .part1 .btn-group {
  width: 650px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px auto;
}
body .part1 .btn-group a {
  width: 319px;
  height: 159px;
  background: url("../img/cylm/btn.png") no-repeat;
  background-size: 100% 100%;
  font-size: 36px;
  text-align: center;
  line-height: 159px;
  color: #3068B5;
  font-weight: bold;
}
body .part1 .btn-group a.active {
  background: url("../img/cylm/active-btn.png") no-repeat;
  background-size: 100% 100%;
  color: #E79139;
}
body .part1 .des {
  background: url("../img/cylm/box.png") no-repeat;
  background-size: 100% 100%;
  width: 1233px;
  height: 359px;
  margin: 0 auto;
  padding: 28px 100px;
}
body .part1 .des .title {
  color: #164086;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
body .part1 .des .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .part1 .des .content .left {
  flex-shrink: 0;
  text-indent: 2em;
  width: 505px;
  height: 224px;
  font-size: 16px;
  color: #202020;
  line-height: 2;
  text-align: justify;
  font-style: normal;
  overflow-y: scroll;
}
body .part1 .des .content .left::-webkit-scrollbar {
  display: none;
}
body .part1 .des .content img {
  flex-shrink: 0;
  width: 488px;
  height: 221px;
}
body .part2 {
  padding-top: 20px;
  background: url("../img/cylm/bottom.png") no-repeat center bottom;
  background-size: 100% auto;
  padding-bottom: 200px;
}
body .part2 img {
  margin: 0 auto;
}
body .part2 .list {
  width: 1160px;
  height: 626px;
  background: url("../img/cylm/book.png") no-repeat;
  background-size: 100% 100%;
  margin: 10px auto 0;
  padding: 48px 50px 43px;
}
body .part2 .list .container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
}
body .part2 .list .container::-webkit-scrollbar {
  display: none;
}
body .part2 .list .container a {
  display: block;
  width: 285px;
  height: 154px;
  background: #FFFFFF;
  border: 1px solid #CAC7C7;
  margin: 0 34px 30px;
}
body .part2 .list .container a img {
  height: 113px;
  width: 100%;
  border: none;
}
body .part2 .list .container a p {
  height: 38px;
  background-color: #F3F3F3;
  padding: 0 10px;
  line-height: 38px;
  color: #4A4A4A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}