/* 头部子菜单激活状态样式 */
        .header-submenu .menu-item {
            color: #666;
            /* 默认颜色 */
        }

        .header-submenu .menu-item.active {
            color: #8DC21F;
            /* 激活状态颜色，与左侧导航保持一致 */
            font-weight: bold;
        }

        #header {
            background: #0e1b35;
        }

        /* 中间内容区域样式 */
        .main-content {
            background-color: #f5f5f5;
            min-height: 50rem; /* 800px */
            padding: 0;
        }

        .containers {
            margin: 0 12.5% 0 6.25%; /* 百分比边距，适应不同分辨率 */
            padding: 6.1875rem 0 9.25rem 0; /* 99px 148px */
            overflow: hidden;
            /* 兼容IE浮动清除 */
        }

        /* 左侧导航 */
        .left-nav {
            float: left;
            width: 15rem; /* 240px */
            overflow: hidden;
        }

        .left-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .left-nav li {
            height: 5rem; /* 80px */
            line-height: 5rem; /* 80px */
            cursor: pointer;
            font-weight: 600;
            font-size: 1.25rem; /* 20px */
            color: #10193A;
            opacity: 0.5;
            text-align: center;
            margin-bottom: 0.625rem; /* 10px */
            background-color: #F8F8F8;
        }

        .left-nav li:last-child {
            margin-bottom: 0;
        }

        .left-nav li.active {
            background-color: #fff;
            color: #10193A;
            font-weight: 900;
            font-size: 1.5rem; /* 24px */
            opacity: 1;
        }

        /* 右侧内容区 */
        .right-content {
            width: calc(100% - 15rem); /* 240px */
            float: left;
            background-color: #fff;
            padding: 1.875rem; /* 30px */
            min-height: 28rem; /* 448px */
        }

        /* 内容面板 */
        .content-panel {
            display: none;
            position: relative;
        }

        .content-panel.active {
            display: block;
        }
        .network-title{
            margin-bottom: 1.25rem;
            display: flex;
            justify-content: space-between;
        }
        .network-title-mobile {
            display: none;
            width: 100%;
            height: 3.75rem;
            line-height: 3.75rem;
            padding: 0 1.875rem 0 0.5625rem;
            border: none;
            border-radius: 0.5rem;
            margin: 0 0 1.2rem 0;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            color: #999999;
            font-size: 1.5rem;
            font-weight: 500;
            position: relative;
        }
        .network-title-mobile.on {
            color: #10193A;
        }
        .mobileNetworkRight {
            display: block;
            position: absolute;
            width: 2rem;
            height: 2rem;
            top: 1rem;
            right: 0;
            z-index: 111;
        }
        .query-boxs {
            width: 100%;
            height: 4.25rem; /* 68px */
            background: #FFFFFF;
            position: relative;
        }

        .query-btns {
            position: absolute;
            top: 0; /* 10px */
            right: 8.5rem; /* 12px */
            height: 4rem; /* 48px */
            line-height: 4rem; /* 48px */
            background-color: #8DC21F;
            color: #fff;
            padding: 0 0.75rem; /* 12px */
            border: none;
            border-radius: 0.5rem; /* 8px */
            cursor: pointer;
            font-size: 1.5rem; /* 24px */
            font-weight: 400;
            overflow: hidden;
        }
        .query-btns.clear {
            right: 0; /* 12px */
            padding: 0 2rem; /* 12px */
            background-color: #ffffff;
            color: #8DC21F;
            box-shadow: 0 0 2px inset #8DC21F;
        }

        .boxs-input {
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            border-radius: 0.5rem; /* 8px */
            width: calc(100% - 17.5rem);
            height: 4.25rem; /* 68px */
            padding: 0 0.625rem; /* 10px */
            border: none;
            outline: none;
            font-size: 1.5rem; /* 24px */
            color: #10193A;
            line-height: 4.25rem; /* 68px */
        }

        /* 查询框样式 */
        .query-box {
            margin-bottom: 0.75rem; /* 12px */
        }

        .waybill-inputs {
            width: 100%;
            height: 20rem; /* 320px */
            padding: 1.0625rem 0.9375rem; /* 17px 15px */
            border: 1px solid rgba(16, 25, 58, 0.5); /* 1px */
            border-radius: 0.5rem; /* 8px */
            outline: none;
            font-size: 1.5rem; /* 24px */
            color: #10193A;
            line-height: 2.125rem; /* 34px */
        }

        /* .waybill-input:focus {
    border-color: #8DC21F;
} */

        .query-btn {
            float: right;
            height: 3rem; /* 48px */
            line-height: 3rem; /* 48px */
            padding: 0 0.75rem; /* 12px */
            background-color: #8DC21F;
            color: #fff;
            border: none;
            border-radius: 0.5rem; /* 8px */
            cursor: pointer;
            font-size: 1.5rem; /* 24px */
            font-weight: 400;
            overflow: hidden;
        }

        .fas-img {
            float: left;
            display: inline-block;
            width: 2.5rem; /* 40px */
            height: 2.5rem; /* 40px */
            margin-top: 0.75rem; /* 4px */
            background: url('../assets/common/sou.png') no-repeat center center;
            background-size: cover;
            margin-right: 0.25rem; /* 4px */
        }

        /* .query-btn:hover {
    background-color: #7ab01c;
} */

        .query-btn i {
            font-size: 1.125rem; /* 18px */
        }

        /* 最近查询记录 */
        .recent-records {}

        .query-btn-box {
            overflow: hidden;
        }
        .query-btn-box .fas-img {
            margin-top: 0.25rem; /* 4px */
        }

        .recent-records .title {
            font-weight: 500;
            font-size: 1.5rem; /* 24px */
            line-height: 2.125rem; /* 34px */
            color: #10193A;
            opacity: 0.5;
            float: left;
        }

        .record-tags {
            overflow: hidden;
        }

        .record-tags span {
            float: left;
            padding: 0.3125rem 0.625rem; /* 5px 10px */
            margin-right: 0.625rem; /* 10px */
            margin-bottom: 0.625rem; /* 10px */
            background-color: #f5f7fa;
            color: #333;
            border-radius: 0.9375rem; /* 15px */
            font-size: 0.8125rem; /* 13px */
            cursor: pointer;
            border: 0.0625rem solid #e0e0e0; /* 1px */
        }

        .record-tags span:hover {
            background-color: #e9f0ff;
            color: #0f62fe;
        }

        /* 物流跟踪结果 */
        .tracking-result {
            margin-top: 1.875rem; /* 30px */
            /* overflow: hidden; */
        }

        .tracking-header {
            width: 100%;
            white-space: nowrap;
            overflow-x: scroll;
            scrollbar-width: thin;
        }

        .waybill-number {
            display: inline-block;
            width: 11.25rem; /* 180px */
            height: 3.75rem; /* 60px */
            line-height: 3.75rem; /* 60px */
            background: #F8F8F8;
            font-weight: 600;
            font-size: 1.5rem; /* 24px */
            color: #10193A;
            opacity: 0.5;
            margin-right: 0.625rem; /* 10px */
            text-align: center;
            border-top-left-radius: 0.625rem; /* 10px */
            border-top-right-radius: 0.625rem; /* 10px */
            cursor: pointer;
        }

        .waybill-number.active {
            color: #fff;
            background: #8DC21F;
            opacity: 1;
        }

        .status {
            color: #333;
            font-weight: bold;
        }

        .tracking-list {
            margin-top: 0.625rem;
        }

        .tracking-list ul {
            list-style: none;
            position: relative;
            padding-left: 1.875rem; /* 30px */
        }

        .tracking-list ul::before {
            content: "";
            position: absolute;
            left: 0.3125rem; /* 5px */
            top: 0;
            bottom: 0;
            width: 0.0625rem; /* 1px */
            background-color: #eee;
        }

        .tracking-list li {
            position: relative;
            padding-bottom: 1.25rem; /* 20px */
        }

        .tracking-list li::before {
            content: "";
            position: absolute;
            left: -1.875rem; /* -30px */
            top: 2.0625rem; /* 33px */
            width: 0.625rem; /* 10px */
            height: 0.625rem; /* 10px */
            border-radius: 50%;
            background-color: #BFC2CB;
        }

        .tracking-list li:last-child {
            padding-bottom: 0;
        }

        .tracking-list .time {
            color: #999;
            font-size: 0.8125rem; /* 13px */
            margin-bottom: 0.3125rem; /* 5px */
        }

        .tracking-list .info {
            color: #333;
            line-height: 1.6;
        }

        /* 其他面板通用样式 */
        .common-input {
            width: 18.75rem; /* 300px */
            height: 2.25rem; /* 36px */
            padding: 0 0.625rem; /* 10px */
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.25rem; /* 4px */
            margin: 0.625rem 0; /* 10px */
        }

        .short-input {
            width: 9.375rem; /* 150px */
            height: 2.25rem; /* 36px */
            padding: 0 0.625rem; /* 10px */
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.25rem; /* 4px */
            margin: 0.625rem 0.3125rem; /* 10px 5px */
        }

        .common-select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 30%; /* 百分比宽度，适应不同分辨率 */
            height: 3.75rem; /* 60px */
            padding: 0 1.875rem 0 0.5625rem; /* 30px 9px */
            border: none;
            border-radius: 0.5rem; /* 8px */
            margin: 0.625rem 0.3125rem; /* 10px 5px */
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            color: #10193A;
            font-size: 1.5rem; /* 24px */
            font-weight: 500;
            background-image: url("../assets/common/arrow-down.png");
            /* 相对路径指向本地图片 */
            background-repeat: no-repeat;
            /* 禁止图片重复 */
            background-position: right 1.875rem center; /* 30px */
            /* 箭头位置：右侧10px，垂直居中 */
            background-size: 1.25rem 1.25rem; /* 20px 20px */
            /* 控制箭头大小（根据图片实际尺寸调整） */
            cursor: pointer;
        }
        .common-select:invalid {
            color: gray;
        }
        .common-select:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }
        .complaint-textarea {
            width: 37.5rem; /* 600px */
            padding: 0.625rem; /* 10px */
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.25rem; /* 4px */
            margin: 0.625rem 0; /* 10px */
            resize: none;
        }

        .container-banner {
            background: #0e1b35;
            height: 5.625rem; /* 90px */
        }

        /* IE9兼容性样式 */
        .ie9 .containers {
            display: block;
            overflow: hidden;
        }

        .ie9 .left-nav {
            float: left;
            width: 12.5rem; /* 200px */
            margin-right: 1.25rem; /* 20px */
        }

        .ie9 .right-content {
            float: right;
            width: calc(100% - 13.75rem); /* 220px */
        }

        .ie9 .left-nav li {
            display: block;
            zoom: 1;
        }

        .ie9 .left-nav li.active::before {
            display: none;
        }

        .ie9 .left-nav li.active {
            border-left: 0.25rem solid #6ba518; /* 4px */
            padding-left: 1rem; /* 16px */
        }

        /* 网点列表容器 */
        .branch-list {
            margin-top: 1.875rem; /* 30px */
            overflow: hidden;
            /* 清除浮动 */
        }

        /* 卡片内容器（抵消间距用） */
        .branch-list__inner {
            margin-right: -1.25rem; /* -20px */
            overflow: hidden;
        }

        /* 单个卡片容器 */
        .branch-card {
            cursor: pointer;
            float: left;
            width: 33.333%;
            padding-right: 1.25rem; /* 20px */
            box-sizing: border-box;
            margin-bottom: 1.25rem; /* 20px */
            padding: 0.0625rem 1.25rem 0.0625rem 0.0625rem; /* 1px 20px 1px 1px */
        }

        .branch-card:nth-child(3n) {
            padding-right: 1.375rem; /* 22px */
        }

        /* 卡片内部样式 */
        .branch-card__inner {
            background: #fff;
            border-radius: 0.5rem; /* 8px */
            height: 13.9rem; /* 217px */
            padding: 0 0.875rem; /* 14px */
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
        }

        .branch-card__inner:hover {
            border-bottom: 0.25rem solid #8DC21F; /* 4px */
        }

        /* 卡片头部（标题+标签） */
        .branch-card__header {
            padding-top: 0.625rem; /* 10px */
            overflow: hidden;
            /* 清除子元素浮动 */
            margin-bottom: 0.9375rem; /* 15px */
        }

        /* 网点名称 */
        .branch-card__title {
            width: calc(100% - 9rem);
            margin: 0;
            font-weight: 800;
            float: left;
            font-size: 1.5rem; /* 24px */
            line-height: 2.125rem; /* 34px */
            color: #10193A;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* 标签容器 */
        .branch-card__tags {
            margin-top: 0.3125rem; /* 5px */
            float: right;
        }

        /* 单个标签 */
        .branch-card__tag {
            display: inline-block;
            background: #8DC21F;
            color: #fff;
            font-size: 0.875rem; /* 14px */
            line-height: 1.5rem; /* 24px */
            height: 1.5rem;
            padding: 0 0.375rem; /* 6px */
            border-radius: 0.25rem; /* 4px */
            margin-right: 0.5625rem; /* 9px */
            font-weight: 400;
        }

        .branch-card__tag:last-child {
            margin-right: 0;
        }

        /* 信息行（联系人/电话） */
        .branch-card__info {
            display: flex;
            align-items: center;
            /* margin-left: 1.1875rem; 19px */
            margin-left: 1.5%;
            padding-top: 1rem; /* 16px */
            padding-bottom: 0.375rem; /* 6px */
        }

        .branch-card__info:last-child {
            padding-bottom: 0.9375rem; /* 15px */
        }

        /* 信息图标 */
        .branch-card__icon {
            width: 2.125rem; /* 34px */
            height: 2.125rem; /* 34px */
            margin-right: 0.5rem; /* 8px */
        }

        /* 信息文字 */
        .branch-card__text {
            color: #10193A;
            font-weight: 500;
            font-size: 1.125rem; /* 18px */
            line-height: 1.5625rem; /* 25px */
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .branch-card__text span {
            color: #10193A;
            opacity: 0.5;
        }

        /* 卡片底部 */
        .branch-card__footer {
            padding-top: 0.5625rem; /* 9px */
            float: right;
        }

        /* 查看详情链接 */
        .branch-card__link {
            font-weight: 500;
            font-size: 1.125rem; /* 18px */
            line-height: 1.5625rem; /* 25px */
            color: #10193A;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }

        /* 箭头图标 */
        .branch-card__arrow {
            width: 1.5rem; /* 24px */
            height: 1.5rem; /* 24px */
            margin-left: 0.25rem; /* 4px */
        }

        /* 我要寄件模块 */
        #send-package {
            /* 继承 content-panel 基础样式，如需单独调整可在此补充 */
        }

        /* 内容容器 */
        .send-container {
            text-align: center;
            /* padding: 3.75rem 0; */
        }

        /* 描述文字 */
        .send-desc {
            font-weight: 900;
            font-size: 2.5rem; /* 40px */
            line-height: 3.625rem; /* 58px */
            color: #10193A;
            text-align: center;
            margin-bottom: 1.4375rem; /* 23px */
        }

        /* 二维码占位容器 */
        .qrcode-box {
            width: 21.0625rem; /* 337px */
            height: 21.0625rem; /* 337px */
            margin: 0 auto;
        }

        .qrcode-box img {
            width: 100%;
            height: 100%;
        }

        /* 配送范围模块样式补充 */
        #delivery-scope .location-result {
            padding: 0.9375rem; /* 15px */
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
            border-radius: 0.5rem; /* 8px */
            display: none;
            /* 默认隐藏结果区域 */
            border-bottom: 0.25rem solid #8DC21F; /* 4px */
        }

        #delivery-scope .result-item {
            display: flex;
            align-items: center;
            padding-bottom: 0.3125rem; /* 5px */
        }

        .result-item>img {
            width: 3rem; /* 48px */
            height: 3rem; /* 48px */
            margin-right: 0.9375rem; /* 15px */
        }

        #delivery-scope .result-text {
            flex: 1;
            font-weight: 500;
            font-size: 1.5rem; /* 24px */
            color: #10193A;
        }

        #delivery-scope .result-tag {
            display: flex;
            align-items: center;
            color: #8DC21F;
            font-size: 0.875rem; /* 14px */
        }

        /* 面板标题样式 */
        .panel-title {
            margin-bottom: 1.875rem; /* 30px */
            color: #333;
            font-size: 1.5rem; /* 24px */
        }

        /* 表单行样式 */
        .form-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 1.875rem; /* 30px */
        }

        /* 表单列样式 */
        .form-col {
            width: 48%;
        }

        /* 表单组样式 */
        .form-group {
            margin-bottom: 1.25rem; /* 20px */
        }

        /* 标签样式 */
        .form-label {
            margin-bottom: 0.5rem; /* 8px */
            color: #10193A;
            font-weight: 800;
            font-size: 1.5rem; /* 24px */
            padding-right: 0.5rem; /* 8px */
        }

        /* 必填项标记 */
        .required {
            color: #FF4D4F;
        }

        /* 输入框样式 */
        .form-input {
            width: 60%;
            height: 3.75rem; /* 60px */
            padding-left: 0.5625rem; /* 9px */
            border-radius: 0.5rem; /* 8px */
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            border: none;
            font-size: 1.5rem; /* 24px */
            font-weight: 400;
        }

        /* 文本域样式 */
        .form-textarea {
            padding-top: 0.375rem; /* 6px */
            padding-left: 1.125rem; /* 18px */
            width: 100%;
            height: 15.875rem; /* 254px */
            border-radius: 0.5rem; /* 8px */
            border: 1px solid rgba(16, 25, 58, 0.5); /* 1px */
            font-size: 1.5rem; /* 24px */
            color: #10193A;
            line-height: 2.125rem; /* 34px */
            font-weight: 500;
        }

        /* 提交按钮样式 */
        .submit-btn {
            float: right;
            height: 3.125rem; /* 50px */
            padding: 0 1.875rem; /* 30px */
            font-size: 1.5rem; /* 24px */
            background: #8DC21F;
            font-weight: 400;
            border-radius: 0.625rem; /* 10px */
            border: none;
            color: #fff;
            cursor: pointer;
        }


        /* 配送范围模块样式 */
        #delivery-scope {
            padding: 1.25rem 0; /* 20px */
            position: relative;
            /* 为选择面板定位 */
        }

        /* 选择器容器 */
        .location-selector {
            display: flex;
            align-items: center;
            gap: 0.9375rem; /* 15px */
            margin-bottom: 1.375rem; /* 22px */
        }

        /* 输入框样式 */
        .location-input {
            flex: 1;
            height: 4.25rem; /* 68px */
            padding: 0 1.25rem; /* 20px */
            border: none;
            border-radius: 0.5rem; /* 8px */
            font-size: 1.5rem; /* 24px */
            font-weight: 500;
            color: #10193A;
            background-color: #fff;
            box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            padding-right: 3.125rem; /* 50px */
            /* 预留箭头位置 */
            background-image: url("../assets/common/arrow-down.png");
            /* 使用与其他下拉框一致的箭头图标 */
            background-repeat: no-repeat;
            background-position: right 0.9375rem center; /* 15px */
            background-size: 1.5rem 1.5rem; /* 24px 24px */
        }

        /* 选择面板样式 */
        .selectBox {
            margin-top: 0.3125rem; /* 5px */
            padding: 0.9375rem; /* 15px */
            background-color: #fff;
            border: 0.0625rem solid #f0f0f0; /* 1px */
            border-radius: 0.5rem; /* 8px */
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: calc(100% - 15.625rem); /* 250px */
            /* 与输入框宽度匹配 */
            gap: 0.9375rem; /* 15px */
            display: none;
        }
        .select-panel {
            width: 100%;
            display: flex;
            gap: 0.9375rem; /* 15px */
        }

        /* 面板内下拉框样式 */
        .panel-select {
            flex: 1;
            height: 3rem; /* 48px */
            padding: 0 0.9375rem; /* 15px */
            padding-right: 2.1875rem; /* 35px */
            /* 预留箭头位置 */
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.375rem; /* 6px */
            font-size: 1.125rem; /* 18px */
            color: #10193A;
            background-color: #fff;
            appearance: none;
            -webkit-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2310193A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 0.625rem center; /* 10px */
            background-size: 1.125rem; /* 18px */
        }
        panel-select:invalid {
            color: gray;
        }
        .panel-select:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        /* 按钮样式 */
        .query-button {
            width: 8.125rem; /* 130px */
            height: 4.25rem; /* 68px */
            line-height: 4.25rem; /* 68px */
            padding: 0 1.5625rem; /* 25px */
            background-color: #8DC21F;
            color: #fff;
            border: none;
            border-radius: 0.5rem; /* 8px */
            font-size: 1.25rem; /* 20px */
            font-weight: 500;
            cursor: pointer;
            white-space: nowrap;
            width: 8.125rem; /* 130px */
        }

        .query-button i {
            margin-top: 0.875rem; /* 14px */
        }

        .reset-button {
            width: 8.125rem; /* 130px */
            height: 4.25rem; /* 68px */
            line-height: 4.25rem; /* 68px */
            padding: 0 1.5625rem; /* 25px */
            background-color: #fff;
            color: #8DC21F;
            border: 0.125rem solid #8DC21F; /* 2px */
            border-radius: 0.5rem; /* 8px */
            font-size: 1.25rem; /* 20px */
            font-weight: 500;
            cursor: pointer;
            white-space: nowrap;
        }

        /* 结果区域样式 */


        .result-text {
            flex: 1;
            color: #10193A;
            font-size: 1.25rem; /* 20px */
            font-weight: 500;
        }

        .result-tag {
            display: flex;
            align-items: center;
            color: #8DC21F;
            font-size: 1.25rem; /* 20px */
            font-weight: 500;
        }

        .tag-text {
            font-weight: 500;
            font-size: 1.5rem; /* 24px */
            color: #8DC21F;
        }

        .result-tag>img {
            width: 2.375rem; /* 38px */
            height: 2.375rem; /* 38px */
            margin-right: 0.75rem; /* 12px */
        }

        /* 详情页样式 */
        .branch-detail {
            display: none;
            /* 由 active 类控制显示 */
            background: #fff;
            padding: 1.125rem; /* 18px */
            border-radius: 0.5rem; /* 8px */
            box-shadow: 0 6px 18px rgba(14, 27, 53, 0.04);
        }

        .branch-detail.active {
            display: block;
        }

        .branch-detail .detail-top {
            display: flex;
            gap: 1.125rem; /* 18px */
            align-items: flex-start;
        }

        /* 地图容器 */
        #branchMap {
            flex: 1;
            height: 20rem; /* 320px */
            border-radius: 0.5rem; /* 8px */
            background: #f8fafd;
        }

        /* 右侧信息卡 */
        .detail-cards {
            width: 23.75rem; /* 380px */
            display: flex;
            flex-direction: column;
            gap: 0.75rem; /* 12px */
        }

        .detail-card {
            background: #fff;
            border: 0.0625rem solid #eef6f6; /* 1px */
            border-radius: 0.5rem; /* 8px */
            padding: 0.75rem; /* 12px */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
        }

        .detail-card h4 {
            margin: 0 0 0.375rem 0; /* 6px */
            font-size: 1.125rem; /* 18px */
            color: #10193A;
        }

        .detail-card p {
            margin: 0;
            color: #6b7280;
            font-size: 0.875rem; /* 14px */
            line-height: 1.6;
        }

        .detail-actions {
            display: flex;
            justify-content: center;
            margin-top: 1rem; /* 16px */
        }

        .back-btn,
        .jump-btn {
            background: #8DC21F;
            color: #fff;
            border: none;
            padding: 0.625rem 1.375rem; /* 10px 22px */
            border-radius: 1.375rem; /* 22px */
            cursor: pointer;
            font-size: 1rem; /* 16px */
            margin: 0 0.5rem; /* 8px */
        }

        /* 分页样式 */
        .pagination {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 1.875rem; /* 30px */
            color: #666;
            font-size: 0.875rem; /* 14px */
        }

        .pagination-info {
            color: #10193A;
            opacity: 0.7;
        }

        .pagination-controls {
            display: flex;
            align-items: center;
            gap: 0.5rem; /* 8px */
        }

        .pagination-size {
            height: 2rem; /* 32px */
            line-height: 2rem;
            padding: 0 0.625rem; /* 10px */
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.25rem; /* 4px */
            background-color: #fff;
            cursor: pointer;
        }
        .jumpToPages, .allPages {
            height: 2rem; /* 32px */
            line-height: 2rem;
        }
        .allPages {
            font-size: 16px;
            font-weight: bold;
            color: #0e1b35;
        }
        .jumpToPages input {
            height: 2rem;
            width: 3.6rem;
            line-height: 2rem;
            text-align: center;
            border: 0.0625rem solid #ddd;
            border-radius: 0.25rem; /* 4px */
        }

        .ui-pagination-container a {
            display: inline-block;
            padding: 0 0.5rem;
            height: 2rem; /* 32px */
            line-height: 2rem; /* 32px */
            text-align: center;
            border: 0.0625rem solid #ddd; /* 1px */
            border-radius: 0.25rem; /* 4px */
            background-color: #fff;
            color: #10193A;
            text-decoration: none;
            cursor: pointer;
            margin: 0 0.1rem;
        }
        .ui-pagination-container a.active {
            background-color: #8DC21F;
            color: #fff;
            border-color: #8DC21F;
        }

        .pagination-btn.disabled,
        .pagination-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .pagination-ellipsis {
            line-height: 2rem; /* 32px */
        }
