:root {
  --swl-fz--content: 4vw;
  --swl-font_family: "游ゴシック体", "Yu Gothic", YuGothic,
    "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  --swl-font_weight: 500;
  --color_main: #ff8c2b;
  --color_text: #333;
  --color_link: #1176d4;
  --color_htag: #ff8c2b;
  --color_bg: #fdfdfd;
  --color_gradient1: #d8ffff;
  --color_gradient2: #87e7ff;
  --color_main_thin: rgba(5, 70, 95, 0.05);
  --color_main_dark: rgba(3, 42, 57, 1);
  --color_list_check: #ff8c2b;
  --color_list_num: #ff8c2b;
  --color_list_good: #86dd7b;
  --color_list_triangle: #f4e03a;
  --color_list_bad: #f36060;
  --color_faq_q: #d55656;
  --color_faq_a: #6599b7;
  --color_icon_good: #3cd250;
  --color_icon_good_bg: #ecffe9;
  --color_icon_bad: #4b73eb;
  --color_icon_bad_bg: #eafaff;
  --color_icon_info: #f578b4;
  --color_icon_info_bg: #fff0fa;
  --color_icon_announce: #ffa537;
  --color_icon_announce_bg: #fff5f0;
  --color_icon_pen: #7a7a7a;
  --color_icon_pen_bg: #f7f7f7;
  --color_icon_book: #787364;
  --color_icon_book_bg: #f8f6ef;
  --color_icon_point: #ffa639;
  --color_icon_check: #86d67c;
  --color_icon_batsu: #f36060;
  --color_icon_hatena: #5295cc;
  --color_icon_caution: #f7da38;
  --color_icon_memo: #84878a;
  --color_deep01: #e44141;
  --color_deep02: #3d79d5;
  --color_deep03: #63a84d;
  --color_deep04: #f09f4d;
  --color_pale01: #fff2f0;
  --color_pale02: #f3f8fd;
  --color_pale03: #f1f9ee;
  --color_pale04: #fdf9ee;
  --color_mark_blue: #b7e3ff;
  --color_mark_green: #bdf9c3;
  --color_mark_yellow: #fcf69f;
  --color_mark_orange: #ffddbc;
  --border01: solid 1px var(--color_main);
  --border02: double 4px var(--color_main);
  --border03: dashed 2px var(--color_border);
  --border04: solid 4px var(--color_gray);
  --card_posts_thumb_ratio: 56.25%;
  --list_posts_thumb_ratio: 61.805%;
  --big_posts_thumb_ratio: 56.25%;
  --thumb_posts_thumb_ratio: 61.805%;
  --blogcard_thumb_ratio: 56.25%;
  --color_header_bg: #fdfdfd;
  --color_header_text: #333;
  --color_footer_bg: #fdfdfd;
  --color_footer_text: #333;
  --container_size: 1200px;
  --article_size: 900px;
  --logo_size_sp: 48px;
  --logo_size_pc: 40px;
  --logo_size_pcfix: 32px;
}

.swl-cell-bg[data-icon="doubleCircle"] {
  --cell-icon-color: #ffc977;
}

.swl-cell-bg[data-icon="circle"] {
  --cell-icon-color: #94e29c;
}

.swl-cell-bg[data-icon="triangle"] {
  --cell-icon-color: #eeda2f;
}

.swl-cell-bg[data-icon="close"] {
  --cell-icon-color: #ec9191;
}

.swl-cell-bg[data-icon="hatena"] {
  --cell-icon-color: #93c9da;
}

.swl-cell-bg[data-icon="check"] {
  --cell-icon-color: #94e29c;
}

.swl-cell-bg[data-icon="line"] {
  --cell-icon-color: #9b9b9b;
}

.cap_box[data-colset="col1"] {
  --capbox-color: #f59b5f;
  --capbox-color--bg: #fff8eb;
}

.cap_box[data-colset="col2"] {
  --capbox-color: #5fb9f5;
  --capbox-color--bg: #edf5ff;
}

.cap_box[data-colset="col3"] {
  --capbox-color: #2fcd90;
  --capbox-color--bg: #eafaf2;
}

.red_ {
  --the-btn-color: #f74a4a;
  --the-btn-color2: #ffbc49;
  --the-solid-shadow: rgba(185, 56, 56, 1);
}

.blue_ {
  --the-btn-color: #338df4;
  --the-btn-color2: #35eaff;
  --the-solid-shadow: rgba(38, 106, 183, 1);
}

.green_ {
  --the-btn-color: #62d847;
  --the-btn-color2: #7bf7bd;
  --the-solid-shadow: rgba(74, 162, 53, 1);
}

.is-style-btn_normal {
  --the-btn-radius: 80px;
}

.is-style-btn_solid {
  --the-btn-radius: 80px;
}

.is-style-btn_shiny {
  --the-btn-radius: 80px;
}

.is-style-btn_line {
  --the-btn-radius: 80px;
}

.post_content blockquote {
  padding: 1.5em 2em 1.5em 3em;
}

.post_content blockquote::before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% - 3em);
  top: 1.5em;
  left: 1.5em;
  border-left: solid 1px rgba(180, 180, 180, 0.75);
  border-right: solid 1px rgba(180, 180, 180, 0.75);
}

.mark_blue {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_blue) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_blue) 0%);
}

.mark_green {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_green) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_green) 0%);
}

.mark_yellow {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_yellow) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_yellow) 0%);
}

.mark_orange {
  background: -webkit-linear-gradient(
    transparent 64%,
    var(--color_mark_orange) 0%
  );
  background: linear-gradient(transparent 64%, var(--color_mark_orange) 0%);
}

[class*="is-style-icon_"] {
  color: #333;
  border-width: 0;
}

