/* ================= 底部核心样式 ================= */
    .fotter_warp {
        background-color: #2d2d2d; /* 深灰色背景 */
        color: #a5a5a5;
        font-size: 14px;
        line-height: 1.8;
        padding: 35px 0 20px;
        margin-top: 20px;
        min-width: 1200px;
        border-top: 3px solid #0099ff; /* 顶部增加一根亮色线条提神 */
    }

    .fotter .center {
        text-align: center;
        width: 1200px;
        margin: 0 auto;
    }

    /* 链接行 */
    .f-links {
        margin-bottom: 15px;
        font-size: 15px;
    }
    .f-links a {
        color: #ccc;
        margin: 0 12px;
        text-decoration: none;
    }
    .f-links a:hover {
        color: #fff;
        text-decoration: underline;
    }

    /* 文字信息行 */
    .f-text p {
        margin: 5px 0;
    }
    .f-text a {
        color: #a5a5a5;
        text-decoration: none;
        transition: color 0.2s;
    }
    .f-text a:hover {
        color: #fff;
    }
    .f-split {
        margin: 0 8px;
        color: #555;
    }

    /* 云计算合作伙伴区域 */
    .f-cloud-partners {
        margin: 15px 0;
        font-size: 13px;
        color: #777;
        background: #252525;
        display: inline-block;
        padding: 5px 20px;
        border-radius: 20px;
    }
    .f-cloud-partners span {
        margin: 0 10px;
    }
    .f-cloud-partners i {
        font-style: normal;
        color: #999;
    }

    /* ================= 认证图标区域 (关键部分) ================= */
    .f-auth-row {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #3a3a3a;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 30px; /* 图标之间的间距 */
    }

    .auth-item {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #888;
        font-size: 12px;
        transition: opacity 0.3s;
    }
    .auth-item:hover {
        color: #fff;
        opacity: 1;
    }

    /* 图标精灵图设置 */
    .auth-icon {
        display: inline-block;
        width: 25px;   /* 设定图标显示的宽度，根据需要微调 */
        height: 25px;  /* 设定图标显示的高度 */
        background-image: url('/static/pc/images/footer_sprites.png'); /* 你的图片路径 */
        background-repeat: no-repeat;
        background-size: 100%; /* 让图片宽度适应容器，保持比例 */
        margin-right: 8px;
        vertical-align: middle;
    }

    /*
       重要：这里控制显示长条图片中的哪一个部分
       background-position: x轴 y轴;
       因为图片是竖排的，我们只需要调整第二个数值(Y轴)
    */

    /* 1. 安全联盟 (原图第1个) */
    .icon-safe {
        background-position: 0 2px;
    }

    /* 2. 经营性网站备案 (原图第2个，大概在下移35px的位置) */
    .icon-jingying {
        background-position: 0 -35px;
    }

    /* 3. 无线互联网联盟 (原图第8个，大概在下面较深的位置) */
    /* 注意：如果不准，请微调这个 -255px 的数值 */
    .icon-wireless {
        background-position: 0 -255px;
    }