body {
  background-color: #F6F6F6;
}
* {
  /* 滚动条整体样式 */
  /* 滚动条滑块样式 */
  /* 滚动条轨道样式 */
  /* 滚动条滑块悬停样式 */
}
* ::-webkit-scrollbar {
  width: 4px;
  /* 滚动条宽度 */
  height: 4px;
  /* 滚动条高度 */
}
* ::-webkit-scrollbar-thumb {
  background-color: #F0F0F0;
  /* 滑块背景颜色 */
  border-radius: 4px;
  /* 滑块圆角 */
}
* ::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  /* 轨道背景颜色 */
}
* ::-webkit-scrollbar-thumb:hover {
  background-color: #F1F1F1;
  cursor: pointer;
  /* 悬停时滑块背景颜色 */
}
.container-main {
  max-width: 1200px;
  margin: 0 auto;
}
.active-li,
.active-li-other {
  position: relative;
}
.active-li::after,
.active-li-other::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 2px;
  background-color: #fff;
  animation: open_menu 0.3s ease-in-out forwards;
}
@keyframes open_menu {
  0% {
    opacity: 0;
    width: 0%;
  }
  100% {
    opacity: 1;
    width: 90%;
  }
}
.active-li-other::after {
  background-color: #000;
}
.other-header {
  color: #000;
  padding-bottom: 15px;
  padding-top: 5px;
  background-color: #fff;
}
.home-header {
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
  background-color: #fff;
}
.main .mainContainer {
  background-color: #F6F6F6;
  padding-top: 0px;
  padding-bottom: 0px;
}
.pagination {
  display: flex;
  justify-content: flex-end;
}
.pagination li {
  margin-left: 10px;
  cursor: pointer;
}
.pagination li:hover {
  color: #1961FF;
}
.pagination .active {
  color: #1961FF;
}
.pagination .disabled .iconfont {
  color: #989898;
  cursor: not-allowed;
}