/* 弹窗遮罩层 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1003;
    display: none;
}

/* 弹窗容器 */
.popup-container {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 57.5rem;
    background: #fff;
    z-index: 1004;
    display: none;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* 弹窗内容区 */
.popup-content {
    padding: 1.25rem;
}

/* 弹窗内地图容器 */
.popup-map-container {
    width: 100%;
    height: 23.75rem;
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-radius: 0.625rem;
}
#popup-china-map{
    width: 100%;
    height: 100% !important;
}

/* 弹窗内信息卡片容器 */
.popup-info-cards {
    display: flex;
    margin: 0 1.5625rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 弹窗内单个信息卡片 */
.popup-info-card {
    width: 30%;
    height: 6.25rem;
    box-shadow: 0px 0px 0.3125rem 0px rgba(0,0,0,0.2);
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5625rem;
}
.popup-info-card:nth-child(4){
    width: 65%;
}
.popup-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-info-label {
    font-weight: 400;
    line-height: 1.5625rem;
    font-size: 1.125rem;
    color: rgba(16,25,58,0.5);
    padding-left: 0.25rem;
}
.icon-img{
    width: 2.125rem;
    height: 2.125rem;
}
.popup-info-value {
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 2.625rem;
    color: #10193A;
    padding-top: 0.5rem;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

/* 弹窗底部按钮区 */
.popup-footer {
    width: 100%;
    padding-bottom: 0.375rem;
}

.popup-btn {
    margin: 0 auto;
    width: 13.1875rem;
    height: 3rem;
    background: #8DC21F;
    border-radius: 0.625rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 3rem;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.branch-cardMain {
    background: #F6F6F6;
    border-radius: 8px;
}
.mobileNetworkRight {
    display: none;
}