body{
    background-color: #f3f3f3!important;
}
.fff a{
  color: #fff;
}
.cw{
  color: white;
}
.bg2ca{
  background-color: #2ca1df;
}
.cbg2ca{
  color: #2ca1df !important;
}
.df{
  display: flex;
}
.fw{
  flex-wrap: wrap;
}
.fd{
  flex-direction: column;
}
.jc{
  justify-content: center;
}
.js{
  justify-content: flex-start;
}
.ac{
  align-items: center;
}
.jb{
  justify-content: space-between;
}
.lbw {
  border-left: 1px solid #fff;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgb(255, 255, 255);
}
.br5{
  border-radius: 5px;
}
.p10{
  padding: 10px;
}
.pr10{
  padding-right: 10px;
}
.list-box a :hover{
  color: brown !important;
}
.btl{
  border-bottom: #e0dddd 1px solid;
}
/* 文章专题 */
.ztbg{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 120px;
}
.c99{
color: #999;
}
.slideshowCheck{
object-fit: cover;
}
.wendaimg{
width: 30px;
height: 30px;
}
.articleInfoOne {
width:100%;
overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
-webkit-line-clamp: 1;/*用来限制在一个块元素显示的文本的行数。*/
-webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排*/
}
.articleInfo {
color: #999999;
width:100%;
overflow : hidden;/*必须结合的属性,当内容溢出元素框时发生的事情*/
text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
display: -webkit-box;/*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
-webkit-line-clamp: 2;/*用来限制在一个块元素显示的文本的行数。*/
-webkit-box-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排*/
}
.zhuanti-inner {
width: 37.5rem;
height: 17.5rem;
margin: 1.8rem 1.8rem 1.8rem 1.8rem;
border-radius: 2rem;
}

.zhuanti-panel {
background-color: rgba(255, 255, 255, 0.5);
/* 0.5 表示 50% 透明度 */
padding: 2rem;
width: 30rem;
height: 4rem;
border-radius: 3rem;
}
.background-index{
height: 28.5rem;
background:url('/static/images/background-index.png'); width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;
}
.health-good-border {
text-align: center;
}

.health-good {
width: 12.5rem;
position: relative;
font-size: 2rem;
padding: 1rem;
border-bottom: 1px solid #90c3f4;
margin: 0 auto;

}

.health-good::before,
.health-good::after {
content: '';
position: absolute;
bottom: -5px;
/* 调整到边框下方 */
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
border: 1px solid #c2def9;
/* 可选边框 */
box-sizing: border-box;
}

.health-good::before {
left: 0;
transform: translateX(-50%);
/* 左端对齐 */
background-color: #c2def9;
}

.health-good::after {
right: 0;
transform: translateX(50%);
/* 右端对齐 */
background-color: #c2def9;
}