[class*="is-style-big_icon_"] {
  border-width: 2px;
  border-style: solid;
}

[data-col="gray"] .c-balloon__text {
  background: #f7f7f7;
  border-color: #ccc;
}

[data-col="gray"] .c-balloon__before {
  border-right-color: #f7f7f7;
}

[data-col="green"] .c-balloon__text {
  background: #d1f8c2;
  border-color: #9ddd93;
}

[data-col="green"] .c-balloon__before {
  border-right-color: #d1f8c2;
}

[data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}

[data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}

[data-col="red"] .c-balloon__text {
  background: #ffebeb;
  border-color: #f48789;
}

[data-col="red"] .c-balloon__before {
  border-right-color: #ffebeb;
}

[data-col="yellow"] .c-balloon__text {
  background: #f9f7d2;
  border-color: #fbe593;
}

[data-col="yellow"] .c-balloon__before {
  border-right-color: #f9f7d2;
}

.-type-list2 .p-postList__body::after,
.-type-big .p-postList__body::after {
  content: "READ MORE »";
}

.c-postThumb__cat {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #ff8c2b;
  color: #fff;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.1) 6px,
    transparent 6px,
    transparent 12px
  );
}

.post_content
  h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  background: #ff8c2b;
  padding: 0.75em 1em;
  color: #fff;
}

.post_content
  h2:where(
    :not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)
  )::before {
  position: absolute;
  display: block;
  pointer-events: none;
  content: "";
  top: -4px;
  left: 0;
  width: 100%;
  height: calc(100% + 4px);
  box-sizing: content-box;
  border-top: solid 2px #ff8c2b;
  border-bottom: solid 2px #ff8c2b;
}

.post_content
  h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  padding: 0 0.5em 0.5em;
}

.post_content
  h3:where(
    :not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)
  )::before {
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(
    90deg,
    #ff8c2b 0%,
    #ff8c2b 29.3%,
    rgba(150, 150, 150, 0.2) 29.3%,
    rgba(150, 150, 150, 0.2) 100%
  );
}

.post_content
  h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
  padding: 0 0 0 16px;
  border-left: solid 2px #ff8c2b;
}

.l-header {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.l-header__bar {
  color: #fff;
  background: var(--color_main);
}

.l-header__menuBtn {
  order: 1;
}

.l-header__customBtn {
  order: 3;
}

.c-gnav a::after {
  background: #fff;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
}

.p-spHeadMenu .menu-item.-current {
  border-bottom-color: var(--color_main);
}

.c-gnav > li:hover > a::after,
.c-gnav > .-current > a::after {
  transform: scaleX(1);
}

.l-fixHeader::before {
  opacity: 1;
}

#pagetop {
  border-radius: 50%;
}

.c-widget__title.-spmenu {
  padding: 0.5em 0.75em;
  border-radius: var(--swl-radius--2, 0px);
  background: var(--color_main);
  color: #fff;
}

.c-widget__title.-footer {
  padding: 0.5em;
}

.c-widget__title.-footer::before {
  content: "";
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 1;
  background: var(--color_main);
}

.c-widget__title.-footer::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--color_border);
}

.c-secTitle {
  border-left: solid 2px var(--color_main);
  padding: 0em 0.75em;
}

.p-spMenu {
  color: #333;
}

.p-spMenu__inner::before {
  background: #fdfdfd;
  opacity: 1;
}

.p-spMenu__overlay {
  background: #000;
  opacity: 0.6;
}

[class*="page-numbers"] {
  color: #fff;
  background-color: #898989;
}

a {
  text-decoration: none;
}

@media screen and (min-width: 960px) {
  :root {
  }
}

@media screen and (max-width: 959px) {
  :root {
  }

  .l-header__logo {
    order: 2;
    text-align: center;
  }
}

@media screen and (min-width: 600px) {
  :root {
    --swl-fz--content: 16px;
  }
}

@media screen and (max-width: 599px) {
  :root {
  }
}

@media (min-width: 1108px) {
  .alignwide {
    left: -100px;
    width: calc(100% + 200px);
  }
}

@media (max-width: 1108px) {
  .-sidebar-off .swell-block-fullWide__inner.l-container .alignwide {
    left: 0px;
    width: 100%;
  }
}

.l-fixHeader .l-fixHeader__gnav {
  order: 0;
}

[data-scrolled="true"] .l-fixHeader[data-ready] {
  opacity: 1;
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  visibility: visible;
}

.-body-solid .l-fixHeader {
  box-shadow: 0 2px 4px var(--swl-color_shadow);
}

.l-fixHeader__inner {
  align-items: stretch;
  color: var(--color_header_text);
  display: flex;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.l-fixHeader__logo {
  align-items: center;
  display: flex;
  line-height: 1;
  margin-right: 24px;
  order: 0;
  padding: 16px 0;
}

.is-style-btn_normal a,
.is-style-btn_shiny a {
  box-shadow: var(--swl-btn_shadow);
}

.c-shareBtns__btn,
.is-style-balloon > .c-tabList .c-tabList__button,
.p-snsCta,
[class*="page-numbers"] {
  box-shadow: var(--swl-box_shadow);
}

.p-articleThumb__img,
.p-articleThumb__youtube {
  box-shadow: var(--swl-img_shadow);
}

.p-pickupBanners__item .c-bannerLink,
.p-postList__thumb {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 4px 4px -4px rgba(0, 0, 0, 0.3);
  border-radius:5px;
}

.p-postList.-w-ranking li:before {
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.1) 6px,
    transparent 0,
    transparent 12px
  );
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.l-header__bar {
  position: relative;
  width: 100%;
}

