.dh {height:30px;line-height: 30px;background-color: #fff;border-radius: 20px;
padding: 0 8px 0 12px;color: #6a6a6a;font-weight: normal;white-space: nowrap; 
overflow: hidden;display: flex;align-items: center;  /* 垂直居中 */gap: 8px;
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;}

.dh_title {display: flex;align-items: center;white-space: nowrap;color:#ff6600;}
.dh_title i{ margin-right:5px; font-size:14px;}
.dh_title a{color:#ff6600;}
.dh_title h1 a{color:#ff6600;}
.dh_title h1 {margin: 0;font-weight: normal;font-size: inherit;}
.dh_title .icon-right {font-size:8px;margin-left:5px;}
.dh_title .ico-more {font-size:10px;margin-left:5px;}
.dh .r {display: block;font-size: 12px;padding: 0 10px;color: #8f8f8f; position: absolute;right: 20px;top: 0; }
.dh .r a{color: #8f8f8f; }
.dh .r .ico-more {display: block;position: absolute;right: 0px;top: 0; font-size:8px;}

.part-cat-block {margin-bottom: 15px;background-color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;      display: flex;
      height: 80%; }



    /* 左侧编号栏 */
    .left-sidebar {
      display: flex;
      flex-direction: column;
      gap:8px;
	  margin:10px;
    }
    .left-sidebar .item-tag {
      padding:6px 12px;
      border-radius:999px;
      font-size:14px;
      text-align:center;
	  color:#5a5a5a;
    }
    .left-sidebar .item-tag.active {
      background-color: #ff7800;
      color:#fff;
    }
    .left-sidebar .item-tag.normal {
      background-color:#fff;
      color:#5a5a5a;
    }

    /* 中间分割竖线 */
    .divider {
      width:1px;
      background:#dddddd;
    }

    /* 右侧卡片2列网格 */
    .right-content {
      flex:1;
      padding:10px;


      grid-template-columns: 1fr 1fr;
      gap:10px;
      overflow-y:auto;
    }

	
	.card-item { margin-bottom:10px;}
	
.card-item .box{
        padding: 12px;
        background-color: #f3f9ff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        overflow: hidden;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
}
.card-item .box .item-ico {
    display: inline-block;
    vertical-align: top;
    width: 59px;
    height: 59px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
	
.card-item .box .item-title {
    line-height: 20px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    color: #3c3c3c;
    text-overflow: ellipsis;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
	
.card-item .box .local{ font-size:12px; color:#8f8f8f;font-weight: normal; }

	
.card-item .box .item-desc {
    font-size: 14px;
	line-height:20px; 
    color: #8f8f8f;
    display: block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
	
.card-item .box .item-tag {overflow: hidden; margin-top:10px;}
.card-item .box .text-wrap .tag {color: #9ca7ae;margin-right: 3px; font-size:12px;}
.card-item .box .text-wrap .tag  a{color: #9ca7ae;}
.card-item .box .text-wrap .tag  i{ margin-right:3px;}