.public-thumb {
  width: 100%;
  max-width: 1920px;
  height: 5.2rem;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

.public-thumb .thumb-con {
  position: absolute;
  left: 1.8rem;
  top: 1.6rem;
  color: white;
}

.public-thumb .thumb-con .thumb-con-tit {
  font-size: 48px;
  font-family: Noto Sans S Chinese Bold, Noto Sans S Chinese Bold-Bold;
  font-weight: 700;
  text-align: left;
}

.public-thumb .thumb-con .thumb-con-sub {
  font-size: 18px;
  font-family: sans-serif;
  text-align: left;
}

.public-nav {
  width: 100%;
  max-width: 1920px;
  height: 1rem;
  margin: 0 auto;
}

.public-nav .public-con {
  margin: 0 auto;
  width: 15rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.public-nav .public-con .public-con-left {
  display: flex;
  align-items: stretch;
}

.public-nav .public-con .public-con-left .public-nav-item {
  width: 1.8rem;
  font-size: .18rem;
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  cursor: pointer;
}

.public-nav .public-con .public-con-left .public-nav-item:hover {
  color: #55b53d;
  border-bottom: 3px solid #v;
  background: url("../../img/public_nav_bg.png") no-repeat center center;
}

.public-nav .public-con .public-con-left .public-nav-item-active {
  color: #55b53d;
  border-bottom: 3px solid #55b53d;
  background: url("../../img/public_nav_bg.png") no-repeat center center;
}

.public-nav .public-con .public-con-right {
  font-size: .14rem;
  color: #999999;
  display: flex;
  align-items: center;
}

.public-nav .public-con .public-con-right a {
  color: #999999;
  margin: 0 2px;
}

.public-nav .public-con .public-con-right a:hover {
  color: #333;
}

.public-nav .public-con .public-con-right .public-con-now {
  color: #333333;
  max-width: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.public-tit {
  margin: .8rem auto;
  display: flex;
  align-items: center;
  font-size: .36rem;
  font-weight: 700;
  text-align: left;
  color: #333333;
}

.public-tit img {
  height: .4rem;
  margin-right: .2rem;
}

.public-page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.public-page .public-page-item {
  height: .3rem;
  padding: 0 .12rem;
  background: #ffffff;
  border: 1px solid #eeeeee;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
  font-size: .14rem;
  cursor: pointer;
  color: #333;
}

.public-page .public-page-item:hover {
  border-bottom: 1px solid #369e6d;
}

.public-page .public-page-item-active {
  border-bottom: 1px solid #369e6d;
}