@charset "utf-8";
/*------------------------------------------------
--css   archive.css 存档样式 (作用于archive.php taxonomy.php single.php)
--by    市场部 Web Designer&Front end Engineer Sivan
--date  2023.03.107
--less  文件已编译  

--需要提前载入24栅格系统 grid.min.css
--主流分辨率：1920px、1440px、1366px（优先考虑PC端）
--PC端内容宽度：1424px，前端JS转换100px=rem、
-------------------------------------------------*/
.archive_list_con .light,
.archive_list_con .current {
  color: var(--color_primary);
}
.format_default .list_w .format_span {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  font-weight: 500;
  display: inline-block;
  display: none;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.08rem 0.12rem 0.08rem 0.12rem;
  border-radius: 0 0.08rem 0 0.08rem;
}
.archive_list_con {
  /*     min-height: 6rem;
    line-height: 2.2;
    padding: 0.24rem 0.32rem 0.32rem 0.32rem;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 50px rgba(31,45,61,.1);
    box-shadow: 0 16px 64px rgba(31,45,61,.1); */
}
.archive_w {
  margin-bottom: 0.64rem;
  min-height: 3rem;
  line-height: 2.2;
  padding: 0.24rem 0.32rem 0.88rem 0.32rem;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 50px rgba(31, 45, 61, 0.1);
  box-shadow: 0 16px 64px rgba(31, 45, 61, 0.1);
}
.archive_list_con .special_con {
  margin-top: 0.64rem;
}
.archive_list_con .special_hot {
  margin-top: 0.16rem;
}
/*匹配不到内容*/
.archive_list_con .no_content {
  font-size: 16px;
  margin: 1.6rem auto;
  text-align: center;
}
.archive_list_con .no_content .message_w {
  margin: 16px auto;
}
.archive_list_con .no_content p {
  margin: 8px auto;
  font-size: 16px;
  color: var(--color_light);
}
.archive_list_con .no_content a {
  margin: 8px auto;
  font-size: 16px;
  color: var(--color_primary);
}
.archive_list_con .list_item {
  display: flex;
  word-wrap: break-word;
  position: relative;
  flex-direction: column;
}
.archive_list_con .list_item .list_w {
  padding: 0.24rem 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.archive_list_con .list_item .list_w .img_w {
  position: relative;
  border-radius: 0.16rem;
}
/*文字*/
.archive_list_con .list_w .text_w {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.16rem;
}
/*摘要*/
.archive_list_con .list_w .desc_w {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.16rem 0;
  font-size: 14px;
  line-height: 2.2;
  /*! color: #c1c3c3; */
}
@media (max-width: 768px) {
  .archive_list_con .list_w .desc_w {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.4;
  }
}
/*标题*/
.archive_list_con .title_w a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  /*     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
@media (max-width: 768px) {
  .archive_list_con .title_w a b {
    font-size: 14px;
    line-height: 1.4;
  }
}
.archive_list_con .title_w a:hover {
  color: var(--color_primary);
}
.archive_list_con .title_w b {
  font-weight: 700;
  font-size: 18px;
  /*     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
}
/*分类*/
.archive_list_con .mate_w {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  color: #c1c3c3;
  padding-bottom: 8px;
}
.archive_list_con .taxonomy_a {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 20px;
  /*! border: 1px solid #c1c3c3; */
  /*#1c2029*/
  border-radius: 2px;
}
.archive_list_con .mate_w a {
  color: #c1c3c3;
}
.archive_list_con .mate_w a:hover {
  color: var(--color_primary);
}
.archive_list_con .info a.done {
  color: var(--color_primary);
}
/*时间、浏览、点赞*/
.archive_list_con .mate_w .info {
  font-size: 14px;
}
.archive_list_con .mate_w .info .span {
  padding: 0 8px;
}
.archive_list_con .mate_w .info i {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  transition: all .3s;
  line-height: 1;
}
@media (max-width: 768px) {
  .archive_list_con .mate_w .info .time,
  .archive_list_con .mate_w .info .zan {
    display: none;
  }
}
/*文章格式小标*/
.archive_list_con .format_span {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  font-weight: 500;
  display: none;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.08rem 0.12rem 0.08rem 0.12rem;
  border-radius: 0 0.08rem 0 0.08rem;
}
/*强调小角标和层次副标题*/
.archive_list_con .list_w .collect_post {
  position: absolute;
  z-index: 10;
  left: -1px;
  top: -1px;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  background-color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.08rem 0.04rem 0.08rem;
  border-radius: 0.08rem 0 0.08rem 0;
}
.archive_list_con .post_tips {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.08rem 0.04rem 0.08rem;
  border-radius: 0 0.08rem 0 0.08rem;
}
@media (max-width: 480px) {
  .archive_list_con .post_tips {
    font-size: 12px;
  }
}
.archive_list_con .img_w img {
  border-radius: 0.16rem ;
  -webkit-transition: all 0.32s ease;
  -moz-transition: all 0.32s ease;
  -o-transition: all 0.32s ease;
  transition: all 0.32s ease;
}
.archive_list_con .img_w img:hover {
  opacity: 0.8;
}
/*层次小标题*/
.archive_list_con .sub_title {
  position: relative;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.04rem;
  margin: 0px 0.06rem 0 0;
  border-radius: 2px;
}
.archive_list_con .icon_new {
  font-size: 12px;
  padding: 6px 8px;
}
.archive_list_con .sub_title::after {
  /*! display: block; */
  /*! content: ""; */
  /*! width: 0; */
  /*! height: 0; */
  /*! margin:auto; */
  /*! position: absolute; */
  /*! z-index: 0; */
  /*! top: 0; */
  /*! bottom: 0; */
  /*! right:-4px; */
  /*! border-top: solid 4px transparent; */
  /*! border-bottom: solid 4px transparent; */
  /*! -webkit-transition: all 0.6s; */
  /*! -moz-transition: all 0.6s; */
  /*! transition: all 0.6s; */
}
/*-----带缩略图上下篇-----*/
.archive_single_prev_next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  font-size: 14px;
  color: #4f5f6f;
  overflow: hidden;
  line-height: 1.2;
  margin: 0.24rem auto 0.24rem auto;
  -moz-transition: ease 0.4s;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
.archive_single_prev_next .prev_w a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.archive_single_prev_next .prev_w {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 50%;
}
.archive_single_prev_next .prev_w .text_w {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.archive_single_prev_next .next_w {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  width: 50%;
}
.archive_single_prev_next .next_w a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.archive_single_prev_next .prev {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  color: #4f5f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.archive_single_prev_next img {
  max-width: 64px;
  border-radius: 4px;
}
.archive_single_prev_next .next {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 100%;
  color: #4f5f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.archive_single_prev_next h4 {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  padding: 0 8px;
}
.archive_single_prev_next i {
  display: inline-block;
  font-size: 18px;
  padding: 0 8px;
}
.archive_single_prev_next h4 a:hover {
  color: var(--color_primary);
}
.archive_single_prev_next a:hover,
.archive_single_prev_next a:hover i {
  color: var(--color_primary);
}
/*--------- 存档页archive -内页 ---------*/
/* ----- 内页顶部文章Banner----- */
.archive_single_banner {
  position: relative;
  z-index: 1;
  min-height: 5.8rem;
  width: 100%;
  max-width: 25.60rem;
  background: #0b1b33;
  box-shadow: 0 16px 64px rgba(31, 45, 61, 0.1);
  overflow: hidden;
}
/*小角标*/
.archive_single_banner .post_tips {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.08rem 0.12rem 0.08rem 0.12rem;
  border-radius: 0 0 0 0.08rem;
}
@media (max-width: 480px) {
  .archive_single_banner .post_tips {
    font-size: 12px;
  }
}
.archive_single_banner hidden,
.archive_single_banner .zero-opacity {
  margin: auto;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8;
}
.archive_single_banner .zero-opacity {
  margin: auto;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  opacity: .8;
}
.archive_single_banner .load_background_image {
  margin: auto;
  background-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  background-position: center center;
  background-size: cover;
  background-position: 50%;
  -webkit-filter: blur(64px);
  filter: blur(64px);
  opacity: .8;
}
.archive_single_banner .load_background_image.fade-in {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-filter: blur(64px);
  filter: blur(64px);
  opacity: .8;
}
.archive_single_banner .overlay {
  background: #1b1954;
  filter: alpha(opacity=40);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  -webkit-animation: 10s BgAni ease-out forwards;
  animation: 10s bgAnimaBgAnition ease-out forwards;
  animation-duration: 10s;
}
@-webkit-keyframes BgAni {
  0% {
    background-position: top left;
  }
  100% {
    background-position: bottom right;
  }
}
@keyframes BgAni {
  0% {
    background-position: top left;
  }
  100% {
    background-position: bottom right;
  }
}
/**作品头部信息**/
.archive_single_banner .desc_w {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 9%;
  padding-bottom: 9%;
  padding-left: 0px;
  padding-right: 0px;
  color: #34495e;
}
/*所属分类*/
.archive_single_banner .category_w {
  margin-bottom: 20px;
}
.archive_single_banner .category_w a {
  border-color: #fff;
  color: #fff;
}
.archive_single_banner .category_w span {
  text-transform: none;
  display: inline-block;
  color: #c1c3c3 ;
  padding: 8px;
  margin-bottom: 2px;
  margin-right: 5px;
  border: 2px solid #e2e3e3;
  border-radius: 100px;
  font-size: 12px !important;
  line-height: 1 !important;
}
.archive_single_banner .category_w a:hover {
  color: var(--color_primary);
  border-color: var(--color_primary);
}
.archive_single_banner .title_w h1 {
  color: #fff;
  text-transform: none;
  line-height: 1.1rem;
  letter-spacing: 0rem;
  font-size: 0.48rem;
  font-weight: 500;
}
.archive_single_banner .title_w .post-edit-link {
  color: #fff;
  padding: 0 2px;
}
.archive_single_banner .count_w {
  color: #fff;
  font-size: 16px;
  margin: 0px auto 0.88rem auto;
  opacity: 0.65;
}
.archive_single_banner .count_w span {
  vertical-align: middle;
}
.archive_single_banner .count_w em {
  margin: 0 0.24rem;
  opacity: 0.65;
}
.archive_single_banner .workd_info {
  color: #fff;
  font-size: 14px;
  margin: 0 auto 0px auto;
  opacity: 0.65;
}
.archive_single_banner .post_author {
  font-size: 18px;
  padding: 0 10px;
}
.archive_single_banner .post_details {
  color: #fff;
  font-size: 14px;
  margin: 0 auto 0px auto;
  opacity: 0.65;
}
.archive_single_banner .post_details span {
  margin-right: 0.16rem;
}
.archive_single_banner .badges a {
  border-color: #fff;
  color: #fff;
}
.archive_single_banner .badges a:hover {
  border-color: var(--color_primary);
  color: #fff;
  background-color: var(--color_primary);
}
.archive_single_banner .category_w a {
  text-transform: none;
  display: inline-block;
  color: #FFF;
  padding: 14px;
  margin-bottom: 2px;
  margin-right: 5px;
  border: 2px solid rgba(255, 255, 255, 0.64);
  border-radius: 100px;
  font-size: 12px !important;
  line-height: 0 !important;
}
/*----- 文章内容框 ------*/
.archive_single_con {
  min-height: 6rem;
  min-height: 100%;
  line-height: 2.2;
  padding: 0.24rem 0.32rem 0.32rem 0.32rem;
  background: #fff;
  border-radius: 8px;
  -webkit-box-shadow: 0 10px 50px rgba(31, 45, 61, 0.1);
  box-shadow: 0 16px 64px rgba(31, 45, 61, 0.1);
}
/*文章内 标题上下间距*/
.archive_single_con h1,
.archive_single_con h2,
.archive_single_con h3,
.archive_single_con h4,
.archive_single_con h5,
.archive_single_con h6 {
  margin-top: 0.32rem;
  margin-bottom: 0.16rem;
}
/*----- archive_single_tt 文章头部 -----*/
.archive_single_tt {
  position: relative;
  z-index: 3;
  padding-bottom: 0.24rem;
  margin-bottom: 0.32rem;
  border-bottom: 1px solid #EEE;
}
.archive_single_tt h3 {
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0.24rem 0 0.24rem 0;
  line-height: 1.2;
}
.dark .archive_single_tt h3 {
  color: #d9dadb;
}
.archive_single_tt h3 b {
  display: block;
  margin: 8px 0;
}
.archive_single_tt .sub_title {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 6px 8px;
  margin-right: 0px;
  border-radius: 2px;
}
/*article_detail*/
.archive_single_detail {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.archive_single_detail .detail_l {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  color: #999c9f;
}
.archive_single_detail .type {
  display: block;
  display: inline-block;
  max-width: 120px;
  margin: 0 0.24rem 0 0;
  font-size: 12px;
  font-weight: 500;
  color: #999c9f;
  line-height: 1.8;
  padding: 0 0.08rem;
  text-align: center;
  border: 1px solid #999c9f;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.archive_single_detail .type_anniversary {
  display: block;
  display: inline-block;
  width: 0.68rem;
  height: 0.22rem;
  margin-right: 0.08rem;
  background: url(../images/type_anniversary.png) no-repeat center center;
  background-size: contain;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.archive_single_detail .type_activity {
  display: block;
  display: inline-block;
  width: 0.68rem;
  height: 0.22rem;
  margin-right: 0.08rem;
  background: url(../images/type_activity.png) no-repeat center center;
  background-size: contain;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.archive_single_detail .info {
  font-size: 12px;
}
.archive_single_detail .info .time {
  margin: 0 0.08rem 0 0;
}
.archive_single_detail .info .icon_time {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 1;
}
.archive_single_detail .info .icon_views {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 1;
}
.archive_single_detail .views {
  margin: 0 0.16rem;
}
.archive_single_detail .views i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 1;
}
.archive_single_detail .zan .done {
  color: #2ec174;
}
.archive_single_detail .zan i {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 1;
}
.archive_single_detail .zan .count {
  font-family: "bigcat", Helvetica, arial, sans-serif;
  font-size: 16px;
}
.archive_single_detail .zan .count em {
  font-weight: 500;
  font-size: 11px;
  color: #2ec174;
  line-height: 1;
  padding: 2px 8px;
  margin-right: 6px;
  border-radius: 2px;
  border: 1px solid #2ec174;
}
/*---------- 内页 带缩略图 上一页 下一页  ----------*/
/*---------- 内页 带缩略图 上一页 下一页  ----------*/
.thumbnail_prev_next {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  flex-wrap: wrap;
  height: auto;
  font-size: 14px;
  color: #4f5f6f;
  overflow: hidden;
  line-height: 1.2;
  margin: 0.56rem auto 0.16rem auto;
  -moz-transition: ease 0.4s;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
@media (max-width: 680px) {
  .thumbnail_prev_next {
    /*! width:100%; */
  }
}
.thumbnail_prev_next .prev_w a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.thumbnail_prev_next .prev_w {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 50%;
}
@media (max-width: 680px) {
  .thumbnail_prev_next .prev_w {
    /*! width:50%; */
    /*! display: flex; */
    /*! align-items: center; */
    /*! justify-content: flex-start; */
    /*! text-align: left; */
    /*! padding:0.16rem 0; */
  }
  .thumbnail_prev_next .prev_w h4 {
    display: none;
  }
  .thumbnail_prev_next .prev_w .icon_prev {
    /*! display: none; */
  }
}
.thumbnail_prev_next .prev_w .text_w {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.thumbnail_prev_next .next_w {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  width: 50%;
}
@media (max-width: 680px) {
  .thumbnail_prev_next .next_w {
    /*         width:50%;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: relative;
        z-index: 1;
      
        padding:0.16rem 0; */
  }
  .thumbnail_prev_next .next_w {
    /*     display: flex;
    justify-content:flex-end;
    flex-flow: row-reverse; */
  }
  .thumbnail_prev_next .next_w h4 {
    display: none;
  }
}
.thumbnail_prev_next .next_w a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 680px) {
  .thumbnail_prev_next .next_w a {
    display: flex;
    justify-content: center;
    flex-flow: row-reverse;
  }
}
.thumbnail_prev_next .prev {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  color: #4f5f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumbnail_prev_next img {
  max-width: 64px;
  border-radius: 4px;
}
.thumbnail_prev_next .next {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 100%;
  color: #4f5f6f;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.thumbnail_prev_next h4 {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  padding: 0 8px;
}
.thumbnail_prev_next i {
  display: inline-block;
  font-size: 18px;
  padding: 0 8px;
}
.thumbnail_prev_next h4 a:hover {
  color: var(--color_primary);
}
.thumbnail_prev_next a:hover,
.thumbnail_prev_next a:hover i {
  color: var(--color_primary);
}
/*---------- 作品内页-猜你喜欢(同类作品) ----------*/
/*标题*/
.single_related_w .title_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.32rem 0 0.08rem 0;
}
.single_related_w .title_box .des {
  font-size: 14px;
  color: #a3a6a6;
}
.single_related_w .title_box .tt {
  border-left: 4px solid var(--color_primary);
  padding-left: 0.1rem;
  vertical-align: middle;
  padding: 0rem 0.1rem;
}
.single_related_w .list_w {
  margin: 0.16rem auto;
  background-color: #ffffff;
  border-radius: 0.08rem;
  box-shadow: 0px 16px 64px 0px rgba(22, 68, 113, 0.12);
}
.single_related_w .list_w a {
  display: block;
  position: relative;
}
.single_related_w .list_w .collect_post {
  position: absolute;
  z-index: 10;
  left: -1px;
  top: -1px;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  background-color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.08rem 0.04rem 0.08rem;
  border-radius: 0.08rem 0 0.08rem 0;
}
.single_related_w .post_tips {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.08rem 0.12rem 0.08rem 0.12rem;
  border-radius: 0 0.08rem 0 0.08rem;
}
@media (max-width: 480px) {
  .single_related_w .post_tips {
    font-size: 12px;
  }
}
.single_related_w .img_w img {
  border-radius: 0.08rem 0.08rem 0 0;
  -webkit-transition: all 0.32s ease;
  -moz-transition: all 0.32s ease;
  -o-transition: all 0.32s ease;
  transition: all 0.32s ease;
}
.single_related_w .img_w img:hover {
  opacity: 0.8;
}
.single_related_w .text_w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.16rem 0.16rem;
  overflow: hidden;
}
.single_related_w .text_w .title_w {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*层次小标题*/
.single_related_w .sub_title {
  position: relative;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.04rem;
  margin: 0px 0.06rem 0 0;
  border-radius: 2px;
}
.single_related_w .icon_new {
  font-size: 12px;
  padding: 6px 8px;
}
.single_related_w .text_w b {
  font-weight: normal;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .single_related_w .text_w b {
    font-size: 12px;
  }
}
.single_related_w .text_w a:hover b {
  color: var(--color_primary);
}
.single_related_w .text_w .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  /*! color:#c1c3c3; */
}
@media (max-width: 480px) {
  .single_related_w .text_w .info {
    font-size: 10px;
  }
}
.single_related_w .text_w .info .views {
  white-space: nowrap;
  display: inline-block;
  font-size: 12px;
}
.single_related_w .text_w .icon_views {
  vertical-align: middle;
  display: inline;
  font-size: 14px;
  transition: all .3s;
  line-height: 1;
}
@media (max-width: 480px) {
  .single_related_w .text_w .icon_views {
    font-size: 12px;
  }
}
/*----------作品内页-精选作品 ----------*/
.single_selected_w {
  margin: 0 auto 0.24rem auto;
}
/*标题*/
.single_selected_w .title_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.32rem 0 0.08rem 0;
}
.single_selected_w .title_box .des {
  font-size: 14px;
  color: #a3a6a6;
}
.single_selected_w .title_box .tt {
  border-left: 4px solid var(--color_primary);
  padding-left: 0.1rem;
  vertical-align: middle;
  padding: 0rem 0.1rem;
}
.single_selected_w .list_w {
  margin: 0 auto;
  padding: 0;
}
.single_selected_w .list_w {
  -moz-transition: ease 0.4s;
  -o-transition: ease 0.4s;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
  margin: 0.16rem auto;
  background-color: #ffffff;
  border-radius: 0.08rem;
  box-shadow: 0px 16px 64px 0px rgba(22, 68, 113, 0.12);
}
/*小角标*/
.single_selected_w .list_w .collect_post {
  position: absolute;
  z-index: 10;
  left: -1px;
  top: -1px;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  background-color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.08rem 0.04rem 0.08rem;
  border-radius: 0.08rem 0 0.08rem 0;
}
.single_selected_w .post_tips {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.08rem 0.12rem 0.08rem 0.12rem;
  border-radius: 0 0.08rem 0 0.08rem;
}
@media (max-width: 480px) {
  .single_selected_w .post_tips {
    font-size: 12px;
  }
}
.single_selected_w .img_w img {
  border-radius: 0.08rem 0.08rem 0 0;
  -webkit-transition: all 0.32s ease;
  -moz-transition: all 0.32s ease;
  -o-transition: all 0.32s ease;
  transition: all 0.32s ease;
}
.single_selected_w .img_w img:hover {
  opacity: 0.8;
}
.single_selected_w .list_w .img_w {
  min-height: 50px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0.08rem 0.08rem 0 0;
  -webkit-box-shadow: 0 14px 50px rgba(31, 45, 61, 0.1);
  box-shadow: 0 14px 50px rgba(31, 45, 61, 0.1);
  -webkit-transition: .3s;
  transition: .3s;
}
.single_selected_w .list_w .img_w a {
  display: block;
  padding-top: 73%;
  vertical-align: middle;
  position: relative;
  color: #4f5f6f;
  background-color: #E0E6EA;
}
.single_selected_w .list_w .img_w a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  margin: auto;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  transition: all 0.3s ease;
  background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, 0.1));
}
.single_selected_w .list_w .img_w a ::before {
  display: block;
  height: 100%;
  visibility: hidden;
  vertical-align: middle;
}
.single_selected_w .list_w .img_w a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
  transition: all 0.5s ease-out 0.1s;
  -webkit-transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s;
}
.single_selected_w .list_w:hover .img_w img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  -moz-transform: scale3d(1.1, 1.1, 1);
  -ms-transform: scale3d(1.1, 1.1, 1);
  -o-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}
