﻿
/* 重置 & 基础 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", SimHei, sans-serif;
    font-size: 24px;
    line-height: 1.5;
    color: #333;
    overflow-x: hidden;
    background: #f4fcff url("../images/zzzq/bg.jpg") 50% 0 no-repeat;
}

a {
    color: #333;
    text-decoration: none;
}

    a:hover {
        color: #135a9c;
    }

.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.h > li {
    float: left;
}

.mb30 {
    margin-bottom: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.inner, .content, .links, .copyright {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1200px) {
    .inner, .content, .links, .copyright {
        width: 100%;
        padding: 0 20px;
    }
}
/* header */
.header {
    position: relative;
    height: 330px;
    background: url("../images/zzzq/header.png") 0px 0px no-repeat;
}

    .header h1 {
        width: 50%;
        height: 90px;
        background: url("../images/logo.png") 0 20px / auto 75% no-repeat;
        opacity: 0.9;
    }

        .header h1 a {
            display: block;
            height: 81px;
            text-indent: -9999px;
        }

.wzayd a {
    display: block;
    color: #fff;
    line-height: 44px;
    padding: 0 20px;
    border-radius: 50px;
    background: rgba(19, 90, 156);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,0.3);
}

    .wzayd a:hover {
        color: #FFF !important;
    }

    .wzayd a.w1 {
        position: absolute;
        bottom: 5%;
        left: 20px;
    }

    .wzayd a.w2 {
        position: absolute;
        bottom: 5%;
        left: 250px;
    }

@media (max-width: 1200px) {
    .header {
        height: 220px;
        background-size: auto 120%;
    }

        .header h1 {
            height: 70px;
            background-position: 10px 10px;
            background-size: auto 80%;
        }

    .wzayd {
        position: absolute;
        bottom: 5%;
        left: 5%;
    }

        .wzayd a.w1, .wzayd a.w2 {
            width: auto;
            font-size: 18px;
        }
}
/* content 主体 */
.content {
    padding: 30px;
    background-color: #fff;
    background-image: none;
    border-radius: 20px;
    margin-top: 20px;
}

@media (max-width: 1200px) {
    .content {
        padding: 20px;
    }
}

