@charset "UTF-8";
body {
  background-color: #fff;
}

.banner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.banner img {
  width: 100%;
}

.mainCenter {
  width: 100%;
}

.mainCenter .side1 {
  display: flex;
  border-bottom: 1px solid #e6ebf2;
}

.mainCenter .side1 .list {
  display: flex;
  align-items: center;
  overflow-x: auto;
  width: 100%;
  height: 60px;
}

.mainCenter .side1 .item {
  position: relative;
  top: .0313rem;
  float: left;
  min-width: 1.5rem;
  margin-right: 1.5625rem;
  font-size: .5625rem;
  line-height: 1.25rem;
  color: #4d4d4d;
  text-align: center;
  cursor: pointer;
  transition: color .3s;
  white-space: nowrap;
  position: relative;
}

.mainCenter .side1 .item .bar {
  width: 0;
  height: .0625rem;
  border-radius: .0625rem;
  background-color: #1a79ff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.0313rem;
  margin: auto;
  transition: all 0.4s;
}

.mainCenter .side1 .item:last-child {
  margin-right: 0;
}

.mainCenter .side1 .active {
  color: #1a79ff;
  font-weight: 700;
}

.mainCenter .side1 .hoverClass .bar {
  width: 100%;
}

.mainCenter .side2 {
  margin-top: .625rem;
}

.mainCenter .side2 .item {
  width: 100%;
  height: 4.375rem;
  margin-bottom: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mainCenter .side2 .item .site1 a {
  display: block;
  width: 6.5625rem;
  height: 4.375rem;
}

.mainCenter .side2 .item .site1 img {
  width: 6.5625rem;
  height: 4.375rem;
}

.mainCenter .side2 .item .site2 {
  width: 13.125rem;
  height: 4.375rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.2rem 0;
}

.mainCenter .side2 .item .site2 .site21 a {
  color: #8a9090;
  font-size: .925rem;
  transition: all 0.3s;
}

.mainCenter .side2 .item .site2 .site21 a:hover {
  color: #1a79ff;
  font-weight: bold;
}

.mainCenter .side2 .item .site2 .site22 {
  color: #8a9090;
  font-size: .375rem;
  line-height: 1.9;
  letter-spacing: .0375rem;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 这里是超出几行省略 */
  overflow: hidden;
}

.mainCenter .side2 .item .site2 .site23 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mainCenter .side2 .item .site2 .site23 .site231 {
  display: flex;
  align-items: center;
}

.mainCenter .side2 .item .site2 .site23 .site231 .an a {
  color: #a1a8b3;
  font-size: .375rem;
  background-color: #f2f7f7;
  border-radius: .3125rem;
  padding: 0 .375rem;
  height: .625rem;
  text-align: center;
  line-height: .625rem;
  margin-right: .3125rem;
  display: block;
}

.mainCenter .side2 .item .site2 .site23 .site231 .an a:hover {
  background-color: #1a79ff;
  color: #fff;
}

.mainCenter .side2 .item .site2 .site23 .site232 {
  font-size: .775rem;
  color: #a1a8b3;
}