:root {
  --main--bg--color: #525a77;
}

.teamDetailBg {
  background-color: var(--main--bg--color);
}

.bjhHeader{
    position: relative;
}
*{
    padding: 0px;
    margin: 0px;
}


    .list-item {
          background-color: white;
        /* border-radius: 8px; */
        /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1); */
        padding: 20px;
        transition: transform 0.3s ease;
        /* margin-top: 20px; */
        padding-left: 0px;
        border-bottom: 1px solid #eee;
    }
    .subtitle{font-size: 14px;color:#666;}

    .title {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }
 .tag {
    background-color: #e74c3c;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-right: 20px;
}


.bjhRz{position: absolute;top:0px;right: 0px;line-height: 20px;display: flex;}
.bjhRz>img{width: 40px;height: 40px;z-index: 100;}
.bjhRz>div{background-color: #529c28;color: #FFF;height: 20px;line-height: 20px; text-align: center;font-size: 12px;border-radius: 5px;margin-top: 10px;margin-left: -12px;    padding: 0px 13px;}


.bjhHeaderName{font-size: 20px;font-weight: bold;color:#FFF;}
.bjhHeaderName2{font-size: 14px;color: #ccc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 30px;}
.bjhTj{background-color: #FFF;border-radius: 10px;margin-top: 20px;padding: 20px;}
img{border-radius: 5px;}
.bjhXqZi{font-size: 14px;color: #333;line-height: 26px;text-indent: 2rem;}
.bjhMemberCnt{display:flex;margin-bottom:15px;}
.bjhMemberZi{width: calc(100% - 80px);padding-left: 15px;}

.bjhRw{margin-top: 20px;border-radius: 10px;padding: 20px;background-color: #FFF;}
.bjhRwItem{display: flex;margin-bottom: 20px;}
.bjhRwItemImg>img{width: 120px;height: auto;border-radius:5px;}
.bjhRwItemZi{padding-left: 20px;display: flex; flex-direction: column;justify-content: space-between;width: calc(100% - 120px);}
.bjhRwItemZi1{font-size: 14px;}
.bjhRwItemZi2{font-size: 14px;color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}



.xz-zyts-detail-top .title { line-height: 40px; padding-bottom: 24px;  margin-bottom: 24px; border-bottom: 1px solid #ebebeb; color: #13161b; font-size: 30px; font-weight: 700; }
.bjhRightItem{border: 1px solid #eee;padding: 16px 25px;    font-size: 16px;border-radius: 4px; margin-bottom: 25px;}
.bjhRightItemTitle{position:relative;padding-left:12px;    font-size: 18px;    font-weight: 600;color: #13161b;margin-bottom: 16px;}
.bjhRightItemTitle>span{position:absolute;width:5px;height:18px;left:0px;top:4px;}
.bjhMemberTitle{font-size:18px;font-weight:600;}
.bjhMemberDesc{font-size:16px;}
.detail-images {position:relative; float: right;overflow: hidden; width: 300px; height: 200px; border: 1px solid #ebebeb; box-sizing: border-box; margin-left: 24px; margin-bottom: 10px; cursor: pointer; }
.detail-images  img {  width: 100%; height: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}

.detail-text-des { font-size: 16px; line-height: 30px; margin-bottom: 24px; font-weight: 400; color: #525252; }
.xz-tj {font-size:14px; height: 28px; line-height: 28px; padding: 0 8px; position: relative; border: 1px solid #ebebeb;margin-top:200px; }
.xz-albumbg{position: relative; height: 4px;}
.xz-albumbg:before { content: " "; position: absolute; border: 1px solid #ebebeb; border-top: 1px solid #fff; height: 3px; left: 3px; right: 3px; }

.xz-albumbg:after { content: " "; position: absolute; border: 1px solid #ebebeb;border-top: 1px solid #fff; height: 3px; left: 6px; right: 6px; top: 4px; }
.bar-item {margin-bottom:15px; width:33%; height: 58px; background: #f5f5f5; border-radius: 4px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #13161b; -ms-flex: 1; flex: 1;}

.bjhRelative{position:relative;}

.list-item-img { position: absolute; top: 0; left: 0; width: 300px; height: 200px; }
.list-item-img img { width: 100%; height: 100%; object-fit: cover;}
.bjhListRight{min-height: 200px;}
.bjhTeamRow{margin-bottom:15px;cursor:pointer;margin-left:0px;}

.listTitle{font-size: 20px; font-weight: 600; color: #13161b; line-height: 30px;margin-bottom:10px;position:relative;}
.listTitleTime{position:absolute;right:0px;top:5px;    font-size: 14px; color: #888;font-weight:normal}
.listDesc{ font-size: 14px; color: #888;line-height: 24px; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.listBtmLeft{font-size: 14px; color: #888;position:absolute;left:15px;bottom:0px;}
.btnSmText{font-size:14px;position:absolute;right:15px;bottom:0px;}

.bjhListRow{margin-left:0px;margin-top:24px;}

#bjhMember{}
.no-scrollbar-modern {scrollbar-width: none; -ms-overflow-style: none; }
.no-scrollbar-modern::-webkit-scrollbar { display: none; }
.bjhRightItemTitle2{position:relative;padding-left:12px;    font-size: 18px;    font-weight: 600;color: #13161b;padding-bottom:16px;margin-bottom: 16px;border-bottom:1px solid #ccc;}
.bjhRightItemTitle2>span{position:absolute;width:5px;height:18px;left:0px;top:4px;}

.xz-zhiycp-more{text-align:center;margin-bottom:10px;margin-top: 10px;}
.xz-zhiycp-more-link{cursor:pointer; display: inline-block;background: #fff;color: #13161b;font-size:14px; border-radius: 4px; border: 1px solid #dbdbdb; height: 40px; line-height: 38px; text-align: center; width: 223px; }




/* 对于手机 */
@media (max-width: 600px) {
  .bjhCnt{ padding: 20px;}
  .btn-pc{display: none !important;}
  .btn-mobile{display: block !important;}
  #bjhNav>.nav-item>.nav-link{padding: .5rem 0.5rem !important;min-width: 70px;font-size: 14px;text-align: center;}
  #bjhNavNew>.nav-item>.nav-link{padding: .5rem 0.5rem !important;min-width: 70px;font-size: 14px;text-align: center;}
}

/* 对于电脑 */
@media (min-width: 601px) {
   .bjhCnt{    padding: 20px; width: 500px;border-radius: 10px;border:1px solid #ccc; margin: 20px auto;}
   .btn-pc{display: block !important;}
   .btn-mobile{display: none !important;}
   #bjhNav>.nav-item>.nav-link{padding: .5rem 0.5rem !important;min-width: 86px;text-align: center;}
   #bjhNavNew>.nav-item>.nav-link{padding: .5rem 0.5rem !important;min-width: 86px;text-align: center;}

}

#bjhDown i {
  transition: transform 0.3s ease;
}

#bjhDown.active i {
  transform: rotate(180deg);
}


.divider-with-text {
  text-align: center;
  margin: 20px 0; /* 上下外边距，可以根据需要调整 */
  position: relative;
}

.divider-with-text span {
  background-color: white; /* 背景色与页面背景相同，以覆盖分割线 */
  padding: 0 10px; /* 根据需要调整左右内边距 */
  position: relative; /* 使 span 元素相对于其正常位置进行定位 */
  z-index: 1; /* 确保 span 元素在分割线之上 */
}

.divider-with-text::before,
.divider-with-text::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px; /* 分割线高度 */
  background-color: #ccc; /* 分割线颜色 */
  transform: translateY(-50%); /* 垂直居中 */
}

.divider-with-text::after {
  top: auto; /* 重置顶部位置 */
  bottom: 50%; /* 将其置于 span 元素下方 */
  transform: translateY(50%); /* 垂直居中 */
  background-color: transparent; /* 如果不需要下方分割线，可以将其设为透明 */
  /* 如果不需要下方分割线，可以将以下两行删除或注释掉
  width: calc(100% - var(--span-width, 0));
  left: calc(var(--span-width, 0) / 2);
  */
}

.bjhJiNeng{
  font-size:16px;
  margin-top:10px;
  color:#666;
}

.bjhJiNeng div[style*="display: none"] {
  display: none !important;
}

.bjhJiNeng.expanded div {
  display: block !important;
}

.show-more {
  color: #417ee0;
  cursor: pointer;
  margin-top: 8px;
  font-size: 14px;
}