.hangQing { 
    margin: 20px 0 40px 0; /* 分别代表：上20px, 左右0, 下40px */
    border: 1px solid #eee; 
    padding: 10px; 
    border-radius: 4px; 
}

.hangQing .title-top {
    color: #007bff !important; /* 蓝色 */
    font-weight: bold !important; /* 加粗 */
    text-align: center !important; /* 居中 */
    font-size: 20px; /* 调大一点字体 */
    display: block;
    width: 100%;
}
.hq-date {
    display: inline-block;
    margin-right: 8px;
    color: #e63946 !important; /* 红色日期更明显 */
}

/* 如果需要图标不影响居中，可以微调图标 */
.hangQing .title-top .title-biao {
    display: none; /* 如果干扰居中，可以考虑隐藏或设置为绝对定位 */
}

    .title-top { font-weight: bold; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 10px; }
    
    /* 选项卡样式 */
    .z2aa26tab-title { display: flex; list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #eee; }
    .z2aa26tab-title li { flex: 1; padding: 8px; cursor: pointer; text-align: center; font-size: 14px; }
    .z2aa26tab-title li.z2aa26this { color: #e63946; border-bottom: 2px solid #e63946; }
    
    /* 走势图容器 - 修复遮挡关键 */
    .z2aa26tab-content { padding: 10px 0; text-align: center; min-height: 160px; height: auto; margin-bottom: 15px; }
    .z2aa26tab-content img { max-width: 100%; height: auto; }
    
    /* 指数方块布局 */
    .hangQing-box { display: flex; gap: 10px; clear: both; }
    .hangQing-box > div { flex: 1; text-align: center; padding: 10px; background: #f9f9f9; border-radius: 4px; transition: all 0.3s; }
    .hangQing-box p { margin: 2px 0; font-size: 13px; }
    .hangQing-box .num { font-weight: bold; font-size: 16px; }
    
    /* 涨跌颜色 */
    .red { color: #e63946 !important; }
    .green { color: #2a9d8f !important; }
    .jian-red { background-color: #fff5f5 !important; border: 1px solid #feb2b2; }
    .jian-green { background-color: #f0fff4 !important; border: 1px solid #9ae6b4; }
    /* --- 修复电脑端行情布局遮挡问题 --- */
@media screen and (min-width: 992px) {
    /* 1. 修复上方遮挡：增加顶部间距并提升层级 */
    .hangQing {
        position: relative !important;
        z-index: 10 !important;      /* 确保在 Banner 图片之上 */
        margin-top: 40px !important;  /* 避开上方 bj.jpg 的遮挡 */
        margin-bottom: 60px !important; /* 2. 修复下方遮挡：推开下面的图片内容 */
        background: #ffffff !important; /* 确保背景不透明，防止透出底图 */
        padding: 20px !important;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 增加一点阴影让板块更清晰 */
    }

    /* 确保行情内部容器宽度正常 */
    .hangQing-box {
        display: flex !important;
        justify-content: space-around;
        padding: 10px 0;
    }
}

/* 兼容性修复：防止清除浮动失效 */
.hangQing::after {
    content: "";
    display: table;
    clear: both;
}