/*article*/
.con{margin-bottom:4rem;}
.card{background:#fff;padding:10px 20px;margin-bottom:15px;}
.card h1,.card h4{font-weight: bold;}
.card span{margin-right:1.5rem;margin-top:10px;}
.con .con-left .article-content{text-align:justify; }
.con .con-left .article-content strong,.con .con-left .arcticle-content b{color:#000;}
.con .con-left .article-content{font-size: 16px;font-weight: normal; line-height: 1.75;color: #5c5c5c!important;}
.con .con-left .article-content p{ margin-bottom: 15px;}
.con .con-left .article-content  .tips-info{background:#f1f1f1;color:#606060;    line-height: 24px;padding: 10px;  margin-bottom: 20px;}

.sameArtice li h2{font-size:16px;}
.sameArtice li,.new_artice li,.links li{overflow:hidden;}
.new_artice li{margin:10px 0;}
.links .title{font-weight:bold;}
/*article end*/
/*public*/
.articleCon .fa:before,.con .fa:before{color:var(--main-color);}

.links .row:nth-child(odd) {
  background-color: #f5f5f5; /* 浅灰色背景 */
}
/*代码高亮显示*/
.code-block {
      background: #f5f5f5;
      padding: 8px 12px;
      border-radius: 4px;
      overflow-x: auto;
    }
    .code-block code {
      color: #1688f1;
      font-family: Consolas, Monaco, 'Andale Mono', monospace;
      white-space: pre;
    }
/*list*/
.articleList{background:#fff;padding:10px;}
.articleList ul{width:100%}
.articleList ul li{display:flex;}
.articleList ul li span{
padding:5px 15px;
}
.articleList ul li a{font-size:14px;}

.articleList ul li .parent,.articleList ul li .children span {
   text-align: justify;
   text-justify: inter-word;
   text-align-last: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify;
}

.articleList ul li .parent{font-weight:bold}
.articleList ul li:hover{background:var(--main-color)!important}
.articleList ul li:hover a{color:#fff}
.articleList ul li:hover .parent a {
  color: var(--hover-color); 
  transition: color 0.3s ease; 
}

/* 双数li背景色修改 */
.articleList ul li:nth-child(odd) {
  background-color: #f5f5f5; /* 浅灰色背景 */
}
.articleCon{margin-top:20px;margin-bottom:40px;}
.articleCon h1{padding-left: 7px; border-left: 3px solid var(--main-color);margin:0}

.articleCon .artLeft{padding: 15px;background:#fff;}
.articleCon .con-left{padding-left:0px;}
.articleCon .con-right{padding-right:0px;}
.articleCon .artLeft li{
  padding:0 15px;
  border:1px solid #d1d1d1;
  margin:30px 0;
  border-radius:10px;
   transition: 
    transform 0.3s ease,
    max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);


}
.articleCon .artLeft li:hover{

 /*  cursor: pointer; */
 background:#efefef;
 color:#000;
}

.articleCon .artLeft li:hover .truncate-3-lines{

 -webkit-line-clamp: unset;
  max-height: none; /* 足够大的值确保显示全部内容 */
  overflow: visible;

}

.articleCon .artLeft .icon{
 opacity: 1;
  transition: 
    height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.3s ease 0.1s,
    padding 0.25s ease,
    margin 0.25s ease;
}
/* .articleCon .artLeft li:not(:hover) .icon{
  opacity: 0;
  transform: scale(0.95) translateY(-20px);
  height: 0 !important;
  max-height: 0;
  padding: 0;
  margin: 0;
  border-width: 0;
  transition-property: opacity, transform, height, max-height, padding, margin;
  transition-duration: 0.35s, 0.35s, 0.35s, 0.3s, 0.25s, 0.25s;
  transition-timing-function: 
    cubic-bezier(0.4, 0, 0.2, 1), 
    cubic-bezier(0.4, 0, 0.2, 1),
    cubic-bezier(0.4, 0, 0.2, 1),
    ease,
    ease,
    ease;
  transition-delay: 0s, 0s, 0s, 0.1s, 0s, 0s;
} */
/* 初始状态 */
.articleCon .artLeft .icon {
opacity: 1;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}



/* 确保动画完成 */
.articleCon .artLeft li + li .icon {
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transition-delay: 0.15s;
}
.articleCon .artLeft h2 {
    margin-bottom: 20px;
    font-size: 30px;
    color: #05111a;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
	line-height: 134%;
}
.articleCon .artLeft p{
    font-weight: 400;
	transition: all 0.4s ease-in-out;
	color:#9ba0a3;
}
/* 三行文本截断方案 */
.truncate-3-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 控制显示行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5; /* 建议设置行高确保计算准确 */
  max-height: calc(1.5em * 3); /* 备用方案：行高×行数 */
}
.articleCon .artLeft .thumbail,.articleCon .artLeft .icon{
 margin-top:20px; 
}

  .salelinks-goods{
  position: relative; /* 初始位置 */
  }
  .salelinks-fixed-top{
  position: fixed;!important;
  top:123px; /* 根据需要调整 */
  width: 20%; /* 确保宽度覆盖整个视口 */
  
  }