/*banner图股价信息*/
.banner-box{position:relative;}

.stock-container{position:absolute;bottom:0.7rem;z-index: 9;width:83%;left:50%;transform:translate(-50%,0);}
.stock-card{width: 13.2rem;height:1.3rem;background:rgba(255,255,255,0.92);padding:0.2rem 0.33rem;box-shadow:0 8px 32px rgba(0,0,0,0.15);display:flex;box-sizing:border-box;}
.stock-header{display:flex;align-items:baseline;flex-direction: column;justify-content: space-between;margin-left: 1.6rem;}
.stock-code{font-size:0.2rem;font-weight:900;color:#141414;letter-spacing:0.5px;}
.stock-date{font-size:0.16rem;color:#141414;margin-left:0.15rem;}
.stock-body{display:flex;flex:1;align-items:center;}
.current-price{display:flex;align-items:flex-end;}
.price-val{font-size:0.42rem;font-weight:900;color:#0f3471;line-height:1;}
.price-unit{font-size:0.16rem;color:#666;margin-left:0.1rem;margin-bottom:0.05rem;}

/* ========= 修改 stock‑metrics 以及 box1 相关 ========= */
.stock-metrics{
    display: flex;
    flex-direction: column; /* 让one、two上下堆叠 */
    justify-content: space-around;
    margin-left: 1.8rem;
    height: 100%;
}
.box1{
    display:flex;
    justify-content: space‑between; /* 内部两个metric-item左右分开 */
    gap: 2rem; /* 左项和右项之间大间距，根据设计微调 */
    width:100%;
}
.metric-item{
    display:flex;
    align-items:baseline;
    font-size:0.2rem;
    color:#141414;
    /* 删除原来margin-right，由gap控制间距 */
    margin-right:0;
}
/* 删掉原来 nth-child(2n) 清除margin的规则，不再需要 */
.metric-label{color:#141414;margin-right:.24rem;}
.metric-val{font-weight:600;color:#222;margin-right:3px;}
.metric-unit{color:#141414;font-size: 0.16rem;margin-left: .08rem;}
/*banner图股价信息*/



.gszlBox>h2{margin:0 0 0.5rem;}
.report-item:first-child{border-top:1px solid #D9D9D9;}
.report-item{padding:0.35rem 0.6rem;border-bottom:1px solid #D9D9D9;transition:all 0.4s;}
.report-item:hover{background:rgba(248, 248, 248, 0.50);}
.report-item .item-lt{flex:18;padding-right:0.6rem;display:flex;align-items: center;}
.report-item .item-rt{width: 1.4rem;height: 0.46rem;text-align:center;transition:all 0.4s;}
.report-item .item-ct{flex:3;}
.report-item .item-lt a,.report-item .item-ct span{transition:all 0.4s;}
.report-item:hover .item-lt a,.report-item:hover .item-ct span{color:#003B83;}
.report-item:hover .item-rt{background-color:#003B83}
.report-item .item-rt img{transition:all 0.4s;}
.report-item:hover .item-rt img{filter: brightness(100);}



/*esg报告*/
.more-hover-line img{width: 0.17rem;height: 0.17rem;    margin-left: 0.06rem;}
.esgbg{margin-top:0.8rem;margin-bottom:0.8rem;}
.esgbgList .esgbgItem div.download > a{display: flex;align-items: center;justify-content: center;}
.esgbgList{display:flex;margin-top: 0.65rem;position:relative;flex-wrap:wrap;}

.esgbgList .esgbgItem{width:calc((100% - 60px) / 4);margin-right:20px;position:relative;overflow:hidden;}
.esgbgList .esgbgItem:nth-child(4n){ margin-right: 0; }

.esgbgList .esgbgItem div.download{padding:0 0.3rem;position:absolute;left:0;bottom:0.2rem;padding-top: 2.5rem;width:100%;color:#fff;padding-bottom:0.2rem;background: linear-gradient(180deg, rgba(0, 59, 131, 0.00) 50%, rgba(0, 59, 131, 0.12) 70%, #003B83 100%);opacity: 0;transition:all 0.4s;}
.esgbgList .esgbgItem:hover div.download{opacity:1;}
.esgbgList .esgbgItem div.download > a{color:#fff;}
.esgbgList .esgbgItem p.download>a>img{margin-left:0.05rem;width:0.15rem;height:0.15rem;}
.esgbgList .esgbgItem .img{border:1px solid #D3D3D3;margin-bottom:0.2rem;height:5.22rem;width:100%;overflow:hidden;}
.esgbgList .esgbgItem .img>img{width:100%;height:100%;object-fit:cover;}

.esgbgMore{display:flex;justify-content:center;width:1.8rem;height:0.45rem;line-height:0.45rem;border:1px solid #141414;margin:auto;margin-top:0.7rem;}
.esgbgMore > a{line-height:.24rem;font-weight:400;display:flex;align-items:center;justify-content:center;width:1.8rem;height:0.45rem;}



@media screen and (max-width:1000px){
    
        /*banner头部数据*/
    .stock-container{     margin: 0.5rem auto;position: initial;    transform: inherit;   width: 100%;}
    .stock-card{width: 100%;background:rgba(255,255,255,0.92);padding: 0.2rem;box-shadow:0 8px 32px rgba(0,0,0,0.15);display: block;box-sizing:border-box;}
    .stock-lf{    display: flex;flex-direction: column;flex-wrap: wrap;}
    .stock-header{display:flex;flex-direction: row;align-items: center;justify-content: space-between; margin-left: 0;   margin-bottom: 0.06rem;}
    .stock-date{margin-left: 0;}
    .price-val{font-size: 0.32rem;}
    .metric-item{font-size: 0.16rem;}
    .stock-body{display: block;width: 100%;}
    .metric-label{margin-right: 0.1rem;}
    .stock-code{font-size: 0.16rem;}
    .stock-date{font-size: 0.12rem;}
    .stock-metrics{margin-left: 0;}
    .box1{display:flex;justify-content: space-between; gap: 0; width:100%;flex-direction: row;}


    
    
    .tabs-header .tab-item{margin-right:0.51rem;}
    .tabs-header .tab-item.active{color:#003B83;}
    .report-item{flex-wrap:wrap;padding:0.2rem 0;}
    .item-dot{display:none;}
    .report-item .item-lt{width:100%;flex:auto;padding-right:0;margin-bottom:0.1rem;}
    .report-item .item-rt{width:auto;height:auto;}
    
    .report-item .item-ct span{color:#6E6E6E;}
    
    
/*esg报告*/
    .ty-h1-title-box{margin-top:.5rem;}
    .esg-row-block{flex-direction: column;padding:0.16rem;margin-bottom:0.1rem;}
    .esg-connector{display:none;}
    .esg-details{margin-left:0;}
    .esg-left-info{min-width:auto;margin-bottom:0.17rem;}
    .esg-icon-box{width:0.44rem;height:0.44rem;}
    .esg-title br{display:none;}
    .esg-details p{font-size:0.12rem;}
    .zljg{margin:0.46rem auto 0.5rem;}
    .ty-h1-title-box p:nth-child(2){margin-bottom:0.3rem;}
    .esgbg{margin-top: 0.5rem;margin-bottom: 0.4rem;}
    .fzzl,.esgbg{overflow:hidden;}
    .fzzl-img{width:80%;top:32%;}
    .fzzl-img > img{width:100%;height:auto;}
    .zlList .zlItem:nth-child(1),.zlList .zlItem:nth-child(5){margin-top:0rem;}
    .zlList .zlItem:nth-child(2),.zlList .zlItem:nth-child(4){margin-top:0rem;}
    .zlList .zlItem{flex:0 0 100%;height:3.87rem;box-sizing: border-box;}
    .zlList,.esgbgList{transition:all 0.4s;}
    .ty-h1-title-box>img{margin:1.2rem 0;}
    .fzzl-list > span{width:0.5rem;height:0.5rem;}
    .zl-swper .msc-dots{bottom:0.2rem;}
    .zlList .zlItem h3.title{font-size:0.2rem;}
    
    .esgbgList .esgbgItem{flex:0 0 100%;width:100%;margin-right:0;padding-right:0.1rem;    box-sizing: border-box;}
    .es-swper{position:relative;}
    .esgbgMore ,.esgbgMore > a{width:1.36rem;height:0.3rem;}
    
    .esgry{padding:0.5rem 0;}
    .es-swper .msc-dots{bottom:-0.2rem;}
    
.esgbgList{display: block;}
    
   


}