.l-header__bar .c-catchphrase {
  color: inherit;
  font-size: 12px;
  letter-spacing: var(--swl-letter_spacing, 0.2px);
  line-height: 14px;
  margin-right: auto;
  overflow: hidden;
  padding: 4px 0;
  white-space: nowrap;
  width: 50%;
}

.l-header__barInner {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 960px) {
  .-series .l-header__inner {
    align-items: stretch;
    display: flex;
  }

  .-series .l-header__logo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: 24px;
    padding: 16px 0;
  }

  .-series .l-header__logo .c-catchphrase {
    font-size: 13px;
    padding: 4px 0;
  }

  .-series .c-headLogo {
    margin-right: 16px;
  }

  .-series-right .l-header__inner {
    justify-content: space-between;
  }

  .-series-right .c-gnavWrap {
    margin-left: auto;
  }

  .-series-right .w-header {
    margin-left: 12px;
  }

  .-series-left .w-header {
    margin-left: auto;
  }
}

@media (min-width: 960px) and (min-width: 600px) {
  .-series .c-headLogo {
    max-width: 400px;
  }
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icomoon !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}

.c-submenuToggleBtn {
  display: none;
}

.c-listMenu a {
  padding: 0.75em 1em 0.75em 1.5em;
  transition: padding 0.25s;
}

.c-listMenu a:hover {
  padding-left: 1.75em;
  padding-right: 0.75em;
}

.c-gnav .sub-menu a:before,
.c-listMenu a:before {
  color: inherit;
  content: "\e921";
  display: inline-block;
  left: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: middle;
}

.widget_categories > ul > .cat-item > a,
.wp-block-categories-list > li > a {
  padding-left: 1.75em;
}

.c-listMenu .children,
.c-listMenu .sub-menu {
  margin: 0;
}

.c-listMenu .children a,
.c-listMenu .sub-menu a {
  font-size: 0.9em;
  padding-left: 2.5em;
}

.c-listMenu .children a:before,
.c-listMenu .sub-menu a:before {
  left: 1em;
}

.c-listMenu .children a:hover,
.c-listMenu .sub-menu a:hover {
  padding-left: 2.75em;
}

.c-listMenu .children ul a,
.c-listMenu .sub-menu ul a {
  padding-left: 3.25em;
}

.c-listMenu .children ul a:before,
.c-listMenu .sub-menu ul a:before {
  left: 1.75em;
}

.c-listMenu .children ul a:hover,
.c-listMenu .sub-menu ul a:hover {
  padding-left: 3.5em;
}

/* .c-gnav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
} */

.c-gnav .sub-menu:before {
  background: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.c-gnav .sub-menu .sub-menu {
  left: 100%;
  top: 0;
  z-index: -1;
}

.c-gnav .sub-menu a {
  padding-left: 2em;
}

.c-gnav .sub-menu a:before {
  left: 0.5em;
}

.c-gnav .sub-menu a:hover .ttl {
  left: 4px;
}

:root {
  --color_content_bg: var(--color_bg);
  --mv_btn_radius: 0px;
  --mv_slide_animation: no;
  --swl-post_slide_width--pc: 20%;
  --swl-post_slide_width--sp: 50%;
  --swl-post_slide_padY: 16px;
  --swl-post_slide_padY--mb: 16px;
  --ps_space: 8px;
}

.c-widget__title.-side {
  padding:0.5em 0;
}
.c-widget__title.-side::before {
  content: "";
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #ff8c2b;
  height:3px;
  width:100px;
}

.top #content {
  padding-top: 4em;
}

.p-mainVisual__inner {
  height: 50vh;
}

.p-mainVisual .c-filterLayer::before {
  background-color: #000;
  opacity: 0.2;
  content: "";
}

.-type-slider .p-mainVisual__scroll {
  padding-bottom: 16px;
}

#post_slider .swiper {
  padding-bottom: 24px;
  margin-left: -8px;
  margin-right: -8px;
}

@media screen and (min-width: 960px) {
  :root {
  }

  .p-mainVisual__inner {
    height: 30vw;
  }
}

@media screen and (max-width: 959px) {
  :root {
  }
}

@media screen and (min-width: 600px) {
  :root {
  }
}

@media screen and (max-width: 599px) {
  :root {
  }
}

.swell-block-fullWide__inner.l-container {
  --swl-fw_inner_pad: var(--swl-pad_container, 0px);
}

