.container_box {
  display: flex;
  margin-bottom: 3rem;
  position: relative;
}

.left_box {
  border: solid 0.063rem #e5e5e5;
  width: 12.5rem;
  margin-right: 1.25rem;
  padding-bottom: 1rem;
}

.right_box {
  border: solid 0.063rem #e5e5e5;
  flex: 1;
}

.level_1>li>a {
  width: 100%;
  box-sizing: border-box;
  display: block;
  font-size: 1.125rem;
  line-height: 2.813rem;
  padding: 0 1.25rem;
  font-weight: 600;
  color: #000000;
  height: 3.438rem;
  line-height: 3.438rem;
  background-color: #eeeeee;
}

.level_2 {
  background-color: #ffff;
}

.level_2>li>a {
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 1.875rem;
  color: #5f5f5f;
  padding: 0 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.level_2 a:hover,
.level_2 a:active,
.level_2 a:focus {
  color: var(--theme);
}

.level_2_active {
  color: var(--theme) !important;
}

/* 右侧 */
.right_title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #000000;
  padding: 0 1.25rem;
  height: 3.438rem;
  background-color: #eeeeee;
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.right_content {
  padding: 1.5rem 1.25rem;
}

.right_content img {
  max-width: 100%;
  margin-bottom: 1.25rem;
}

.right_content p {
  white-space: pre-wrap;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #5f5f5f;
}

@media screen and (max-width:768px) {
  .left_box {
    display: none;
    position: absolute;
    top: 3.438rem;
    left: 15px;
    max-height: 20rem;
    border: solid 0.063rem #e5e5e5;
    margin-right: 1.25rem;
    padding-bottom: 1rem;
    background-color: #fff;
  }
}