/* screen - shu-lei */

.shu-lei {
  align-items: center;
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.shu-lei .view {
  background-color: var(--white);
  height: 53px;
  position: fixed;
  width: 1920px;
  z-index: 2;
}

.shu-lei .x119 {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: calc(20.64% - 8px);
  top: calc(49.71% - 12px);
  width: 37px;
}

.shu-lei .best {
  flex: 1;
  height: 36px;
  letter-spacing: 0;
  line-height: 41px;
  margin-right: -2px;
  white-space: nowrap;
}

/* .hero-subtitle handled by .title-row-layout in common_layout.css */

.shu-lei .text-138 {
  color: var(--black);
  font-family: var(--font-family-yugothic-medium);
  font-size: var(--font-size-xl);
  font-weight: 500;
  height: 230px;
  letter-spacing: 0;
  line-height: 46px;
  margin-left: 3.0px;
  margin-top: 74px;
  text-align: center;
  width: 1067px;
  z-index: 9;
}

.shu-lei .x225 {
  background-color: var(--apple);
  border-radius: 64px;
  display: flex;
  height: 93px;
  margin-top: 8px;
  width: 396px;
  z-index: 10;
}

.shu-lei .text-1 {
  color: var(--white);
  flex: 1;
  font-family: var(--font-family-yugothic-bold);
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 60px;
  margin-bottom: 14px;
  margin-left: 14px;
  margin-right: 14px;
  margin-top: 14px;
  text-align: center;
  white-space: nowrap;
  width: 368px;
}

.shu-lei .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 36px;
  margin-top: 47px;
  min-width: 1200px;
  z-index: 3;
}

.shu-lei .x1 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x2 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .flex-row-1 {
  margin-top: 35px;
  z-index: 4;
}

.shu-lei .x3 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x4 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .flex-row-2 {
  margin-top: 35px;
  z-index: 5;
}

.shu-lei .x5-1 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x6-1 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x7-1 {
  margin-right: 618.0px;
  margin-top: 35px;
  object-fit: cover;
  width: 582px;
  z-index: 6;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x226 {
  background-color: var(--apple);
  border-radius: 64px;
  display: flex;
  height: 93px;
  margin-top: 95px;
  width: 396px;
  z-index: 11;
}

.shu-lei .flex-row-3 {
  margin-top: 47px;
  margin-bottom: 150px;
  z-index: 7;
}

.shu-lei .x8 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .x9 {
  height: 411px;
  object-fit: cover;
  width: 582px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  transform: translateZ(0);
}

.shu-lei .view-1 {
  background-color: var(--fun-green);
  height: 161px;
  margin-right: 1.75px;
  margin-top: 250px;
  position: relative;
  width: 1922px;
  z-index: 8;
}

.shu-lei .text-137 {
  cursor: pointer;
  height: 21px;
  letter-spacing: 0;
  line-height: 21.6px;
  position: absolute;
  right: calc(20.22% - 31px);
  top: calc(41.98% - 9px);
  white-space: nowrap;
  width: 151px;
}

.shu-lei .flex-row-4 {
  align-items: flex-start;
  display: flex;
  gap: 36px;
  min-width: 1200px;
}