@media (min-width: 960px) {
  .-sidebar-on .l-content .alignfull,
  .-sidebar-on .l-content .alignwide {
    left: -16px;
    width: calc(100% + 32px);
  }

  .swell-block-fullWide__inner.l-article {
    --swl-fw_inner_pad: var(--swl-pad_post_content, 0px);
  }

  .-sidebar-on .swell-block-fullWide__inner .alignwide {
    left: 0;
    width: 100%;
  }

  .-sidebar-on .swell-block-fullWide__inner .alignfull {
    left: calc(0px - var(--swl-fw_inner_pad, 0)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: calc(100% + var(--swl-fw_inner_pad, 0) * 2) !important;
  }
}
/* 首页 */
#main_content .post_content .p-postListWrap .is-style-more_btn {
  margin-bottom: 40px;
}
.-type-simple .p-postList__meta span.p-postList__cat {
  background-color: #ff8c2b !important;
  color: #ffffff !important;
  padding-left: 1em;
  padding-right: 1em;
}
.is-style-more_btn a {
  border-radius: 60px;
}
.post_content .wp-block-heading {
  width: 100%;
  margin-left: 0;
}
#tag_cloud-5 .tagcloud .tag-cloud-link {
  border-radius: 16px;
  font-size: 13px;
  background: #f7f7f7;
  border: none;
  color: #333 !important;
  line-height: 1;
  padding: 6px 10px !important;
  text-decoration: none;
}
#swell_prof_widget-3 .p-profileBox {
  border: 1px solid var(--color_border);
  border-radius: var(--swl-radius--4, 0);
  padding: 4px;
}
#swell_prof_widget-3 .p-profileBox__icon {
  margin: 1em 0 0;
  text-align: center;
}
#swell_prof_widget-3 .p-profileBox__icon img {
  border-radius: 50%;
}
#swell_prof_widget-3 .p-profileBox__name {
  padding-top: 0.5em;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#swell_prof_widget-3 .p-profileBox__text {
  font-size: 14px;
  padding: 1em;
}
.p-pickupBanners {
  margin-bottom: 4em;
  position: relative;
  width: 100%;
}
.p-pickupBanners__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -4px;
}
.p-pickupBanners__item {
  padding: 4px;
  width: 50%;
}
@media (max-width: 400px) {
  .p-pickupBanners__item {
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (min-width: 600px) {
  .p-pickupBanners__item {
    padding: 8px;
  }
}
@media (min-width: 960px) {
  .-pc-fix_col4 .p-pickupBanners__item {
    width: 25%;
  }
}
.c-bannerLink {
  border-radius: var(--swl-radius--4, 0);
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.c-bannerLink__figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: opacity 0.25s;
  z-index: 0;
  border-radius: 5px 5px 15px 15px;
  border-bottom: 5px #ffbc40 solid;
}
.-cap-top_left .c-bannerLink__label {
  background-color: #fff;
  color: #333;
  left: 4px;
  padding: 2px 12px;
  top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 114px;
}
.c-bannerLink__label {
  display: block;
  font-size: 3.4vw;
  line-height: 1.4;
  position: absolute;
  z-index: 2;
}
a.c-bannerLink:hover .c-bannerLink__img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.c-bannerLink__img {
  display: block;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  width: 100%;
  height:150px;
  object-fit: contain;
}
@media (min-width: 600px) {
  .c-bannerLink__label {
    font-size: 14px;
  }
}
.c-bannerLink:after,
.c-bannerLink:before,
.c-bannerLink__label {
  border-radius: 5px;
}
.c-bannerLink:before,
.c-bannerLink__text {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-bannerLink:before {
  background-color: inherit;
  content: "";
  z-index: 1;
}
.p-postList .p-postList__title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 42px;
}
.p-postList .time{
  font-size:13px;
  color:#666;
  margin-top:10px;
}
.p-postListWrap .p-postList .p-postList__title {
  max-height: 48px;
  margin-top: 10px;
}
.p-postList__link:hover .p-postList__title{
  color:#ff8c2b;
}
.p-postList__body .p_tag span{
  background-color: #ff8c2b;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  padding: 2px 5px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.-type-list .p-postList__excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wp-block-latest-posts:not(.is-grid) li {
  border-bottom: 1px solid var(--color_border);
  padding: 1em 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
  clear: both;
  overflow-wrap: break-word;
}
#swell_new_posts-3 .p-postList .p-postList__title,
#post_list_tab_1 .p-postList .p-postList__title,
#swell_popular_posts-2 .p-postList .p-postList__title,
.wp-block-latest-posts.wp-block-latest-posts__list
  li
  a.wp-block-latest-posts__post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .time {
  font-size: 12px;
  color: #666;
  text-align: right;
}
.wp-block-archives li a,
.wp-block-categories li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.-type-card .p-postList__excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media (min-width: 960px) {
  .-parallel .l-header__logo {
    text-align: center;
    width: 100%;
    padding: 20px 0;
  }
}
.c-headLogo.-txt {
  justify-content: center;
}
@media (min-width: 960px) {
  .-parallel .l-header__gnav {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .-parallel .l-header__gnav .c-gnav {
    justify-content: center;
  }
}
@media (min-width: 960px) {
  .-parallel .l-header__gnav .c-gnav > li > a {
    padding: 16px;
  }
}
.-cap-top_left .texts{
  padding:15px 20px;
}
.-cap-top_left .texts .tit{
  font-weight:bold;
  width:100%;
  text-align:center;
  color:#000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.-cap-top_left .texts .sum{
  text-align:left;
  font-size:12px;
  color:#666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.p-pickupBanners__item .c-bannerLink:hover .texts .tit {
  color: #ff8c2b;
}
footer.l-footer {
  background-color: #636363;
  color: #fff;
}
ul.p-pnLinks {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  margin: 2em 0;
}
ul.p-pnLinks li.p-pnLinks__item {
  font-size: 3vw;
  position: relative;
  width: 49%;
}
@media (min-width: 600px) {
  ul.p-pnLinks li.p-pnLinks__item {
    font-size: 13px;
  }
}
.p-pnLinks__item.-prev:before {
  border-bottom: 1px solid;
  border-left: 1px solid;
  left: 0.35em;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.p-pnLinks__item:before {
  content: "";
  display: block;
  height: 0.5em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0.5em;
  z-index: 1;
}
.p-pnLinks__item.-next:before {
  border-bottom: 1px solid;
  border-right: 1px solid;
  right: 0.35em;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}
.p-pnLinks .-prev:before,
.p-pnLinks .-next:before {
  color: #fff;
}
.p-pnLinks .-prev .p-pnLinks__link {
  border-left: 1.25em solid #ff8c2b;
}
.p-pnLinks .-next .p-pnLinks__link {
  border-right: 1.25em solid #ff8c2b;
}
.p-pnLinks__link {
  align-items: center;
  border-radius: #ff8c2b;
  color: inherit;
  display: flex;
  height: 100%;
  line-height: 1.4;
  min-height: 4em;
  padding: 0.6em 1em 0.5em;
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.25s;
  width: 100%;
}
@media (min-width: 600px) {
  .p-pnLinks__title {
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
}
@media (min-width: 600px) {
  .-prev > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  .-next > .p-pnLinks__link:hover .p-pnLinks__title {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
  }
}
.p-relatedPosts.-type-card .p-postList__item {
  width: 25%;
}
@media (max-width: 768px) {
  .p-relatedPosts.-type-card .p-postList__item {
    width: 50%;
  }
}
.p_author::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ff8c2b;
  border-radius: 50%;
}
.wp-block-latest-posts.wp-block-latest-posts__list li .span_num {
  float: left;
  margin-right: 10px;
  font-weight: bold;
  color: #fff;
  padding: 0 6px;
  background: #3c3c3c;
  background-image: repeating-linear-gradient(
    -45deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0.1) 6px,
    transparent 0,
    transparent 12px
  );
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(1) .span_num {
  background-color: #f7d305;
  background-image: linear-gradient(
    to top left,
    #f7bf05,
    #fcea7f,
    #fcd700,
    #f7d305,
    #eaca12,
    #ac9303,
    #f7d305,
    #fcea7f,
    #f7e705,
    #eaca12,
    #f7bf05
  );
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(2) .span_num {
  background-color: #a5a5a5;
  background-image: linear-gradient(
    to top left,
    #a5a5a5,
    #e5e5e5,
    #ae9c9c,
    #a5a5a5,
    #a5a5a5,
    #7f7f7f,
    #a5a5a5,
    #e5e5e5,
    #a5a5a5,
    #a5a5a5,
    #a5a5a5
  );
}
.wp-block-latest-posts.wp-block-latest-posts__list li:nth-child(3) .span_num {
  background-color: #c47222;
  background-image: linear-gradient(
    to top left,
    #c46522,
    #e8b27d,
    #d07217,
    #c47222,
    #b9722e,
    #834c17,
    #c47222,
    #e8b27d,
    #c48022,
    #b9722e,
    #c46522
  );
}
h1.c-pageTitle {
  font-size: 26px;
  font-weight: bold;
  border-bottom: 2px solid;
}
.p-postList__body .p-postList__meta span.p-postList__cat {
  background-color: #ff8c2b !important;
  color: #ffffff !important;
  padding-left: 1em;
  padding-right: 1em;
}
.no-more {
  display: none;
  text-align: center;
  margin: 20px 0;
  color: #ff8c2b;
  font-weight: bold;
}
#load-more {
  background: #fff;
  box-shadow: 0 0 0 1px #dcdcdc;
  color: #666;
  border-radius: 60px;
  display: inline-block;
  font-size: var(--the-fz);
  min-width: var(--the-min-width);
  padding: var(--the-padding);
  position: relative;
  text-decoration: none;
  transition: box-shadow 0.25s, background-color 0.25s;
  width: var(--the-width);
}
#load-more:hover {
  background-color: #ff8c2b;
  box-shadow: none;
  color: #fff;
}
#load-more:after {
  content: "\e930";
  font-family: icomoon;
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
@media (max-width: 600px) {
  .-type-list .p-postList__item_li .p-postList__body,
  .-type-list .p-postList__item_li .p-postList__thumb {
    width: 100%;
  }
  .-type-list .p-postList__item_li .p-postList__thumb {
    margin-bottom: 20px;
  }
}
.-parallel .l-header__gnav {
  background-color: #ff8c2b;
  color: #fff;
}
@media (min-width: 960px) {
  .-parallel .l-header__logo {
    background: #f7f4f5;
  }
}

/* 详情页目录 */
.p-toc__ttl:before {
  content: "\e918";
  display: inline-block;
  font-family: icomoon;
  margin-right: 0.5em;
  padding-bottom: 2px;
  vertical-align: middle;
}

#main_content .p-toc {
  border-radius: var(--swl-radius--2, 0);
  margin: 4em auto;
  max-width: 800px;
}

.p-toc.-double {
  background: repeating-linear-gradient(45deg, rgb(255 255 255), rgb(229 229 229) 10px, transparent 10px, transparent 20px)
  background-clip: padding-box;
  background-size: 4px 4px;
  border-bottom: 4px double var(--color_border);
  border-top: 4px double var(--color_border);
  padding: 1.5em 1em 1em;
}

#main_content .p-toc a.p-toc__link {
  color: #333;
}

#main_content .p-toc a.p-toc__link:hover,
#main_content .p-toc a.p-toc__link:focus {
  opacity: 0.8;
}

