.nav{
    height: 0.56rem;
    position: relative;
    z-index: 100;
    background: #0D9DE9;
    top: -0.04rem;
}
.nav-box{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0.56rem;
}
.nav-box-body{
    display: flex;
    min-width: 11.7rem;
    justify-content: space-between;
}
.nav-box-selected{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 0.56rem;
    text-align: center;
    background: linear-gradient( 180deg, #1A72DE 0%, #007FC3 100%);
}
.nav-box-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.3rem;
    height: 0.56rem;
    text-align: center;
}
.nav-box-item span,.nav-box-selected span{
    font-family: AppleSystemUIFont;
    font-size: 0.18rem;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
}
.sy-banner {
    width: auto;
    height: 20.995vw;
    position: relative;
    background: url('sy-banner.png') no-repeat top;
    background-size: contain;
}
.list-banner {
    width: auto;
    height: 10.426vw;
    position: relative;
    background: url('list-banner.png') no-repeat top;
    background-size: contain;
}
.banner{
    height: 6.11rem;
    padding-top: 1.7rem;
    background: url('banner.png');
    background-size: cover;
}
.search_from{
    top: 0.16rem;
    right: 2.6rem;
    width: 2.8rem;
    height: 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    background: rgba(255,255,255,0.3);
    box-shadow: 0px 0.04rem 0.08rem 0px #044F8F;
    border-radius: 0.2rem;
    border: 0.01rem solid rgba(255,255,255,0.75);
    padding: 0 0.08rem;          /* 增加内边距，让子元素不贴边 */
}
.search_from input {
    flex: 1;                 /* 自动撑满剩余宽度，无需计算 */
    height: 100%;
    min-width: 0;            /* 防止 flex 溢出 */
    border: none;
    background: transparent;
    outline: none;           /* 移除默认轮廓，聚焦由下方控制 */
    padding: 0 0.12rem;         /* 左右内边距，代替 margin */
    font-size: 0.14rem;
    color: #fff;             /* 假设白色文字，若需要深色可改 */
    box-sizing: border-box;  /* padding 计入宽度内 */
    &::placeholder {
        color: rgba(255, 255, 255, 0.6);
        font-size: 0.14rem;
    }
}
.search_from button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    width: 0.32rem;             /* 固定宽度，让布局稳定 */
    height: 0.32rem;
    flex-shrink: 0;          /* 防止被压缩 */
    padding: 0;
    cursor: pointer;
    border-radius: 50%;      /* 可选，圆形的点击区域 */
    transition: background 0.2s;
    /* 按钮悬停反馈（可选） */
    &:hover {
        background: rgba(255, 255, 255, 0.2);
    }
}
.search_from button img {
    width: 0.56rem;
    height: 0.56rem;
    object-fit: contain;
    display: block;
}
.logo{
    background: url('logo.png') no-repeat;
    background-size: 0.6rem, 0.6rem;
    background-position-y: 0.26rem;
    padding-left: 0.8rem;
}
.thumb{
    width: 100%;
    height: 100%;
    background: url('thumb.png') no-repeat;
    background-size: contain;
}
.image1{
    width: 2.7rem;
    height: 2rem;
    background: url('image1.png');
}
.image2{
    width: 2.56rem;
    height: 2rem;
    background: url('image1.png');
}
.div-line{
    height: 0.01rem;
    background: #2080fb;;
}
.imptant-notice{
    width: 8.5rem;
    height: 2.8rem;
    background-color: #006acd;
    box-shadow: 0 0 0.05rem 0.01rem #006acd;
}
.image3{
    width: 2.7rem;
    height: 2rem;
    background: url('image3.png');
}
.title{
    line-height: 0.3rem;
    color: #111111;
    font-size: 0.26rem;
}
.shortcut-icon{
    width: 1.28rem;
    height: 1.38rem;
    background: url('shortcut-icon.png');
}
.member-icon{
    width: 1.4rem;
    height: 1.44rem;
    background: url('member-icon.png') ;
}
.arrow-left-icon{
    width: 0.22rem;
    background: url('arrow-left.png') no-repeat;
    background-position: left center;
}
.arrow-right-icon{
    width: 0.22rem;
    background: url('arrow-right.png') no-repeat;
    background-position: left center;
}
.input-box{
    width: 2.8rem;
    height: 0.38rem;
    line-height: 0.38rem;
    padding: 0 0.2rem;
    border: solid 0.01rem #fff;
    background: #111;
    color: #fff;
}
::-webkit-input-placeholder{
    color: #fff;
}
input[type='button']{
    width: 0.8rem;
    height: 0.38rem;
    border: solid 0.01rem #ffffff;
    background: #111;
    color: #fff;
}
.solid-blue-dot{
    width: 0.16rem;
    height: 0.16rem;
    background: url('solid-blue-dot.png') no-repeat;
}
.empty-blue-dot{
    width: 0.16rem;
    height: 0.16rem;
    background: url('empty-blue-dot.png') no-repeat;
}
.banner1{
    width: auto;
    height: 3.7rem;
    background: url('3.png');
}
.banner2{
    width: auto;
    height: 3.7rem;
    background: url('5.png');
}
.content-list-item a{
    color: #333;
}
.list-body{
    background: #f8f8f8;
}
.list-item{
    height: 0.58rem;
    line-height: 0.58rem;
    padding-left: 0.66rem;
    border-bottom: solid 0.01rem #dcdcdc;
    cursor: pointer;
    font-size: 0.16rem;
}
.list-item-sel{
    /*height: 58px;*/
    line-height: 0.58rem;
    padding-left: 0.66rem;
    border-bottom: solid 0.01rem #dcdcdc;
    color: #006acd;
    cursor: pointer;
    font-size: 0.16rem;
}
.list-item-sel.active>a{
    text-decoration: none; color:#2080fb;
}
.list-item-sel.active>div{
    display: block;
}
.list-item-sel.active>div .level2.active a{
    text-decoration: none; color:#2080fb;
}
.list-item-sel>div{
    display: none;
}
.content{
    width: 100%;
    height: 100%;
    background: url('sy-bg.png') no-repeat;
    background-size: cover;
    border: 0.01rem solid transparent;
}
.content-box{
    margin: 0 auto;
    max-width: 11.7rem;
    padding: 0.1rem 0.13rem;
    margin-bottom: 0.2rem;
}
.content-header{
    width: 100%;
    height: 3.8rem;
    background: #FFFFFF;
    box-shadow: 0px 0.02rem 0.04rem 0px rgba(136,118,118,0.13);
    border-radius: 0.04rem;
}
.content-bottom{
    display: flex;
    flex-flow: wrap;
    margin-top: 0.1rem;
    align-items: center;
    justify-content: flex-start;
}
.category-item{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: #F9FCFF;
    width: calc( (100% - 0.3rem) / 4 );
    height: 1rem;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    border-radius: 0.04rem;
}
.category-item-title{
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.22rem;
    font-style: normal;
}
.category-item-image{
    width: 0.37rem;
    height: 0.32rem;
    object-fit: contain;
}
.content-bottom > .category-item:nth-child(4n) {
    margin-right: 0px !important;
}
.txt-top{
    width: 6.8rem;
    height: 100%;
    padding: 0.1rem;
}
.foot-logo {
    height: 0.75rem;
    line-height: 0.75rem;
    padding-left: 0.7rem;
    background: url('logo.png') no-repeat;
    background-size: 0.6rem, 0.6rem;
    background-postion-y: 0.08rem;
}
a{
    text-decoration: none;
    color: black;
}
/* css 重置 */
*{margin:0; padding:0; list-style:none; }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }
/* 本例子css */
.picScroll-left{
    width: 50%;
    height: 100%;
    padding: 0.1rem;
    overflow:hidden; 
    position:relative;
    float: left;
}
.picScroll-left .hd{
    display: flex;
    overflow: hidden;
    position: absolute;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.picScroll-left .hd .prev{
    background: url('left.png') no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    height: 0.32rem;
    width: 0.46rem;
    left: 0.2rem;
}
.picScroll-left .hd .next{
    background: url('right.png') no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    height: 0.32rem;
    width: 0.46rem;
    right: 0.2rem;
}
.picScroll-left .hd ul {
    position: absolute;
    overflow: hidden;
    bottom: 0.28rem;
    right: 0.32rem;
    z-index: 2;
    zoom: 1;
}
.picScroll-left .hd ul li {
	float: left;
	width: 0.1rem;
	height: 0.1rem;
	overflow: hidden;
	margin-right: 0.05rem;
	text-indent: -9.99rem;
	margin-right: 0.1rem;
	cursor: pointer;
    opacity: 0.4;
    background: #FFF;
    border-radius: 50%;
}
.picScroll-left .hd ul li.on {
	width: 0.27rem;
    opacity: 1;
    border-radius: 0.06rem;
}
.picScroll-left .pic-bottom{
    width: 100%;
    height: 0.48rem;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    position: absolute;
}
.picScroll-left .pic-bottom-title {
    display: block;
    width: calc(100% - 1.5rem);
    margin: 0.12rem;
    text-align: left;
    box-sizing: border-box;
}
.picScroll-left .pic-bottom a {
    width: 100%;                   /* 填满父容器 .pic-bottom-title */
    display: block;                /* 关键：保持块级，text-overflow:ellipsis 依赖它，切勿改成 flex */
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0.24rem;             /* 行高 24px，让单行省略号出现在底部边缘 */
    font-style: normal;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.picScroll-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picScroll-left .bd ul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.picScroll-left .bd ul li .pic {
	text-align: center;
}
.picScroll-left .bd ul li .pic img {
	width: 1.2rem;
	height: 0.9rem;
	display: block;
	padding: 0.02rem;
}
.picScroll-left .bd ul li .pic a:hover img {
	border-color: #999;
}
.picScroll-left .bd ul li .title {
	line-height: 0.24rem;
}
.picScroll-right{
    width: 50%;
    height: 100%;
    padding: 0.1rem;
    overflow:hidden; 
    position:relative;
    float: left;
}
.picScroll-right .title{
    height: 0.4rem;
    background: #0D9DE9;
    background: url('label.png') no-repeat;
    background-size: 100% 100%;
    padding-right: 0.19rem;
    padding-left: 0.08rem;
}
.picScroll-right .title span{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.picScroll-right .more{
    font-size: 0.14rem;
    color: #585858;
    line-height: 0.4rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.picScroll-right .new-list{
    display: flex;
    flex-direction: column;
    margin-top: 0.12rem;
}
.picScroll-right .new-list-title{
    height: 0.32rem;
    font-weight: bold;
    font-size: 0.2rem;
    color: #000000;
    line-height: 0.3rem;
    text-align: left;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.picScroll-right .new-list-description {
    display: flex;                 /* 文本和链接水平排列 */
    align-items: flex-end;         /* 顶部对齐（或底部对齐，看需求） */
    gap: 0.04rem;                      /* 文本与链接的间距 */
    font-weight: 400;
    font-size: 0.15rem;
    color: #7F7C7C;
    line-height: 0.2rem;
    margin: 0.06rem 0px;
    max-height: 0.4rem;              /* 两行高度，防止溢出 */
    overflow: hidden;              /* 隐藏超出部分（备选） */
}
/* 文本部分：两行省略 */
.picScroll-right .new-list-description .text {
    flex: 1;                       /* 占据剩余宽度 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
}
/* 链接部分：固定显示，不换行 */
.picScroll-right .new-list-description .info {
    white-space: nowrap;           /* 链接不换行 */
    color: rgba(13, 157, 233, 1);
    font-size: 0.15rem;
    line-height: 0.2rem;             /* 与文本行高一致，保证垂直对齐 */
}
.new-list-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.45rem;
}
.new-list-item > a > br{
    display: none;
}
.new-list-dot{
    width: 0.05rem;
    height: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.07rem;
    margin-right: 0.1rem;
}
.new-list-content{
    flex: 1;
    font-size: 0.15rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-bottom: 0.02rem dashed rgba(204,204,204,0.7);
}
.new-list-date{
    width: 1.38rem;
    font-size: 0.15rem;
    color: #909090;
    text-align: right;
    font-style: normal;
    text-transform: none;
}
.djxx{
    margin: 0.1rem 0px;
}
.djxx a{
    display: flex;
    height: 100%;
}
.new-row{
    display: flex;
    justify-content: space-between;
}

.new-row-left{
    width: calc( 50% - 0.05rem );
    height: 100%;
    padding: 0.1rem;
    overflow:hidden; 
    position:relative;
    float: left;
    background: #FFFFFF;
    box-shadow: 0px 0.02rem 0.04rem 0px rgba(136,118,118,0.13);
    border-radius: 0.04rem;
}
.new-row-left .title{
    height: 0.4rem;
    background: #0D9DE9;
    background: url('label.png') no-repeat;
    background-size: 100% 100%;
    padding-right: 0.19rem;
    padding-left: 0.08rem;
}
.new-row-left .title span{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-row-left .more{
    font-size: 0.14rem;
    color: #585858;
    line-height: 0.4rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.new-row-left .new-list{
    display: flex;
    flex-direction: column;
    margin-top: 0.05rem;
}
.new-row-left .new-list-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.45rem;
    border-bottom: 0.02rem dashed rgba(204,204,204,0.7);
}
.new-row-left .new-list-content{
    flex: 1;
    font-size: 0.15rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border: none;
}
.new-row-left .new-list-date{
    width: 1.27rem !important;
    padding-right: 0.11rem !important;   
}
.new-row-right{
    width: calc( 50% - 0.05rem );
    height: 100%;
    padding: 0.1rem;
    overflow:hidden; 
    position:relative;
    float: right;
    background: #FFFFFF;
    box-shadow: 0px 0.02rem 0.04rem 0px rgba(136,118,118,0.13);
    border-radius: 0.04rem;
}
.new-row-right .title{
    height: 0.4rem;
    background: #0D9DE9;
    background: url('label.png') no-repeat;
    background-size: 100% 100%;
    padding-right: 0.19rem;
    padding-left: 0.08rem;
}
.new-row-right .title span{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-row-right .more{
    font-size: 0.14rem;
    color: #585858;
    line-height: 0.4rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.new-row-right .new-list{
    display: flex;
    flex-direction: column;
    margin-top: 0.05rem;
}
.new-row-right .new-list-item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 0.45rem;
    border-bottom: 0.02rem dashed rgba(204,204,204,0.7);
}
.new-row-right .new-list-content{
    flex: 1;
    font-size: 0.15rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    border: none;
}
.new-row-right .new-list-date{
    width: 1.27rem !important;
    padding-right: 0.11rem !important;   
}
.yqlj{
    width: 100%;
    height: 100%;
    padding: 0.1rem;
    background: #FFFFFF;
    box-shadow: 0px 0.02rem 0.04rem 0px rgba(136,118,118,0.13);
    border-radius: 0.04rem;
}
.yqlj .title {
    height: 0.4rem;
    background: #0D9DE9;
    background: url(label.png) no-repeat;
    background-size: 100% 100%;
    padding-right: 0.19rem;
    padding-left: 0.08rem;
}
.yqlj .title span{
    font-weight: bold;
    font-size: 0.2rem;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.yqlj-list{
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0.2rem;
}
.yqlj-list-item{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: calc( (100% - 0.3rem) / 4 );
    height: 0.63rem;
    background: #ECF3FF;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    border: 0.01rem solid #0D9DE9;
}

.yqlj-list-item:nth-child(4n) {
    margin-right: 0px !important;
}

.yqlj-list-item a {
    height: 0.29rem;
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.29rem;
    font-style: normal;
    
    /* 新增省略号样式 */
    display: inline-block;      /* 或 block，使宽度生效 */
    max-width: 100%;            /* 或设置具体宽度如 200px，按需调整 */
    white-space: nowrap;        /* 强制单行显示 */
    overflow: hidden;           /* 隐藏溢出内容 */
    text-overflow: ellipsis;    /* 溢出显示省略号 */
}
.footer{
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(footer-bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 0.36rem;
    padding-bottom: 0.4rem;
}
.footer-left{
    display: flex;
    flex-flow: column;
    margin-right: 1.16rem;
}
.footer-left .title{
    height: 0.3rem;
    font-weight: 400;
    font-size: 0.25rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    letter-spacing: 0;
    text-align: left;
    font-style: normal;
}
.footer-right{
    display: flex;
    flex-flow: column;
}
.child_title{
    height: 0.3rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.3rem;
    text-align: left;
    font-style: normal;
    opacity: 0.8;
}

/* ===== 导航 hover 下拉菜单 ===== */
.nav-item-wrap{
    display: flex;
    position: relative;
}
.nav-item-wrap:hover > a > .nav-box-item,
.nav-item-wrap:hover > a > .nav-box-selected{
    background: linear-gradient( 180deg, #1A72DE 0%, #007FC3 100%);
}
.nav-dropdown{
    position: absolute;
    top: 0.56rem;
    left: 50%;
    z-index: 1000;
    min-width: 1.5rem;
    padding: 0.06rem 0;
    background: #FFFFFF;
    border-radius: 0.06rem;
    box-shadow: 0px 0.06rem 0.16rem 0px rgba(13,111,216,0.18);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-0.08rem);
    transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
}
.nav-item-wrap:hover .nav-dropdown{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.nav-dropdown-item{
    display: block;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0 0.18rem;
    font-size: 0.15rem;
    color: #333333;
    white-space: nowrap;
    transition: color 120ms ease, background 120ms ease;
}
.nav-dropdown-item:hover{
    color: #2080FB;
    background: rgba(13,157,233,0.15);
}
.nav-dropdown-item:hover .nav-dropdown-arrow{
    background-image: url('pull_down_selected.png');
}
.nav-dropdown-item-selected,
.nav-dropdown-item-selected:hover{
    color: #2080FB;
    background: rgba(13,157,233,0.15);
}
.nav-dropdown-item-sub{
    height: 0.35rem;
    line-height: 0.35rem;
    padding-left: 0.32rem;
    font-size: 0.14rem;
    color: #666666;
}
.nav-dropdown-seat{
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
}
.nav-dropdown-arrow{
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    margin-right: 0.05rem;
    vertical-align: middle;
    background: url('pull_down.png') no-repeat center;
    background-size: contain;
}
.nav-dropdown-arrow-selected{
    background-image: url('pull_down_selected.png');
}

/* ===== 列表页：面包屑条 ===== */
.crumb-bar{
    width: 100%;
    height: 0.65rem;
    background: #FFFFFF;
    border-bottom: 0.01rem solid #D8D8D8;
}
.crumb-box{
    display: flex;
    align-items: center;
    max-width: 10.98rem;
    height: 0.65rem;
    margin: 0 auto;
    font-size: 0.18rem;
    color: #333333;
    position: relative;
    left: 0.12rem;
    overflow: hidden; /* 父容器依旧要隐藏溢出 */
    box-sizing: border-box;
}
.crumb-icon{
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.08rem;
    object-fit: contain;
}
.crumb-sep{
    width: 0.16rem;
    height: 0.24rem;
    margin: 0 0.08rem;
    color: #999999;
}
.crumb-box a{
    color: #666666;
}
.crumb-box a:hover{
    color: #2080FB;
}
.crumb-current{
    flex-shrink: 1;        /* 允许收缩 */
    min-width: 0;          /* 允许收缩到 0，防止被内容撑开 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.crumb-current br{
    display: none;
}
.crumb-current span{
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 分隔符和前面的链接不允许收缩，保持完整 */
.crumb-box a:not(.crumb-current) {
    flex-shrink: 0;        /* 固定不压缩 */
    white-space: nowrap;
}
/* ===== 列表页：主体布局 ===== */
.list-box{
    background: url('list-bg.png') no-repeat center;
    background-size: 100% 100%;
    border: 0.01rem solid transparent;
}
.list-main{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 10.98rem;
    margin: 0.25rem auto;
    position: relative;
    left: 0.12rem;
}

/* ===== 列表页：左侧树形菜单 ===== */
.side-tree{
    width: 1.8rem;
    overflow: hidden;
    box-shadow: 0px 0.02rem 0.08rem 0px rgba(13,111,216,0.08);
    border-left: 0.02rem solid #D6DEEA;
    margin-right: 0.23rem;
}
.side-tree-group{
    border-bottom: 0.01rem solid #EEF3F9;
}
.side-tree-group:first-child{
    border-top: 0.01rem solid #EEF3F9;
}
.side-tree-item{
    display: block;
    position: relative;
    height: 0.52rem;
    line-height: 0.52rem;
    padding-left: 0.36rem;
    font-size: 0.16rem;
    color: #333333;
    cursor: pointer;
    transition: color 120ms ease, background 120ms ease;
    /* 👇 新增溢出省略号（三件套） */
    overflow: hidden;          /* 隐藏溢出内容 */
    white-space: nowrap;       /* 强制文本不换行 */
    text-overflow: ellipsis;   /* 溢出部分显示省略号 */
    /* 👇 关键：限制最大宽度，并让 padding 向内计算，防止溢出父容器 */
    max-width: 100%;
    box-sizing: border-box;
}
.side-tree-item:hover{
    color: #2080FB;
    background: #F5F9FE;
}
.side-tree-item-active{
    color: #2080FB;
    background: rgba(13,157,233,0.15);
}
.side-tree-item-active::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0px;
    width: 0.04rem;
    background: #0D9DE9;
}
.side-tree-child{
    height: 0.46rem;
    line-height: 0.46rem;
    padding-left: 0.46rem;
    font-size: 0.15rem;
    color: #666666;
}
/* 搜索结果页：栏目层级树第三级 */
.side-tree-child-sub{
    height: 0.44rem;
    line-height: 0.44rem;
    padding-left: 0.6rem;
    font-size: 0.14rem;
    color: #666666;
}
.side-tree-children{
    display: none;
}
.side-tree-group.open .side-tree-children{
    display: block;
}
.side-tree-arrow{
    position: absolute;
    left: 0.14rem;
    top: 50%;
    width: 0.1rem;
    height: 0.33rem;
    margin-top: -0.17rem;
    cursor: pointer;
    background: url('left-crumb.png') no-repeat center;
    background-size: contain;
    transition: transform 150ms ease;
}
.side-tree-group.open .side-tree-arrow{
    background-image: url(pull_down_selected.png);
    background-size: contain;
    width: 0.14rem;
}
.side-tree-item-active .side-tree-arrow{
    background-image: url('pull_down_selected.png');
    background-size: contain;
    width: 0.14rem;
}

/* ===== 列表页：右侧内容 ===== */
.list-content{
    box-sizing: border-box;
    width: calc(100% - 2.03rem);
}
.content-list{
    min-height: 2rem;
}
.content-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.16rem;
    cursor: pointer;
    font-size: 0.16rem;
    list-style: none;
    transition: transform 120ms ease;
}
/* 👇 只给奇数行加背景 */
.content-list-item:nth-child(odd) {
    background: rgba(13, 157, 233, 0.05);
}
.content-list-item:hover{
    transform: translateX(0.02rem);
}
.content-list-item > a{
    display: block;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}
.content-list-item > a:hover{
    color: #2080FB;
}
.content-list-item > a > br{
    display: none;
}
.content-dot{
    display: inline-block;
    width: 0.06rem;
    height: 0.06rem;
    margin-right: 0.1rem;
    vertical-align: middle;
    border-radius: 50%;
    background: #2080FB;
}
.content-new{
    height: 0.19rem;
    margin-left: 0.08rem;
}
.content-date{
    margin-left: 0.12rem;
    font-size: 0.14rem;
    color: #999999;
}
.list-empty{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6rem 0;
    font-size: 0.15rem;
    color: #999999;
    min-height: 2.3rem;
}

/* ===== 列表页：分页器 ===== */
.pager{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666666;
    margin: 0.25rem 0px;
    font-size: 0.14rem;
    background: transparent;
}
.page-circle,
.page-link a,
.page-prev a,
.page-next a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0.32rem;
    height: 0.32rem;
    padding: 0 0.06rem;
    margin: 0 0.05rem;
    box-sizing: border-box;
    color: #666666;
}
.page-circle{
    padding: 0;
    background-size: 100% 100%;
}
.page-circle:hover{
    color: #2080FB;
}
.page-circle-selected,
.page-circle-selected:hover{
    color: #FFFFFF;
    background-image: url('page-selected.png');
}
.page-link a{
    background: url('page.png') no-repeat center;
    background-size: 100% 100%;
    padding: 0;
}
.page-link a:hover{
    color: #2080FB;
}
.page-arrow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.32rem;
    height: 0.32rem;
    font-size: 0.2rem;
    color: #999999;
    margin: 0 0.05rem;
    background: rgba(6,69,209,0.06);
    border-radius: 0.17rem;
    padding-bottom: 0.06rem;
}
.page-arrow:hover{
    color: #2080FB;
}
.page-arrow-disabled,
.page-arrow-disabled:hover{
    color: #CCCCCC;
    cursor: default;
}
.page-ellipsis{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 0.2rem;
    height: 0.32rem;
    margin: 0 0.02rem;
    color: #999999;
    letter-spacing: 0.01rem;
}
.page-first,
.page-last{
    margin: 0 0.08rem;
    color: #666666;
}
.page-first:hover,
.page-last:hover{
    color: #2080FB;
}
.page-more a,
.page-prev a,
.page-next a{
    font-size: 0.14rem;
}
.page-prev a:hover,
.page-next a:hover,
.page-more a:hover{
    color: #2080FB;
}
.page-jump{
    margin-left: 0.14rem;
    color: #666666;
}
.page-jump input{
    width: 0.4rem;
    height: 0.34rem;
    margin: 0 0.06rem;
    text-align: center;
    border: 0.01rem solid #DDE9F7;
    background: rgba(6, 69, 209, 0.06);
    border-radius: 0.04rem;
    outline: none;
    color: #333333;
}
.page-jump input:focus{
    border-color: #2080FB;
}
.news{
    width: 100%;
    height: 100%;
    background: url(content-bg.png) no-repeat center;
    background-size: 100% 100%;
    border: 0.01rem solid transparent;
}
.news-box{
    width: 11.7rem;
    padding: 0.38rem 0.8rem;
    line-height: 2;
    font-size: 0.16rem;
    margin: 0.2rem auto;
    background-color: #fff;
}
.news-box .title{
    font-size: 0.22rem;
    text-align: center;
    font-style: normal;
    padding-bottom: 0.2rem;
    color: #be2d25;
}
.news-box .child_title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    color: rgba(61, 61, 61, 1);
    height: auto;
    font-size: 0.16rem;
    opacity: 1;
    position: relative;
    text-align: left;
    font-style: normal;
    border-bottom: solid 1px rgba(232, 232, 232, 1);
}
.news-box .line{
    width: 100%;
    height: 0.01rem;
    background: #CCCCCC;
    margin: 0.17rem 0px 0.29rem 0px;
}
.news-box p a{
    margin-bottom: 0.1rem;
}
/* ===== 内容页：左侧栏目菜单独立于右侧 news-box 卡片并列 ===== */
/* 整体宽度与列表页 .list-main 一致（10.98rem），侧栏 1.8rem + 间距 0.23rem，正文卡片 8.95rem */
.news-main{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 10.98rem;
    margin: 0 auto;
}
.news-main > .side-tree{
    flex-shrink: 0;
    /* 与 .news-box 的 0.2rem 上外边距对齐 */
    margin-top: 0.2rem;
}
/* 仅收缩内容页内的白卡片，不影响其他内容页（content_hydj/content_lx 等）的 11.7rem */
.news-main > .news-box{
    width: calc(100% - 2.03rem);
}
.news-main > .news-box img{
    max-width: 100% !important;
}