.elementor-11334 .elementor-element.elementor-element-1e2fba0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-5d40d6e */:root {
  --primary-color: #000;
  --secondary-color: #fff;
  --accent-color: #d1d1d1;
  --font-main: 'Beausite Classic Light', sans-serif;
  font-size: 16px;
  /* Base font size for rem calculations */
}



/* 去除 input 和 button 的默认样式 */
input,
button {
  border: none;
  /* 去掉默认边框 */
  outline: none;
  /* 去掉聚焦时的轮廓线 */
  background: none;
  /* 去掉默认背景 */
  padding: 0;
  /* 去掉默认内边距 */
  margin: 0;
  /* 去掉默认外边距 */
}

/* 对于按钮的特殊处理 */
button {
  display: inline-flex;
  /* 确保按钮内的图标居中 */
  justify-content: center;
  align-items: center;
}

/* 输入框样式 */
input.search_input {
  width: 100%;
  padding: 0.3vw;
  font-size: 1vw;
  /* border-bottom: 0.12vw solid #ccc; */
}

/* 按钮图标样式 */
button.search_btn {
  background: none;
  /* 去掉按钮的默认背景 */
  border: none;
  /* 去掉按钮的边框 */
  padding: 0.41vw;
  /* 为按钮添加内边距 */
  cursor: pointer;
  /* 鼠标悬停时显示点击手型 */
}

button.search_btn img.search_btn_icon {
  width: 1.04vw;
  /* 控制图标大小 */
  height: 1.04vw;
  /* 控制图标大小 */
}

.back_btn_layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1vw;
  cursor: pointer;
}

.icon_flex_end {
  justify-content: flex-end !important;
  /* margin: 1vw; */
}