@media (min-width: 960px) {
  #main_content .p-toc {
    width: 92%;
  }
}

@media (min-width: 600px) {
  .p-toc.-double {
    padding: 2em;
  }
}

.p-toc.-double .p-toc__ttl {
  margin-bottom: 0.75em;
}

.post_content div> :first-child,
.post_content> :first-child {
  margin-top: 0 !important;
}

.p-toc__ttl {
  display: block;
  font-size: 1.2em;
  line-height: 1;
  position: relative;
  text-align: center;
}

.p-toc .p-toc__expandBtn {
  background-color: #f7f7f7;
  border: rgba(0, 0, 0, 0.2);
  border-radius: 5em;
  box-shadow: 0 0 0 1px #bbb;
  color: #333;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  margin: 0.75em auto 0;
  min-width: 6em;
  padding: 0.5em 1em;
  position: relative;
  transition: box-shadow 0.25s;
  z-index: 2;
}

.c-modal:not(.is-opened) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

ol.p-toc__list.is-style-index[data-level="2"] {
  display: none;
}

ol.p-toc__childList li {
  font-size: 14px;
}

/* 详情页引入文章 */
.cap_box {
  --capbox-color: var(--color_main);
  --capbox-color--bg: unset;
  --the-icon-size: 1.1em;
  position: relative;
}

