.page {
  background-color: rgba(240, 245, 246, 1);
  position: relative;
  width: 100%;
  overflow: hidden;
}


.group_9 {
  background: url(../imgs/knowledges/2d5c3d45b718455b854e07ece6a4316d_mergeImage.png) center no-repeat;
  width: 100%;
  height: 320px;
  justify-content: flex-center;
  background-size: cover;
  position: relative;
  min-width: 1200px;
}

.text_9 {
  width: 125px;
  height: 110px;
  background: url(../imgs/knowledges/知识库@2x.png) center no-repeat;
  background-size: contain;
  overflow-wrap: break-word;
  color: #00AAC4;
  font-size: 40px;
  font-family: PingFangSC-Medium, PingFang SC;
  text-align: left;
  white-space: nowrap;
  line-height: 56px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 103px;
  font-weight: 900;
  color: #00AAC4;
  line-height: 56px;
  -webkit-text-stroke: 2px #FFFFFF;
  text-stroke: 2px #FFFFFF;
}

.section_1 {
  background-color: #00AAC4;
  width: 48px;
  height: 4px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 175px;
}

.text_10 {
  width: 146px;
  height: 22px;
  overflow-wrap: break-word;
  color: #00AAC4;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-left: -600px;
  position: absolute;
  left: 50%;
  top: 195px;
}

.group_10 {
  width: 1200px;
  margin: 24px auto 0 auto;
  flex-wrap: wrap;

}

.text-wrapper_2 {
  border-radius: 4px;
  height: 32px;
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  margin-bottom: 16px;
  background-color: #fff;
  margin-right: 10px;
}

.group_10 .active {
  background-color: rgba(0, 170, 196, 1);

}

.text_11 {
  height: 20px;
  padding: 0 24px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
  
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  line-height: 32px;
}

.active .text_11 {
  color: rgba(255, 255, 255, 1);
}

.text-wrapper_3 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_12 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.text-wrapper_4 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_13 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.text-wrapper_5 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 32px;
  margin-left: 16px;
  width: 104px;
}

.text_14 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 24px;
}

.group_11 {
  width: 1200px;
  margin: 24px auto 0 auto;
}

.grid_1 {
  width: 1200px;
  flex-wrap: wrap;
  min-height: 268px;
}

.list-items_1-0 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 8px;
  width: 1200px;
  height: 72px;
  margin: 0 0px 24px 0;
  cursor: pointer;
  overflow: hidden;
  align-items: center;
}

.image-wrapper_4-0 {
  height: 110px;
  width: 1200px;
}

.label_3-0 {
  height: 216px;
  width: 384px;
}

.text_15-0 {
  width: 820px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 24px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 54px;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  /* 这里是超出几行省略 */
  overflow: hidden;
}

.text-wrapper_21 {
  background-color: rgba(0, 170, 196, 1);
  border-radius: 4px;
  height: 32px;
  width: 111px;
  margin: 0px 50px 0 0;
  cursor: pointer;
}

.text_31 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 18px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 6px 0 0 22px;
}

.list-items_1-1 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
}


.label_3-1 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-1 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-2 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-right: 0;
}


.label_3-2 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-2 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-3 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-bottom: 0;
}


.label_3-3 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-3 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-4 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-bottom: 0;
}



.label_3-4 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-4 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}

.list-items_1-5 {
  box-shadow: 0px 0px 16px 0px rgba(175, 203, 191, 0.2);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  width: 384px;
  height: 320px;
  margin: 0 24px 24px 0;
  margin-right: 0;
  margin-bottom: 0;
}


.label_3-5 {
  width: 48px;
  height: 48px;
  margin: 84px 0 0 168px;
}

.text_15-5 {
  width: 336px;
  height: 56px;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 28px;
  margin: 24px 0 24px 24px;
}


.label_7 {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}

.text-group_4 {
  width: 48px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 12px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 17px;
  margin-top: 8px;
}

.group_14 {
  width: 447px;
  height: 40px;
  margin: 48px auto 0 auto;
}

.text-wrapper_6 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  width: 79px;
}

.text_16 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 8px;
}

.text-wrapper_7 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_17 {
  width: 7px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_8 {
  background-color: rgba(0, 170, 196, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_18 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_9 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_19 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_10 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_20 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_11 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_21 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_12 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 40px;
}

.text_22 {
  width: 10px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 17px;
}

.text-wrapper_13 {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 4px;
  height: 40px;
  margin-left: 7px;
  width: 79px;
}

.text_23 {
  width: 64px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(0, 170, 196, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 9px 0 0 8px;
}

.text-wrapper_14 {
  background-color: rgba(255, 255, 255, 1);
  height: 110px;
  width: 1920px;
  margin: 80px 0 1px 0;
}

.text_24 {
  width: 1200px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  margin: 43px 0 0 360px;
}



.image-text_5 {
  width: 104px;
  height: 129px;
  margin: 12px 0 0 12px;
}

.image_2 {
  width: 104px;
  height: 104px;
}

.text-group_5 {
  width: 56px;
  height: 20px;
  overflow-wrap: break-word;
  color: rgba(102, 102, 102, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 5px 0 0 24px;
}

.customBootstrap {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;

}

#demo2>li>a {
  margin: 0 4px;
  border-radius: 4px;
  height: 40px;
  min-width: 40px;
  text-align: center;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: rgba(0, 170, 196, 1);
  border-color: rgba(0, 170, 196, 1);
}

.pagination>li>a,
.pagination>li>span {
  padding: 8px 12px;
  color: rgba(0, 170, 196, 1);
}