.back_btn {
  color: #000;
  font-size: 1vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.back_btn:hover {
  cursor: pointer;
}

.margin_top {
  margin-top: 2vw;
}

.BeausiteFit_Light_28px {
  font-family: "Beausite Fit Trial Light", sans-serif;
  font-size: 1.45vw;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.BeausiteFit_Light_40px {
  font-family: "Beausite Fit Trial Light", sans-serif;
  font-size: 2.08vw;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.BeausiteFit_Light_32px {
  font-family: "Beausite Fit Trial Light", sans-serif;
  font-size: 1.45vw;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.BeausiteFit_Light_20px {
  font-family: 'Beausite Fit Trial Light', sans-serif;
  font-size: 1.04vw;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.BeausiteFit_Light_16px {
  font-family: 'Beausite Fit Trial Light', sans-serif;
  font-size: 1vw;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* max-width: 2560px; */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: var(--font-main);
  line-height: 1.6;
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

a {
  text-decoration: none;
}

/* width: 74.6875vw; */

#page-container {
  /* width: 100%;
  height: 100vh; */
  padding: 0;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
}

/* 主体部分样式 */
.container_box {
  display: flex;
  /* width: 100vw; */
  min-height: calc(100vh - 4.45vw);
}

/* 左侧栏样式 */
.sidebar {
  width: 20vw;
  background-color: #f4f4f4;
  padding: 2vw 0 0 2vw;
}

.sidebar_select {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.format_select h3,
.topics_select h3 {
  margin: 2vw 0 0.5vw 0;
}

.format_select div,
.topics_select div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4vw;
}

.sidebar input[type="radio"] {
  /* margin-right: 10px; */
  width: 1vw;
  height: 1vw;
  cursor: pointer;
  border: 1vw solid #4f4f4f;
}

.sidebar input[type="radio"] {
  accent-color: #4f4f4f;
  /* 设置选中时的颜色 */
}




/* 右侧显示区样式 */
.main-content {
  flex-grow: 1;
  padding: 1vw;
  width: calc(100vw - 20vw);
}


.content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 1vw 0;
  gap: 3vw;
}

.content_details_date_layout {
  display: flex;
  flex-direction: column;
}

.search_layout {
  width: 15vw;
  height: 3vw;
  display: flex;
  flex-direction: row;
  border-bottom: 0.12vw solid #ccc;
  font-size: 1vw;
}

.content_item {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  width: 16.8vw;
  border-radius: 2vw !important;
}

.content_hidden {
  display: none;
}

.content_item:hover img {
  transform: scale(1.05);
  cursor: pointer;
}

.div_flex_column {
  display: flex;
  flex-direction: column;
}

.div_flex_row {
  display: flex;
  flex-direction: row;
}

.content_item_img {
  width: 16.8vw;
  height: 21.8vw;
  object-fit: cover;
  transition: transform 1s ease, filter 1s ease;
  border-radius: 2vw !important;
  overflow: hidden;
}

.content_item_info {
  justify-content: flex-start;
  gap: 0.2vw;
}

.content_title {
  font-size: 1vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;

}

.content_data_read_times {
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.2vw solid #efefef;
}

.read_times {
  gap: 0.2vw;
  align-items: baseline;
}

.read_times_icon {
  width: 1.19vw;
  height: 0.88vw;
  object-fit: cover;
}

.content_type_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 2vw !important;
  justify-content: space-between;
  margin: 1vw 0;
}

.content_type_box>a {
  color: #000;
}

.content_type_tags {
  display: flex;
  flex-direction: row;
  gap: 0.4vw;
  align-items: center;
  border-radius: 2vw !important;
  /* padding: 1vw 0; */
}

.content_type {
  font-size: 0.88vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
  padding: 0.4vw 1vw;
  border: 0.05vw solid #77787B;
  color: #77787B;
  border-radius: 2vw !important;
}


/* 详情 */
.content_details {
  display: flex;
  flex-direction: column;
  margin: 1vw 4vw;
  position: relative;
}

.content_details_img {
  width: 100%;
  height: 28vw;
  object-fit: cover;
  border-radius: 2vw !important;
}

.content_details_title {
  margin-top: 2vw;
  font-size: 2.5vw;
  font-family: 'Domaine Display Semibold', sans-serif;
}

.content_details>.content_type_box {
  border-radius: 0;
}

.content_details_date {
  text-align: right;
  font-size: 1.2vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
  padding: 1vw 0;
  border-top: 0.12vw solid #efefef;
}

.content_details_content {
  font-size: 1.04vw;
  font-weight: 300;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.content_center_title {
  text-align: center;
  font-family: 'Beausite Fit Trial Light Italic', sans-serif;
}

.content_left_title {
  text-align: left;
  font-family: 'Beausite Fit Trial Light Italic', sans-serif;
}

.details_title {
  font-family: 'Beausite Fit Regular', sans-serif;
  font-weight: 400;
}

.detail_title_link {
  color: #000;
  text-decoration: underline;
}

.content_details_images {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1vw;
  margin: 4vw 0;
}

.content_details_small_img {
  width: 32vw;
  height: 20.3vw;
  object-fit: cover;
  border-radius: 2vw !important;
}


.switch_content_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1vw;
}

.switch_button_layout {
  display: flex;
  flex-direction: row;
  gap: 1vw;
  align-items: center;
}

.switch_button_layout :hover {
  cursor: pointer;
}

.aia_table {
  width: 90%;
  margin: 2vw auto;
  border-collapse: collapse;
  text-align: left;
  border-bottom: 0.12vw solid #dfdfdf;

}

.aia_table th {
  border-bottom: 0.12vw solid rgb(140 140 140);

  font-family: 'Beausite Fit Regular', sans-serif;
  padding-left: 1.5vw;
}

.aia_table td {
  width: 30%;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.aia_table td {
  padding: 1vw;
}

.number_list {
  list-style-type: decimal;
  margin: 0 1vw;
}

.circle_list {
  list-style-type: disc;
  margin: 0 1vw;
}/* End custom CSS */