.is-style-onborder_ttl>.cap_box_content,
.is-style-onborder_ttl>.cap_box_ttl {
  background-color: var(--color_content_bg) !important;
}

.is-style-onborder_ttl>.cap_box_ttl {
  color: var(--capbox-color);
}

.is-style-onborder_ttl>.cap_box_ttl {
  display: inline-flex;
  font-size: 0.85em;
  left: 1em;
  line-height: 1;
  margin-bottom: 0;
  padding: 0.5em 0.75em;
  position: relative;
  text-align: center;
  top: 1em;
  z-index: 1;
}

.cap_box_content {
  background-color: var(--capbox-color--bg);
  border: 1px solid var(--capbox-color);
  clear: both;
  margin-top: -2px;
  padding: 1.25em;
  position: relative;
  z-index: 0;
}

@media (min-width: 600px) {
  .cap_box_content {
    padding: 1.5em;
  }
}

/* 详情页对话框 */
.c-balloon.-bln-right {
  flex-direction: row-reverse;
}

.c-balloon {
  align-content: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.c-balloon__icon {
  flex-shrink: 0;
  position: relative;
  text-align: center;
  width: 60px;
}

.-circle>.c-balloon__iconImg {
  border: 2px solid #ececec;
  border-radius: 50%;
}

.c-balloon .c-balloon__iconImg {
  height: 60px;
  width: 60px;
}

@media (min-width: 600px) {
  .c-balloon__icon {
    width: 80px;
  }

  .c-balloon .c-balloon__iconImg {
    height: 80px;
    width: 80px;
  }
}

.c-balloon__iconImg {
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-balloon__iconName {
  display: block;
  font-size: 10px;
  line-height: 1;
  opacity: 0.8;
  padding-top: 4px;
}

.-bln-right .c-balloon__body {
  justify-content: flex-end;
}

.-bln-left .c-balloon__body {
  justify-content: flex-start;
}

@media (min-width: 600px) {
  .c-balloon__body {
    padding: 8px 24px;
  }
}

.c-balloon__body {
  align-items: flex-start;
  display: flex;
  flex-basis: 100%;
  padding: 4px 24px;
}

[data-col="blue"] .c-balloon__text {
  background: #e2f6ff;
  border-color: #93d2f0;
}

.-border-on .c-balloon__text {
  border-style: solid;
  border-width: 1px;
}

.c-balloon__text {
  border-radius: 8px;
  color: #333;
  line-height: 1.6;
  max-width: 560px;
  padding: 1em;
  position: relative;
}

.-bln-right .c-balloon__shapes {
  right: 0;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.-bln-left .c-balloon__shapes {
  left: 0;
}

.c-balloon__shapes {
  background-color: inherit;
  border-color: inherit;
  height: 0;
  position: absolute;
  top: 16px;
  width: 0;
  z-index: 1;
}

.-speaking.-border-on .c-balloon__before {
  left: -8px;
}

[data-col="blue"] .c-balloon__before {
  border-right-color: #e2f6ff;
}

.-speaking .c-balloon__after,
.-speaking .c-balloon__before {
  border-width: 8px 10px 8px 0;
  left: -10px;
}

.c-balloon__before {
  z-index: 3;
}

.c-balloon__after,
.c-balloon__before {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}

.c-balloon__after {
  border-right-color: inherit;
  z-index: 2;
}
/* 详情页加入边框 */
.cap_box_ttl {
  align-items: center;
  background-color: #ff8c2b;
  color: #fff;
  display: flex;
  gap: .5em;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0 !important;
  padding: .5em;
  position: relative;
  text-align: center;
  z-index: 1;
}

.is-style-small_ttl .cap_box_ttl {
  float: left;
  font-size: .85em;
  padding: .25em .75em;
  position: relative;
  top: 1px;
}
/* 导航栏固定在顶部 */
#gnav.fixed {
  position: fixed;
  background-color: #ff8c2b;
  color: #fff;
  top: 0;
  left: 0;
  box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.04);
  z-index: 100;
  padding: 5px 10px;
}
/* 首页导航下拉按钮 */
/* 默认隐藏子菜单 */
.sub-menu {
  display: block; /* 必须设为 block 才能动画生效 */
  max-height: 0;   /* 初始高度为 0 */
  overflow: hidden; /* 隐藏溢出内容 */
  opacity: 0;      /* 初始透明度为 0 */
  transform: translateY(-10px); /* 初始位置向上偏移 */
  transition: 
    max-height 0.3s ease,
    opacity 0.3s ease,
    transform 0.3s ease;
  position: absolute;
  background: #ff8c2b;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0;
  min-width: 150px;
}
.mob-menu{
  display:none;
}
/* 展开时的样式 */
.sub-menu.active {
  max-height: 500px; /* 设置一个足够大的值 */
  opacity: 1;
  transform: translateY(0);
  padding: 10px; /* 动画结束后显示内边距 */
  opacity: 1;
  visibility: visible;
}
.has-mobmenu.active .mob-menu{
  padding:0 20px;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
  transform: translateY(0);
  display: block;
  position: relative;
  height: auto;
}

/* 可选：BLOG 按钮添加下拉箭头 */
.c-gnav  .menu-item.has-submenu > a span.ttl::after {
  content: "▼";
  font-size: 10px;
  margin-left: 5px;
  display: inline-block;
  transition: transform 0.3s ease;
}

/* 展开时箭头向上 */
.c-gnav  .menu-item.has-submenu.active > a span.ttl::after {
  transform: rotate(180deg);
}
.c-gnav  .menu-item.has-submenu:hover,
.c-gnav  .menu-item.has-submenu:focus{
  cursor: pointer;
}
/* 首页pid展示 */
.home_bak{
  padding:50px 40px;
  position: relative;
  width: 100%;
  height: auto; 
   overflow: hidden;
}
.home_bak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../index_files/bak.jpg) no-repeat center;
  background-size: cover;
  filter: blur(8px); /* 调整模糊程度 */
  z-index: -1; /* 确保背景在内容下方 */
  transform: scale(1.1); /* 可选：消除模糊边缘的白边 */
}
.home_bak::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgb(244 184 125 / 27%); /* 变暗层 */
  backdrop-filter: blur(2px); /* 可选：额外模糊（部分浏览器支持） */
  z-index: -1;
}
/* 默认样式（移动端） */
.slide-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slide-ul {
    display: flex;
    transition: transform 0.6s ease;
    padding: 0;
    margin: 0;
    list-style: none;
}
.slide-ul li {
    flex: 0 0 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
}
.slide-ul img {
    width: 100%;
    height: auto;
    display: block;
}
.pic-txt {
    display: block;
    padding: 10px;
    background: #f0f0f0;
}
/* 左右导航按钮 */
.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    user-select: none;
    z-index: 10;
}
.nav-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}
.nav-btn.prev {
    left: 10px;
}
.nav-btn.next {
    right: 10px;
}