.grid {
    width: 100%;
    padding: 0;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

    .row::after {
        content: "";
        display: table;
        clear: both;
    }

.bt {
    height: 38px;
    background: url("../images/zzzq/bt.png") 50% center no-repeat;
    background-size: auto 100%;
}

    .bt b {
        color: #135a9c;
        font-size: 36px;
    }
/* 财政资讯卡片 */
.finance-news li {
    width: 33.33%;
    float: left;
    list-style: none;
}

    .finance-news li a {
        font-size: 36px;
        line-height: 1em;
        padding: 20px 10px 0;
        margin: 15px;
        height: 245px;
        color: #333;
        font-weight: bold;
        border-radius: 20px;
        text-align: center;
        background: #eef4fc;
        display: block;
        transition: all 0.3s;
    }

        .finance-news li a:hover {
            background: #e2edf9;
            color: #135a9c;
        }

        .finance-news li a i {
            display: block;
            width: 80px;
            height: 80px;
            margin: 20px auto;
            background-image: url("../images/zzzq/icons.png");
            background-size: auto;
            background-repeat: no-repeat;
        }

            .finance-news li a i.news-1 {
                background-position: 0 0;
            }

            .finance-news li a i.news-2 {
                background-position: -80px 0;
            }

            .finance-news li a i.news-3 {
                background-position: -160px 0;
            }

            .finance-news li a i.news-4 {
                background-position: -240px 0;
            }

            .finance-news li a i.news-5 {
                background-position: -320px 0;
            }

            .finance-news li a i.news-6 {
                background-position: -400px 0;
            }

            .finance-news li a i.news-7 {
                background-position: -480px 0;
            }

            .finance-news li a i.news-8 {
                background-position: -560px 0;
            }

@media (max-width: 1200px) {
    .finance-news li {
        width: 50%;
    }
}
/* 财政服务卡片 */
.finance-services {
    margin-left: -10px;
    margin-right: -10px;
}

    .finance-services li {
        width: 50%;
        float: left;
        list-style: none;
    }

        .finance-services li a {
            position: relative;
            display: block;
            padding: 40px;
            margin: 10px;
            height: 252px;
            text-align: left;
            background-color: #f8fcff;
            border-radius: 20px;
            border: 1px solid #cde0f0;
            background-repeat: no-repeat;
            background-position: right bottom;
        }

            .finance-services li a.service-1 {
                background-image: url("../images/zzzq/img_01.png");
                background-size: auto 70%;
            }

            .finance-services li a.service-2 {
                background-image: url("../images/zzzq/img_02.png");
                background-size: auto 70%;
            }

            .finance-services li a b {
                color: #7f4f21;
                font-size: 40px;
            }

            .finance-services li a span {
                position: absolute;
                bottom: 50px;
                left: 40px;
                display: inline-block;
                color: #135a9c;
                font-size: 32px;
                padding: 5px 20px;
                border-radius: 50px;
                border: 1px solid #135a9c;
            }
/* 财政互动卡片 */
.finance-interaction li {
    width: 33.33%;
    float: left;
    list-style: none;
}

    .finance-interaction li a {
        font-size: 36px;
        line-height: 2em;
        padding: 20px 10px;
        margin: 15px;
        border-radius: 10px;
        text-align: center;
        background: #f5faff;
        border: 1px solid #cde0f0;
        /*display: flex;
        justify-content: center;*/
    }

        .finance-interaction li a i {
            display: inline-block;
            width: 80px;
            height: 80px;
            background-image: url("../images/zzzq/icons.png");
            background-size: auto;
            background-repeat: no-repeat;
        }

            .finance-interaction li a i.interaction-1 {
                background-position: 0 -80px;
            }

            .finance-interaction li a i.interaction-2 {
                background-position: -80px -80px;
            }

            .finance-interaction li a i.interaction-3 {
                background-position: -160px -80px;
            }

            .finance-interaction li a i.interaction-4 {
                background-position: -240px -80px;
            }

@media (max-width: 1200px) {
    .finance-interaction li {
        width: 50%;
    }
}

/* 外链弹窗样式 */
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 6px;
    outline: none;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-clip: padding-box;
    display: none;
}

    .modal.fade.in {
        display: block;
    }

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

    .modal-header .bootstrap-close {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.2;
        cursor: pointer;
        background: transparent;
        border: 0;
    }

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
}

.modal-footer {
    padding: 14px 15px 15px;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
}

.bootstrap-btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

.bootstrap-btn-danger {
    color: #fff;
    background-color: #135a9c;
    border-color: #0e457a;
}
/* 无障碍辅助样式 (保留部分) */
.bf-assist-top .tool-item .wza-icon-style:hover {
    background-color: #135a9c;
}
/* 返回顶部 (隐藏) */
.backtop {
    display: none;
}
/* 响应式微调 */
@media (max-width: 768px) {
    body {
        font-size: 18px;
    }

    .bt b {
        font-size: 28px;
    }

    .a02 li a, .a04 li a {
        font-size: 24px;
    }

    .a03 li a b {
        font-size: 28px;
    }

    .a03 li a span {
        font-size: 24px;
        bottom: 30px;
        left: 30px;
    }
}
/* 蓝色主题全局覆盖 */
a:hover, .list-a li a:hover, .side-menu li a:hover, .footer a:hover, .headline a {
    color: #135a9c !important;
}

.btn-primary, .bootstrap-btn-primary, .pages .current {
    background-color: #135a9c;
    border-color: #0e457a;
}
/* 确保图标滤镜统一 */
img, [class*="icon-"]::before, .bmcx li a i, .bmyy li a i {
}
