/* ========== 全局基础重置 & 统一样式 ========== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 62.5%;
    color: #333;
}

body {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.5;
    padding-bottom: 70px; /* 避免底部导航挡住内容 */
}

a {
    color: #000;
    text-decoration: none;
    outline: none;
}

a:hover,
a:active,
a:focus {
    color: #f00;
    text-decoration: none;
}

img {
    border: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

/* ========== 通用工具类 ========== */
.f14 { font-size: 14px; line-height: 22px; }
.f16 { font-size: 16px; line-height: 24px; }
.f18 { font-size: 18px; line-height: 26px; }
.f20 { font-size: 20px; line-height: 30px; }

.jz {TEXT-ALIGN: center;}

.biaoti{font-size:20px;line-height:30px;color: #039; border: 1px solid #c9e1ed; padding: 2px 5px; background: #d4e5f9;}



.clearfix::after {
    content: "";
    display: block;
    clear: both;
}
.clearfix { zoom: 1; }

/* ========== 头部样式 ========== */
 .shouji-xintoubu{overflow:hidden}
.shouji-xintoubu .xtb-inner{height:44px;background:#2889d6;color:#fff;position:relative;padding-top:3px}
.shouji-xintoubu .xtb-inner .xtb-inner-l{float:left;padding-left:6px;padding-top:9px}
.shouji-xintoubu .xtb-inner .xtb-inner-l a{color:#fff}
.shouji-xintoubu .xtb-inner .xtb-inner-l a:hover{text-decoration:none}
.shouji-xintoubu .xtb-inner .xtb-inner-l .tubiao{position:relative;top:1px}

.shouji-xintoubu .xtb-inner .xtb-inner-logo{position:absolute;margin-left:5px;width:84px;top:9px}
.logotxt{height:25px; position:absolute; margin-left:20px;left:80px; top:15px; color:#fff; font-size:18px; line-height:25px; padding-left:7px; border-left:1px #fff solid;}

.shouji-xintoubu .xtb-inner .xtb-inner-logo img{width:100%}
.shouji-xintoubu .xtb-inner .xtb-inner-r{float:right;padding-top:11px;padding-right:11px}
.shouji-xintoubu .xtb-inner .xtb-inner-r .caidan{width:18px;display:inline-block}
.shouji-xintoubu .xtb-inner .xtb-inner-r .caidan img{width:100%}



/* ========== 修改点：导航条固定顶部 + 横向滑动 ========== */
.p1 {
    padding: 5px;
    background: #005099;
    /* 固定在顶部 */
    position: sticky;
    top: 0;
    z-index: 99;
    /* 横向滑动核心样式 */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /* 隐藏滚动条（美观） */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.p1::-webkit-scrollbar {
    display: none;
}

.p1 a {
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
    color: #FFF;
    margin-right: 10px;
    /* 保证文字不换行 */
    white-space: nowrap;
}

.ad {
    padding: 2px 5px;
    background: #d4e5f9;
}

.ad a {
    line-height: 25px;
    font-size: 16px;
    color: #039;
}

/* ========== 内容区域 ========== */
.p, .fm {
    padding: 5px;
}

.top {
    display: inline-block;
    margin: 0 5px 10px;
    background: #69C;
    padding: 2px 5px;
    border-radius: 3px;
    color: #FFF;
    font-size: 12px;
}

.f {
    line-height: 25px;
    font-size: 16px;
    padding: 5px;
    margin-top: 3px;
    border-top: 1px solid #0170b8;
    background: #ecf5fc;
    text-align: center;
}

.n999 {
    font-size: 14px;
    width: 100%;
    height:0;
    overflow: hidden;
}

/* ========== 律师卡片样式（现代化优化） ========== */
.lawyer-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    padding: 18px 18px 18px 4px;
    margin: 0 2px 4px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.avatar {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #e6edf7;
}

.info-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.name {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tag {
    background-color: #eef2ff;
    color: #374151;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 13px;
}

.action-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.phone-btn,
.consult-btn {
    flex: 1;
    padding: 4px 0;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.phone-btn {
    border: 1px solid #005099;
    background: #fff;
    color: #005099;
}

.consult-btn {
    border: none;
    background: #005099;
    color: #fff;
}

/* ========== 底部固定导航 ========== */
.footerBottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #024585;
    z-index: 999;
}

.footerBottom .box {
  display: flex;
  width: 100%;
}
.footerBottom a {
  flex: 1;
  text-align: center;
  padding: 6px 0;
}
.footerBottom a span {
  font-size: 14px;    /* 固定文字大小，最清晰 */
  color: #fff;
  line-height: 1.2;
}
.footerBottom a:first-child { border-left: none; }
.footerBottom a:last-child { border-right: none; }

.footerBottom em {
    display: block;
    width: 2.5rem;
    height: 1.8rem;
    margin: 0 auto;
}

.footerBottom em img {
  width: 22px;
  height: 22px;
  margin: 0 auto 3px;
}

.footerBottom span {
    display: block;
    font-size: 1.5rem;
    color: #fff;
    margin-top: 0.2rem;
}

.footerBottom i {
    position: absolute;
    top: -1.875rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.792rem;
    height: 1.875rem;
    cursor: pointer;
}