/* 大屏幕样式（每页4张） */
@media (min-width: 768px) {
    .slide-ul li {
        flex: 0 0 25%;
        min-width: 25%;
    }
    .info-btn {
        display: none; /* 桌面端隐藏分页按钮 */
    }
}
#bigSlideUl.slide-ul li{
  transition: transform 0.3s ease; /* 添加平滑过渡效果 */
}
#bigSlideUl.slide-ul img{
  height:150px;
  object-fit: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#bigSlideUl.slide-ul li:hover{
  transform: translateY(-5px); /* 鼠标悬停时上移5px */
}
#bigSlideUl li .pic-txt{
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#bigSlideUl li .pic-txt a{
  padding:5px 5px 0;
  color:#333;
  font-size:16px;
  font-weight:bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height:58px;
}
#bigSlideUl li .pic-txt a:hover,
#bigSlideUl li .pic-txt a:focus{
  color:#ff8c2b;
}
/* 产品页面 */
.-type-card .p-postList__thumb{
  position:relative;
  display:inline-block;
}
.pro_buy{
  display:none;
  background-color: #ff8c2b;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  position: absolute; /* 绝对定位 */
  top: 50%; /* 距离顶部 50% */
  left: 50%; /* 距离左侧 50% */
  transform: translate(-50%, -50%); /* 通过 transform 修正居中偏移 */
  text-align: center; /* 文字水平居中 */
}
.c-bannerLink__figure img{
  position:relative;
}
.home_buy{
  display:none;
  background-color: #ff8c2b;
  padding:5px 30px;
  border-radius:3px;
  color:#fff;
  position: absolute; 
  bottom:0;
  text-align: center; 
  width:100%;
}
a.c-bannerLink:hover .home_buy{
  display:block;
}
.-type-card .p-postList__thumb:hover .pro_buy,
.-type-card .p-postList__thumb:focus .pro_buy{
  display:block;
}
.-type-card .p-postList__thumb:hover .pro_img img{
  filter: blur(1px);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.p-postList__body .p-postList__title a{
  color:#333;
}
.p-postList__body .p-postList__title a:hover,
.p-postList__body .p-postList__title a:focus,
.p-postList__body .pro_cats a:hover,
.p-postList__body .pro_cats a:focus{
  color:#ff8c2b;
}
.p-postList__body .pro_cats{
  margin-top:10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-postList__body .pro_cats span{
  font-weight:bold;
  font-size:16px;
  color:#ff8c2b;
}
.home_bots,
.p-postList__body .pro_bots{
  margin-top:5px;
}
.home_bots{
  display:flow-root;
}
.home_bots .rate,
.detail_txts .rate,
.pro_bots .rate  {
  width: 100px;
  height: 18px;
  overflow: hidden;
  position: relative;
  background: url(stars_bak.png) repeat-x 0 0;
  line-height: 0;
  font-size: 0;
}
.home_bots .rate span,
.detail_txts .rate span,
.pro_bots .rate span {
  height: 100%;
  display: block;
  background: url(stars.png) repeat-x 0 0;
}
.home_bots .prices,
.p-postList__body .pro_bots .prices{
  font-size:15px;
  float:right;
}
.home_bots .prices i,
.detail_txts .prices i,
.p-postList__body .pro_bots .prices i{
  font-style:normal;
}
.home_bots .prices i.unit,
.detail_txts .prices i.unit,
.p-postList__body .pro_bots .prices i.unit{
  margin-right:2px;
}
.home_bots .prices .price_o,
.detail_txts .prices .price_o,
.p-postList__body .pro_bots .prices .price_o{
  color:#666;
  text-decoration: line-through;
  margin-right:20px;
}
.home_bots .prices .price_r,
.detail_txts .prices .price_r,
.p-postList__body .pro_bots .prices .price_r{
  color:red;
  font-weight:bold;
}
.pro_det {
  background-color: #f7f7f7;
  box-shadow: inset 0 -1px 8px rgba(0, 0, 0, 0.06);
  padding:40px 30px;
}
@media(min-width:992px){
  .pro_det {
    padding:60px 50px;
  }
}
.pro_det .pro_det_tit{
    text-align: center;
    color: #ff8c2b;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.l-articleBottom__section{
  width:100%;
}
.pro_h1 {
  width: 100%;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
/* 产品详情页 */
.details .tops{
  width:100%;
  display:flow-root;
}
.tops .detail_imgs{
  width:50%;
  float:left;
  margin-right:20px;
}
.thumbnails {
  display: flex;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS */
}
.thumbnail {
  flex: none;
  width: 100px;
  height: 100px;
  object-fit: cover;
  margin-right: 10px;
  cursor: pointer;
  scroll-snap-align: start;
}
.thumbnail.active{
  border:1px solid red;
}
.thumbnail:last-child {
  margin-right: 0;
}
#largeImageContainer {
  text-align: center;
}
#largeImage {
  max-width: 100%;
  height: auto;
}
.thumbnails-container{
  position:relative;
  margin-top:10px;
}
.nav-buttons {
  margin-top: 10px;
}
.nav-button {
  font-size: 20px;
  cursor: pointer;
  user-select: none;
  position: absolute;
  top: 30%;
  background-color: #fff;
  padding: 0 3px;
  color:#ff8c2b;
}
.nav-buttons #prevButton {
  left: 0;
}
.nav-buttons #nextButton {
  right: 0;
}
.details .detail_txts{
  overflow:hidden;
}
.detail_txts .tit{
  font-size:28px;
  font-weight:bold;
}
.detail_txts .rate{
  display:block;
  margin-top:20px;
}
.detail_txts .prices{
  margin-top:20px;
  font-size:20px;
}
.detail_txts .buts{
  margin-top:20px;
  background-color: #8d8d8d;
  color:#fff;
  font-size:20px;
  font-weight:bold;
  padding:4px 10px;
  border-radius:5px;
  text-align:center;
}
.detail_txts .buts:hover,
.detail_txts .buts:focus{
  background-color: #ff8c2b;
  cursor: pointer;
}
.detail_txts .ul{
  margin-top:40px;
  font-size:16px;
}
.detail_txts .ul li b{
  margin-right:15px;
}
.detail_txts .ul li a{
  color:#666;
}
.detail_txts .ul li a:hover,
.detail_txts .ul li a:focus{
  color:#ff8c2b;
}
@media(max-width:772px){
  .details .detail_imgs{
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  .details .detail_txts{
    display:inline-block;
  }
  .detail_txts .ul{
    margin-bottom:40px;
  }
}
@media(max-width:500px){
  .thumbnail{
    width:80px;
    height:80px;
  }
  .detail_txts .tit{
    font-size:20px;
  }
  .detail_txts .ul{
    font-size:14px;
    margin-top:20px;
  }
}
.details .tabs{
  margin:30px 0;
}
.tabs .tits{
  font-size:20px;
  font-weight:bold;
  padding-bottom:10px;
  border-bottom:1px solid #c4c4c4;
  margin-bottom:30px;
}
.tabs .tits span{
  margin-right:40px;
}
.tabs .tits span:hover,
.tabs .tits span:focus{
  cursor: pointer;
}
.tabs .tits span.active{
  color:#ff8c2b;
  border-bottom:2px solid #ff8c2b;
  padding:0 15px 11px;
}
.tabs .sums{
  display:none;
}
.tabs .sums.active{
  display:block;
}
.sums .des_yqd{
  margin-top:30px;
}
.sums .des_yqd .yqd_tit{
  font-weight:bold;
  font-size:18px;
  color:#ff8c2b;
}
.sums .des_yqd ol{
  list-style:auto;
  margin-left:30px;
  margin-bottom:20px;
  font-weight:bold;
}
.sums .des_yqd ol li{
  margin:5px 0;
}
.sums .des_yqd ol li .li_v{
  font-weight:normal;
}
.sums_table{
  font-size:15px;
  grid-template-columns: auto 1fr; /* 第一列（th）自动宽度，第二列（td）自适应 */
  border-collapse: collapse;
  width: 100%;
}
.sums_table tr th,.sums_table tr td{
  padding:5px 10px;
  border: 1px solid #ddd;
}
.sums_table tr th{
  background-color: #f2f2f2;
  text-align: center;
  grid-column: 1; /* 强制所有 <th> 在同一列（网格布局中） */
  width: max-content; /* 宽度根据内容调整 */
}
.sums_table tr td{
  grid-column: 2; /* <td> 在第二列 */
}
.detail_pros .l-articleBottom__title{
  padding: 0.5em 0;
}
.-sidebar-on .l-mainContent.about_main{
  width:100%;
}
/* 列表页banner */
.list_h1{
  padding:50px;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  color:#fff;
}
.list_h1 h1{
  font-size:26px;
  font-weight:bold;
  text-align:center;
}
.list_h1::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../index_files/bak_1.png) no-repeat center;
  background-size: cover;
  filter: blur(8px);
  z-index: -1;
  transform: scale(1.1);
}
.list_h1::after{
  content: '';
  position: absolute;
  inset: 0;
  background: rgb(244 184 125 / 27%);
  backdrop-filter: blur(2px);
  z-index: -1;
}
.list_h1 .descs{
  margin-top:20px;
  font-size:18px;
  font-weight:initial;
}
.lists {
  width:100%;
}
.lists .lists_ul{
  display:flow-root;
  width:100%;
}
.lists .lists_ul li{
  width:33.3%;
  padding:0 10px 20px 0;
  float:left;
}
.lists .lists_ul li .p-postList__body{
  padding-top:1em;
}
.lists .lists_ul li .p-postList__title{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 52px;
}
@media(max-width:700px){
  .lists .lists_ul li{
    width:100%;
    float:none;
    padding:0;
    margin-bottom:20px;
  }
}
.about_t{
  font-size:18px;
  font-weight:bold;
  padding: 0 0 0 16px;
  border-left: solid 4px #ff8c2b;
}
.l_products .u-obf-cover{
  object-fit: contain;
}
.p-articleFoot{
  display:none;
}
/* 产品列表页侧栏3、博客详情侧栏 */
.product_side3,.blog_detail_side1,.des_yqd,.list_h1 .descs,.pid_h{
  display:none;
}