/*text_w*/
.single_selected_w .text_w {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.16rem 0.16rem;
  overflow: hidden;
}
.single_selected_w .text_w .title_w {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.single_selected_w .list_w .text_w h4 {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 52px;
  display: inline-block;
  float: left;
  width: 60%;
  margin: 0;
}
/*层次小标题*/
.single_selected_w .sub_title {
  position: relative;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
  color: #FFF;
  line-height: 1;
  padding: 0.04rem 0.04rem;
  margin: 0px 0.06rem 0 0;
  border-radius: 2px;
}
.single_selected_w .icon_new {
  font-size: 14px;
  padding: 6px 8px;
}
.single_selected_w .sub_title::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  right: -4px;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}
.single_selected_w .text_w b {
  font-weight: 700;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .single_selected_w .text_w b {
    font-size: 12px;
  }
}
.single_selected_w .text_w a:hover b {
  color: var(--color_primary);
}
.single_selected_w .text_w .info {
  font-size: 14px;
  color: #c1c3c3;
}
.single_selected_w .text_w .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #c1c3c3;
}
@media (max-width: 480px) {
  .single_selected_w .text_w .info {
    font-size: 10px;
  }
}
.single_selected_w .text_w .info .views {
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.single_selected_w .text_w .icon_views {
  vertical-align: middle;
  display: inline;
  font-size: 14px;
  transition: all .3s;
  line-height: 1;
}
@media (max-width: 480px) {
  .single_selected_w .text_w .icon_views {
    font-size: 12px;
  }
}
.single_selected_w .list_w .btn_read_more {
  display: block;
  position: absolute;
  right: 12px;
  bottom: -8px;
  width: 60px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  color: var(--color_primary);
  border: 1px #08b4ba solid;
}
.single_selected_w .list_w .btn_read_more:hover {
  color: #FFF;
  background-color: #ea2626;
}
.single_selected_w .list_w .btn_view_more {
  display: block;
  width: 150px;
  height: 52px;
  line-height: 52px;
  border: 1px #08b4ba solid;
  text-align: center;
  background-color: var(--color_primary);
  color: #fff;
  margin: 80px auto 30px auto;
}
.single_selected_w .btn_view_more i {
  font-family: "宋体";
  padding-left: 4px;
}
.single_selected_w .btn_view_more:hover {
  color: #FFF;
  background-color: var(--color_primary);
}
@media (max-width: 990px) {
  .single_selected_w .btn_view_more {
    display: none;
  }
}
/*---hover交互---*/
.single_selected_w .list_w .ck_cover {
  width: 100%;
  height: 100%;
  background-color: var(--color_primary);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
}
.single_selected_w .list_w .ck_text {
  display: inline-block;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  vertical-align: middle;
}
.single_selected_w .icon_readmore {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px;
  width: 70px;
  height: 70px;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0.7) translateZ(0);
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: .5s;
  transform: scale(0.7) translateZ(0);
  transition-property: opacity,transform;
  transition-duration: .5s;
  zoom: 1;
}
.single_selected_w .list_w .ck_left_line {
  overflow: hidden;
  margin: auto;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 90px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
}
.single_selected_w .list_w .ck_right_line {
  overflow: hidden;
  margin: auto;
  width: 16px;
  height: 2px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 90px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
}
.single_selected_w .list_w .btn_ck {
  overflow: hidden;
  margin: auto;
  width: 100px;
  height: 32px;
  font-size: 16px;
  text-align: center;
  line-height: 32px;
  color: #fff;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
}
.single_selected_w .list_w .ck_cover,
.single_selected_w .list_w .ck_left_line,
.single_selected_w .list_w .ck_right_line,
.single_selected_w .list_w .btn_ck {
  -moz-transition: ease 0.4s;
  -o-transition: ease 0.4s;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
.single_selected_w .list_w .ck_left_line {
  left: 45%;
}
.single_selected_w .list_w .ck_right_line {
  right: 45%;
}
.single_selected_w .list_w .btn_ck {
  top: 10%;
}
.single_selected_w .list_w:hover .ck_cover {
  opacity: .8;
}
.single_selected_w .list_w:hover .ck_left_line,
.single_selected_w .list_w:hover .ck_right_line {
  opacity: .9;
}
.single_selected_w .list_w:hover .ck_left_line {
  left: 30%;
}
.single_selected_w .list_w:hover .ck_right_line {
  right: 30%;
}
.single_selected_w .list_w:hover .btn_ck {
  top: 0;
  opacity: 1;
}
@media (max-width: 480px) {
  .single_selected_w .list_w .btn_ck {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .single_selected_w .list_w .btn_ck {
    font-size: 14px;
  }
  .single_selected_w .list_w .ck_text,
  .list_w .ck_cover {
    display: none;
  }
  .single_selected_w.list_w:hover .tj_list a img {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.post_content {
  padding-top: 0.32rem;
  line-height: 2.2;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
  margin-top: 0.32rem;
  margin-bottom: 0.16rem;
  font-family: inherit;
  font-weight: blod;
  line-height: 1.2;
  color: inherit;
}
.post_content h1 {
  font-size: 36px;
}
.post_content h2 {
  font-size: 24px;
}
.post_content h3 {
  font-size: 18px;
}
.post_content h4 {
  font-size: 16px;
}
.post_content h5 {
  font-size: 13px;
}
.post_content h6 {
  font-size: 12px;
}
.post_content p {
  font-size: inherit;
  padding-bottom: 0.16rem;
  word-wrap: break-word;
}