.bossgoo-index-exhibition37{
  padding-bottom: 60px;
}

.bossgoo-index-exhibition37 .hotslist {
  display: grid;
  grid-template-columns: 1fr 1fr 1.07fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: 'a b b c' 'd e f f';
  gap: 22px;
  padding: 0 5px;
}
.bossgoo-index-exhibition37 .maintitle {
  color: var(--themeColor);
}

.bossgoo-index-exhibition37 .hotslist .hotbox {
  position: relative;
  height: 0;
  width: 100%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox:hover .cover {
  display: flex;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .innerbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .innerbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100%);
  height: calc(100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 10;
  display: none;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .cover:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100%);
  height: calc(100%);
  background: var(--themeColor);
  opacity: 0.2;
  z-index: -2;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .cover .hotname {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #fff;
  padding: 0 10px;
  text-align: center;
}

.bossgoo-index-exhibition37 .hotslist .hotbox .cover .more {
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 0 10px;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-a {
  grid-area: a;
  padding-bottom: 132.74%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-b {
  grid-area: b;
  padding-bottom: 62%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-c {
  grid-area: c;
  padding-bottom: 132.74%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-d {
  grid-area: d;
  padding-bottom: 132.74%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-e {
  grid-area: e;
  padding-bottom: 132.74%;
}

.bossgoo-index-exhibition37 .hotslist .hotbox-f {
  grid-area: f;
  padding-bottom:  62%;
}


@media only screen and (max-width:1040px) {
  .bossgoo-index-exhibition37 {
    padding: .6rem .2rem;
  }
  .bossgoo-index-exhibition37 .hotslist {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr .25fr 1fr  1fr 1fr .25fr;
    grid-template-areas: 'a' 'b' 'c' 'd' 'e' 'f';
    gap: .2rem;
  }
  .bossgoo-index-exhibition37 .hotslist .hotbox .cover {
    display: none !important;
  }


}

@media only screen and (max-width:767px) {
  .bossgoo-index-exhibition37 {
    padding: .6rem .2rem;
  }
  .bossgoo-index-exhibition37 .hotslist {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr .25fr 1fr  1fr 1fr .25fr;
    grid-template-areas: 'a' 'b' 'c' 'd' 'e' 'f';
    gap: .2rem;
  }


}