.section-1 {
  background: #0DC8A5;
}
.section-1 .page-container {
  padding-top: 0;
  padding-bottom: 3rem;
}
.section-1 .title {
  color: #fff;
}
.section-1 .desc {
  color: rgba(255, 255, 255, 0.9);
}
.section-1 .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.input-box {
  margin-top: 4.8rem;
  position: relative;
}
.input-box .manual-input {
  width: 41rem;
  height: 64px;
  padding: 0 56px 0 32px;
  font-size: 1.6rem;
  border-radius: 32px;
  border: 1px solid #EBEDF0;
  box-shadow: none;
}
.input-box .manual-input:focus {
  box-shadow: none;
  border-color: #0DC8A5;
}
.input-box .icon-search {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
  border: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
}

.section-2 .manual-list {
  width: 100%;
  margin-top: 4rem;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, 38rem);
  gap: 3.2rem 2.4rem;
}
.section-2 .manual-list .manual-item {
  height: 43.6rem;
  border-radius: 1.6rem;
  border: 1px solid rgb(220, 222, 224);
  overflow: hidden;
}
.section-2 .manual-list .manual-item:hover {
  box-shadow: 0rem 1.6rem 6.4rem rgba(0, 0, 0, 0.08),
    0rem 0.4rem 4rem rgba(0, 0, 0, 0.04);
}
.section-2 .manual-list .manual-item .manual-img-wrapper {
  display: block;
  padding: 2.4rem 0;
  text-align: center;
  background-color: #F7F8FA;
}
.section-2 .manual-list .manual-item .manual-img-wrapper img {
  width: 12.8rem;
  height: 12.8rem;
}
.section-2 .manual-list .manual-item .manual-menu {
  height: 26rem;
  padding: 1.6rem 2.4rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.manual-item .manual-menu .title {
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 3.6rem;
  color: #323233;
}
.manual-item .manual-menu ul li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #646566;
}
.manual-item .manual-menu ul li + li {
  margin-top: 1rem;
}
.manual-item .manual-menu .view-more {
  display: flex;
  align-items: center;
  color: #646566;
}
.manual-item .manual-menu .view-more img {
  width: 24px;
  height: 24px;
}

.section-3 .desc {
  margin-top: 4rem;
  text-align: center;
  line-height: 2.4rem;
  font-size: 1.6rem;
  color: #646566;
}