.main-box {
  overflow-x: hidden;
  background: #241917;
}
.banner {
  width: 120rem;
  height: 50.5rem;
  background-image: url('../static/imgs/banner2.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.contents-list {
  width: 120rem;
  background-image: url('../static/imgs/bg4.jpg');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.contents-list .top-three {
  display: flex;
  justify-content: center;
  gap: 5.3125rem;
}
.contents-list .top-three .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contents-list .top-three .item .info1,
.contents-list .top-three .item .info2 {
  line-height: 1;
}
.contents-list .top-three .item .info0,
.contents-list .top-three .item .info1 {
  margin-bottom: 1rem;
}
.contents-list .top-three .item2,
.contents-list .top-three .item3 {
  position: relative;
  z-index: 1;
  width: 15.8125rem;
  padding-top: 1.4375rem;
}
.contents-list .top-three .item2 .bg-2,
.contents-list .top-three .item3 .bg-2 {
  position: absolute;
  width: 100%;
  height: 24.6875rem;
  z-index: -1;
}
.contents-list .top-three .item1 {
  position: relative;
  z-index: 1;
  width: 21.5625rem;
  height: 32.375rem;
}
.contents-list .top-three .item1 .bg-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.contents-list .top-three .item1 .icon {
  width: 6.625rem;
  height: 5.6875rem;
  margin-top: 9.625rem;
  margin-bottom: 2.8125rem;
}
.contents-list .top-three .item1 .info0,
.contents-list .top-three .item1 .info1 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffdb5f;
}
.contents-list .top-three .item1 .info2 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #ffdb5f;
}
.contents-list .top-three .item2 .icon {
  width: 5.25rem;
  height: 4.4375rem;
  margin-top: 7.6875rem;
  margin-bottom: 2.2rem;
}
.contents-list .top-three .item2 .info0,
.contents-list .top-three .item2 .info1 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #eff7ff;
}
.contents-list .top-three .item2 .info2 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #eff7ff;
}
.contents-list .top-three .item3 .icon {
  width: 5.25rem;
  height: 4.5rem;
  margin-top: 7.6875rem;
  margin-bottom: 2.2rem;
}
.contents-list .top-three .item3 .info0,
.contents-list .top-three .item3 .info1 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #edc799;
}
.contents-list .top-three .item3 .info2 {
  font-size: 1.25rem;
  font-weight: 400;
  color: #edc799;
}
.contents-list .top-ten {
  width: 75rem;
  margin: 4.125rem auto 3.75rem;
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid #492f29;
}
.contents-list .top-ten .item {
  width: 100%;
  height: 6.25rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #492f29;
}
.contents-list .top-ten .item:last-child {
  border-bottom: none;
}
.contents-list .top-ten .item:nth-child(odd) {
  background: #1a100d;
}
.contents-list .top-ten .item:nth-child(even) {
  background: rgba(26, 16, 13, 0.3);
}
.contents-list .top-ten .item .col {
  flex: 1;
  padding-left: 2.5rem;
  display: flex;
}
.contents-list .top-ten .item .col1 {
  flex: 1;
}
.contents-list .top-ten .item .col1 .serial-number {
  width: 5.6875rem;
  height: 5.6875rem;
  background-image: url('../static/imgs/4.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffdb5f;
}
.contents-list .top-ten .item .col2 {
  flex: 2;
  font-size: 1.25rem;
  color: #ffdb5f;
  justify-content: center;
}
.contents-list .top-ten .item .col3 {
  flex: 2;
  font-size: 1.25rem;
  color: #ffdb5f;
  justify-content: center;
}
.contents-list .top-ten .item .col4 {
  flex: 2;
  font-size: 1.25rem;
  color: #ffdb5f;
  justify-content: center;
}
.contents-list .bottom-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 3.75rem;
}
.contents-list .bottom-info .info1 {
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 1.9375rem;
}
.contents-list .bottom-info .info2 {
  font-size: 1.125rem;
  color: #483b39;
  line-height: 1.9375rem;
}